@xyo-network/react-schema 2.41.14 → 2.41.16

package/dist/esm/contexts/Schema/Provider/Memory.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+import { SchemaProviderProps } from './Props';
+export declare const SchemaMemoryProvider: React.FC<WithChildren<SchemaProviderProps>>;
+//# sourceMappingURL=Memory.d.ts.map

package/dist/esm/contexts/Schema/Provider/Memory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Memory.d.ts","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Provider/Memory.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAY5E,CAAA"}

package/dist/esm/contexts/Schema/Provider/Memory.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useSchemaList } from '../../../hooks';
+import { SchemaContext } from '../Context';
+export const SchemaMemoryProvider = ({ defaultSchema, knownSchemaList = [], ...props }) => {
+    const [schema, setSchema] = useState(defaultSchema);
+    const [schemaList, setSchemaList] = useState(knownSchemaList);
+    const [fetchedSchemaList] = useSchemaList();
+    useEffect(() => {
+        if (fetchedSchemaList) {
+            setSchemaList(fetchedSchemaList.map(({ name }) => name));
+        }
+    }, [fetchedSchemaList]);
+    return _jsx(SchemaContext.Provider, { value: { provided: true, schema, schemaList: knownSchemaList ?? schemaList, setSchema, setSchemaList }, ...props });
+};
+//# sourceMappingURL=Memory.js.map

package/dist/esm/contexts/Schema/Provider/Memory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Memory.js","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Provider/Memory.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAG1C,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,QAAQ,CAAuB,eAAe,CAAC,CAAA;IACnF,MAAM,CAAC,iBAAiB,CAAC,GAAG,aAAa,EAAE,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE;YACrB,aAAa,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;SACzD;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,OAAO,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,eAAe,IAAI,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,KAAM,KAAK,GAAI,CAAA;AACtJ,CAAC,CAAA"}

package/dist/esm/contexts/Schema/Provider/Props.d.ts

@@ -0,0 +1,5 @@
+export interface SchemaProviderProps {
+    defaultSchema?: string;
+    knownSchemaList?: string[];
+}
+//# sourceMappingURL=Props.d.ts.map

package/dist/esm/contexts/Schema/Provider/Props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Provider/Props.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B"}

package/dist/esm/contexts/Schema/Provider/Props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Props.js.map

package/dist/esm/contexts/Schema/Provider/Props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Props.js","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Provider/Props.tsx"],"names":[],"mappings":""}

package/dist/esm/contexts/Schema/Provider/Route.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+import { SchemaProviderProps } from './Props';
+export declare const SchemaRouteProvider: React.FC<WithChildren<SchemaProviderProps>>;
+//# sourceMappingURL=Route.d.ts.map

package/dist/esm/contexts/Schema/Provider/Route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Route.d.ts","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Provider/Route.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAOnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAgD7C,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAM3E,CAAA"}

package/dist/esm/contexts/Schema/Provider/Route.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { SchemaContext } from '../Context';
+import { useSchema } from '../use';
+import { SchemaMemoryProvider } from './Memory';
+const SchemaRouteProviderInner = ({ children }) => {
+    const { schema, setSchema, schemaList } = useSchema();
+    const [params, setParams] = useSearchParams();
+    const routeSchema = params.get('schema');
+    //update the network stored in the route
+    const setSchemaParam = useCallback((schema) => {
+        if (schema) {
+            params.set('schema', schema);
+            setParams(params, { replace: true });
+            setSchema?.(schema);
+        }
+        else {
+            params.delete('network');
+        }
+    }, [params, setParams, setSchema]);
+    //if the network is actively changed, update both memory and route
+    const setSchemaLocal = useCallback((schema) => {
+        setSchemaParam(schema);
+        setSchema?.(schema);
+    }, [setSchemaParam, setSchema]);
+    //sync memory and route storage of network
+    useEffect(() => {
+        if (routeSchema !== schema) {
+            if (routeSchema === undefined && schema !== undefined) {
+                //if the route does not have a network selected, use what is in the memory context
+                setSchemaLocal(schema);
+            }
+            else if (routeSchema) {
+                //if the route has a selection and it is different from memory, update memory
+                setSchema?.(routeSchema);
+            }
+        }
+    }, [routeSchema, schema, setSchemaParam, setSchema, setSchemaLocal]);
+    return _jsx(SchemaContext.Provider, { value: { provided: true, schema, schemaList, setSchema: setSchemaLocal }, children: children });
+};
+export const SchemaRouteProvider = ({ knownSchemaList, defaultSchema, ...props }) => {
+    return (_jsx(SchemaMemoryProvider, { knownSchemaList: knownSchemaList, defaultSchema: defaultSchema, children: _jsx(SchemaRouteProviderInner, { ...props }) }));
+};
+//# sourceMappingURL=Route.js.map

