react-state-basis 0.3.1 → 0.3.2

package/dist/index.js

@@ -31,64 +31,33 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   BasisProvider: () => BasisProvider,
-  Children: () => Children2,
-  Component: () => Component2,
-  Fragment: () => Fragment2,
-  Profiler: () => Profiler2,
-  PureComponent: () => PureComponent2,
-  React: () => ReactNamespace,
-  StrictMode: () => StrictMode2,
-  Suspense: () => Suspense2,
-  __testEngine__: () => __testEngine__,
-  __test__: () => __test__,
   basis: () => basis,
-  beginEffectTracking: () => beginEffectTracking,
-  cloneElement: () => cloneElement2,
-  config: () => config,
   configureBasis: () => configureBasis,
-  createContext: () => createContext2,
-  createElement: () => createElement2,
-  createPortal: () => createPortal,
-  createRef: () => createRef2,
-  currentTickBatch: () => currentTickBatch,
-  default: () => index_default,
-  endEffectTracking: () => endEffectTracking,
-  flushSync: () => flushSync,
-  forwardRef: () => forwardRef2,
-  history: () => history,
-  isValidElement: () => isValidElement2,
-  lazy: () => lazy2,
-  memo: () => memo2,
   printBasisHealthReport: () => printBasisHealthReport,
-  recordUpdate: () => recordUpdate,
-  registerVariable: () => registerVariable,
-  startTransition: () => startTransition2,
-  unregisterVariable: () => unregisterVariable,
-  unstable_batchedUpdates: () => unstable_batchedUpdates,
   use: () => use,
   useActionState: () => useActionState2,
   useBasisConfig: () => useBasisConfig,
   useCallback: () => useCallback,
-  useContext: () => useContext2,
   useDebugValue: () => useDebugValue2,
   useDeferredValue: () => useDeferredValue,
-  useEffect: () => useEffect2,
+  useEffect: () => useEffect,
   useId: () => useId2,
   useImperativeHandle: () => useImperativeHandle2,
   useInsertionEffect: () => useInsertionEffect2,
-  useLayoutEffect: () => useLayoutEffect2,
+  useLayoutEffect: () => useLayoutEffect,
   useMemo: () => useMemo,
   useOptimistic: () => useOptimistic2,
   useReducer: () => useReducer,
-  useRef: () => useRef2,
-  useState: () => useState2,
+  useRef: () => useRef,
+  useState: () => useState,
   useSyncExternalStore: () => useSyncExternalStore,
-  useTransition: () => useTransition,
-  version: () => version2
+  useTransition: () => useTransition
 });
 module.exports = __toCommonJS(index_exports);
-var ReactNamespace = __toESM(require("react"));
-var ReactDOMNamespace = __toESM(require("react-dom"));
+
+// src/hooks.ts
+var React = __toESM(require("react"));
+var import_react = require("react");
 
 // src/core/logger.ts
 var isWeb = typeof window !== "undefined" && typeof window.document !== "undefined";
@@ -429,11 +398,134 @@ var __testEngine__ = {
   endEffectTracking
 };
 
