@mulanjs/mulanjs 1.0.1-dev.20260227135307 → 1.0.1-dev.20260227172006

package/dist/core/ssr.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderToString = void 0;
+/**
+ * Renders a Mulan component to a static HTML string with a resumability envelope.
+ */
+function renderToString(ComponentClass, props = {}) {
+    // 1. Initialize component in a virtual container (not used for DOM)
+    // On server, we mock the container or just pass a dummy object
+    const dummyContainer = {
+        querySelector: () => null,
+        querySelectorAll: () => [],
+        appendChild: () => { },
+        removeChild: () => { },
+        getAttribute: () => null
+    };
+    const instance = new ComponentClass(dummyContainer);
+    // Pass props
+    Object.assign(instance, props);
+    // 2. Render to HTML
+    if (typeof instance.renderToString !== 'function') {
+        throw new Error(`Component ${ComponentClass.name} was not compiled for SSR.`);
+    }
+    const html = instance.renderToString();
+    // 3. Extract State for Resumability
+    // We only want to serialize data that was exposed in setup()
+    // For now, we'll serialize any property on the instance that isn't internal
+    const state = {};
+    for (const key in instance) {
+        if (key.startsWith('_') || key === 'container' || key === 'state' || typeof instance[key] === 'function')
+            continue;
+        const value = instance[key];
+        // Handle signals specifically
+        if (value && typeof value === 'object' && 'value' in value) {
+            state[key] = value.value;
+        }
+        else {
+            state[key] = value;
+        }
+    }
+    // 4. Construct Resumability Envelope
+    const stateScript = `<script type="mulan/state" data-mu-uid="${instance.$uid}">${JSON.stringify(state)}</script>`;
+    const envelope = `<div data-mu-root="${instance.$uid}">${html}${stateScript}</div>`;
+    return {
+        html,
+        state,
+        envelope
+    };
+}
+exports.renderToString = renderToString;

package/dist/core/surge.js

@@ -1,9 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.muSurge = exports.muBurst = void 0;
 /**
  * muBurst - Adaptive Non-blocking Iterator
  * Processes large arrays in batches within a frame budget (typically 8-16ms)
  * to keep the UI responsive while executing at near-native loop speeds.
  */