package/dist/esm/contexts/Schema/Provider/Route.js.map

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

package/dist/esm/contexts/Schema/Provider/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Memory';
+export * from './Props';
+export * from './Route';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/contexts/Schema/Provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/contexts/Schema/Provider/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

package/dist/esm/contexts/Schema/Provider/index.js

@@ -0,0 +1,4 @@
+export * from './Memory';
+export * from './Props';
+export * from './Route';
+//# sourceMappingURL=index.js.map

package/dist/esm/contexts/Schema/Provider/index.js.map

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

package/dist/esm/contexts/Schema/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Context';
+export * from './Provider';
 export * from './State';
 export * from './use';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/contexts/Schema/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Schema/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Schema/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}

package/dist/esm/contexts/Schema/index.js

@@ -1,4 +1,5 @@
 export * from './Context';
+export * from './Provider';
 export * from './State';
 export * from './use';
 //# sourceMappingURL=index.js.map

package/dist/esm/contexts/Schema/index.js.map

@@ -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,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/Schema/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}

package/dist/esm/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './useGetSchema';
+export * from './useSchemaDefinitions';
 export * from './useSchemaList';
 export * from './useSchemaStats';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}

package/dist/esm/hooks/index.js

@@ -1,4 +1,5 @@
 export * from './useGetSchema';
+export * from './useSchemaDefinitions';
 export * from './useSchemaList';
 export * from './useSchemaStats';
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}

package/dist/esm/hooks/useSchemaDefinitions.d.ts

@@ -0,0 +1,4 @@
+import { SchemaList } from '@xyo-network/api';
+import { XyoSchemaPayload } from '@xyo-network/schema-payload-plugin';
+export declare const useSchemaDefinitions: (schemaList?: SchemaList[]) => XyoSchemaPayload[] | undefined;
+//# sourceMappingURL=useSchemaDefinitions.d.ts.map

package/dist/esm/hooks/useSchemaDefinitions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSchemaDefinitions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSchemaDefinitions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AAIrE,eAAO,MAAM,oBAAoB,gBAAiB,UAAU,EAAE,KAAG,gBAAgB,EAAE,GAAG,SAmBrF,CAAA"}

package/dist/esm/hooks/useSchemaDefinitions.js

@@ -0,0 +1,20 @@
+import { useAsyncEffect } from '@xylabs/react-shared';
+import { XyoSchemaCache } from '@xyo-network/utils';
+import { useState } from 'react';
+export const useSchemaDefinitions = (schemaList) => {
+    const [schemaPayloads, setSchemaPayloads] = useState();
+    useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+        if (schemaList) {
+            const promiseResults = await Promise.allSettled(schemaList?.map(({ name }) => XyoSchemaCache.instance.get(name)));
+            if (mounted()) {
+                setSchemaPayloads(promiseResults
+                    .map((result) => (result.status === 'fulfilled' ? result.value?.payload : undefined))
+                    .filter((item) => item !== undefined && item !== null));
+            }
+        }
+    }, [schemaList]);
+    return schemaPayloads;
+};
+//# sourceMappingURL=useSchemaDefinitions.js.map

package/dist/esm/hooks/useSchemaDefinitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSchemaDefinitions.js","sourceRoot":"","sources":["../../../src/hooks/useSchemaDefinitions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,UAAyB,EAAkC,EAAE;IAChG,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,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,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"}

