quidproquo-web-react 0.0.250 → 0.0.252

package/lib/commonjs/hooks/asmj/QpqContextProvider.d.ts

@@ -0,0 +1,10 @@
+import { QpqContext, QpqContextIdentifier } from 'quidproquo-core';
+import { ReactNode } from 'react';
+interface QpqContextProviderProps<T> {
+    contextIdentifier: QpqContextIdentifier<T>;
+    value: T;
+    children: ReactNode;
+}
+export declare const useQpqContextValues: () => QpqContext<any>;
+export declare const QpqContextProvider: <T>({ contextIdentifier, value, children }: QpqContextProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/commonjs/hooks/asmj/QpqContextProvider.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QpqContextProvider = exports.useQpqContextValues = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+// Define a generic type for the React Context
+const qpqReactContext = (0, react_1.createContext)({});
+const useQpqContextValues = () => {
+    return (0, react_1.useContext)(qpqReactContext);
+};
+exports.useQpqContextValues = useQpqContextValues;
+const QpqContextProvider = ({ contextIdentifier, value, children }) => {
+    // Get the parent context value
+    const parentContext = (0, react_1.useContext)(qpqReactContext);
+    // Merge parent and current value
+    const mergedContext = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, parentContext), { [contextIdentifier.uniqueName]: value })), [parentContext, contextIdentifier.uniqueName, value]);
+    // Provide the merged context down
+    return (0, jsx_runtime_1.jsx)(qpqReactContext.Provider, Object.assign({ value: mergedContext }, { children: children }));
+};
+exports.QpqContextProvider = QpqContextProvider;

package/lib/commonjs/hooks/asmj/QpqMappedApi.d.ts

@@ -0,0 +1,6 @@
+import { AskResponse, AskResponseReturnType, Story } from 'quidproquo-core';
+export type RemoveQpqAskPrefix<K extends string> = K extends `ask${infer R}` ? Uncapitalize<R> : never;
+export type QpqApi = Record<`ask${string}`, Story<any, any>>;
+export type QpqMappedApi<TApi extends QpqApi> = {
+    [K in Extract<keyof TApi, string> as RemoveQpqAskPrefix<K>]: TApi[K] extends (...args: infer P) => infer R ? R extends AskResponse<any> ? (...args: P) => Promise<AskResponseReturnType<R>> : never : never;
+};