-export function muBurst(array, callback, options = {}) {
+function muBurst(array, callback, options = {}) {
     const { chunkSize = 1000, timeout = 8, onProgress } = options;
     return new Promise((resolve) => {
         let index = 0;
@@ -31,12 +34,13 @@ export function muBurst(array, callback, options = {}) {
         process();
     });
 }
+exports.muBurst = muBurst;
 /**
  * muSurge - Truly Parallel Execution
  * Distributes work across CPU cores using Web Workers.
  * Logic must be serializable.
  */
-export function muSurge(array, taskFn, onProgress) {
+function muSurge(array, taskFn, onProgress) {
     const n = navigator.hardwareConcurrency || 4;
     const chunkSize = Math.ceil(array.length / n);
     const results = new Array(array.length);
@@ -85,3 +89,4 @@ export function muSurge(array, taskFn, onProgress) {
         }
     });
 }
+exports.muSurge = muSurge;

package/dist/core/vault.js

@@ -1,9 +1,12 @@
-import { muEffect } from './hooks';
-import { reactive } from './reactive';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.persistent = void 0;
+const hooks_1 = require("./hooks");
+const reactive_1 = require("./reactive");
 /**
  * Mulan Vault: The World's First Native Persistent State Primitive.
  */
-export function persistent(key, initialValue, options = {}) {
+function persistent(key, initialValue, options = {}) {
     const storage = options.storage || window.localStorage;
     // 1. Load from Storage
     const stored = storage.getItem(key);
@@ -18,9 +21,9 @@ export function persistent(key, initialValue, options = {}) {
     }
     // 2. Create Reactive State (Follow muState pattern for consistency)
     const isObject = typeof startVal === 'object' && startVal !== null;
-    const state = isObject ? reactive(startVal) : reactive({ value: startVal });
+    const state = isObject ? (0, reactive_1.reactive)(startVal) : (0, reactive_1.reactive)({ value: startVal });
     // 3. Auto-Save on Change
-    muEffect(() => {
+    (0, hooks_1.muEffect)(() => {
         try {
             const payload = isObject ? state : state.value;
             const toSave = JSON.stringify(payload);
@@ -55,3 +58,4 @@ export function persistent(key, initialValue, options = {}) {
     }
     return state;
 }
+exports.persistent = persistent;

package/dist/index.js

@@ -1,30 +1,66 @@
-export * from './core/reactive';
-export { MuComponent, MuComponent as Component, defineComponent } from './core/component';
-export * from './core/renderer';
-export { MuRouter, MuRouter as Router } from './router/index';
-export { MuStore } from './store/index';
-export * from './security/sanitizer';
-export * from './core/hooks';
-export * from './core/query';
-export * from './core/vault';
-export * from './core/quantum';
-export * from './core/surge';
-export * from './components/bloch-sphere';
-export * from './components/infinity-list';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuStore = exports.Router = exports.MuRouter = exports.defineComponent = exports.Component = exports.MuComponent = void 0;
+__exportStar(require("./core/reactive"), exports);
+var component_1 = require("./core/component");
+Object.defineProperty(exports, "MuComponent", { enumerable: true, get: function () { return component_1.MuComponent; } });
+Object.defineProperty(exports, "Component", { enumerable: true, get: function () { return component_1.MuComponent; } });
+Object.defineProperty(exports, "defineComponent", { enumerable: true, get: function () { return component_1.defineComponent; } });
+__exportStar(require("./core/renderer"), exports);
+var index_1 = require("./router/index");
+Object.defineProperty(exports, "MuRouter", { enumerable: true, get: function () { return index_1.MuRouter; } });
+Object.defineProperty(exports, "Router", { enumerable: true, get: function () { return index_1.MuRouter; } });
+var index_2 = require("./store/index");
+Object.defineProperty(exports, "MuStore", { enumerable: true, get: function () { return index_2.MuStore; } });
+__exportStar(require("./security/sanitizer"), exports);
+__exportStar(require("./core/hooks"), exports);
+__exportStar(require("./core/query"), exports);
+__exportStar(require("./core/vault"), exports);
+__exportStar(require("./core/quantum"), exports);
+__exportStar(require("./core/surge"), exports);
+__exportStar(require("./components/bloch-sphere"), exports);
+__exportStar(require("./components/infinity-list"), exports);
+__exportStar(require("./core/ssr"), exports);
 // Global Mulan Object for non-module usage
-import { reactive, effect } from './core/reactive';
-import { MuComponent, defineComponent } from './core/component';
-import { MuRouter, createRouter } from './router/index';
-import { MuStore } from './store/index';
-import { Security } from './security/sanitizer';
-import * as Hooks from './core/hooks';
-import * as Query from './core/query';
-import { render } from './core/renderer';
-import * as Quantum from './core/quantum';
-import * as Surge from './core/surge';
-import * as InfinityList from './components/infinity-list';
-const Mulan = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ reactive,
-    effect, Component: MuComponent, defineComponent, Router: MuRouter, createRouter, Store: MuStore, Security: Security }, Hooks), Query), Quantum), Surge), InfinityList), { render, 
+const reactive_1 = require("./core/reactive");
+const component_2 = require("./core/component");
+const index_3 = require("./router/index");
+const index_4 = require("./store/index");
+const sanitizer_1 = require("./security/sanitizer");
+const Hooks = __importStar(require("./core/hooks"));
+const Query = __importStar(require("./core/query"));
+const renderer_1 = require("./core/renderer");
+const Quantum = __importStar(require("./core/quantum"));
+const Surge = __importStar(require("./core/surge"));
+const InfinityList = __importStar(require("./components/infinity-list"));
+const Mulan = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ reactive: reactive_1.reactive,
+    effect: reactive_1.effect, Component: component_2.MuComponent, defineComponent: component_2.defineComponent, Router: index_3.MuRouter, createRouter: index_3.createRouter, Store: index_4.MuStore, Security: sanitizer_1.Security }, Hooks), Query), Quantum), Surge), InfinityList), { render: renderer_1.render, 
     // MULAN INSIGHT: Branded Logging
     log: (msg, ...args) => {
         console.log(`%c[MulanJS]%c ${msg}`, "color: #ff3e00; font-weight: bold; background: #222; padding: 2px 4px; border-radius: 3px;", "", ...args);
@@ -56,4 +92,4 @@ if (typeof window !== 'undefined') {
 if (typeof window !== 'undefined') {
     window.Mulan = Mulan;
 }
-export default Mulan;
+exports.default = Mulan;