new example build

chialab · Jan 29, 2024 · c12ddba · c12ddba
1 parent 0dfa0b5
commit c12ddba
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 24 deletions.
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
@@ -36,20 +36,14 @@ jobs:
       - name: Install project dependencies
         run: yarn install
 
-      - name: Run build script
-        run: yarn build
-
-      - name: Prepare
-        run: |
-          mkdir public
-          cp -rf examples public
-          cp -rf dist public
+      - name: Run build pages
+        run: yarn example:build
 
       - name: Upload artifact
-        uses: actions/upload-pages-artifact@v1
+        uses: actions/upload-pages-artifact@v2
         with:
           path: 'public'
 
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v1
+        uses: actions/deploy-pages@v2
diff --git a/examples/navigation/index.html → index.html b/examples/navigation/index.html → index.html
@@ -10,18 +10,6 @@
             content="width=device-width, initial-scale=1.0" />
         <title>Synapse</title>
         <script src="https://cdn.tailwindcss.com"></script>
-        <script type="importmap">
-            {
-                "imports": {
-                    "@chialab/dna": "https://unpkg.com/@chialab/[email protected]/dist/esm/dna.js",
-                    "@chialab/dna/jsx-runtime": "https://unpkg.com/@chialab/[email protected]/jsx-runtime.js",
-                    "@chialab/synapse": "../../dist/esm/synapse.js"
-                }
-            }
-        </script>
-        <script
-            type="module"
-            src="index.js"></script>
         <style>
             html,
             body {
@@ -43,5 +31,19 @@
             }
         </style>
     </head>
-    <body> </body>
+    <body></body>
+    <script type="module">
+        import { document, html, render, window } from '@chialab/dna';
+        import { BrowserHistory } from './src/index.ts';
+        import './examples/navigation/App.js';
+
+        const app = render(
+            html`<demo-app
+                base=${`${window.location.pathname}#!/`}
+                history=${new BrowserHistory()} />`,
+            document.body
+        );
+
+        app.start();
+    </script>
 </html>
diff --git a/package.json b/package.json
@@ -26,6 +26,8 @@
     "test:browser": "vitest run --config vitest.browser.ts",
     "test:node": "vitest run --config vitest.node.ts",
     "lint": "prettier --check . && eslint src test",
+    "example:serve": "vite",
+    "example:build": "vite build",
     "prepack": "yarn build && publint"
   },
   "files": [
@@ -60,6 +62,7 @@
     "publint": "^0.2.7",
     "rimraf": "^5.0.0",
     "typescript": "^5.0.0",
+    "vite": "^5.0.12",
     "vitest": "^1.2.2"
   }
 }
diff --git a/vite.config.ts b/vite.config.ts
@@ -0,0 +1,14 @@
+import { fileURLToPath } from 'node:url';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+    base: 'synapse',
+    build: {
+        outDir: 'public',
+    },
+    resolve: {
+        alias: {
+            '@chialab/synapse': fileURLToPath(new URL('./src/index.ts', import.meta.url)),
+        },
+    },
+});
diff --git a/yarn.lock b/yarn.lock
@@ -5560,7 +5560,7 @@ [email protected]:
     picocolors "^1.0.0"
     vite "^5.0.0"
 
-vite@^5.0.0:
+vite@^5.0.0, vite@^5.0.12:
   version "5.0.12"
   resolved "https://registry.npmjs.org/vite/-/vite-5.0.12.tgz#8a2ffd4da36c132aec4adafe05d7adde38333c47"
   integrity sha512-4hsnEkG3q0N4Tzf1+t6NdN9dg/L3BM+q8SWgbSPnJvrgH2kgdyzfVJwbR1ic69/4uMJJ/3dqDZZE5/WwqW8U1w==