@legendapp/state 2.0.0-beta.7 → 2.0.0-beta.8

package/config/enableDirectAccess.js

@@ -3,15 +3,18 @@
 var state = require('@legendapp/state');
 
 function enableDirectAccess() {
+    const { observableFns, set } = state.internal;
     state.configureLegendState({
         observableProperties: {
             $: {
                 get(node) {
-                    state.updateTracking(node);
-                    return state.internal.peek(node);
+                    // Get it from the observableFns Map because another config function
+                    // might have overriden get
+                    const get = observableFns.get('get');
+                    return get(node);
                 },
                 set(node, value) {
-                    return state.internal.set(node, value);
+                    return set(node, value);
                 },
             },
         },

package/config/enableDirectAccess.js.map

@@ -1 +1 @@
-{"version":3,"file":"enableDirectAccess.js","sources":["../../../../src/config/enableDirectAccess.ts"],"sourcesContent":[null],"names":["configureLegendState","updateTracking","internal"],"mappings":";;;;SAEgB,kBAAkB,GAAA;AAC9B,IAAAA,0BAAoB,CAAC;AACjB,QAAA,oBAAoB,EAAE;AAClB,YAAA,CAAC,EAAE;AACC,gBAAA,GAAG,CAAC,IAAI,EAAA;oBACJC,oBAAc,CAAC,IAAI,CAAC,CAAC;AACrB,oBAAA,OAAOC,cAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC9B;gBACD,GAAG,CAAC,IAAI,EAAE,KAAK,EAAA;oBACX,OAAOA,cAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;iBACpC;AACJ,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}
+{"version":3,"file":"enableDirectAccess.js","sources":["../../../../src/config/enableDirectAccess.ts"],"sourcesContent":[null],"names":["internal","configureLegendState"],"mappings":";;;;SAEgB,kBAAkB,GAAA;AAC9B,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,GAAGA,cAAQ,CAAC;AACxC,IAAAC,0BAAoB,CAAC;AACjB,QAAA,oBAAoB,EAAE;AAClB,YAAA,CAAC,EAAE;AACC,gBAAA,GAAG,CAAC,IAAI,EAAA;;;oBAGJ,MAAM,GAAG,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAA6B,CAAC;AACjE,oBAAA,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC;iBACpB;gBACD,GAAG,CAAC,IAAI,EAAE,KAAK,EAAA;AACX,oBAAA,OAAO,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;iBAC3B;AACJ,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/config/enableDirectAccess.mjs

@@ -1,15 +1,18 @@
-import { configureLegendState, updateTracking, internal } from '@legendapp/state';
+import { configureLegendState, internal } from '@legendapp/state';
 
 function enableDirectAccess() {
+    const { observableFns, set } = internal;
     configureLegendState({
         observableProperties: {
             $: {
                 get(node) {
-                    updateTracking(node);
-                    return internal.peek(node);
+                    // Get it from the observableFns Map because another config function
+                    // might have overriden get
+                    const get = observableFns.get('get');
+                    return get(node);
                 },
                 set(node, value) {
-                    return internal.set(node, value);
+                    return set(node, value);
                 },
             },
         },

package/config/enableDirectAccess.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"enableDirectAccess.mjs","sources":["../../../../src/config/enableDirectAccess.ts"],"sourcesContent":[null],"names":[],"mappings":";;SAEgB,kBAAkB,GAAA;AAC9B,IAAA,oBAAoB,CAAC;AACjB,QAAA,oBAAoB,EAAE;AAClB,YAAA,CAAC,EAAE;AACC,gBAAA,GAAG,CAAC,IAAI,EAAA;oBACJ,cAAc,CAAC,IAAI,CAAC,CAAC;AACrB,oBAAA,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC9B;gBACD,GAAG,CAAC,IAAI,EAAE,KAAK,EAAA;oBACX,OAAO,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;iBACpC;AACJ,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}
+{"version":3,"file":"enableDirectAccess.mjs","sources":["../../../../src/config/enableDirectAccess.ts"],"sourcesContent":[null],"names":[],"mappings":";;SAEgB,kBAAkB,GAAA;AAC9B,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC;AACxC,IAAA,oBAAoB,CAAC;AACjB,QAAA,oBAAoB,EAAE;AAClB,YAAA,CAAC,EAAE;AACC,gBAAA,GAAG,CAAC,IAAI,EAAA;;;oBAGJ,MAAM,GAAG,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAA6B,CAAC;AACjE,oBAAA,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC;iBACpB;gBACD,GAAG,CAAC,IAAI,EAAE,KAAK,EAAA;AACX,oBAAA,OAAO,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;iBAC3B;AACJ,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/config/enableReactDirectRender.d.ts

@@ -0,0 +1,2 @@
+export declare const hasSymbol: false | ((key: string) => symbol);
+export declare function enableReactDirectRender(): void;

package/config/enableReactDirectRender.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var state = require('@legendapp/state');
+var react$1 = require('@legendapp/state/react');
+var react = require('react');
+
+// V3TODO: Remove this file
+let isEnabled = false;
+function getNodePath(node) {
+    const arr = [];
+    let n = node;
+    while ((n === null || n === void 0 ? void 0 : n.key) !== undefined) {
+        arr.splice(0, 0, n.key);
+        n = n.parent;
+    }
+    return arr.join('.');
+}
+// Extracting the forwardRef inspired by https://github.com/mobxjs/mobx/blob/main/packages/mobx-react-lite/src/observer.ts
+const hasSymbol =  typeof Symbol === 'function' && Symbol.for;
+function enableReactDirectRender() {
+    if (process.env.NODE_ENV === 'development') {
+        console.warn('[legend-state] enableReactDirectRender is deprecated and will be removed in version 3.0. Please convert it from {value} to <Memo>{value}</Memo>. See https://legendapp.com/open-source/state/migrating for more details.');
+    }
+    if (!isEnabled) {
+        isEnabled = true;
+        // Rendering observables directly inspired by Preact Signals: https://github.com/preactjs/signals/blob/main/packages/react/src/index.ts
+        // Add the extra primitive props so that observables can render directly
+        // Memoized component to wrap the observable value
+        const Text = react.memo(function Text({ data }) {
+            if (process.env.NODE_ENV === 'development') {
+                if (state.isObservable(data)) {
+                    console.warn(`[legend-state] enableReactDirectRender is deprecated and will be removed in version 3.0. Please convert rendering of observable with path ${getNodePath(state.getNode(data))} to <Memo>{value}</Memo>. See https://legendapp.com/open-source/state/migrating for more details.`);
+                }
+            }
+            return react$1.useSelector(data);
+        });
+        const ReactTypeofSymbol = hasSymbol ? Symbol.for('react.element') : react.createElement('a').$$typeof;
+        const s = state.extraPrimitiveProps;
+        const proto = {};
+        // Set up activators to activate this node as being used in React
+        state.extraPrimitiveActivators.set('$$typeof', true);
+        state.extraPrimitiveActivators.set(Symbol.toPrimitive, true);
+        // eslint-disable-next-line no-inner-declarations
+        function set(key, value) {
+            s.set(key, value);
+            proto[key] = { configurable: true, value };
+        }
+        set('$$typeof', ReactTypeofSymbol);
+        set('type', Text);
+        set('_store', { validated: true });
+        set('key', null);
+        set('ref', null);
+        set('alternate', null);
+        set('_owner', null);
+        set('_source', null);
+        // Set extra props for the proxyHandler to return on primitives
+        s.set(Symbol.toPrimitive, (_, value) => value);
+        s.set('props', (obs) => ({ data: obs }));
+        // Set extra props for ObservablePrimitive to return on primitives
+        proto[Symbol.toPrimitive] = {
+            configurable: true,
+            get() {
+                return this.peek();
+            },
+        };
+        proto.props = {
+            configurable: true,
+            get() {
+                return { data: this };
+            },
+        };
+        Object.defineProperties(state.ObservablePrimitiveClass.prototype, proto);
+    }
+}
+
+exports.enableReactDirectRender = enableReactDirectRender;
+exports.hasSymbol = hasSymbol;
+//# sourceMappingURL=enableReactDirectRender.js.map

package/config/enableReactDirectRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enableReactDirectRender.js","sources":["../../../../src/config/enableReactDirectRender.ts"],"sourcesContent":[null],"names":["memo","isObservable","getNode","useSelector","createElement","extraPrimitiveProps","extraPrimitiveActivators","ObservablePrimitiveClass"],"mappings":"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"}

package/config/enableReactDirectRender.mjs

@@ -0,0 +1,75 @@
+import { isObservable, getNode, extraPrimitiveActivators, ObservablePrimitiveClass, extraPrimitiveProps } from '@legendapp/state';
+import { useSelector } from '@legendapp/state/react';
+import { memo, createElement } from 'react';
+
+// V3TODO: Remove this file
+let isEnabled = false;
+function getNodePath(node) {
+    const arr = [];
+    let n = node;
+    while ((n === null || n === void 0 ? void 0 : n.key) !== undefined) {
+        arr.splice(0, 0, n.key);
+        n = n.parent;
+    }
+    return arr.join('.');
+}
+// Extracting the forwardRef inspired by https://github.com/mobxjs/mobx/blob/main/packages/mobx-react-lite/src/observer.ts
+const hasSymbol =  typeof Symbol === 'function' && Symbol.for;
+function enableReactDirectRender() {
+    if (process.env.NODE_ENV === 'development') {
+        console.warn('[legend-state] enableReactDirectRender is deprecated and will be removed in version 3.0. Please convert it from {value} to <Memo>{value}</Memo>. See https://legendapp.com/open-source/state/migrating for more details.');
+    }
+    if (!isEnabled) {
+        isEnabled = true;
+        // Rendering observables directly inspired by Preact Signals: https://github.com/preactjs/signals/blob/main/packages/react/src/index.ts
+        // Add the extra primitive props so that observables can render directly
+        // Memoized component to wrap the observable value
+        const Text = memo(function Text({ data }) {
+            if (process.env.NODE_ENV === 'development') {
+                if (isObservable(data)) {
+                    console.warn(`[legend-state] enableReactDirectRender is deprecated and will be removed in version 3.0. Please convert rendering of observable with path ${getNodePath(getNode(data))} to <Memo>{value}</Memo>. See https://legendapp.com/open-source/state/migrating for more details.`);
+                }
+            }
+            return useSelector(data);
+        });
+        const ReactTypeofSymbol = hasSymbol ? Symbol.for('react.element') : createElement('a').$$typeof;
+        const s = extraPrimitiveProps;
+        const proto = {};
+        // Set up activators to activate this node as being used in React
+        extraPrimitiveActivators.set('$$typeof', true);
+        extraPrimitiveActivators.set(Symbol.toPrimitive, true);
+        // eslint-disable-next-line no-inner-declarations
+        function set(key, value) {
+            s.set(key, value);
+            proto[key] = { configurable: true, value };
+        }
+        set('$$typeof', ReactTypeofSymbol);
+        set('type', Text);
+        set('_store', { validated: true });
+        set('key', null);
+        set('ref', null);
+        set('alternate', null);
+        set('_owner', null);
+        set('_source', null);
+        // Set extra props for the proxyHandler to return on primitives
+        s.set(Symbol.toPrimitive, (_, value) => value);
+        s.set('props', (obs) => ({ data: obs }));
+        // Set extra props for ObservablePrimitive to return on primitives
+        proto[Symbol.toPrimitive] = {
+            configurable: true,
+            get() {
+                return this.peek();
+            },
+        };
+        proto.props = {
+            configurable: true,
+            get() {
+                return { data: this };
+            },
+        };
+        Object.defineProperties(ObservablePrimitiveClass.prototype, proto);
+    }
+}
+
+export { enableReactDirectRender, hasSymbol };
+//# sourceMappingURL=enableReactDirectRender.mjs.map

package/config/enableReactDirectRender.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"enableReactDirectRender.mjs","sources":["../../../../src/config/enableReactDirectRender.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/config/enableReactTracking.d.ts

@@ -0,0 +1,15 @@
+import { type TrackingType } from '@legendapp/state';
+interface ReactTrackingOptions {
+    auto?: boolean;
+    warnUnobserved?: boolean;
+}
+export declare function enableReactTracking({ auto, warnUnobserved }: ReactTrackingOptions): void;
+import type { GetOptions } from '@legendapp/state';
+declare module '@legendapp/state' {
+    interface ObservableBaseFns<T> {
+        get(options?: TrackingType | (GetOptions & {
+            suspense?: boolean;
+        })): T;
+    }
+}
+export {};

package/config/enableReactTracking.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var state = require('@legendapp/state');
+var react$1 = require('@legendapp/state/react');
+var react = require('react');
+
+const ReactRenderContext = react.createContext(0);
+function needsSelector() {
+    // If we're already tracking then we definitely don't need useSelector
+    if (!state.tracking.current) {
+        try {
+            // If there's no dispatcher we're definitely not in React
+            // This is an optimization to not need to run useContext. If in a future React version
+            // this works differently we can change it or just remove it.
+            const dispatcher = react.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current;
+            if (dispatcher) {
+                // If there's a dispatcher then we may be inside of a hook.
+                // Attempt a useContext hook, which will throw an error if outside of render.
+                react.useContext(ReactRenderContext);
+                return true;
+            }
+        }
+        catch (_a) { } // eslint-disable-line no-empty
+    }
+    return false;
+}
+function enableReactTracking({ auto, warnUnobserved }) {
+    const { get } = state.internal;
+    state.configureLegendState({
+        observableFunctions: {
+            get: (node, options) => {
+                if (needsSelector()) {
+                    if (auto) {
+                        return react$1.useSelector(() => get(node, options), state.isObject(options) ? options : undefined);
+                    }
+                    else if (process.env.NODE_ENV === 'development' && warnUnobserved) {
+                        console.warn('[legend-state] Detected a `get()` call in an unobserved component. You may want to wrap it in observer: https://legendapp.com/open-source/state/react-api/#observer-hoc');
+                    }
+                }
+                return get(node, options);
+            },
+        },
+    });
+}
+
+exports.enableReactTracking = enableReactTracking;
+//# sourceMappingURL=enableReactTracking.js.map

package/config/enableReactTracking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enableReactTracking.js","sources":["../../../../src/config/enableReactTracking.ts"],"sourcesContent":[null],"names":["createContext","tracking","ReactInternals","useContext","internal","configureLegendState","useSelector","isObject"],"mappings":";;;;;;AAaA,MAAM,kBAAkB,GAAGA,mBAAa,CAAC,CAAC,CAAC,CAAC;AAE5C,SAAS,aAAa,GAAA;;AAElB,IAAA,IAAI,CAACC,cAAQ,CAAC,OAAO,EAAE;QACnB,IAAI;;;;AAIA,YAAA,MAAM,UAAU,GAAGC,wDAAc,CAAC,sBAAsB,CAAC,OAAO,CAAC;AACjE,YAAA,IAAI,UAAU,EAAE;;;gBAGZC,gBAAU,CAAC,kBAAkB,CAAC,CAAC;AAC/B,gBAAA,OAAO,IAAI,CAAC;AACf,aAAA;AACJ,SAAA;QAAC,OAAM,EAAA,EAAA,GAAE;AACb,KAAA;AACD,IAAA,OAAO,KAAK,CAAC;AACjB,CAAC;SAOe,mBAAmB,CAAC,EAAE,IAAI,EAAE,cAAc,EAAwB,EAAA;AAC9E,IAAA,MAAM,EAAE,GAAG,EAAE,GAAGC,cAAQ,CAAC;AAEzB,IAAAC,0BAAoB,CAAC;AACjB,QAAA,mBAAmB,EAAE;AACjB,YAAA,GAAG,EAAE,CAAC,IAAe,EAAE,OAA0D,KAAI;gBACjF,IAAI,aAAa,EAAE,EAAE;AACjB,oBAAA,IAAI,IAAI,EAAE;wBACN,OAAOC,mBAAW,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,EAAEC,cAAQ,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;AACzF,qBAAA;yBAAM,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,IAAI,cAAc,EAAE;AACjE,wBAAA,OAAO,CAAC,IAAI,CACR,yKAAyK,CAC5K,CAAC;AACL,qBAAA;AACJ,iBAAA;AACD,gBAAA,OAAO,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;aAC7B;AACJ,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/config/enableReactTracking.mjs

@@ -0,0 +1,45 @@
+import { configureLegendState, isObject, tracking, internal } from '@legendapp/state';
+import { useSelector } from '@legendapp/state/react';
+import { createContext, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, useContext } from 'react';
+
+const ReactRenderContext = createContext(0);
+function needsSelector() {
+    // If we're already tracking then we definitely don't need useSelector
+    if (!tracking.current) {
+        try {
+            // If there's no dispatcher we're definitely not in React
+            // This is an optimization to not need to run useContext. If in a future React version
+            // this works differently we can change it or just remove it.
+            const dispatcher = __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current;
+            if (dispatcher) {
+                // If there's a dispatcher then we may be inside of a hook.
+                // Attempt a useContext hook, which will throw an error if outside of render.
+                useContext(ReactRenderContext);
+                return true;
+            }
+        }
+        catch (_a) { } // eslint-disable-line no-empty
+    }
+    return false;
+}
+function enableReactTracking({ auto, warnUnobserved }) {
+    const { get } = internal;
+    configureLegendState({
+        observableFunctions: {
+            get: (node, options) => {
+                if (needsSelector()) {
+                    if (auto) {
+                        return useSelector(() => get(node, options), isObject(options) ? options : undefined);
+                    }
+                    else if (process.env.NODE_ENV === 'development' && warnUnobserved) {
+                        console.warn('[legend-state] Detected a `get()` call in an unobserved component. You may want to wrap it in observer: https://legendapp.com/open-source/state/react-api/#observer-hoc');
+                    }
+                }
+                return get(node, options);
+            },
+        },
+    });
+}
+
+export { enableReactTracking };
+//# sourceMappingURL=enableReactTracking.mjs.map

package/config/enableReactTracking.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"enableReactTracking.mjs","sources":["../../../../src/config/enableReactTracking.ts"],"sourcesContent":[null],"names":["ReactInternals"],"mappings":";;;;AAaA,MAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;AAE5C,SAAS,aAAa,GAAA;;AAElB,IAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;QACnB,IAAI;;;;AAIA,YAAA,MAAM,UAAU,GAAGA,kDAAc,CAAC,sBAAsB,CAAC,OAAO,CAAC;AACjE,YAAA,IAAI,UAAU,EAAE;;;gBAGZ,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAC/B,gBAAA,OAAO,IAAI,CAAC;AACf,aAAA;AACJ,SAAA;QAAC,OAAM,EAAA,EAAA,GAAE;AACb,KAAA;AACD,IAAA,OAAO,KAAK,CAAC;AACjB,CAAC;SAOe,mBAAmB,CAAC,EAAE,IAAI,EAAE,cAAc,EAAwB,EAAA;AAC9E,IAAA,MAAM,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC;AAEzB,IAAA,oBAAoB,CAAC;AACjB,QAAA,mBAAmB,EAAE;AACjB,YAAA,GAAG,EAAE,CAAC,IAAe,EAAE,OAA0D,KAAI;gBACjF,IAAI,aAAa,EAAE,EAAE;AACjB,oBAAA,IAAI,IAAI,EAAE;wBACN,OAAO,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;AACzF,qBAAA;yBAAM,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,IAAI,cAAc,EAAE;AACjE,wBAAA,OAAO,CAAC,IAAI,CACR,yKAAyK,CAC5K,CAAC;AACL,qBAAA;AACJ,iBAAA;AACD,gBAAA,OAAO,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;aAC7B;AACJ,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/index.d.ts

@@ -24,6 +24,7 @@ export declare const internal: {
         isLoadingRemote: boolean;
         isMerging: boolean;
     };
+    observableFns: Map<string, (node: import("./src/observableInterfaces").NodeValue, ...args: any[]) => any>;
     optimized: symbol;
     peek: typeof peek;
     set: typeof set;

package/index.js

@@ -55,6 +55,9 @@ const symbolGetNode = Symbol('getNode');
 const symbolDelete = /* @__PURE__ */ Symbol('delete');
 const symbolOpaque = Symbol('opaque');
 const optimized = Symbol('optimized');
+// TODOV3 Remove these
+const extraPrimitiveActivators = new Map();
+const extraPrimitiveProps = new Map();
 const globalState = {
     isLoadingLocal: false,
     isLoadingRemote: false,
@@ -426,6 +429,25 @@ function endBatch(force) {
     }
 }
 
+function createObservable(value, makePrimitive, createObject, createPrimitive) {
+    const valueIsPromise = isPromise(value);
+    const root = {
+        _: value,
+    };
+    const node = {
+        root,
+        lazy: true,
+    };
+    const prim = makePrimitive || isActualPrimitive(value);
+    const obs = prim
+        ? new createPrimitive(node)
+        : createObject(node);
+    if (valueIsPromise) {
+        extractPromise(node, value);
+    }
+    return obs;
+}
+
 function onChange(node, callback, options = {}) {
     const { initial, immediate, noArgs } = options;
     const { trackingType } = options;
@@ -746,7 +768,7 @@ function getProxy(node, p) {
     if (p !== undefined)
         node = getChildNode(node, p);
     // Create a proxy if not already cached and return it
-    return node.proxy || (node.proxy = new Proxy(node, proxyHandler));
+    return (node.proxy || (node.proxy = new Proxy(node, proxyHandler)));
 }
 const proxyHandler = {
     get(node, p, receiver) {
@@ -804,6 +826,20 @@ const proxyHandler = {
         if (property) {
             return property.get(node);
         }
+        // TODOV3 Remove this
+        const isValuePrimitive = isPrimitive(value);
+        // If accessing a key that doesn't already exist, and this node has been activated with extra keys
+        // then return the values that were set. This is used by enableLegendStateReact for example.
+        if (value === undefined || value === null || isValuePrimitive) {
+            if (extraPrimitiveProps.size && (node.isActivatedPrimitive || extraPrimitiveActivators.has(p))) {
+                node.isActivatedPrimitive = true;
+                const vPrim = extraPrimitiveProps.get(p);
+                if (vPrim !== undefined) {
+                    return isFunction(vPrim) ? vPrim(getProxy(node)) : vPrim;
+                }
+            }
+        }
+        // /TODOV3 Remove this
         const vProp = value === null || value === void 0 ? void 0 : value[p];
         if (isObject(value) && value[symbolOpaque]) {
             return vProp;
@@ -863,6 +899,9 @@ const proxyHandler = {
         if (fnOrComputed) {
             return fnOrComputed;
         }
+        if (p === 'state' && node.state) {
+            return node.state;
+        }
         // Return an observable proxy to the property
         return getProxy(node, p);
     },
@@ -1101,13 +1140,18 @@ function updateNodesAndNotify(node, newValue, prevValue, childNode, isPrim, isRo
     endBatch();
 }
 function extractPromise(node, value) {
-    value.status = 'pending';
+    if (!node.state) {
+        node.state = createObservable({
+            isLoaded: false,
+        }, false, getProxy);
+    }
     value
         .then((value) => {
         set(node, value);
+        node.state.isLoaded.set(true);
     })
         .catch((error) => {
-        set(node, { error, status: 'rejected' });
+        node.state.error.set(error);
     });
 }
 function extractFunctionOrComputed(node, obj, k, v) {
@@ -1128,7 +1172,8 @@ function extractFunctionOrComputed(node, obj, k, v) {
         }
     }
 }
-function get(node, track) {
+function get(node, options) {
+    const track = options ? (isObject(options) ? options.shallow : options) : undefined;
     // Track by default
     updateTracking(node, track);
     return peek(node);
@@ -1357,29 +1402,11 @@ ObservablePrimitiveClass.prototype.delete = function () {
     return this;
 };
 
-function createObservable(value, makePrimitive) {
-    const valueIsPromise = isPromise(value);
-    const root = {
-        _: value,
-    };
-    const node = {
-        root,
-        lazy: true,
-    };
-    const prim = makePrimitive || isActualPrimitive(value);
-    const obs = prim
-        ? new ObservablePrimitiveClass(node)
-        : getProxy(node);
-    if (valueIsPromise) {
-        extractPromise(node, value);
-    }
-    return obs;
-}
 function observable(value) {
-    return createObservable(value);
+    return createObservable(value, false, getProxy, ObservablePrimitiveClass);
 }
 function observablePrimitive(value) {
-    return createObservable(value, /*makePrimitive*/ true);
+    return createObservable(value, true, getProxy, ObservablePrimitiveClass);
 }
 
 function setupTracking(nodes, update, noArgs, immediate) {
@@ -1715,6 +1742,7 @@ const internal = {
     getNode,
     getProxy,
     globalState,
+    observableFns,
     optimized,
     peek,
     set,
@@ -1736,6 +1764,8 @@ exports.deconstructObjectWithPath = deconstructObjectWithPath;
 exports.endBatch = endBatch;
 exports.endTracking = endTracking;
 exports.event = event;
+exports.extraPrimitiveActivators = extraPrimitiveActivators;
+exports.extraPrimitiveProps = extraPrimitiveProps;
 exports.findIDKey = findIDKey;
 exports.getNode = getNode;
 exports.getNodeValue = getNodeValue;