@epoch32/visage 1.1.2 → 1.1.4

package/dist/index-a4xns6cc.js

@@ -0,0 +1,219 @@
+import {
+  resolveValue2,
+  insertChild2,
+  Scope2,
+  onCleanup2,
+  runInScope2,
+  getActiveScope2,
+  createContext2,
+  useContext2,
+  effect2,
+  signal2
+} from "./index-6kfe1nr4.js";
+
+// src/dom/resource.ts
+var SuspenseContext2 = createContext2(null);
+function createResource2(sourceOrFetcher, maybeFetcher) {
+  const isDirect = typeof maybeFetcher !== "function";
+  const fetcher = isDirect ? sourceOrFetcher : maybeFetcher;
+  const source = isDirect ? null : sourceOrFetcher;
+  const data = signal2(undefined);
+  const loading = signal2(true);
+  const error = signal2(null);
+  let currentPromise = null;
+  let requestId = 0;
+  const load = async (arg) => {
+    const currentReq = ++requestId;
+    loading.set(true);
+    error.set(null);
+    const promise = isDirect ? fetcher() : fetcher(arg);
+    currentPromise = promise;
+    const suspense = useContext2(SuspenseContext2);
+    if (suspense) {
+      suspense.registerPromise(promise);
+    }
+    try {
+      const res = await promise;
+      if (currentReq === requestId) {
+        data.set(res);
+        loading.set(false);
+        currentPromise = null;
+      }
+      return res;
+    } catch (err) {
+      if (currentReq === requestId) {
+        error.set(err);
+        loading.set(false);
+        currentPromise = null;
+      }
+      throw err;
+    }
+  };
+  if (source) {
+    effect2(() => {
+      const sourceVal = resolveValue2(source);
+      if (sourceVal !== false && sourceVal !== null && sourceVal !== undefined) {
+        load(sourceVal).catch(() => {});
+      }
+    });
+  } else {
+    load().catch(() => {});
+  }
+  const accessor = () => {
+    if (loading() && currentPromise) {
+      const suspense = useContext2(SuspenseContext2);
+      if (suspense) {
+        suspense.registerPromise(currentPromise);
+      }
+    }
+    return data();
+  };
+  Object.defineProperties(accessor, {
+    loading: { get: () => loading },
+    error: { get: () => error },
+    mutate: { value: (val) => data.set(val) },
+    refetch: { value: () => source ? load(resolveValue2(source)) : load() }
+  });
+  return accessor;
+}
+// src/dom/async.ts
+function Suspense2(props) {
+  if (typeof document === "undefined") {
+    return typeof props.children === "function" ? props.children() : props.children;
+  }
+  const marker = document.createTextNode("");
+  const initialFrag = document.createDocumentFragment();
+  const pendingCount = signal2(0);
+  let currentScope = null;
+  let currentNodes = [];
+  let isMounted = false;
+  const suspenseValue = {
+    registerPromise(p) {
+      pendingCount.update((c) => c + 1);
+      p.finally(() => {
+        pendingCount.update((c) => Math.max(0, c - 1));
+      });
+    }
+  };
+  const renderContent = (content) => {
+    const parent = marker.parentNode ?? (!isMounted ? initialFrag : null);
+    if (!parent)
+      return;
+    for (const n of currentNodes) {
+      if (n.parentNode)
+        n.parentNode.removeChild(n);
+    }
+    currentNodes = [];
+    const frag = document.createDocumentFragment();
+    insertChild2(frag, content);
+    currentNodes = Array.from(frag.childNodes);
+    if (marker.parentNode) {
+      marker.parentNode.insertBefore(frag, marker);
+    } else if (!isMounted) {
+      initialFrag.appendChild(frag);
+    }
+  };
+  effect2(() => {
+    if (currentScope) {
+      currentScope.dispose();
+      currentScope = null;
+    }
+    currentScope = new Scope2(getActiveScope2());
+    runInScope2(currentScope, () => {
+      let threwPromise = null;
+      let rendered = null;
+      try {
+        const SuspenseProvider = SuspenseContext2.Provider;
+        rendered = SuspenseProvider({
+          value: suspenseValue,
+          children: props.children
+        });
+      } catch (err) {
+        if (err && typeof err.then === "function") {
+          threwPromise = err;
+          suspenseValue.registerPromise(err);
+        } else {
+          throw err;
+        }
+      }
+      if (pendingCount() > 0 || threwPromise) {
+        renderContent(props.fallback);
+      } else {
+        renderContent(rendered);
+      }
+    });
+  });
+  isMounted = true;
+  initialFrag.appendChild(marker);
+  onCleanup2(() => {
+    if (currentScope)
+      currentScope.dispose();
+  });
+  return initialFrag;
+}
+function ErrorBoundary2(props) {
+  if (typeof document === "undefined") {
+    try {
+      return typeof props.children === "function" ? props.children() : props.children;
+    } catch (err) {
+      return typeof props.fallback === "function" ? props.fallback(err, () => {}) : props.fallback;
+    }
+  }
+  const marker = document.createTextNode("");
+  const initialFrag = document.createDocumentFragment();
+  const currentError = signal2(null);
+  let currentScope = null;
+  let currentNodes = [];
+  let isMounted = false;
+  const reset = () => {
+    currentError.set(null);
+  };
+  const renderNodes = (child) => {
+    const parent = marker.parentNode ?? (!isMounted ? initialFrag : null);
+    if (!parent)
+      return;
+    for (const n of currentNodes) {
+      if (n.parentNode)
+        n.parentNode.removeChild(n);
+    }
+    currentNodes = [];
+    const frag = document.createDocumentFragment();
+    insertChild2(frag, child);
+    currentNodes = Array.from(frag.childNodes);
+    if (marker.parentNode) {
+      marker.parentNode.insertBefore(frag, marker);
+    } else if (!isMounted) {
+      initialFrag.appendChild(frag);
+    }
+  };
+  effect2(() => {
+    const err = currentError();
+    if (currentScope) {
+      currentScope.dispose();
+      currentScope = null;
+    }
+    currentScope = new Scope2(getActiveScope2());
+    runInScope2(currentScope, () => {
+      if (err !== null) {
+        const fallbackNode = typeof props.fallback === "function" ? props.fallback(err, reset) : props.fallback;
+        renderNodes(fallbackNode);
+      } else {
+        try {
+          const content = typeof props.children === "function" ? props.children() : props.children;
+          renderNodes(content);
+        } catch (catchedErr) {
+          currentError.set(catchedErr);
+        }
+      }
+    });
+  });
+  isMounted = true;
+  initialFrag.appendChild(marker);
+  onCleanup2(() => {
+    if (currentScope)
+      currentScope.dispose();
+  });
+  return initialFrag;
+}
+
+export { SuspenseContext2, createResource2, Suspense2, ErrorBoundary2 };