+// src/hooks.ts
+function useState(initialState, label) {
+  const [val, setVal] = (0, import_react.useState)(initialState);
+  const effectiveLabel = label || "anonymous_state";
+  (0, import_react.useEffect)(() => {
+    registerVariable(effectiveLabel);
+    return () => unregisterVariable(effectiveLabel);
+  }, [effectiveLabel]);
+  const setter = (0, import_react.useCallback)((newValue) => {
+    if (recordUpdate(effectiveLabel)) setVal(newValue);
+  }, [effectiveLabel, setVal]);
+  return [val, setter];
+}
+function useRef(initialValue, _label) {
+  return (0, import_react.useRef)(initialValue);
+}
+function useReducer(reducer, initialArg, init, label) {
+  const effectiveLabel = typeof init === "string" ? init : label || "anonymous_reducer";
+  const reactInit = typeof init === "function" ? init : void 0;
+  const [state, dispatch] = (0, import_react.useReducer)(reducer, initialArg, reactInit);
+  (0, import_react.useEffect)(() => {
+    registerVariable(effectiveLabel);
+    return () => unregisterVariable(effectiveLabel);
+  }, [effectiveLabel]);
+  const basisDispatch = (0, import_react.useCallback)((action) => {
+    if (recordUpdate(effectiveLabel)) dispatch(action);
+  }, [effectiveLabel, dispatch]);
+  return [state, basisDispatch];
+}
+function useMemo(factory, deps, label) {
+  const effectiveLabel = label || "anonymous_projection";
+  (0, import_react.useEffect)(() => {
+    if (config.debug) console.log(`%c [Basis] Valid Projection: "${effectiveLabel}" `, "color: #2ecc71; font-weight: bold;");
+  }, [effectiveLabel]);
+  return (0, import_react.useMemo)(factory, deps || []);
+}
+function useCallback(callback, deps, label) {
+  const effectiveLabel = label || "anonymous_callback";
+  (0, import_react.useEffect)(() => {
+    if (config.debug) console.log(`%c [Basis] Stable Callback: "${effectiveLabel}" `, "color: #2ecc71; font-weight: bold;");
+  }, [effectiveLabel]);
+  return (0, import_react.useCallback)(callback, deps);
+}
+function useEffect(effect, deps, label) {
+  const effectiveLabel = label || "anonymous_effect";
+  (0, import_react.useEffect)(() => {
+    beginEffectTracking(effectiveLabel);
+    const cleanup = effect();
+    endEffectTracking();
+    return cleanup;
+  }, deps);
+}
+function useLayoutEffect(effect, deps, label) {
+  const effectiveLabel = label || "anonymous_layout_effect";
+  (0, import_react.useLayoutEffect)(() => {
+    beginEffectTracking(effectiveLabel);
+    const cleanup = effect();
+    endEffectTracking();
+    return cleanup;
+  }, deps);
+}
+function useTransition(_label) {
+  const [isPending, startTransition] = (0, import_react.useTransition)();
+  const effectiveLabel = _label || "anonymous_transition";
+  const basisStartTransition = (callback) => {
+    if (config.debug) console.log(`%c [Basis] Transition Started: "${effectiveLabel}" `, "color: #e67e22; font-weight: bold;");
+    startTransition(callback);
+  };
+  return [isPending, basisStartTransition];
+}
+function useDeferredValue(value, initialValueOrLabel, label) {
+  const isLabelAsSecondArg = typeof initialValueOrLabel === "string" && label === void 0;
+  const actualInitialValue = isLabelAsSecondArg ? void 0 : initialValueOrLabel;
+  const effectiveLabel = isLabelAsSecondArg ? initialValueOrLabel : label || "anonymous_deferred";
+  const deferredValue = (0, import_react.useDeferredValue)(value, actualInitialValue);
+  (0, import_react.useEffect)(() => {
+    if (config.debug && value !== deferredValue) console.log(`%c [Basis] Value Deferred: "${effectiveLabel}" `, "color: #e67e22; font-weight: bold;");
+  }, [value, deferredValue, effectiveLabel]);
+  return deferredValue;
+}
+var useId2 = (label) => React.useId();
+var useDebugValue2 = React.useDebugValue;
+var useImperativeHandle2 = React.useImperativeHandle;
+var useInsertionEffect2 = React.useInsertionEffect;
+var useSyncExternalStore = import_react.useSyncExternalStore;
+function use(usable) {
+  return (0, import_react.use)(usable);
+}
+function useOptimistic2(passthrough, reducer, label) {
+  const effectiveLabel = label || "anonymous_optimistic";
+  (0, import_react.useEffect)(() => {
+    registerVariable(effectiveLabel);
+    return () => unregisterVariable(effectiveLabel);
+  }, [effectiveLabel]);
+  const [state, reactAddOptimistic] = React.useOptimistic(passthrough, reducer);
+  const addOptimistic = (0, import_react.useCallback)((payload) => {
+    if (recordUpdate(effectiveLabel)) {
+      reactAddOptimistic(payload);
+    }
+  }, [effectiveLabel, reactAddOptimistic]);
+  return [state, addOptimistic];
+}
+function useActionState2(action, initialState, permalink, label) {
+  const isLabelAsThirdArg = typeof permalink === "string" && label === void 0;
+  const actualPermalink = isLabelAsThirdArg ? void 0 : permalink;
+  const effectiveLabel = isLabelAsThirdArg ? permalink : label || "anonymous_action_state";
+  const [state, reactDispatch, isPending] = React.useActionState(
+    action,
+    initialState,
+    actualPermalink
+  );
+  (0, import_react.useEffect)(() => {
+    registerVariable(effectiveLabel);
+    return () => unregisterVariable(effectiveLabel);
+  }, [effectiveLabel]);
+  const basisDispatch = (0, import_react.useCallback)((payload) => {
+    if (recordUpdate(effectiveLabel)) {
+      reactDispatch(payload);
+    }
+  }, [effectiveLabel, reactDispatch]);
+  return [state, basisDispatch, isPending];
+}
+
 // src/context.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/ui/BasisHUD.tsx
