@seedprotocol/sdk 0.3.2 → 0.3.4

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,107 @@
+import { useImmer } from 'use-immer';
+import { useState, useCallback, useEffect, useRef } from 'react';
+import { useSelector } from '@xstate/react';
+import debug from 'debug';
+import { eventEmitter } from '../../eventBus.js';
+import { ItemProperty } from '../ItemProperty/ItemProperty.js';
+import { useGlobalServiceStatus } from './services.js';
+
+const logger = debug('seedSdk:react:property');
+const useItemProperty = (props = {
+    propertyName: '',
+    seedLocalId: '',
+    seedUid: '',
+}) => {
+    const { propertyName, seedLocalId, seedUid } = props;
+    const [property, setProperty] = useState();
+    const [isInitialized, setIsInitialized] = useState(false);
+    const { internalStatus } = useGlobalServiceStatus();
+    const isReadingDb = useRef(false);
+    const value = useSelector(property?.getService(), (snapshot) => {
+        if (!snapshot || !snapshot.context) {
+            return;
+        }
+        return snapshot.context.renderValue || snapshot.context.propertyValue;
+    });
+    const status = useSelector(property?.getService(), (snapshot) => snapshot?.value);
+    const readFromDb = useCallback(async () => {
+        if (internalStatus !== 'ready' ||
+            isReadingDb.current ||
+            (!seedLocalId && !seedUid)) {
+            return;
+        }
+        isReadingDb.current = true;
+        const foundProperty = await ItemProperty.find({
+            propertyName,
+            seedLocalId,
+            seedUid,
+        });
+        if (!foundProperty) {
+            logger(`[useItemPropertyTest] [readFromDb] no property found for Item.${seedLocalId}.${propertyName}`);
+            isReadingDb.current = false;
+            return;
+        }
+        if (foundProperty.status === 'waitingForDb') {
+            foundProperty.getService().send({ type: 'waitForDbSuccess' });
+        }
+        setProperty(foundProperty);
+        setIsInitialized(true);
+        isReadingDb.current = false;
+    }, [internalStatus, props]);
+    const listenerRef = useRef(readFromDb);
+    useEffect(() => {
+        listenerRef.current = readFromDb;
+    }, [readFromDb, props]);
+    useEffect(() => {
+        if (internalStatus === 'ready') {
+            readFromDb();
+        }
+    }, [internalStatus]);
+    useEffect(() => {
+        eventEmitter.addListener(`property.${seedUid || seedLocalId}.${propertyName}.update`, () => {
+            listenerRef.current();
+        });
+        return () => {
+            eventEmitter.removeListener(`property.${seedUid || seedLocalId}.${propertyName}.update`);
+        };
+    }, []);
+    return {
+        property,
+        isInitialized,
+        value,
+        status,
+    };
+};
+const useItemProperties = (item) => {
+    const [propertyObj, setPropertyObj] = useImmer({});
+    const [isListening, setIsListening] = useState(false);
+    const updatePropertyObj = useCallback((event) => {
+        if (!item) {
+            console.error('[XXXXXX] [updatePropertyObj] no item when expected');
+            return;
+        }
+        const { propertyName, propertyValue } = event;
+        if (!propertyName) {
+            return;
+        }
+        setPropertyObj((draft) => {
+            draft[propertyName] = propertyValue;
+        });
+    }, [item]);
+    useEffect(() => {
+        if (!item) {
+            return;
+        }
+        const eventKey = `item.${item.seedLocalId}.property.update`;
+        eventEmitter.addListener(eventKey, updatePropertyObj);
+        return () => {
+            eventEmitter.removeListener(eventKey, updatePropertyObj);
+        };
+    }, [item]);
+    return {
+        properties: propertyObj,
+    };
+};
+
+export { useItemProperties, useItemProperty };
+//# sourceMappingURL=property.js.map

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

