@seedprotocol/sdk 0.3.8 → 0.3.10

package/dist/src/browser/helpers/eas.js

@@ -0,0 +1,89 @@
+import { getModels } from '../../db/read/getModels.js';
+import { toSnakeCase } from '../../helpers/index.js';
+import { BaseEasClient } from '../../helpers/EasClient/BaseEasClient.js';
+import { BaseQueryClient } from '../../helpers/QueryClient/BaseQueryClient.js';
+import { GET_SCHEMAS, GET_VERSIONS, GET_PROPERTIES } from '../../Item/queries.js';
+
+const getModelSchemasFromEas = async () => {
+    const queryClient = BaseQueryClient.getQueryClient();
+    const easClient = BaseEasClient.getEasClient();
+    const models = await getModels();
+    const OR = [];
+    for (const [modelName, _] of Object.entries(models)) {
+        OR.push({
+            schema: {
+                equals: `bytes32 ${toSnakeCase(modelName)}`,
+            },
+        });
+        OR.push({
+            schema: {
+                equals: `bytes32 image`,
+            },
+        });
+    }
+    const modelSchemas = await queryClient.fetchQuery({
+        queryKey: [`getSchemasAllModels`],
+        queryFn: async () => easClient.request(GET_SCHEMAS, {
+            where: {
+                OR,
+            },
+        }),
+    });
+    if (!modelSchemas ||
+        !modelSchemas.schemas ||
+        modelSchemas.schemas.length === 0) {
+        throw new Error(`No schemas found for models`);
+    }
+    return modelSchemas.schemas;
+};
+const getItemVersionsFromEas = async ({ seedUids }) => {
+    const queryClient = BaseQueryClient.getQueryClient();
+    const easClient = BaseEasClient.getEasClient();
+    const { itemVersions } = await queryClient.fetchQuery({
+        queryKey: [`getVersionsForAllModels`],
+        queryFn: async () => easClient.request(GET_VERSIONS, {
+            where: {
+                refUID: {
+                    in: seedUids,
+                },
+            },
+        }),
+    });
+    return itemVersions;
+};
+const getItemPropertiesFromEas = async ({ versionUids }) => {
+    const queryClient = BaseQueryClient.getQueryClient();
+    const easClient = BaseEasClient.getEasClient();
+    const { itemProperties } = await queryClient.fetchQuery({
+        queryKey: [`getPropertiesForAllModels`],
+        queryFn: async () => easClient.request(GET_PROPERTIES, {
+            where: {
+                refUID: {
+                    in: versionUids,
+                },
+            },
+        }),
+    });
+    return itemProperties;
+};
+const getSchemaUidBySchemaName = async ({ schemaName }) => {
+    const queryClient = BaseQueryClient.getQueryClient();
+    const easClient = BaseEasClient.getEasClient();
+    const { schemas } = await queryClient.fetchQuery({
+        queryKey: [`getSchemaUidBySchemaName`],
+        queryFn: async () => easClient.request(GET_SCHEMAS, {
+            where: {
+                schema: {
+                    endsWith: schemaName,
+                },
+            },
+        }),
+    });
+    if (!schemas || schemas.length === 0) {
+        throw new Error(`No schemas found for schema name ${schemaName}`);
+    }
+    return schemas[0].id;
+};
+
+export { getItemPropertiesFromEas, getItemVersionsFromEas, getModelSchemasFromEas, getSchemaUidBySchemaName };
+//# sourceMappingURL=eas.js.map

package/dist/src/browser/helpers/eas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eas.js","sources":["../../../../../src/browser/helpers/eas.ts"],"sourcesContent":["import { getModels } from \"@/db/read/getModels\"\nimport { toSnakeCase } from \"@/helpers\"\nimport { BaseEasClient } from \"@/helpers/EasClient/BaseEasClient\"\nimport { BaseQueryClient } from \"@/helpers/QueryClient/BaseQueryClient\"\nimport { GET_PROPERTIES, GET_SCHEMAS, GET_VERSIONS } from \"@/Item/queries\"\nimport { Attestation, Schema } from \"@/graphql/gql/graphql\"\n\ntype GetModelSchemasFromEas = () => Promise<Schema[]>\n\n\nexport const getModelSchemasFromEas: GetModelSchemasFromEas = async () => {\n  const queryClient = BaseQueryClient.getQueryClient()\n  const easClient = BaseEasClient.getEasClient()\n\n  const models = await getModels()\n\n  const OR: Record<string, unknown>[] = []\n\n  for (const [modelName, _] of Object.entries(models)) {\n    OR.push({\n      schema: {\n        equals: `bytes32 ${toSnakeCase(modelName)}`,\n      },\n    })\n\n    OR.push({\n      schema: {\n        equals: `bytes32 image`,\n      },\n    })\n  }\n\n  const modelSchemas = await queryClient.fetchQuery({\n    queryKey: [`getSchemasAllModels`],\n    queryFn: async () =>\n      easClient.request(GET_SCHEMAS, {\n        where: {\n          OR,\n        },\n      }),\n  })\n\n  if (\n    !modelSchemas ||\n    !modelSchemas.schemas ||\n    modelSchemas.schemas.length === 0\n  ) {\n    throw new Error(`No schemas found for models`)\n  }\n\n  return modelSchemas.schemas\n}\n\ntype GetItemVersionsFromEasProps = {\n  seedUids: string[]\n}\n\ntype GetItemVersionsFromEas = (\n  props: GetItemVersionsFromEasProps,\n) => Promise<Attestation[]>\n\n\nexport const getItemVersionsFromEas: GetItemVersionsFromEas = async ({ seedUids }) => {\n  const queryClient = BaseQueryClient.getQueryClient()\n  const easClient = BaseEasClient.getEasClient()\n\n  const { itemVersions } = await queryClient.fetchQuery({\n    queryKey: [`getVersionsForAllModels`],\n    queryFn: async () =>\n      easClient.request(GET_VERSIONS, {\n        where: {\n          refUID: {\n            in: seedUids,\n          },\n        },\n      }),\n  })\n\n  return itemVersions\n}\n\ntype GetItemPropertiesFromEasProps = {\n  versionUids: string[]\n}\n\ntype GetItemPropertiesFromEas = (\n  props: GetItemPropertiesFromEasProps,\n) => Promise<Attestation[]>\n\nexport const getItemPropertiesFromEas: GetItemPropertiesFromEas = async ({ versionUids }) => {\n  const queryClient = BaseQueryClient.getQueryClient()\n  const easClient = BaseEasClient.getEasClient()\n  \n  const { itemProperties } = await queryClient.fetchQuery({\n    queryKey: [`getPropertiesForAllModels`],\n    queryFn: async () =>\n      easClient.request(GET_PROPERTIES, {\n        where: {\n          refUID: {\n            in: versionUids,\n          },\n        },\n      }),\n  })\n\n  return itemProperties\n}\n\ntype GetSchemaUidBySchemaNameProps = {\n  schemaName: string\n}\n\ntype GetSchemaUidBySchemaName = (\n  props: GetSchemaUidBySchemaNameProps,\n) => Promise<string>\n\nexport const getSchemaUidBySchemaName: GetSchemaUidBySchemaName = async ({ schemaName }) => {\n  const queryClient = BaseQueryClient.getQueryClient()\n  const easClient = BaseEasClient.getEasClient()\n  \n  const { schemas } = await queryClient.fetchQuery({\n    queryKey: [`getSchemaUidBySchemaName`],\n    queryFn: async () =>\n      easClient.request(GET_SCHEMAS, {\n        where: {\n          schema: {\n            endsWith: schemaName,\n          },\n        },\n      }),\n  })\n\n  if (!schemas || schemas.length === 0) {\n    throw new Error(`No schemas found for schema name ${schemaName}`)\n  }\n\n  return schemas[0].id\n}\n"],"names":[],"mappings":"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"}

