@xyo-network/react-embed 2.27.22 → 2.27.25

package/src/contexts/ValidatePayloadContext/Provider.tsx

@@ -0,0 +1,42 @@
+import { Chip } from '@mui/material'
+import { useAsyncEffect, WithChildren } from '@xylabs/react-shared'
+import { XyoSchemaCache, XyoSchemaNameToValidatorMap } from '@xyo-network/utils'
+import { useState } from 'react'
+
+import { useXyoEmbedPluginState } from '../XyoEmbedPluginContext'
+import { ValidatePayloadContext } from './Context'
+
+interface ValidatePayloadProviderProps {
+  // Opt-in flag to validate payloads for the plugin(s)
+  enabled?: boolean
+}
+
+export const ValidatePayloadProvider: React.FC<WithChildren<ValidatePayloadProviderProps>> = ({ children, enabled = false }) => {
+  const { payload } = useXyoEmbedPluginState()
+  const [initialized, setInitialized] = useState(false)
+  const [valid, setValid] = useState<boolean>()
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async () => {
+      if (payload && enabled) {
+        await XyoSchemaCache.instance.get(payload.schema)
+
+        const possibleKnownSchema = payload.schema as keyof XyoSchemaNameToValidatorMap
+
+        if (XyoSchemaCache.instance.validators[possibleKnownSchema]) {
+          const validator = XyoSchemaCache.instance.validators[possibleKnownSchema]
+          setValid(validator?.(payload))
+        }
+        setInitialized(true)
+      }
+    },
+    [payload, enabled],
+  )
+
+  return (
+    <ValidatePayloadContext.Provider value={{ enabled, provided: true, schema: payload?.schema, validPayload: valid }}>
+      {enabled ? <>{initialized ? children : <Chip label="Validating Payload..." />}</> : children}
+    </ValidatePayloadContext.Provider>
+  )
+}

package/src/contexts/ValidatePayloadContext/State.ts

@@ -0,0 +1,7 @@
+import { ContextExState } from '@xyo-network/react-shared'
+
+export interface ValidatePayloadState extends ContextExState {
+  validPayload?: boolean
+  schema?: string
+  enabled?: boolean
+}

package/src/contexts/ValidatePayloadContext/index.ts

@@ -0,0 +1,2 @@
+export * from './Provider'
+export * from './use'

package/src/contexts/ValidatePayloadContext/use.tsx

@@ -0,0 +1,5 @@
+import { useContextEx } from '@xyo-network/react-shared'
+
+import { ValidatePayloadContext } from './Context'
+
+export const useValidatePayload = () => useContextEx(ValidatePayloadContext, 'ValidateSchemaContext', true)

package/src/contexts/XyoEmbedPluginContext/Context.tsx

@@ -1,5 +1,5 @@
-import { createContext } from 'react'
+import { createContextEx } from '@xyo-network/react-shared'
 
 import { XyoEmbedPluginState } from './State'
 
-export const XyoEmbedPluginContext = createContext<XyoEmbedPluginState>({})
+export const XyoEmbedPluginContext = createContextEx<XyoEmbedPluginState>()

package/src/contexts/XyoEmbedPluginContext/Provider.tsx

@@ -1,4 +1,4 @@
-import { FlexBoxProps } from '@xylabs/react-flexbox'
+import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
 import { useAsyncEffect, WithChildren } from '@xylabs/react-shared'
 import { XyoApiError } from '@xyo-network/api'
 import { Huri, XyoPayload } from '@xyo-network/payload'
