Github pages

mappable-world · Sep 19, 2023 · e2c7cc4 · e2c7cc4
1 parent 0026e43
commit e2c7cc4
Show file tree

Hide file tree

Showing 4 changed files with 90 additions and 8 deletions.
diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
@@ -0,0 +1,39 @@
+name: GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3 #Setup Node
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'npm'
+      - run: npm ci
+      - run: APIKEY=${{ secrets.APIKEY }} npm run build
+      - run: APIKEY=${{ secrets.APIKEY }} npm run examples
+      - name: Upload Pages artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          path: ./dist/example
+
+  deploy:
+    needs: build
+    permissions:
+      pages: write      # to deploy to Pages
+      id-token: write
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    runs-on: ubuntu-latest
+    steps:
+        - name: Deploy to GitHub Pages
+          id: deployment
+          uses: actions/deploy-pages@v2
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Example @mappable-world/mappable-hint</title>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="./common.css" />
+</head>
+<body>
+    <iframe width="100%" height="500px" src="./vanilla.html" frameborder="0"></iframe>
+    <div class="content">
+        <div class="version">%VERSION%</div>
+        %README%
+    </div>
+    <div class="references">%REFERENCES%</div>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/atom-one-dark.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
+    <script>hljs.highlightAll();</script>
+</body>
+</html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "lint": "eslint ./",
     "build": "npm run build:prod && npm run build:esm",
     "build:dev": "webpack --mode=development",
+    "examples": "mappable-cli example --input=example --output=dist/example",
     "build:prod": "webpack --mode=production --node-env=production",
     "build:esm": "rm -rf ./dist/esm && tsc --project tsconfig.build.json --target es2018 --module es6 --outDir dist/esm",
     "watch": "webpack --watch",
@@ -29,7 +30,7 @@
   ],
   "devDependencies": {
     "html-webpack-plugin": "^5.5.3",
-    "@mappable-world/mappable-cli": "^0.0.3",
+    "@mappable-world/mappable-cli": "^0.0.16",
     "@mappable-world/mappable-types": "^0.0.4",
     "@types/got": "9.6.12",
     "@types/jest": "29.5.3",