@fougere/svelte 0.14.1-alpha.0 → 0.15.1-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fougere/svelte",
-  "version": "0.14.1-alpha.0",
+  "version": "0.15.1-alpha.0",
   "description": "Fougere's four primitives as Svelte stores — host-independent.",
   "keywords": [
     "fougere",
@@ -31,13 +31,13 @@
     "template"
   ],
   "dependencies": {
-    "@fougere/app": "0.14.1-alpha.0",
-    "@fougere/core": "0.14.1-alpha.0"
+    "@fougere/app": "0.15.1-alpha.0",
+    "@fougere/core": "0.15.1-alpha.0"
   },
   "devDependencies": {
     "svelte": "^5.53.4",
     "vitest": "^4.1.0",
-    "@fougere/schema": "0.14.1-alpha.0"
+    "@fougere/schema": "0.15.1-alpha.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"

package/template/scaffold.json

@@ -0,0 +1,34 @@
+{
+  "create": [
+    "sv@0.17",
+    "create",
+    "{dir}",
+    "--template",
+    "minimal",
+    "--types",
+    "ts",
+    "--no-add-ons",
+    "--no-install"
+  ],
+  "dependencies": {
+    "@fougere/core": "latest",
+    "@fougere/schema": "latest",
+    "@fougere/defaults": "latest",
+    "@fougere/container": "latest",
+    "better-sqlite3": "^13.0.3",
+    "kysely": "^0.28.17",
+    "@fougere/svelte": "latest"
+  },
+  "devDependencies": {
+    "@fougere/vite": "latest"
+  },
+  "wire": {
+    "kind": "vitePlugin",
+    "file": "vite.config.ts",
+    "from": "@fougere/vite",
+    "imported": "fougere",
+    "options": {
+      "root": "../.."
+    }
+  }
+}

package/template/src/routes/+page.svelte

@@ -1,19 +1,34 @@
-<script lang="ts">
-  import { onDestroy } from 'svelte';
-  import { useQuery } from '@fougere/svelte';
-  // 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';
-
-  const rows = useQuery(post, 'list');
-  onDestroy(() => rows.dispose());
-</script>
-
-<main>
-  <h1>Fougere</h1>
-  {#if $rows.loading}<p>Loading…</p>{/if}
-  {#if $rows.error}<p style="color:#b00">{$rows.error.message}</p>{/if}
-  {#each $rows.items as row (row.id)}
-    <pre>{JSON.stringify(row, null, 2)}</pre>
-  {/each}
+<main class="welcome">
+  <h1>🌿 Fougere</h1>
+  <p class="host">Your app is running on <strong>SvelteKit</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>
+
+<style>
+:global(:root) {
+  color-scheme: light dark;
+  --ink: #25372d; --muted: #65736a; --line: #dce3d9; --green: #38714c; --wash: #eaf0e6; --bg: #f7f8f4;
+}
+@media (prefers-color-scheme: dark) {
+  :global(:root) { --ink: #e0e8df; --muted: #9ca99e; --line: #303c32; --green: #9bc99d; --wash: #29392c; --bg: #151c18; }
+}
+:global(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); }
+</style>

package/template/package.json

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

package/template/src/app.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<meta name="text-scale" content="scale" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>

package/template/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "extends": "./.svelte-kit/tsconfig.json",
-  "compilerOptions": {
-    "strict": true,
-    "moduleResolution": "Bundler"
-  }
-}

package/template/vite.config.ts

@@ -1,13 +0,0 @@
-import { defineConfig } from 'vite';
-import { fougere } from '@fougere/vite';
-import { sveltekit } from '@sveltejs/kit/vite';
-
-/**
- * The same `fougere()` the React and TanStack starters use — it knows nothing about which
- * host renders. It states the packages a boot loads at runtime, keeps class names through
- * minification, and writes `@fronds/facade`.
- */
-export default defineConfig({
-  // Fronds are shared at the workspace root, two levels up from apps/<name>.
-  plugins: [fougere({ root: '../..' }), sveltekit()],
-});