@xyo-network/react-schema 2.23.7
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.
- package/LICENSE +165 -0
- package/README.md +69 -0
- package/babel.config.json +5 -0
- package/dist/cjs/components/SelectEx/SchemaSelectEx.d.ts +4 -0
- package/dist/cjs/components/SelectEx/SchemaSelectEx.js +24 -0
- package/dist/cjs/components/SelectEx/SchemaSelectEx.js.map +1 -0
- package/dist/cjs/components/SelectEx/index.d.ts +1 -0
- package/dist/cjs/components/SelectEx/index.js +5 -0
- package/dist/cjs/components/SelectEx/index.js.map +1 -0
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/index.js +5 -0
- package/dist/cjs/components/index.js.map +1 -0
- package/dist/cjs/contexts/Schema/Context.d.ts +3 -0
- package/dist/cjs/contexts/Schema/Context.js +6 -0
- package/dist/cjs/contexts/Schema/Context.js.map +1 -0
- package/dist/cjs/contexts/Schema/Hooks/index.d.ts +3 -0
- package/dist/cjs/contexts/Schema/Hooks/index.js +7 -0
- package/dist/cjs/contexts/Schema/Hooks/index.js.map +1 -0
- package/dist/cjs/contexts/Schema/Hooks/useSchemaDefinitions.d.ts +2 -0
- package/dist/cjs/contexts/Schema/Hooks/useSchemaDefinitions.js +27 -0
- package/dist/cjs/contexts/Schema/Hooks/useSchemaDefinitions.js.map +1 -0
- package/dist/cjs/contexts/Schema/Hooks/useSchemaList.d.ts +2 -0
- package/dist/cjs/contexts/Schema/Hooks/useSchemaList.js +26 -0
- package/dist/cjs/contexts/Schema/Hooks/useSchemaList.js.map +1 -0
- package/dist/cjs/contexts/Schema/Hooks/useSchemaStats.d.ts +2 -0
- package/dist/cjs/contexts/Schema/Hooks/useSchemaStats.js +26 -0
- package/dist/cjs/contexts/Schema/Hooks/useSchemaStats.js.map +1 -0
- package/dist/cjs/contexts/Schema/Provider/Memory.d.ts +4 -0
- package/dist/cjs/contexts/Schema/Provider/Memory.js +16 -0
- package/dist/cjs/contexts/Schema/Provider/Memory.js.map +1 -0
- package/dist/cjs/contexts/Schema/Provider/Props.d.ts +4 -0
- package/dist/cjs/contexts/Schema/Provider/Props.js +3 -0
- package/dist/cjs/contexts/Schema/Provider/Props.js.map +1 -0
- package/dist/cjs/contexts/Schema/Provider/Route.d.ts +4 -0
- package/dist/cjs/contexts/Schema/Provider/Route.js +51 -0
- package/dist/cjs/contexts/Schema/Provider/Route.js.map +1 -0
- package/dist/cjs/contexts/Schema/Provider/index.d.ts +3 -0
- package/dist/cjs/contexts/Schema/Provider/index.js +7 -0
- package/dist/cjs/contexts/Schema/Provider/index.js.map +1 -0
- package/dist/cjs/contexts/Schema/State.d.ts +12 -0
- package/dist/cjs/contexts/Schema/State.js +3 -0
- package/dist/cjs/contexts/Schema/State.js.map +1 -0
- package/dist/cjs/contexts/Schema/index.d.ts +5 -0
- package/dist/cjs/contexts/Schema/index.js +9 -0
- package/dist/cjs/contexts/Schema/index.js.map +1 -0
- package/dist/cjs/contexts/Schema/use.d.ts +2 -0
- package/dist/cjs/contexts/Schema/use.js +10 -0
- package/dist/cjs/contexts/Schema/use.js.map +1 -0
- package/dist/cjs/contexts/index.d.ts +1 -0
- package/dist/cjs/contexts/index.js +5 -0
- package/dist/cjs/contexts/index.js.map +1 -0
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.js +6 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/docs.json +695 -0
- package/dist/esm/components/SelectEx/SchemaSelectEx.d.ts +4 -0
- package/dist/esm/components/SelectEx/SchemaSelectEx.js +18 -0
- package/dist/esm/components/SelectEx/SchemaSelectEx.js.map +1 -0
- package/dist/esm/components/SelectEx/index.d.ts +1 -0
- package/dist/esm/components/SelectEx/index.js +2 -0
- package/dist/esm/components/SelectEx/index.js.map +1 -0
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -0
- package/dist/esm/contexts/Schema/Context.d.ts +3 -0
- package/dist/esm/contexts/Schema/Context.js +3 -0
- package/dist/esm/contexts/Schema/Context.js.map +1 -0
- package/dist/esm/contexts/Schema/Hooks/index.d.ts +3 -0
- package/dist/esm/contexts/Schema/Hooks/index.js +4 -0
- package/dist/esm/contexts/Schema/Hooks/index.js.map +1 -0
- package/dist/esm/contexts/Schema/Hooks/useSchemaDefinitions.d.ts +2 -0
- package/dist/esm/contexts/Schema/Hooks/useSchemaDefinitions.js +22 -0
- package/dist/esm/contexts/Schema/Hooks/useSchemaDefinitions.js.map +1 -0
- package/dist/esm/contexts/Schema/Hooks/useSchemaList.d.ts +2 -0
- package/dist/esm/contexts/Schema/Hooks/useSchemaList.js +21 -0
- package/dist/esm/contexts/Schema/Hooks/useSchemaList.js.map +1 -0
- package/dist/esm/contexts/Schema/Hooks/useSchemaStats.d.ts +2 -0
- package/dist/esm/contexts/Schema/Hooks/useSchemaStats.js +21 -0
- package/dist/esm/contexts/Schema/Hooks/useSchemaStats.js.map +1 -0
- package/dist/esm/contexts/Schema/Provider/Memory.d.ts +4 -0
- package/dist/esm/contexts/Schema/Provider/Memory.js +10 -0
- package/dist/esm/contexts/Schema/Provider/Memory.js.map +1 -0
- package/dist/esm/contexts/Schema/Provider/Props.d.ts +4 -0
- package/dist/esm/contexts/Schema/Provider/Props.js +2 -0
- package/dist/esm/contexts/Schema/Provider/Props.js.map +1 -0
- package/dist/esm/contexts/Schema/Provider/Route.d.ts +4 -0
- package/dist/esm/contexts/Schema/Provider/Route.js +45 -0
- package/dist/esm/contexts/Schema/Provider/Route.js.map +1 -0
- package/dist/esm/contexts/Schema/Provider/index.d.ts +3 -0
- package/dist/esm/contexts/Schema/Provider/index.js +4 -0
- package/dist/esm/contexts/Schema/Provider/index.js.map +1 -0
- package/dist/esm/contexts/Schema/State.d.ts +12 -0
- package/dist/esm/contexts/Schema/State.js +2 -0
- package/dist/esm/contexts/Schema/State.js.map +1 -0
- package/dist/esm/contexts/Schema/index.d.ts +5 -0
- package/dist/esm/contexts/Schema/index.js +6 -0
- package/dist/esm/contexts/Schema/index.js.map +1 -0
- package/dist/esm/contexts/Schema/use.d.ts +2 -0
- package/dist/esm/contexts/Schema/use.js +6 -0
- package/dist/esm/contexts/Schema/use.js.map +1 -0
- package/dist/esm/contexts/index.d.ts +1 -0
- package/dist/esm/contexts/index.js +2 -0
- package/dist/esm/contexts/index.js.map +1 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -0
- package/package.json +138 -0
- package/src/components/SelectEx/SchemaSelectEx.tsx +39 -0
- package/src/components/SelectEx/index.ts +1 -0
- package/src/components/index.ts +1 -0
- package/src/contexts/Schema/Context.ts +5 -0
- package/src/contexts/Schema/Hooks/index.ts +3 -0
- package/src/contexts/Schema/Hooks/useSchemaDefinitions.tsx +28 -0
- package/src/contexts/Schema/Hooks/useSchemaList.tsx +25 -0
- package/src/contexts/Schema/Hooks/useSchemaStats.tsx +26 -0
- package/src/contexts/Schema/Provider/Memory.tsx +13 -0
- package/src/contexts/Schema/Provider/Props.tsx +4 -0
- package/src/contexts/Schema/Provider/Route.tsx +62 -0
- package/src/contexts/Schema/Provider/index.ts +3 -0
- package/src/contexts/Schema/State.ts +13 -0
- package/src/contexts/Schema/index.ts +5 -0
- package/src/contexts/Schema/use.ts +8 -0
- package/src/contexts/index.ts +1 -0
- package/src/index.ts +2 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SchemaSelectEx';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SelectEx/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SelectEx';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/Schema/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,EAAsB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { useAsyncEffect } from '@xylabs/sdk-react';
|
|
2
|
+
import { XyoSchemaCache } from '@xyo-network/utils';
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { useSchemaList } from './useSchemaList';
|
|
5
|
+
export const useSchemaDefinitions = () => {
|
|
6
|
+
const [schemaList] = useSchemaList();
|
|
7
|
+
const [schemaPayloads, setSchemaPayloads] = useState();
|
|
8
|
+
useAsyncEffect(
|
|
9
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
10
|
+
async (mounted) => {
|
|
11
|
+
if (schemaList) {
|
|
12
|
+
const promiseResults = await Promise.allSettled(schemaList?.map((schema) => XyoSchemaCache.instance.get(schema)));
|
|
13
|
+
if (mounted()) {
|
|
14
|
+
setSchemaPayloads(promiseResults
|
|
15
|
+
.map((result) => (result.status === 'fulfilled' ? result.value?.payload : undefined))
|
|
16
|
+
.filter((item) => item !== undefined && item !== null));
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}, [schemaList]);
|
|
20
|
+
return schemaPayloads;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=useSchemaDefinitions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSchemaDefinitions.js","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Hooks/useSchemaDefinitions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAmC,EAAE;IACvE,MAAM,CAAC,UAAU,CAAC,GAAG,aAAa,EAAE,CAAA;IACpC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAC1E,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,UAAU,EAAE;YACd,MAAM,cAAc,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;YACjH,IAAI,OAAO,EAAE,EAAE;gBACb,iBAAiB,CACf,cAAc;qBACX,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;qBACpF,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,CAAuB,CAC/E,CAAA;aACF;SACF;IACH,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IACD,OAAO,cAAc,CAAA;AACvB,CAAC,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { useAsyncEffect } from '@xylabs/sdk-react';
|
|
2
|
+
import { useArchive } from '@xyo-network/react-archive';
|
|
3
|
+
import { useArchivistApi } from '@xyo-network/react-archivist-api';
|
|
4
|
+
import { useState } from 'react';
|
|
5
|
+
export const useSchemaList = (knownSchemaList) => {
|
|
6
|
+
const { api } = useArchivistApi(false);
|
|
7
|
+
const { archive = 'temp' } = useArchive(false);
|
|
8
|
+
const [schemaList, setSchemaList] = useState(knownSchemaList);
|
|
9
|
+
useAsyncEffect(
|
|
10
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
11
|
+
async (mounted) => {
|
|
12
|
+
if (api && archive) {
|
|
13
|
+
const list = await api?.archive(archive).payload.schema.get();
|
|
14
|
+
if (mounted()) {
|
|
15
|
+
setSchemaList(list);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}, [api, archive]);
|
|
19
|
+
return [schemaList, setSchemaList];
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=useSchemaList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSchemaList.js","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Hooks/useSchemaList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAY,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,eAA0B,EAA8C,EAAE;IACtG,MAAM,EAAE,GAAG,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IACtC,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAC9C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAuB,eAAe,CAAC,CAAA;IAEnF,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,GAAG,IAAI,OAAO,EAAE;YAClB,MAAM,IAAI,GAAG,MAAM,GAAG,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;YAC7D,IAAI,OAAO,EAAE,EAAE;gBACb,aAAa,CAAC,IAAI,CAAC,CAAA;aACpB;SACF;IACH,CAAC,EACD,CAAC,GAAG,EAAE,OAAO,CAAC,CACf,CAAA;IAED,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;AACpC,CAAC,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { useAsyncEffect } from '@xylabs/sdk-react';
|
|
2
|
+
import { useArchive } from '@xyo-network/react-archive';
|
|
3
|
+
import { useArchivistApi } from '@xyo-network/react-archivist-api';
|
|
4
|
+
import { useState } from 'react';
|
|
5
|
+
export const useSchemaStats = () => {
|
|
6
|
+
const { api } = useArchivistApi(false);
|
|
7
|
+
const { archive = 'temp' } = useArchive(false);
|
|
8
|
+
const [stats, setStats] = useState();
|
|
9
|
+
useAsyncEffect(
|
|
10
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
11
|
+
async (mounted) => {
|
|
12
|
+
if (api && archive) {
|
|
13
|
+
const stats = await api?.archive(archive).payload.schema.stats.get();
|
|
14
|
+
if (mounted()) {
|
|
15
|
+
setStats(stats);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}, [api, archive]);
|
|
19
|
+
return stats;
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=useSchemaStats.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSchemaStats.js","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Hooks/useSchemaStats.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAsD,EAAE;IACpF,MAAM,EAAE,GAAG,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IACtC,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAyC,CAAA;IAE3E,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,GAAG,IAAI,OAAO,EAAE;YAClB,MAAM,KAAK,GAAG,MAAM,GAAG,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAA;YACpE,IAAI,OAAO,EAAE,EAAE;gBACb,QAAQ,CAAC,KAAK,CAAC,CAAA;aAChB;SACF;IACH,CAAC,EACD,CAAC,GAAG,EAAE,OAAO,CAAC,CACf,CAAA;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { SchemaContext } from '../Context';
|
|
4
|
+
import { useSchemaList } from '../Hooks';
|
|
5
|
+
export const SchemaMemoryProvider = ({ defaultSchema, knownSchemaList = [], ...props }) => {
|
|
6
|
+
const [schema, setSchema] = useState(defaultSchema);
|
|
7
|
+
const [schemaList, setSchemaList] = useSchemaList(knownSchemaList);
|
|
8
|
+
return _jsx(SchemaContext.Provider, { value: { provided: true, schema, schemaList, setSchema, setSchemaList }, ...props });
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=Memory.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Memory.js","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Provider/Memory.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAGxC,MAAM,CAAC,MAAM,oBAAoB,GAAgD,CAAC,EAAE,aAAa,EAAE,eAAe,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAA;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,aAAa,CAAC,eAAe,CAAC,CAAA;IAElE,OAAO,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,KAAM,KAAK,GAAI,CAAA;AACvH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Props.js","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Provider/Props.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useEffect } from 'react';
|
|
3
|
+
import { useSearchParams } from 'react-router-dom';
|
|
4
|
+
import { SchemaContext } from '../Context';
|
|
5
|
+
import { useSchema } from '../use';
|
|
6
|
+
import { SchemaMemoryProvider } from './Memory';
|
|
7
|
+
const SchemaRouteProviderInner = ({ children }) => {
|
|
8
|
+
const { schema, setSchema, schemaList } = useSchema();
|
|
9
|
+
const [params, setParams] = useSearchParams();
|
|
10
|
+
const routeSchema = params.get('schema');
|
|
11
|
+
//update the network stored in the route
|
|
12
|
+
const setSchemaParam = useCallback((schema) => {
|
|
13
|
+
if (schema) {
|
|
14
|
+
params.set('schema', schema);
|
|
15
|
+
setParams(params, { replace: true });
|
|
16
|
+
setSchema?.(schema);
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
params.delete('network');
|
|
20
|
+
}
|
|
21
|
+
}, [params, setParams, setSchema]);
|
|
22
|
+
//if the network is actively changed, update both memory and route
|
|
23
|
+
const setSchemaLocal = useCallback((schema) => {
|
|
24
|
+
setSchemaParam(schema);
|
|
25
|
+
setSchema?.(schema);
|
|
26
|
+
}, [setSchemaParam, setSchema]);
|
|
27
|
+
//sync memory and route storage of network
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
if (routeSchema !== schema) {
|
|
30
|
+
if (routeSchema === undefined && schema !== undefined) {
|
|
31
|
+
//if the route does not have a network selected, use what is in the memory context
|
|
32
|
+
setSchemaLocal(schema);
|
|
33
|
+
}
|
|
34
|
+
else if (routeSchema) {
|
|
35
|
+
//if the route has a selection and it is different from memory, update memory
|
|
36
|
+
setSchema?.(routeSchema);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}, [routeSchema, schema, setSchemaParam, setSchema, setSchemaLocal]);
|
|
40
|
+
return _jsx(SchemaContext.Provider, { value: { provided: true, schema, schemaList, setSchema: setSchemaLocal }, children: children });
|
|
41
|
+
};
|
|
42
|
+
export const SchemaRouteProvider = ({ knownSchemaList, defaultSchema, ...props }) => {
|
|
43
|
+
return (_jsx(SchemaMemoryProvider, { knownSchemaList: knownSchemaList, defaultSchema: defaultSchema, children: _jsx(SchemaRouteProviderInner, { ...props }) }));
|
|
44
|
+
};
|
|
45
|
+
//# sourceMappingURL=Route.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Route.js","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Provider/Route.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAG/C,MAAM,wBAAwB,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAA;IAErD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAe,EAAE,CAAA;IAE7C,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAExC,wCAAwC;IACxC,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,MAAe,EAAE,EAAE;QAClB,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;YAC5B,SAAS,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;YACpC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAA;SACpB;aAAM;YACL,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;SACzB;IACH,CAAC,EACD,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,CAC/B,CAAA;IAED,kEAAkE;IAClE,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,MAAc,EAAE,EAAE;QACjB,cAAc,CAAC,MAAM,CAAC,CAAA;QACtB,SAAS,EAAE,CAAC,MAAM,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,cAAc,EAAE,SAAS,CAAC,CAC5B,CAAA;IAED,0CAA0C;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,KAAK,MAAM,EAAE;YAC1B,IAAI,WAAW,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,EAAE;gBACrD,kFAAkF;gBAClF,cAAc,CAAC,MAAM,CAAC,CAAA;aACvB;iBAAM,IAAI,WAAW,EAAE;gBACtB,6EAA6E;gBAC7E,SAAS,EAAE,CAAC,WAAW,CAAC,CAAA;aACzB;SACF;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAA;IAEpE,OAAO,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,YAAG,QAAQ,GAA0B,CAAA;AAC9I,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAgD,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/H,OAAO,CACL,KAAC,oBAAoB,IAAC,eAAe,EAAE,eAAe,EAAE,aAAa,EAAE,aAAa,YAClF,KAAC,wBAAwB,OAAK,KAAK,GAAI,GAClB,CACxB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Provider/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ContextExState } from '@xyo-network/react-shared';
|
|
2
|
+
import { Dispatch } from 'react';
|
|
3
|
+
export interface SchemaContextState extends ContextExState {
|
|
4
|
+
/** @field The currently selected XYO Schema */
|
|
5
|
+
schema?: string;
|
|
6
|
+
/** @field The list of known available schema */
|
|
7
|
+
schemaList?: string[];
|
|
8
|
+
/** @field Function to set the selected Schema */
|
|
9
|
+
setSchema?: Dispatch<string>;
|
|
10
|
+
/** @field Function to set the list of known available schema */
|
|
11
|
+
setSchemaList?: Dispatch<string[]>;
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"State.js","sourceRoot":"","sources":["../../../../src/contexts/Schema/State.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/Schema/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Schema/use.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAGzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE;IAC5C,OAAO,YAAY,CAAqB,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAC5E,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Schema';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA"}
|
package/package.json
ADDED
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@xyo-network/react-schema",
|
|
3
|
+
"author": {
|
|
4
|
+
"email": "support@xyo.network",
|
|
5
|
+
"name": "XYO Development Team",
|
|
6
|
+
"url": "https://xyo.network"
|
|
7
|
+
},
|
|
8
|
+
"bugs": {
|
|
9
|
+
"email": "support@xyo.network",
|
|
10
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
|
11
|
+
},
|
|
12
|
+
"workspaces": [
|
|
13
|
+
"packages/*"
|
|
14
|
+
],
|
|
15
|
+
"dependencies": {
|
|
16
|
+
"@emotion/react": "^11.9.0",
|
|
17
|
+
"@emotion/styled": "^11.8.1",
|
|
18
|
+
"@mui/icons-material": "^5.8.0",
|
|
19
|
+
"@mui/lab": "^5.0.0-alpha.83",
|
|
20
|
+
"@mui/material": "^5.8.1",
|
|
21
|
+
"@xylabs/pixel": "^1.3.7",
|
|
22
|
+
"@xylabs/sdk-js": "^2.5.5",
|
|
23
|
+
"@xylabs/sdk-react": "^2.12.7",
|
|
24
|
+
"@xyo-network/api": "^2.20.33",
|
|
25
|
+
"@xyo-network/core": "^2.20.33",
|
|
26
|
+
"@xyo-network/network": "^2.20.33",
|
|
27
|
+
"@xyo-network/panel": "^2.20.33",
|
|
28
|
+
"@xyo-network/react-archive": "^2.23.7",
|
|
29
|
+
"@xyo-network/react-archivist-api": "^2.23.7",
|
|
30
|
+
"@xyo-network/react-shared": "^2.23.7",
|
|
31
|
+
"@xyo-network/systeminfo-witness": "^2.20.33",
|
|
32
|
+
"@xyo-network/utils": "^2.20.33",
|
|
33
|
+
"lodash": "^4.17.21",
|
|
34
|
+
"luxon": "^2.4.0",
|
|
35
|
+
"react": "^18.1.0",
|
|
36
|
+
"react-dom": "^18.1.0",
|
|
37
|
+
"react-icons": "^4.3.1",
|
|
38
|
+
"react-json-view": "^1.21.3",
|
|
39
|
+
"react-router-dom": "^6.3.0",
|
|
40
|
+
"rollbar": "^2.25.0",
|
|
41
|
+
"typedoc": "^0.22.15"
|
|
42
|
+
},
|
|
43
|
+
"description": "Common React library for all XYO projects that use React",
|
|
44
|
+
"devDependencies": {
|
|
45
|
+
"@babel/core": "^7.18.0",
|
|
46
|
+
"@babel/preset-env": "^7.18.0",
|
|
47
|
+
"@storybook/addon-actions": "^6.5.4",
|
|
48
|
+
"@storybook/addon-docs": "^6.5.4",
|
|
49
|
+
"@storybook/addon-essentials": "^6.5.4",
|
|
50
|
+
"@storybook/addon-interactions": "^6.5.4",
|
|
51
|
+
"@storybook/addon-links": "^6.5.4",
|
|
52
|
+
"@storybook/addons": "^6.5.4",
|
|
53
|
+
"@storybook/api": "^6.5.4",
|
|
54
|
+
"@storybook/builder-webpack5": "^6.5.4",
|
|
55
|
+
"@storybook/components": "^6.5.4",
|
|
56
|
+
"@storybook/core-events": "^6.5.4",
|
|
57
|
+
"@storybook/manager-webpack5": "^6.5.4",
|
|
58
|
+
"@storybook/react": "^6.5.4",
|
|
59
|
+
"@storybook/testing-library": "^0.0.11",
|
|
60
|
+
"@storybook/theming": "^6.5.4",
|
|
61
|
+
"@types/lodash": "^4.14.182",
|
|
62
|
+
"@types/luxon": "^2.3.2",
|
|
63
|
+
"@xylabs/eslint-config-react": "^2.1.5",
|
|
64
|
+
"@xylabs/pixel": "^1.3.7",
|
|
65
|
+
"@xylabs/rollup-config": "^1.1.17",
|
|
66
|
+
"@xylabs/sdk-js": "^2.5.5",
|
|
67
|
+
"@xylabs/sdk-react": "^2.12.7",
|
|
68
|
+
"@xylabs/ts-scripts": "^1.0.66",
|
|
69
|
+
"@xylabs/tsconfig": "^1.0.13",
|
|
70
|
+
"assert": "^2.0.0",
|
|
71
|
+
"axios": "^0.27.2",
|
|
72
|
+
"storybook-dark-mode": "^1.1.0",
|
|
73
|
+
"typescript": "^4.6.4"
|
|
74
|
+
},
|
|
75
|
+
"browser": "dist/esm/index.js",
|
|
76
|
+
"docs": "dist/docs.json",
|
|
77
|
+
"exports": {
|
|
78
|
+
".": {
|
|
79
|
+
"node": {
|
|
80
|
+
"import": "./dist/esm/index.js",
|
|
81
|
+
"require": "./dist/cjs/index.js"
|
|
82
|
+
},
|
|
83
|
+
"browser": {
|
|
84
|
+
"import": "./dist/esm/index.js",
|
|
85
|
+
"require": "./dist/cjs/index.js"
|
|
86
|
+
},
|
|
87
|
+
"default": "./dist/esm/index.js"
|
|
88
|
+
},
|
|
89
|
+
"./dist/docs.json": {
|
|
90
|
+
"default": "./dist/docs.json"
|
|
91
|
+
},
|
|
92
|
+
"./package.json": "./package.json"
|
|
93
|
+
},
|
|
94
|
+
"main": "dist/cjs/index.js",
|
|
95
|
+
"module": "dist/esm/index.js",
|
|
96
|
+
"homepage": "https://xyo.network",
|
|
97
|
+
"keywords": [
|
|
98
|
+
"xyo",
|
|
99
|
+
"utility",
|
|
100
|
+
"typescript",
|
|
101
|
+
"react"
|
|
102
|
+
],
|
|
103
|
+
"license": "LGPL-3.0",
|
|
104
|
+
"peerDependencies": {
|
|
105
|
+
"axios": ">0.26",
|
|
106
|
+
"typedoc": "^0.22.13"
|
|
107
|
+
},
|
|
108
|
+
"peerDependenciesMeta": {
|
|
109
|
+
"typedoc": {
|
|
110
|
+
"optional": true
|
|
111
|
+
}
|
|
112
|
+
},
|
|
113
|
+
"resolutions": {
|
|
114
|
+
"@storybook/react/webpack": "^5",
|
|
115
|
+
"bn.js": "^5.2.0",
|
|
116
|
+
"react": "^18.1.0",
|
|
117
|
+
"react-dom": "^18.1.0",
|
|
118
|
+
"webpack": "^5"
|
|
119
|
+
},
|
|
120
|
+
"publishConfig": {
|
|
121
|
+
"access": "public"
|
|
122
|
+
},
|
|
123
|
+
"repository": {
|
|
124
|
+
"type": "git",
|
|
125
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
|
|
126
|
+
},
|
|
127
|
+
"scripts": {
|
|
128
|
+
"deploy": "yarn deploy3",
|
|
129
|
+
"lint-pkg": "npmPkgJsonLint .",
|
|
130
|
+
"build": "yarn clean && tsc -p tsconfig.build.cjs.json && tsc -p tsconfig.build.esm.json && yarn gen:docs",
|
|
131
|
+
"gen:docs": "typedoc ./src/index.ts --json ./dist/docs.json --tsconfig ./tsconfig.json",
|
|
132
|
+
"license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
|
|
133
|
+
},
|
|
134
|
+
"sideEffects": false,
|
|
135
|
+
"types": "dist/esm/index.d.ts",
|
|
136
|
+
"version": "2.23.7",
|
|
137
|
+
"packageManager": "yarn@3.1.1"
|
|
138
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { MenuItem, Typography } from '@mui/material'
|
|
2
|
+
import { SelectEx, SelectExProps } from '@xylabs/sdk-react'
|
|
3
|
+
|
|
4
|
+
import { useSchema } from '../../contexts'
|
|
5
|
+
|
|
6
|
+
export type SchemaSelectExProps = SelectExProps<string>
|
|
7
|
+
|
|
8
|
+
export const SchemaSelectEx: React.FC<SchemaSelectExProps> = ({ onChange, ...props }) => {
|
|
9
|
+
const { schema, setSchema, schemaList } = useSchema(false)
|
|
10
|
+
|
|
11
|
+
return (
|
|
12
|
+
<SelectEx
|
|
13
|
+
variant="outlined"
|
|
14
|
+
size="small"
|
|
15
|
+
value={schema ?? 'none'}
|
|
16
|
+
onChange={(event, child) => {
|
|
17
|
+
if (event.target.value !== schema) {
|
|
18
|
+
onChange?.(event, child)
|
|
19
|
+
setSchema?.(event.target.value)
|
|
20
|
+
}
|
|
21
|
+
}}
|
|
22
|
+
renderValue={(value) => {
|
|
23
|
+
return <Typography>{value === 'none' ? '- None -' : value}</Typography>
|
|
24
|
+
}}
|
|
25
|
+
{...props}
|
|
26
|
+
>
|
|
27
|
+
{schemaList?.map((schema, index) => {
|
|
28
|
+
return (
|
|
29
|
+
<MenuItem key={index} value={schema}>
|
|
30
|
+
{schema}
|
|
31
|
+
</MenuItem>
|
|
32
|
+
)
|
|
33
|
+
})}
|
|
34
|
+
<MenuItem key="none" value="none">
|
|
35
|
+
- None -
|
|
36
|
+
</MenuItem>
|
|
37
|
+
</SelectEx>
|
|
38
|
+
)
|
|
39
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SchemaSelectEx'
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './SelectEx'
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { useAsyncEffect } from '@xylabs/sdk-react'
|
|
2
|
+
import { XyoSchemaPayload } from '@xyo-network/core'
|
|
3
|
+
import { XyoSchemaCache } from '@xyo-network/utils'
|
|
4
|
+
import { useState } from 'react'
|
|
5
|
+
|
|
6
|
+
import { useSchemaList } from './useSchemaList'
|
|
7
|
+
|
|
8
|
+
export const useSchemaDefinitions = (): XyoSchemaPayload[] | undefined => {
|
|
9
|
+
const [schemaList] = useSchemaList()
|
|
10
|
+
const [schemaPayloads, setSchemaPayloads] = useState<XyoSchemaPayload[]>()
|
|
11
|
+
useAsyncEffect(
|
|
12
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13
|
+
async (mounted) => {
|
|
14
|
+
if (schemaList) {
|
|
15
|
+
const promiseResults = await Promise.allSettled(schemaList?.map((schema) => XyoSchemaCache.instance.get(schema)))
|
|
16
|
+
if (mounted()) {
|
|
17
|
+
setSchemaPayloads(
|
|
18
|
+
promiseResults
|
|
19
|
+
.map((result) => (result.status === 'fulfilled' ? result.value?.payload : undefined))
|
|
20
|
+
.filter((item) => item !== undefined && item !== null) as XyoSchemaPayload[]
|
|
21
|
+
)
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
[schemaList]
|
|
26
|
+
)
|
|
27
|
+
return schemaPayloads
|
|
28
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { useAsyncEffect } from '@xylabs/sdk-react'
|
|
2
|
+
import { useArchive } from '@xyo-network/react-archive'
|
|
3
|
+
import { useArchivistApi } from '@xyo-network/react-archivist-api'
|
|
4
|
+
import { Dispatch, useState } from 'react'
|
|
5
|
+
|
|
6
|
+
export const useSchemaList = (knownSchemaList?: string[]): [string[] | undefined, Dispatch<string[]>] => {
|
|
7
|
+
const { api } = useArchivistApi(false)
|
|
8
|
+
const { archive = 'temp' } = useArchive(false)
|
|
9
|
+
const [schemaList, setSchemaList] = useState<string[] | undefined>(knownSchemaList)
|
|
10
|
+
|
|
11
|
+
useAsyncEffect(
|
|
12
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13
|
+
async (mounted) => {
|
|
14
|
+
if (api && archive) {
|
|
15
|
+
const list = await api?.archive(archive).payload.schema.get()
|
|
16
|
+
if (mounted()) {
|
|
17
|
+
setSchemaList(list)
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
[api, archive]
|
|
22
|
+
)
|
|
23
|
+
|
|
24
|
+
return [schemaList, setSchemaList]
|
|
25
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { useAsyncEffect } from '@xylabs/sdk-react'
|
|
2
|
+
import { XyoArchivistArchivePayloadSchemaStats } from '@xyo-network/api'
|
|
3
|
+
import { useArchive } from '@xyo-network/react-archive'
|
|
4
|
+
import { useArchivistApi } from '@xyo-network/react-archivist-api'
|
|
5
|
+
import { useState } from 'react'
|
|
6
|
+
|
|
7
|
+
export const useSchemaStats = (): XyoArchivistArchivePayloadSchemaStats | undefined => {
|
|
8
|
+
const { api } = useArchivistApi(false)
|
|
9
|
+
const { archive = 'temp' } = useArchive(false)
|
|
10
|
+
const [stats, setStats] = useState<XyoArchivistArchivePayloadSchemaStats>()
|
|
11
|
+
|
|
12
|
+
useAsyncEffect(
|
|
13
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
14
|
+
async (mounted) => {
|
|
15
|
+
if (api && archive) {
|
|
16
|
+
const stats = await api?.archive(archive).payload.schema.stats.get()
|
|
17
|
+
if (mounted()) {
|
|
18
|
+
setStats(stats)
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
[api, archive]
|
|
23
|
+
)
|
|
24
|
+
|
|
25
|
+
return stats
|
|
26
|
+
}
|