lumix-js 0.1.0

package/dist/store.js

@@ -0,0 +1,147 @@
+import { signal, batch } from "./signals.js";
+// ─── store() ───────────────────────────────────────────────
+export function store(initialState) {
+    const initial = structuredClone(initialState);
+    const signals = new Map();
+    const listeners = new Set();
+    function getSignal(key) {
+        const k = key;
+        if (!signals.has(k)) {
+            signals.set(k, signal(initial[key]));
+        }
+        return signals.get(k);
+    }
+    function get(key) {
+        return getSignal(key)();
+    }
+    function set(key, value) {
+        getSignal(key)(value);
+        notifyListeners(key);
+    }
+    function update(partial) {
+        batch(() => {
+            for (const [key, value] of Object.entries(partial)) {
+                getSignal(key)(value);
+            }
+        });
+        for (const key of Object.keys(partial)) {
+            notifyListeners(key);
+        }
+    }
+    function reset() {
+        batch(() => {
+            for (const [key, value] of Object.entries(initial)) {
+                getSignal(key)(structuredClone(value));
+            }
+        });
+        notifyListeners();
+    }
+    function snapshot() {
+        const snap = {};
+        // Include all keys from initial state
+        for (const key of Object.keys(initial)) {
+            const sig = signals.get(key);
+            snap[key] = sig ? sig._peek() : initial[key];
+        }
+        return Object.freeze(snap);
+    }
+    function subscribe(fn) {
+        listeners.add(fn);
+        return () => listeners.delete(fn);
+    }
+    function notifyListeners(key) {
+        const state = snapshot();
+        for (const fn of listeners) {
+            fn(state, key);
+        }
+    }
+    // Reactive proxy
+    const stateProxy = new Proxy({}, {
+        get(_target, prop) {
+            return get(prop);
+        },
+        set(_target, prop, value) {
+            set(prop, value);
+            return true;
+        },
+        ownKeys() {
+            return Object.keys(initial);
+        },
+        getOwnPropertyDescriptor(_target, prop) {
+            if (prop in initial) {
+                return { configurable: true, enumerable: true, writable: true };
+            }
+            return undefined;
+        },
+        has(_target, prop) {
+            return prop in initial;
+        },
+    });
+    return {
+        get,
+        set,
+        update,
+        reset,
+        snapshot,
+        subscribe,
+        signal: getSignal,
+        state: stateProxy,
+    };
+}
+// ─── persist() ─────────────────────────────────────────────
+export function persist(st, options) {
+    const { key, storage = typeof localStorage !== "undefined" ? localStorage : null, serialize = JSON.stringify, deserialize = JSON.parse, include, exclude, } = options;
+    if (!storage)
+        return () => { };
+    // Hydrate from storage on init
+    try {
+        const stored = storage.getItem(key);
+        if (stored) {
+            const parsed = deserialize(stored);
+            if (parsed && typeof parsed === "object") {
+                st.update(parsed);
+            }
+        }
+    }
+    catch {
+        // Ignore hydration errors — use initial state
+    }
+    // Persist on every change
+    const unsub = st.subscribe((state) => {
+        try {
+            let toSave = { ...state };
+            if (include) {
+                const filtered = {};
+                for (const k of include) {
+                    if (k in toSave)
+                        filtered[k] = toSave[k];
+                }
+                toSave = filtered;
+            }
+            if (exclude) {
+                for (const k of exclude) {
+                    delete toSave[k];
+                }
+            }
+            storage.setItem(key, serialize(toSave));
+        }
+        catch {
+            // Ignore storage write errors
+        }
+    });
+    return unsub;
+}
+// ─── derived() ────────────────────────────────────────────
+export function derived(st, fn) {
+    const inner = signal(fn(st.snapshot()));
+    // Re-derive whenever any signal in the store changes
+    const keys = Object.keys(st.snapshot());
+    const unsubs = [];
+    for (const key of keys) {
+        const sig = st.signal(key);
+        unsubs.push(sig._subscribe(() => {
+            inner(fn(st.snapshot()));
+        }));
+    }
+    return inner;
+}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "lumix-js",
+  "version": "0.1.0",
+  "description": "The modular runtime for LuminJS",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/",
+    "bin/",
+    "templates/"
+  ],
+  "bin": {
+    "lumix": "./bin/lumix.js"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch"
+  },
+  "keywords": [
+    "lumix-js",
+    "runtime",
+    "signals",
+    "framework",
+    "framework-cli"
+  ],
+  "author": "ZMDev",
+  "license": "MIT",
+  "devDependencies": {
+    "happy-dom": "^20.6.1",
+    "typescript": "^5.0.0",
+    "@types/node": "^25.2.3",
+    "@types/prompts": "^2.4.9",
+    "@types/fs-extra": "^11.0.4"
+  },
+  "dependencies": {
+    "@types/bun": "^1.3.9",
+    "vite": "^7.3.1",
+    "commander": "^12.0.0",
+    "prompts": "^2.4.2",
+    "picocolors": "^1.0.0",
+    "bundle-require": "^5.0.0",
+    "vite-plugin-lumix": "workspace:*",
+    "fs-extra": "^11.2.0"
+  }
+}

