deploy formule to gh pages

.github/workflows/deploy-demo.yml

@@ -0,0 +1,27 @@
+name: Build and deploy demo
+on: [push]
+permissions:
+  contents: write
+jobs:
+  build-and-deploy-demo:
+    name: Build and deploy demo
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./formule-demo
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18.x
+
+      - name: Install
+        run: yarn
+
+      - name: Build
+        run: yarn build
+
+      - name: Deploy
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: formule-demo/dist

formule-demo/package.json

@@ -3,7 +3,7 @@
   "private": true,
   "version": "0.0.0",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --config vite.config.local.ts",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
@@ -14,7 +14,8 @@
   },
   "dependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-formule": "latest"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",

formule-demo/vite.config.local.ts

@@ -0,0 +1,11 @@
+import { resolve } from "path";
+import viteConfig from "./vite.config.ts";
+
+// Enables hmr in development without having to rebuild the library
+viteConfig.resolve = {
+  alias: {
+    "react-formule": resolve(__dirname, "../src/index.ts"),
+  },
+};
+
+export default viteConfig;

formule-demo/vite.config.ts

@@ -1,7 +1,5 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
-import { resolve } from 'path'
-
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -14,10 +12,9 @@ export default defineConfig({
     host: true,
     port: 3030,
   },
-  // Enables hmr in development without having to rebuild the library
-  resolve: {
-    alias: {
-      "react-formule": resolve(__dirname, '../src/index.ts'),
-    }
-  }
-})
+  // FIXME: remove after we change the squirrelly import
+  // see https://github.com/squirrellyjs/squirrelly/issues/240#issuecomment-1816104837
+  build: {
+    commonjsOptions: { transformMixedEsModules: true },
+  },
+});