package/dist/src/browser/index.d.ts

@@ -1,5 +1,4 @@
 export * from './db/Db';
-export * from './db/sqlWasmClient';
 export * from './react';
 export * from './Item';
 export * from './ItemProperty';

package/dist/src/browser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/browser/index.ts"],"names":[],"mappings":"AAGA,cAAc,SAAS,CAAA;AACvB,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/browser/index.ts"],"names":[],"mappings":"AAGA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA"}

package/dist/src/browser/react/SeedImage.d.ts

@@ -0,0 +1,11 @@
+import { FC, DetailedHTMLProps, ImgHTMLAttributes } from 'react';
+import { BaseItemProperty } from "@/ItemProperty/BaseItemProperty";
+type SeedImageProps = DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> & {
+    imageProperty: BaseItemProperty<any>;
+    alt?: string;
+    width?: number;
+    height?: number;
+};
+declare const SeedImage: FC<SeedImageProps>;
+export default SeedImage;
+//# sourceMappingURL=SeedImage.d.ts.map

package/dist/src/browser/react/SeedImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeedImage.d.ts","sourceRoot":"","sources":["../../../../src/browser/react/SeedImage.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAuC,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAI5G,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AA0ClE,KAAK,cAAc,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,GAAG;IAC/F,aAAa,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA6EjC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/src/browser/react/SeedImage.js

@@ -0,0 +1,105 @@
+import React, { useState, useEffect } from 'react';
+import debug from 'debug';
+import { FileManager } from '../helpers/FileManager.js';
+import { useItemProperty } from './property.js';
+
+const logger = debug('seedSdk:react:SeedImage');
+// Cache for content URLs
+const contentUrlCache = new Map();
+const getFileNameWithoutExtension = (filePath) => {
+    // This regex has 3 parts:
+    // 1. (.*[\/\\]) - Captures the directory path (if any) ending with / or \
+    // 2. ([^\/\\]+) - Captures the filename (anything that's not a / or \)
+    // 3. (\.[^.\/\\]*)?$ - Captures the last extension (if any)
+    const regex = /^(.*[\/\\])?([^\/\\]+?)(\.[^.\/\\]*)?$/;
+    const match = filePath.match(regex);
+    if (match && match[2]) {
+        return match[2];
+    }
+    return filePath; // Return original if no match (unlikely)
+};
+// Helper function to escape special regex characters
+function escapeRegExp(string) {
+    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+}
+function matchFileNameWithoutExtension(fileName, targetName) {
+    // Create a regex pattern that matches the targetName
+    // ^ - start of string
+    // targetName is escaped to handle special regex characters
+    // $ - end of string
+    const regex = new RegExp(`^${escapeRegExp(targetName)}$`);
+    // First get the filename without extension
+    const nameWithoutExt = getFileNameWithoutExtension(fileName);
+    // Then check if it matches the target name
+    return regex.test(nameWithoutExt);
+}
+const SeedImage = ({ imageProperty, width, ...props }) => {
+    const [sizedContentUrl, setSizedContentUrl] = useState();
+    const { property, value: srcUrl } = useItemProperty({
+        propertyName: imageProperty.propertyName,
+        seedLocalId: imageProperty.seedLocalId,
+        seedUid: imageProperty.seedUid
+    });
+    useEffect(() => {
+        if (!property || !width || !property.localStoragePath) {
+            return;
+        }
+        const _getSizedContentUrl = async () => {
+            const fs = await FileManager.getFs();
+            const baseDir = `/files${property.localStorageDir}`;
+            const itemsInDir = fs.readdirSync(baseDir, { withFileTypes: true });
+            const widthDirs = itemsInDir.filter(item => item.isDirectory());
+            const availableWidths = widthDirs.map(dir => parseInt(dir.name));
+            const closestWidth = availableWidths.reduce((prev, curr) => {
+                return (Math.abs(curr - width) < Math.abs(prev - width) ? curr : prev);
+            }, availableWidths[0]);
+            if (!property.refResolvedValue) {
+                return;
+            }
+            const filenameWithoutExtension = getFileNameWithoutExtension(property.refResolvedValue);
+            // Check cache first
+            const cacheKey = `${filenameWithoutExtension}-${closestWidth}`;
+            if (contentUrlCache.has(cacheKey)) {
+                try {
+                    const contentUrl = contentUrlCache.get(cacheKey);
+                    const response = await fetch(contentUrl);
+                    if (response.ok) {
+                        setSizedContentUrl(contentUrl);
+                        return;
+                    }
+                }
+                catch (error) {
+                    logger('error', error);
+                    contentUrlCache.delete(cacheKey);
+                }
+            }
+            const itemsInSizedDir = fs.readdirSync(`${baseDir}/${closestWidth}`, { withFileTypes: true });
+            const matchingFile = itemsInSizedDir.find((item) => {
+                if (!item.name) {
+                    return false;
+                }
+                return matchFileNameWithoutExtension(item.name, filenameWithoutExtension);
+            });
+            if (!matchingFile) {
+                return;
+            }
+            const newPath = `${baseDir}/${closestWidth}/${matchingFile?.name}`;
+            const exists = await FileManager.pathExists(newPath);
+            if (exists) {
+                const contentUrl = await FileManager.getContentUrlFromPath(newPath);
+                if (contentUrl) {
+                    contentUrlCache.set(cacheKey, contentUrl);
+                    setSizedContentUrl(contentUrl);
+                }
+            }
+        };
+        _getSizedContentUrl();
+    }, [property, width, srcUrl]);
+    if (!sizedContentUrl && (!srcUrl || !srcUrl.startsWith('blob:'))) {
+        return null;
+    }
+    return (React.createElement("img", { src: sizedContentUrl || srcUrl, alt: props.alt || imageProperty.propertyName || 'Image', ...props }));
+};
+
+export { SeedImage as default };
+//# sourceMappingURL=SeedImage.js.map