@@ -56,10 +56,10 @@ export const XyoEmbedPluginProvider: React.FC<WithChildren<XyoEmbedPluginProvide
   }
 
   return (
-    <XyoEmbedPluginContext.Provider value={{ activePlugin, payload, refreshHuri, refreshTitle, setActivePlugin, timestampLabel }}>
+    <XyoEmbedPluginContext.Provider value={{ activePlugin, payload, provided: true, refreshHuri, refreshTitle, setActivePlugin, timestampLabel }}>
       <ResultLoader searchResult={payload} notFound={!!notFound} apiError={huriApiError}>
         <XyoApiErrorRender apiError={huriApiError} busy={Boolean(!refreshPayload && payload)} {...props}>
-          {children}
+          <FlexCol>{children}</FlexCol>
         </XyoApiErrorRender>
       </ResultLoader>
     </XyoEmbedPluginContext.Provider>

package/src/contexts/XyoEmbedPluginContext/State.ts

@@ -1,8 +1,9 @@
 import { XyoPayload } from '@xyo-network/payload'
 import { XyoPayloadRenderPlugin } from '@xyo-network/react-payload-plugin'
+import { ContextExState } from '@xyo-network/react-shared'
 import { Dispatch, SetStateAction } from 'react'
 
-export interface XyoEmbedPluginState {
+export interface XyoEmbedPluginState extends ContextExState {
   activePlugin?: XyoPayloadRenderPlugin
   setActivePlugin?: Dispatch<SetStateAction<XyoPayloadRenderPlugin | undefined>>
   payload?: XyoPayload

package/src/contexts/XyoEmbedPluginContext/use.tsx

@@ -1,13 +1,5 @@
-import { useContext } from 'react'
+import { useContextEx } from '@xyo-network/react-shared'
 
 import { XyoEmbedPluginContext } from './Context'
 
-export const useXyoEmbedPluginState = () => {
-  const context = useContext(XyoEmbedPluginContext)
-
-  if (context === undefined) {
-    console.warn('useXyoEmbedPluginState must be used within an XyoEmbedPluginContext')
-  }
-
-  return context
-}
+export const useXyoEmbedPluginState = () => useContextEx(XyoEmbedPluginContext, 'XyoEmbedPluginContext', true)

package/src/contexts/index.ts

@@ -1 +1,2 @@
+export * from './ValidatePayloadContext'
 export * from './XyoEmbedPluginContext'

package/dist/cjs/components/embed-card/EmbedCardEx.d.ts

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

package/dist/cjs/components/embed-card/EmbedCardEx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedCardEx.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAkB,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAmBzD,CAAA"}

package/dist/cjs/components/embed-card/EmbedCardEx.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmbedCardEx = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_app_settings_1 = require("@xyo-network/react-app-settings");
-const react_1 = require("react");
-const EmbedCardEx = (_a) => {
-    var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
-    const { darkMode } = (0, react_app_settings_1.useAppSettings)();
-    const cardProps = (0, react_1.useCallback)(() => {
-        if (darkMode) {
-            return props;
-        }
-        else {
-            const lightModeOverrides = {
-                sx: {
-                    bgcolor: props.elevation ? '#F6F5FA' : 'inherit',
-                },
-            };
-            return Object.assign(Object.assign({}, props), lightModeOverrides);
-        }
-    }, [darkMode, props]);
-    return (0, jsx_runtime_1.jsx)(material_1.Card, Object.assign({}, cardProps(), { children: children }));
-};
-exports.EmbedCardEx = EmbedCardEx;
-//# sourceMappingURL=EmbedCardEx.js.map

package/dist/cjs/components/embed-card/EmbedCardEx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedCardEx.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+D;AAE/D,wEAAgE;AAChE,iCAAmC;AAE5B,MAAM,WAAW,GAAsC,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IACjF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,mCAAc,GAAE,CAAA;IACrC,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACjC,IAAI,QAAQ,EAAE;YACZ,OAAO,KAAK,CAAA;SACb;aAAM;YACL,MAAM,kBAAkB,GAA2B;gBACjD,EAAE,EAAE;oBACF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;iBACjD;aACF,CAAA;YACD,uCACK,KAAK,GACL,kBAAkB,EACtB;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,OAAO,uBAAC,eAAI,oBAAK,SAAS,EAAE,cAAG,QAAQ,IAAQ,CAAA;AACjD,CAAC,CAAA;AAnBY,QAAA,WAAW,eAmBvB"}

package/dist/esm/components/embed-card/EmbedCardEx.d.ts

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

package/dist/esm/components/embed-card/EmbedCardEx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedCardEx.d.ts","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAkB,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAmBzD,CAAA"}

package/dist/esm/components/embed-card/EmbedCardEx.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Card } from '@mui/material';
-import { useAppSettings } from '@xyo-network/react-app-settings';
-import { useCallback } from 'react';
-export const EmbedCardEx = ({ children, ...props }) => {
-    const { darkMode } = useAppSettings();
-    const cardProps = useCallback(() => {
-        if (darkMode) {
-            return props;
-        }
-        else {
-            const lightModeOverrides = {
-                sx: {
-                    bgcolor: props.elevation ? '#F6F5FA' : 'inherit',
-                },
-            };
-            return {
-                ...props,
-                ...lightModeOverrides,
-            };
-        }
-    }, [darkMode, props]);
-    return _jsx(Card, { ...cardProps(), children: children });
-};
-//# sourceMappingURL=EmbedCardEx.js.map

package/dist/esm/components/embed-card/EmbedCardEx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedCardEx.js","sourceRoot":"","sources":["../../../../src/components/embed-card/EmbedCardEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAA6B,MAAM,eAAe,CAAA;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAsC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvF,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAA;IACrC,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,QAAQ,EAAE;YACZ,OAAO,KAAK,CAAA;SACb;aAAM;YACL,MAAM,kBAAkB,GAA2B;gBACjD,EAAE,EAAE;oBACF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;iBACjD;aACF,CAAA;YACD,OAAO;gBACL,GAAG,KAAK;gBACR,GAAG,kBAAkB;aACtB,CAAA;SACF;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,OAAO,KAAC,IAAI,OAAK,SAAS,EAAE,YAAG,QAAQ,GAAQ,CAAA;AACjD,CAAC,CAAA"}