baraqex 2.0.6 → 2.0.8

package/dist/core/jsx-runtime.d.ts

@@ -23,6 +23,10 @@ export declare function jsxDEV(type: string | Function, props: any, key?: string
 export declare const Fragment: ({ children }: {
     children: any;
 }) => any;
+/**
+ * Apply props to a real DOM element
+ */
+export declare function applyProps(element: HTMLElement, props: Record<string, any>): void;
 /**
  * Create a DOM element from a virtual node (async for component support)
  */

package/dist/core/jsx-runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../../src/core/jsx-runtime.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AASnC;;GAEG;AACH,wBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,CAWlF;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,YAAM,CAAC;AAExB;;GAEG;AACH,wBAAgB,MAAM,CACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,EACvB,KAAK,EAAE,GAAG,EACV,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EACrB,iBAAiB,CAAC,EAAE,OAAO,EAC3B,OAAO,CAAC,EAAE,GAAG,EACb,KAAK,CAAC,EAAE,GAAG,GACV,KAAK,CAKP;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,cAAc;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,QAAa,CAAC;AAqDtE;;GAEG;AACH,wBAAsB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CA+DrE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,GAAG,IAAI,CA6C1D;;;;;6BAzKsC;QAAE,QAAQ,EAAE,GAAG,CAAA;KAAE;;;;AA4KxD,wBAOE"}
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../../src/core/jsx-runtime.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AASnC;;GAEG;AACH,wBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,CAWlF;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,YAAM,CAAC;AAExB;;GAEG;AACH,wBAAgB,MAAM,CACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,EACvB,KAAK,EAAE,GAAG,EACV,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EACrB,iBAAiB,CAAC,EAAE,OAAO,EAC3B,OAAO,CAAC,EAAE,GAAG,EACb,KAAK,CAAC,EAAE,GAAG,GACV,KAAK,CAKP;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,cAAc;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,QAAa,CAAC;AAmBtE;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CA6BjF;AAED;;GAEG;AACH,wBAAsB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CA+DrE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,GAAG,IAAI,CA6C1D;;;;;6BAzKsC;QAAE,QAAQ,EAAE,GAAG,CAAA;KAAE;;;;AA4KxD,wBAOE"}

package/dist/core/renderer.d.ts

@@ -11,11 +11,12 @@ import { VNode } from './types.js';
  */
 export declare function render(element: VNode, container: HTMLElement): Promise<void>;
 /**
- * Hydrate server-rendered HTML.
+ * Hydrate server-rendered HTML in place.
  *
- * In this initial implementation, hydration re-renders the component tree
- * and replaces the server HTML. A production implementation would walk the
- * existing DOM, attach event listeners, and reconcile without full replace.
+ * Attaches event listeners and applies props to the DOM produced by
+ * server-side rendering without replacing it, so there is no visual flash
+ * between the SSR HTML and an interactive page. Fallback: if the existing DOM
+ * can't be matched, performs a fresh render into an empty container.
  */
 export declare function hydrate(element: VNode, container: HTMLElement): Promise<void>;
 /**

package/dist/core/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/core/renderer.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAaH,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAcnC;;GAEG;AACH,wBAAsB,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CA+BlF;AAED;;;;;;GAMG;AACH,wBAAsB,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAMnF;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,SAAS,EAAE,WAAW;sBAK3B,KAAK;;EAO1B;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,SAAS,EAAE,WAAW,GAAG,OAAO,CAEvD;;;;;;;AAED,wBAKE"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/core/renderer.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAcH,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAcnC;;GAEG;AACH,wBAAsB,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CA+BlF;AAqFD;;;;;;;GAOG;AACH,wBAAsB,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CA+CnF;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,SAAS,EAAE,WAAW;sBAK3B,KAAK;;EAO1B;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,SAAS,EAAE,WAAW,GAAG,OAAO,CAEvD;;;;;;;AAED,wBAKE"}

package/dist/index.js

@@ -465,8 +465,107 @@ async function render(element, container) {
     }
   });
 }
+function* walkElements(node) {
+  for (const child of node.childNodes) {
+    if (child.nodeType === 1) {
+      yield child;
+      yield* walkElements(child);
+    }
+  }
+}
+async function hydrateElement(vnode, nextElement) {
+  if (vnode == null || typeof vnode === "boolean") {
+    return true;
+  }
+  if (typeof vnode === "number" || typeof vnode === "string") {
+    return true;
+  }
+  if (Array.isArray(vnode)) {
+    for (const child of vnode) {
+      if (!await hydrateElement(child, nextElement))
+        return false;
+    }
+    return true;
+  }
+  if (typeof vnode === "object" && "type" in vnode && vnode.props !== void 0) {
+    const { type, props } = vnode;
+    if (typeof type === "function") {
+      if (type === Fragment) {
+        const children = props?.children;
+        if (children == null)
+          return true;
+        return hydrateElement(children, nextElement);
+      }
+      const root = getCurrentRoot() ?? void 0;
+      prepareRender(root);
+      try {
+        const result = type(props || {});
+        return await hydrateElement(result, nextElement);
+      } finally {
+        finishRender();
+      }
+    }
+    if (typeof type === "string") {
+      const el = nextElement();
+      if (!el)
+        return false;
+      if (el.tagName.toLowerCase() !== type.toLowerCase())
+        return false;
+      applyProps(el, props || {});
+      const children = props?.children;
+      if (children != null) {
+        const childArray = Array.isArray(children) ? children : [children];
+        for (const child of childArray) {
+          if (!await hydrateElement(child, nextElement))
+            return false;
+        }
+      }
+      return true;
+    }
+    return false;
+  }
+  return true;
+}
 async function hydrate(element, container) {
-  await render(element, container);
+  if (!isBrowser2) {
+    throw new Error("[baraqex] hydrate() can only be called in a browser.");
+  }
+  if (!container) {
+    throw new Error("[baraqex] hydrate() requires a container element");
+  }
+  if (!container.hasChildNodes()) {
+    return render(element, container);
+  }
+  let root = rootMap.get(container);
+  if (!root) {
+    root = createRootState();
+    rootMap.set(container, root);
+  }
+  await batchUpdates(async () => {
+    prepareRender(root);
+    try {
+      setRenderCallback(render, element, container);
+      const generator = walkElements(container);
+      const nextElement = () => {
+        const { value, done } = generator.next();
+        return done ? null : value;
+      };
+      const matched = await hydrateElement(element, nextElement);
+      if (!matched) {
+        const freshRoot = createRootState();
+        rootMap.set(container, freshRoot);
+        prepareRender(freshRoot);
+        setRenderCallback(render, element, container);
+        const domNode = await createElement(element);
+        container.textContent = "";
+        container.appendChild(domNode);
+        finishRender();
+        return;
+      }
+    } finally {
+      finishRender();
+    }
+  });
 }
 function createRoot(container) {
   const root = createRootState();
@@ -2284,10 +2383,22 @@ function withErrorHandling(fn, errorHandler2) {
 }
 
 // src/wasm.ts
-async function loadGoWasm(wasmUrl, options = {}) {
+var wasmCache = /* @__PURE__ */ new Map();
+function loadGoWasm(wasmUrl, options = {}) {
   if (typeof window === "undefined") {
     throw new Error("loadGoWasm() is for browser use only. Use loadGoWasmFromFile() in Node.js.");
   }
+  const cached = wasmCache.get(wasmUrl);
+  if (cached)
+    return cached;
+  const request = loadGoWasmInternal(wasmUrl, options).catch((error) => {
+    wasmCache.delete(wasmUrl);
+    throw error;
+  });
+  wasmCache.set(wasmUrl, request);
+  return request;
+}
+async function loadGoWasmInternal(wasmUrl, options = {}) {
   try {
     if (!window.Go) {
       throw new Error("Go WASM runtime not available. Make sure wasm_exec.js is loaded.");