create-tanqory-theme 0.0.0-stage → 0.2.3

package/templates/nova/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ES2021",
+    "lib": ["ES2021", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "allowImportingTsExtensions": true,
+    "types": ["vite/client", "node", "@testing-library/jest-dom"]
+  },
+  "include": ["src", "lib", "tests", "config", "theme.config.ts", "entry.abi.tsx", "main.abi.tsx"]
+}

package/templates/nova/vite.abi-ssr.config.ts

@@ -0,0 +1,37 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// Theme ABI v2 serve entry → dist/abi-ssr/entry.mjs: ONE ES module, everything inlined, no
+// `import`, no dynamic `import()`, no Node built-ins (theme-abi-v2.md §1, §11). Minified: parse
+// time scales with raw size and the ABI limits raw bytes (§8).
+const BROWSER_ONLY = [
+  'window', 'document', 'location', 'history', 'self', 'localStorage', 'sessionStorage',
+  'requestAnimationFrame', 'cancelAnimationFrame', 'getComputedStyle', 'matchMedia', 'CSS',
+  'DOMParser', 'MutationObserver', 'ResizeObserver', 'IntersectionObserver', 'HTMLElement',
+  'MessageChannel', 'setImmediate', 'MSApp', 'reportError', '__REACT_DEVTOOLS_GLOBAL_HOOK__',
+]
+
+export default defineConfig({
+  plugins: [react()],
+  // Browser-only globals are compile-time `undefined` in the SERVER bundle. Every reference to them
+  // in Nova (and in react-dom's client half, which `createPortal` pulls in) sits behind a
+  // `typeof window !== 'undefined'` guard or inside an effect/handler that never runs during
+  // renderToString; substituting the constant lets the minifier drop those branches and leaves the
+  // entry with no free identifier outside the ABI's §11 globals (suite 1). It does not make anything
+  // reachable: on the isolate these names are absent anyway (§11 "everything else is absent").
+  define: {
+    'process.env.NODE_ENV': '"production"',
+    ...Object.fromEntries(BROWSER_ONLY.map((name) => [name, 'undefined'])),
+  },
+  ssr: { noExternal: true, target: 'webworker' },
+  resolve: { conditions: ['workerd', 'worker', 'browser', 'module', 'import', 'default'] },
+  build: {
+    ssr: 'entry.abi.tsx',
+    outDir: 'dist/abi-ssr',
+    emptyOutDir: true,
+    target: 'es2022',
+    minify: 'esbuild',
+    sourcemap: false,
+    rollupOptions: { output: { entryFileNames: 'entry.mjs', format: 'es', inlineDynamicImports: true } },
+  },
+})

package/templates/nova/vite.abi.config.ts

@@ -0,0 +1,26 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// Theme ABI v2 browser bundle → dist/abi/client. `base: './'` because the asset origin and its
+// /a/<artifactDigest>/client prefix are only known once the artifact is built (theme-artifact-v1.md
+// §5); every URL the bundle and its CSS emit stays relative to the file that references it.
+export default defineConfig({
+  plugins: [react()],
+  base: './',
+  build: {
+    outDir: 'dist/abi/client',
+    emptyOutDir: true,
+    manifest: true,
+    target: 'es2022',
+    sourcemap: false,
+    rollupOptions: {
+      input: 'main.abi.tsx',
+      output: {
+        manualChunks(id: string) {
+          if (id.includes('node_modules/react')) return 'react'
+          return undefined
+        },
+      },
+    },
+  },
+})

package/templates/nova/vitest.config.ts

@@ -0,0 +1,20 @@
+import { defineConfig } from 'vitest/config'
+import react from '@vitejs/plugin-react'
+
+/**
+ * The theme's tests under the same pipeline the theme builds with (import.meta.glob, JSON, JSX).
+ * jsdom gives sections a DOM; the setup file wires jest-dom matchers.
+ */
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    environment: 'jsdom',
+    include: ['tests/**/*.test.{ts,tsx}', 'src/**/*.test.{ts,tsx}', 'lib/**/*.test.{ts,tsx}'],
+    exclude: ['**/node_modules/**', '**/dist/**', '**/*.node.test.ts'],
+    setupFiles: ['tests/setup.ts'],
+    restoreMocks: true,
+    // The kit is compiled ESM that reads `import.meta.env` (the build-time env every theme bundler
+    // defines). Transform it like the theme's own source instead of loading it raw in Node.
+    server: { deps: { inline: [/@tanqory\/theme-kit/] } },
+  },
+})