Fix website structure

.github/workflows/publish-pages.yml

@@ -17,17 +17,11 @@ jobs:
 
       - run: npm install
 
-      - run: npm run build
-
-      - name: Copy files
-        run: |
-          mkdir _site
-          cp -r pages _site
-          cp -r dist _site
+      - run: npm run buildSite
 
       - name: Fix permissions
         run: |
-          chmod -c -R +rX "_site/" | while read line; do
+          chmod -c -R +rX "pages/" | while read line; do
             echo "::warning title=Invalid file permissions automatically fixed::$line"
           done
 

.gitignore

@@ -1,3 +1,3 @@
 node_modules/
 dist/
-_site/
+pages/hotkey

package.json

@@ -14,7 +14,8 @@
     "clean": "rm -rf dist",
     "prebuild": "npm run clean && npm run lint && mkdir dist",
     "pretest": "npm run build",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "buildSite": "npm run build && mkdir -p pages/hotkey && cp -r dist/* pages/hotkey"
   },
   "files": [
     "dist",

pages/demo.html

@@ -17,7 +17,7 @@
   <a href="#ok" data-hotkey="o k">Press <kbd>o k</kbd> click this link</a>
 
   <script type="module">
-    import {install} from '../dist/index.js'
+    import {install} from './hotkey/index.js'
 
     for (const el of document.querySelectorAll('[data-hotkey]')) {
       install(el)

pages/hotkey_mapper.html

@@ -46,8 +46,8 @@ <h1 id="app-name">Hotkey Code</h1>
   </div>
 
   <script type="module">
-    import {eventToHotkeyString} from '../dist/index.js'
-    import sequenceTracker from '../dist/sequence.js'
+    import {eventToHotkeyString} from './hotkey/index.js'
+    import sequenceTracker from './hotkey/sequence.js'
 
     const hotkeyCodeElement = document.getElementById('hotkey-code')
     const sequenceStatusElement = document.getElementById('sequence-status')