package/templates/blank/lumix.config.mjs

@@ -0,0 +1,10 @@
+import { defineConfig } from "lumix-js";
+
+export default defineConfig({
+  title: "LuminJS Blank App",
+  head: {
+    meta: [
+      { name: "description", content: "A beautiful app built with LuminJS" },
+    ],
+  },
+});

package/templates/blank/main.js

@@ -0,0 +1,5 @@
+import { hydrate } from "lumix-js";
+import App from "./src/App.lumix";
+
+const root = document.getElementById("app");
+hydrate(root, App);

package/templates/blank/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "my-lumin-app",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "lumix dev",
+    "build": "lumix build",
+    "preview": "lumix preview"
+  },
+  "dependencies": {
+    "lumix-js": "latest"
+  },
+  "sideEffects": false
+}

package/templates/blank/src/App.lumix

@@ -0,0 +1,28 @@
+<script>
+  import { signal } from "lumix-js";
+  const message = signal("Hello LumixJS!");
+</script>
+
+<div class="container">
+  <h1>{message()}</h1>
+  <p>Edit <code>src/App.lumix</code> to get started.</p>
+</div>
+
+<style>
+  .container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+    font-family: system-ui, -apple-system, sans-serif;
+  }
+  h1 {
+    color: #4f46e5;
+  }
+  code {
+    background: #f3f4f6;
+    padding: 0.2rem 0.4rem;
+    border-radius: 4px;
+  }
+</style>

package/templates/blank-ts/lumix-env.d.ts

@@ -0,0 +1,4 @@
+declare module "*.lumix" {
+  const component: any;
+  export default component;
+}

package/templates/blank-ts/lumix.config.mts

@@ -0,0 +1,10 @@
+import { defineConfig } from "lumix-js";
+
+export default defineConfig({
+  title: "LumixJS App",
+  head: {
+    meta: [
+      { name: "description", content: "A beautiful app built with LumixJS" },
+    ],
+  },
+});

package/templates/blank-ts/main.ts

@@ -0,0 +1,5 @@
+import { hydrate } from "lumix-js";
+import App from "./src/App.lumix";
+
+const root = document.getElementById("app")!;
+hydrate(root, App);

package/templates/blank-ts/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "my-lumin-app",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "lumix dev",
+    "build": "lumix build",
+    "preview": "lumix preview"
+  },
+  "dependencies": {
+    "lumix-js": "latest"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0"
+  }
+}

package/templates/blank-ts/src/App.lumix

@@ -0,0 +1,28 @@
+<script>
+  import { signal, type Signal } from "lumix-js";
+  const message: Signal<string> = signal("Hello LumixJS!");
+</script>
+
+<div class="container">
+  <h1>{message()}</h1>
+  <p>Edit <code>src/App.lumix</code> to get started.</p>
+</div>
+
+<style>
+  .container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+    font-family: system-ui, -apple-system, sans-serif;
+  }
+  h1 {
+    color: #4f46e5;
+  }
+  code {
+    background: #f3f4f6;
+    padding: 0.2rem 0.4rem;
+    border-radius: 4px;
+  }
+</style>

package/templates/blank-ts/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve"
+  },
+  "include": ["main.ts", "src/**/*", "lumix-env.d.ts"]
+}