@warp-drive/react 5.8.0-alpha.37 → 5.8.0-alpha.40

package/dist/unpkg/dev/index.js

@@ -1,11 +1,11 @@
-import { R as ReactiveContext } from "./reactive-context-ClTRYXie.js";
-export { W as WatcherContext } from "./reactive-context-ClTRYXie.js";
+import { R as ReactiveContext } from "./reactive-context-CTtwoaBx.js";
+export { W as WatcherContext } from "./reactive-context-CTtwoaBx.js";
 import '@warp-drive/core';
 import { useMemo, createContext, use, useRef, useEffect } from 'react';
-import { macroCondition, getGlobalConfig } from '@embroider/macros';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
 import { DISPOSE, createRequestSubscription, signal } from '@warp-drive/core/store/-private';
 import '@warp-drive/core/request';
+var _jsxFileName$1 = "/home/runner/work/warp-drive/warp-drive/warp-drive-packages/react/src/-private/store-provider.tsx";
 const StoreContext = /*#__PURE__*/createContext(null);
 
 /**
@@ -13,11 +13,11 @@ const StoreContext = /*#__PURE__*/createContext(null);
  */
 function useStore() {
   const store = use(StoreContext);
-  macroCondition(getGlobalConfig().WarpDrive.env.DEBUG) ? (test => {
+  (test => {
     if (!test) {
       throw new Error("No Store provided via context. Please ensure you are using <StoreProvider> to provide a Store instance.");
     }
-  })(store) : {};
+  })(store);
   return store;
 }
 /**
@@ -25,10 +25,14 @@ function useStore() {
  */
 function StoreProvider($props) {
   const store = useMemo(() => "store" in $props ? $props.store : new $props.Store(), ["store" in $props ? $props.store : $props.Store]);
-  return /*#__PURE__*/jsx(StoreContext, {
+  return /*#__PURE__*/jsxDEV(StoreContext, {
     value: store,
     children: $props.children
-  });
+  }, void 0, false, {
+    fileName: _jsxFileName$1,
+    lineNumber: 34,
+    columnNumber: 10
+  }, this);
 }
 const deferred = /* @__PURE__ */new WeakMap();
 function deferDecorator(proto, prop, desc) {
@@ -80,6 +84,7 @@ function initializeDeferredDecorator(target, prop) {
     });
   }
 }