-var import_react = require("react");
+var import_react2 = require("react");
 
 // src/ui/config.ts
 var HUD_DIMENSIONS = {
@@ -475,9 +567,9 @@ var getHUDContainerStyle = (isExpanded) => ({
 // src/ui/BasisHUD.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var BasisHUD = () => {
-  const [isExpanded, setIsExpanded] = (0, import_react.useState)(false);
-  const canvasRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
+  const [isExpanded, setIsExpanded] = (0, import_react2.useState)(false);
+  const canvasRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
     if (!isExpanded) return;
     let animationFrame;
     const draw = () => {
@@ -583,10 +675,10 @@ var HUDFooter = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { styl
 
 // src/context.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var BasisContext = (0, import_react2.createContext)({ debug: false });
+var BasisContext = (0, import_react3.createContext)({ debug: false });
 var isWeb2 = typeof window !== "undefined" && typeof window.document !== "undefined";
 var BasisProvider = ({ children, debug = true }) => {
-  (0, import_react2.useLayoutEffect)(() => {
+  (0, import_react3.useLayoutEffect)(() => {
     configureBasis({ debug });
     if (isWeb2) {
       window._basis_debug = debug;
@@ -597,227 +689,31 @@ var BasisProvider = ({ children, debug = true }) => {
     debug && isWeb2 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BasisHUD, {})
   ] });
 };
-var useBasisConfig = () => (0, import_react2.useContext)(BasisContext);
-
-// src/hooks.ts
-var React3 = __toESM(require("react"));
-var import_react3 = require("react");
-function useState2(initialState, label) {
-  const [val, setVal] = (0, import_react3.useState)(initialState);
-  const effectiveLabel = label || "anonymous_state";
-  (0, import_react3.useEffect)(() => {
-    registerVariable(effectiveLabel);
-    return () => unregisterVariable(effectiveLabel);
-  }, [effectiveLabel]);
-  const setter = (0, import_react3.useCallback)((newValue) => {
-    if (recordUpdate(effectiveLabel)) setVal(newValue);
-  }, [effectiveLabel, setVal]);
-  return [val, setter];
-}
-function useRef2(initialValue, _label) {
-  return (0, import_react3.useRef)(initialValue);
-}
-function useReducer(reducer, initialArg, init, label) {
-  const effectiveLabel = typeof init === "string" ? init : label || "anonymous_reducer";
-  const reactInit = typeof init === "function" ? init : void 0;
-  const [state, dispatch] = (0, import_react3.useReducer)(reducer, initialArg, reactInit);
-  (0, import_react3.useEffect)(() => {
-    registerVariable(effectiveLabel);
-    return () => unregisterVariable(effectiveLabel);
-  }, [effectiveLabel]);
-  const basisDispatch = (0, import_react3.useCallback)((action) => {
-    if (recordUpdate(effectiveLabel)) dispatch(action);
-  }, [effectiveLabel, dispatch]);
-  return [state, basisDispatch];
-}
-function useMemo(factory, deps, label) {
-  const effectiveLabel = label || "anonymous_projection";
-  (0, import_react3.useEffect)(() => {
-    if (config.debug) console.log(`%c [Basis] Valid Projection: "${effectiveLabel}" `, "color: #2ecc71; font-weight: bold;");
-  }, [effectiveLabel]);
-  return (0, import_react3.useMemo)(factory, deps || []);
-}
-function useCallback(callback, deps, label) {
-  const effectiveLabel = label || "anonymous_callback";
-  (0, import_react3.useEffect)(() => {
-    if (config.debug) console.log(`%c [Basis] Stable Callback: "${effectiveLabel}" `, "color: #2ecc71; font-weight: bold;");
-  }, [effectiveLabel]);
-  return (0, import_react3.useCallback)(callback, deps);
-}
-function useEffect2(effect, deps, label) {
-  const effectiveLabel = label || "anonymous_effect";
-  (0, import_react3.useEffect)(() => {
-    beginEffectTracking(effectiveLabel);
-    const cleanup = effect();
-    endEffectTracking();
-    return cleanup;
-  }, deps);
-}
-function useLayoutEffect2(effect, deps, label) {
-  const effectiveLabel = label || "anonymous_layout_effect";
-  (0, import_react3.useLayoutEffect)(() => {
-    beginEffectTracking(effectiveLabel);
-    const cleanup = effect();
-    endEffectTracking();
-    return cleanup;
-  }, deps);
-}
-function useTransition(_label) {
-  const [isPending, startTransition3] = (0, import_react3.useTransition)();
-  const effectiveLabel = _label || "anonymous_transition";
-  const basisStartTransition = (callback) => {
-    if (config.debug) console.log(`%c [Basis] Transition Started: "${effectiveLabel}" `, "color: #e67e22; font-weight: bold;");
-    startTransition3(callback);
-  };
-  return [isPending, basisStartTransition];
-}
-function useDeferredValue(value, initialValueOrLabel, label) {
-  const isLabelAsSecondArg = typeof initialValueOrLabel === "string" && label === void 0;
-  const actualInitialValue = isLabelAsSecondArg ? void 0 : initialValueOrLabel;
-  const effectiveLabel = isLabelAsSecondArg ? initialValueOrLabel : label || "anonymous_deferred";
-  const deferredValue = (0, import_react3.useDeferredValue)(value, actualInitialValue);
-  (0, import_react3.useEffect)(() => {
-    if (config.debug && value !== deferredValue) console.log(`%c [Basis] Value Deferred: "${effectiveLabel}" `, "color: #e67e22; font-weight: bold;");
-  }, [value, deferredValue, effectiveLabel]);
-  return deferredValue;
-}
-function createContext2(defaultValue, label) {
-  const context = (0, import_react3.createContext)(defaultValue);
-  if (label) context._basis_label = label;
-  return context;
-}
-var useContext2 = import_react3.useContext;
-var useId2 = (label) => React3.useId();
-var useDebugValue2 = React3.useDebugValue;
-var useImperativeHandle2 = React3.useImperativeHandle;
-var useInsertionEffect2 = React3.useInsertionEffect;
-var useSyncExternalStore = import_react3.useSyncExternalStore;
-function use(usable) {
-  return (0, import_react3.use)(usable);
-}
-function useOptimistic2(passthrough, reducer, label) {
-  const effectiveLabel = label || "anonymous_optimistic";
-  (0, import_react3.useEffect)(() => {
-    registerVariable(effectiveLabel);
-    return () => unregisterVariable(effectiveLabel);
-  }, [effectiveLabel]);
-  const [state, reactAddOptimistic] = React3.useOptimistic(passthrough, reducer);
-  const addOptimistic = (0, import_react3.useCallback)((payload) => {
-    if (recordUpdate(effectiveLabel)) {
-      reactAddOptimistic(payload);
-    }
-  }, [effectiveLabel, reactAddOptimistic]);
-  return [state, addOptimistic];
-}
-function useActionState2(action, initialState, permalink, label) {
-  const isLabelAsThirdArg = typeof permalink === "string" && label === void 0;
-  const actualPermalink = isLabelAsThirdArg ? void 0 : permalink;
-  const effectiveLabel = isLabelAsThirdArg ? permalink : label || "anonymous_action_state";
-  const [state, reactDispatch, isPending] = React3.useActionState(
-    action,
-    initialState,
-    actualPermalink
-  );
-  (0, import_react3.useEffect)(() => {
-    registerVariable(effectiveLabel);
-    return () => unregisterVariable(effectiveLabel);
-  }, [effectiveLabel]);
-  const basisDispatch = (0, import_react3.useCallback)((payload) => {
-    if (recordUpdate(effectiveLabel)) {
-      reactDispatch(payload);
-    }
-  }, [effectiveLabel, reactDispatch]);
-  return [state, basisDispatch, isPending];
-}
-var __test__ = { registerVariable, unregisterVariable, recordUpdate, beginEffectTracking, endEffectTracking, history, currentTickBatch };
+var useBasisConfig = () => (0, import_react3.useContext)(BasisContext);
 
 // src/vite-plugin.ts
 function basis() {
   return {
     name: "vite-plugin-react-state-basis",
-    enforce: "pre",
-    resolveId(source, importer) {
-      if (source === "react" || source === "react-dom" || source === "react-dom/client") {
-        const isLibraryCore = importer && ((importer.includes("react-state-basis/src") || importer.includes("react-state-basis/dist")) && !importer.includes("react-state-basis/example"));
-        const isYalc = importer && importer.includes(".yalc");
-        if (isLibraryCore || isYalc) {
-          return null;
+    config() {
+      return {
+        optimizeDeps: {
+          exclude: ["react-state-basis"]
         }
-        const mapping = {
-          "react": "react-state-basis",
-          "react-dom": "react-state-basis",
-          "react-dom/client": "react-state-basis/client"
-        };
-        return this.resolve(mapping[source], importer, { skipSelf: true });
-      }
-      return null;
+      };
     }
   };
 }
-
-// src/index.ts
-var Children2 = ReactNamespace.Children;
-var Component2 = ReactNamespace.Component;
-var Fragment2 = ReactNamespace.Fragment;
-var Profiler2 = ReactNamespace.Profiler;
-var PureComponent2 = ReactNamespace.PureComponent;
-var StrictMode2 = ReactNamespace.StrictMode;
-var Suspense2 = ReactNamespace.Suspense;
-var cloneElement2 = ReactNamespace.cloneElement;
-var createElement2 = ReactNamespace.createElement;
-var createRef2 = ReactNamespace.createRef;
-var forwardRef2 = ReactNamespace.forwardRef;
-var isValidElement2 = ReactNamespace.isValidElement;
-var lazy2 = ReactNamespace.lazy;
-var memo2 = ReactNamespace.memo;
-var startTransition2 = ReactNamespace.startTransition;
-var version2 = ReactNamespace.version;
-var RD = ReactDOMNamespace;
-var createPortal = RD.createPortal;
-var flushSync = RD.flushSync;
-var unstable_batchedUpdates = RD.unstable_batchedUpdates;
-var index_default = ReactNamespace;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BasisProvider,
-  Children,
-  Component,
-  Fragment,
-  Profiler,
-  PureComponent,
-  React,
-  StrictMode,
-  Suspense,
-  __testEngine__,
-  __test__,
   basis,
-  beginEffectTracking,
-  cloneElement,
-  config,
   configureBasis,
-  createContext,
-  createElement,
-  createPortal,
-  createRef,
-  currentTickBatch,
-  endEffectTracking,
-  flushSync,
-  forwardRef,
-  history,
-  isValidElement,
-  lazy,
-  memo,
   printBasisHealthReport,
-  recordUpdate,
-  registerVariable,
-  startTransition,
-  unregisterVariable,
-  unstable_batchedUpdates,
   use,
   useActionState,
   useBasisConfig,
   useCallback,
-  useContext,
   useDebugValue,
   useDeferredValue,
   useEffect,
@@ -831,7 +727,6 @@ var index_default = ReactNamespace;
   useRef,
   useState,
   useSyncExternalStore,
-  useTransition,
-  version
+  useTransition
 });
 //# sourceMappingURL=index.js.map