@xyo-network/react-payload-diviner 3.0.15 → 3.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/browser/contexts/PayloadDiviner/Provider.d.ts.map +1 -1
  2. package/dist/browser/contexts/PayloadDiviner/use.d.ts.map +1 -1
  3. package/dist/browser/index.mjs +10 -16
  4. package/dist/browser/index.mjs.map +1 -1
  5. package/package.json +8 -7
  6. package/src/contexts/PayloadDiviner/Provider.tsx +3 -10
  7. package/src/contexts/PayloadDiviner/use.ts +4 -0
package/dist/browser/contexts/PayloadDiviner/Provider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/PayloadDiviner/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAC3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AACvE,OAAO,KAEN,MAAM,OAAO,CAAA;AAId,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,CAAC;IAE/D,OAAO,CAAC,EAAE,cAAc,CAAA;CACzB,CAAC,CAAA;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA0BxE,CAAA"}
1
+ {"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/PayloadDiviner/Provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAC3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AACvE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAItC,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,CAAC;IAE/D,OAAO,CAAC,EAAE,cAAc,CAAA;CACzB,CAAC,CAAA;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAoBxE,CAAA"}
package/dist/browser/contexts/PayloadDiviner/use.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/PayloadDiviner/use.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAY,MAAM,4BAA4B,CAAA;AAEnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAKrC,eAAO,MAAM,iBAAiB,yIAE7B,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,OAAO;;+DACzC,MAAM,KACZ,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,CA+B1E,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,OAAO;;kEACvC,MAAM,EAAE,KACjB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,SAAS,CA0CpF,CAAA"}
1
+ {"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/PayloadDiviner/use.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAY,MAAM,4BAA4B,CAAA;AAEnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAKrC,eAAO,MAAM,iBAAiB,yIAE7B,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,OAAO;;+DACzC,MAAM,KACZ,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAAK,GAAG,SAAS,CAiC1E,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,OAAO;;kEACvC,MAAM,EAAE,KACjB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,SAAS,CA4CpF,CAAA"}
package/dist/browser/index.mjs CHANGED
@@ -17,16 +17,10 @@ import { createContextEx as createContextEx2 } from "@xyo-network/react-shared";
17
17
  var PayloadDivinerContext = createContextEx2();
18
18
 
19
19
  // src/contexts/PayloadDiviner/Provider.tsx
