frontend-hamroun 1.2.74 → 1.2.77

package/dist/index.mjs

@@ -1,380 +1,136 @@
-let isBatching = false;
-const queue = [];
-function batchUpdates(fn) {
-  if (isBatching) {
-    queue.push(fn);
-    return;
-  }
-  isBatching = true;
-  try {
-    fn();
-    while (queue.length > 0) {
-      const nextFn = queue.shift();
-      nextFn == null ? void 0 : nextFn();
-    }
-  } finally {
-    isBatching = false;
-  }
-}
-let currentRender = 0;
-const states = /* @__PURE__ */ new Map();
-const stateIndices = /* @__PURE__ */ new Map();
-const effects = /* @__PURE__ */ new Map();
-const memos = /* @__PURE__ */ new Map();
-const refs = /* @__PURE__ */ new Map();
-let globalRenderCallback = null;
-let globalContainer = null;
-let currentElement = null;
-const isServer = typeof window === "undefined";
-const serverStates = /* @__PURE__ */ new Map();
-function setRenderCallback(callback, element, container) {
-  globalRenderCallback = callback;
-  globalContainer = container;
-  currentElement = element;
-}
-function prepareRender() {
-  currentRender++;
-  stateIndices.set(currentRender, 0);
-  return currentRender;
-}
-function finishRender() {
-  if (isServer) {
-    serverStates.delete(currentRender);
-  }
-  currentRender = 0;
-}
-function useState(initial) {
-  if (!currentRender) {
-    throw new Error("useState must be called within a render");
-  }
-  if (isServer) {
-    if (!serverStates.has(currentRender)) {
-      serverStates.set(currentRender, /* @__PURE__ */ new Map());
-    }
-    const componentState = serverStates.get(currentRender);
-    const index2 = stateIndices.get(currentRender) || 0;
-    if (!componentState.has(index2)) {
-      componentState.set(index2, initial);
-    }
-    const state2 = componentState.get(index2);
-    const setState2 = (newValue) => {
-    };
-    stateIndices.set(currentRender, index2 + 1);
-    return [state2, setState2];
-  }
-  if (!states.has(currentRender)) {
-    states.set(currentRender, []);
-  }
-  const componentStates = states.get(currentRender);
-  const index = stateIndices.get(currentRender);
-  if (index >= componentStates.length) {
-    componentStates.push(initial);
-  }
-  const state = componentStates[index];
-  const setState = (newValue) => {
-    const nextValue = typeof newValue === "function" ? newValue(componentStates[index]) : newValue;
-    if (componentStates[index] === nextValue)
-      return;
-    componentStates[index] = nextValue;
-    if (isBatching) {
-      batchUpdates(() => rerender(currentRender));
-    } else {
-      rerender(currentRender);
-    }
-  };
-  stateIndices.set(currentRender, index + 1);
-  return [state, setState];
-}
-function useEffect(callback, deps) {
-  if (!currentRender)
-    throw new Error("useEffect must be called within a render");
-  const effectIndex = stateIndices.get(currentRender);
-  if (!effects.has(currentRender)) {
-    effects.set(currentRender, []);
-  }
-  const componentEffects = effects.get(currentRender);
-  const prevEffect = componentEffects[effectIndex];
-  if (!prevEffect || !deps || !prevEffect.deps || deps.some((dep, i) => dep !== prevEffect.deps[i])) {
-    if (prevEffect == null ? void 0 : prevEffect.cleanup) {
-      prevEffect.cleanup();
-    }
-    queueMicrotask(() => {
-      const cleanup = callback() || void 0;
-      componentEffects[effectIndex] = { cleanup, deps };
-    });
-  }
-  stateIndices.set(currentRender, effectIndex + 1);
-}
-function useMemo(factory, deps) {
-  if (!currentRender)
-    throw new Error("useMemo must be called within a render");
-  const memoIndex = stateIndices.get(currentRender);
-  if (!memos.has(currentRender)) {
-    memos.set(currentRender, []);
-  }
-  const componentMemos = memos.get(currentRender);
-  const prevMemo = componentMemos[memoIndex];
-  if (!prevMemo || deps && deps.some((dep, i) => !Object.is(dep, prevMemo.deps[i]))) {
-    const value = factory();
-    componentMemos[memoIndex] = { value, deps };
-    stateIndices.set(currentRender, memoIndex + 1);
-    return value;
-  }
-  stateIndices.set(currentRender, memoIndex + 1);
-  return prevMemo.value;
-}
-function useRef(initial) {
-  if (!currentRender)
-    throw new Error("useRef must be called within a render");
-  const refIndex = stateIndices.get(currentRender);
-  if (!refs.has(currentRender)) {
-    refs.set(currentRender, []);
-  }
-  const componentRefs = refs.get(currentRender);
-  if (refIndex >= componentRefs.length) {
-    const ref2 = { current: initial };
-    componentRefs.push(ref2);
-    stateIndices.set(currentRender, refIndex + 1);
-    return ref2;
-  }
-  const ref = componentRefs[refIndex];
-  stateIndices.set(currentRender, refIndex + 1);
-  return ref;
-}
-async function rerender(rendererId) {
-  try {
-    const componentEffects = effects.get(rendererId);
-    if (componentEffects) {
-      componentEffects.forEach((effect) => {
-        if (effect.cleanup)
-          effect.cleanup();
-      });
-      effects.set(rendererId, []);
-    }
-    if (globalRenderCallback && globalContainer && currentElement) {
-      await globalRenderCallback(currentElement, globalContainer);
-    }
-  } catch (error) {
-    console.error("Error during rerender:", error);
-  }
-}
-function useErrorBoundary() {
-  const [error, setError] = useState(null);
-  return [error, () => setError(null)];
-}
-function createContext(defaultValue) {
-  const context = {
-    currentValue: defaultValue,
-    providers: /* @__PURE__ */ new Set()
-  };
-  return context;
-}
-function useContext(context) {
-  return context.currentValue;
-}
-function jsx(type, props) {
-  console.log("JSX Transform:", { type, props });
-  const processedProps = { ...props };
-  if (arguments.length > 2) {
-    processedProps.children = Array.prototype.slice.call(arguments, 2);
-  }
-  return { type, props: processedProps };
-}
-const Fragment = ({ children }) => children;
-async function createElement(vnode) {
-  var _a;
-  console.log("Creating element from:", vnode);
-  if (vnode == null) {
-    return document.createTextNode("");
-  }
-  if (typeof vnode === "boolean") {
-    return document.createTextNode("");
-  }
-  if (typeof vnode === "number" || typeof vnode === "string") {
-    return document.createTextNode(String(vnode));
-  }
-  if (Array.isArray(vnode)) {
-    const fragment = document.createDocumentFragment();
-    for (const child of vnode) {
-      const node = await createElement(child);
-      fragment.appendChild(node);
-    }
-    return fragment;
-  }
-  if ("type" in vnode && vnode.props !== void 0) {
-    const { type, props } = vnode;
-    if (typeof type === "function") {
-      try {
-        const result = await type(props || {});
-        const node = await createElement(result);
-        if (node instanceof Element) {
-          node.setAttribute("data-component-id", type.name || type.toString());
-        }
-        return node;
-      } catch (error) {
-        console.error("Error rendering component:", error);
-        return document.createTextNode("");
-      }
-    }
-    const element = document.createElement(type);
-    for (const [key, value] of Object.entries(props || {})) {
-      if (key === "children")
-        continue;
-      if (key.startsWith("on") && typeof value === "function") {
-        const eventName = key.toLowerCase().slice(2);
-        const existingHandler = (_a = element.__events) == null ? void 0 : _a[eventName];
-        if (existingHandler) {
-          element.removeEventListener(eventName, existingHandler);
-        }
-        element.addEventListener(eventName, value);
-        if (!element.__events) {
-          element.__events = {};
-        }
-        element.__events[eventName] = value;
-      } else if (key === "style" && typeof value === "object") {
-        Object.assign(element.style, value);
-      } else if (key === "className") {
-        element.setAttribute("class", String(value));
-      } else if (key !== "key" && key !== "ref") {
-        element.setAttribute(key, String(value));
-      }
-    }
-    const children = props == null ? void 0 : props.children;
-    if (children != null) {
-      const childArray = Array.isArray(children) ? children.flat() : [children];
-      for (const child of childArray) {
-        const childNode = await createElement(child);
-        element.appendChild(childNode);
-      }
-    }
-    return element;
-  }
-  return document.createTextNode(String(vnode));
-}
-let isHydrating = false;
-async function hydrate(element, container) {
-  isHydrating = true;
-  try {
-    await render(element, container);
-  } finally {
-    isHydrating = false;
-  }
-}
-async function render(element, container) {
-  console.log("Rendering to:", container.id);
-  batchUpdates(async () => {
-    const rendererId = prepareRender();
-    try {
-      setRenderCallback(render, element, container);
-      const domNode = await createElement(element);
-      if (!isHydrating) {
-        container.innerHTML = "";
-      }
-      container.appendChild(domNode);
-    } finally {
-      finishRender();
-    }
-  });
-}
-function renderToString(vnode) {
-  prepareRender();
-  const html = renderNodeToString(vnode);
-  finishRender();
-  return html;
-}
-function renderNodeToString(vnode) {
-  var _a, _b, _c;
-  if (vnode === null || vnode === void 0)
-    return "";
-  if (typeof vnode === "boolean")
-    return "";
-  if (typeof vnode === "number" || typeof vnode === "string")
-    return escapeHtml(String(vnode));
-  if (typeof vnode.type === "function") {
-    const Component2 = vnode.type;
-    const renderedNode = Component2(vnode.props || {});
-    return renderNodeToString(renderedNode);
-  }
-  if (typeof vnode.type === "string") {
-    const tag = vnode.type;
-    let attrs = "";
-    let children = "";
-    if (vnode.props) {
-      for (const [key, value] of Object.entries(vnode.props)) {
-        if (key === "children")
-          continue;
-        if (key.startsWith("on"))
-          continue;
-        if (key === "className") {
-          attrs += ` class="${escapeHtml(value)}"`;
-          continue;
-        }
-        if (typeof value === "string" || typeof value === "number") {
-          attrs += ` ${key}="${escapeHtml(String(value))}"`;
-        } else if (value === true) {
-          attrs += ` ${key}`;
-        }
-      }
-    }
-    const childrenArray = ((_a = vnode.props) == null ? void 0 : _a.children) ? Array.isArray(vnode.props.children) ? vnode.props.children : [vnode.props.children] : [];
-    for (const child of childrenArray) {
-      children += renderNodeToString(child);
-    }
-    const selfClosing = [
-      "area",
-      "base",
-      "br",
-      "col",
-      "embed",
-      "hr",
-      "img",
-      "input",
-      "link",
-      "meta",
-      "param",
-      "source",
-      "track",
-      "wbr"
-    ];
-    if (selfClosing.includes(tag)) {
-      return `<${tag}${attrs}/>`;
-    }
-    return `<${tag}${attrs}>${children}</${tag}>`;
-  }
-  if (vnode.type === Symbol.for("react.fragment")) {
-    let fragmentOutput = "";
-    const children = Array.isArray((_b = vnode.props) == null ? void 0 : _b.children) ? vnode.props.children : ((_c = vnode.props) == null ? void 0 : _c.children) ? [vnode.props.children] : [];
-    for (const child of children) {
-      fragmentOutput += renderNodeToString(child);
-    }
-    return fragmentOutput;
-  }
-  console.warn("Unknown vnode type:", vnode.type);
-  return "";
-}
-function escapeHtml(text) {
-  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-}
-const server = {
+var d = Object.defineProperty;
+var h = (s, e, t) => e in s ? d(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var a = (s, e, t) => (h(s, typeof e != "symbol" ? e + "" : e, t), t);
+import { createElement as c, Fragment as f, jsx as i } from "./jsx-runtime.mjs";
+import { loadGoWasm as u, createTypedWasmFunction as l, goValues as m } from "./wasm.mjs";
+import { render as y, hydrate as E } from "./renderer.mjs";
+import { u as v, a as _, b as g, c as C, d as x, e as W, f as j, g as b } from "./hooks-b58f947c.js";
+import { h as I, j as z, i as J, p as P, s as Q } from "./hooks-b58f947c.js";
+import { renderToString as T } from "./server-renderer.mjs";
+function p(s, e) {
+  const t = Object.keys(s).filter((n) => n !== "children"), r = Object.keys(e).filter((n) => n !== "children");
+  return t.length !== r.length ? !1 : t.every((n) => s[n] === e[n]);
+}
+function M(s, e) {
+  return s == null || e == null ? s !== e : typeof s != typeof e ? !0 : typeof e == "string" || typeof e == "number" ? s !== e : e.type !== s.type ? !0 : !p(s.props, e.props);
+}
+function S(s, e) {
+  return !p(s, e);
+}
+class F {
+  constructor(e = {}) {
+    a(this, "state", {});
+    a(this, "props");
+    a(this, "element", null);
+    a(this, "_mounted", !1);
+    this.props = e;
+  }
+  componentDidMount() {
+  }
+  async setState(e) {
+    const t = { ...this.state };
+    this.state = { ...t, ...e }, console.log(`${this.constructor.name} state updated:`, {
+      prev: t,
+      next: this.state
+    }), await Promise.resolve(), this._mounted ? await this.update() : await this.update();
+  }
+  _replayEvents(e, t) {
+    const r = e.__events || {};
+    Object.entries(r).forEach(([n, o]) => {
+      t.addEventListener(n, o);
+    }), t.__events = r;
+  }
+  _deepCloneWithEvents(e) {
+    const t = e.cloneNode(!1), r = e.__events || {};
+    return t.__events = r, Object.entries(r).forEach(([n, o]) => {
+      t.addEventListener(n, o);
+    }), Array.from(e.childNodes).forEach((n) => {
+      n instanceof HTMLElement ? t.appendChild(this._deepCloneWithEvents(n)) : t.appendChild(n.cloneNode(!0));
+    }), t;
+  }
+  async update() {
+    const e = this.render();
+    if (!e)
+      return document.createTextNode("");
+    const t = await c(e);
+    if (t instanceof HTMLElement)
+      return this._updateElement(t);
+    const r = document.createElement("div");
+    return r.appendChild(t), this._updateElement(r);
+  }
+  async _updateElement(e) {
+    const t = this._deepCloneWithEvents(e);
+    return t.__instance = this, this.element ? this.element.parentNode && (this.element.parentNode.replaceChild(t, this.element), this.element = t) : (this.element = t, this._mounted || (this._mounted = !0, queueMicrotask(() => this.componentDidMount()))), this.element;
+  }
+  render() {
+    throw new Error("Component must implement render() method");
+  }
+}
+const V = {
   async getServer() {
     throw new Error("Server module can only be used in Node.js environment");
   }
+}, G = u, L = l, O = m, R = {
+  loadGoWasm: u,
+  createTypedWasmFunction: l,
+  goValues: m
+};
+let q = !1;
+const K = {
+  Fragment: f,
+  jsx: i,
+  jsxs: i,
+  createElement: c,
+  render: y,
+  hydrate: E,
+  useState: v,
+  useEffect: _,
+  useMemo: g,
+  useRef: C,
+  useContext: x,
+  useErrorBoundary: W,
+  createContext: j,
+  renderToString: T,
+  batchUpdates: b,
+  server: V,
+  loadGoWasm: G,
+  createTypedWasmFunction: L,
+  goValues: O,
+  wasm: R,
+  Component: F,
+  diff: M,
+  shouldComponentUpdate: S
 };
 export {
-  Fragment,
-  batchUpdates,
-  createContext,
-  hydrate,
-  jsx,
-  jsx as jsxs,
-  render,
-  renderToString,
-  server,
-  useContext,
-  useEffect,
-  useErrorBoundary,
-  useMemo,
-  useRef,
-  useState
+  F as Component,
+  f as Fragment,
+  b as batchUpdates,
+  j as createContext,
+  c as createElement,
+  L as createTypedWasmFunction,
+  K as default,
+  M as diff,
+  I as finishRender,
+  z as getIsBatching,
+  O as goValues,
+  E as hydrate,
+  J as isBatching,
+  q as isHydrating,
+  i as jsx,
+  i as jsxDEV,
+  i as jsxs,
+  G as loadGoWasm,
+  P as prepareRender,
+  y as render,
+  T as renderToString,
+  V as server,
+  Q as setRenderCallback,
+  S as shouldComponentUpdate,
+  x as useContext,
+  _ as useEffect,
+  W as useErrorBoundary,
+  g as useMemo,
+  C as useRef,
+  v as useState,
+  R as wasm
 };
-//# sourceMappingURL=index.mjs.map

package/dist/jsx-runtime/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "frontend-hamroun/jsx-runtime",
+  "version": "1.2.77",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.mjs",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js",
+      "types": "./index.d.ts"
+    }
+  },
+  "sideEffects": false
+}