package/dist/src/browser/react/SeedImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeedImage.js","sources":["../../../../../src/browser/react/SeedImage.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, useState, useEffect, DetailedHTMLProps, ImgHTMLAttributes } from 'react'\nimport debug                                                                                    from 'debug'\nimport { FileManager } from \"../helpers/FileManager\"\nimport { useItemProperty } from \"./property\"\nimport { BaseItemProperty } from \"@/ItemProperty/BaseItemProperty\"\n\nconst logger = debug('seedSdk:react:SeedImage')\n\n// Cache for content URLs\nconst contentUrlCache = new Map<string, string>()\n\nconst getFileNameWithoutExtension = (filePath: string): string => {\n  // This regex has 3 parts:\n  // 1. (.*[\\/\\\\]) - Captures the directory path (if any) ending with / or \\\n  // 2. ([^\\/\\\\]+) - Captures the filename (anything that's not a / or \\)\n  // 3. (\\.[^.\\/\\\\]*)?$ - Captures the last extension (if any)\n  const regex = /^(.*[\\/\\\\])?([^\\/\\\\]+?)(\\.[^.\\/\\\\]*)?$/;\n  \n  const match = filePath.match(regex);\n  \n  if (match && match[2]) {\n    return match[2];\n  }\n  \n  return filePath; // Return original if no match (unlikely)\n}\n\n// Helper function to escape special regex characters\nfunction escapeRegExp(string: string): string {\n  return string.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n\nfunction matchFileNameWithoutExtension(fileName: string, targetName: string): boolean {\n  // Create a regex pattern that matches the targetName\n  // ^ - start of string\n  // targetName is escaped to handle special regex characters\n  // $ - end of string\n  const regex = new RegExp(`^${escapeRegExp(targetName)}$`);\n  \n  // First get the filename without extension\n  const nameWithoutExt = getFileNameWithoutExtension(fileName);\n  \n  // Then check if it matches the target name\n  return regex.test(nameWithoutExt);\n}\n\ntype SeedImageProps = DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> & {\n  imageProperty: BaseItemProperty<any>\n  alt?: string\n  width?: number\n  height?: number\n}\n\nconst SeedImage: FC<SeedImageProps> = ({ imageProperty, width, ...props }) => {\n\n  const [sizedContentUrl, setSizedContentUrl] = useState<string | undefined>()\n\n  const {property, value: srcUrl} = useItemProperty({\n    propertyName: imageProperty.propertyName,\n    seedLocalId: imageProperty.seedLocalId,\n    seedUid: imageProperty.seedUid\n  })\n\n  useEffect(() => {\n    if (!property || !width || !property.localStoragePath) {\n      return\n    }\n\n    const _getSizedContentUrl = async () => {\n      const fs = await FileManager.getFs()\n      const baseDir = `/files${property.localStorageDir}`\n      const itemsInDir = fs.readdirSync(baseDir, {withFileTypes: true})\n      const widthDirs = itemsInDir.filter(item => item.isDirectory())\n      const availableWidths = widthDirs.map(dir => parseInt(dir.name))\n      const closestWidth = availableWidths.reduce((prev, curr) => {\n        return (Math.abs(curr - width) < Math.abs(prev - width) ? curr : prev)\n      }, availableWidths[0])\n      if (!property.refResolvedValue) {\n        return\n      }\n      const filenameWithoutExtension = getFileNameWithoutExtension(property.refResolvedValue)\n\n      // Check cache first\n      const cacheKey = `${filenameWithoutExtension}-${closestWidth}`\n      if (contentUrlCache.has(cacheKey)) {\n        try {\n          const contentUrl = contentUrlCache.get(cacheKey)\n          const response = await fetch(contentUrl)\n          if (response.ok) {\n            setSizedContentUrl(contentUrl)\n            return\n          }\n        } catch (error) {\n          logger('error', error)\n          contentUrlCache.delete(cacheKey)\n        }\n      }\n\n      const itemsInSizedDir = fs.readdirSync(`${baseDir}/${closestWidth}`, {withFileTypes: true})\n\n      const matchingFile = itemsInSizedDir.find((item) => {\n        if (!item.name) {\n          return false\n        }\n        return matchFileNameWithoutExtension(item.name, filenameWithoutExtension)\n      })\n      if (!matchingFile) {\n        return\n      }\n      const newPath = `${baseDir}/${closestWidth}/${matchingFile?.name}`\n      const exists = await FileManager.pathExists(newPath)\n      if (exists) {\n        const contentUrl = await FileManager.getContentUrlFromPath(newPath)\n        if (contentUrl) {\n          contentUrlCache.set(cacheKey, contentUrl)\n          setSizedContentUrl(contentUrl)\n        }\n      }\n    }\n\n    _getSizedContentUrl()\n  }, [property, width, srcUrl])\n\n  if (!sizedContentUrl && (!srcUrl || !srcUrl.startsWith('blob:'))) {\n    return null\n  }\n\n  return (\n    <img src={sizedContentUrl || srcUrl} alt={props.alt || imageProperty.propertyName || 'Image'} {...props} />\n  )\n}\n\nexport default SeedImage\n"],"names":[],"mappings":"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"}

package/dist/src/browser/react/index.d.ts

@@ -2,5 +2,6 @@ export * from './item';
 export * from './property';
 export * from './services';
 export * from './db';
-export { useDeleteItem } from '@/browser/react/trash';
+export { useDeleteItem } from './trash';
+export { useModels } from './model';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/browser/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/browser/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,MAAM,CAAA;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/browser/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,MAAM,CAAA;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA"}

package/dist/src/browser/react/item.d.ts

@@ -1,19 +1,19 @@
-import { Item } from '@/browser/Item';
+import { Item } from '../Item/Item';
 import { ModelValues } from '@/types';
 import { BaseItem } from '@/Item/BaseItem';
-type UseItemProps = {
-    modelName: string;
-    seedLocalId?: string;
-    seedUid?: string;
-};
 type UseItemReturn<T extends ModelValues<T>> = {
     item: Item<T> | undefined;
     itemData: ItemData<T>;
     itemStatus: string | Record<string, unknown> | undefined;
 };
-type UseItem<T> = (props: UseItemProps) => UseItemReturn<T>;
+type UseItemProps = {
+    modelName: string;
+    seedLocalId?: string;
+    seedUid?: string;
+};
+type UseItem = <T extends ModelValues<T>>(props: UseItemProps) => UseItemReturn<T>;
 type ItemData<T> = Record<string, Partial<T>>;
-export declare const useItem: UseItem<any>;
+export declare const useItem: UseItem;
 type UseItemsReturn = {
     items: BaseItem<any>[];
     isReadingDb: boolean;

package/dist/src/browser/react/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/browser/react/item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAOrC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGrC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAI1C,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,aAAa,CAAC,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,IAAI;IAC7C,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IACrB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAA;CACzD,CAAA;AAED,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,KAAK,aAAa,CAAC,CAAC,CAAC,CAAA;AAE3D,KAAK,QAAQ,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;AAE7C,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,GAAG,CAyJhC,CAAA;AACD,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAA;AACD,KAAK,aAAa,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AACD,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,cAAc,CAAA;AACxD,eAAO,MAAM,QAAQ,EAAE,QAgEtB,CAAA;AAED,eAAO,MAAM,cAAc;;CA2B1B,CAAA;AACD,eAAO,MAAM,aAAa,GAAI,CAAC,aAAa,MAAM;;;CAwCjD,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAA;AAEjD,KAAK,oBAAoB,GAAG;IAC1B,WAAW,EAAE,CACX,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,EAC3B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,GAAG,KAC1C,IAAI,CAAA;IACT,YAAY,EAAE,OAAO,CAAA;CACtB,CAAA;AAQD,eAAO,MAAM,cAAc,QAAO,oBA8BjC,CAAA"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/browser/react/item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAOnC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGrC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAI1C,KAAK,aAAa,CAAC,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,IAAI;IAC7C,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IACrB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAA;CACzD,CAAA;AAED,KAAK,YAAY,GAAG;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,OAAO,GAAG,CAAC,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,KAAK,aAAa,CAAC,CAAC,CAAC,CAAA;AAElF,KAAK,QAAQ,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;AAE7C,eAAO,MAAM,OAAO,EAAE,OA8GrB,CAAA;AAED,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,KAAK,aAAa,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,cAAc,CAAA;AAExD,eAAO,MAAM,QAAQ,EAAE,QAgEtB,CAAA;AAED,eAAO,MAAM,cAAc;;CA2B1B,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,aAAa,MAAM;;;CAwCjD,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAA;AAEjD,KAAK,oBAAoB,GAAG;IAC1B,WAAW,EAAE,CACX,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,EAC3B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,GAAG,KAC1C,IAAI,CAAA;IACT,YAAY,EAAE,OAAO,CAAA;CACtB,CAAA;AASD,eAAO,MAAM,cAAc,QAAO,oBA8BjC,CAAA"}

package/dist/src/browser/react/item.js