20
- import React, { useEffect, useMemo, useState } from "react";
20
+ import { useResetState } from "@xylabs/react-hooks";
21
+ import React, { useMemo } from "react";
21
22
  var PayloadDivinerProvider = /* @__PURE__ */ __name(({ diviner: divinerProp, required = false, children }) => {
22
- const [diviner, setDiviner] = useState(divinerProp);
23
- useEffect(() => {
24
- if (divinerProp) {
25
- setDiviner(divinerProp);
26
- }
27
- }, [
28
- divinerProp
29
- ]);
23
+ const [diviner, setDiviner] = useResetState(divinerProp);
30
24
  const value = useMemo(() => ({
31
25
  diviner: diviner === divinerProp ? diviner : void 0,
32
26
  provided: true,
@@ -46,15 +40,15 @@ import { exists } from "@xylabs/exists";
46
40
  import { useAsyncEffect } from "@xylabs/react-async-effect";
47
41
  import { HuriSchema } from "@xyo-network/diviner-huri";
48
42
  import { useContextEx } from "@xyo-network/react-shared";
49
- import { useEffect as useEffect2, useState as useState2 } from "react";
43
+ import { useEffect, useState } from "react";
50
44
  var usePayloadDiviner = /* @__PURE__ */ __name((required = false) => {
51
45
  return useContextEx(PayloadDivinerContext, "PayloadDiviner", required);
52
46
  }, "usePayloadDiviner");
53
47
  var useDivinePayload = /* @__PURE__ */ __name((huri) => {
54
48
  const { diviner } = usePayloadDiviner();
55
- const [payload, setPayload] = useState2();
56
- const [error, setError] = useState2();
57
- useEffect2(() => {
49
+ const [payload, setPayload] = useState();
50
+ const [error, setError] = useState();
51
+ useEffect(() => {
58
52
  if (diviner) {
59
53
  setPayload(void 0);
60
54
  }
@@ -95,9 +89,9 @@ var useDivinePayload = /* @__PURE__ */ __name((huri) => {
95
89
  }, "useDivinePayload");
96
90
  var useDivinePayloads = /* @__PURE__ */ __name((huriList) => {
97
91
  const { diviner } = usePayloadDiviner();
98
- const [payloads, setPayloads] = useState2();
99
- const [errors, setErrors] = useState2();
100
- useEffect2(() => {
92
+ const [payloads, setPayloads] = useState();
93
+ const [errors, setErrors] = useState();
94
+ useEffect(() => {
101
95
  if (diviner) {
102
96
  setPayloads(void 0);
103
97
  }
package/dist/browser/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/contexts/DivinedPayload/Context.ts","../../src/contexts/DivinedPayload/Provider.tsx","../../src/contexts/PayloadDiviner/Context.ts","../../src/contexts/PayloadDiviner/Provider.tsx","../../src/contexts/PayloadDiviner/use.ts","../../src/contexts/DivinedPayload/use.ts"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport type { DivinedPayloadState } from './State.ts'\n\nexport const DivinedPayloadContext = createContextEx<DivinedPayloadState>()\n","import type { WithChildren } from '@xylabs/react-shared'\nimport { ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { ErrorRender } from '@xyo-network/react-error'\nimport { useBuildHuri } from '@xyo-network/react-payload-huri'\nimport React, { useMemo } from 'react'\nimport { useParams, useSearchParams } from 'react-router-dom'\n\nimport { useDivinePayload } from '../PayloadDiviner/index.ts'\nimport { DivinedPayloadContext } from './Context.ts'\nimport { useDivinedPayload } from './use.ts'\n\nexport interface DivinedPayloadProviderProps extends WithChildren {\n hash?: string\n}\n\nexport const DivinedPayloadProvider: React.FC<DivinedPayloadProviderProps> = ({ children, hash }) => {\n const { hash: hashParam } = useParams()\n\n const huriFromHashParam = useBuildHuri(hashParam)\n\n const [params] = useSearchParams()\n const huriSearchParameter = params.get('huri')\n const decodedHuriParam = decodeURIComponent(huriSearchParameter ?? '')\n const huriUri = hash ?? decodedHuriParam ?? huriFromHashParam\n\n const [payload, setPayload, payloadError] = useDivinePayload(huriUri)\n\n const value = useMemo(() => ({\n payload, payloadError, provided: true, setPayload,\n }), [payload, payloadError, setPayload])\n\n return (\n <DivinedPayloadContext.Provider value={value}>\n {children}\n </DivinedPayloadContext.Provider>\n )\n}\n\nexport const DivinedPayloadWithHandleInner: React.FC<WithChildren> = ({ children }) => {\n const { payloadError } = useDivinedPayload()\n\n return (\n <ErrorRender\n error={payloadError\n ? {\n message: payloadError.message, schema: ModuleErrorSchema, sources: [],\n }\n : undefined}\n errorContext=\"Divined Payload Provider\"\n >\n {children}\n </ErrorRender>\n )\n}\n\nexport const DivinedPayloadWithHandleProvider: React.FC<DivinedPayloadProviderProps> = ({ children, ...props }) => {\n return (\n <DivinedPayloadProvider {...props}>\n <DivinedPayloadWithHandleInner>{children}</DivinedPayloadWithHandleInner>\n </DivinedPayloadProvider>\n )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport type { PayloadDivinerState } from './State.ts'\n\nconst PayloadDivinerContext = createContextEx<PayloadDivinerState>()\n\nexport { PayloadDivinerContext }\n","import type { PayloadDiviner } from '@xyo-network/diviner-payload-abstract'\nimport type { ContextExProviderProps } from '@xyo-network/react-shared'\nimport React, {\n useEffect, useMemo, useState,\n} from 'react'\n\nimport { PayloadDivinerContext } from './Context.ts'\n\nexport type PayloadDivinerProviderProps = ContextExProviderProps<{\n /** Required */\n diviner?: PayloadDiviner\n}>\n\nexport const PayloadDivinerProvider: React.FC<PayloadDivinerProviderProps> = ({\n diviner: divinerProp, required = false, children,\n}) => {\n const [diviner, setDiviner] = useState<PayloadDiviner | undefined>(divinerProp)\n\n useEffect(() => {\n if (divinerProp) {\n setDiviner(divinerProp)\n }\n }, [divinerProp])\n\n const value = useMemo(() => ({\n diviner: diviner === divinerProp ? diviner : undefined, provided: true, setDiviner,\n }), [diviner, divinerProp, setDiviner])\n\n return (\n <PayloadDivinerContext.Provider\n value={value}\n >\n {diviner\n ? children\n : required\n ? null\n : children}\n </PayloadDivinerContext.Provider>\n )\n}\n","import { exists } from '@xylabs/exists'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport type { HuriPayload } from '@xyo-network/diviner-huri'\nimport { HuriSchema } from '@xyo-network/diviner-huri'\nimport type { Payload, WithMeta } from '@xyo-network/payload-model'\nimport { useContextEx } from '@xyo-network/react-shared'\nimport type { Dispatch } from 'react'\nimport { useEffect, useState } from 'react'\n\nimport { PayloadDivinerContext } from './Context.ts'\n\nexport const usePayloadDiviner = (required = false) => {\n return useContextEx(PayloadDivinerContext, 'PayloadDiviner', required)\n}\n\nexport const useDivinePayload = <T extends Payload = Payload>(\n huri?: string,\n): [T | undefined | null, Dispatch<T | null | undefined>, Error | undefined] => {\n const { diviner } = usePayloadDiviner()\n const [payload, setPayload] = useState<T | null>()\n const [error, setError] = useState<Error>()\n\n useEffect(() => {\n if (diviner) {\n setPayload(undefined)\n }\n }, [diviner])\n\n useAsyncEffect(\n async (mounted) => {\n if (huri && diviner && payload === undefined) {\n try {\n const huriPayload: HuriPayload = { huri: [huri], schema: HuriSchema }\n const [payload] = (await diviner?.divine([huriPayload])) ?? []\n if (mounted()) {\n setPayload(payload ? (payload as WithMeta<T>) : null)\n }\n } catch (ex) {\n if (mounted()) {\n setError(ex as Error)\n }\n }\n }\n },\n [diviner, huri, payload],\n )\n\n return [payload, setPayload, error]\n}\n\nexport const useDivinePayloads = <T extends Payload = Payload>(\n huriList: string[],\n): [(T | null)[] | undefined, Dispatch<(T | null)[] | undefined>, Error[] | undefined] => {\n const { diviner } = usePayloadDiviner()\n const [payloads, setPayloads] = useState<(T | null)[]>()\n const [errors, setErrors] = useState<Error[]>()\n\n useEffect(() => {\n if (diviner) {\n setPayloads(undefined)\n }\n }, [diviner])\n\n useAsyncEffect(\n async (mounted) => {\n console.log(`huriList: ${JSON.stringify(huriList, null, 2)}`)\n const payloads = await Promise.allSettled(\n huriList.map(async (huri) => {\n const huriPayload: HuriPayload = { huri: [huri], schema: HuriSchema }\n const [payload] = (await diviner?.divine([huriPayload])) ?? []\n return payload\n }),\n )\n if (mounted()) {\n setPayloads([...payloads.values()].map(value => (value.status === 'rejected' ? null : value.value)) as (T | null)[])\n setErrors(\n (\n [...payloads.values()].map(value => (value.status === 'rejected' ? new Error('divine failed', { cause: value.reason }) : undefined))\n ).filter(exists),\n )\n if (mounted()) {\n setPayloads([...payloads.values()].map(value => (value.status === 'rejected' ? null : value.value)) as (T | null)[])\n setErrors(\n (\n [...payloads.values()].map(value => (value.status === 'rejected' ? new Error('divine failed', { cause: value.reason }) : undefined))\n ).filter(exists),\n )\n }\n }\n },\n [diviner, huriList, payloads],\n )\n\n return [payloads, setPayloads, errors]\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { DivinedPayloadContext } from './Context.ts'\n\nexport const useDivinedPayload = () => useContextEx(DivinedPayloadContext, 'DivinedPayload', true)\n"],"mappings":"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","names":["createContextEx","DivinedPayloadContext","ModuleErrorSchema","ErrorRender","useBuildHuri","React","useMemo","useParams","useSearchParams","createContextEx","PayloadDivinerContext","React","useEffect","useMemo","useState","PayloadDivinerProvider","diviner","divinerProp","required","children","setDiviner","useState","useEffect","value","useMemo","undefined","provided","PayloadDivinerContext","Provider","exists","useAsyncEffect","HuriSchema","useContextEx","useEffect","useState","usePayloadDiviner","required","useContextEx","PayloadDivinerContext","useDivinePayload","huri","diviner","payload","setPayload","useState","error","setError","useEffect","undefined","useAsyncEffect","mounted","huriPayload","schema","HuriSchema","divine","ex","useDivinePayloads","huriList","payloads","setPayloads","errors","setErrors","console","log","JSON","stringify","Promise","allSettled","map","values","value","status","Error","cause","reason","filter","exists","useContextEx","useDivinedPayload","useContextEx","DivinedPayloadContext","DivinedPayloadProvider","children","hash","hashParam","useParams","huriFromHashParam","useBuildHuri","params","useSearchParams","huriSearchParameter","get","decodedHuriParam","decodeURIComponent","huriUri","payload","setPayload","payloadError","useDivinePayload","value","useMemo","provided","React","DivinedPayloadContext","Provider","DivinedPayloadWithHandleInner","useDivinedPayload","ErrorRender","error","message","schema","ModuleErrorSchema","sources","undefined","errorContext","DivinedPayloadWithHandleProvider","props"]}
1
+ {"version":3,"sources":["../../src/contexts/DivinedPayload/Context.ts","../../src/contexts/DivinedPayload/Provider.tsx","../../src/contexts/PayloadDiviner/Context.ts","../../src/contexts/PayloadDiviner/Provider.tsx","../../src/contexts/PayloadDiviner/use.ts","../../src/contexts/DivinedPayload/use.ts"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport type { DivinedPayloadState } from './State.ts'\n\nexport const DivinedPayloadContext = createContextEx<DivinedPayloadState>()\n","import type { WithChildren } from '@xylabs/react-shared'\nimport { ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { ErrorRender } from '@xyo-network/react-error'\nimport { useBuildHuri } from '@xyo-network/react-payload-huri'\nimport React, { useMemo } from 'react'\nimport { useParams, useSearchParams } from 'react-router-dom'\n\nimport { useDivinePayload } from '../PayloadDiviner/index.ts'\nimport { DivinedPayloadContext } from './Context.ts'\nimport { useDivinedPayload } from './use.ts'\n\nexport interface DivinedPayloadProviderProps extends WithChildren {\n hash?: string\n}\n\nexport const DivinedPayloadProvider: React.FC<DivinedPayloadProviderProps> = ({ children, hash }) => {\n const { hash: hashParam } = useParams()\n\n const huriFromHashParam = useBuildHuri(hashParam)\n\n const [params] = useSearchParams()\n const huriSearchParameter = params.get('huri')\n const decodedHuriParam = decodeURIComponent(huriSearchParameter ?? '')\n const huriUri = hash ?? decodedHuriParam ?? huriFromHashParam\n\n const [payload, setPayload, payloadError] = useDivinePayload(huriUri)\n\n const value = useMemo(() => ({\n payload, payloadError, provided: true, setPayload,\n }), [payload, payloadError, setPayload])\n\n return (\n <DivinedPayloadContext.Provider value={value}>\n {children}\n </DivinedPayloadContext.Provider>\n )\n}\n\nexport const DivinedPayloadWithHandleInner: React.FC<WithChildren> = ({ children }) => {\n const { payloadError } = useDivinedPayload()\n\n return (\n <ErrorRender\n error={payloadError\n ? {\n message: payloadError.message, schema: ModuleErrorSchema, sources: [],\n }\n : undefined}\n errorContext=\"Divined Payload Provider\"\n >\n {children}\n </ErrorRender>\n )\n}\n\nexport const DivinedPayloadWithHandleProvider: React.FC<DivinedPayloadProviderProps> = ({ children, ...props }) => {\n return (\n <DivinedPayloadProvider {...props}>\n <DivinedPayloadWithHandleInner>{children}</DivinedPayloadWithHandleInner>\n </DivinedPayloadProvider>\n )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport type { PayloadDivinerState } from './State.ts'\n\nconst PayloadDivinerContext = createContextEx<PayloadDivinerState>()\n\nexport { PayloadDivinerContext }\n","import { useResetState } from '@xylabs/react-hooks'\nimport type { PayloadDiviner } from '@xyo-network/diviner-payload-abstract'\nimport type { ContextExProviderProps } from '@xyo-network/react-shared'\nimport React, { useMemo } from 'react'\n\nimport { PayloadDivinerContext } from './Context.ts'\n\nexport type PayloadDivinerProviderProps = ContextExProviderProps<{\n /** Required */\n diviner?: PayloadDiviner\n}>\n\nexport const PayloadDivinerProvider: React.FC<PayloadDivinerProviderProps> = ({\n diviner: divinerProp, required = false, children,\n}) => {\n const [diviner, setDiviner] = useResetState<PayloadDiviner | undefined>(divinerProp)\n\n const value = useMemo(() => ({\n diviner: diviner === divinerProp ? diviner : undefined, provided: true, setDiviner,\n }), [diviner, divinerProp, setDiviner])\n\n return (\n <PayloadDivinerContext.Provider\n value={value}\n >\n {diviner\n ? children\n : required\n ? null\n : children}\n </PayloadDivinerContext.Provider>\n )\n}\n","import { exists } from '@xylabs/exists'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport type { HuriPayload } from '@xyo-network/diviner-huri'\nimport { HuriSchema } from '@xyo-network/diviner-huri'\nimport type { Payload, WithMeta } from '@xyo-network/payload-model'\nimport { useContextEx } from '@xyo-network/react-shared'\nimport type { Dispatch } from 'react'\nimport { useEffect, useState } from 'react'\n\nimport { PayloadDivinerContext } from './Context.ts'\n\nexport const usePayloadDiviner = (required = false) => {\n return useContextEx(PayloadDivinerContext, 'PayloadDiviner', required)\n}\n\nexport const useDivinePayload = <T extends Payload = Payload>(\n huri?: string,\n): [T | undefined | null, Dispatch<T | null | undefined>, Error | undefined] => {\n const { diviner } = usePayloadDiviner()\n const [payload, setPayload] = useState<T | null>()\n const [error, setError] = useState<Error>()\n\n useEffect(() => {\n // we do this to clear the payload when the diviner changes\n if (diviner) {\n // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect\n setPayload(undefined)\n }\n }, [diviner])\n\n useAsyncEffect(\n async (mounted) => {\n if (huri && diviner && payload === undefined) {\n try {\n const huriPayload: HuriPayload = { huri: [huri], schema: HuriSchema }\n const [payload] = (await diviner?.divine([huriPayload])) ?? []\n if (mounted()) {\n setPayload(payload ? (payload as WithMeta<T>) : null)\n }\n } catch (ex) {\n if (mounted()) {\n setError(ex as Error)\n }\n }\n }\n },\n [diviner, huri, payload],\n )\n\n return [payload, setPayload, error]\n}\n\nexport const useDivinePayloads = <T extends Payload = Payload>(\n huriList: string[],\n): [(T | null)[] | undefined, Dispatch<(T | null)[] | undefined>, Error[] | undefined] => {\n const { diviner } = usePayloadDiviner()\n const [payloads, setPayloads] = useState<(T | null)[]>()\n const [errors, setErrors] = useState<Error[]>()\n\n useEffect(() => {\n if (diviner) {\n // clear payloads when diviner changes\n // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect\n setPayloads(undefined)\n }\n }, [diviner])\n\n useAsyncEffect(\n async (mounted) => {\n console.log(`huriList: ${JSON.stringify(huriList, null, 2)}`)\n const payloads = await Promise.allSettled(\n huriList.map(async (huri) => {\n const huriPayload: HuriPayload = { huri: [huri], schema: HuriSchema }\n const [payload] = (await diviner?.divine([huriPayload])) ?? []\n return payload\n }),\n )\n if (mounted()) {\n setPayloads([...payloads.values()].map(value => (value.status === 'rejected' ? null : value.value)) as (T | null)[])\n setErrors(\n (\n [...payloads.values()].map(value => (value.status === 'rejected' ? new Error('divine failed', { cause: value.reason }) : undefined))\n ).filter(exists),\n )\n if (mounted()) {\n setPayloads([...payloads.values()].map(value => (value.status === 'rejected' ? null : value.value)) as (T | null)[])\n setErrors(\n (\n [...payloads.values()].map(value => (value.status === 'rejected' ? new Error('divine failed', { cause: value.reason }) : undefined))\n ).filter(exists),\n )\n }\n }\n },\n [diviner, huriList, payloads],\n )\n\n return [payloads, setPayloads, errors]\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { DivinedPayloadContext } from './Context.ts'\n\nexport const useDivinedPayload = () => useContextEx(DivinedPayloadContext, 'DivinedPayload', true)\n"],"mappings":"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","names":["createContextEx","DivinedPayloadContext","ModuleErrorSchema","ErrorRender","useBuildHuri","React","useMemo","useParams","useSearchParams","createContextEx","PayloadDivinerContext","useResetState","React","useMemo","PayloadDivinerProvider","diviner","divinerProp","required","children","setDiviner","useResetState","value","useMemo","undefined","provided","PayloadDivinerContext","Provider","exists","useAsyncEffect","HuriSchema","useContextEx","useEffect","useState","usePayloadDiviner","required","useContextEx","PayloadDivinerContext","useDivinePayload","huri","diviner","payload","setPayload","useState","error","setError","useEffect","undefined","useAsyncEffect","mounted","huriPayload","schema","HuriSchema","divine","ex","useDivinePayloads","huriList","payloads","setPayloads","errors","setErrors","console","log","JSON","stringify","Promise","allSettled","map","values","value","status","Error","cause","reason","filter","exists","useContextEx","useDivinedPayload","useContextEx","DivinedPayloadContext","DivinedPayloadProvider","children","hash","hashParam","useParams","huriFromHashParam","useBuildHuri","params","useSearchParams","huriSearchParameter","get","decodedHuriParam","decodeURIComponent","huriUri","payload","setPayload","payloadError","useDivinePayload","value","useMemo","provided","React","DivinedPayloadContext","Provider","DivinedPayloadWithHandleInner","useDivinedPayload","ErrorRender","error","message","schema","ModuleErrorSchema","sources","undefined","errorContext","DivinedPayloadWithHandleProvider","props"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-payload-diviner",
3
- "version": "3.0.15",
3
+ "version": "3.0.16",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -43,15 +43,16 @@
43
43
  "lint-pkg": "npmPkgJsonLint ."
44
44
  },
45
45
  "dependencies": {
46
- "@xylabs/exists": "^4.0.9",
47
- "@xylabs/react-async-effect": "^4.2.5",
48
- "@xylabs/react-shared": "^4.2.5",
46
+ "@xylabs/exists": "^4.0.10",
47
+ "@xylabs/react-async-effect": "^4.2.10",
48
+ "@xylabs/react-hooks": "^4.2.10",
49
+ "@xylabs/react-shared": "^4.2.10",
49
50
  "@xyo-network/diviner-huri": "^3.1.9",
50
51
  "@xyo-network/diviner-payload-abstract": "^3.1.9",
51
52
  "@xyo-network/payload-model": "^3.1.9",
52
- "@xyo-network/react-error": "^3.0.15",
53
- "@xyo-network/react-payload-huri": "^3.0.15",
54
- "@xyo-network/react-shared": "^3.0.15",
53
+ "@xyo-network/react-error": "^3.0.16",
54
+ "@xyo-network/react-payload-huri": "^3.0.16",
55
+ "@xyo-network/react-shared": "^3.0.16",
55
56
  "react-router-dom": "^6.26.1"
56
57
  },
57
58
  "devDependencies": {
package/src/contexts/PayloadDiviner/Provider.tsx CHANGED
@@ -1,8 +1,7 @@
1
+ import { useResetState } from '@xylabs/react-hooks'
1
2
  import type { PayloadDiviner } from '@xyo-network/diviner-payload-abstract'
2
3
  import type { ContextExProviderProps } from '@xyo-network/react-shared'
3
- import React, {
4
- useEffect, useMemo, useState,
5
- } from 'react'
4
+ import React, { useMemo } from 'react'
6
5
 
7
6
  import { PayloadDivinerContext } from './Context.ts'
8
7
 
@@ -14,13 +13,7 @@ export type PayloadDivinerProviderProps = ContextExProviderProps<{
14
13
  export const PayloadDivinerProvider: React.FC<PayloadDivinerProviderProps> = ({
15
14
  diviner: divinerProp, required = false, children,
16
15
  }) => {
17
- const [diviner, setDiviner] = useState<PayloadDiviner | undefined>(divinerProp)
18
-
19
- useEffect(() => {
20
- if (divinerProp) {
21
- setDiviner(divinerProp)
22
- }
23
- }, [divinerProp])
16
+ const [diviner, setDiviner] = useResetState<PayloadDiviner | undefined>(divinerProp)
24
17
 
25
18
  const value = useMemo(() => ({
26
19
  diviner: diviner === divinerProp ? diviner : undefined, provided: true, setDiviner,
package/src/contexts/PayloadDiviner/use.ts CHANGED
@@ -21,7 +21,9 @@ export const useDivinePayload = <T extends Payload = Payload>(
21
21
  const [error, setError] = useState<Error>()
22
22
 
23
23
  useEffect(() => {
24
+ // we do this to clear the payload when the diviner changes
24
25
  if (diviner) {
26
+ // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
25
27
  setPayload(undefined)
26
28
  }
27
29
  }, [diviner])
@@ -57,6 +59,8 @@ export const useDivinePayloads = <T extends Payload = Payload>(
57
59
 
58
60
  useEffect(() => {
59
61
  if (diviner) {
62
+ // clear payloads when diviner changes
63
+ // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
60
64
  setPayloads(undefined)
61
65
  }
62
66
  }, [diviner])