@askrjs/askr 0.0.7 → 0.0.8

package/dist/router/index.js

@@ -324,6 +324,9 @@ function isSchedulerExecuting() {
   return globalScheduler.isExecuting();
 }
 
+// src/common/jsx.ts
+var Fragment = /* @__PURE__ */ Symbol.for("askr.fragment");
+
 // src/runtime/context.ts
 var CONTEXT_FRAME_SYMBOL = /* @__PURE__ */ Symbol("__tempoContextFrame__");
 var currentContextFrame = null;
@@ -340,7 +343,7 @@ function getCurrentContextFrame() {
   return currentContextFrame;
 }
 
-// src/renderer/diag/index.ts
+// src/renderer/diag.ts
 function getDiagMap() {
   try {
     const root = globalThis;
@@ -642,9 +645,6 @@ function isKeyedReorderFastPathEligible(parent, newChildren, oldKeyMap) {
   };
 }
 
-// src/common/jsx.ts
-var Fragment = /* @__PURE__ */ Symbol.for("askr.fragment");
-
 // src/runtime/dev-namespace.ts
 function getDevNamespace() {
   if (process.env.NODE_ENV === "production") return {};
@@ -1008,6 +1008,20 @@ function removeAllListeners(root) {
 
 // src/renderer/dom.ts
 var IS_DOM_AVAILABLE = typeof document !== "undefined";
+var fallbackComponentInstanceId = 0;
+function nextComponentInstanceId() {
+  const key = "__COMPONENT_INSTANCE_ID";
+  try {
+    __ASKR_incCounter(key);
+    const root = globalThis;
+    const diag = root.__ASKR_DIAG;
+    const n = diag ? diag[key] : void 0;
+    if (typeof n === "number" && Number.isFinite(n)) return `comp-${n}`;
+  } catch {
+  }
+  fallbackComponentInstanceId++;
+  return `comp-${fallbackComponentInstanceId}`;
+}
 function addTrackedListener(el, eventName, handler) {
   const wrappedHandler = createWrappedHandler(handler, true);
   const options = getPassiveOptions(eventName);
@@ -1185,7 +1199,7 @@ function createComponentElement(node, type, props) {
   let childInstance = node.__instance;
   if (!childInstance) {
     childInstance = createComponentInstance(
-      `comp-${Math.random().toString(36).slice(2, 7)}`,
+      nextComponentInstanceId(),
       componentFn,
       props || {},
       null
@@ -3169,7 +3183,10 @@ function Link({ href, children }) {
 
 // src/foundations/structures/layout.tsx
 function layout(Layout) {
-  return (children, props) => Layout({ ...props, children });
+  return (children, props) => {
+    const mergedProps = { ...props, children };
+    return Layout(mergedProps);
+  };
 }
 
 export { Link, clearRoutes, getRoutes, layout, navigate, route };