@@ -12,54 +12,6 @@ import { useSelector } from '@xstate/react';
 
 const logger = debug('seedSdk:react:item');
 const useItem = ({ modelName, seedLocalId, seedUid }) => {
-    // const [itemSubscription, setItemSubscription] = useState<
-    //   Subscription | undefined
-    // >()
-    //
-    // const queryClient = useQueryClient()
-    //
-    // const { data: item } = useQuery({
-    //   queryKey: ['item', modelName, seedLocalId, seedUid],
-    //   queryFn: async () =>
-    //     Item.find({
-    //       modelName,
-    //       seedLocalId,
-    //       seedUid,
-    //     }),
-    //   networkMode: 'offlineFirst',
-    // })
-    //
-    // const updateItem = async (newItem: Item<any>) => {
-    //   queryClient.setQueryData(['item', modelName, seedLocalId, seedUid], newItem)
-    // }
-    //
-    // useEffect(() => {
-    //   if (item && item.subscribe && !itemSubscription) {
-    //     const subscription = item.subscribe(async (_) => {
-    //       const newItem = await Item.find({ modelName, seedLocalId, seedUid })
-    //       if (!newItem) {
-    //         logger(
-    //           '[useItem] [itemSubscription] no item found',
-    //           modelName,
-    //           seedLocalId,
-    //         )
-    //         return
-    //       }
-    //       updateItem(newItem)
-    //     })
-    //     setItemSubscription(subscription)
-    //   }
-    //
-    //   return () => {
-    //     itemSubscription?.unsubscribe()
-    //   }
-    // }, [item, itemSubscription])
-    //
-    // return {
-    //   item,
-    //   itemData: {},
-    //   itemStatus: undefined,
-    // }
     const [itemData, setItemData] = useImmer({});
     const [item, setItem] = useState();
     const [itemSubscription, setItemSubscription] = useState();
@@ -69,7 +21,7 @@ const useItem = ({ modelName, seedLocalId, seedUid }) => {
     const updateItem = useCallback((newItem) => {
         setItemData((draft) => {
             Object.keys(newItem.properties).forEach((propertyName) => {
-                const value = newItem[propertyName];
+                const value = newItem.properties[propertyName].value;
                 draft[propertyName] = value;
             });
         });
@@ -91,10 +43,10 @@ const useItem = ({ modelName, seedLocalId, seedUid }) => {
             isReadingDb.current = false;
             return;
         }
-        setItem(() => foundItem);
+        setItem(foundItem);
         updateItem(foundItem);
         isReadingDb.current = false;
-    }, [internalStatus]);
+    }, [internalStatus,]);
     const listenerRef = useRef(readFromDb);
     useEffect(() => {
         listenerRef.current = readFromDb;
@@ -107,13 +59,17 @@ const useItem = ({ modelName, seedLocalId, seedUid }) => {
     useEffect(() => {
         if (item && !itemSubscription) {
             const subscription = item.subscribe(async (_) => {
-                const newItem = await Item.find({ modelName, seedLocalId, seedUid });
+                const newItem = await Item.find({
+                    modelName,
+                    seedLocalId,
+                    seedUid
+                });
                 if (!newItem) {
                     logger('[useItem] [itemSubscription] no item found', modelName, seedLocalId);
                     return;
                 }
                 updateItem(newItem);
-                setItem(() => newItem);
+                setItem(newItem);
             });
             setItemSubscription(subscription);
         }

package/dist/src/browser/react/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../../src/browser/react/item.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport { createNewItem } from '@/db/write/createNewItem'\nimport { Item } from '@/browser/Item'\nimport { eventEmitter } from '@/eventBus'\nimport { useImmer } from 'use-immer'\nimport { orderBy } from 'lodash-es'\nimport { getAreItemEventHandlersReady } from '@/events'\nimport debug from 'debug'\nimport { useGlobalServiceStatus } from '@/browser/react/services'\nimport { ModelValues } from '@/types'\nimport { Subscription } from 'xstate'\nimport { useSelector } from '@xstate/react'\nimport { BaseItem } from '@/Item/BaseItem'\n\nconst logger = debug('seedSdk:react:item')\n\ntype UseItemProps = {\n  modelName: string\n  seedLocalId?: string\n  seedUid?: string\n}\n\ntype UseItemReturn<T extends ModelValues<T>> = {\n  item: Item<T> | undefined\n  itemData: ItemData<T>\n  itemStatus: string | Record<string, unknown> | undefined\n}\n\ntype UseItem<T> = (props: UseItemProps) => UseItemReturn<T>\n\ntype ItemData<T> = Record<string, Partial<T>>\n\nexport const useItem: UseItem<any> = ({ modelName, seedLocalId, seedUid }) => {\n  // const [itemSubscription, setItemSubscription] = useState<\n  //   Subscription | undefined\n  // >()\n  //\n  // const queryClient = useQueryClient()\n  //\n  // const { data: item } = useQuery({\n  //   queryKey: ['item', modelName, seedLocalId, seedUid],\n  //   queryFn: async () =>\n  //     Item.find({\n  //       modelName,\n  //       seedLocalId,\n  //       seedUid,\n  //     }),\n  //   networkMode: 'offlineFirst',\n  // })\n  //\n  // const updateItem = async (newItem: Item<any>) => {\n  //   queryClient.setQueryData(['item', modelName, seedLocalId, seedUid], newItem)\n  // }\n  //\n  // useEffect(() => {\n  //   if (item && item.subscribe && !itemSubscription) {\n  //     const subscription = item.subscribe(async (_) => {\n  //       const newItem = await Item.find({ modelName, seedLocalId, seedUid })\n  //       if (!newItem) {\n  //         logger(\n  //           '[useItem] [itemSubscription] no item found',\n  //           modelName,\n  //           seedLocalId,\n  //         )\n  //         return\n  //       }\n  //       updateItem(newItem)\n  //     })\n  //     setItemSubscription(subscription)\n  //   }\n  //\n  //   return () => {\n  //     itemSubscription?.unsubscribe()\n  //   }\n  // }, [item, itemSubscription])\n  //\n  // return {\n  //   item,\n  //   itemData: {},\n  //   itemStatus: undefined,\n  // }\n\n  const [itemData, setItemData] = useImmer<ItemData<any>>({})\n  const [item, setItem] = useState<Item<any> | undefined>()\n  const [itemSubscription, setItemSubscription] = useState<\n    Subscription | undefined\n  >()\n\n  const { status, internalStatus } = useGlobalServiceStatus()\n\n  const isReadingDb = useRef(false)\n\n  const itemStatus = useSelector(\n    item?.getService(),\n    (snapshot) => snapshot?.value,\n  )\n\n  const updateItem = useCallback(\n    (newItem: Item<any>) => {\n      setItemData((draft) => {\n        Object.keys(newItem.properties).forEach((propertyName) => {\n          const value = newItem[propertyName]\n          draft[propertyName] = value\n        })\n      })\n    },\n    [setItemData],\n  )\n\n  const readFromDb = useCallback(async () => {\n    if (\n      isReadingDb.current ||\n      internalStatus !== 'ready' ||\n      (!seedUid && !seedLocalId)\n    ) {\n      return\n    }\n    isReadingDb.current = true\n    const foundItem = await Item.find({\n      modelName,\n      seedLocalId,\n      seedUid,\n    })\n    if (!foundItem) {\n      logger('[useItem] [getItemFromDb] no item found', modelName, seedLocalId)\n      isReadingDb.current = false\n      return\n    }\n    setItem(() => foundItem)\n    updateItem(foundItem)\n    isReadingDb.current = false\n  }, [internalStatus])\n\n  const listenerRef = useRef(readFromDb)\n\n  useEffect(() => {\n    listenerRef.current = readFromDb\n  }, [readFromDb])\n\n  useEffect(() => {\n    if (internalStatus === 'ready') {\n      listenerRef.current()\n    }\n  }, [internalStatus, status])\n\n  useEffect(() => {\n    if (item && !itemSubscription) {\n      const subscription = item.subscribe(async (_) => {\n        const newItem = await Item.find({ modelName, seedLocalId, seedUid })\n        if (!newItem) {\n          logger(\n            '[useItem] [itemSubscription] no item found',\n            modelName,\n            seedLocalId,\n          )\n          return\n        }\n        updateItem(newItem)\n        setItem(() => newItem)\n      })\n      setItemSubscription(subscription)\n    }\n\n    return () => {\n      itemSubscription?.unsubscribe()\n    }\n  }, [item, itemSubscription])\n\n  useEffect(() => {\n    const seedId = seedUid || seedLocalId\n\n    eventEmitter.addListener(`item.${modelName}.${seedId}.update`, () => {\n      listenerRef.current()\n    })\n\n    return () => {\n      eventEmitter.removeListener(`item.${modelName}.${seedId}.update`)\n    }\n  }, [])\n\n  return {\n    item,\n    itemData,\n    itemStatus,\n  }\n}\ntype UseItemsReturn = {\n  items: BaseItem<any>[]\n  isReadingDb: boolean\n}\ntype UseItemsProps = {\n  modelName?: string\n  deleted?: boolean\n}\ntype UseItems = (props: UseItemsProps) => UseItemsReturn\nexport const useItems: UseItems = ({ modelName, deleted=false }) => {\n  const [items, setItems] = useImmer<BaseItem<any>[]>([])\n\n  const { status, internalStatus } = useGlobalServiceStatus()\n\n  const modelNameRef = useRef<string | undefined>(modelName)\n\n  const isReadingDb = useRef(false)\n\n  const readFromDb = useCallback(async () => {\n    if (isReadingDb.current || internalStatus !== 'ready') {\n      return\n    }\n    isReadingDb.current = true\n    const allItems = await Item.all(modelNameRef.current, deleted)\n    setItems(() => [])\n    setItems(() => allItems)\n    isReadingDb.current = false\n  }, [internalStatus])\n\n  const listenerRef = useRef(readFromDb)\n\n  useEffect(() => {\n    listenerRef.current = readFromDb\n  }, [readFromDb])\n\n  useEffect(() => {\n    if (internalStatus === 'ready') {\n      listenerRef.current()\n    }\n  }, [internalStatus, status])\n\n  useEffect(() => {\n    eventEmitter.addListener('item.requestAll', (event) => {\n      if (\n        !event ||\n        !event.modelName ||\n        event.modelName !== modelNameRef.current\n      ) {\n        return\n      }\n      listenerRef.current()\n    })\n\n    readFromDb()\n\n    return () => {\n      eventEmitter.removeListener('item.requestAll', readFromDb)\n    }\n  }, [])\n\n  return {\n    items: orderBy(\n      items,\n      [\n        (item) =>\n          item.lastVersionPublishedAt ||\n          item.attestationCreatedAt ||\n          item.createdAt,\n      ],\n      ['desc'],\n    ),\n    isReadingDb: isReadingDb.current,\n  }\n}\n\nexport const useItemIsReady = () => {\n  const [itemListenersReady, setItemListenersReady] = useState(false)\n\n  const itemEventListenersHandler = useCallback((_) => {\n    setItemListenersReady(true)\n  }, [])\n\n  useEffect(() => {\n    const areReady = getAreItemEventHandlersReady()\n\n    if (areReady) {\n      itemEventListenersHandler(true)\n    }\n\n    eventEmitter.addListener(\n      'item.events.setupAllItemsEventHandlers',\n      itemEventListenersHandler,\n    )\n\n    return () => {\n      eventEmitter.removeListener('item.events.setupAllItemsEventHandlers')\n    }\n  }, [])\n\n  return {\n    isReady: itemListenersReady,\n  }\n}\nexport const useCreateItem = <T>(modelName: string) => {\n  const [isCreatingItem, setIsCreatingItem] = useState(false)\n\n  const { isReady } = useItemIsReady()\n\n  const createItem = useCallback(\n    async (itemData) => {\n      if (!isReady) {\n        console.error(\n          `[useCreateItem] [createItem] called before listeners are ready`,\n          itemData,\n        )\n        return\n      }\n      if (isCreatingItem) {\n        // TODO: should we setup a queue for this?\n        console.error(\n          `[useCreateItem] [createItem] already creating item`,\n          itemData,\n        )\n        return\n      }\n\n      setIsCreatingItem(true)\n\n      const { seedLocalId } = await createNewItem({ modelName, ...itemData })\n\n      const newItem = await Item.find({ modelName, seedLocalId })\n\n      eventEmitter.emit('item.requestAll', { modelName })\n\n      setIsCreatingItem(false)\n    },\n    [isCreatingItem, isReady],\n  )\n\n  return {\n    createItem,\n    isCreatingItem,\n  }\n}\n\ntype PublishItemResult = Error | undefined | void\n\ntype UsePublishItemReturn = {\n  publishItem: (\n    item: Item<any> | undefined,\n    callback?: (result: PublishItemResult) => any,\n  ) => void\n  isPublishing: boolean\n}\n\ntype PublishItemProps =\n  | [Item<any> | undefined]\n  | [Item<any> | undefined, (result: PublishItemResult) => any | undefined]\n\ntype PublishItem = (...props: PublishItemProps) => Promise<any>\n\nexport const usePublishItem = (): UsePublishItemReturn => {\n  const [isPublishing, setIsPublishing] = useState(false)\n\n  const isLocked = useRef(false)\n\n  const publishItem: PublishItem = useCallback(async (item, callback?) => {\n    if (!item || isLocked.current) {\n      return\n    }\n    isLocked.current = true\n    setIsPublishing(true)\n    try {\n      const uploads = await item.getPublishUploads()\n      const payload = await item.getPublishPayload(uploads)\n      if (callback) {\n        callback()\n      }\n    } catch (e) {\n      if (callback) {\n        callback(e as Error)\n      }\n    }\n    setIsPublishing(false)\n    isLocked.current = false\n  }, [])\n\n  return {\n    publishItem,\n    isPublishing,\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"item.js","sources":["../../../../../src/browser/react/item.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport { createNewItem } from '@/db/write/createNewItem'\nimport { Item } from '../Item/Item'\nimport { eventEmitter } from '@/eventBus'\nimport { useImmer } from 'use-immer'\nimport { orderBy } from 'lodash-es'\nimport { getAreItemEventHandlersReady } from '@/events'\nimport debug from 'debug'\nimport { useGlobalServiceStatus, useIsDbReady } from '../react/services'\nimport { ModelValues } from '@/types'\nimport { Subscription } from 'xstate'\nimport { useSelector } from '@xstate/react'\nimport { BaseItem } from '@/Item/BaseItem'\n\nconst logger = debug('seedSdk:react:item')\n\ntype UseItemReturn<T extends ModelValues<T>> = {\n  item: Item<T> | undefined\n  itemData: ItemData<T>\n  itemStatus: string | Record<string, unknown> | undefined\n}\n\ntype UseItemProps = {\n  modelName: string\n  seedLocalId?: string\n  seedUid?: string\n}\n\ntype UseItem = <T extends ModelValues<T>>(props: UseItemProps) => UseItemReturn<T>\n\ntype ItemData<T> = Record<string, Partial<T>>\n\nexport const useItem: UseItem = <T extends ModelValues<T>>({ modelName, seedLocalId, seedUid }: UseItemProps) => {\n  const [itemData, setItemData] = useImmer<ItemData<T>>({})\n  const [item, setItem] = useState<Item<T> | undefined>()\n  const [itemSubscription, setItemSubscription] = useState<\n    Subscription | undefined\n  >()\n\n  const { status, internalStatus } = useGlobalServiceStatus()\n\n  const isReadingDb = useRef(false)\n\n  const itemStatus = useSelector(\n    item?.getService(),\n    (snapshot) => snapshot?.value,\n  )\n\n  const updateItem = useCallback(\n    (newItem: Item<T>) => {\n      setItemData((draft) => {\n        Object.keys(newItem.properties).forEach((propertyName) => {\n          const value = newItem.properties[propertyName].value\n          draft[propertyName] = value\n        })\n      })\n    },\n    [setItemData],\n  )\n\n  const readFromDb = useCallback(async () => {\n    if (\n      isReadingDb.current ||\n      internalStatus !== 'ready' ||\n      (!seedUid && !seedLocalId)\n    ) {\n      return\n    }\n    isReadingDb.current = true\n    const foundItem = await Item.find({\n      modelName,\n      seedLocalId,\n      seedUid,\n    }) as Item<T> | undefined\n    \n    if (!foundItem) {\n      logger('[useItem] [getItemFromDb] no item found', modelName, seedLocalId)\n      isReadingDb.current = false\n      return\n    }\n    setItem(foundItem)\n    updateItem(foundItem)\n    isReadingDb.current = false\n  }, [internalStatus,])\n\n  const listenerRef = useRef(readFromDb)\n\n  useEffect(() => {\n    listenerRef.current = readFromDb\n  }, [readFromDb])\n\n  useEffect(() => {\n    if (internalStatus === 'ready') {\n      listenerRef.current()\n    }\n  }, [internalStatus, status])\n\n  useEffect(() => {\n    if (item && !itemSubscription) {\n      const subscription = item.subscribe(async (_) => {\n        const newItem = await Item.find({ \n          modelName, \n          seedLocalId, \n          seedUid \n        }) as Item<T> | undefined\n        \n        if (!newItem) {\n          logger(\n            '[useItem] [itemSubscription] no item found',\n            modelName,\n            seedLocalId,\n          )\n          return\n        }\n        updateItem(newItem)\n        setItem(newItem)\n      })\n      setItemSubscription(subscription)\n    }\n\n    return () => {\n      itemSubscription?.unsubscribe()\n    }\n  }, [item, itemSubscription])\n\n  useEffect(() => {\n    const seedId = seedUid || seedLocalId\n\n    eventEmitter.addListener(`item.${modelName}.${seedId}.update`, () => {\n      listenerRef.current()\n    })\n\n    return () => {\n      eventEmitter.removeListener(`item.${modelName}.${seedId}.update`)\n    }\n  }, [])\n\n  return {\n    item,\n    itemData,\n    itemStatus,\n  }\n}\n\ntype UseItemsReturn = {\n  items: BaseItem<any>[]\n  isReadingDb: boolean\n}\n\ntype UseItemsProps = {\n  modelName?: string\n  deleted?: boolean\n}\n\ntype UseItems = (props: UseItemsProps) => UseItemsReturn\n\nexport const useItems: UseItems = ({ modelName, deleted=false }) => {\n  const [items, setItems] = useImmer<BaseItem<any>[]>([])\n\n  const { status, internalStatus } = useGlobalServiceStatus()\n\n  const modelNameRef = useRef<string | undefined>(modelName)\n\n  const isReadingDb = useRef(false)\n\n  const readFromDb = useCallback(async () => {\n    if (isReadingDb.current || internalStatus !== 'ready') {\n      return\n    }\n    isReadingDb.current = true\n    const allItems = await Item.all(modelNameRef.current, deleted)\n    setItems(() => [])\n    setItems(() => allItems)\n    isReadingDb.current = false\n  }, [internalStatus])\n\n  const listenerRef = useRef(readFromDb)\n\n  useEffect(() => {\n    listenerRef.current = readFromDb\n  }, [readFromDb])\n\n  useEffect(() => {\n    if (internalStatus === 'ready') {\n      listenerRef.current()\n    }\n  }, [internalStatus, status])\n\n  useEffect(() => {\n    eventEmitter.addListener('item.requestAll', (event) => {\n      if (\n        !event ||\n        !event.modelName ||\n        event.modelName !== modelNameRef.current\n      ) {\n        return\n      }\n      listenerRef.current()\n    })\n\n    readFromDb()\n\n    return () => {\n      eventEmitter.removeListener('item.requestAll', readFromDb)\n    }\n  }, [])\n\n  return {\n    items: orderBy(\n      items,\n      [\n        (item) =>\n          item.lastVersionPublishedAt ||\n          item.attestationCreatedAt ||\n          item.createdAt,\n      ],\n      ['desc'],\n    ),\n    isReadingDb: isReadingDb.current,\n  }\n}\n\nexport const useItemIsReady = () => {\n  const [itemListenersReady, setItemListenersReady] = useState(false)\n\n  const itemEventListenersHandler = useCallback((_) => {\n    setItemListenersReady(true)\n  }, [])\n\n  useEffect(() => {\n    const areReady = getAreItemEventHandlersReady()\n\n    if (areReady) {\n      itemEventListenersHandler(true)\n    }\n\n    eventEmitter.addListener(\n      'item.events.setupAllItemsEventHandlers',\n      itemEventListenersHandler,\n    )\n\n    return () => {\n      eventEmitter.removeListener('item.events.setupAllItemsEventHandlers')\n    }\n  }, [])\n\n  return {\n    isReady: itemListenersReady,\n  }\n}\n\nexport const useCreateItem = <T>(modelName: string) => {\n  const [isCreatingItem, setIsCreatingItem] = useState(false)\n\n  const { isReady } = useItemIsReady()\n\n  const createItem = useCallback(\n    async (itemData) => {\n      if (!isReady) {\n        console.error(\n          `[useCreateItem] [createItem] called before listeners are ready`,\n          itemData,\n        )\n        return\n      }\n      if (isCreatingItem) {\n        // TODO: should we setup a queue for this?\n        console.error(\n          `[useCreateItem] [createItem] already creating item`,\n          itemData,\n        )\n        return\n      }\n\n      setIsCreatingItem(true)\n\n      const { seedLocalId } = await createNewItem({ modelName, ...itemData })\n\n      const newItem = await Item.find({ modelName, seedLocalId })\n\n      eventEmitter.emit('item.requestAll', { modelName })\n\n      setIsCreatingItem(false)\n    },\n    [isCreatingItem, isReady],\n  )\n\n  return {\n    createItem,\n    isCreatingItem,\n  }\n}\n\ntype PublishItemResult = Error | undefined | void\n\ntype UsePublishItemReturn = {\n  publishItem: (\n    item: Item<any> | undefined,\n    callback?: (result: PublishItemResult) => any,\n  ) => void\n  isPublishing: boolean\n}\n\ntype PublishItemProps = [\n  Item<any> | undefined,\n  ((result: PublishItemResult) => any) | undefined\n]\n\ntype PublishItem = (...props: PublishItemProps) => Promise<any>\n\nexport const usePublishItem = (): UsePublishItemReturn => {\n  const [isPublishing, setIsPublishing] = useState(false)\n\n  const isLocked = useRef(false)\n\n  const publishItem = useCallback(async (item: Item<any> | undefined, callback?: (result: PublishItemResult) => any) => {\n    if (!item || isLocked.current) {\n      return\n    }\n    isLocked.current = true\n    setIsPublishing(true)\n    try {\n      const uploads = await item.getPublishUploads()\n      const payload = await item.getPublishPayload(uploads)\n      if (callback) {\n        callback()\n      }\n    } catch (e) {\n      if (callback) {\n        callback(e as Error)\n      }\n    }\n    setIsPublishing(false)\n    isLocked.current = false\n  }, [])\n\n  return {\n    publishItem,\n    isPublishing,\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/src/browser/react/model.d.ts

@@ -0,0 +1,7 @@
+import { ModelClassType } from '@/types';
+export declare const useModels: () => {
+    models: {
+        [key: string]: ModelClassType;
+    } | undefined;
+};
+//# sourceMappingURL=model.d.ts.map

package/dist/src/browser/react/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../src/browser/react/model.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC,eAAO,MAAM,SAAS;;;;CAgBrB,CAAA"}

package/dist/src/browser/react/model.js

@@ -0,0 +1,20 @@
+import { useState } from 'react';
+import { useSelector } from '@xstate/react';
+import { getGlobalService } from '../../services/global/globalMachine.js';
+
+const useModels = () => {
+    const [_models, setModels] = useState();
+    const globalService = getGlobalService();
+    const models = useSelector(globalService, (snapshot) => {
+        if (snapshot && snapshot.context && snapshot.context.models) {
+            return snapshot.context.models;
+        }
+        return;
+    });
+    return {
+        models,
+    };
+};
+
+export { useModels };
+//# sourceMappingURL=model.js.map

package/dist/src/browser/react/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sources":["../../../../../src/browser/react/model.ts"],"sourcesContent":["import { useState } from 'react'\nimport { useSelector }         from '@xstate/react'\nimport { getGlobalService } from '@/services/global/globalMachine'\nimport { ModelClassType } from '@/types'\n\nexport const useModels = () => {\n\n  const [_models, setModels] = useState<{ [key: string]: ModelClassType } | undefined>()\n\n  const globalService = getGlobalService()\n\n  const models = useSelector(globalService, (snapshot) => {\n    if (snapshot && snapshot.context && snapshot.context.models) {\n      return snapshot.context.models\n    }\n    return\n  })\n\n  return {\n    models,\n  }\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,SAAS,GAAG,MAAK;IAE5B,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAiD;AAEtF,IAAA,MAAM,aAAa,GAAG,gBAAgB,EAAE;IAExC,MAAM,MAAM,GAAG,WAAW,CAAC,aAAa,EAAE,CAAC,QAAQ,KAAI;AACrD,QAAA,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE;AAC3D,YAAA,OAAO,QAAQ,CAAC,OAAO,CAAC,MAAM;;QAEhC;AACF,KAAC,CAAC;IAEF,OAAO;QACL,MAAM;KACP;AACH;;;;"}

package/dist/src/browser/react/property.d.ts

@@ -1,12 +1,12 @@
-import { Item } from '@/browser/Item';
-import { IItemProperty } from '@/interfaces';
+import { Item } from '@/browser/Item/Item';
+import { BaseItemProperty } from '@/ItemProperty/BaseItemProperty';
 type UseItemPropertyProps = {
     propertyName: string;
     seedLocalId?: string;
     seedUid?: string;
 };
 type UseItemPropertyReturn = {
-    property: IItemProperty<any> | undefined;
+    property: BaseItemProperty<any> | undefined;
     isInitialized: boolean;
     value: any;
     status: string;

package/dist/src/browser/react/property.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"property.d.ts","sourceRoot":"","sources":["../../../../src/browser/react/property.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAOrC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAI5C,KAAK,oBAAoB,GAAG;IAC1B,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAA;IACxC,aAAa,EAAE,OAAO,CAAA;IACtB,KAAK,EAAE,GAAG,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,eAAe,GAAG,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,KAAK,qBAAqB,CAAA;AAEzF,eAAO,MAAM,eAAe,EAAE,eAyF7B,CAAA;AACD,eAAO,MAAM,iBAAiB,UAAW,IAAI,CAAC,GAAG,CAAC;;CAsCjD,CAAA"}
+{"version":3,"file":"property.d.ts","sourceRoot":"","sources":["../../../../src/browser/react/property.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAO1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAIlE,KAAK,oBAAoB,GAAG;IAC1B,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,SAAS,CAAA;IAC3C,aAAa,EAAE,OAAO,CAAA;IACtB,KAAK,EAAE,GAAG,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,eAAe,GAAG,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,KAAK,qBAAqB,CAAA;AAEzF,eAAO,MAAM,eAAe,EAAE,eAyF7B,CAAA;AACD,eAAO,MAAM,iBAAiB,UAAW,IAAI,CAAC,GAAG,CAAC;;CAsCjD,CAAA"}

package/dist/src/browser/react/property.js.map

@@ -1 +1 @@
-{"version":3,"file":"property.js","sources":["../../../../../src/browser/react/property.ts"],"sourcesContent":["import { useImmer } from 'use-immer'\nimport { Item } from '@/browser/Item'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { useSelector } from '@xstate/react'\nimport debug from 'debug'\nimport { eventEmitter } from '@/eventBus'\nimport { ItemProperty } from '@/browser/ItemProperty/ItemProperty'\nimport { useGlobalServiceStatus } from '@/browser/react/services'\nimport { IItemProperty } from '@/interfaces'\n\nconst logger = debug('seedSdk:react:property')\n\ntype UseItemPropertyProps = {\n  propertyName: string\n  seedLocalId?: string\n  seedUid?: string\n}\n\ntype UseItemPropertyReturn = {\n  property: IItemProperty<any> | undefined\n  isInitialized: boolean\n  value: any\n  status: string\n}\n\ntype UseItemProperty = (props: UseItemPropertyProps | undefined) => UseItemPropertyReturn\n\nexport const useItemProperty: UseItemProperty = (props = {\n  propertyName: '',\n  seedLocalId: '',\n  seedUid: '',\n}) => {\n\n  const { propertyName, seedLocalId, seedUid } = props\n\n  const [property, setProperty] = useState<IItemProperty<any> | undefined>()\n  const [isInitialized, setIsInitialized] = useState(false)\n\n  const { internalStatus } = useGlobalServiceStatus()\n\n  const isReadingDb = useRef(false)\n\n  const value = useSelector(property?.getService(), (snapshot) => {\n    if (!snapshot || !snapshot.context) {\n      return\n    }\n    return snapshot.context.renderValue || snapshot.context.propertyValue\n  })\n\n  const status = useSelector(\n    property?.getService(),\n    (snapshot) => snapshot?.value as string,\n  )\n\n  const readFromDb = useCallback(async () => {\n    if (\n      internalStatus !== 'ready' ||\n      isReadingDb.current ||\n      (!seedLocalId && !seedUid)\n    ) {\n      return\n    }\n    isReadingDb.current = true\n    const foundProperty = await ItemProperty.find({\n      propertyName,\n      seedLocalId,\n      seedUid,\n    })\n    if (!foundProperty) {\n      logger(\n        `[useItemPropertyTest] [readFromDb] no property found for Item.${seedLocalId}.${propertyName}`,\n      )\n      isReadingDb.current = false\n      return\n    }\n    if (foundProperty.status === 'waitingForDb') {\n      foundProperty.getService().send({ type: 'waitForDbSuccess' })\n    }\n    setProperty(foundProperty)\n    setIsInitialized(true)\n    isReadingDb.current = false\n  }, [internalStatus, props])\n\n  const listenerRef = useRef(readFromDb)\n\n  useEffect(() => {\n    listenerRef.current = readFromDb\n  }, [readFromDb, props])\n\n  useEffect(() => {\n    if (internalStatus === 'ready') {\n      readFromDb()\n    }\n  }, [internalStatus])\n\n  useEffect(() => {\n    eventEmitter.addListener(\n      `property.${seedUid || seedLocalId}.${propertyName}.update`,\n      () => {\n        listenerRef.current()\n      },\n    )\n\n    return () => {\n      eventEmitter.removeListener(\n        `property.${seedUid || seedLocalId}.${propertyName}.update`,\n      )\n    }\n  }, [])\n\n  return {\n    property,\n    isInitialized,\n    value,\n    status,\n  }\n}\nexport const useItemProperties = (item?: Item<any>) => {\n  const [propertyObj, setPropertyObj] = useImmer({})\n  const [isListening, setIsListening] = useState(false)\n\n  const updatePropertyObj = useCallback(\n    (event) => {\n      if (!item) {\n        console.error('[XXXXXX] [updatePropertyObj] no item when expected')\n        return\n      }\n      const { propertyName, propertyValue } = event\n      if (!propertyName) {\n        return\n      }\n      setPropertyObj((draft) => {\n        draft[propertyName] = propertyValue\n      })\n    },\n    [item],\n  )\n\n  useEffect(() => {\n    if (!item) {\n      return\n    }\n\n    const eventKey = `item.${item.seedLocalId}.property.update`\n\n    eventEmitter.addListener(eventKey, updatePropertyObj)\n\n    return () => {\n      eventEmitter.removeListener(eventKey, updatePropertyObj)\n    }\n  }, [item])\n\n  return {\n    properties: propertyObj,\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"property.js","sources":["../../../../../src/browser/react/property.ts"],"sourcesContent":["import { useImmer } from 'use-immer'\nimport { Item } from '@/browser/Item/Item'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { useSelector } from '@xstate/react'\nimport debug from 'debug'\nimport { eventEmitter } from '@/eventBus'\nimport { ItemProperty } from '@/browser/ItemProperty/ItemProperty'\nimport { useGlobalServiceStatus } from '@/browser/react/services'\nimport { BaseItemProperty } from '@/ItemProperty/BaseItemProperty'\n\nconst logger = debug('seedSdk:react:property')\n\ntype UseItemPropertyProps = {\n  propertyName: string\n  seedLocalId?: string\n  seedUid?: string\n}\n\ntype UseItemPropertyReturn = {\n  property: BaseItemProperty<any> | undefined\n  isInitialized: boolean\n  value: any\n  status: string\n}\n\ntype UseItemProperty = (props: UseItemPropertyProps | undefined) => UseItemPropertyReturn\n\nexport const useItemProperty: UseItemProperty = (props = {\n  propertyName: '',\n  seedLocalId: '',\n  seedUid: '',\n}) => {\n\n  const { propertyName, seedLocalId, seedUid } = props\n\n  const [property, setProperty] = useState<BaseItemProperty<any> | undefined>()\n  const [isInitialized, setIsInitialized] = useState(false)\n\n  const { internalStatus } = useGlobalServiceStatus()\n\n  const isReadingDb = useRef(false)\n\n  const value = useSelector(property?.getService(), (snapshot) => {\n    if (!snapshot || !snapshot.context) {\n      return\n    }\n    return snapshot.context.renderValue || snapshot.context.propertyValue\n  })\n\n  const status = useSelector(\n    property?.getService(),\n    (snapshot) => snapshot?.value as string,\n  )\n\n  const readFromDb = useCallback(async () => {\n    if (\n      internalStatus !== 'ready' ||\n      isReadingDb.current ||\n      (!seedLocalId && !seedUid)\n    ) {\n      return\n    }\n    isReadingDb.current = true\n    const foundProperty = await ItemProperty.find({\n      propertyName,\n      seedLocalId,\n      seedUid,\n    })\n    if (!foundProperty) {\n      logger(\n        `[useItemPropertyTest] [readFromDb] no property found for Item.${seedLocalId}.${propertyName}`,\n      )\n      isReadingDb.current = false\n      return\n    }\n    if (foundProperty.status === 'waitingForDb') {\n      foundProperty.getService().send({ type: 'waitForDbSuccess' })\n    }\n    setProperty(foundProperty)\n    setIsInitialized(true)\n    isReadingDb.current = false\n  }, [internalStatus, props])\n\n  const listenerRef = useRef(readFromDb)\n\n  useEffect(() => {\n    listenerRef.current = readFromDb\n  }, [readFromDb, props])\n\n  useEffect(() => {\n    if (internalStatus === 'ready') {\n      readFromDb()\n    }\n  }, [internalStatus])\n\n  useEffect(() => {\n    eventEmitter.addListener(\n      `property.${seedUid || seedLocalId}.${propertyName}.update`,\n      () => {\n        listenerRef.current()\n      },\n    )\n\n    return () => {\n      eventEmitter.removeListener(\n        `property.${seedUid || seedLocalId}.${propertyName}.update`,\n      )\n    }\n  }, [])\n\n  return {\n    property,\n    isInitialized,\n    value,\n    status,\n  }\n}\nexport const useItemProperties = (item?: Item<any>) => {\n  const [propertyObj, setPropertyObj] = useImmer({})\n  const [isListening, setIsListening] = useState(false)\n\n  const updatePropertyObj = useCallback(\n    (event) => {\n      if (!item) {\n        console.error('[XXXXXX] [updatePropertyObj] no item when expected')\n        return\n      }\n      const { propertyName, propertyValue } = event\n      if (!propertyName) {\n        return\n      }\n      setPropertyObj((draft) => {\n        draft[propertyName] = propertyValue\n      })\n    },\n    [item],\n  )\n\n  useEffect(() => {\n    if (!item) {\n      return\n    }\n\n    const eventKey = `item.${item.seedLocalId}.property.update`\n\n    eventEmitter.addListener(eventKey, updatePropertyObj)\n\n    return () => {\n      eventEmitter.removeListener(eventKey, updatePropertyObj)\n    }\n  }, [item])\n\n  return {\n    properties: propertyObj,\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/src/browser/react/services.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"services.d.ts","sourceRoot":"","sources":["../../../../src/browser/react/services.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAuB,MAAM,QAAQ,CAAA;AAiBtD,eAAO,MAAM,cAAc,YAAa,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,WASzD,CAAA;AAED,eAAO,MAAM,eAAe,YACjB,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,KAC1B,MAAM,GAAG,SAmBX,CAAA;AAED,eAAO,MAAM,mBAAmB,YAAa,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,QAgC9D,CAAA;AAED,eAAO,MAAM,UAAU,YAAa,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC;;;;;;CAgErD,CAAA;AAED,eAAO,MAAM,YAAY,eAYxB,CAAA;AAED,eAAO,MAAM,qBAAqB,YAqDjC,CAAA;AAED,eAAO,MAAM,oBAAoB,eAyBhC,CAAA;AAED,eAAO,MAAM,WAAW;;;CA6FvB,CAAA;AAED,eAAO,MAAM,sBAAsB;;;CAyBlC,CAAA"}
+{"version":3,"file":"services.d.ts","sourceRoot":"","sources":["../../../../src/browser/react/services.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAuB,MAAM,QAAQ,CAAA;AAiBtD,eAAO,MAAM,cAAc,YAAa,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,WASzD,CAAA;AAED,eAAO,MAAM,eAAe,YACjB,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,KAC1B,MAAM,GAAG,SAmBX,CAAA;AAED,eAAO,MAAM,mBAAmB,YAAa,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,QAgC9D,CAAA;AAED,eAAO,MAAM,UAAU,YAAa,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC;;;;;;CAgErD,CAAA;AAED,eAAO,MAAM,YAAY,eAmBxB,CAAA;AAED,eAAO,MAAM,qBAAqB,YAqDjC,CAAA;AAED,eAAO,MAAM,oBAAoB,eAyBhC,CAAA;AAED,eAAO,MAAM,WAAW;;;CA6FvB,CAAA;AAED,eAAO,MAAM,sBAAsB;;;CAyBlC,CAAA"}

package/dist/src/browser/react/services.js

@@ -141,6 +141,11 @@ const useIsDbReady = () => {
             setIsDbReady(true);
         }
     }, [internalStatus]);
+    useEffect(() => {
+        if (internalStatus === 'ready') {
+            setIsDbReady(true);
+        }
+    }, []);
     return isDbReady;
 };
 const usePersistedSnapshots = () => {
@@ -176,7 +181,7 @@ const usePersistedSnapshots = () => {
         }
         const initialize = async () => {
             const persistedSnapshots = await load();
-            console.log('persistedSnapshots:', persistedSnapshots);
+            logger('persistedSnapshots:', persistedSnapshots);
             setInitialized(true);
         };
         initialize();