@hansenexus/hud 0.1.0 → 0.2.0

package/state-boundary.d.mts

@@ -1,25 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { ForcedState } from './core/force-state.mjs';
-
-interface StateBoundaryProps {
-    /** Stable, page-unique id; the HUD force-state panel lists boundaries by it. */
-    id: string;
-    /** Renders the boundary; `forced` is the state to show instead of the real one, or null. */
-    children: (forced: ForcedState | null) => ReactNode;
-}
-/**
- * Registers a loading/empty/error boundary with the HUD force-state panel and
- * `?__state=`. Wrap the part of a page that branches on a query result:
- *
- * ```tsx
- * <StateBoundary id="blog-post">
- *   {(forced) => forced === "loading" || post === undefined ? <Skeleton /> : …}
- * </StateBoundary>
- * ```
- *
- * In production it renders `children(null)` and nothing else.
- */
-declare function StateBoundary({ id, children }: StateBoundaryProps): string | number | bigint | boolean | react.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
-
-export { StateBoundary, type StateBoundaryProps };

package/state-boundary.js

@@ -1,54 +0,0 @@
-import {
-  getForceStateStore,
-  resolveForcedState
-} from "./chunk-c5y856ad.js";
-import"./chunk-5gtx3pza.js";
-
-// state-boundary.tsx
-import { createContext, useContext, useEffect, useSyncExternalStore } from "react";
-import { jsx } from "react/jsx-runtime";
-"use client";
-var FORCE_STATE_ENABLED = false;
-function StateBoundary({ id, children }) {
-  if (!FORCE_STATE_ENABLED)
-    return children(null);
-  return /* @__PURE__ */ jsx(DevStateBoundary, {
-    id,
-    children
-  });
-}
-var ParentBoundary = /* @__PURE__ */ createContext(null);
-var SERVER_SNAPSHOT = { boundaries: [], overrides: {}, param: null };
-function subscribe(listener) {
-  const store = getForceStateStore();
-  const onPopState = () => store.syncSearch(window.location.search);
-  window.addEventListener("popstate", onPopState);
-  const unsubscribe = store.subscribe(listener);
-  return () => {
-    window.removeEventListener("popstate", onPopState);
-    unsubscribe();
-  };
-}
-function getSnapshot() {
-  return getForceStateStore().getSnapshot();
-}
-function getServerSnapshot() {
-  return SERVER_SNAPSHOT;
-}
-function DevStateBoundary({ id, children }) {
-  const parentId = useContext(ParentBoundary);
-  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-  useEffect(() => {
-    const store = getForceStateStore();
-    store.syncSearch(window.location.search);
-    return store.register(id, parentId);
-  }, [id, parentId]);
-  const forced = resolveForcedState(snapshot, { id, parentId });
-  return /* @__PURE__ */ jsx(ParentBoundary.Provider, {
-    value: id,
-    children: children(forced)
-  });
-}
-export {
-  StateBoundary
-};