@@ -0,0 +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":";;;;;;;;AAUA,MAAM,MAAM,GAAG,KAAK,CAAC,wBAAwB,CAAC;AAiBjC,MAAA,eAAe,GAAoB,CAAC,KAAK,GAAG;AACvD,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,WAAW,EAAE,EAAE;AACf,IAAA,OAAO,EAAE,EAAE;AACZ,CAAA,KAAI;IAEH,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK;IAEpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAkC;IAC1E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEzD,IAAA,MAAM,EAAE,cAAc,EAAE,GAAG,sBAAsB,EAAE;AAEnD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;AAEjC,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,CAAC,QAAQ,KAAI;QAC7D,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YAClC;;QAEF,OAAO,QAAQ,CAAC,OAAO,CAAC,WAAW,IAAI,QAAQ,CAAC,OAAO,CAAC,aAAa;AACvE,KAAC,CAAC;AAEF,IAAA,MAAM,MAAM,GAAG,WAAW,CACxB,QAAQ,EAAE,UAAU,EAAE,EACtB,CAAC,QAAQ,KAAK,QAAQ,EAAE,KAAe,CACxC;AAED,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,YAAW;QACxC,IACE,cAAc,KAAK,OAAO;AAC1B,YAAA,WAAW,CAAC,OAAO;AACnB,aAAC,CAAC,WAAW,IAAI,CAAC,OAAO,CAAC,EAC1B;YACA;;AAEF,QAAA,WAAW,CAAC,OAAO,GAAG,IAAI;AAC1B,QAAA,MAAM,aAAa,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC;YAC5C,YAAY;YACZ,WAAW;YACX,OAAO;AACR,SAAA,CAAC;QACF,IAAI,CAAC,aAAa,EAAE;AAClB,YAAA,MAAM,CACJ,CAAiE,8DAAA,EAAA,WAAW,IAAI,YAAY,CAAA,CAAE,CAC/F;AACD,YAAA,WAAW,CAAC,OAAO,GAAG,KAAK;YAC3B;;AAEF,QAAA,IAAI,aAAa,CAAC,MAAM,KAAK,cAAc,EAAE;AAC3C,YAAA,aAAa,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC;;QAE/D,WAAW,CAAC,aAAa,CAAC;QAC1B,gBAAgB,CAAC,IAAI,CAAC;AACtB,QAAA,WAAW,CAAC,OAAO,GAAG,KAAK;AAC7B,KAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;AAE3B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;IAEtC,SAAS,CAAC,MAAK;AACb,QAAA,WAAW,CAAC,OAAO,GAAG,UAAU;AAClC,KAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAEvB,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,cAAc,KAAK,OAAO,EAAE;AAC9B,YAAA,UAAU,EAAE;;AAEhB,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAEpB,SAAS,CAAC,MAAK;AACb,QAAA,YAAY,CAAC,WAAW,CACtB,CAAA,SAAA,EAAY,OAAO,IAAI,WAAW,CAAA,CAAA,EAAI,YAAY,CAAA,OAAA,CAAS,EAC3D,MAAK;YACH,WAAW,CAAC,OAAO,EAAE;AACvB,SAAC,CACF;AAED,QAAA,OAAO,MAAK;YACV,YAAY,CAAC,cAAc,CACzB,CAAY,SAAA,EAAA,OAAO,IAAI,WAAW,CAAI,CAAA,EAAA,YAAY,CAAS,OAAA,CAAA,CAC5D;AACH,SAAC;KACF,EAAE,EAAE,CAAC;IAEN,OAAO;QACL,QAAQ;QACR,aAAa;QACb,KAAK;QACL,MAAM;KACP;AACH;AACa,MAAA,iBAAiB,GAAG,CAAC,IAAgB,KAAI;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;IAClD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAErD,IAAA,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAK,KAAI;QACR,IAAI,CAAC,IAAI,EAAE;AACT,YAAA,OAAO,CAAC,KAAK,CAAC,oDAAoD,CAAC;YACnE;;AAEF,QAAA,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,KAAK;QAC7C,IAAI,CAAC,YAAY,EAAE;YACjB;;AAEF,QAAA,cAAc,CAAC,CAAC,KAAK,KAAI;AACvB,YAAA,KAAK,CAAC,YAAY,CAAC,GAAG,aAAa;AACrC,SAAC,CAAC;AACJ,KAAC,EACD,CAAC,IAAI,CAAC,CACP;IAED,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,IAAI,EAAE;YACT;;AAGF,QAAA,MAAM,QAAQ,GAAG,CAAA,KAAA,EAAQ,IAAI,CAAC,WAAW,kBAAkB;AAE3D,QAAA,YAAY,CAAC,WAAW,CAAC,QAAQ,EAAE,iBAAiB,CAAC;AAErD,QAAA,OAAO,MAAK;AACV,YAAA,YAAY,CAAC,cAAc,CAAC,QAAQ,EAAE,iBAAiB,CAAC;AAC1D,SAAC;AACH,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAEV,OAAO;AACL,QAAA,UAAU,EAAE,WAAW;KACxB;AACH;;;;"}

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,EAAE,MAAM,QAAQ,CAAA;AAiBjC,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;;;CAyFvB,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,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"}

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

