toiljs 0.0.15 → 0.0.16

package/examples/basic/client/routes/loader-demo/loading.tsx

@@ -1,13 +1,13 @@
-// Shown as the Suspense fallback while this route's `loader` runs (and its chunk loads). Because the
-// loader awaits 2s, you'll see this spinner before the page renders with its data.
-export default function LoaderDemoLoading() {
-    return (
-        <main>
-            <div className="loading-bar" />
-            <div className="loading-center">
-                <span className="spinner" aria-hidden="true" />
-                <p>Loading data…</p>
-            </div>
-        </main>
-    );
-}
+// Shown as the Suspense fallback while this route's `loader` runs (and its chunk loads). Because the
+// loader awaits 2s, you'll see this spinner before the page renders with its data.
+export default function LoaderDemoLoading() {
+    return (
+        <main>
+            <div className="loading-bar" />
+            <div className="loading-center">
+                <span className="spinner" aria-hidden="true" />
+                <p>Loading data…</p>
+            </div>
+        </main>
+    );
+}

package/examples/basic/client/routes/search.tsx

@@ -1,61 +1,61 @@
-import { useState } from 'react';
-
-export const metadata: Toil.Metadata = {
-    title: 'Search',
-    description: 'Search every page by its metadata and jump straight to it.',
-    keywords: ['search', 'find', 'pages', 'metadata']
-};
-
-// A tiny site-wide search box. `usePageSearch` queries the compiler-built index of every page's
-// metadata (title/description/keywords/OpenGraph + static `searchHints` on dynamic routes), returns
-// ranked matches with their route `path`, and `goTo` navigates to whichever one you pick.
-export default function Search() {
-    const [query, setQuery] = useState('');
-    const { results, pages, goTo } = Toil.usePageSearch(query, { includeDynamic: true });
-
-    return (
-        <main>
-            <h1>Search</h1>
-            <p>
-                Type to search across the metadata of all {pages.length} pages, title, description, keywords, and
-                OpenGraph. Indexed at build by <code>client/routes/*</code>.
-            </p>
-
-            <input
-                type="search"
-                value={query}
-                onChange={(e) => {
-                    setQuery(e.target.value);
-                }}
-                placeholder="Search pages… (try “blog”, “features”, “started”)"
-                aria-label="Search pages"
-                autoFocus
-                style={{ width: '100%', padding: '0.6rem 0.8rem', fontSize: '1rem' }}
-            />
-
-            {query.trim() !== '' && (
-                <ul style={{ listStyle: 'none', padding: 0, marginTop: '1rem' }}>
-                    {results.length === 0 && <li>No pages match “{query}”.</li>}
-                    {results.map((r) => (
-                        <li key={r.page.path} style={{ marginBottom: '0.75rem' }}>
-                            <button
-                                type="button"
-                                onClick={() => {
-                                    goTo(r);
-                                }}
-                                disabled={r.page.dynamic}
-                                title={r.page.dynamic ? 'Dynamic route, needs params to open' : undefined}
-                                style={{ textAlign: 'left', cursor: r.page.dynamic ? 'default' : 'pointer' }}>
-                                <strong>{r.page.metadata.title ?? r.page.path}</strong> <code>{r.page.path}</code>
-                                {r.page.metadata.description !== undefined && <div>{r.page.metadata.description}</div>}
-                                <small>
-                                    score {r.score.toFixed(1)} · matched {r.matches.join(', ')}
-                                </small>
-                            </button>
-                        </li>
-                    ))}
-                </ul>
-            )}
-        </main>
-    );
-}
+import { useState } from 'react';
+
+export const metadata: Toil.Metadata = {
+    title: 'Search',
+    description: 'Search every page by its metadata and jump straight to it.',
+    keywords: ['search', 'find', 'pages', 'metadata']
+};
+
+// A tiny site-wide search box. `usePageSearch` queries the compiler-built index of every page's
+// metadata (title/description/keywords/OpenGraph + static `searchHints` on dynamic routes), returns
+// ranked matches with their route `path`, and `goTo` navigates to whichever one you pick.
+export default function Search() {
+    const [query, setQuery] = useState('');
+    const { results, pages, goTo } = Toil.usePageSearch(query, { includeDynamic: true });
+
+    return (
+        <main>
+            <h1>Search</h1>
+            <p>
+                Type to search across the metadata of all {pages.length} pages, title, description, keywords, and
+                OpenGraph. Indexed at build by <code>client/routes/*</code>.
+            </p>
+
+            <input
+                type="search"
+                value={query}
+                onChange={(e) => {
+                    setQuery(e.target.value);
+                }}
+                placeholder="Search pages… (try “blog”, “features”, “started”)"
+                aria-label="Search pages"
+                autoFocus
+                style={{ width: '100%', padding: '0.6rem 0.8rem', fontSize: '1rem' }}
+            />
+
+            {query.trim() !== '' && (
+                <ul style={{ listStyle: 'none', padding: 0, marginTop: '1rem' }}>
+                    {results.length === 0 && <li>No pages match “{query}”.</li>}
+                    {results.map((r) => (
+                        <li key={r.page.path} style={{ marginBottom: '0.75rem' }}>
+                            <button
+                                type="button"
+                                onClick={() => {
+                                    goTo(r);
+                                }}
+                                disabled={r.page.dynamic}
+                                title={r.page.dynamic ? 'Dynamic route, needs params to open' : undefined}
+                                style={{ textAlign: 'left', cursor: r.page.dynamic ? 'default' : 'pointer' }}>
+                                <strong>{r.page.metadata.title ?? r.page.path}</strong> <code>{r.page.path}</code>
+                                {r.page.metadata.description !== undefined && <div>{r.page.metadata.description}</div>}
+                                <small>
+                                    score {r.score.toFixed(1)} · matched {r.matches.join(', ')}
+                                </small>
+                            </button>
+                        </li>
+                    ))}
+                </ul>
+            )}
+        </main>
+    );
+}

package/examples/basic/client/toil.tsx

@@ -1,5 +1,5 @@
-import { routes, layout, notFound, globalError, slots } from 'toiljs/routes';
-
-import './styles/main.css';
-
-Toil.mount(routes, layout, notFound, globalError, slots);
+import { routes, layout, notFound, globalError, slots } from 'toiljs/routes';
+
+import './styles/main.css';
+
+Toil.mount(routes, layout, notFound, globalError, slots);

package/package.json

@@ -1,148 +1,155 @@
-{
-    "name": "toiljs",
-    "type": "module",
-    "version": "0.0.15",
-    "author": "Dacely",
-    "description": "The modern React framework: a file-based React frontend and a ToilScript-compiled WebAssembly backend.",
-    "engines": {
-        "node": ">=24.0.0"
-    },
-    "exports": {
-        ".": {
-            "types": "./build/client/index.d.ts",
-            "import": "./build/client/index.js",
-            "default": "./build/client/index.js"
-        },
-        "./client": {
-            "types": "./build/client/index.d.ts",
-            "import": "./build/client/index.js",
-            "default": "./build/client/index.js"
-        },
-        "./compiler": {
-            "types": "./build/compiler/index.d.ts",
-            "import": "./build/compiler/index.js",
-            "default": "./build/compiler/index.js"
-        },
-        "./logger": {
-            "types": "./build/logger/index.d.ts",
-            "import": "./build/logger/index.js",
-            "default": "./build/logger/index.js"
-        },
-        "./shared": {
-            "types": "./build/shared/index.d.ts",
-            "import": "./build/shared/index.js",
-            "default": "./build/shared/index.js"
-        },
-        "./backend": {
-            "types": "./build/backend/index.d.ts",
-            "import": "./build/backend/index.js",
-            "default": "./build/backend/index.js"
-        },
-        "./io": {
-            "types": "./build/io/index.d.ts",
-            "import": "./build/io/index.js",
-            "default": "./build/io/index.js"
-        },
-        "./tsconfig": "./presets/tsconfig.json",
-        "./eslint": "./presets/eslint.js",
-        "./prettier": "./presets/prettier.json"
-    },
-    "bin": {
-        "toiljs": "./build/cli/index.js"
-    },
-    "homepage": "https://toil.org",
-    "keywords": [
-        "toil",
-        "toiljs",
-        "typescript",
-        "react",
-        "webassembly",
-        "framework"
-    ],
-    "license": "Apache-2.0",
-    "main": "build/client/index.js",
-    "types": "build/client/index.d.ts",
-    "typings": "build/client/index.d.ts",
-    "module": "build/client/index.js",
-    "publishConfig": {
-        "access": "public",
-        "tag": "latest"
-    },
-    "scripts": {
-        "watch": "tsc -p tsconfig.json --watch",
-        "build": "npm run build:shared && npm run build:logger && npm run build:client && npm run build:io && npm run build:backend && npm run build:compiler && npm run build:cli && npm run build:server",
-        "build:shared": "tsc -p tsconfig.shared.json",
-        "build:logger": "tsc -p tsconfig.logger.json",
-        "build:client": "tsc -p tsconfig.client.json",
-        "build:io": "tsc -p tsconfig.io.json",
-        "build:backend": "tsc -p tsconfig.backend.json",
-        "build:compiler": "tsc -p tsconfig.compiler.json",
-        "build:cli": "tsc -p tsconfig.cli.json --noEmit && esbuild src/cli/index.ts --bundle --platform=node --format=esm --outfile=build/cli/index.js --external:toiljs/*",
-        "build:server": "toilscript --target release",
-        "test": "vitest run --coverage",
-        "test:watch": "vitest",
-        "test:ui": "vitest --ui",
-        "test:coverage": "vitest run --coverage",
-        "test:server": "asp --config as-pect.config.js --verbose --no-logo",
-        "test:server:ci": "asp --config as-pect.config.js --summary --no-logo",
-        "test:all": "npm run test && npm run test:server",
-        "lint": "eslint src",
-        "docs": "typedoc --out docs --tsconfig tsconfig.json --readme README.md --name TOILJS --plugin typedoc-material-theme --themeColor '#cb9820' --exclude src/server src",
-        "setup": "npm i && npm run build"
-    },
-    "dependencies": {
-        "@btc-vision/as-bignum": "^1.0.0",
-        "@btc-vision/as-loader": "^0.0.0",
-        "@btc-vision/hyper-express": "^6.17.4",
-        "@eslint-react/eslint-plugin": "^5.8.8",
-        "@eslint/js": "^10.0.1",
-        "@typescript-eslint/utils": "^8.60.0",
-        "@vitejs/plugin-react": "^6.0.2",
-        "eslint-plugin-react-hooks": "^7.1.1",
-        "eslint-plugin-react-refresh": "^0.5.2",
-        "picocolors": "^1.1.1",
-        "sharp": "^0.34.5",
-        "toilscript": "^0.1.4",
-        "typescript-eslint": "^8.60.0",
-        "vite": "^8.0.14",
-        "vite-imagetools": "^10.0.0",
-        "vite-plugin-node-polyfills": "^0.28.0"
-    },
-    "peerDependencies": {
-        "eslint": ">=10.0.0",
-        "prettier": ">=3.0.0",
-        "react": ">=18.0.0",
-        "react-dom": ">=18.0.0",
-        "typescript": ">=6.0.0"
-    },
-    "devDependencies": {
-        "@babel/core": "^7.29.7",
-        "@clack/prompts": "^1.5.0",
-        "@babel/preset-env": "^7.29.7",
-        "@babel/preset-typescript": "^7.29.7",
-        "@btc-vision/as-covers-assembly": "^0.4.5",
-        "@btc-vision/as-covers-transform": "^0.4.5",
-        "@btc-vision/as-pect-assembly": "^8.3.0",
-        "@btc-vision/as-pect-cli": "^8.3.0",
-        "@btc-vision/as-pect-transform": "^8.3.0",
-        "@microsoft/api-extractor": "7.58.7",
-        "@testing-library/dom": "^10.4.1",
-        "@testing-library/react": "^16.3.2",
-        "@types/node": "^25.9.1",
-        "@types/react": "^19.2.15",
-        "@types/react-dom": "^19.2.3",
-        "@vitest/coverage-v8": "^4.1.7",
-        "@vitest/ui": "^4.1.7",
-        "esbuild": "^0.28.0",
-        "eslint": "^10.4.1",
-        "jsdom": "^29.1.1",
-        "micromatch": "^4.0.8",
-        "playwright": "^1.60.0",
-        "prettier": "^3.8.3",
-        "react": "^19.2.6",
-        "react-dom": "^19.2.6",
-        "typedoc": "^0.28.19",
-        "typescript": "^6.0.3",
-        "vitest": "^4.1.7"
-    }
-}
+{
+    "name": "toiljs",
+    "type": "module",
+    "version": "0.0.16",
+    "author": "Dacely",
+    "description": "The modern React framework: a file-based React frontend and a ToilScript-compiled WebAssembly backend.",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/dacely-cloud/toiljs.git"
+    },
+    "bugs": {
+        "url": "https://github.com/dacely-cloud/toiljs/issues"
+    },
+    "engines": {
+        "node": ">=24.0.0"
+    },
+    "exports": {
+        ".": {
+            "types": "./build/client/index.d.ts",
+            "import": "./build/client/index.js",
+            "default": "./build/client/index.js"
+        },
+        "./client": {
+            "types": "./build/client/index.d.ts",
+            "import": "./build/client/index.js",
+            "default": "./build/client/index.js"
+        },
+        "./compiler": {
+            "types": "./build/compiler/index.d.ts",
+            "import": "./build/compiler/index.js",
+            "default": "./build/compiler/index.js"
+        },
+        "./logger": {
+            "types": "./build/logger/index.d.ts",
+            "import": "./build/logger/index.js",
+            "default": "./build/logger/index.js"
+        },
+        "./shared": {
+            "types": "./build/shared/index.d.ts",
+            "import": "./build/shared/index.js",
+            "default": "./build/shared/index.js"
+        },
+        "./backend": {
+            "types": "./build/backend/index.d.ts",
+            "import": "./build/backend/index.js",
+            "default": "./build/backend/index.js"
+        },
+        "./io": {
+            "types": "./build/io/index.d.ts",
+            "import": "./build/io/index.js",
+            "default": "./build/io/index.js"
+        },
+        "./tsconfig": "./presets/tsconfig.json",
+        "./eslint": "./presets/eslint.js",
+        "./prettier": "./presets/prettier.json"
+    },
+    "bin": {
+        "toiljs": "./build/cli/index.js"
+    },
+    "homepage": "https://toil.org",
+    "keywords": [
+        "toil",
+        "toiljs",
+        "typescript",
+        "react",
+        "webassembly",
+        "framework"
+    ],
+    "license": "Apache-2.0",
+    "main": "build/client/index.js",
+    "types": "build/client/index.d.ts",
+    "typings": "build/client/index.d.ts",
+    "module": "build/client/index.js",
+    "publishConfig": {
+        "access": "public",
+        "tag": "latest"
+    },
+    "scripts": {
+        "watch": "tsc -p tsconfig.json --watch",
+        "build": "npm run build:shared && npm run build:logger && npm run build:client && npm run build:io && npm run build:backend && npm run build:compiler && npm run build:cli && npm run build:server",
+        "build:shared": "tsc -p tsconfig.shared.json",
+        "build:logger": "tsc -p tsconfig.logger.json",
+        "build:client": "tsc -p tsconfig.client.json",
+        "build:io": "tsc -p tsconfig.io.json",
+        "build:backend": "tsc -p tsconfig.backend.json",
+        "build:compiler": "tsc -p tsconfig.compiler.json",
+        "build:cli": "tsc -p tsconfig.cli.json --noEmit && esbuild src/cli/index.ts --bundle --platform=node --format=esm --outfile=build/cli/index.js --external:toiljs/*",
+        "build:server": "toilscript --target release",
+        "test": "vitest run --coverage",
+        "test:watch": "vitest",
+        "test:ui": "vitest --ui",
+        "test:coverage": "vitest run --coverage",
+        "test:server": "asp --config as-pect.config.js --verbose --no-logo",
+        "test:server:ci": "asp --config as-pect.config.js --summary --no-logo",
+        "test:all": "npm run test && npm run test:server",
+        "lint": "eslint src",
+        "docs": "typedoc --out docs --tsconfig tsconfig.json --readme README.md --name TOILJS --plugin typedoc-material-theme --themeColor '#cb9820' --exclude src/server src",
+        "setup": "npm i && npm run build"
+    },
+    "dependencies": {
+        "@btc-vision/as-bignum": "^1.0.0",
+        "@btc-vision/as-loader": "^0.0.0",
+        "@btc-vision/hyper-express": "^6.17.4",
+        "@eslint-react/eslint-plugin": "^5.8.8",
+        "@eslint/js": "^10.0.1",
+        "@typescript-eslint/utils": "^8.60.0",
+        "@vitejs/plugin-react": "^6.0.2",
+        "eslint-plugin-react-hooks": "^7.1.1",
+        "eslint-plugin-react-refresh": "^0.5.2",
+        "picocolors": "^1.1.1",
+        "sharp": "^0.34.5",
+        "toilscript": "^0.1.4",
+        "typescript-eslint": "^8.60.0",
+        "vite": "^8.0.14",
+        "vite-imagetools": "^10.0.0",
+        "vite-plugin-node-polyfills": "^0.28.0"
+    },
+    "peerDependencies": {
+        "eslint": ">=10.0.0",
+        "prettier": ">=3.0.0",
+        "react": ">=18.0.0",
+        "react-dom": ">=18.0.0",
+        "typescript": ">=6.0.0"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.29.7",
+        "@clack/prompts": "^1.5.0",
+        "@babel/preset-env": "^7.29.7",
+        "@babel/preset-typescript": "^7.29.7",
+        "@btc-vision/as-covers-assembly": "^0.4.5",
+        "@btc-vision/as-covers-transform": "^0.4.5",
+        "@btc-vision/as-pect-assembly": "^8.3.0",
+        "@btc-vision/as-pect-cli": "^8.3.0",
+        "@btc-vision/as-pect-transform": "^8.3.0",
+        "@microsoft/api-extractor": "7.58.7",
+        "@testing-library/dom": "^10.4.1",
+        "@testing-library/react": "^16.3.2",
+        "@types/node": "^25.9.1",
+        "@types/react": "^19.2.15",
+        "@types/react-dom": "^19.2.3",
+        "@vitest/coverage-v8": "^4.1.7",
+        "@vitest/ui": "^4.1.7",
+        "esbuild": "^0.28.0",
+        "eslint": "^10.4.1",
+        "jsdom": "^29.1.1",
+        "micromatch": "^4.0.8",
+        "playwright": "^1.60.0",
+        "prettier": "^3.8.3",
+        "react": "^19.2.6",
+        "react-dom": "^19.2.6",
+        "typedoc": "^0.28.19",
+        "typescript": "^6.0.3",
+        "vitest": "^4.1.7"
+    }
+}