@getforma/core 0.3.0 → 0.6.1

package/dist/index.js

@@ -1,7 +1,7 @@
-import { internalEffect, createRoot, hydrateIsland, untrack, createEffect, pushSuspenseContext, popSuspenseContext, batch } from './chunk-VKKPX4YU.js';
-export { Fragment, batch, cleanup, createEffect, createList, createMemo, createReducer, createRef, createResource, createRoot, createShow, fragment, h, hydrateIsland, longestIncreasingSubsequence, on, onCleanup, onError, reconcileList, untrack } from './chunk-VKKPX4YU.js';
-import { createSignal, createValueSignal } from './chunk-KX5WRZH7.js';
-export { createComputed, createSignal } from './chunk-KX5WRZH7.js';
+import { internalEffect, createRoot, hydrateIsland, untrack, createEffect, pushSuspenseContext, popSuspenseContext, __DEV__, reportError, batch } from './chunk-TKGUHASG.js';
+export { Fragment, batch, cleanup, createEffect, createList, createMemo, createReducer, createRef, createResource, createRoot, createShow, fragment, h, hydrateIsland, on, onCleanup, onError, reconcileList, untrack } from './chunk-TKGUHASG.js';
+import { createSignal } from './chunk-DPSAVBCP.js';
+export { createComputed, createSignal } from './chunk-DPSAVBCP.js';
 
 // src/dom/text.ts
 function createText(value) {
@@ -238,14 +238,11 @@ function activateIslands(registry2) {
     const componentName = root.getAttribute("data-forma-component");
     const hydrateFn = registry2[componentName];
     if (!hydrateFn) {
-      console.warn(`[forma] No hydrate function for island "${componentName}" (id=${id})`);
+      if (__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") {
-      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;
     createRoot((dispose) => {
-      activeRoot = hydrateIsland(() => hydrateFn(props), root);
+      activeRoot = hydrateIsland(() => hydrateFn(root, props), root);
       activeRoot.__formaDispose = dispose;
     });
     activeRoot.setAttribute("data-forma-status", "active");
   } catch (err) {
-    console.error(`[forma] Island "${componentName}" (id=${id}) failed:`, err);
+    if (__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) {
+          reportError(e, "onUnmount");
         }
       }
       for (const d of ctx.disposers) {
         try {
           d();
-        } catch {
+        } catch (e) {
+          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) {
+        reportError(e, "onMount");
       }
     }
     return dom;
@@ -616,9 +645,9 @@ function createHistory(source, options) {
   const maxLength = options?.maxLength ?? 100;
   let _stack = [sourceGet()];
   let _cursor = 0;
-  const [stackSignal, setStackSignal] = createValueSignal([..._stack]);
-  const [cursorSignal, setCursorSignal] = createValueSignal(_cursor);
-  const [stackLenSignal, setStackLenSignal] = createValueSignal(_stack.length);
+  const [stackSignal, setStackSignal] = createSignal([..._stack]);
+  const [cursorSignal, setCursorSignal] = createSignal(_cursor);
+  const [stackLenSignal, setStackLenSignal] = createSignal(_stack.length);
   function syncSignals() {
     batch(() => {
       setStackSignal([..._stack]);
@@ -685,11 +714,14 @@ function persist(source, key, options) {
   const storage = options?.storage ?? globalThis.localStorage;
   const serialize = options?.serialize ?? JSON.stringify;
   const deserialize = options?.deserialize ?? JSON.parse;
+  const validate = options?.validate;
   try {
     const stored = storage.getItem(key);
     if (stored !== null) {
       const value = deserialize(stored);
-      sourceSet(value);
+      if (!validate || validate(value)) {
+        sourceSet(value);
+      }
     }
   } catch {
   }
@@ -870,6 +902,9 @@ function setText(el, text) {
 function setHTML(el, html) {
   el.innerHTML = html;
 }
+function setHTMLUnsafe(el, html) {
+  el.innerHTML = html;
+}
 
 // src/dom-utils/traverse.ts
 function closest(el, selector) {
@@ -953,20 +988,26 @@ function onMutation(el, handler, options) {
 function createLocalStorage(key, options) {
   const serialize = options?.serialize ?? JSON.stringify;
   const deserialize = options?.deserialize ?? JSON.parse;
+  const validate = options?.validate;
   return {
     key,
     get() {
       try {
         const raw = localStorage.getItem(key);
         if (raw === null) return null;
-        return deserialize(raw);
+        const value = deserialize(raw);
+        if (validate && !validate(value)) return null;
+        return value;
       } catch {
         return null;
       }
     },
     set(value) {
-      const serialized = serialize(value);
-      localStorage.setItem(key, serialized);
+      try {
+        const serialized = serialize(value);
+        localStorage.setItem(key, serialized);
+      } catch {
+      }
     },
     remove() {
       localStorage.removeItem(key);
@@ -978,20 +1019,26 @@ function createLocalStorage(key, options) {
 function createSessionStorage(key, options) {
   const serialize = options?.serialize ?? JSON.stringify;
   const deserialize = options?.deserialize ?? JSON.parse;
+  const validate = options?.validate;
   return {
     key,
     get() {
       try {
         const raw = sessionStorage.getItem(key);
         if (raw === null) return null;
-        return deserialize(raw);
+        const value = deserialize(raw);
+        if (validate && !validate(value)) return null;
+        return value;
       } catch {
         return null;
       }
     },
     set(value) {
-      const serialized = serialize(value);
-      sessionStorage.setItem(key, serialized);
+      try {
+        const serialized = serialize(value);
+        sessionStorage.setItem(key, serialized);
+      } catch {
+      }
     },
     remove() {
       sessionStorage.removeItem(key);
@@ -1122,7 +1169,7 @@ function createFetch(url, options) {
       const transformed = transform ? transform(json) : json;
       setData(transformed);
     } catch (err) {
-      if (err?.name === "AbortError") {
+      if (err instanceof Error && err.name === "AbortError") {
         return;
       }
       setError(err instanceof Error ? err : new Error(String(err)));
@@ -1174,13 +1221,15 @@ function createSSE(url, options) {
     setConnected(true);
     setError(null);
   };
-  source.onmessage = (event) => {
+  const parseMessage = options?.parse ?? ((raw) => {
     try {
-      const parsed = JSON.parse(event.data);
-      setData(parsed);
+      return JSON.parse(raw);
     } catch {
-      setData(event.data);
+      return raw;
     }
+  });
+  source.onmessage = (event) => {
+    setData(parseMessage(event.data));
   };
   source.onerror = (event) => {
     setError(event);
@@ -1195,12 +1244,15 @@ function createSSE(url, options) {
       setConnected(false);
     },
     on(event, handler) {
-      const listener = (e) => {
+      const parseEvent = options?.parse ?? ((raw) => {
         try {
-          handler(JSON.parse(e.data));
+          return JSON.parse(raw);
         } catch {
-          handler(e.data);
+          return raw;
         }
+      });
+      const listener = (e) => {
+        handler(parseEvent(e.data));
       };
       source.addEventListener(event, listener);
       return () => {
@@ -1230,13 +1282,15 @@ function createWebSocket(url, options) {
       setStatus("open");
       reconnectCount = 0;
     };
-    socket.onmessage = (event) => {
-      let parsed;
+    const parseMessage = options?.parse ?? ((raw) => {
       try {
-        parsed = JSON.parse(event.data);
+        return JSON.parse(raw);
       } catch {
-        parsed = event.data;
+        return raw;
       }
+    });
+    socket.onmessage = (event) => {
+      const parsed = parseMessage(event.data);
       setData(parsed);
       for (const handler of handlers) {
         handler(parsed);
@@ -1290,8 +1344,8 @@ function createWebSocket(url, options) {
 
 // src/server/action.ts
 function createAction(serverFn, options) {
-  const [pending, setPending] = createValueSignal(false);
-  const [error, setError] = createValueSignal(void 0);
+  const [pending, setPending] = createSignal(false);
+  const [error, setError] = createSignal(void 0);
   const action = async (...args) => {
     setPending(true);
     setError(void 0);
@@ -1349,6 +1403,10 @@ function applyRevalidation(revalidateData) {
   }
 }
 function enableAutoRevalidation() {
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
   const handler = (event) => {
     const detail = event.detail;
     if (detail && typeof detail === "object") {
@@ -1417,9 +1475,10 @@ async function handleRPC(endpoint, body, revalidateData) {
     if (revalidateData) {
       return { data: result, __revalidate: revalidateData };
     }
-    return result;
+    return { data: result };
   } catch (err) {
-    const message = err instanceof Error ? err.message : String(err);
+    const isDev = typeof process !== "undefined" && process.env?.NODE_ENV === "development";
+    const message = isDev && err instanceof Error ? err.message : "Internal server error";
     return { error: message };
   }
 }
@@ -1477,6 +1536,6 @@ async function renderIsland(slotsJson, islandId) {
   return wasm.render_island(ir, slotsJson, islandId);
 }
 
-export { $, $$, $$serverFunction, activateIslands, addClass, applyRevalidation, children, closest, createAction, createBus, createContext, createErrorBoundary, createFetch, createHistory, createIndexedDB, createLocalStorage, createPortal, createRPCMiddleware, createSSE, createSessionStorage, createStore, createSuspense, createSwitch, createText, createWebSocket, defineComponent, delegate, disposeComponent, enableAutoRevalidation, fetchJSON, getRegisteredEndpoints, getServerFunction, handleRPC, inject, mount, nextSibling, onIntersect, onKey, onMount, onMutation, onResize, onUnmount, parent, persist, prevSibling, provide, registerResource, registerServerFunction, removeClass, renderIsland, renderLocal, setAttr, setHTML, setStyle, setText, siblings, toggleClass, trackDisposer, unprovide, unregisterResource, withRevalidation };
+export { $, $$, $$serverFunction, activateIslands, addClass, applyRevalidation, children, closest, createAction, createBus, createContext, createErrorBoundary, createFetch, createHistory, createIndexedDB, createLocalStorage, createPortal, createRPCMiddleware, createSSE, createSessionStorage, createStore, createSuspense, createSwitch, createText, createWebSocket, deactivateAllIslands, deactivateIsland, defineComponent, delegate, disposeComponent, enableAutoRevalidation, fetchJSON, getRegisteredEndpoints, getServerFunction, handleRPC, inject, mount, nextSibling, onIntersect, onKey, onMount, onMutation, onResize, onUnmount, parent, persist, prevSibling, provide, registerResource, registerServerFunction, removeClass, renderIsland, renderLocal, setAttr, setHTML, setHTMLUnsafe, setStyle, setText, siblings, toggleClass, trackDisposer, unprovide, unregisterResource, withRevalidation };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map