package/dist/esm/hooks/useSchemaStats.d.ts

@@ -1,4 +1,4 @@
-import { SchemaStats } from '@xyo-network/api';
+import { SchemaStatsPayload } from '@xyo-network/node-core-model';
 import { Dispatch, SetStateAction } from 'react';
-export declare const useSchemaStats: (archive?: string) => [SchemaStats | undefined, Error | undefined, Dispatch<SetStateAction<number>>];
+export declare const useSchemaStats: (archive?: string) => [SchemaStatsPayload | undefined, Error | undefined, Dispatch<SetStateAction<number>>];
 //# sourceMappingURL=useSchemaStats.d.ts.map

package/dist/esm/hooks/useSchemaStats.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSchemaStats.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSchemaStats.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAK9C,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAA;AAErE,eAAO,MAAM,cAAc,aAAc,MAAM,KAAG,CAAC,WAAW,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,eAAe,MAAM,CAAC,CAAC,CAc9H,CAAA"}
+{"version":3,"file":"useSchemaStats.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSchemaStats.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAA0B,MAAM,8BAA8B,CAAA;AAIzF,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAA;AAErE,eAAO,MAAM,cAAc,aAAc,MAAM,KAAG,CAAC,kBAAkB,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,eAAe,MAAM,CAAC,CAAC,CAcrI,CAAA"}

package/dist/esm/hooks/useSchemaStats.js

@@ -5,7 +5,7 @@ import { useNodeQueryDiviner } from '@xyo-network/react-node';
 import { useEffect, useState } from 'react';
 export const useSchemaStats = (archive) => {
     const [refresh, setRefresh] = useState(1);
-    const refreshHistory = () => setRefresh((previous) => previous + 1);
+    const refreshStats = () => setRefresh((previous) => previous + 1);
     const [query, setQuery] = useState();
     const [schemaStats, error] = useNodeQueryDiviner(TYPES.SchemaStatsDiviner.description, query);
     useEffect(() => {
@@ -13,6 +13,6 @@ export const useSchemaStats = (archive) => {
             setQuery(new XyoPayloadBuilder({ schema: SchemaStatsQuerySchema }).fields({ archive }).build());
         }
     }, [archive, refresh]);
-    return [schemaStats?.[0], error, refreshHistory];
+    return [schemaStats?.[0], error, refreshStats];
 };
 //# sourceMappingURL=useSchemaStats.js.map

package/dist/esm/hooks/useSchemaStats.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSchemaStats.js","sourceRoot":"","sources":["../../../src/hooks/useSchemaStats.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAc,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAA4B,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAErE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAgB,EAAkF,EAAE;IACjI,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACzC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;IAEnE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAc,CAAA;IAChD,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,mBAAmB,CAAC,KAAK,CAAC,kBAAkB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;IAE7F,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE;YACX,QAAQ,CAAC,IAAI,iBAAiB,CAAC,EAAE,MAAM,EAAE,sBAAsB,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAA;SAChG;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEtB,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,CAAgB,EAAE,KAAK,EAAE,cAAc,CAAC,CAAA;AACjE,CAAC,CAAA"}
+{"version":3,"file":"useSchemaStats.js","sourceRoot":"","sources":["../../../src/hooks/useSchemaStats.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AACzF,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAc,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAA4B,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAErE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAgB,EAAyF,EAAE;IACxI,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACzC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;IAEjE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAc,CAAA;IAChD,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,mBAAmB,CAAC,KAAK,CAAC,kBAAkB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;IAE7F,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE;YACX,QAAQ,CAAC,IAAI,iBAAiB,CAAC,EAAE,MAAM,EAAE,sBAAsB,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAA;SAChG;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEtB,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,CAAuB,EAAE,KAAK,EAAE,YAAY,CAAC,CAAA;AACtE,CAAC,CAAA"}

package/package.json

@@ -10,18 +10,19 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-common": "^2.15.6",
-    "@xylabs/react-link": "^2.15.6",
-    "@xylabs/react-shared": "^2.15.6",
-    "@xyo-network/api": "^2.43.0",
-    "@xyo-network/module": "^2.43.0",
-    "@xyo-network/node-core-model": "^2.43.0",
-    "@xyo-network/node-core-types": "^2.43.0",
-    "@xyo-network/payload": "^2.43.0",
-    "@xyo-network/react-property": "^2.41.14",
-    "@xyo-network/react-shared": "^2.41.14",
-    "@xyo-network/schema-payload-plugin": "^2.43.0",
-    "@xyo-network/utils": "^2.43.0"
+    "@xylabs/react-common": "^2.15.7",
+    "@xylabs/react-link": "^2.15.7",
+    "@xylabs/react-shared": "^2.15.7",
+    "@xyo-network/api": "^2.43.2",
+    "@xyo-network/module": "^2.43.2",
+    "@xyo-network/node-core-model": "^2.43.2",
+    "@xyo-network/node-core-types": "^2.43.2",
+    "@xyo-network/payload": "^2.43.2",
+    "@xyo-network/react-node": "^2.41.16",
+    "@xyo-network/react-property": "^2.41.16",
+    "@xyo-network/react-shared": "^2.41.16",
+    "@xyo-network/schema-payload-plugin": "^2.43.2",
+    "@xyo-network/utils": "^2.43.2"
   },
   "devDependencies": {
     "@xylabs/ts-scripts-yarn3": "2.11.16"
@@ -81,5 +82,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.41.14"
+  "version": "2.41.16"
 }

