@docstack/react 0.0.9 → 0.1.0

package/src/hooks/sync.ts

@@ -0,0 +1,84 @@
+import { useCallback, useEffect, useState } from 'react';
+import { useDocStack } from '../components/StackProvider/index.js';
+import type { SyncStatus } from '@docstack/client';
+
+/**
+ * Subscribes to replication state for one stack, or for all of them.
+ *
+ * Reads the state DocStack's sync layer keeps rather than tracking replication in the
+ * component: `lastConvergedAt` is the honest "last synced" value - the moment a cycle
+ * finished with nothing left to send - while `lastActiveAt` only says documents moved.
+ *
+ * The subscription is on the stacks, not on the replication handles, so it survives a
+ * {@link StackSyncHandle.restart} (a refreshed credential, say) and works whether it
+ * mounts before or after `sync()` was called.
+ *
+ * @param stackName - Narrow to a single stack. Omit for every open stack.
+ * @returns A map of stack name to {@link SyncStatus}; empty for stacks that have never
+ * synced.
+ *
+ * @example
+ * ```tsx
+ * const SyncBadge = ({ stack }: { stack: string }) => {
+ *     const status = useSyncStatus(stack)[stack];
+ *     if (!status) return <span>Not syncing</span>;
+ *     if (status.state === 'error') return <span>Offline - retrying</span>;
+ *     return <span>Synced {status.lastConvergedAt ? timeAgo(status.lastConvergedAt) : 'never'}</span>;
+ * };
+ * ```
+ */
+export const useSyncStatus = (stackName?: string): Record<string, SyncStatus> => {
+    const docStack = useDocStack();
+    const [statuses, setStatuses] = useState<Record<string, SyncStatus>>({});
+
+    const collect = useCallback((): Record<string, SyncStatus> => {
+        if (!docStack) return {};
+        const stacks = stackName
+            ? [docStack.getStack(stackName)].filter(Boolean)
+            : docStack.getStacks();
+
+        const next: Record<string, SyncStatus> = {};
+        for (const stack of stacks) {
+            const status = stack!.getSyncStatus();
+            if (status) next[stack!.name] = status;
+        }
+        return next;
+    }, [docStack, stackName]);
+
+    useEffect(() => {
+        if (!docStack) return;
+
+        let subscribed: { target: EventTarget; }[] = [];
+
+        const onStatus = () => setStatuses(collect());
+
+        const subscribe = () => {
+            for (const { target } of subscribed) {
+                target.removeEventListener('sync-status', onStatus);
+            }
+            const stacks = stackName
+                ? [docStack.getStack(stackName)].filter(Boolean)
+                : docStack.getStacks();
+            subscribed = stacks.map(stack => ({ target: stack as unknown as EventTarget }));
+            for (const { target } of subscribed) {
+                target.addEventListener('sync-status', onStatus);
+            }
+            onStatus();
+        };
+
+        // The set of stacks is not fixed: one joined at runtime has to be picked up.
+        docStack.addEventListener('stack-added', subscribe);
+        docStack.addEventListener('stack-removed', subscribe);
+        subscribe();
+
+        return () => {
+            docStack.removeEventListener('stack-added', subscribe);
+            docStack.removeEventListener('stack-removed', subscribe);
+            for (const { target } of subscribed) {
+                target.removeEventListener('sync-status', onStatus);
+            }
+        };
+    }, [docStack, stackName, collect]);
+
+    return statuses;
+};

package/src/index.ts

@@ -2,9 +2,43 @@ import StackProvider, {DocStackContext, useDocStack} from "./components/StackPro
 import { useFind, useQuerySQL } from "./hooks/index.js";
 import { useClass, useClassList, useClassDocs, useClassCreate } from "./hooks/class.js";
 import { useDomainList, useDomain, useDomainRelations, useDomainCreate } from "./hooks/domain.js";
+import { useSyncStatus } from "./hooks/sync.js";
 
 export { StackProvider, DocStackContext, useDocStack };
-export { useFind, useQuerySQL };
+export { useFind, useQuerySQL, useSyncStatus };
 
 export { useClassList, useClass, useClassDocs, useClassCreate };
-export { useDomainList, useDomain, useDomainRelations, useDomainCreate };
+export { useDomainList, useDomain, useDomainRelations, useDomainCreate };
+
+/**
+ * Document-modelling types, re-exported from `@docstack/client`.
+ *
+ * Sourced from the client rather than `@docstack/shared` on purpose: the two packages
+ * would otherwise resolve their own copies of `@docstack/shared`, and a consumer using
+ * both could end up holding two structurally-identical-but-distinct `Patch` types.
+ * One source means one copy.
+ */
+export type {
+    AttributeType,
+    AttributeTypeConfig,
+    AttributeModel,
+    ClassModel,
+    DomainModel,
+    TriggerModel,
+    Document,
+    RelationDocument,
+    Patch,
+    SelectAST,
+    UnionAST,
+    ClientCredentials,
+    DocstackReady,
+    StackConfig,
+    StackOptions,
+    SyncDirection,
+    SyncState,
+    SyncStatus,
+    StackSyncOptions,
+    DocStackSyncOptions,
+    RemoteResolver,
+    InternalDocFilterOptions,
+} from "@docstack/client";