@@ -0,0 +1,299 @@
+import { useState, useCallback, useEffect } from 'react';
+import { orderBy } from 'lodash-es';
+import { produce } from 'immer';
+import { eventEmitter } from '../../eventBus.js';
+import pluralize from 'pluralize';
+import { getGlobalService } from '../../services/global/globalMachine.js';
+import { useSelector } from '@xstate/react';
+import debug from 'debug';
+import '../../seedSchema/SeedSchema.js';
+import '../../seedSchema/VersionSchema.js';
+import '../../seedSchema/MetadataSchema.js';
+import { appState } from '../../seedSchema/AppStateSchema.js';
+import '../../seedSchema/ModelSchema.js';
+import '../../seedSchema/ModelUidSchema.js';
+import { like } from 'drizzle-orm';
+import { BaseDb } from '../../db/Db/BaseDb.js';
+import { MachineIds } from '../../services/internal/constants.js';
+
+const logger = debug('seedSdk:react:services');
+const finalStrings = ['idle', 'ready', 'done', 'success', 'initialized'];
+const getServiceName = (service) => {
+    let name = 'actor';
+    if (service && service.uniqueKey) {
+        name = service.uniqueKey;
+    }
+    if (service && !service.uniqueKey && service.logic && service.logic.config) {
+        name = getServiceUniqueKey(service);
+    }
+    return name;
+};
+const getServiceValue = (service) => {
+    let value;
+    if (service && service.getSnapshot() && service.getSnapshot().value) {
+        value = service.getSnapshot().value;
+    }
+    if (getServiceName(service) === 'global') {
+        if (value &&
+            typeof value === 'object' &&
+            Object.keys(value).length > 0 &&
+            Object.keys(value)[0] === 'initialized') {
+            value = 'ready';
+        }
+    }
+    if (value && typeof value === 'object') {
+        value = JSON.stringify(value);
+    }
+    return value;
+};
+const getServiceUniqueKey = (service) => {
+    if (!service || !service.logic || !service.logic.config || !service._snapshot) {
+        return;
+    }
+    const config = service.logic.config;
+    if (!config.id) {
+        return;
+    }
+    let uniqueKey = config.id;
+    if (config.id.includes('@seedSdk/')) {
+        uniqueKey = config.id.match(/^.*@seedSdk\/(\w+)[\.\w]*/)[1];
+    }
+    let snapshot;
+    try {
+        snapshot = service.getSnapshot();
+    }
+    catch (error) {
+        logger('Error:', error);
+        return uniqueKey;
+    }
+    if (snapshot) {
+        const context = snapshot.context;
+        if (context && context.dbName) {
+            uniqueKey = context.dbName;
+        }
+        if (context && context.modelNamePlural) {
+            uniqueKey = context.modelNamePlural;
+        }
+        if (context && context.modelName) {
+            uniqueKey = pluralize(context.modelName.toLowerCase());
+        }
+    }
+    return uniqueKey;
+};
+const useService = (service) => {
+    const [timeElapsed, setTimeElapsed] = useState(0);
+    const getPercentComplete = (service) => {
+        let percentComplete = 0;
+        if (service.logic.states) {
+            const stateNames = [];
+            const startupStates = [];
+            for (const [stateName, state] of Object.entries(service.logic.states)) {
+                if (state.tags.includes('loading')) {
+                    stateNames.push(stateName);
+                    startupStates.push(state);
+                }
+            }
+            const totalStates = startupStates.length;
+            const value = getServiceValue(service);
+            if (finalStrings.includes(value)) {
+                return 0;
+            }
+            const stateIndex = stateNames.indexOf(value);
+            percentComplete = (stateIndex / totalStates) * 100;
+        }
+        return percentComplete;
+    };
+    const updateTime = useCallback((interval) => {
+        service.getSnapshot().context;
+        const status = service.getSnapshot().value;
+        if (status === 'done' ||
+            status === 'success' ||
+            status === 'idle' ||
+            status === 'ready') {
+            clearInterval(interval);
+            return;
+        }
+        setTimeElapsed((timeElapsed) => timeElapsed + 1);
+    }, [service]);
+    const startInterval = useCallback(() => {
+        const interval = setInterval(() => {
+            updateTime(interval);
+        }, 1000);
+        return interval;
+    }, [updateTime, service]);
+    useEffect(() => {
+        const interval = startInterval();
+        return () => clearInterval(interval);
+    }, []);
+    return {
+        name: getServiceName(service),
+        timeElapsed,
+        value: getServiceValue(service),
+        percentComplete: getPercentComplete(service),
+        uniqueKey: getServiceUniqueKey(service),
+    };
+};
+const useIsDbReady = () => {
+    const [isDbReady, setIsDbReady] = useState(false);
+    const { internalStatus } = useGlobalServiceStatus();
+    useEffect(() => {
+        if (internalStatus === 'ready') {
+            setIsDbReady(true);
+        }
+    }, [internalStatus]);
+    return isDbReady;
+};
+const usePersistedSnapshots = () => {
+    const [initialized, setInitialized] = useState(false);
+    const hasSavedSnapshots = useHasSavedSnapshots();
+    const { services, percentComplete } = useServices();
+    // Helper function to save all actor snapshots to the database
+    const save = useCallback(async () => {
+        for (const actor of services) {
+            const uniqueKey = getServiceUniqueKey(actor);
+            logger(`would save to db with snapshot__${uniqueKey}:`, JSON.stringify(actor.getPersistedSnapshot()));
+            // await writeAppState(
+            //   `snapshot__${uniqueKey}`,
+            //   JSON.stringify(actor.getPersistedSnapshot()),
+            // )
+        }
+    }, [services]);
+    // Helper function to load persisted snapshots from the database
+    const load = useCallback(async () => {
+        const appDb = BaseDb.getAppDb();
+        if (!appDb) {
+            return [];
+        }
+        const persistedSnapshots = await appDb
+            .select()
+            .from(appState)
+            .where(like(appState.key, 'snapshot__%'));
+        return persistedSnapshots;
+    }, []);
+    useEffect(() => {
+        if (!hasSavedSnapshots || initialized) {
+            return;
+        }
+        const initialize = async () => {
+            const persistedSnapshots = await load();
+            console.log('persistedSnapshots:', persistedSnapshots);
+            setInitialized(true);
+        };
+        initialize();
+        return () => {
+            save(); // Save snapshots on unmount
+        };
+    }, [hasSavedSnapshots, initialized]);
+};
+const useHasSavedSnapshots = () => {
+    const [hasSavedSnapshots, setHasSavedSnapshots] = useState(false);
+    const isDbReady = useIsDbReady();
+    useEffect(() => {
+        if (isDbReady) {
+            const _checkForSnapshots = async () => {
+                const appDb = BaseDb.getAppDb();
+                const rows = await appDb
+                    .select()
+                    .from(appState)
+                    .where(like(appState.key, 'snapshot__%'));
+                if (rows && rows.length > 0) {
+                    setHasSavedSnapshots(true);
+                }
+            };
+            _checkForSnapshots();
+        }
+    }, [isDbReady]);
+    return hasSavedSnapshots;
+};
+const useServices = () => {
+    const [actors, setActors] = useState([]);
+    const [percentComplete, setPercentComplete] = useState(5);
+    const actorsMap = new Map();
+    useEffect(() => {
+        const globalServiceListener = (eventObj) => {
+            if (eventObj && eventObj.event && eventObj.event.type === 'init') {
+                return;
+            }
+            if (!eventObj ||
+                !eventObj.actorRef ||
+                !eventObj.actorRef.logic ||
+                !eventObj.actorRef.logic.config ||
+                !eventObj.actorRef._snapshot) {
+                return;
+            }
+            const service = eventObj.actorRef;
+            const services = [service];
+            if (service.logic.config.id === MachineIds.GLOBAL) {
+                const context = service.getSnapshot().context;
+                const keys = Object.keys(context);
+                for (const key of keys) {
+                    if (!key.startsWith('internal') && key.endsWith('Service')) {
+                        const allItemsService = context[key];
+                        services.push(allItemsService);
+                    }
+                }
+            }
+            services.forEach((innerService) => {
+                const uniqueKey = getServiceUniqueKey(innerService);
+                if (!uniqueKey) {
+                    return;
+                }
+                innerService.uniqueKey = uniqueKey;
+                actorsMap.set(uniqueKey, innerService);
+            });
+            let actorsArray = Array.from(actorsMap.values());
+            actorsArray = orderBy(actorsArray, (a) => a.logic.config.id, ['asc']);
+            setActors(produce(actors, (draft) => {
+                return actorsArray;
+            }));
+        };
+        eventEmitter.addListener('inspect.globalService', globalServiceListener);
+        return () => {
+            eventEmitter.removeListener('inspect.globalService', globalServiceListener);
+        };
+    }, []);
+    useEffect(() => {
+        const globalService = actors.find((actor) => getServiceName(actor) === 'global');
+        const internalService = actors.find((actor) => getServiceName(actor) === 'internal');
+        if (!globalService || !internalService) {
+            return;
+        }
+        if (getServiceValue(globalService) === 'initialized' &&
+            getServiceValue(internalService) === 'ready') {
+            const denominator = actors.length;
+            const finishedActors = actors.filter((actor) => {
+                const value = getServiceValue(actor);
+                return finalStrings.includes(value);
+            });
+            const numerator = finishedActors.length;
+            const percentComplete = (numerator / denominator) * 100;
+            setPercentComplete(percentComplete);
+        }
+    }, [actors]);
+    return {
+        services: actors,
+        percentComplete,
+    };
+};
+const useGlobalServiceStatus = () => {
+    const globalService = getGlobalService();
+    const status = useSelector(globalService, (snapshot) => {
+        return snapshot.value;
+    });
+    const internalStatus = useSelector(globalService.getSnapshot().context.internalService, (snapshot) => {
+        if (!snapshot) {
+            return;
+        }
+        return snapshot.value;
+    });
+    useSelector(globalService, (snapshot) => {
+        return snapshot.context.internalService;
+    });
+    return {
+        status,
+        internalStatus,
+    };
+};
+
+export { getServiceName, getServiceUniqueKey, getServiceValue, useGlobalServiceStatus, useHasSavedSnapshots, useIsDbReady, usePersistedSnapshots, useService, useServices };
+//# sourceMappingURL=services.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"services.js","sources":["../../../../../src/browser/react/services.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { ActorRef, InspectedEventEvent } from 'xstate'\nimport { orderBy } from 'lodash-es'\nimport { produce } from 'immer'\nimport { eventEmitter } from '@/eventBus'\nimport pluralize from 'pluralize'\nimport { getGlobalService } from '@/services/global/globalMachine'\nimport { useSelector } from '@xstate/react'\nimport debug from 'debug'\nimport { appState } from '@/seedSchema'\nimport { like } from 'drizzle-orm'\nimport { BaseDb } from '@/db/Db/BaseDb'\nimport { MachineIds } from '@/services/internal/constants'\n\nconst logger = debug('seedSdk:react:services')\n\nconst finalStrings = ['idle', 'ready', 'done', 'success', 'initialized']\n\nexport const getServiceName = (service: ActorRef<any, any>) => {\n  let name = 'actor'\n  if (service && service.uniqueKey) {\n    name = service.uniqueKey\n  }\n  if (service && !service.uniqueKey && service.logic && service.logic.config) {\n    name = getServiceUniqueKey(service)\n  }\n  return name\n}\n\nexport const getServiceValue = (\n  service: ActorRef<any, any>,\n): string | undefined => {\n  let value\n  if (service && service.getSnapshot() && service.getSnapshot().value) {\n    value = service.getSnapshot().value\n  }\n  if (getServiceName(service) === 'global') {\n    if (\n      value &&\n      typeof value === 'object' &&\n      Object.keys(value).length > 0 &&\n      Object.keys(value)[0] === 'initialized'\n    ) {\n      value = 'ready'\n    }\n  }\n  if (value && typeof value === 'object') {\n    value = JSON.stringify(value)\n  }\n  return value\n}\n\nexport const getServiceUniqueKey = (service: ActorRef<any, any>) => {\n  if (!service || !service.logic || !service.logic.config || !service._snapshot) {\n    return\n  }\n  const config = service.logic.config\n  if (!config.id) {\n    return\n  }\n  let uniqueKey = config.id\n  if (config.id.includes('@seedSdk/')) {\n    uniqueKey = config.id.match(/^.*@seedSdk\\/(\\w+)[\\.\\w]*/)[1]\n  }\n  let snapshot\n  try {\n    snapshot = service.getSnapshot()\n  } catch (error) {\n    logger('Error:', error)\n    return uniqueKey\n  }\n  if (snapshot) {\n    const context = snapshot.context\n    if (context && context.dbName) {\n      uniqueKey = context.dbName\n    }\n    if (context && context.modelNamePlural) {\n      uniqueKey = context.modelNamePlural\n    }\n    if (context && context.modelName) {\n      uniqueKey = pluralize(context.modelName.toLowerCase())\n    }\n  }\n  return uniqueKey\n}\n\nexport const useService = (service: ActorRef<any, any>) => {\n  const [timeElapsed, setTimeElapsed] = useState(0)\n\n  const getPercentComplete = (service: ActorRef<any, any>) => {\n    let percentComplete = 0\n    if (service.logic.states) {\n      const stateNames = []\n      const startupStates = []\n\n      for (const [stateName, state] of Object.entries(service.logic.states)) {\n        if (state.tags.includes('loading')) {\n          stateNames.push(stateName)\n          startupStates.push(state)\n        }\n      }\n\n      const totalStates = startupStates.length\n      const value = getServiceValue(service)\n      if (finalStrings.includes(value)) {\n        return 0\n      }\n      const stateIndex = stateNames.indexOf(value)\n      percentComplete = (stateIndex / totalStates) * 100\n    }\n    return percentComplete\n  }\n\n  const updateTime = useCallback(\n    (interval) => {\n      const context = service.getSnapshot().context\n      const status = service.getSnapshot().value\n      if (\n        status === 'done' ||\n        status === 'success' ||\n        status === 'idle' ||\n        status === 'ready'\n      ) {\n        clearInterval(interval)\n        return\n      }\n      setTimeElapsed((timeElapsed) => timeElapsed + 1)\n    },\n    [service],\n  )\n\n  const startInterval = useCallback(() => {\n    const interval = setInterval(() => {\n      updateTime(interval)\n    }, 1000)\n    return interval\n  }, [updateTime, service])\n\n  useEffect(() => {\n    const interval = startInterval()\n    return () => clearInterval(interval)\n  }, [])\n\n  return {\n    name: getServiceName(service),\n    timeElapsed,\n    value: getServiceValue(service),\n    percentComplete: getPercentComplete(service),\n    uniqueKey: getServiceUniqueKey(service),\n  }\n}\n\nexport const useIsDbReady = () => {\n  const [isDbReady, setIsDbReady] = useState(false)\n\n  const { internalStatus } = useGlobalServiceStatus()\n\n  useEffect(() => {\n    if (internalStatus === 'ready') {\n      setIsDbReady(true)\n    }\n  }, [internalStatus])\n\n  return isDbReady\n}\n\nexport const usePersistedSnapshots = () => {\n  const [initialized, setInitialized] = useState(false)\n\n  const hasSavedSnapshots = useHasSavedSnapshots()\n\n  const { services, percentComplete } = useServices()\n\n  // Helper function to save all actor snapshots to the database\n  const save = useCallback(async () => {\n    for (const actor of services) {\n      const uniqueKey = getServiceUniqueKey(actor)\n      logger(\n        `would save to db with snapshot__${uniqueKey}:`,\n        JSON.stringify(actor.getPersistedSnapshot()),\n      )\n      // await writeAppState(\n      //   `snapshot__${uniqueKey}`,\n      //   JSON.stringify(actor.getPersistedSnapshot()),\n      // )\n    }\n  }, [services])\n\n  // Helper function to load persisted snapshots from the database\n  const load = useCallback(async () => {\n    const appDb = BaseDb.getAppDb()\n\n    if (!appDb) {\n      return []\n    }\n\n    const persistedSnapshots = await appDb\n      .select()\n      .from(appState)\n      .where(like(appState.key, 'snapshot__%'))\n    return persistedSnapshots\n  }, [])\n\n  useEffect(() => {\n    if (!hasSavedSnapshots || initialized) {\n      return\n    }\n    const initialize = async () => {\n      const persistedSnapshots = await load()\n      console.log('persistedSnapshots:', persistedSnapshots)\n      setInitialized(true)\n    }\n\n    initialize()\n\n    return () => {\n      save() // Save snapshots on unmount\n    }\n  }, [hasSavedSnapshots, initialized])\n}\n\nexport const useHasSavedSnapshots = () => {\n  const [hasSavedSnapshots, setHasSavedSnapshots] = useState(false)\n\n  const isDbReady = useIsDbReady()\n\n  useEffect(() => {\n    if (isDbReady) {\n      const _checkForSnapshots = async (): Promise<void> => {\n        const appDb = BaseDb.getAppDb()\n\n        const rows = await appDb\n          .select()\n          .from(appState)\n          .where(like(appState.key, 'snapshot__%'))\n\n        if (rows && rows.length > 0) {\n          setHasSavedSnapshots(true)\n        }\n      }\n\n      _checkForSnapshots()\n    }\n  }, [isDbReady])\n\n  return hasSavedSnapshots\n}\n\nexport const useServices = () => {\n  const [actors, setActors] = useState<ActorRef<any, any>[]>([])\n  const [percentComplete, setPercentComplete] = useState(5)\n\n  const actorsMap = new Map<string, ActorRef<any, any>>()\n\n  useEffect(() => {\n    const globalServiceListener = (eventObj: InspectedEventEvent) => {\n      if (eventObj && eventObj.event && eventObj.event.type === 'init') {\n        return\n      }\n      if (\n        !eventObj || \n        !eventObj.actorRef || \n        !eventObj.actorRef.logic || \n        !eventObj.actorRef.logic.config ||\n        !eventObj.actorRef._snapshot\n      ) {\n        return\n      }\n      \n      const service = eventObj.actorRef\n      const services = [service]\n\n      if (service.logic.config.id === MachineIds.GLOBAL) {\n        const context = service.getSnapshot().context\n        const keys = Object.keys(context)\n        for (const key of keys) {\n          if (!key.startsWith('internal') && key.endsWith('Service')) {\n            const allItemsService = context[key]\n            services.push(allItemsService)\n          }\n        }\n      }\n\n      services.forEach((innerService) => {\n        const uniqueKey = getServiceUniqueKey(innerService)\n        if (!uniqueKey) {\n          return\n        }\n        innerService.uniqueKey = uniqueKey\n        actorsMap.set(uniqueKey, innerService)\n      })\n\n      let actorsArray = Array.from(actorsMap.values())\n      actorsArray = orderBy(actorsArray, (a) => a.logic.config.id, ['asc'])\n\n      setActors(\n        produce(actors, (draft) => {\n          return actorsArray\n        }),\n      )\n    }\n\n    eventEmitter.addListener('inspect.globalService', globalServiceListener)\n\n    return () => {\n      eventEmitter.removeListener(\n        'inspect.globalService',\n        globalServiceListener,\n      )\n    }\n  }, [])\n\n  useEffect(() => {\n    const globalService = actors.find(\n      (actor) => getServiceName(actor) === 'global',\n    )\n    const internalService = actors.find(\n      (actor) => getServiceName(actor) === 'internal',\n    )\n    if (!globalService || !internalService) {\n      return\n    }\n    if (\n      getServiceValue(globalService) === 'initialized' &&\n      getServiceValue(internalService) === 'ready'\n    ) {\n      const denominator = actors.length\n      const finishedActors = actors.filter((actor) => {\n        const value = getServiceValue(actor)\n        return finalStrings.includes(value)\n      })\n      const numerator = finishedActors.length\n      const percentComplete = (numerator / denominator) * 100\n      setPercentComplete(percentComplete)\n    }\n  }, [actors])\n\n  return {\n    services: actors,\n    percentComplete,\n  }\n}\n\nexport const useGlobalServiceStatus = () => {\n  const globalService = getGlobalService()\n\n  const status = useSelector(globalService, (snapshot) => {\n    return snapshot.value\n  })\n\n  const internalStatus = useSelector(\n    globalService.getSnapshot().context.internalService,\n    (snapshot) => {\n      if (!snapshot) {\n        return\n      }\n      return snapshot.value\n    },\n  )\n\n  const internalService = useSelector(globalService, (snapshot) => {\n    return snapshot.context.internalService\n  })\n\n  return {\n    status,\n    internalStatus,\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+import { useState, useCallback, useEffect } from 'react';
+import { eventEmitter } from '../../eventBus.js';
+import { deleteItem } from '../../db/write/deleteItem.js';
+
+const useDeleteItem = () => {
+    const [isDeletingItem, setIsDeletingItem] = useState(false);
+    const destroy = useCallback(async (item) => {
+        if (!item) {
+            return;
+        }
+        setIsDeletingItem(true);
+        const { modelName } = item.getService().getSnapshot().context;
+        await deleteItem({ seedLocalId: item.seedLocalId });
+        eventEmitter.emit('item.requestAll', { modelName });
+        setIsDeletingItem(false);
+    }, [isDeletingItem]);
+    useEffect(() => { }, []);
+    return {
+        deleteItem: destroy,
+        isDeletingItem,
+    };
+};
+
+export { useDeleteItem };
+//# sourceMappingURL=trash.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trash.js","sources":["../../../../../src/browser/react/trash.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { Item } from '@/browser/Item/Item'\nimport { eventEmitter } from '@/eventBus'\nimport { deleteItem } from '@/db/write/deleteItem'\n\nexport const useDeleteItem = () => {\n  const [isDeletingItem, setIsDeletingItem] = useState(false)\n\n  const destroy = useCallback(\n    async (item: Item<any>) => {\n      if (!item) {\n        return\n      }\n      setIsDeletingItem(true)\n      const { modelName } = item.getService().getSnapshot().context\n      await deleteItem({ seedLocalId: item.seedLocalId })\n      eventEmitter.emit('item.requestAll', { modelName })\n      setIsDeletingItem(false)\n    },\n    [isDeletingItem],\n  )\n\n  useEffect(() => { }, [])\n\n  return {\n    deleteItem: destroy,\n    isDeletingItem,\n  }\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,aAAa,GAAG,MAAK;IAChC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE3D,MAAM,OAAO,GAAG,WAAW,CACzB,OAAO,IAAe,KAAI;QACxB,IAAI,CAAC,IAAI,EAAE;YACT;;QAEF,iBAAiB,CAAC,IAAI,CAAC;AACvB,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO;QAC7D,MAAM,UAAU,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;QACnD,YAAY,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,SAAS,EAAE,CAAC;QACnD,iBAAiB,CAAC,KAAK,CAAC;AAC1B,KAAC,EACD,CAAC,cAAc,CAAC,CACjB;IAED,SAAS,CAAC,MAAK,GAAI,EAAE,EAAE,CAAC;IAExB,OAAO;AACL,QAAA,UAAU,EAAE,OAAO;QACnB,cAAc;KACf;AACH;;;;"}