package/src/contexts/Schema/Provider/Memory.tsx

@@ -0,0 +1,20 @@
+import { WithChildren } from '@xylabs/react-shared'
+import { useEffect, useState } from 'react'
+
+import { useSchemaList } from '../../../hooks'
+import { SchemaContext } from '../Context'
+import { SchemaProviderProps } from './Props'
+
+export const SchemaMemoryProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ defaultSchema, knownSchemaList = [], ...props }) => {
+  const [schema, setSchema] = useState(defaultSchema)
+  const [schemaList, setSchemaList] = useState<string[] | undefined>(knownSchemaList)
+  const [fetchedSchemaList] = useSchemaList()
+
+  useEffect(() => {
+    if (fetchedSchemaList) {
+      setSchemaList(fetchedSchemaList.map(({ name }) => name))
+    }
+  }, [fetchedSchemaList])
+
+  return <SchemaContext.Provider value={{ provided: true, schema, schemaList: knownSchemaList ?? schemaList, setSchema, setSchemaList }} {...props} />
+}

package/src/contexts/Schema/Provider/Props.tsx

@@ -0,0 +1,4 @@
+export interface SchemaProviderProps {
+  defaultSchema?: string
+  knownSchemaList?: string[]
+}

package/src/contexts/Schema/Provider/Route.tsx

@@ -0,0 +1,62 @@
+import { WithChildren } from '@xylabs/react-shared'
+import { useCallback, useEffect } from 'react'
+import { useSearchParams } from 'react-router-dom'
+
+import { SchemaContext } from '../Context'
+import { useSchema } from '../use'
+import { SchemaMemoryProvider } from './Memory'
+import { SchemaProviderProps } from './Props'
+
+const SchemaRouteProviderInner: React.FC<WithChildren> = ({ children }) => {
+  const { schema, setSchema, schemaList } = useSchema()
+
+  const [params, setParams] = useSearchParams()
+
+  const routeSchema = params.get('schema')
+
+  //update the network stored in the route
+  const setSchemaParam = useCallback(
+    (schema?: string) => {
+      if (schema) {
+        params.set('schema', schema)
+        setParams(params, { replace: true })
+        setSchema?.(schema)
+      } else {
+        params.delete('network')
+      }
+    },
+    [params, setParams, setSchema],
+  )
+
+  //if the network is actively changed, update both memory and route
+  const setSchemaLocal = useCallback(
+    (schema: string) => {
+      setSchemaParam(schema)
+      setSchema?.(schema)
+    },
+    [setSchemaParam, setSchema],
+  )
+
+  //sync memory and route storage of network
+  useEffect(() => {
+    if (routeSchema !== schema) {
+      if (routeSchema === undefined && schema !== undefined) {
+        //if the route does not have a network selected, use what is in the memory context
+        setSchemaLocal(schema)
+      } else if (routeSchema) {
+        //if the route has a selection and it is different from memory, update memory
+        setSchema?.(routeSchema)
+      }
+    }
+  }, [routeSchema, schema, setSchemaParam, setSchema, setSchemaLocal])
+
+  return <SchemaContext.Provider value={{ provided: true, schema, schemaList, setSchema: setSchemaLocal }}>{children}</SchemaContext.Provider>
+}
+
+export const SchemaRouteProvider: React.FC<WithChildren<SchemaProviderProps>> = ({ knownSchemaList, defaultSchema, ...props }) => {
+  return (
+    <SchemaMemoryProvider knownSchemaList={knownSchemaList} defaultSchema={defaultSchema}>
+      <SchemaRouteProviderInner {...props} />
+    </SchemaMemoryProvider>
+  )
+}

