fusee-framework 1.9.0 → 1.9.1

package/create-fusee-go/internal/assets/embed/framework/types/store.d.ts

@@ -1,8 +1,66 @@
-export function defineStore<T>(id: string, setup: () => T): () => T;
-export function resetStore(id: string): void;
-export function clearStores(): void;
-export function registerStorePlugin(plugin: (store: any, id: string) => void): void;
-
-declare global {
-    function defineStore<T>(id: string, setup: () => T): () => T;
-}
+export type MutationType = 'direct' | 'patch object' | 'patch function';
+
+export const MutationType: {
+    readonly DIRECT: 'direct';
+    readonly PATCH_OBJECT: 'patch object';
+    readonly PATCH_FUNCTION: 'patch function';
+};
+
+export interface StoreMutation {
+    type: MutationType;
+    storeId: string;
+    payload?: Record<string, any>;
+}
+
+export interface SubscribeOptions {
+    flush?: 'pre' | 'post' | 'sync';
+    detached?: boolean;
+}
+
+export type SubscribeCallback = (mutation: StoreMutation, state: any) => void;
+export type UnsubscribeFunction = () => void;
+
+export interface Store<T> {
+    readonly id: string;
+    readonly type: 'store';
+    patch(partial: Partial<{ [K in keyof T]: T[K] extends (...args: any[]) => any ? ReturnType<T[K]> : T[K] }> | ((state: T) => void)): void;
+    subscribe(callback: SubscribeCallback, options?: SubscribeOptions): UnsubscribeFunction;
+}
+
+export type StoreHook<T> = (() => T & Store<T>) & { $id: string };
+
+export function defineStore<T>(id: string, setup: () => T): StoreHook<T>;
+export function resetStore(id: string): void;
+export function clearStores(): void;
+export function registerStorePlugin(plugin: (store: any, id: string) => void): void;
+export function useNestedStore<T>(useStoreFn: StoreHook<T>): T & Store<T>;
+
+export type StoreToRefs<T> = {
+    [K in keyof T]: T[K] extends (...args: any[]) => infer R ? import('./signal').SignalAccessor<R> : never
+}
+
+export type StoreToState<T> = {
+    [K in keyof T]: T[K] extends (...args: any[]) => infer R
+        ? import('./signal').SignalAccessor<R> extends { readonly: true }
+            ? never
+            : import('./signal').SignalAccessor<R>
+        : never
+}
+
+export type StoreToGetters<T> = {
+    [K in keyof T]: T[K] extends (...args: any[]) => infer R
+        ? import('./signal').SignalAccessor<R> extends { readonly: true }
+            ? import('./signal').SignalAccessor<R>
+            : never
+        : never
+}
+
+export function storeToRefs<T>(store: T & Store<T>): StoreToRefs<T>;
+export function storeToState<T>(store: T & Store<T>): StoreToState<T>;
+export function storeToGetters<T>(store: T & Store<T>): StoreToGetters<T>;
+
+declare global {
+    function defineStore<T>(id: string, setup: () => T): import('./store').StoreHook<T>;
+    function useNestedStore<T>(useStoreFn: import('./store').StoreHook<T>): T & Store<T>;
+    type MutationType = import('./store').MutationType;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fusee-framework",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "description": "Fusée - Signals-first JS Framework | Peak Performance",
   "main": "framework/index.js",
   "types": "framework/types/index.d.ts",

package/create-fusee-go/internal/assets/embed/framework/bin/create-fusee.js

@@ -1,199 +0,0 @@
-#!/usr/bin/env node
-import fs from 'fs';
-import path from 'path';
-import readline from 'readline';
-import { fileURLToPath } from 'url';
-
-const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-
-// Find the package root
-let pkgRoot = __dirname;
-while (pkgRoot !== path.dirname(pkgRoot) && !fs.existsSync(path.join(pkgRoot, 'package.json'))) {
-    pkgRoot = path.dirname(pkgRoot);
-}
-
-const sourceFramework = fs.existsSync(path.join(pkgRoot, 'framework'))
-    ? path.join(pkgRoot, 'framework')
-    : pkgRoot;
-
-const projectName = process.argv[2] || 'my-fusee-app';
-const projectPath = path.isAbsolute(projectName) ? projectName : path.join(process.cwd(), projectName);
-
-async function scaffold() {
-    console.log(`\n🚀 Welcome to Fusée Framework Scaffolder!`);
-    const choice = await new Promise(resolve => {
-        rl.question('🧬 Select language template [JavaScript (js) / TypeScript (ts)] (default: js): ', (answer) => {
-            resolve(answer.toLowerCase() === 'ts' ? 'ts' : 'js');
-        });
-    }); rl.close();
-
-    console.log(`\n🚀 Scaffolding a new project in: ${projectPath}...`);
-
-    function copyDir(src, dest, skipTypes = false) {
-        if (!fs.existsSync(dest)) fs.mkdirSync(dest, { recursive: true });
-        fs.readdirSync(src).forEach(item => {
-            if (skipTypes && (item === 'types' || item.endsWith('.d.ts'))) return;
-            if (item === 'bin' || item === 'node_modules' || item === '.git' || item === 'dist') return;
-
-            const s = path.join(src, item);
-            const d = path.join(dest, item);
-            if (fs.lstatSync(s).isDirectory()) copyDir(s, d, skipTypes);
-            else fs.copyFileSync(s, d);
-        });
-    }
-
-    const coreFolders = ['app', 'app/components', 'app/routes'];
-    coreFolders.forEach(f => {
-        const dir = path.join(projectPath, f);
-        if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
-    });
-
-    console.log('📦 Injecting Fusée Core Engine...');
-    copyDir(sourceFramework, path.join(projectPath, 'framework'), choice === 'js');
-
-    const ext = choice === 'ts' ? 'ts' : 'js';
-
-    // 1. package.json
-    const packageJson = {
-        name: projectName === '.' ? 'fusee-project' : projectName,
-        version: '1.0.0',
-        type: 'module',
-        scripts: { "dev": "vite", "build": "vite build" },
-        devDependencies: {
-            "vite": "^5.0.0",
-            "unplugin-auto-import": "^0.17.0"
-        }
-    };
-    if (choice === 'ts') packageJson.devDependencies["typescript"] = "^5.0.0";
-    fs.writeFileSync(path.join(projectPath, 'package.json'), JSON.stringify(packageJson, null, 2));
-
-    // 2. vite.config.js
-    const viteConfig = `import { defineConfig } from 'vite';
-import path from 'path';
-import AutoImport from 'unplugin-auto-import/vite';
-import { FuseePreset } from './framework/auto-import-preset.js';
-
-export default defineConfig({
-  resolve: {
-    alias: {
-      'fusee-framework': path.resolve(__dirname, './framework')
-    }
-  },
-  plugins: [
-    AutoImport({
-      imports: [FuseePreset],
-      dts: true // Generates auto-imports.d.ts
-    })
-  ]
-});`;
-    fs.writeFileSync(path.join(projectPath, 'vite.config.js'), viteConfig);
-
-    // 3. tsconfig.json (if TS)
-    if (choice === 'ts') {
-        const tsConfig = {
-            compilerOptions: {
-                "target": "ESNext",
-                "module": "ESNext",
-                "moduleResolution": "bundler",
-                "strict": true,
-                "esModuleInterop": true,
-                "skipLibCheck": true,
-                "paths": {
-                    "fusee-framework": ["./framework/types/index.d.ts"]
-                }
-            },
-            "include": ["app/**/*", "framework/**/*", "auto-imports.d.ts"]
-        };
-        fs.writeFileSync(path.join(projectPath, 'tsconfig.json'), JSON.stringify(tsConfig, null, 2));
-    }
-
-    // 4. index.html
-    const indexHtml = `<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="UTF-8">
-    <title>Fusée App</title>
-    <style>
-        body { background: #050505; color: white; font-family: system-ui; margin: 0; }
-        #app { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; }
-        .hero { text-align: center; margin-bottom: 2rem; }
-        h1 { color: #ff3333; font-size: 3rem; margin: 0; }
-    </style>
-</head>
-<body>
-    <div id="app">
-        <div class="hero">
-            <h1>Fusée 🚀</h1>
-            <p style="opacity: 0.6;">Modern Reactive Framework</p>
-        </div>
-        {{ Counter }}
-    </div>
-    <script type="module" src="/app/main.${ext}"></script>
-</body>
-</html>`;
-    fs.writeFileSync(path.join(projectPath, 'index.html'), indexHtml);
-
-    // 5. Counter component
-    const btnStyle = "background:#ff3333; color:white; border:none; width:50px; height:50px; border-radius:15px; cursor:pointer; font-size:1.5rem; transition: 0.2s;";
-    const counterContent = choice === 'ts'
-        ? `interface CounterResult {
-    count: Signal<number>
-    inc: () => void
-    dec: () => void
-    template: string
-}
-
-export const Counter = defineComponent({
-    setup(): CounterResult {
-        const count = signal<number>(0);
-        return {
-            count,
-            inc: () => count(count() + 1),
-            dec: () => count(count() - 1),
-            template: \`
-                <div style="display:flex; align-items:center; gap:2rem; background:#111; padding:2rem; border-radius:20px; border:1px solid #222;">
-                    <button @click="dec" style="${btnStyle}">-</button>
-                    <span style="font-size:3rem; font-weight:bold; min-width:60px; text-align:center;">{{ count }}</span>
-                    <button @click="inc" style="${btnStyle}">+</button>
-                </div>
-            \`
-        };
-    }
-});`
-        : `export const Counter = defineComponent({
-    setup() {
-        const count = signal(0);
-        return {
-            count,
-            inc: () => count(count() + 1),
-            dec: () => count(count() - 1),
-            template: \`
-                <div style="display:flex; align-items:center; gap:2rem; background:#111; padding:2rem; border-radius:20px; border:1px solid #222;">
-                    <button @click="dec" style="${btnStyle}">-</button>
-                    <span style="font-size:3rem; font-weight:bold; min-width:60px; text-align:center;">{{ count }}</span>
-                    <button @click="inc" style="${btnStyle}">+</button>
-                </div>
-            \`
-        };
-    }
-});`;
-    fs.writeFileSync(path.join(projectPath, `app/components/Counter.${ext}`), counterContent);
-
-    // 6. main.js
-    const mainContent = `import { Counter } from './components/Counter';
-
-const root = document.getElementById('app');
-if (root) {
-    // mountTemplate is now auto-imported via Fusée!
-    mountTemplate(root.innerHTML, root, {}, { Counter });
-}
-`;
-    fs.writeFileSync(path.join(projectPath, `app/main.${ext}`), mainContent);
-
-    console.log(`\n✅ Fusée Project Ready!`);
-    const instructions = projectName === '.' ? 'npm install && npm run dev' : `cd ${projectName} && npm install && npm run dev`;
-    console.log(`👉 Run: ${instructions}\n`);
-}
-
-scaffold();