quidproquo-web-react 0.0.253 → 0.0.255

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

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

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

@@ -1,22 +1,22 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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("./actionProcessor"), exports);
-__exportStar(require("./createQpqRuntimeDefinition"), exports);
-__exportStar(require("./QpqContextProvider"), exports);
-__exportStar(require("./QpqMappedApi"), exports);
-__exportStar(require("./QpqRuntimeEffectCatcher"), exports);
-__exportStar(require("./useQpqRuntime"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./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

@@ -1,4 +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];
+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

@@ -1,36 +1,35 @@
-"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;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQpqRuntime = useQpqRuntime;
+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 = (0, react_1.useMemo)(() => atom(name), [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];
+}

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

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

package/lib/commonjs/hooks/index.js

@@ -1,24 +1,24 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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("./useFastCallback"), exports);
-__exportStar(require("./useMetadata"), exports);
-__exportStar(require("./useOnKeyDownEffect"), exports);
-__exportStar(require("./useQpq"), exports);
-__exportStar(require("./useRunEvery"), exports);
-__exportStar(require("./useThrottledMemo"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./useFastCallback"), exports);
+__exportStar(require("./useMetadata"), exports);
+__exportStar(require("./useOnKeyDownEffect"), exports);
+__exportStar(require("./useQpq"), exports);
+__exportStar(require("./useRunEvery"), exports);
+__exportStar(require("./useThrottledMemo"), exports);

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

@@ -1,2 +1,2 @@
-import { DependencyList } from 'react';
-export declare const useAsyncEffect: (effect: (isMounted: () => boolean) => Promise<void | (() => void)>, deps?: DependencyList) => void;
+import { DependencyList } from 'react';
+export declare const useAsyncEffect: (effect: (isMounted: () => boolean) => Promise<void | (() => void)>, deps?: DependencyList) => void;

package/lib/commonjs/hooks/useAsyncEffect.js

@@ -1,36 +1,36 @@
-"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.useAsyncEffect = void 0;
-const react_1 = require("react");
-const useAsyncEffect = (effect, deps) => {
-    (0, react_1.useEffect)(() => {
-        const mountStatus = { mounted: true };
-        const runEffect = () => __awaiter(void 0, void 0, void 0, function* () {
-            try {
-                return yield effect(() => mountStatus.mounted);
-            }
-            catch (error) {
-                console.error('Error in useAsyncEffect:', error);
-            }
-        });
-        const result = runEffect();
-        return () => {
-            mountStatus.mounted = false;
-            result.then((callback) => {
-                if (callback) {
-                    callback();
-                }
-            });
-        };
-    }, deps);
-};
-exports.useAsyncEffect = useAsyncEffect;
+"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.useAsyncEffect = void 0;
+const react_1 = require("react");
+const useAsyncEffect = (effect, deps) => {
+    (0, react_1.useEffect)(() => {
+        const mountStatus = { mounted: true };
+        const runEffect = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                return yield effect(() => mountStatus.mounted);
+            }
+            catch (error) {
+                console.error('Error in useAsyncEffect:', error);
+            }
+        });
+        const result = runEffect();
+        return () => {
+            mountStatus.mounted = false;
+            result.then((callback) => {
+                if (callback) {
+                    callback();
+                }
+            });
+        };
+    }, deps);
+};
+exports.useAsyncEffect = useAsyncEffect;

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

@@ -1,2 +1,2 @@
-import { DependencyList } from 'react';
-export declare function useFastCallback<T extends Function>(callback: T, deps?: DependencyList): T;
+import { DependencyList } from 'react';
+export declare function useFastCallback<T extends Function>(callback: T, deps?: DependencyList): T;

package/lib/commonjs/hooks/useFastCallback.js