package/lib/index.js.LICENSE.txt

@@ -1,9 +0,0 @@
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","mappings":"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","sources":["webpack://@docstack/react/./node_modules/react/cjs/react-jsx-runtime.production.js","webpack://@docstack/react/./node_modules/react/jsx-runtime.js","webpack://@docstack/react/webpack/bootstrap","webpack://@docstack/react/webpack/runtime/define property getters","webpack://@docstack/react/webpack/runtime/hasOwnProperty shorthand","webpack://@docstack/react/./src/components/StackProvider/index.tsx","webpack://@docstack/react/./src/hooks/index.ts","webpack://@docstack/react/./src/hooks/class.ts","webpack://@docstack/react/./src/hooks/domain.ts"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createContext, useContext, useRef, useCallback, useEffect, useState } from 'react';\nimport { DocStack } from '@docstack/client'; // Import your DocStack class\n// You can give it a default value, e.g., null, which can be checked later.\n/**\n * Context object for the DocStack instance.\n * It provides the current DocStack instance or null if not initialized.\n */\nexport const DocStackContext = createContext(null);\n/**\n * Hook to access the DocStack instance.\n *\n * @returns The current {@link DocStack} instance or null if not yet initialized.\n *\n * @example\n * ```tsx\n * const MyComponent = () => {\n *     const docStack = useDocStack();\n *\n *     if (!docStack) return <div>Loading...</div>;\n *\n *     return <div>Connected to {docStack.getStacks().length} stacks</div>;\n * };\n * ```\n */\nexport const useDocStack = () => {\n    return useContext(DocStackContext);\n};\n/**\n * A provider component that initializes the DocStack client and makes it available\n * to child components via the {@link useDocStack} hook.\n * It handles the asynchronous initialization of the stack(s).\n *\n * @example\n * ```tsx\n * import { StackProvider } from '@docstack/react';\n *\n * const App = () => (\n *     <StackProvider config={[{ name: 'my-db' }]}>\n *         <MyApp />\n *     </StackProvider>\n * );\n * ```\n */\nconst StackProvider = (props) => {\n    const { config, children, credentials } = props;\n    // Use a ref to store the DocStack instance\n    const docStackRef = useRef(null);\n    const [docStack, setDocStack] = useState(null);\n    const setsDocStackWhenReady = useCallback(() => {\n        setDocStack(docStackRef.current);\n    }, []);\n    useEffect(() => {\n        if (docStackRef.current === null && config.length) {\n            console.log(\"DocStack provider - init instance\", { config });\n            const mergedConfig = config.map((cfg, idx) => {\n                const cred = Array.isArray(credentials) ? credentials[idx] : credentials;\n                if (typeof cfg === \"string\") {\n                    return cred ? { connection: cfg, credentials: cred } : cfg;\n                }\n                return cred ? Object.assign(Object.assign({}, cfg), { credentials: cred }) : cfg;\n            });\n            const instance = new DocStack(...mergedConfig);\n            docStackRef.current = instance;\n            docStackRef.current.addEventListener(\"ready\", setsDocStackWhenReady);\n        }\n        // Optional: Cleanup function to remove listeners\n        return () => {\n            if (docStackRef.current) {\n                // docStackRef.current.removeEventListener(\"ready\", setsDocStackWhenReady);\n                // docStackRef.current.getStore().removeAllListeners();\n            }\n        };\n    }, [config, credentials, setsDocStackWhenReady]);\n    return (_jsx(DocStackContext.Provider, { value: docStack, children: children }));\n};\nexport default StackProvider;\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\n// src/hooks/useFind.js\nimport { useContext, useEffect, useRef, useState } from 'react';\nimport { DocStackContext } from '../components/StackProvider/index.js';\n/**\n * Hook to execute a SQL query against a specific stack.\n *\n * @param stack - The name of the stack to query.\n * @param sql - The SQL query string.\n * @param params - Optional parameters for the SQL query.\n * @returns Object containing the query result (rows and AST), loading state, and error.\n *\n * @example\n * ```tsx\n * const UserList = () => {\n *     const { result, loading } = useQuerySQL('my-stack', 'SELECT * FROM User WHERE age > ?', 18);\n *\n *     if (loading) return <div>Loading...</div>;\n *\n *     return (\n *         <ul>\n *             {result.rows.map(user => <li key={user._id}>{user.name}</li>)}\n *         </ul>\n *     );\n * };\n * ```\n */\nexport const useQuerySQL = (stack, sql, ...params) => {\n    const docStack = useContext(DocStackContext);\n    const [result, setResult] = useState({ rows: [], ast: [] });\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState(null);\n    // [TODO] Solve bounce of component because of StrictMode or other reasons\n    const queryRef = useRef(false);\n    useEffect(() => {\n        if (!docStack) {\n            // Handle the case where the provider is not yet initialized or missing\n            // You could throw an error or return an empty state.\n            console.error('useClassList must be used within a DocStackProvider.');\n            setLoading(false);\n            return;\n        }\n        const runQuery = () => __awaiter(void 0, void 0, void 0, function* () {\n            try {\n                const stackInstance = docStack.getStack(stack);\n                if (stackInstance) {\n                    // Run the initial query\n                    console.log(\"Preparing to run query\", { sql, params });\n                    // debugger\n                    const queryResult = yield stackInstance.query(sql, ...params);\n                    setResult(queryResult);\n                }\n                else {\n                    console.log(\"Could not find corresponding stack\", { stack });\n                }\n            }\n            catch (err) {\n                console.log(\"Got error while running query\", { error: err });\n                setError(err);\n            }\n            finally {\n                setLoading(false);\n            }\n        });\n        if (!queryRef.current) {\n            queryRef.current = true;\n            setLoading(true);\n            runQuery();\n        }\n        else {\n            console.log(\"Already performing query\");\n        }\n        return () => {\n            //\n        };\n    }, [docStack, stack, params]);\n    return { loading, result, error };\n};\n/**\n * Hook to find documents in a stack using a Mango selector.\n *\n * @param stack - The name of the stack to query.\n * @param query - Object containing the selector and optional fields projection.\n * @param sort - Optional sort criteria.\n * @param limit - Maximum number of documents to return (default: 50).\n * @returns Object containing the list of documents, loading state, and error.\n *\n * @example\n * ```tsx\n * const ActiveTasks = () => {\n *     const { docs, loading } = useFind('my-stack', {\n *         selector: {\n *             \"~class\": \"Task\",\n *             active: true\n *         },\n *         fields: ['_id', 'title']\n *     });\n *\n *     if (loading) return <div>Loading...</div>;\n *\n *     return (\n *         <ul>\n *             {docs.map(doc => <li key={doc._id}>{doc.title}</li>)}\n *         </ul>\n *     );\n * };\n * ```\n */\nexport const useFind = (stack, query, sort, limit = 50) => {\n    const docStack = useContext(DocStackContext);\n    const [docs, setDocs] = useState([]);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState(null);\n    useEffect(() => {\n        // Check if the docStack instance is available\n        if (!docStack) {\n            // Handle the case where the provider is not yet initialized or missing\n            // You could throw an error or return an empty state.\n            console.error('useFind must be used within a DocStackProvider.');\n            setLoading(false);\n            return;\n        }\n        setLoading(true);\n        const runQuery = () => __awaiter(void 0, void 0, void 0, function* () {\n            try {\n                const stackInstance = docStack.getStack(stack);\n                if (stackInstance) {\n                    // Run the initial query\n                    const initialDocs = yield stackInstance.findDocuments(query.selector, query.fields);\n                    if (initialDocs.docs.length) {\n                        let docs = initialDocs.docs; // [TODO] Check types\n                        setDocs(docs);\n                    }\n                }\n            }\n            catch (err) {\n                setError(err);\n            }\n            finally {\n                setLoading(false);\n            }\n        });\n        runQuery();\n        // Set up the listener for changes\n        const changeListener = (change) => {\n            // Logic to handle the change and update the docs state\n            // This part is crucial for real-time updates.\n            // You'll need to re-run the query or intelligently update the docs array\n            // based on the change object (add, update, delete).\n            // A simple way is to re-run the query.\n            // runQuery();\n        };\n        // [TODO] Implement events\n        docStack.addEventListener('change', changeListener);\n        // Cleanup function: remove the listener when the component unmounts\n        return () => {\n            docStack.removeEventListener('change', changeListener);\n        };\n    }, [docStack, JSON.stringify(query)]); // Re-run if docStack or query changes\n    return { docs, loading, error };\n};\nexport const useClassCreate = () => {\n};\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport { useContext, useCallback, useEffect, useRef, useState } from \"react\";\nimport { DocStackContext } from \"../components/StackProvider/index.js\";\nimport { Class } from \"@docstack/client\";\n/**\n * Hook to create a new Class in a specific stack.\n *\n * @param stack - The name of the stack to create the class in.\n * @returns A callback function to create the class.\n *\n * @example\n * ```tsx\n * const MyComponent = () => {\n *     const createClass = useClassCreate('my-stack');\n *\n *     const handleCreate = async () => {\n *         const newClass = await createClass('NewClass', 'Description of new class');\n *         if (newClass) {\n *             console.log('Class created:', newClass.name);\n *         }\n *     };\n *\n *     return <button onClick={handleCreate}>Create Class</button>;\n * };\n * ```\n */\nexport const useClassCreate = (stack) => {\n    const docStack = useContext(DocStackContext);\n    return useCallback((className, classDesc) => __awaiter(void 0, void 0, void 0, function* () {\n        try {\n            if (!docStack) {\n                // Handle the case where the provider is not yet initialized or missing\n                // You could throw an error or return an empty state.\n                console.error('useClassCreate must be used within a DocStackProvider.');\n                // setLoading(false);\n                return Promise.resolve(null);\n            }\n            // Run the initial query\n            const stackInstance = docStack.getStack(stack);\n            if (stackInstance) {\n                const classObj_ = yield Class.create(stackInstance, className, \"class\", classDesc);\n                yield stackInstance.addClass(classObj_);\n                return classObj_;\n            }\n            return null;\n        }\n        catch (err) {\n            // setError(err);\n            console.error(err);\n            return null;\n        }\n    }), [docStack, stack]);\n};\n/**\n * Hook to retrieve a list of classes from a stack based on a selector.\n * Maintains a real-time list of classes matching the selector.\n *\n * @param stack - The name of the stack to query.\n * @param selector - Mango selector to filter classes.\n * @returns Object containing the list of classes, loading state, and error.\n *\n * @example\n * ```tsx\n * const ClassList = () => {\n *     const { classList, loading } = useClassList('my-stack', {\n *         name: { $regex: '^User' }\n *     });\n *\n *     if (loading) return <div>Loading...</div>;\n *\n *     return (\n *         <ul>\n *             {classList.map(cls => <li key={cls.id}>{cls.name}</li>)}\n *         </ul>\n *     );\n * };\n * ```\n */\nexport const useClassList = (stack, selector) => {\n    const docStack = useContext(DocStackContext);\n    const [originClass, setOriginClass] = useState();\n    const [classList, setClassList] = useState([]);\n    const classListRef = useRef([]);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState(null);\n    useEffect(() => {\n        // Only run if the docStack is available and a className is provided\n        if (!docStack) {\n            setLoading(false);\n            return;\n        }\n        const fetchClass = () => __awaiter(void 0, void 0, void 0, function* () {\n            setLoading(true);\n            setError(null);\n            try {\n                const stackInstance = docStack.getStack(stack);\n                if (stackInstance) {\n                    const retrievedClass = yield stackInstance.getClass('class');\n                    if (retrievedClass) {\n                        setOriginClass(retrievedClass);\n                    }\n                }\n            }\n            catch (err) {\n                setError(err);\n                setLoading(false);\n            }\n        });\n        fetchClass();\n        return () => {\n            // clean what?\n        };\n    }, [docStack, stack]); // Dependency on docStack and stack\n    useEffect(() => {\n        if (!originClass) {\n            return;\n        }\n        const runQueryAndListen = () => __awaiter(void 0, void 0, void 0, function* () {\n            setLoading(true);\n            try {\n                const initialClassModelList = yield originClass.getCards(selector);\n                const initialClassList = [];\n                const stackInstance = docStack.getStack(stack);\n                for (const cls of initialClassModelList) {\n                    const classInstance = yield Class.buildFromModel(stackInstance, cls);\n                    initialClassList.push(classInstance);\n                }\n                classListRef.current = initialClassList;\n                setClassList(classListRef.current);\n            }\n            catch (err) {\n                setError(err);\n            }\n            finally {\n                setLoading(false);\n            }\n            const changeListener = (change) => {\n                const doc = change.detail.doc;\n                console.log(\"useClassDocs - detail\", { detail: change.detail });\n                if (!doc.active) {\n                    // A doc was deleted\n                    console.log(\"useClassDocs - a doc was deleted\", { doc });\n                    const docIndex = classListRef.current.findIndex((d) => d.id == doc._id);\n                    if (docIndex != -1) {\n                        classListRef.current = [\n                            ...classListRef.current.slice(0, docIndex),\n                            ...classListRef.current.slice(docIndex + 1, classListRef.current.length)\n                        ];\n                    }\n                }\n                else {\n                    // A doc was changed or added\n                    const docIndex = classListRef.current.findIndex((d) => d.id == doc._id);\n                    if (docIndex != -1) {\n                        // A doc was changed\n                        classListRef.current = [\n                            ...classListRef.current.slice(0, docIndex),\n                            doc,\n                            ...classListRef.current.slice(docIndex + 1, classListRef.current.length)\n                        ];\n                    }\n                    else {\n                        // A doc was added\n                        classListRef.current.push(doc);\n                    }\n                }\n                setClassList([...classListRef.current]);\n            };\n            originClass.addEventListener('doc', changeListener);\n            return () => {\n                originClass.removeEventListener('doc', changeListener);\n            };\n        });\n        runQueryAndListen();\n    }, [originClass, JSON.stringify(selector)]); // Dependency on classObj and query\n    return { classList, loading, error };\n};\n/**\n * Hook to retrieve a single Class instance by name.\n *\n * @param stack - The name of the stack.\n * @param className - The name of the class to retrieve.\n * @returns Object containing the Class instance, loading state, and error.\n *\n * @example\n * ```tsx\n * const ClassDetails = () => {\n *     const { classObj, loading } = useClass('my-stack', 'User');\n *\n *     if (loading) return <div>Loading...</div>;\n *     if (!classObj) return <div>Class not found</div>;\n *\n *     return <div>Class Description: {classObj.description}</div>;\n * };\n * ```\n */\nexport const useClass = (stack, className) => {\n    const docStack = useContext(DocStackContext);\n    const [loading, setLoading] = useState(false);\n    const [error, setError] = useState();\n    const [classObj, setClass] = useState();\n    const reqRef = useRef(false);\n    useEffect(() => {\n        if (!docStack) {\n            // Handle the case where the provider is not yet initialized or missing\n            // You could throw an error or return an empty state.\n            console.error('useClass must be used within a DocStackProvider.');\n            setLoading(false);\n            return;\n        }\n        const fetchClass = () => __awaiter(void 0, void 0, void 0, function* () {\n            try {\n                const stackInstance = docStack.getStack(stack);\n                if (stackInstance) {\n                    const res = yield stackInstance.getClass(className);\n                    // TODO: manage class model (schema!) updates\n                    if (res) {\n                        setClass(res);\n                    }\n                }\n            }\n            catch (e) {\n                setError(e);\n            }\n            finally {\n                setLoading(false);\n            }\n        });\n        if (!reqRef.current) {\n            reqRef.current = true;\n            setLoading(true);\n            fetchClass();\n        }\n        return () => {\n            // reqRef.current = false;\n        };\n    }, [docStack, stack, className]);\n    return { loading, error, classObj };\n};\n/**\n * Hook to retrieve documents (cards) of a specific class.\n * Maintains a real-time list of documents matching the query.\n *\n * @param stack - The name of the stack.\n * @param className - The class name to fetch documents for.\n * @param query - Optional Mango selector to filter documents.\n * @returns Object containing the list of documents, loading state, and error.\n *\n * @example\n * ```tsx\n * const UserList = () => {\n *     const { docs, loading } = useClassDocs('my-stack', 'User', {\n *         age: { $gt: 18 }\n *     });\n *\n *     if (loading) return <div>Loading...</div>;\n *\n *     return (\n *         <ul>\n *             {docs.map(doc => <li key={doc._id}>{doc.name}</li>)}\n *         </ul>\n *     );\n * };\n * ```\n */\nexport const useClassDocs = (stack, className, query = {}) => {\n    const docStack = useContext(DocStackContext);\n    const [classObj, setClass] = useState();\n    const [docs, setDocs] = useState([]);\n    const docsRef = useRef([]);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState(null);\n    useEffect(() => {\n        // Only run if the docStack is available and a className is provided\n        if (!docStack || !className) {\n            setLoading(false);\n            return;\n        }\n        const fetchClass = () => __awaiter(void 0, void 0, void 0, function* () {\n            setLoading(true);\n            setError(null);\n            try {\n                const stackInstance = docStack.getStack(stack);\n                if (stackInstance) {\n                    const retrievedClass = yield stackInstance.getClass(className);\n                    if (retrievedClass) {\n                        setClass(retrievedClass);\n                    }\n                }\n            }\n            catch (err) {\n                setError(err);\n                setLoading(false);\n            }\n        });\n        fetchClass();\n        return () => {\n            // clean what?\n        };\n    }, [docStack, stack, className]); // Dependency on docStack and className\n    useEffect(() => {\n        if (!classObj) {\n            return;\n        }\n        const runQueryAndListen = () => __awaiter(void 0, void 0, void 0, function* () {\n            setLoading(true);\n            try {\n                debugger;\n                const initialDocs = yield classObj.getCards(query);\n                docsRef.current = initialDocs;\n                setDocs(docsRef.current);\n            }\n            catch (err) {\n                setError(err);\n            }\n            finally {\n                setLoading(false);\n            }\n            const changeListener = (change) => {\n                const doc = change.detail.doc;\n                console.log(\"useClassDocs - detail\", { detail: change.detail });\n                if (!doc.active) {\n                    // A doc was deleted\n                    console.log(\"useClassDocs - a doc was deleted\", { doc });\n                    const docIndex = docsRef.current.findIndex((d) => d._id == doc._id);\n                    if (docIndex != -1) {\n                        docsRef.current = [\n                            ...docsRef.current.slice(0, docIndex),\n                            ...docsRef.current.slice(docIndex + 1, docsRef.current.length)\n                        ];\n                    }\n                }\n                else {\n                    // A doc was changed or added\n                    console.log(\"useClassDocs - a doc was changed or added\", { doc });\n                    const docIndex = docsRef.current.findIndex((d) => d._id == doc._id);\n                    if (docIndex != -1) {\n                        // A doc was changed\n                        console.log(\"useClassDocs - a doc was changed\", { doc });\n                        docsRef.current = [\n                            ...docsRef.current.slice(0, docIndex),\n                            doc,\n                            ...docsRef.current.slice(docIndex + 1, docsRef.current.length)\n                        ];\n                    }\n                    else {\n                        // A doc was added\n                        console.log(\"useClassDocs - a doc was added\", { doc });\n                        docsRef.current.push(doc);\n                    }\n                }\n                setDocs([...docsRef.current]);\n            };\n            classObj.addEventListener('doc', changeListener);\n            return () => {\n                classObj.removeEventListener('doc', changeListener);\n            };\n        });\n        runQueryAndListen();\n    }, [classObj, JSON.stringify(query)]); // Dependency on classObj and query\n    return { docs, loading, error };\n};\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport { useContext, useCallback, useEffect, useRef, useState } from \"react\";\nimport { DocStackContext } from \"../components/StackProvider/index.js\";\nimport { Domain } from \"@docstack/shared\";\n/**\n * Hook to create a new Domain in a specific stack.\n *\n * @param stack - The name of the stack to create the domain in.\n * @returns A callback function to create the domain.\n *\n * @example\n * ```tsx\n * const CreateDomain = () => {\n *     const createDomain = useDomainCreate('my-stack');\n *     // Assume sourceClass and targetClass are available Class instances\n *\n *     const handleCreate = async () => {\n *         const newDomain = await createDomain(\n *             'UserProjects',\n *             '1:N',\n *             userClass,\n *             projectClass,\n *             'User has many projects'\n *         );\n *     };\n *\n *     return <button onClick={handleCreate}>Create Domain</button>;\n * };\n * ```\n */\nexport const useDomainCreate = (stack) => {\n    const docStack = useContext(DocStackContext);\n    return useCallback((domainName, cardinality, sourceClass, targetClass, domainDesc) => __awaiter(void 0, void 0, void 0, function* () {\n        try {\n            if (!docStack) {\n                // Handle the case where the provider is not yet initialized or missing\n                // You could throw an error or return an empty state.\n                console.error('useDomainCreate must be used within a DocStackProvider.');\n                // setLoading(false);\n                return Promise.resolve(null);\n            }\n            // Run the initial query\n            const stackInstance = docStack.getStack(stack);\n            if (stackInstance) {\n                const domain = yield Domain.create(stackInstance, null, domainName, \"domain\", cardinality, sourceClass, targetClass, domainDesc);\n                return domain;\n            }\n            return null;\n        }\n        catch (err) {\n            // setError(err);\n            console.error(err);\n            return null;\n        }\n    }), [docStack, stack]);\n};\n/**\n * Hook to retrieve a list of domains from a stack based on a selector.\n * Maintains a real-time list of domains matching the selector.\n *\n * @param stack - The name of the stack to query.\n * @param selector - Mango selector to filter domains.\n * @returns Object containing the list of domains, loading state, and error.\n *\n * @example\n * ```tsx\n * const DomainList = () => {\n *     const { domainList, loading } = useDomainList('my-stack', {\n *         relation: { $eq: '1:N' }\n *     });\n *\n *     if (loading) return <div>Loading...</div>;\n *\n *     return (\n *         <ul>\n *             {domainList.map(d => <li key={d.id}>{d.name} ({d.relation})</li>)}\n *         </ul>\n *     );\n * };\n * ```\n */\nexport const useDomainList = (stack, selector) => {\n    const docStack = useContext(DocStackContext);\n    const [originClass, setOriginClass] = useState();\n    const [domainList, setDomainList] = useState([]);\n    const domainListRef = useRef([]);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState(null);\n    useEffect(() => {\n        // Only run if the docStack is available and a className is provided\n        if (!docStack) {\n            setLoading(false);\n            return;\n        }\n        const fetchClass = () => __awaiter(void 0, void 0, void 0, function* () {\n            setLoading(true);\n            setError(null);\n            try {\n                const stackInstance = docStack.getStack(stack);\n                if (stackInstance) {\n                    const retrievedClass = yield stackInstance.getClass('domain');\n                    if (retrievedClass) {\n                        setOriginClass(retrievedClass);\n                    }\n                }\n            }\n            catch (err) {\n                setError(err);\n                setLoading(false);\n            }\n        });\n        fetchClass();\n        return () => {\n            // clean what?\n        };\n    }, [docStack, stack]); // Dependency on docStack and stack\n    useEffect(() => {\n        if (!originClass) {\n            return;\n        }\n        const runQueryAndListen = () => __awaiter(void 0, void 0, void 0, function* () {\n            setLoading(true);\n            try {\n                const stackInstance = docStack.getStack(stack);\n                const initialDomainModelList = yield originClass.getCards(selector);\n                const initDomainList = yield Promise.all(initialDomainModelList.map((dm) => __awaiter(void 0, void 0, void 0, function* () { return yield Domain.buildFromModel(stackInstance, dm); })));\n                domainListRef.current = initDomainList;\n                setDomainList(domainListRef.current);\n            }\n            catch (err) {\n                setError(err);\n            }\n            finally {\n                setLoading(false);\n            }\n            const changeListener = (change) => {\n                const doc = change.detail.doc;\n                if (!doc.active) {\n                    // A doc was deleted\n                    const docIndex = domainListRef.current.findIndex((d) => d.id == doc._id);\n                    if (docIndex != -1) {\n                        domainListRef.current = [\n                            ...domainListRef.current.slice(0, docIndex),\n                            ...domainListRef.current.slice(docIndex + 1, domainListRef.current.length)\n                        ];\n                    }\n                }\n                else {\n                    // A doc was changed or added\n                    const docIndex = domainListRef.current.findIndex((d) => d.id == doc._id);\n                    if (docIndex != -1) {\n                        // A doc was changed\n                        domainListRef.current = [\n                            ...domainListRef.current.slice(0, docIndex),\n                            doc,\n                            ...domainListRef.current.slice(docIndex + 1, domainListRef.current.length)\n                        ];\n                    }\n                    else {\n                        // A doc was added\n                        domainListRef.current.push(doc);\n                    }\n                }\n                setDomainList([...domainListRef.current]);\n            };\n            originClass.addEventListener('doc', changeListener);\n            return () => {\n                originClass.removeEventListener('doc', changeListener);\n            };\n        });\n        runQueryAndListen();\n    }, [originClass, JSON.stringify(selector)]); // Dependency on classObj and query\n    return { domainList, loading, error };\n};\n/**\n * Hook to retrieve a single Domain instance by name.\n *\n * @param stack - The name of the stack.\n * @param domainName - The name of the domain to retrieve.\n * @returns Object containing the Domain instance, loading state, and error.\n *\n * @example\n * ```tsx\n * const DomainDetails = () => {\n *     const { domain, loading } = useDomain('my-stack', 'UserProjects');\n *\n *     if (loading) return <div>Loading...</div>;\n *     if (!domain) return <div>Domain not found</div>;\n *\n *     return <div>Relation Type: {domain.relation}</div>;\n * };\n * ```\n */\nexport const useDomain = (stack, domainName) => {\n    const docStack = useContext(DocStackContext);\n    const [loading, setLoading] = useState(false);\n    const [error, setError] = useState();\n    const [domain, setDomain] = useState();\n    const reqRef = useRef(false);\n    useEffect(() => {\n        if (!docStack) {\n            // Handle the case where the provider is not yet initialized or missing\n            // You could throw an error or return an empty state.\n            console.error('useDomain must be used within a DocStackProvider.');\n            setLoading(false);\n            return;\n        }\n        const fetchClass = () => __awaiter(void 0, void 0, void 0, function* () {\n            try {\n                const stackInstance = docStack.getStack(stack);\n                if (stackInstance) {\n                    const res = yield stackInstance.getDomain(domainName);\n                    // TODO: manage class model (schema!) updates\n                    if (res) {\n                        setDomain(res);\n                    }\n                }\n            }\n            catch (e) {\n                setError(e);\n            }\n            finally {\n                setLoading(false);\n            }\n        });\n        if (!reqRef.current) {\n            reqRef.current = true;\n            setLoading(true);\n            fetchClass();\n        }\n        return () => {\n            // reqRef.current = false;\n        };\n    }, [docStack, stack, domainName]);\n    return { loading, error, domain };\n};\n/**\n * Hook to retrieve relation documents for a specific domain.\n * Maintains a real-time list of relations matching the query.\n *\n * @param stack - The name of the stack.\n * @param domainName - The domain name to fetch relations for.\n * @param query - Optional Mango selector to filter relations.\n * @returns Object containing the list of relation documents, loading state, and error.\n *\n * @example\n * ```tsx\n * const ProjectTasks = () => {\n *     const { docs, loading } = useDomainRelations('my-stack', 'ProjectTasks', {\n *         sourceId: { $eq: 'Project-123' }\n *     });\n *\n *     if (loading) return <div>Loading...</div>;\n *\n *     return (\n *         <ul>\n *             {docs.map(rel => (\n *                 <li key={rel._id}>Linked Task: {rel.targetId}</li>\n *             ))}\n *         </ul>\n *     );\n * };\n * ```\n */\nexport const useDomainRelations = (stack, domainName, query = {}) => {\n    const docStack = useContext(DocStackContext);\n    const [domain, setDomain] = useState();\n    const [docs, setDocs] = useState([]);\n    const docsRef = useRef([]);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState(null);\n    useEffect(() => {\n        // Only run if the docStack is available and a className is provided\n        if (!docStack || !domainName) {\n            setLoading(false);\n            return;\n        }\n        const fetchClass = () => __awaiter(void 0, void 0, void 0, function* () {\n            setLoading(true);\n            setError(null);\n            try {\n                const stackInstance = docStack.getStack(stack);\n                if (stackInstance) {\n                    const retrievedDomain = yield stackInstance.getDomain(domainName);\n                    if (retrievedDomain) {\n                        setDomain(retrievedDomain);\n                    }\n                }\n            }\n            catch (err) {\n                setError(err);\n                setLoading(false);\n            }\n        });\n        fetchClass();\n        return () => {\n            // clean what?\n        };\n    }, [docStack, stack, domainName]); // Dependency on docStack and className\n    useEffect(() => {\n        if (!domain) {\n            return;\n        }\n        const runQueryAndListen = () => __awaiter(void 0, void 0, void 0, function* () {\n            setLoading(true);\n            try {\n                const initialDocs = yield domain.getRelations(query);\n                docsRef.current = initialDocs;\n                setDocs(docsRef.current);\n            }\n            catch (err) {\n                setError(err);\n            }\n            finally {\n                setLoading(false);\n            }\n            const changeListener = (change) => {\n                const doc = change.detail.doc;\n                if (!doc.active) {\n                    // A doc was deleted\n                    const docIndex = docsRef.current.findIndex((d) => d._id == doc._id);\n                    if (docIndex != -1) {\n                        docsRef.current = [\n                            ...docsRef.current.slice(0, docIndex),\n                            ...docsRef.current.slice(docIndex + 1, docsRef.current.length)\n                        ];\n                    }\n                }\n                else {\n                    // A doc was changed or added\n                    console.log(\"useDomainRelations - a doc was changed or added\", { doc });\n                    const docIndex = docsRef.current.findIndex((d) => d._id == doc._id);\n                    if (docIndex != -1) {\n                        // A doc was changed\n                        console.log(\"useDomainRelations - a doc was changed\", { doc });\n                        docsRef.current = [\n                            ...docsRef.current.slice(0, docIndex),\n                            doc,\n                            ...docsRef.current.slice(docIndex + 1, docsRef.current.length)\n                        ];\n                    }\n                    else {\n                        // A doc was added\n                        console.log(\"useDomainRelations - a doc was added\", { doc });\n                        docsRef.current.push(doc);\n                    }\n                }\n                setDocs([...docsRef.current]);\n            };\n            domain.addEventListener('doc', changeListener);\n            return () => {\n                domain.removeEventListener('doc', changeListener);\n            };\n        });\n        runQueryAndListen();\n    }, [domain, JSON.stringify(query)]); // Dependency on classObj and query\n    return { docs, loading, error };\n};\n"],"names":["REACT_ELEMENT_TYPE","Symbol","for","exports","jsx","type","config","maybeKey","key","propName","ref","$$typeof","props","module","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","DocStackContext","useDocStack","children","credentials","docStackRef","docStack","setDocStack","setsDocStackWhenReady","current","length","console","log","mergedConfig","map","cfg","idx","cred","Array","isArray","connection","assign","instance","addEventListener","Provider","value","__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","step","next","e","rejected","result","done","then","apply","useQuerySQL","stack","sql","params","setResult","rows","ast","loading","setLoading","error","setError","queryRef","stackInstance","getStack","queryResult","query","err","useFind","sort","limit","docs","setDocs","initialDocs","findDocuments","selector","fields","changeListener","change","removeEventListener","JSON","stringify","className","classDesc","classObj_","create","addClass","useClassList","originClass","setOriginClass","classList","setClassList","classListRef","retrievedClass","getClass","initialClassModelList","getCards","initialClassList","cls","classInstance","buildFromModel","push","doc","detail","active","docIndex","findIndex","id","_id","slice","useClass","classObj","setClass","reqRef","res","useClassDocs","docsRef","useDomainCreate","domainName","cardinality","sourceClass","targetClass","domainDesc","useDomainList","domainList","setDomainList","domainListRef","initialDomainModelList","initDomainList","all","dm","useDomain","domain","setDomain","getDomain","useDomainRelations","retrievedDomain","getRelations"],"ignoreList":[],"sourceRoot":""}