Merge pull request #4 from geolonia/3-demo-global-mode

Global/local mode switch

.github/workflows/ci.yml

@@ -21,6 +21,13 @@ jobs:
       - run: npm run test
       - run: npm run build
 
+      - name: Build demo
+        run: |
+          cd demo
+          npm ci
+          npm run lint
+          npm run build
+
       - uses: actions/upload-artifact@v4
         with:
           name: dist

.github/workflows/pages.yml

@@ -22,13 +22,14 @@ jobs:
       - run: npm run test
       - run: npm run build
 
-      - run: |
+      - name: Build demo
+        run: |
           cd demo
           npm ci
           npm run build
 
       - name: Deploy
-        uses: peaceiris/actions-gh-pages@v3
+        uses: peaceiris/actions-gh-pages@v4
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           publish_dir: ./demo/dist

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit"
+  }
+}

demo/eslint.config.mjs

@@ -0,0 +1,54 @@
+import { fixupConfigRules } from "@eslint/compat";
+import reactRefresh from "eslint-plugin-react-refresh";
+import stylistic from "@stylistic/eslint-plugin";
+import globals from "globals";
+import tsParser from "@typescript-eslint/parser";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default [
+  {
+    ignores: ["**/dist", "**/.eslintrc.cjs"],
+  },
+  stylistic.configs.customize({
+    semi: true,
+    braceStyle: "1tbs",
+    quotes: "double",
+    quoteProps: "consistent",
+  }),
+  ...fixupConfigRules(compat.extends(
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended",
+  )),
+  {
+    plugins: {
+      "react-refresh": reactRefresh,
+      "@stylistic": stylistic,
+    },
+
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+      },
+
+      parser: tsParser,
+    },
+
+    rules: {
+      "react-refresh/only-export-components": ["warn", {
+        allowConstantExport: true,
+      }],
+    },
+  },
+];