@@ -1,20 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFastCallback = void 0;
-const react_1 = require("react");
-// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
-function useFastCallback(callback, deps) {
-    const callbackRef = (0, react_1.useRef)(callback);
-    const depsRef = (0, react_1.useRef)(deps);
-    // If the deps have changed, update the callback ref
-    // We support undefined deps, which means they are always updated
-    // This is different to [] where its never updated.
-    const hasDepsChanged = !depsRef.current || !deps || depsRef.current.some((dep, index) => dep !== deps[index]);
-    if (hasDepsChanged) {
-        callbackRef.current = callback;
-    }
-    depsRef.current = deps;
-    const memoFunc = (0, react_1.useCallback)((...args) => callbackRef.current(...args), []);
-    return memoFunc;
-}
-exports.useFastCallback = useFastCallback;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFastCallback = useFastCallback;
+const react_1 = require("react");
+// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+function useFastCallback(callback, deps) {
+    const callbackRef = (0, react_1.useRef)(callback);
+    const depsRef = (0, react_1.useRef)(deps);
+    // If the deps have changed, update the callback ref
+    // We support undefined deps, which means they are always updated
+    // This is different to [] where its never updated.
+    const hasDepsChanged = !depsRef.current || !deps || depsRef.current.some((dep, index) => dep !== deps[index]);
+    if (hasDepsChanged) {
+        callbackRef.current = callback;
+    }
+    depsRef.current = deps;
+    const memoFunc = (0, react_1.useCallback)((...args) => callbackRef.current(...args), []);
+    return memoFunc;
+}

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

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

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

@@ -1,17 +1,17 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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("./useMetadata"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./useMetadata"), exports);

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

@@ -1,5 +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 {};
+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

@@ -1,15 +1,14 @@
-"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;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMetadata = useMetadata;
+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]);
+}

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

@@ -1 +1 @@
-export declare function useOnKeyDownEffect(targetKey: KeyboardEvent['key'], isActive: boolean, callback?: () => void): void;
+export declare function useOnKeyDownEffect(targetKey: KeyboardEvent['key'], isActive: boolean, callback?: () => void): void;

package/lib/commonjs/hooks/useOnKeyDownEffect.js