package/src/contexts/Schema/Provider/index.ts

@@ -0,0 +1,3 @@
+export * from './Memory'
+export * from './Props'
+export * from './Route'

package/src/contexts/Schema/index.ts

@@ -1,3 +1,4 @@
 export * from './Context'
+export * from './Provider'
 export * from './State'
 export * from './use'

package/src/hooks/index.ts

@@ -1,3 +1,4 @@
 export * from './useGetSchema'
+export * from './useSchemaDefinitions'
 export * from './useSchemaList'
 export * from './useSchemaStats'

package/src/hooks/stories/TestSchemaHooks.stories.tsx

@@ -1,9 +1,15 @@
+import { Typography } from '@mui/material'
 import { ComponentStory, DecoratorFn, Meta } from '@storybook/react'
 import { NodeConfigSchema } from '@xyo-network/node'
 import { TYPES } from '@xyo-network/node-core-types'
 import { MemoryNodeProvider, useAddNamedModules } from '@xyo-network/react-node'
+import { XyoSchemaCache } from '@xyo-network/utils'
 
-import { TestSchemaHooks } from './TestSchemaHooks'
+import { useSchemaDefinitions } from '../useSchemaDefinitions'
+import { useSchemaList } from '../useSchemaList'
+import { useSchemaStats } from '../useSchemaStats'
+
+const apiDomain = 'https://beta.api.archivist.xyo.network'
 
 const MemoryNodeDecorator: DecoratorFn = (Story, args) => (
   <MemoryNodeProvider config={{ schema: NodeConfigSchema }}>
@@ -13,18 +19,33 @@ const MemoryNodeDecorator: DecoratorFn = (Story, args) => (
 
 const AddModulesDecorator: DecoratorFn = (Story, args) => {
   const list = { SchemaStatsDiviner: TYPES.SchemaStatsDiviner }
-  useAddNamedModules(list, { apiDomain: 'http://localhost:8080' })
+  useAddNamedModules(list, { apiDomain })
   return <Story {...args} />
 }
 
 // eslint-disable-next-line import/no-default-export
 export default {
-  component: TestSchemaHooks,
   decorators: [AddModulesDecorator, MemoryNodeDecorator],
   title: 'schema/Hooks',
 } as Meta
 
-const Template: ComponentStory<typeof TestSchemaHooks> = (args) => <TestSchemaHooks {...args} />
+const Template: ComponentStory<React.FC> = () => {
+  XyoSchemaCache.instance.proxy = `${apiDomain}/domain`
+  const [schemaStats] = useSchemaStats('temp')
+  const [schemaList] = useSchemaList('temp')
+  const schemaDefinitions = useSchemaDefinitions(schemaList)
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', rowGap: '16px' }}>
+      <Typography variant={'h2'}>Schema Stats</Typography>
+      <code>{JSON.stringify(schemaStats, null, 2)}</code>
+      <Typography variant={'h2'}>Schema List</Typography>
+      <code>{JSON.stringify(schemaList, null, 2)}</code>
+      <Typography variant={'h2'}>Schema Definitions</Typography>
+      <code>{JSON.stringify(schemaDefinitions, null, 2)}</code>
+    </div>
+  )
+}
 
 const Default = Template.bind({})
 Default.args = {}

package/src/hooks/useSchemaDefinitions.tsx

@@ -0,0 +1,26 @@
+import { useAsyncEffect } from '@xylabs/react-shared'
+import { SchemaList } from '@xyo-network/api'
+import { XyoSchemaPayload } from '@xyo-network/schema-payload-plugin'
+import { XyoSchemaCache } from '@xyo-network/utils'
+import { useState } from 'react'
+
+export const useSchemaDefinitions = (schemaList?: SchemaList[]): XyoSchemaPayload[] | undefined => {
+  const [schemaPayloads, setSchemaPayloads] = useState<XyoSchemaPayload[]>()
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (schemaList) {
+        const promiseResults = await Promise.allSettled(schemaList?.map(({ name }) => XyoSchemaCache.instance.get(name)))
+        if (mounted()) {
+          setSchemaPayloads(
+            promiseResults
+              .map((result) => (result.status === 'fulfilled' ? result.value?.payload : undefined))
+              .filter((item) => item !== undefined && item !== null) as XyoSchemaPayload[],
+          )
+        }
+      }
+    },
+    [schemaList],
+  )
+  return schemaPayloads
+}