package/dist/src/browser/workers/FileDownloader.js

@@ -0,0 +1,49 @@
+import { saveAppState } from '../../db/write/saveAppState.js';
+import filesDownload from './filesDownload.js';
+
+class FileDownloader {
+    constructor() {
+        this.workersArchive = [];
+        this.downloadAll = async ({ transactionIds, arweaveHost, excludedTransactions }) => {
+            if (this.workersArchive.length > 0) {
+                for (let i = 0; i < this.workersArchive.length; i++) {
+                    this.workersArchive[i].terminate();
+                    delete this.workersArchive[i];
+                }
+                this.workersArchive = [];
+            }
+            const worker = new Worker(this.workerBlobUrl);
+            this.workersArchive.push(worker);
+            const localExcludedTransactions = new Set(excludedTransactions);
+            return new Promise((resolve, reject) => {
+                worker.onmessage = (e) => {
+                    console.log('filesDownload main thread onmessage', e.data);
+                    if (e.data.message === 'excludeTransaction') {
+                        localExcludedTransactions.add(e.data.transactionId);
+                    }
+                    if (e.data.done) {
+                        saveAppState('excludedTransactions', JSON.stringify(Array.from(localExcludedTransactions)))
+                            .then(() => {
+                            resolve(e.data);
+                        })
+                            .catch((error) => {
+                            reject(error);
+                        });
+                    }
+                    if (e.data.error) {
+                        reject(e.data.error);
+                    }
+                };
+                worker.postMessage({
+                    transactionIds,
+                    arweaveHost,
+                });
+            });
+        };
+        this.cores = Math.min(navigator.hardwareConcurrency || 4, 4);
+        this.workerBlobUrl = globalThis.URL.createObjectURL(new Blob([filesDownload], { type: 'application/javascript' }));
+    }
+}
+
+export { FileDownloader };
+//# sourceMappingURL=FileDownloader.js.map

