@fougere/react 0.14.0-alpha.0 → 0.15.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fougere/react",
-  "version": "0.14.0-alpha.0",
+  "version": "0.15.0-alpha.0",
   "description": "Fougere's four primitives as React hooks — host-independent.",
   "keywords": [
     "fougere",
@@ -31,8 +31,8 @@
     "template"
   ],
   "dependencies": {
-    "@fougere/app": "0.14.0-alpha.0",
-    "@fougere/core": "0.14.0-alpha.0"
+    "@fougere/app": "0.15.0-alpha.0",
+    "@fougere/core": "0.15.0-alpha.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.2",
@@ -41,7 +41,7 @@
     "@testing-library/react": "^16.3.0",
     "jsdom": "^27.0.0",
     "react-dom": "19.2.8",
-    "@fougere/schema": "0.14.0-alpha.0"
+    "@fougere/schema": "0.15.0-alpha.0"
   },
   "peerDependencies": {
     "react": "^18.3.0 || ^19.0.0"

package/template/scaffold.json

@@ -0,0 +1,36 @@
+{
+  "create": [
+    "create-vite@9",
+    "{dir}",
+    "--template",
+    "react-ts",
+    "--no-interactive",
+    "--no-immediate"
+  ],
+  "dependencies": {
+    "@fougere/core": "latest",
+    "@fougere/schema": "latest",
+    "@fougere/defaults": "latest",
+    "@fougere/container": "latest",
+    "better-sqlite3": "^13.0.3",
+    "kysely": "^0.28.17",
+    "@fougere/react": "latest"
+  },
+  "devDependencies": {
+    "@fougere/vite": "latest"
+  },
+  "wire": {
+    "kind": "vitePlugin",
+    "file": "vite.config.ts",
+    "from": "@fougere/vite",
+    "imported": "fougere",
+    "options": {
+      "root": "../.."
+    }
+  },
+  "remove": [
+    "src/App.css",
+    "src/assets"
+  ],
+  "tsconfig": "tsconfig.app.json"
+}

package/template/src/App.tsx

@@ -1,21 +1,14 @@
-import { useQuery } from '@fougere/react';
-// Written by the scan: one export per address, carrying the handler that answers there.
-// Replace `post` with a facade your own frond serves.
-import { post } from '@fronds/facade';
-
-/**
- * One read. `items` is typed by what the handler's `list` answers, and `error.code` by what
- * it can refuse — neither is written here, and neither can drift from the handler.
- */
 export default function App() {
-  const { items, loading, error } = useQuery(post, 'list');
-
   return (
-    <main style={{ maxWidth: 720, margin: '3rem auto', fontFamily: 'system-ui' }}>
-      <h1>Fougere</h1>
-      {loading && <p>Loading…</p>}
-      {error && <p style={{ color: '#b00' }}>{error.message}</p>}
-      {items.map((row) => <pre key={String(row.id)}>{JSON.stringify(row, null, 2)}</pre>)}
+    <main className="welcome">
+      <h1>🌿 Fougere</h1>
+      <p className="host">Your app is running on <strong>React</strong>.</p>
+      <ol>
+        <li><a href="https://fougere.dev/docs/guides/business-logic">Handle your business logic <span>→</span></a></li>
+        <li><a href="https://fougere.dev/docs/guides/data">Store your data <span>→</span></a></li>
+        <li><a href="https://fougere.dev/docs/guides/topology">Shape your topology <span>→</span></a></li>
+      </ol>
+      <footer><a href="https://fougere.dev/docs">Docs</a></footer>
     </main>
   );
 }

package/template/src/index.css

@@ -0,0 +1,21 @@
+:root {
+  color-scheme: light dark;
+  --ink: #25372d; --muted: #65736a; --line: #dce3d9; --green: #38714c; --wash: #eaf0e6; --bg: #f7f8f4;
+}
+@media (prefers-color-scheme: dark) {
+  :root { --ink: #e0e8df; --muted: #9ca99e; --line: #303c32; --green: #9bc99d; --wash: #29392c; --bg: #151c18; }
+}
+body { margin: 0; background: var(--bg); color: var(--ink); font: 15px/1.6 system-ui, sans-serif; }
+.welcome { max-width: 520px; margin: 0 auto; padding: 64px 24px 40px; }
+.welcome h1 { margin: 0; font-size: 20px; font-weight: 600; }
+.welcome .host { margin: 12px 0 40px; color: var(--muted); }
+.welcome .host strong { color: var(--ink); font-weight: 500; }
+.welcome ol { margin: 0; padding-left: 32px; }
+.welcome li { padding-left: 8px; border-bottom: 1px solid var(--line); }
+.welcome li::marker { color: var(--muted); font-size: 12px; }
+.welcome li a { display: flex; justify-content: space-between; gap: 20px; padding: 17px 12px; border-radius: 6px; color: inherit; font-size: 18px; text-decoration: none; }
+.welcome li a span { color: var(--muted); }
+.welcome li:first-child a { background: var(--wash); color: var(--green); font-weight: 600; }
+.welcome li a:hover { background: var(--wash); color: var(--green); }
+.welcome footer { margin-top: 32px; font-size: 13px; }
+.welcome footer a { color: var(--muted); }

package/template/index.html

@@ -1,5 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head><meta charset="utf-8" /><title>Fougere</title></head>
-  <body><div id="root"></div><script type="module" src="/src/main.tsx"></script></body>
-</html>

package/template/package.json

@@ -1,25 +0,0 @@
-{
-  "name": "fougere-app",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build"
-  },
-  "dependencies": {
-    "@fougere/core": "latest",
-    "@fougere/react": "latest",
-    "@fougere/schema": "latest",
-    "@fougere/defaults": "latest",
-    "@fougere/container": "latest",
-    "better-sqlite3": "^13.0.3",
-    "kysely": "^0.28.17",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "devDependencies": {
-    "@fougere/vite": "latest",
-    "@vitejs/plugin-react": "^5.0.0",
-    "vite": "^8.0.0"
-  }
-}

package/template/src/main.tsx

@@ -1,4 +0,0 @@
-import { createRoot } from 'react-dom/client';
-import App from './App.js';
-
-createRoot(document.getElementById('root')!).render(<App />);

package/template/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "extends": "@fougere/core/tsconfig",
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "jsx": "react-jsx",
-    "strict": true,
-    "noEmit": true,
-    "types": [
-      "node"
-    ]
-  },
-  "include": [
-    "src"
-  ]
-}

package/template/vite.config.ts

@@ -1,13 +0,0 @@
-import { defineConfig } from 'vite';
-import { fougere } from '@fougere/vite';
-import react from '@vitejs/plugin-react';
-
-/**
- * `fougere()` states the two things any Vite-built host must know: the packages a boot loads
- * at runtime, and a minifier that keeps class names — designation reads a class's `name`, and
- * a renamed one designates an entity nobody hosts. It also writes `@fronds/facade`.
- */
-export default defineConfig({
-  // Fronds are shared at the workspace root, two levels up from apps/<name>.
-  plugins: [fougere({ root: '../..' }), react()],
-});