package/dist/jsx-runtime.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function i(e,a){console.log("JSX Transform:",{type:e,props:a});const o={...a};return arguments.length>2&&(o.children=Array.prototype.slice.call(arguments,2)),{type:e,props:o}}const m=({children:e})=>e;async function l(e){var a;if(console.log("Creating element from:",e),e==null||typeof e=="boolean")return document.createTextNode("");if(typeof e=="number"||typeof e=="string")return document.createTextNode(String(e));if(Array.isArray(e)){const o=document.createDocumentFragment();for(const s of e){const n=await l(s);o.appendChild(n)}return o}if("type"in e&&e.props!==void 0){const{type:o,props:s}=e;if(typeof o=="function")try{const t=await o(s||{}),r=await l(t);return r instanceof Element&&r.setAttribute("data-component-id",o.name||o.toString()),r}catch(t){return console.error("Error rendering component:",t),document.createTextNode("")}const n=document.createElement(o);for(const[t,r]of Object.entries(s||{}))if(t!=="children")if(t.startsWith("on")&&typeof r=="function"){const c=t.toLowerCase().slice(2),u=(a=n.__events)==null?void 0:a[c];u&&n.removeEventListener(c,u),n.addEventListener(c,r),n.__events||(n.__events={}),n.__events[c]=r}else t==="style"&&typeof r=="object"?Object.assign(n.style,r):t==="className"?n.setAttribute("class",String(r)):t!=="key"&&t!=="ref"&&n.setAttribute(t,String(r));const f=s==null?void 0:s.children;if(f!=null){const t=Array.isArray(f)?f.flat():[f];for(const r of t){const c=await l(r);n.appendChild(c)}}return n}return document.createTextNode(String(e))}const d={jsx:i,jsxs:i,jsxDEV:i,Fragment:m,createElement:l};exports.Fragment=m;exports.createElement=l;exports.default=d;exports.jsx=i;exports.jsxDEV=i;exports.jsxs=i;