+var _jsxFileName = "/home/runner/work/warp-drive/warp-drive/warp-drive-packages/react/src/-private/request.tsx";
 const IdleBlockMissingError = new Error("No idle block provided for <Request> component, and no query or request was provided.");
 class ReactiveArgs {
   static {
@@ -106,9 +111,9 @@ class ReactiveArgs {
 const DefaultChrome = ({
   children
 }) => {
-  return /*#__PURE__*/jsx(Fragment, {
+  return /*#__PURE__*/jsxDEV(Fragment, {
     children: children
-  });
+  }, void 0, false);
 };
 function Throw({
   error
@@ -179,17 +184,25 @@ function Throw({
  * @category Components
  */
 function Request($props) {
-  return /*#__PURE__*/jsx(ReactiveContext, {
-    children: /*#__PURE__*/jsx(InternalRequest, {
+  return /*#__PURE__*/jsxDEV(ReactiveContext, {
+    children: /*#__PURE__*/jsxDEV(InternalRequest, {
       ...$props
-    })
-  });
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 172,
+      columnNumber: 7
+    }, this)
+  }, void 0, false, {
+    fileName: _jsxFileName,
+    lineNumber: 171,
+    columnNumber: 5
+  }, this);
 }
 function isStrictModeRender() {
   const count = useRef(0);
 
   // in debug we need to skip every second invocation
-  if (macroCondition(getGlobalConfig().WarpDrive.env.DEBUG)) {
+  {
     if (count.current++ % 2 === 1) {
       return true;
     }
@@ -228,7 +241,7 @@ function InternalRequest($props) {
     return sink.current ? initialized.current.dispose : undefined;
   };
   let maybeEffect = effect;
-  if (macroCondition(getGlobalConfig().WarpDrive.env.DEBUG)) {
+  {
     if (isStrict) {
       maybeEffect = () => {
         if (initialized.current) {
@@ -246,29 +259,65 @@ function InternalRequest($props) {
   useEffect(maybeEffect, [sink.current]);
   const state = $props.subscription ?? sink.current;
   const slots = $props.states;
-  return /*#__PURE__*/jsx(Chrome, {
+  return /*#__PURE__*/jsxDEV(Chrome, {
     state: state.isIdle ? null : state.reqState,
     features: state.contentFeatures,
     children:
     // prettier-ignore
-    state.isIdle && slots.idle ? /*#__PURE__*/jsx(slots.idle, {}) : state.isIdle ? /*#__PURE__*/jsx(Throw, {
+    state.isIdle && slots.idle ? /*#__PURE__*/jsxDEV(slots.idle, {}, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 256,
+      columnNumber: 38
+    }, this) : state.isIdle ? /*#__PURE__*/jsxDEV(Throw, {
       error: IdleBlockMissingError
-    }) : state.reqState.isLoading ? slots.loading ? /*#__PURE__*/jsx(slots.loading, {
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 257,
+      columnNumber: 28
+    }, this) : state.reqState.isLoading ? slots.loading ? /*#__PURE__*/jsxDEV(slots.loading, {
       state: state.reqState.loadingState
-    }) : '' : state.reqState.isCancelled && slots.cancelled ? /*#__PURE__*/jsx(slots.cancelled, {
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 258,
+      columnNumber: 56
+    }, this) : '' : state.reqState.isCancelled && slots.cancelled ? /*#__PURE__*/jsxDEV(slots.cancelled, {
       error: state.reqState.reason,
       features: state.errorFeatures
-    }) : state.reqState.isError && slots.error ? /*#__PURE__*/jsx(slots.error, {
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 259,
+      columnNumber: 61
+    }, this) : state.reqState.isError && slots.error ? /*#__PURE__*/jsxDEV(slots.error, {
       error: state.reqState.reason,
       features: state.errorFeatures
-    }) : state.reqState.isSuccess ? slots.content ? /*#__PURE__*/jsx(slots.content, {
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 260,
+      columnNumber: 53
+    }, this) : state.reqState.isSuccess ? slots.content ? /*#__PURE__*/jsxDEV(slots.content, {
       result: state.reqState.value,
       features: state.contentFeatures
-    }) : /*#__PURE__*/jsx(Throw, {
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 261,
+      columnNumber: 56
+    }, this) : /*#__PURE__*/jsxDEV(Throw, {
       error: new Error('No content block provided for <Request> component.')
-    }) : !state.reqState.isCancelled ? /*#__PURE__*/jsx(Throw, {
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 261,
+      columnNumber: 139
+    }, this) : !state.reqState.isCancelled ? /*#__PURE__*/jsxDEV(Throw, {
       error: state.reqState.reason
-    }) : '' // never
-  });
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 262,
+      columnNumber: 43
+    }, this) : '' // never
+  }, void 0, false, {
+    fileName: _jsxFileName,
+    lineNumber: 253,
+    columnNumber: 5
+  }, this);
 }
 export { ReactiveContext, Request, StoreProvider, Throw, useStore };

package/dist/unpkg/dev/install.js

@@ -1,8 +1,7 @@
 import { use } from 'react';
 import { Signal } from 'signal-polyfill';
 import { setupSignals } from '@warp-drive/core/configure';
-import { W as WatcherContext } from "./reactive-context-ClTRYXie.js";
-import { macroCondition, getGlobalConfig } from '@embroider/macros';
+import { g as getGlobalConfig, W as WatcherContext } from "./reactive-context-CTtwoaBx.js";
 
 /**
  * {@include ./install.md}
@@ -20,7 +19,7 @@ function tryConsumeContext(signal) {
     // eslint-disable-next-line no-console
     console.error = logError;
     watcher?.watcher.watch(signal);
-    if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+    {
       if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
         // eslint-disable-next-line no-console
         console.log(`[WarpDrive] Consumed Context Signal`, signal, watcher);
@@ -31,7 +30,7 @@ function tryConsumeContext(signal) {
     console.error = logError;
     // if we are not in a React context, we will Error
     // so we just ignore it.
-    if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+    {
       if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
         // eslint-disable-next-line no-console
         console.log(`[WarpDrive] No Context Available To Consume Signal`, signal);
@@ -41,7 +40,7 @@ function tryConsumeContext(signal) {
 }
 let pending;
 async function settled() {
-  if (macroCondition(getGlobalConfig().WarpDrive.env.TESTING)) {
+  {
     // in testing mode we provide a test waiter integration
     if (!pending || !pending.length) return;
     const current = pending ?? [];
@@ -55,14 +54,14 @@ async function settled() {
 }
 function buildSignalConfig(options) {
   return {
-    createSignal: (obj, key) => new Signal.State(macroCondition(getGlobalConfig().WarpDrive.env.DEBUG) ? {
+    createSignal: (obj, key) => new Signal.State({
       obj,
       key
-    } : null, {
+    }, {
       equals: () => false
     }),
     notifySignal: signal => {
-      if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+      {
         if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
           if (Signal.subtle.hasSinks(signal)) {
             // eslint-disable-next-line no-console
@@ -87,7 +86,7 @@ function buildSignalConfig(options) {
       };
     },
     waitFor: promise => {
-      if (macroCondition(getGlobalConfig().WarpDrive.env.TESTING)) {
+      {
         pending = pending || [];
         const newPromise = promise.finally(() => {
           pending = pending.filter(p => p !== newPromise);
@@ -95,7 +94,6 @@ function buildSignalConfig(options) {
         pending.push(newPromise);
         return newPromise;
       }
-      return promise;
     },
     willSyncFlushWatchers: () => false
   };

package/dist/unpkg/dev/reactive-context-CTtwoaBx.js

@@ -0,0 +1,290 @@
+import { Signal } from 'signal-polyfill';
+import { createContext, useMemo, useSyncExternalStore } from 'react';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+/*
+  These are the runtime implementations for the javascript macros that have
+  runtime implementations.
+
+  Not every macro has a runtime implementation, some only make sense in the
+  build and always run there.
+
+  Even when we have runtime implementations, we are still careful to emit static
+  errors during the build wherever possible, and runtime errors when necessary,
+  so that you're not surprised when you switch from runtime-mode to compile-time
+  mode.
+*/
+
+// This is here as a compile target for `getConfig` and `getOwnConfig` when
+// we're in runtime mode. This is not public API to call from your own code.
+function config(packageRoot) {
+  return runtimeConfig.packages[packageRoot];
+}
+function getGlobalConfig() {
+  return runtimeConfig.global;
+}
+const runtimeConfig = initializeRuntimeMacrosConfig();
+
+// this exists to be targeted by our babel plugin
+function initializeRuntimeMacrosConfig() {
+  return {
+    "packages": {},
+    "global": {
+      "@embroider/macros": {
+        "isTesting": false
+      },
+      "WarpDrive": {
+        "debug": {
+          "DEBUG_RELATIONSHIP_NOTIFICATIONS": false,
+          "LOG_CACHE": false,
+          "LOG_CACHE_POLICY": false,
+          "LOG_GRAPH": false,
+          "LOG_IDENTIFIERS": false,
+          "LOG_INSTANCE_CACHE": false,
+          "LOG_METRIC_COUNTS": false,
+          "LOG_MUTATIONS": false,
+          "LOG_NOTIFICATIONS": false,
+          "LOG_OPERATIONS": false,
+          "LOG_PAYLOADS": false,
+          "LOG_REACT_SIGNAL_INTEGRATION": false,
+          "LOG_REQUESTS": false,
+          "LOG_REQUEST_STATUS": false,
+          "__INTERNAL_LOG_NATIVE_MAP_SET_COUNTS": false
+        },
+        "polyfillUUID": false,
+        "includeDataAdapter": true,
+        "compatWith": "99.0",
+        "deprecations": {
+          "DEPRECATE_CATCH_ALL": false,
+          "DEPRECATE_COMPUTED_CHAINS": false,
+          "DEPRECATE_EMBER_INFLECTOR": false,
+          "DEPRECATE_LEGACY_IMPORTS": false,
+          "DEPRECATE_MANY_ARRAY_DUPLICATES": false,
+          "DEPRECATE_NON_STRICT_ID": false,
+          "DEPRECATE_NON_STRICT_TYPES": false,
+          "DEPRECATE_NON_UNIQUE_PAYLOADS": false,
+          "DEPRECATE_RELATIONSHIP_REMOTE_UPDATE_CLEARING_LOCAL_STATE": false,
+          "DEPRECATE_STORE_EXTENDS_EMBER_OBJECT": false,
+          "DEPRECATE_TRACKING_PACKAGE": false,
+          "DISABLE_7X_DEPRECATIONS": false,
+          "ENABLE_LEGACY_REQUEST_METHODS": false,
+          "ENABLE_LEGACY_SCHEMA_SERVICE": false
+        },
+        "features": {
+          "ENFORCE_STRICT_RESOURCE_FINALIZATION": false,
+          "JSON_API_CACHE_VALIDATION_ERRORS": false,
+          "SAMPLE_FEATURE_FLAG": null
+        },
+        "activeLogging": {
+          "DEBUG_RELATIONSHIP_NOTIFICATIONS": true,
+          "LOG_CACHE": true,
+          "LOG_CACHE_POLICY": true,
+          "LOG_GRAPH": true,
+          "LOG_IDENTIFIERS": true,
+          "LOG_INSTANCE_CACHE": true,
+          "LOG_METRIC_COUNTS": true,
+          "LOG_MUTATIONS": true,
+          "LOG_NOTIFICATIONS": true,
+          "LOG_OPERATIONS": true,
+          "LOG_PAYLOADS": true,
+          "LOG_REACT_SIGNAL_INTEGRATION": true,
+          "LOG_REQUESTS": true,
+          "LOG_REQUEST_STATUS": true,
+          "__INTERNAL_LOG_NATIVE_MAP_SET_COUNTS": true
+        },
+        "env": {
+          "TESTING": true,
+          "PRODUCTION": false,
+          "DEBUG": true,
+          "IS_RECORDING": false,
+          "IS_CI": true,
+          "SHOULD_RECORD": false
+        }
+      }
+    }
+  };
+}
+function updaterMethods() {
+  return {
+    config,
+    getGlobalConfig,
+    setConfig(packageRoot, value) {
+      runtimeConfig.packages[packageRoot] = value;
+    },
+    setGlobalConfig(key, value) {
+      runtimeConfig.global[key] = value;
+    }
+  };
+}
+
+// this is how runtime config can get injected at boot. I'm not sure yet if this
+// should be public API, but we certainly need it internally to set things like
+// the global fastboot.isRunning.
+//
+// consumers of this API push a function onto
+// window._embroider_macros_runtime_config. The function is given four methods
+// which allow it to read and write the per-package and global configs. The
+// reason for allowing both read & write is that merging strategies are up to
+// each consumers -- read first, then merge, then write.
+//
+// For an example user of this API, see where we generate
+// embroider_macros_fastboot_init.js' in @embroider/core.
+let updaters = typeof window !== 'undefined' ? window._embroider_macros_runtime_config : undefined;
+if (updaters) {
+  let methods = updaterMethods();
+  for (let updater of updaters) {
+    updater(methods);
+  }
+}
+var _jsxFileName = "/home/runner/work/warp-drive/warp-drive/warp-drive-packages/react/src/-private/reactive-context.tsx";
+let nextFlush = null;
+let watchers = [];
+let watcherId = 0;
+function clearWatcher(state) {
+  state.watcher.unwatch(...Signal.subtle.introspectSources(state.watcher));
+}
+function flush(state) {
+  state.pending = false;
+  if (state.destroyed) {
+    {
+      if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
+        console.log(`[WarpDrive] Detected Watcher Destroyed During Notify Flush, clearing signals`);
+      }
+    }
+    state.snapshot = null;
+    clearWatcher(state);
+    return;
+  }
+  {
+    if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
+      console.log(`[WarpDrive] Notifying React That WatcherContext:${state.watcherId} Has Updated`);
+      console.log("all signals", new Set(Signal.subtle.introspectSources(state.watcher)));
+      console.log("dirty signals", new Set(state.watcher.getPending()));
+    }
+  } // any time signals have changed, we notify React that our store has updated
+  state.snapshot = {
+    watcher: state.watcher
+  };
+  if (state.notifyReact) state.notifyReact();
+
+  // tell the Watcher to start watching for changes again
+  // by signaling that notifications have been flushed.
+  state.watcher.watch();
+}
+function _createWatcher() {
+  const id = watcherId++;
+  {
+    if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
+      console.log(`[WarpDrive] Creating a WatcherContext:${id}`);
+    }
+  }
+  const state = {
+    watcherId: id,
+    pending: false,
+    destroyed: false,
+    notifyReact: null,
+    watcher: null,
+    // the extra wrapper returned here ensures that the context value for the watcher
+    // changes causing a re-render when the watcher is updated.
+    snapshot: null
+  };
+  state.watcher = new Signal.subtle.Watcher((...args) => {
+    {
+      if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
+        console.log(`watcher ${state.watcherId} notified`, args, state.watcher);
+      }
+    }
+    if (!state.pending && !state.destroyed) {
+      watchers.push(state);
+      state.pending = true;
+      if (!nextFlush) {
+        nextFlush = new Promise(resolve => {
+          queueMicrotask(() => {
+            queueMicrotask(() => {
+              queueMicrotask(() => {
+                watchers.forEach(flush);
+                {
+                  if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
+                    console.log("Flushed watcher:", watchers.map(w => w.watcherId));
+                  }
+                }
+                watchers = [];
+                nextFlush = null;
+                resolve();
+              });
+            });
+          });
+        });
+      }
+    } else if (state.destroyed) {
+      {
+        if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
+          console.log(`[WarpDrive] Detected Watcher Destroyed During Notify, clearing signals`);
+        }
+      } // if we are destroyed, we clear the watcher signals
+      // so that it does not continue to watch for changes.
+      state.snapshot = null;
+      clearWatcher(state);
+    }
+  });
+
+  // The watcher won't begin watching until we call `watcher.watch()`
+  state.watcher.watch();
+  state.snapshot = {
+    watcher: state.watcher
+  };
+  return state;
+}
+function useWatcher() {
+  const state = useMemo(_createWatcher, []);
+  return useSyncExternalStore(notifyChanged => {
+    {
+      if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
+        console.log(`[WarpDrive] Subscribing to Watcher`);
+      }
+    }
+    state.destroyed = false;
+    state.notifyReact = notifyChanged;
+
+    // The watcher won't begin watching until we call `watcher.watch()`
+    state.watcher.watch();
+    return () => {
+      {
+        if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
+          console.log(`[WarpDrive] Deactivating Watcher Subscription`);
+        }
+      }
+      state.destroyed = true;
+      state.notifyReact = null;
+    };
+  }, () => state.snapshot);
+}
+
+/**
+ * @category Contexts
+ */
+const WatcherContext = /*#__PURE__*/createContext(null);
+
+/**
+ *
+ * @category Components
+ */
+function ReactiveContext({
+  children
+}) {
+  const watcher = useWatcher();
+  /**
+   * Unlike other frameworks, React does not have a built-in way to provide
+   * a context value other than by rendering an extra component.
+   *
+   */
+  return /*#__PURE__*/jsxDEV(WatcherContext, {
+    value: watcher,
+    children: children
+  }, void 0, false, {
+    fileName: _jsxFileName,
+    lineNumber: 159,
+    columnNumber: 10
+  }, this);
+}
+export { ReactiveContext as R, WatcherContext as W, getGlobalConfig as g };