package/lib/commonjs/hooks/asmj/QpqMappedApi.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/commonjs/hooks/asmj/QpqRuntimeEffectCatcher.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { QpqApi } from './QpqMappedApi';
+import { QpqRuntimeDefinition } from '.';
+export type QpqBubbleReducer<S, A> = (prevState: S, action: A) => [S, boolean];
+type QpqRuntimeEffectCatcher = {
+    runtime: QpqRuntimeDefinition<any, any, any>;
+    name?: string;
+};
+export declare const useQpqRuntimeBubblingReducer: <TState, TAction, TApi extends QpqApi>(runtimeDefinition: QpqRuntimeDefinition<TState, TAction, TApi>, name?: string) => [TState, (action: TAction) => void, () => TState];
+export declare const QpqRuntimeEffectCatcherComponent: <TState, TAction, TApi extends QpqApi>({ children, runtime, name, }: QpqRuntimeEffectCatcher & {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const QpqRuntimeEffectCatcher: import("react").MemoExoticComponent<(<TState, TAction, TApi extends QpqApi>({ children, runtime, name, }: QpqRuntimeEffectCatcher & {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element)>;
+export {};

package/lib/commonjs/hooks/asmj/QpqRuntimeEffectCatcher.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QpqRuntimeEffectCatcher = exports.QpqRuntimeEffectCatcherComponent = exports.useQpqRuntimeBubblingReducer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const useFastCallback_1 = require("../useFastCallback");
+const _1 = require(".");
+// Create a context with a default NOOP dispatcher
+const BubbleReducerDispatchContext = (0, react_1.createContext)((_action) => {
+    // NOOP
+});
+const useQpqRuntimeBubblingReducer = (runtimeDefinition, name) => {
+    const runtimeDefinitionInfo = runtimeDefinition(name);
+    const [state, setState, getState] = (0, _1.useQpqRuntimeState)(runtimeDefinition, name);
+    // Get the parent dispatch from the context
+    const parentDispatch = (0, react_1.useContext)(BubbleReducerDispatchContext);
+    // Custom Dispatch using functional updates
+    const dispatch = (0, useFastCallback_1.useFastCallback)((action) => {
+        const [newState, preventBubble] = runtimeDefinitionInfo.reducer(getState(), action);
+        if (preventBubble) {
+            setState(newState);
+        }
+        else {
+            parentDispatch(action);
+        }
+    });
+    return [state, dispatch, getState];
+};
+exports.useQpqRuntimeBubblingReducer = useQpqRuntimeBubblingReducer;
+const QpqRuntimeEffectCatcherComponent = ({ children, runtime, name, }) => {
+    const [api, state, dispatch] = (0, _1.useQpqRuntime)(runtime, undefined, name);
+    return (0, jsx_runtime_1.jsx)(BubbleReducerDispatchContext.Provider, Object.assign({ value: dispatch }, { children: children }));
+};
+exports.QpqRuntimeEffectCatcherComponent = QpqRuntimeEffectCatcherComponent;
+exports.QpqRuntimeEffectCatcher = (0, react_1.memo)(exports.QpqRuntimeEffectCatcherComponent);

package/lib/commonjs/hooks/asmj/actionProcessor/getStateReadActionProcessor.d.ts

@@ -0,0 +1,2 @@
+import { ActionProcessorListResolver } from 'quidproquo-core';
+export declare const getStateReadActionListResolver: <State>(getCurrentState: () => State) => ActionProcessorListResolver;

package/lib/commonjs/hooks/asmj/actionProcessor/getStateReadActionProcessor.js

@@ -0,0 +1,22 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStateReadActionListResolver = void 0;
+const quidproquo_core_1 = require("quidproquo-core");
+const getProcessStateRead = (getCurrentState) => () => __awaiter(void 0, void 0, void 0, function* () {
+    return (0, quidproquo_core_1.actionResult)(getCurrentState());
+});
+const getStateReadActionListResolver = (getCurrentState) => (_qpqConfig, _dynamicModuleLoader) => __awaiter(void 0, void 0, void 0, function* () {
+    return ({
+        [quidproquo_core_1.StateActionType.Read]: getProcessStateRead(getCurrentState),
+    });
+});
+exports.getStateReadActionListResolver = getStateReadActionListResolver;

package/lib/commonjs/hooks/asmj/actionProcessor/index.d.ts

@@ -0,0 +1,3 @@
+import { ActionProcessorListResolver } from 'quidproquo-core';
+import { Dispatch } from 'react';
+export declare const getStateActionProcessor: <State>(dispatch: Dispatch<any>, getCurrentState: () => State) => ActionProcessorListResolver;

package/lib/commonjs/hooks/asmj/actionProcessor/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStateActionProcessor = void 0;
+const getStateDispatchActionProcessor_1 = require("./getStateDispatchActionProcessor");
+const getStateReadActionProcessor_1 = require("./getStateReadActionProcessor");
+const getStateActionProcessor = (dispatch, getCurrentState) => (qpqConfig, dynamicModuleLoader) => __awaiter(void 0, void 0, void 0, function* () {
+    return (Object.assign(Object.assign({}, (yield (0, getStateDispatchActionProcessor_1.getStateDispatchActionListResolver)(dispatch)(qpqConfig, dynamicModuleLoader))), (yield (0, getStateReadActionProcessor_1.getStateReadActionListResolver)(getCurrentState)(qpqConfig, dynamicModuleLoader))));
+});
+exports.getStateActionProcessor = getStateActionProcessor;

package/lib/commonjs/hooks/asmj/createQpqRuntimeDefinition.d.ts

@@ -0,0 +1,16 @@
+import { atom } from 'jotai';
+import { QpqApi } from './QpqMappedApi';
+import { QpqBubbleReducer } from './QpqRuntimeEffectCatcher';
+type CustomJotaiReducerAtom<TState> = ReturnType<typeof atom<TState>>;
+export type QpqAsmjState<TState, TAction, TApi extends QpqApi> = {
+    atom: CustomJotaiReducerAtom<TState>;
+    reducer: QpqBubbleReducer<TState, TAction>;
+    initialState: TState;
+    api: TApi;
+    state: TState;
+};
+type AsmjStateGetter<TState, TAction, TApi extends QpqApi> = (name?: string) => QpqAsmjState<TState, TAction, TApi>;
+export type QpqRuntimeDefinition<TState, TAction, TApi extends QpqApi> = AsmjStateGetter<TState, TAction, TApi>;
+export declare function createQpqRuntimeDefinition<TState, TAction, TApi extends QpqApi>(api: TApi, initialState: TState, reducer?: QpqBubbleReducer<TState, TAction>): QpqRuntimeDefinition<TState, TAction, TApi>;
+export declare function useQpqRuntimeState<TState, TAction, TApi extends QpqApi>(atom: QpqRuntimeDefinition<TState, TAction, TApi>, name?: string): [TState, (newState: TState) => void, () => TState];
+export {};

package/lib/commonjs/hooks/asmj/createQpqRuntimeDefinition.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQpqRuntimeState = exports.createQpqRuntimeDefinition = void 0;
+const react_1 = require("react");
+const jotai_1 = require("jotai");
+function createQpqRuntimeDefinition(api, initialState, reducer = (s) => [s, false]) {
+    const namedAtoms = new Map();
+    const getCustomNamedAtom = (name) => {
+        const actualName = name ? name : '$$qpq-default$$';
+        if (!namedAtoms.has(actualName)) {
+            console.log('Creating Atom: ', actualName);
+            const winAtom = {
+                atom: (0, jotai_1.atom)(initialState),
+                reducer,
+                initialState,
+                api: api,
+                state: initialState,
+            };
+            namedAtoms.set(actualName, winAtom);
+        }
+        return namedAtoms.get(actualName);
+    };
+    return getCustomNamedAtom;
+}
+exports.createQpqRuntimeDefinition = createQpqRuntimeDefinition;
+function useQpqRuntimeState(atom, name) {
+    const [state, setState] = (0, jotai_1.useAtom)(atom(name).atom);
+    const setStateWrapper = (0, react_1.useCallback)((newState) => {
+        const info = atom(name);
+        info.state = newState;
+        setState(newState);
+    }, [setState]);
+    const getState = (0, react_1.useCallback)(() => {
+        const state = atom(name).state;
+        return state;
+    }, [atom]);
+    return [state, setStateWrapper, getState];
+}
+exports.useQpqRuntimeState = useQpqRuntimeState;

package/lib/commonjs/hooks/asmj/index.d.ts

@@ -0,0 +1,6 @@
+export * from './actionProcessor';
+export * from './createQpqRuntimeDefinition';
+export * from './QpqContextProvider';
+export * from './QpqMappedApi';
+export * from './QpqRuntimeEffectCatcher';
+export * from './useQpqRuntime';

package/lib/commonjs/hooks/{useQpqReducer/actionProcessor → asmj}/index.js

@@ -14,4 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./getStateDispatchActionProcessor"), exports);
+__exportStar(require("./actionProcessor"), exports);
+__exportStar(require("./createQpqRuntimeDefinition"), exports);
+__exportStar(require("./QpqContextProvider"), exports);
+__exportStar(require("./QpqMappedApi"), exports);
+__exportStar(require("./QpqRuntimeEffectCatcher"), exports);
+__exportStar(require("./useQpqRuntime"), exports);

package/lib/commonjs/hooks/asmj/useQpqRuntime.d.ts

@@ -0,0 +1,4 @@
+import { Story } from 'quidproquo-core';
+import { QpqApi, QpqMappedApi } from './QpqMappedApi';
+import { QpqRuntimeDefinition } from '.';
+export declare function useQpqRuntime<TState, TAction, TApi extends QpqApi>(atom: QpqRuntimeDefinition<TState, TAction, TApi>, mainStory?: Story<any, any>, name?: string): [QpqMappedApi<TApi>, TState, (action: any) => void];

package/lib/commonjs/hooks/asmj/useQpqRuntime.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQpqRuntime = void 0;
+const react_1 = require("react");
+const useQpq_1 = require("../useQpq");
+const actionProcessor_1 = require("./actionProcessor");
+const QpqRuntimeEffectCatcher_1 = require("./QpqRuntimeEffectCatcher");
+function useQpqRuntime(atom, mainStory, name) {
+    const atomInfo = atom(name);
+    const [state, dispatch, getCurrentState] = (0, QpqRuntimeEffectCatcher_1.useQpqRuntimeBubblingReducer)(atom, name);
+    // Api generators are memoized to prevent unnecessary re-renders.
+    const [memoedApiGenerators] = (0, react_1.useState)(() => atomInfo.api);
+    const resolver = (0, useQpq_1.useQpq)((0, actionProcessor_1.getStateActionProcessor)(dispatch, getCurrentState));
+    // Wrap and remap each API generator using the resolver.
+    const api = (0, react_1.useMemo)(() => {
+        const wrapped = {};
+        for (const key in memoedApiGenerators) {
+            if (Object.prototype.hasOwnProperty.call(memoedApiGenerators, key)) {
+                // Remove the 'ask' prefix and lower-case the first character.
+                const withoutAsk = key.slice(3); // e.g., "FetchTodos"
+                const newKey = withoutAsk.charAt(0).toLowerCase() + withoutAsk.slice(1); // "fetchTodos"
+                // We know newKey matches our mapped type so we can assign.
+                // (A type assertion is used here to quiet the compiler.)
+                wrapped[newKey] = resolver(memoedApiGenerators[key]);
+            }
+        }
+        return wrapped;
+    }, [resolver, memoedApiGenerators]);
+    (0, react_1.useEffect)(() => {
+        if (mainStory) {
+            resolver(mainStory)();
+        }
+    }, []);
+    return [api, state, dispatch];
+}
+exports.useQpqRuntime = useQpqRuntime;

package/lib/commonjs/hooks/index.d.ts

@@ -1,8 +1,8 @@
+export * from './asmj';
 export * from './useAsyncEffect';
-export * from './useBubbleReducer';
 export * from './useFastCallback';
+export * from './useMetadata';
 export * from './useOnKeyDownEffect';
 export * from './useQpq';
-export * from './useQpqReducer';
 export * from './useRunEvery';
 export * from './useThrottledMemo';

package/lib/commonjs/hooks/index.js

@@ -14,11 +14,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./asmj"), exports);
 __exportStar(require("./useAsyncEffect"), exports);
-__exportStar(require("./useBubbleReducer"), exports);
 __exportStar(require("./useFastCallback"), exports);
+__exportStar(require("./useMetadata"), exports);
 __exportStar(require("./useOnKeyDownEffect"), exports);
 __exportStar(require("./useQpq"), exports);
-__exportStar(require("./useQpqReducer"), exports);
 __exportStar(require("./useRunEvery"), exports);
 __exportStar(require("./useThrottledMemo"), exports);

package/lib/commonjs/hooks/useMetadata/index.d.ts

@@ -0,0 +1 @@
+export * from './useMetadata';

package/lib/commonjs/hooks/{useQpqReducer → useMetadata}/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useQpqReducer"), exports);
+__exportStar(require("./useMetadata"), exports);

package/lib/commonjs/hooks/useMetadata/useMetadata.d.ts

@@ -0,0 +1,5 @@
+type MetadataGetter<M> = () => M | undefined;
+type MetadataSetter<M> = (value: M) => void;
+type UseMetadataReturn<M> = [MetadataGetter<M>, MetadataSetter<M>];
+export declare function useMetadata<M>(key: object): UseMetadataReturn<M>;
+export {};

package/lib/commonjs/hooks/useMetadata/useMetadata.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMetadata = void 0;
+const react_1 = require("react");
+const metadataStore = new WeakMap();
+function useMetadata(key) {
+    return (0, react_1.useMemo)(() => {
+        const getMetadata = () => metadataStore.get(key);
+        const setMetadata = (value) => {
+            metadataStore.set(key, value);
+        };
+        return [getMetadata, setMetadata];
+    }, [key]);
+}
+exports.useMetadata = useMetadata;

package/lib/commonjs/hooks/useQpq.js

@@ -10,11 +10,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useQpq = void 0;
-const quidproquo_actionprocessor_node_1 = require("quidproquo-actionprocessor-node");
+const quidproquo_actionprocessor_web_1 = require("quidproquo-actionprocessor-web");
 const quidproquo_core_1 = require("quidproquo-core");
+const asmj_1 = require("./asmj");
 // WIP ~ useFastCallback, wack things like loggers in a context, try to only make once instance of the runtime.
 // Also don't create every refresh.. useMemo / useCallback etc
 function useQpq(getActionProcessors = () => __awaiter(this, void 0, void 0, function* () { return ({}); })) {
+    const qpqContextValues = (0, asmj_1.useQpqContextValues)();
     const logger = {
         enableLogs: () => __awaiter(this, void 0, void 0, function* () { }),
         log: () => __awaiter(this, void 0, void 0, function* () { }),
@@ -23,9 +25,9 @@ function useQpq(getActionProcessors = () => __awaiter(this, void 0, void 0, func
     };
     const resolveStory = (0, quidproquo_core_1.createRuntime)([(0, quidproquo_core_1.defineModule)('UI')], {
         depth: 0,
-        context: {},
+        context: qpqContextValues,
     }, (qpqConfig, dynamicModuleLoader) => __awaiter(this, void 0, void 0, function* () {
-        return (Object.assign(Object.assign({}, (yield (0, quidproquo_actionprocessor_node_1.getCoreActionProcessor)(qpqConfig, dynamicModuleLoader))), (yield getActionProcessors(qpqConfig, dynamicModuleLoader))));
+        return (Object.assign(Object.assign({}, (yield (0, quidproquo_actionprocessor_web_1.getWebActionProcessors)(qpqConfig, dynamicModuleLoader))), (yield getActionProcessors(qpqConfig, dynamicModuleLoader))));
     }), () => new Date().toISOString(), logger, `frontend::${'uuid'}`, quidproquo_core_1.QpqRuntimeType.UI, (_runtime) => __awaiter(this, void 0, void 0, function* () {
         // noop
     }));

package/lib/commonjs/index.d.ts

@@ -1,3 +1,4 @@
+import 'symbol-observable';
 export * from './api';
 export * from './auth';
 export * from './baseUrl';

package/lib/commonjs/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+require("symbol-observable");
 __exportStar(require("./api"), exports);
 __exportStar(require("./auth"), exports);
 __exportStar(require("./baseUrl"), exports);

package/lib/esm/hooks/asmj/QpqContextProvider.d.ts

@@ -0,0 +1,10 @@
+import { QpqContext, QpqContextIdentifier } from 'quidproquo-core';
+import { ReactNode } from 'react';
+interface QpqContextProviderProps<T> {
+    contextIdentifier: QpqContextIdentifier<T>;
+    value: T;
+    children: ReactNode;
+}
+export declare const useQpqContextValues: () => QpqContext<any>;
+export declare const QpqContextProvider: <T>({ contextIdentifier, value, children }: QpqContextProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/esm/hooks/asmj/QpqContextProvider.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
+// Define a generic type for the React Context
+const qpqReactContext = createContext({});
+export const useQpqContextValues = () => {
+    return useContext(qpqReactContext);
+};
+export const QpqContextProvider = ({ contextIdentifier, value, children }) => {
+    // Get the parent context value
+    const parentContext = useContext(qpqReactContext);
+    // Merge parent and current value
+    const mergedContext = useMemo(() => ({ ...parentContext, [contextIdentifier.uniqueName]: value }), [parentContext, contextIdentifier.uniqueName, value]);
+    // Provide the merged context down
+    return _jsx(qpqReactContext.Provider, { value: mergedContext, children: children });
+};

package/lib/esm/hooks/asmj/QpqMappedApi.d.ts

@@ -0,0 +1,6 @@
+import { AskResponse, AskResponseReturnType, Story } from 'quidproquo-core';
+export type RemoveQpqAskPrefix<K extends string> = K extends `ask${infer R}` ? Uncapitalize<R> : never;
+export type QpqApi = Record<`ask${string}`, Story<any, any>>;
+export type QpqMappedApi<TApi extends QpqApi> = {
+    [K in Extract<keyof TApi, string> as RemoveQpqAskPrefix<K>]: TApi[K] extends (...args: infer P) => infer R ? R extends AskResponse<any> ? (...args: P) => Promise<AskResponseReturnType<R>> : never : never;
+};

package/lib/esm/hooks/asmj/QpqMappedApi.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/hooks/asmj/QpqRuntimeEffectCatcher.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { QpqApi } from './QpqMappedApi';
+import { QpqRuntimeDefinition } from '.';
+export type QpqBubbleReducer<S, A> = (prevState: S, action: A) => [S, boolean];
+type QpqRuntimeEffectCatcher = {
+    runtime: QpqRuntimeDefinition<any, any, any>;
+    name?: string;
+};
+export declare const useQpqRuntimeBubblingReducer: <TState, TAction, TApi extends QpqApi>(runtimeDefinition: QpqRuntimeDefinition<TState, TAction, TApi>, name?: string) => [TState, (action: TAction) => void, () => TState];
+export declare const QpqRuntimeEffectCatcherComponent: <TState, TAction, TApi extends QpqApi>({ children, runtime, name, }: QpqRuntimeEffectCatcher & {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const QpqRuntimeEffectCatcher: import("react").MemoExoticComponent<(<TState, TAction, TApi extends QpqApi>({ children, runtime, name, }: QpqRuntimeEffectCatcher & {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element)>;
+export {};

package/lib/esm/hooks/asmj/QpqRuntimeEffectCatcher.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, memo, useContext } from 'react';
+import { useFastCallback } from '../useFastCallback';
+import { useQpqRuntime, useQpqRuntimeState } from '.';
+// Create a context with a default NOOP dispatcher
+const BubbleReducerDispatchContext = createContext((_action) => {
+    // NOOP
+});
+export const useQpqRuntimeBubblingReducer = (runtimeDefinition, name) => {
+    const runtimeDefinitionInfo = runtimeDefinition(name);
+    const [state, setState, getState] = useQpqRuntimeState(runtimeDefinition, name);
+    // Get the parent dispatch from the context
+    const parentDispatch = useContext(BubbleReducerDispatchContext);
+    // Custom Dispatch using functional updates
+    const dispatch = useFastCallback((action) => {
+        const [newState, preventBubble] = runtimeDefinitionInfo.reducer(getState(), action);
+        if (preventBubble) {
+            setState(newState);
+        }
+        else {
+            parentDispatch(action);
+        }
+    });
+    return [state, dispatch, getState];
+};
+export const QpqRuntimeEffectCatcherComponent = ({ children, runtime, name, }) => {
+    const [api, state, dispatch] = useQpqRuntime(runtime, undefined, name);
+    return _jsx(BubbleReducerDispatchContext.Provider, { value: dispatch, children: children });
+};
+export const QpqRuntimeEffectCatcher = memo(QpqRuntimeEffectCatcherComponent);

package/lib/esm/hooks/asmj/actionProcessor/getStateReadActionProcessor.d.ts

@@ -0,0 +1,2 @@
+import { ActionProcessorListResolver } from 'quidproquo-core';
+export declare const getStateReadActionListResolver: <State>(getCurrentState: () => State) => ActionProcessorListResolver;

package/lib/esm/hooks/asmj/actionProcessor/getStateReadActionProcessor.js

@@ -0,0 +1,7 @@
+import { actionResult, StateActionType } from 'quidproquo-core';
+const getProcessStateRead = (getCurrentState) => async () => {
+    return actionResult(getCurrentState());
+};
+export const getStateReadActionListResolver = (getCurrentState) => async (_qpqConfig, _dynamicModuleLoader) => ({
+    [StateActionType.Read]: getProcessStateRead(getCurrentState),
+});

package/lib/esm/hooks/asmj/actionProcessor/index.d.ts

@@ -0,0 +1,3 @@
+import { ActionProcessorListResolver } from 'quidproquo-core';
+import { Dispatch } from 'react';
+export declare const getStateActionProcessor: <State>(dispatch: Dispatch<any>, getCurrentState: () => State) => ActionProcessorListResolver;

package/lib/esm/hooks/asmj/actionProcessor/index.js

@@ -0,0 +1,6 @@
+import { getStateDispatchActionListResolver } from './getStateDispatchActionProcessor';
+import { getStateReadActionListResolver } from './getStateReadActionProcessor';
+export const getStateActionProcessor = (dispatch, getCurrentState) => async (qpqConfig, dynamicModuleLoader) => ({
+    ...(await getStateDispatchActionListResolver(dispatch)(qpqConfig, dynamicModuleLoader)),
+    ...(await getStateReadActionListResolver(getCurrentState)(qpqConfig, dynamicModuleLoader)),
+});

package/lib/esm/hooks/asmj/createQpqRuntimeDefinition.d.ts

@@ -0,0 +1,16 @@
+import { atom } from 'jotai';
+import { QpqApi } from './QpqMappedApi';
+import { QpqBubbleReducer } from './QpqRuntimeEffectCatcher';
+type CustomJotaiReducerAtom<TState> = ReturnType<typeof atom<TState>>;
+export type QpqAsmjState<TState, TAction, TApi extends QpqApi> = {
+    atom: CustomJotaiReducerAtom<TState>;
+    reducer: QpqBubbleReducer<TState, TAction>;
+    initialState: TState;
+    api: TApi;
+    state: TState;
+};
+type AsmjStateGetter<TState, TAction, TApi extends QpqApi> = (name?: string) => QpqAsmjState<TState, TAction, TApi>;
+export type QpqRuntimeDefinition<TState, TAction, TApi extends QpqApi> = AsmjStateGetter<TState, TAction, TApi>;
+export declare function createQpqRuntimeDefinition<TState, TAction, TApi extends QpqApi>(api: TApi, initialState: TState, reducer?: QpqBubbleReducer<TState, TAction>): QpqRuntimeDefinition<TState, TAction, TApi>;
+export declare function useQpqRuntimeState<TState, TAction, TApi extends QpqApi>(atom: QpqRuntimeDefinition<TState, TAction, TApi>, name?: string): [TState, (newState: TState) => void, () => TState];
+export {};

package/lib/esm/hooks/asmj/createQpqRuntimeDefinition.js

@@ -0,0 +1,34 @@
+import { useCallback } from 'react';
+import { atom, useAtom } from 'jotai';
+export function createQpqRuntimeDefinition(api, initialState, reducer = (s) => [s, false]) {
+    const namedAtoms = new Map();
+    const getCustomNamedAtom = (name) => {
+        const actualName = name ? name : '$$qpq-default$$';
+        if (!namedAtoms.has(actualName)) {
+            console.log('Creating Atom: ', actualName);
+            const winAtom = {
+                atom: atom(initialState),
+                reducer,
+                initialState,
+                api: api,
+                state: initialState,
+            };
+            namedAtoms.set(actualName, winAtom);
+        }
+        return namedAtoms.get(actualName);
+    };
+    return getCustomNamedAtom;
+}
+export function useQpqRuntimeState(atom, name) {
+    const [state, setState] = useAtom(atom(name).atom);
+    const setStateWrapper = useCallback((newState) => {
+        const info = atom(name);
+        info.state = newState;
+        setState(newState);
+    }, [setState]);
+    const getState = useCallback(() => {
+        const state = atom(name).state;
+        return state;
+    }, [atom]);
+    return [state, setStateWrapper, getState];
+}

package/lib/esm/hooks/asmj/index.d.ts

@@ -0,0 +1,6 @@
+export * from './actionProcessor';
+export * from './createQpqRuntimeDefinition';
+export * from './QpqContextProvider';
+export * from './QpqMappedApi';
+export * from './QpqRuntimeEffectCatcher';
+export * from './useQpqRuntime';

package/lib/esm/hooks/asmj/index.js

@@ -0,0 +1,6 @@
+export * from './actionProcessor';
+export * from './createQpqRuntimeDefinition';
+export * from './QpqContextProvider';
+export * from './QpqMappedApi';
+export * from './QpqRuntimeEffectCatcher';
+export * from './useQpqRuntime';

package/lib/esm/hooks/asmj/useQpqRuntime.d.ts

@@ -0,0 +1,4 @@
+import { Story } from 'quidproquo-core';
+import { QpqApi, QpqMappedApi } from './QpqMappedApi';
+import { QpqRuntimeDefinition } from '.';
+export declare function useQpqRuntime<TState, TAction, TApi extends QpqApi>(atom: QpqRuntimeDefinition<TState, TAction, TApi>, mainStory?: Story<any, any>, name?: string): [QpqMappedApi<TApi>, TState, (action: any) => void];

package/lib/esm/hooks/asmj/useQpqRuntime.js

@@ -0,0 +1,32 @@
+import { useEffect, useMemo, useState } from 'react';
+import { useQpq } from '../useQpq';
+import { getStateActionProcessor } from './actionProcessor';
+import { useQpqRuntimeBubblingReducer } from './QpqRuntimeEffectCatcher';
+export function useQpqRuntime(atom, mainStory, name) {
+    const atomInfo = atom(name);
+    const [state, dispatch, getCurrentState] = useQpqRuntimeBubblingReducer(atom, name);
+    // Api generators are memoized to prevent unnecessary re-renders.
+    const [memoedApiGenerators] = useState(() => atomInfo.api);
+    const resolver = useQpq(getStateActionProcessor(dispatch, getCurrentState));
+    // Wrap and remap each API generator using the resolver.
+    const api = useMemo(() => {
+        const wrapped = {};
+        for (const key in memoedApiGenerators) {
+            if (Object.prototype.hasOwnProperty.call(memoedApiGenerators, key)) {
+                // Remove the 'ask' prefix and lower-case the first character.
+                const withoutAsk = key.slice(3); // e.g., "FetchTodos"
+                const newKey = withoutAsk.charAt(0).toLowerCase() + withoutAsk.slice(1); // "fetchTodos"
+                // We know newKey matches our mapped type so we can assign.
+                // (A type assertion is used here to quiet the compiler.)
+                wrapped[newKey] = resolver(memoedApiGenerators[key]);
+            }
+        }
+        return wrapped;
+    }, [resolver, memoedApiGenerators]);
+    useEffect(() => {
+        if (mainStory) {
+            resolver(mainStory)();
+        }
+    }, []);
+    return [api, state, dispatch];
+}

package/lib/esm/hooks/index.d.ts

@@ -1,8 +1,8 @@
+export * from './asmj';
 export * from './useAsyncEffect';
-export * from './useBubbleReducer';
 export * from './useFastCallback';
+export * from './useMetadata';
 export * from './useOnKeyDownEffect';
 export * from './useQpq';
-export * from './useQpqReducer';
 export * from './useRunEvery';
 export * from './useThrottledMemo';

package/lib/esm/hooks/index.js

@@ -1,8 +1,8 @@
+export * from './asmj';
 export * from './useAsyncEffect';
-export * from './useBubbleReducer';
 export * from './useFastCallback';
+export * from './useMetadata';
 export * from './useOnKeyDownEffect';
 export * from './useQpq';
-export * from './useQpqReducer';
 export * from './useRunEvery';
 export * from './useThrottledMemo';

package/lib/esm/hooks/useMetadata/index.d.ts

@@ -0,0 +1 @@
+export * from './useMetadata';

package/lib/esm/hooks/useMetadata/index.js

@@ -0,0 +1 @@
+export * from './useMetadata';

package/lib/esm/hooks/useMetadata/useMetadata.d.ts

@@ -0,0 +1,5 @@
+type MetadataGetter<M> = () => M | undefined;
+type MetadataSetter<M> = (value: M) => void;
+type UseMetadataReturn<M> = [MetadataGetter<M>, MetadataSetter<M>];
+export declare function useMetadata<M>(key: object): UseMetadataReturn<M>;
+export {};

package/lib/esm/hooks/useMetadata/useMetadata.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+const metadataStore = new WeakMap();
+export function useMetadata(key) {
+    return useMemo(() => {
+        const getMetadata = () => metadataStore.get(key);
+        const setMetadata = (value) => {
+            metadataStore.set(key, value);
+        };
+        return [getMetadata, setMetadata];
+    }, [key]);
+}

package/lib/esm/hooks/useQpq.js

@@ -1,8 +1,10 @@
-import { getCoreActionProcessor } from 'quidproquo-actionprocessor-node';
+import { getWebActionProcessors } from 'quidproquo-actionprocessor-web';
 import { createRuntime, defineModule, QpqRuntimeType, } from 'quidproquo-core';
+import { useQpqContextValues } from './asmj';
 // WIP ~ useFastCallback, wack things like loggers in a context, try to only make once instance of the runtime.
 // Also don't create every refresh.. useMemo / useCallback etc
 export function useQpq(getActionProcessors = async () => ({})) {
+    const qpqContextValues = useQpqContextValues();
     const logger = {
         enableLogs: async () => { },
         log: async () => { },
@@ -11,9 +13,9 @@ export function useQpq(getActionProcessors = async () => ({})) {
     };
     const resolveStory = createRuntime([defineModule('UI')], {
         depth: 0,
-        context: {},
+        context: qpqContextValues,
     }, async (qpqConfig, dynamicModuleLoader) => ({
-        ...(await getCoreActionProcessor(qpqConfig, dynamicModuleLoader)),
+        ...(await getWebActionProcessors(qpqConfig, dynamicModuleLoader)),
         ...(await getActionProcessors(qpqConfig, dynamicModuleLoader)),
     }), () => new Date().toISOString(), logger, `frontend::${'uuid'}`, QpqRuntimeType.UI, async (_runtime) => {
         // noop

package/lib/esm/index.d.ts

@@ -1,3 +1,4 @@
+import 'symbol-observable';
 export * from './api';
 export * from './auth';
 export * from './baseUrl';

package/lib/esm/index.js

@@ -1,3 +1,4 @@
+import 'symbol-observable';
 export * from './api';
 export * from './auth';
 export * from './baseUrl';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quidproquo-web-react",
-  "version": "0.0.250",
+  "version": "0.0.252",
   "description": "",
   "main": "./lib/commonjs/index.js",
   "module": "./lib/esm/index.js",
@@ -32,13 +32,19 @@
   },
   "homepage": "https://github.com/joe-coady/quidproquo#readme",
   "devDependencies": {
-    "quidproquo-core": "0.0.250",
-    "quidproquo-tsconfig": "0.0.250",
-    "quidproquo-webserver": "0.0.250",
-    "quidproquo-web": "0.0.250",
+    "quidproquo-actionprocessor-node": "0.0.252",
+    "quidproquo-actionprocessor-web": "0.0.252",
+    "quidproquo-core": "0.0.252",
+    "quidproquo-tsconfig": "0.0.252",
+    "quidproquo-web": "0.0.252",
+    "quidproquo-webserver": "0.0.252",
     "typescript": "^4.9.3"
   },
   "peerDependencies": {
     "react": ">=18.3.1"
+  },
+  "dependencies": {
+    "jotai": "^2.12.1",
+    "symbol-observable": "^4.0.0"
   }
 }

package/lib/commonjs/hooks/useBubbleReducer.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-export type QpqBubbleReducer<S, A> = (prevState: S, action: A) => [S, boolean];
-export declare const useBubblingReducer: <TState, TAction>(reducer: QpqBubbleReducer<TState, TAction>, initialState: TState) => [TState, (action: TAction) => void];
-export declare const BubbleReducerDispatchProvider: ({ children, dispatch }: {
-    children: ReactNode;
-    dispatch: (action: any) => void;
-}) => import("react/jsx-runtime").JSX.Element;

package/lib/commonjs/hooks/useBubbleReducer.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BubbleReducerDispatchProvider = exports.useBubblingReducer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-// Create a context with a default NOOP dispatcher
-const BubbleReducerDispatchContext = (0, react_1.createContext)((_action) => {
-    // NOOP
-});
-const useBubblingReducer = (reducer, initialState) => {
-    const ref = (0, react_1.useRef)(initialState);
-    // Use useState so we can leverage functional updates
-    const [state, setState] = (0, react_1.useState)(ref.current);
-    // Get the parent dispatch from the context
-    const parentDispatch = (0, react_1.useContext)(BubbleReducerDispatchContext);
-    // Custom Dispatch using functional updates
-    const dispatch = (action) => {
-        const [newState, preventBubble] = reducer(ref.current, action);
-        if (preventBubble) {
-            // If the action was handled, update state
-            ref.current = newState;
-            setState(newState);
-        }
-        else {
-            parentDispatch(action);
-        }
-    };
-    return [state, dispatch];
-};
-exports.useBubblingReducer = useBubblingReducer;
-const BubbleReducerDispatchProvider = ({ children, dispatch }) => ((0, jsx_runtime_1.jsx)(BubbleReducerDispatchContext.Provider, Object.assign({ value: dispatch }, { children: children })));
-exports.BubbleReducerDispatchProvider = BubbleReducerDispatchProvider;

package/lib/commonjs/hooks/useQpqReducer/actionProcessor/index.d.ts

@@ -1 +0,0 @@
-export * from './getStateDispatchActionProcessor';

package/lib/commonjs/hooks/useQpqReducer/index.d.ts

@@ -1 +0,0 @@
-export * from './useQpqReducer';

package/lib/commonjs/hooks/useQpqReducer/useQpqReducer.d.ts

@@ -1 +0,0 @@
-export declare const useQpqReducer: () => void;

package/lib/commonjs/hooks/useQpqReducer/useQpqReducer.js

@@ -1,63 +0,0 @@
-"use strict";
-/*
-import { AskResponseReturnType, Story } from 'quidproquo-core';
-
-import { useMemo, useState } from 'react';
-
-import { QpqBubbleReducer, useBubblingReducer } from '../useBubbleReducer';
-import { useQpq } from '../useQpq';
-import { getStateDispatchActionListResolver } from './actionProcessor';
-
-// Helper type to remap keys from "askXyz" to "xyz" (with lowercase first letter)
-type RemoveAskPrefix<K extends string> = K extends `ask${infer R}` ? Uncapitalize<R> : never;
-
-// Define the mapped API type.
-// We extract only string keys and then use a conditional type to infer parameters and return type.
-type MappedApi<TApi extends Record<`ask${string}`, Story<any, any>>> = {
-  [K in Extract<keyof TApi, string> as RemoveAskPrefix<K>]: TApi[K] extends (...args: infer P) => infer R
-    ? (...args: P) => Promise<AskResponseReturnType<R>>
-    : never;
-};
-
-export function useQpqReducer<
-  TState,
-  TAction,
-  // Constrain TApi so that all keys must start with "ask"
-  TApi extends Record<`ask${string}`, Story<any, any>>,
->(
-  apiGenerators: TApi,
-  reducer: QpqBubbleReducer<TState, TAction> = (s) => [s, false],
-  initialState: TState = {} as TState,
-): [MappedApi<TApi>, TState, (action: any) => void] {
-  const [state, dispatch] = useBubblingReducer(reducer, initialState);
-
-  // Api generators are memoized to prevent unnecessary re-renders.
-  const [memoedApiGenerators] = useState(() => apiGenerators);
-  const resolver = useQpq(getStateDispatchActionListResolver(dispatch));
-
-  // Wrap and remap each API generator using the resolver.
-  const api = useMemo(() => {
-    const wrapped = {} as MappedApi<TApi>;
-    for (const key in memoedApiGenerators) {
-      if (Object.prototype.hasOwnProperty.call(memoedApiGenerators, key)) {
-        // Remove the 'ask' prefix and lower-case the first character.
-        const withoutAsk = key.slice(3); // e.g., "FetchTodos"
-        const newKey = withoutAsk.charAt(0).toLowerCase() + withoutAsk.slice(1); // "fetchTodos"
-        // We know newKey matches our mapped type so we can assign.
-        // (A type assertion is used here to quiet the compiler.)
-        wrapped[newKey as RemoveAskPrefix<typeof key>] = resolver(memoedApiGenerators[key as any]) as any;
-      }
-    }
-    return wrapped;
-  }, [resolver, memoedApiGenerators]);
-
-  return [api, state, dispatch];
-}
-
-*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useQpqReducer = void 0;
-const useQpqReducer = () => {
-    // NOOP
-};
-exports.useQpqReducer = useQpqReducer;

package/lib/esm/hooks/useBubbleReducer.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-export type QpqBubbleReducer<S, A> = (prevState: S, action: A) => [S, boolean];
-export declare const useBubblingReducer: <TState, TAction>(reducer: QpqBubbleReducer<TState, TAction>, initialState: TState) => [TState, (action: TAction) => void];
-export declare const BubbleReducerDispatchProvider: ({ children, dispatch }: {
-    children: ReactNode;
-    dispatch: (action: any) => void;
-}) => import("react/jsx-runtime").JSX.Element;

package/lib/esm/hooks/useBubbleReducer.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useRef, useState } from 'react';
-// Create a context with a default NOOP dispatcher
-const BubbleReducerDispatchContext = createContext((_action) => {
-    // NOOP
-});
-export const useBubblingReducer = (reducer, initialState) => {
-    const ref = useRef(initialState);
-    // Use useState so we can leverage functional updates
-    const [state, setState] = useState(ref.current);
-    // Get the parent dispatch from the context
-    const parentDispatch = useContext(BubbleReducerDispatchContext);
-    // Custom Dispatch using functional updates
-    const dispatch = (action) => {
-        const [newState, preventBubble] = reducer(ref.current, action);
-        if (preventBubble) {
-            // If the action was handled, update state
-            ref.current = newState;
-            setState(newState);
-        }
-        else {
-            parentDispatch(action);
-        }
-    };
-    return [state, dispatch];
-};
-export const BubbleReducerDispatchProvider = ({ children, dispatch }) => (_jsx(BubbleReducerDispatchContext.Provider, { value: dispatch, children: children }));

package/lib/esm/hooks/useQpqReducer/actionProcessor/index.d.ts

@@ -1 +0,0 @@
-export * from './getStateDispatchActionProcessor';

package/lib/esm/hooks/useQpqReducer/actionProcessor/index.js

@@ -1 +0,0 @@
-export * from './getStateDispatchActionProcessor';

package/lib/esm/hooks/useQpqReducer/index.d.ts

@@ -1 +0,0 @@
-export * from './useQpqReducer';

package/lib/esm/hooks/useQpqReducer/index.js

@@ -1 +0,0 @@
-export * from './useQpqReducer';

package/lib/esm/hooks/useQpqReducer/useQpqReducer.d.ts

@@ -1 +0,0 @@
-export declare const useQpqReducer: () => void;

package/lib/esm/hooks/useQpqReducer/useQpqReducer.js

@@ -1,59 +0,0 @@
-/*
-import { AskResponseReturnType, Story } from 'quidproquo-core';
-
-import { useMemo, useState } from 'react';
-
-import { QpqBubbleReducer, useBubblingReducer } from '../useBubbleReducer';
-import { useQpq } from '../useQpq';
-import { getStateDispatchActionListResolver } from './actionProcessor';
-
-// Helper type to remap keys from "askXyz" to "xyz" (with lowercase first letter)
-type RemoveAskPrefix<K extends string> = K extends `ask${infer R}` ? Uncapitalize<R> : never;
-
-// Define the mapped API type.
-// We extract only string keys and then use a conditional type to infer parameters and return type.
-type MappedApi<TApi extends Record<`ask${string}`, Story<any, any>>> = {
-  [K in Extract<keyof TApi, string> as RemoveAskPrefix<K>]: TApi[K] extends (...args: infer P) => infer R
-    ? (...args: P) => Promise<AskResponseReturnType<R>>
-    : never;
-};
-
-export function useQpqReducer<
-  TState,
-  TAction,
-  // Constrain TApi so that all keys must start with "ask"
-  TApi extends Record<`ask${string}`, Story<any, any>>,
->(
-  apiGenerators: TApi,
-  reducer: QpqBubbleReducer<TState, TAction> = (s) => [s, false],
-  initialState: TState = {} as TState,
-): [MappedApi<TApi>, TState, (action: any) => void] {
-  const [state, dispatch] = useBubblingReducer(reducer, initialState);
-
-  // Api generators are memoized to prevent unnecessary re-renders.
-  const [memoedApiGenerators] = useState(() => apiGenerators);
-  const resolver = useQpq(getStateDispatchActionListResolver(dispatch));
-
-  // Wrap and remap each API generator using the resolver.
-  const api = useMemo(() => {
-    const wrapped = {} as MappedApi<TApi>;
-    for (const key in memoedApiGenerators) {
-      if (Object.prototype.hasOwnProperty.call(memoedApiGenerators, key)) {
-        // Remove the 'ask' prefix and lower-case the first character.
-        const withoutAsk = key.slice(3); // e.g., "FetchTodos"
-        const newKey = withoutAsk.charAt(0).toLowerCase() + withoutAsk.slice(1); // "fetchTodos"
-        // We know newKey matches our mapped type so we can assign.
-        // (A type assertion is used here to quiet the compiler.)
-        wrapped[newKey as RemoveAskPrefix<typeof key>] = resolver(memoedApiGenerators[key as any]) as any;
-      }
-    }
-    return wrapped;
-  }, [resolver, memoedApiGenerators]);
-
-  return [api, state, dispatch];
-}
-
-*/
-export const useQpqReducer = () => {
-    // NOOP
-};