package/dist/jsx-runtime.mjs

@@ -0,0 +1,64 @@
+function f(e, i) {
+  console.log("JSX Transform:", { type: e, props: i });
+  const o = { ...i };
+  return arguments.length > 2 && (o.children = Array.prototype.slice.call(arguments, 2)), { type: e, props: o };
+}
+const m = ({ children: e }) => e;
+async function l(e) {
+  var i;
+  if (console.log("Creating element from:", e), e == null || typeof e == "boolean")
+    return document.createTextNode("");
+  if (typeof e == "number" || typeof e == "string")
+    return document.createTextNode(String(e));
+  if (Array.isArray(e)) {
+    const o = document.createDocumentFragment();
+    for (const s of e) {
+      const n = await l(s);
+      o.appendChild(n);
+    }
+    return o;
+  }
+  if ("type" in e && e.props !== void 0) {
+    const { type: o, props: s } = e;
+    if (typeof o == "function")
+      try {
+        const t = await o(s || {}), r = await l(t);
+        return r instanceof Element && r.setAttribute("data-component-id", o.name || o.toString()), r;
+      } catch (t) {
+        return console.error("Error rendering component:", t), document.createTextNode("");
+      }
+    const n = document.createElement(o);
+    for (const [t, r] of Object.entries(s || {}))
+      if (t !== "children")
+        if (t.startsWith("on") && typeof r == "function") {
+          const c = t.toLowerCase().slice(2), u = (i = n.__events) == null ? void 0 : i[c];
+          u && n.removeEventListener(c, u), n.addEventListener(c, r), n.__events || (n.__events = {}), n.__events[c] = r;
+        } else
+          t === "style" && typeof r == "object" ? Object.assign(n.style, r) : t === "className" ? n.setAttribute("class", String(r)) : t !== "key" && t !== "ref" && n.setAttribute(t, String(r));
+    const a = s == null ? void 0 : s.children;
+    if (a != null) {
+      const t = Array.isArray(a) ? a.flat() : [a];
+      for (const r of t) {
+        const c = await l(r);
+        n.appendChild(c);
+      }
+    }
+    return n;
+  }
+  return document.createTextNode(String(e));
+}
+const d = {
+  jsx: f,
+  jsxs: f,
+  jsxDEV: f,
+  Fragment: m,
+  createElement: l
+};
+export {
+  m as Fragment,
+  l as createElement,
+  d as default,
+  f as jsx,
+  f as jsxDEV,
+  f as jsxs
+};

