Add interactive framework & spherical viewer

Author: Tom-Notch

.github/workflows/pre-commit.yml

@@ -11,5 +11,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "22"
+          cache: npm
+      - run: npm ci
       - uses: actions/setup-python@v3
       - uses: pre-commit/action@v3.0.0

.pre-commit-config.yaml

@@ -13,12 +13,27 @@ repos:
       - id: check-github-actions
       - id: check-github-workflows
 
-  - repo: https://github.com/pre-commit/mirrors-prettier
-    rev: v4.0.0-alpha.8
+  # Uses repo-root Prettier (prettier-plugin-astro, tailwind) + ESLint + Astro.
+  # Requires `npm ci` first — see .github/workflows/pre-commit.yml.
+  - repo: local
     hooks:
-        - id: prettier
-          types_or: [css, scss, json, javascript, html]
-          exclude: (?i)(.*main.*scss)$
+      - id: prettier
+        name: prettier
+        language: system
+        entry: npm exec -- prettier --write --
+        files: (^prettier\.config\.ts$)|(.*\.(astro|css|scss|json|[jt]sx?|mjs|cjs|mdx|html))$
+        exclude: (?i)^(dist/.*|\.astro/.*|.*main.*scss)$
+      - id: eslint
+        name: eslint
+        language: system
+        entry: npm exec -- eslint --fix --max-warnings 0 --
+        files: (^eslint\.config\.ts$)|(.*\.(astro|tsx?|jsx?|mjs|cjs|json|md|mts|cts))$
+        exclude: (?i)^(dist/.*|\.astro/.*|package-lock\.json)$
+      - id: astro-check
+        name: astro check
+        language: system
+        entry: npm run check
+        pass_filenames: false
 
   - repo: https://github.com/google/yamlfmt
     rev: v0.21.0

astro.config.ts

@@ -15,6 +15,12 @@ import astroExpressiveCode from "astro-expressive-code";
 export default defineConfig({
   vite: {
     plugins: [tailwindcss()],
+    server: {
+      watch: {
+        usePolling: true,
+        interval: 1000,
+      },
+    },
   },
   markdown: {
     remarkPlugins: [remarkMath],

eslint.config.ts

@@ -52,6 +52,7 @@ export default defineConfig([
   },
   {
     files: ["**/*.css"],
+    ignores: ["src/styles/global.css"],
     plugins: { css },
     language: "css/css",
     languageOptions: { customSyntax: tailwind4 },