@@ -1,23 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnKeyDownEffect = void 0;
-const react_1 = require("react");
-function useOnKeyDownEffect(targetKey, isActive, callback) {
-    (0, react_1.useEffect)(() => {
-        if (!isActive || !callback) {
-            return () => {
-                // NOOP
-            };
-        }
-        const handleKeyDown = (event) => {
-            if (event.key === targetKey) {
-                callback();
-            }
-        };
-        document.addEventListener('keydown', handleKeyDown);
-        return () => {
-            document.removeEventListener('keydown', handleKeyDown);
-        };
-    }, [targetKey, isActive, callback]);
-}
-exports.useOnKeyDownEffect = useOnKeyDownEffect;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnKeyDownEffect = useOnKeyDownEffect;
+const react_1 = require("react");
+function useOnKeyDownEffect(targetKey, isActive, callback) {
+    (0, react_1.useEffect)(() => {
+        if (!isActive || !callback) {
+            return () => {
+                // NOOP
+            };
+        }
+        const handleKeyDown = (event) => {
+            if (event.key === targetKey) {
+                callback();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [targetKey, isActive, callback]);
+}

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

@@ -1,2 +1,2 @@
-import { ActionProcessorListResolver, StoryResolver } from 'quidproquo-core';
-export declare function useQpq(getActionProcessors?: ActionProcessorListResolver): StoryResolver;
+import { ActionProcessorListResolver, StoryResolver } from 'quidproquo-core';
+export declare function useQpq(getActionProcessors?: ActionProcessorListResolver): StoryResolver;

package/lib/commonjs/hooks/useQpq.js

@@ -1,44 +1,45 @@
-"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.useQpq = void 0;
-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* () { }),
-        waitToFinishWriting: () => __awaiter(this, void 0, void 0, function* () { }),
-        moveToPermanentStorage: () => __awaiter(this, void 0, void 0, function* () { }),
-    };
-    const resolveStory = (0, quidproquo_core_1.createRuntime)([(0, quidproquo_core_1.defineModule)('UI')], {
-        depth: 0,
-        context: qpqContextValues,
-    }, (qpqConfig, dynamicModuleLoader) => __awaiter(this, void 0, void 0, function* () {
-        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
-    }));
-    return function getStoryExecutor(story) {
-        return (...args) => __awaiter(this, void 0, void 0, function* () {
-            const result = yield resolveStory(story, args);
-            if (result.error) {
-                throw new Error(result.error.errorText);
-            }
-            return result.result;
-        });
-    };
-}
-exports.useQpq = useQpq;
+"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.useQpq = useQpq;
+const quidproquo_actionprocessor_web_1 = require("quidproquo-actionprocessor-web");
+const quidproquo_core_1 = require("quidproquo-core");
+const react_1 = require("react");
+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
+const logger = {
+    enableLogs: () => __awaiter(void 0, void 0, void 0, function* () { }),
+    log: () => __awaiter(void 0, void 0, void 0, function* () { }),
+    waitToFinishWriting: () => __awaiter(void 0, void 0, void 0, function* () { }),
+    moveToPermanentStorage: () => __awaiter(void 0, void 0, void 0, function* () { }),
+};
+function useQpq(getActionProcessors = () => __awaiter(this, void 0, void 0, function* () { return ({}); })) {
+    const qpqContextValues = (0, asmj_1.useQpqContextValues)();
+    const resolveStory = (0, react_1.useMemo)(() => (0, quidproquo_core_1.createRuntime)([(0, quidproquo_core_1.defineModule)('UI')], {
+        depth: 0,
+        context: qpqContextValues,
+    }, (qpqConfig, dynamicModuleLoader) => __awaiter(this, void 0, void 0, function* () {
+        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
+    })), [qpqContextValues]);
+    const qpq = (0, react_1.useCallback)(function getStoryExecutor(story) {
+        return (...args) => __awaiter(this, void 0, void 0, function* () {
+            const result = yield resolveStory(story, args);
+            if (result.error) {
+                throw new Error(result.error.errorText);
+            }
+            return result.result;
+        });
+    }, [resolveStory]);
+    return qpq;
+}

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

@@ -1 +1 @@
-export declare function useRunEvery<T>(func: () => T, intervalSeconds: number): T;
+export declare function useRunEvery<T>(func: () => T, intervalSeconds: number): T;

package/lib/commonjs/hooks/useRunEvery.js

@@ -1,22 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRunEvery = void 0;
-const react_1 = require("react");
-function useRunEvery(func, intervalSeconds) {
-    const [value, setValue] = (0, react_1.useState)(func);
-    const intervalRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        intervalRef.current = window.setInterval(() => {
-            const newValue = func();
-            setValue(newValue);
-        }, intervalSeconds * 1000);
-        return () => {
-            if (intervalRef.current !== null) {
-                window.clearInterval(intervalRef.current);
-                intervalRef.current = null;
-            }
-        };
-    }, [intervalSeconds]);
-    return value;
-}
-exports.useRunEvery = useRunEvery;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRunEvery = useRunEvery;
+const react_1 = require("react");
+function useRunEvery(func, intervalSeconds) {
+    const [value, setValue] = (0, react_1.useState)(func);
+    const intervalRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        intervalRef.current = window.setInterval(() => {
+            const newValue = func();
+            setValue(newValue);
+        }, intervalSeconds * 1000);
+        return () => {
+            if (intervalRef.current !== null) {
+                window.clearInterval(intervalRef.current);
+                intervalRef.current = null;
+            }
+        };
+    }, [intervalSeconds]);
+    return value;
+}

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

@@ -1 +1 @@
-export declare function useThrottledMemo<T>(factory: () => T, deps: any[], delaySeconds?: number): T;
+export declare function useThrottledMemo<T>(factory: () => T, deps: any[], delaySeconds?: number): T;