package/src/hooks/useSchemaStats.tsx

@@ -1,13 +1,12 @@
-import { SchemaStats } from '@xyo-network/api'
-import { SchemaStatsQuerySchema } from '@xyo-network/node-core-model'
+import { SchemaStatsPayload, SchemaStatsQuerySchema } from '@xyo-network/node-core-model'
 import { TYPES } from '@xyo-network/node-core-types'
 import { XyoPayload, XyoPayloadBuilder } from '@xyo-network/payload'
 import { useNodeQueryDiviner } from '@xyo-network/react-node'
 import { Dispatch, SetStateAction, useEffect, useState } from 'react'
 
-export const useSchemaStats = (archive?: string): [SchemaStats | undefined, Error | undefined, Dispatch<SetStateAction<number>>] => {
+export const useSchemaStats = (archive?: string): [SchemaStatsPayload | undefined, Error | undefined, Dispatch<SetStateAction<number>>] => {
   const [refresh, setRefresh] = useState(1)
-  const refreshHistory = () => setRefresh((previous) => previous + 1)
+  const refreshStats = () => setRefresh((previous) => previous + 1)
 
   const [query, setQuery] = useState<XyoPayload>()
   const [schemaStats, error] = useNodeQueryDiviner(TYPES.SchemaStatsDiviner.description, query)
@@ -18,5 +17,5 @@ export const useSchemaStats = (archive?: string): [SchemaStats | undefined, Erro
     }
   }, [archive, refresh])
 
-  return [schemaStats?.[0] as SchemaStats, error, refreshHistory]
+  return [schemaStats?.[0] as SchemaStatsPayload, error, refreshStats]
 }

package/dist/cjs/hooks/stories/TestSchemaHooks.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const TestSchemaHooks: React.FC;
-//# sourceMappingURL=TestSchemaHooks.d.ts.map

package/dist/cjs/hooks/stories/TestSchemaHooks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TestSchemaHooks.d.ts","sourceRoot":"","sources":["../../../../src/hooks/stories/TestSchemaHooks.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAYnC,CAAA"}

package/dist/cjs/hooks/stories/TestSchemaHooks.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TestSchemaHooks = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const useSchemaList_1 = require("../useSchemaList");
-const useSchemaStats_1 = require("../useSchemaStats");
-const TestSchemaHooks = () => {
-    const [schemaStats] = (0, useSchemaStats_1.useSchemaStats)('temp');
-    const [schemaList] = (0, useSchemaList_1.useSchemaList)('temp');
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { display: 'flex', flexDirection: 'column', rowGap: '16px' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: 'h2' }, { children: "Schema Stats" })), (0, jsx_runtime_1.jsx)("code", { children: JSON.stringify(schemaStats, null, 2) }), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: 'h2' }, { children: "Schema List" })), (0, jsx_runtime_1.jsx)("code", { children: JSON.stringify(schemaList, null, 2) })] })));
-};
-exports.TestSchemaHooks = TestSchemaHooks;
-//# sourceMappingURL=TestSchemaHooks.js.map