package/dist/src/browser/workers/FileDownloader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDownloader.js","sources":["../../../../../src/browser/workers/FileDownloader.ts"],"sourcesContent":["import { saveAppState } from '@/db/write/saveAppState.js';\nimport filesDownload from './filesDownload.js'\n\n\n\nexport class FileDownloader {\n  private cores: number\n  private workersArchive: Worker[] = []\n  private workerBlobUrl: string\n\n  constructor() {\n    this.cores = Math.min(navigator.hardwareConcurrency || 4, 4);\n\n    this.workerBlobUrl = globalThis.URL.createObjectURL(\n      new Blob([filesDownload], { type: 'application/javascript' })\n    )\n  }\n\n  public downloadAll = async ({transactionIds, arweaveHost, excludedTransactions}: DownloadAllFilesParams): Promise<void> => {\n\n    if (this.workersArchive.length > 0) {\n      for (let i = 0; i < this.workersArchive.length; i++) {\n        this.workersArchive[i].terminate()\n        delete this.workersArchive[i]\n      }\n      this.workersArchive = []\n    }\n\n    const worker = new Worker(this.workerBlobUrl);\n\n    this.workersArchive.push(worker)\n\n    const localExcludedTransactions = new Set(excludedTransactions)\n\n    return new Promise((resolve, reject) => {\n      worker.onmessage = (e) => {\n        console.log('filesDownload main thread onmessage', e.data);\n\n        if (e.data.message === 'excludeTransaction') {\n          localExcludedTransactions.add(e.data.transactionId)\n        }\n\n        if (e.data.done) {\n          saveAppState('excludedTransactions', JSON.stringify(Array.from(localExcludedTransactions)))\n          .then(() => {\n            resolve(e.data)\n          })\n          .catch((error) => {\n            reject(error)\n          })\n        }\n        if (e.data.error) {\n          reject(e.data.error)\n        }\n      }\n  \n      worker.postMessage({\n        transactionIds,\n        arweaveHost,\n      });\n    })\n  }\n}\n"],"names":[],"mappings":";;;MAKa,cAAc,CAAA;AAKzB,IAAA,WAAA,GAAA;QAHQ,IAAc,CAAA,cAAA,GAAa,EAAE;QAW9B,IAAW,CAAA,WAAA,GAAG,OAAO,EAAC,cAAc,EAAE,WAAW,EAAE,oBAAoB,EAAyB,KAAmB;YAExH,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;AAClC,gBAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACnD,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE;AAClC,oBAAA,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;;AAE/B,gBAAA,IAAI,CAAC,cAAc,GAAG,EAAE;;YAG1B,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC;AAE7C,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC;AAEhC,YAAA,MAAM,yBAAyB,GAAG,IAAI,GAAG,CAAC,oBAAoB,CAAC;YAE/D,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;AACrC,gBAAA,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC,KAAI;oBACvB,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,CAAC,CAAC,IAAI,CAAC;oBAE1D,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,KAAK,oBAAoB,EAAE;wBAC3C,yBAAyB,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;;AAGrD,oBAAA,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE;AACf,wBAAA,YAAY,CAAC,sBAAsB,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;6BACzF,IAAI,CAAC,MAAK;AACT,4BAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AACjB,yBAAC;AACA,6BAAA,KAAK,CAAC,CAAC,KAAK,KAAI;4BACf,MAAM,CAAC,KAAK,CAAC;AACf,yBAAC,CAAC;;AAEJ,oBAAA,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE;AAChB,wBAAA,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;;AAExB,iBAAC;gBAED,MAAM,CAAC,WAAW,CAAC;oBACjB,cAAc;oBACd,WAAW;AACZ,iBAAA,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC;AAlDC,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,mBAAmB,IAAI,CAAC,EAAE,CAAC,CAAC;QAE5D,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,GAAG,CAAC,eAAe,CACjD,IAAI,IAAI,CAAC,CAAC,aAAa,CAAC,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAC,CAC9D;;AA+CJ;;;;"}

package/dist/src/browser/workers/ImageResizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageResizer.d.ts","sourceRoot":"","sources":["../../../../src/browser/workers/ImageResizer.ts"],"names":[],"mappings":"AAMA,qBAAa,YAAY;IACvB,OAAO,CAAC,KAAK,CAAQ;IACrB,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,aAAa,CAAQ;;IAUd,MAAM,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAC,EAAE,iBAAiB;IAqCrD,SAAS,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,EAAE,qBAAqB;CAwB9D"}
+{"version":3,"file":"ImageResizer.d.ts","sourceRoot":"","sources":["../../../../src/browser/workers/ImageResizer.ts"],"names":[],"mappings":"AAOA,qBAAa,YAAY;IACvB,OAAO,CAAC,KAAK,CAAQ;IACrB,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,aAAa,CAAQ;;IAUd,MAAM,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAC,EAAE,iBAAiB;IAqCrD,SAAS,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,EAAE,qBAAqB;CA0B9D"}