@getforma/core 0.3.1 → 0.6.1

package/dist/index.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkTSQ7AKFT_cjs = require('./chunk-TSQ7AKFT.cjs');
-var chunkFPSLC62A_cjs = require('./chunk-FPSLC62A.cjs');
+var chunkYSKF3VRA_cjs = require('./chunk-YSKF3VRA.cjs');
+var chunkKH3F5NRU_cjs = require('./chunk-KH3F5NRU.cjs');
 
 // src/dom/text.ts
 function createText(value) {
   if (typeof value === "function") {
     const node = new Text("");
-    chunkTSQ7AKFT_cjs.internalEffect(() => {
+    chunkYSKF3VRA_cjs.internalEffect(() => {
       node.data = value();
     });
     return node;
@@ -23,12 +23,12 @@ function mount(component, container) {
   }
   let disposeRoot;
   if (target.hasAttribute("data-forma-ssr")) {
-    chunkTSQ7AKFT_cjs.createRoot((dispose) => {
+    chunkYSKF3VRA_cjs.createRoot((dispose) => {
       disposeRoot = dispose;
-      chunkTSQ7AKFT_cjs.hydrateIsland(component, target);
+      chunkYSKF3VRA_cjs.hydrateIsland(component, target);
     });
   } else {
-    const dom = chunkTSQ7AKFT_cjs.createRoot((dispose) => {
+    const dom = chunkYSKF3VRA_cjs.createRoot((dispose) => {
       disposeRoot = dispose;
       return component();
     });
@@ -54,7 +54,7 @@ function createSwitch(value, cases, fallback) {
   const cache = /* @__PURE__ */ new Map();
   let currentNode = null;
   let currentMatch = UNSET;
-  const switchDispose = chunkTSQ7AKFT_cjs.internalEffect(() => {
+  const switchDispose = chunkYSKF3VRA_cjs.internalEffect(() => {
     const val = value();
     if (val === currentMatch) return;
     const DEBUG = typeof globalThis.__FORMA_DEBUG__ !== "undefined";
@@ -89,9 +89,9 @@ function createSwitch(value, cases, fallback) {
       let entry = cache.get(val);
       if (!entry) {
         let branchDispose;
-        const node = chunkTSQ7AKFT_cjs.createRoot((dispose) => {
+        const node = chunkYSKF3VRA_cjs.createRoot((dispose) => {
           branchDispose = dispose;
-          return chunkTSQ7AKFT_cjs.untrack(() => matchedCase.render());
+          return chunkYSKF3VRA_cjs.untrack(() => matchedCase.render());
         });
         entry = { node, dispose: branchDispose };
         cache.set(val, entry);
@@ -134,7 +134,7 @@ function createPortal(children2, target) {
     }
     mountedNode = null;
   };
-  chunkTSQ7AKFT_cjs.createEffect(() => {
+  chunkYSKF3VRA_cjs.createEffect(() => {
     const node = children2();
     removeMountedNode();
     mountedNode = node;
@@ -153,9 +153,9 @@ function createErrorBoundary(tryFn, catchFn) {
   const fragment2 = document.createDocumentFragment();
   fragment2.appendChild(startMarker);
   fragment2.appendChild(endMarker);
-  const [retryCount, setRetryCount] = chunkFPSLC62A_cjs.createSignal(0);
+  const [retryCount, setRetryCount] = chunkKH3F5NRU_cjs.createSignal(0);
   let currentNode = null;
-  chunkTSQ7AKFT_cjs.internalEffect(() => {
+  chunkYSKF3VRA_cjs.internalEffect(() => {
     retryCount();
     const parent2 = startMarker.parentNode;
     if (!parent2) return;
@@ -183,7 +183,7 @@ function createSuspense(fallback, children2) {
   const fragment2 = document.createDocumentFragment();
   fragment2.appendChild(startMarker);
   fragment2.appendChild(endMarker);
-  const [pending, setPending] = chunkFPSLC62A_cjs.createSignal(0);
+  const [pending, setPending] = chunkKH3F5NRU_cjs.createSignal(0);
   let currentNode = null;
   let resolvedNode = null;
   let fallbackNode = null;
@@ -195,13 +195,13 @@ function createSuspense(fallback, children2) {
       setPending((p) => Math.max(0, p - 1));
     }
   };
-  chunkTSQ7AKFT_cjs.pushSuspenseContext(ctx);
+  chunkYSKF3VRA_cjs.pushSuspenseContext(ctx);
   try {
     resolvedNode = children2();
   } finally {
-    chunkTSQ7AKFT_cjs.popSuspenseContext();
+    chunkYSKF3VRA_cjs.popSuspenseContext();
   }
-  chunkTSQ7AKFT_cjs.internalEffect(() => {
+  chunkYSKF3VRA_cjs.internalEffect(() => {
     const parent2 = startMarker.parentNode;
     if (!parent2) return;
     const isPending = pending() > 0;
@@ -238,14 +238,11 @@ function activateIslands(registry2) {
     const componentName = root.getAttribute("data-forma-component");
     const hydrateFn = registry2[componentName];
     if (!hydrateFn) {
-      if (chunkTSQ7AKFT_cjs.__DEV__) console.warn(`[forma] No hydrate function for island "${componentName}" (id=${id})`);
+      if (chunkYSKF3VRA_cjs.__DEV__) console.warn(`[forma] No hydrate function for island "${componentName}" (id=${id})`);
       root.setAttribute("data-forma-status", "error");
       continue;
     }
     const trigger = root.getAttribute("data-forma-hydrate") || "load";
-    if (trigger === "interaction" || trigger === "idle") {
-      if (chunkTSQ7AKFT_cjs.__DEV__) console.warn(`[forma] Trigger "${trigger}" not yet implemented for island "${componentName}" (id=${id}), falling back to load`);
-    }
     if (trigger === "visible") {
       const observer = new IntersectionObserver(
         (entries) => {
@@ -258,23 +255,52 @@ function activateIslands(registry2) {
         { rootMargin: "200px" }
       );
       observer.observe(root);
+    } else if (trigger === "idle") {
+      const hydrate = () => hydrateIslandRoot(root, id, componentName, hydrateFn, sharedProps);
+      if (typeof requestIdleCallback === "function") {
+        requestIdleCallback(hydrate);
+      } else {
+        setTimeout(hydrate, 200);
+      }
+    } else if (trigger === "interaction") {
+      const hydrate = () => {
+        root.removeEventListener("pointerdown", hydrate, true);
+        root.removeEventListener("focusin", hydrate, true);
+        hydrateIslandRoot(root, id, componentName, hydrateFn, sharedProps);
+      };
+      root.addEventListener("pointerdown", hydrate, { capture: true, once: true });
+      root.addEventListener("focusin", hydrate, { capture: true, once: true });
     } else {
       hydrateIslandRoot(root, id, componentName, hydrateFn, sharedProps);
     }
   }
 }
+function deactivateIsland(el) {
+  const dispose = el.__formaDispose;
+  if (typeof dispose === "function") {
+    dispose();
+    delete el.__formaDispose;
+    el.setAttribute("data-forma-status", "disposed");
+  }
+}
+function deactivateAllIslands(root = document) {
+  const islands = root.querySelectorAll('[data-forma-status="active"]');
+  for (const island of islands) {
+    deactivateIsland(island);
+  }
+}
 function hydrateIslandRoot(root, id, componentName, hydrateFn, sharedProps) {
   try {
     const props = loadIslandProps(root, id, sharedProps);
     root.setAttribute("data-forma-status", "hydrating");
     let activeRoot = root;
-    chunkTSQ7AKFT_cjs.createRoot((dispose) => {
-      activeRoot = chunkTSQ7AKFT_cjs.hydrateIsland(() => hydrateFn(props), root);
+    chunkYSKF3VRA_cjs.createRoot((dispose) => {
+      activeRoot = chunkYSKF3VRA_cjs.hydrateIsland(() => hydrateFn(root, props), root);
       activeRoot.__formaDispose = dispose;
     });
     activeRoot.setAttribute("data-forma-status", "active");
   } catch (err) {
-    if (chunkTSQ7AKFT_cjs.__DEV__) console.error(`[forma] Island "${componentName}" (id=${id}) failed:`, err);
+    if (chunkYSKF3VRA_cjs.__DEV__) console.error(`[forma] Island "${componentName}" (id=${id}) failed:`, err);
     root.setAttribute("data-forma-status", "error");
   }
 }
@@ -322,13 +348,15 @@ function defineComponent(setupOrDef) {
       for (const cb of ctx.unmountCallbacks) {
         try {
           cb();
-        } catch {
+        } catch (e) {
+          chunkYSKF3VRA_cjs.reportError(e, "onUnmount");
         }
       }
       for (const d of ctx.disposers) {
         try {
           d();
-        } catch {
+        } catch (e) {
+          chunkYSKF3VRA_cjs.reportError(e, "component disposer");
         }
       }
       ctx.disposers.length = 0;
@@ -342,7 +370,8 @@ function defineComponent(setupOrDef) {
         if (typeof cleanup2 === "function") {
           ctx.unmountCallbacks.push(cleanup2);
         }
-      } catch {
+      } catch (e) {
+        chunkYSKF3VRA_cjs.reportError(e, "onMount");
       }
     }
     return dom;
@@ -443,7 +472,7 @@ function createStore(initial) {
   function getSignal(path, initialValue) {
     let pair = signals.get(path);
     if (!pair) {
-      pair = chunkFPSLC62A_cjs.createSignal(initialValue);
+      pair = chunkKH3F5NRU_cjs.createSignal(initialValue);
       signals.set(path, pair);
       registerChild(path);
     }
@@ -483,7 +512,7 @@ function createStore(initial) {
         if (isArr && ARRAY_MUTATORS.has(key)) {
           return (...args) => {
             let result;
-            chunkTSQ7AKFT_cjs.batch(() => {
+            chunkYSKF3VRA_cjs.batch(() => {
               const rawArgs = args.map(
                 (a) => a != null && typeof a === "object" && a[RAW] ? a[RAW] : a
               );
@@ -597,11 +626,11 @@ function createStore(initial) {
   }
   const rootProxy = wrap(initial, "");
   function getCurrentSnapshot() {
-    return chunkTSQ7AKFT_cjs.untrack(() => deepClone(initial));
+    return chunkYSKF3VRA_cjs.untrack(() => deepClone(initial));
   }
   const setter = (partial) => {
     const updates = typeof partial === "function" ? partial(getCurrentSnapshot()) : partial;
-    chunkTSQ7AKFT_cjs.batch(() => {
+    chunkYSKF3VRA_cjs.batch(() => {
       for (const key of Object.keys(updates)) {
         rootProxy[key] = updates[key];
       }
@@ -616,11 +645,11 @@ function createHistory(source, options) {
   const maxLength = options?.maxLength ?? 100;
   let _stack = [sourceGet()];
   let _cursor = 0;
-  const [stackSignal, setStackSignal] = chunkFPSLC62A_cjs.createValueSignal([..._stack]);
-  const [cursorSignal, setCursorSignal] = chunkFPSLC62A_cjs.createValueSignal(_cursor);
-  const [stackLenSignal, setStackLenSignal] = chunkFPSLC62A_cjs.createValueSignal(_stack.length);
+  const [stackSignal, setStackSignal] = chunkKH3F5NRU_cjs.createSignal([..._stack]);
+  const [cursorSignal, setCursorSignal] = chunkKH3F5NRU_cjs.createSignal(_cursor);
+  const [stackLenSignal, setStackLenSignal] = chunkKH3F5NRU_cjs.createSignal(_stack.length);
   function syncSignals() {
-    chunkTSQ7AKFT_cjs.batch(() => {
+    chunkYSKF3VRA_cjs.batch(() => {
       setStackSignal([..._stack]);
       setCursorSignal(_cursor);
       setStackLenSignal(_stack.length);
@@ -628,7 +657,7 @@ function createHistory(source, options) {
   }
   let ignoreNext = false;
   let isFirstRun = true;
-  chunkTSQ7AKFT_cjs.internalEffect(() => {
+  chunkYSKF3VRA_cjs.internalEffect(() => {
     const value = sourceGet();
     if (isFirstRun) {
       isFirstRun = false;
@@ -696,7 +725,7 @@ function persist(source, key, options) {
     }
   } catch {
   }
-  chunkTSQ7AKFT_cjs.internalEffect(() => {
+  chunkYSKF3VRA_cjs.internalEffect(() => {
     const value = sourceGet();
     try {
       const serialized = serialize(value);
@@ -1101,9 +1130,9 @@ function createIndexedDB(dbName, storeName = "default") {
 
 // src/http/fetch.ts
 function createFetch(url, options) {
-  const [data, setData] = chunkFPSLC62A_cjs.createSignal(null);
-  const [error, setError] = chunkFPSLC62A_cjs.createSignal(null);
-  const [loading, setLoading] = chunkFPSLC62A_cjs.createSignal(false);
+  const [data, setData] = chunkKH3F5NRU_cjs.createSignal(null);
+  const [error, setError] = chunkKH3F5NRU_cjs.createSignal(null);
+  const [loading, setLoading] = chunkKH3F5NRU_cjs.createSignal(false);
   let currentController = null;
   function resolveURL() {
     const raw = typeof url === "function" ? url() : url;
@@ -1153,7 +1182,7 @@ function createFetch(url, options) {
     }
   }
   if (typeof url === "function") {
-    chunkTSQ7AKFT_cjs.internalEffect(() => {
+    chunkYSKF3VRA_cjs.internalEffect(() => {
       url();
       execute();
     });
@@ -1182,9 +1211,9 @@ async function fetchJSON(url, options) {
 
 // src/http/sse.ts
 function createSSE(url, options) {
-  const [data, setData] = chunkFPSLC62A_cjs.createSignal(null);
-  const [error, setError] = chunkFPSLC62A_cjs.createSignal(null);
-  const [connected, setConnected] = chunkFPSLC62A_cjs.createSignal(false);
+  const [data, setData] = chunkKH3F5NRU_cjs.createSignal(null);
+  const [error, setError] = chunkKH3F5NRU_cjs.createSignal(null);
+  const [connected, setConnected] = chunkKH3F5NRU_cjs.createSignal(false);
   const source = new EventSource(url, {
     withCredentials: options?.withCredentials ?? false
   });
@@ -1238,8 +1267,8 @@ function createWebSocket(url, options) {
   const shouldReconnect = options?.reconnect ?? true;
   const baseInterval = options?.reconnectInterval ?? 1e3;
   const maxReconnects = options?.maxReconnects ?? 5;
-  const [data, setData] = chunkFPSLC62A_cjs.createSignal(null);
-  const [status, setStatus] = chunkFPSLC62A_cjs.createSignal("connecting");
+  const [data, setData] = chunkKH3F5NRU_cjs.createSignal(null);
+  const [status, setStatus] = chunkKH3F5NRU_cjs.createSignal("connecting");
   const handlers = /* @__PURE__ */ new Set();
   let socket = null;
   let reconnectCount = 0;
@@ -1315,21 +1344,21 @@ function createWebSocket(url, options) {
 
 // src/server/action.ts
 function createAction(serverFn, options) {
-  const [pending, setPending] = chunkFPSLC62A_cjs.createValueSignal(false);
-  const [error, setError] = chunkFPSLC62A_cjs.createValueSignal(void 0);
+  const [pending, setPending] = chunkKH3F5NRU_cjs.createSignal(false);
+  const [error, setError] = chunkKH3F5NRU_cjs.createSignal(void 0);
   const action = async (...args) => {
     setPending(true);
     setError(void 0);
     if (options?.optimistic) {
       try {
-        chunkTSQ7AKFT_cjs.batch(() => options.optimistic(...args));
+        chunkYSKF3VRA_cjs.batch(() => options.optimistic(...args));
       } catch {
       }
     }
     try {
       const result = await serverFn(...args);
       if (options?.onSuccess) {
-        chunkTSQ7AKFT_cjs.batch(() => options.onSuccess(result, ...args));
+        chunkYSKF3VRA_cjs.batch(() => options.onSuccess(result, ...args));
       }
       if (options?.invalidates) {
         for (const resource of options.invalidates) {
@@ -1341,7 +1370,7 @@ function createAction(serverFn, options) {
     } catch (err) {
       if (options?.onError) {
         try {
-          chunkTSQ7AKFT_cjs.batch(() => options.onError(err, ...args));
+          chunkYSKF3VRA_cjs.batch(() => options.onError(err, ...args));
         } catch {
         }
       }
@@ -1509,91 +1538,87 @@ async function renderIsland(slotsJson, islandId) {
 
 Object.defineProperty(exports, "Fragment", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.Fragment; }
+  get: function () { return chunkYSKF3VRA_cjs.Fragment; }
 });
 Object.defineProperty(exports, "batch", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.batch; }
+  get: function () { return chunkYSKF3VRA_cjs.batch; }
 });
 Object.defineProperty(exports, "cleanup", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.cleanup; }
+  get: function () { return chunkYSKF3VRA_cjs.cleanup; }
 });
 Object.defineProperty(exports, "createEffect", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.createEffect; }
+  get: function () { return chunkYSKF3VRA_cjs.createEffect; }
 });
 Object.defineProperty(exports, "createList", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.createList; }
+  get: function () { return chunkYSKF3VRA_cjs.createList; }
 });
 Object.defineProperty(exports, "createMemo", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.createMemo; }
+  get: function () { return chunkYSKF3VRA_cjs.createMemo; }
 });
 Object.defineProperty(exports, "createReducer", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.createReducer; }
+  get: function () { return chunkYSKF3VRA_cjs.createReducer; }
 });
 Object.defineProperty(exports, "createRef", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.createRef; }
+  get: function () { return chunkYSKF3VRA_cjs.createRef; }
 });
 Object.defineProperty(exports, "createResource", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.createResource; }
+  get: function () { return chunkYSKF3VRA_cjs.createResource; }
 });
 Object.defineProperty(exports, "createRoot", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.createRoot; }
+  get: function () { return chunkYSKF3VRA_cjs.createRoot; }
 });
 Object.defineProperty(exports, "createShow", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.createShow; }
+  get: function () { return chunkYSKF3VRA_cjs.createShow; }
 });
 Object.defineProperty(exports, "fragment", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.fragment; }
+  get: function () { return chunkYSKF3VRA_cjs.fragment; }
 });
 Object.defineProperty(exports, "h", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.h; }
+  get: function () { return chunkYSKF3VRA_cjs.h; }
 });
 Object.defineProperty(exports, "hydrateIsland", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.hydrateIsland; }
-});
-Object.defineProperty(exports, "longestIncreasingSubsequence", {
-  enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.longestIncreasingSubsequence; }
+  get: function () { return chunkYSKF3VRA_cjs.hydrateIsland; }
 });
 Object.defineProperty(exports, "on", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.on; }
+  get: function () { return chunkYSKF3VRA_cjs.on; }
 });
 Object.defineProperty(exports, "onCleanup", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.onCleanup; }
+  get: function () { return chunkYSKF3VRA_cjs.onCleanup; }
 });
 Object.defineProperty(exports, "onError", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.onError; }
+  get: function () { return chunkYSKF3VRA_cjs.onError; }
 });
 Object.defineProperty(exports, "reconcileList", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.reconcileList; }
+  get: function () { return chunkYSKF3VRA_cjs.reconcileList; }
 });
 Object.defineProperty(exports, "untrack", {
   enumerable: true,
-  get: function () { return chunkTSQ7AKFT_cjs.untrack; }
+  get: function () { return chunkYSKF3VRA_cjs.untrack; }
 });
 Object.defineProperty(exports, "createComputed", {
   enumerable: true,
-  get: function () { return chunkFPSLC62A_cjs.createComputed; }
+  get: function () { return chunkKH3F5NRU_cjs.createComputed; }
 });
 Object.defineProperty(exports, "createSignal", {
   enumerable: true,
-  get: function () { return chunkFPSLC62A_cjs.createSignal; }
+  get: function () { return chunkKH3F5NRU_cjs.createSignal; }
 });
 exports.$ = $;
 exports.$$ = $$;
@@ -1620,6 +1645,8 @@ exports.createSuspense = createSuspense;
 exports.createSwitch = createSwitch;
 exports.createText = createText;
 exports.createWebSocket = createWebSocket;
+exports.deactivateAllIslands = deactivateAllIslands;
+exports.deactivateIsland = deactivateIsland;
 exports.defineComponent = defineComponent;
 exports.delegate = delegate;
 exports.disposeComponent = disposeComponent;