package/dist/cjs/hooks/stories/TestSchemaHooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TestSchemaHooks.js","sourceRoot":"","sources":["../../../../src/hooks/stories/TestSchemaHooks.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAE1C,oDAAgD;AAChD,sDAAkD;AAE3C,MAAM,eAAe,GAAa,GAAG,EAAE;IAC5C,MAAM,CAAC,WAAW,CAAC,GAAG,IAAA,+BAAc,EAAC,MAAM,CAAC,CAAA;IAC5C,MAAM,CAAC,UAAU,CAAC,GAAG,IAAA,6BAAa,EAAC,MAAM,CAAC,CAAA;IAE1C,OAAO,CACL,+CAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,iBACtE,uBAAC,qBAAU,kBAAC,OAAO,EAAE,IAAI,kCAA2B,EACpD,2CAAO,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,GAAQ,EACnD,uBAAC,qBAAU,kBAAC,OAAO,EAAE,IAAI,iCAA0B,EACnD,2CAAO,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,GAAQ,KAC9C,CACP,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,eAAe,mBAY3B"}

package/dist/esm/hooks/stories/TestSchemaHooks.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const TestSchemaHooks: React.FC;
-//# sourceMappingURL=TestSchemaHooks.d.ts.map

package/dist/esm/hooks/stories/TestSchemaHooks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TestSchemaHooks.d.ts","sourceRoot":"","sources":["../../../../src/hooks/stories/TestSchemaHooks.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAYnC,CAAA"}

package/dist/esm/hooks/stories/TestSchemaHooks.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography } from '@mui/material';
-import { useSchemaList } from '../useSchemaList';
-import { useSchemaStats } from '../useSchemaStats';
-export const TestSchemaHooks = () => {
-    const [schemaStats] = useSchemaStats('temp');
-    const [schemaList] = useSchemaList('temp');
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', rowGap: '16px' }, children: [_jsx(Typography, { variant: 'h2', children: "Schema Stats" }), _jsx("code", { children: JSON.stringify(schemaStats, null, 2) }), _jsx(Typography, { variant: 'h2', children: "Schema List" }), _jsx("code", { children: JSON.stringify(schemaList, null, 2) })] }));
-};
-//# sourceMappingURL=TestSchemaHooks.js.map

package/dist/esm/hooks/stories/TestSchemaHooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TestSchemaHooks.js","sourceRoot":"","sources":["../../../../src/hooks/stories/TestSchemaHooks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,CAAC,MAAM,eAAe,GAAa,GAAG,EAAE;IAC5C,MAAM,CAAC,WAAW,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;IAC5C,MAAM,CAAC,UAAU,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,CAAA;IAE1C,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,aACtE,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,6BAA2B,EACpD,yBAAO,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,GAAQ,EACnD,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,4BAA0B,EACnD,yBAAO,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,GAAQ,IAC9C,CACP,CAAA;AACH,CAAC,CAAA"}

package/src/hooks/stories/TestSchemaHooks.tsx

@@ -1,18 +0,0 @@
-import { Typography } from '@mui/material'
-
-import { useSchemaList } from '../useSchemaList'
-import { useSchemaStats } from '../useSchemaStats'
-
-export const TestSchemaHooks: React.FC = () => {
-  const [schemaStats] = useSchemaStats('temp')
-  const [schemaList] = useSchemaList('temp')
-
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', rowGap: '16px' }}>
-      <Typography variant={'h2'}>Schema Stats</Typography>
-      <code>{JSON.stringify(schemaStats, null, 2)}</code>
-      <Typography variant={'h2'}>Schema List</Typography>
-      <code>{JSON.stringify(schemaList, null, 2)}</code>
-    </div>
-  )
-}