package/dist/lifecycle-events/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "frontend-hamroun/lifecycle-events",
+  "version": "1.2.77",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.mjs",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js",
+      "types": "./index.d.ts"
+    }
+  },
+  "sideEffects": false
+}

package/dist/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "frontend-hamroun",
+  "version": "1.2.77",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.mjs",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js",
+      "types": "./index.d.ts"
+    },
+    "./jsx-runtime": {
+      "import": "./jsx-runtime/index.mjs",
+      "require": "./jsx-runtime/index.js",
+      "types": "./jsx-runtime/index.d.ts"
+    },
+    "./server": {
+      "import": "./server/index.mjs",
+      "require": "./server/index.js",
+      "types": "./server/index.d.ts"
+    },
+    "./wasm": {
+      "import": "./wasm/index.mjs",
+      "require": "./wasm/index.js",
+      "types": "./wasm/index.d.ts"
+    },
+    "./router": {
+      "import": "./router/index.mjs",
+      "require": "./router/index.js",
+      "types": "./router/index.d.ts"
+    },
+    "./forms": {
+      "import": "./forms/index.mjs",
+      "require": "./forms/index.js",
+      "types": "./forms/index.d.ts"
+    },
+    "./store": {
+      "import": "./store/index.mjs",
+      "require": "./store/index.js",
+      "types": "./store/index.d.ts"
+    },
+    "./utils": {
+      "import": "./utils/index.mjs",
+      "require": "./utils/index.js",
+      "types": "./utils/index.d.ts"
+    },
+    "./event-bus": {
+      "import": "./event-bus/index.mjs",
+      "require": "./event-bus/index.js",
+      "types": "./event-bus/index.d.ts"
+    },
+    "./lifecycle-events": {
+      "import": "./lifecycle-events/index.mjs",
+      "require": "./lifecycle-events/index.js",
+      "types": "./lifecycle-events/index.d.ts"
+    },
+    "./client-router": {
+      "import": "./client-router/index.mjs",
+      "require": "./client-router/index.js",
+      "types": "./client-router/index.d.ts"
+    },
+    "./render-component": {
+      "import": "./render-component/index.mjs",
+      "require": "./render-component/index.js",
+      "types": "./render-component/index.d.ts"
+    }
+  },
+  "sideEffects": false
+}