@okam/directus-block 1.2.1 → 1.2.3

package/blocks/BlockWysiwyg/config.d.ts

@@ -0,0 +1,4 @@
+import type { TBlockSerializerConfigComponent } from '../../components/BlockSerializer/interface';
+import type { BlockWysiwygFragment } from './interface';
+declare const blockWysiwygConfig: TBlockSerializerConfigComponent<BlockWysiwygFragment>;
+export default blockWysiwygConfig;

package/blocks/BlockWysiwyg/index.d.ts

@@ -0,0 +1,4 @@
+import type { TBlockSerializerProps } from '../../components/BlockSerializer/interface';
+import type { BlockWysiwygFragment } from './interface';
+declare const BlockWysiwyg: (props: TBlockSerializerProps<BlockWysiwygFragment>) => Promise<import("react/jsx-runtime").JSX.Element | null>;
+export default BlockWysiwyg;

package/blocks/BlockWysiwyg/interface.d.ts

@@ -0,0 +1,17 @@
+import type { BlockSettingsFragment } from '../../generated/graphql';
+export type BlockWysiwygFragment = {
+    __typename?: 'block_wysiwyg';
+    title?: string | null;
+    content?: string | null;
+    level?: string | null;
+    variant?: string | null;
+    settings?: ({
+        __typename?: 'block_settings';
+    } & {
+        ' $fragmentRefs'?: {
+            BlockSettingsFragment: BlockSettingsFragment;
+        };
+    }) | null;
+} & {
+    ' $fragmentName'?: 'BlockWysiwygFragment';
+};

package/components/BlockDispatcher/config.d.ts

@@ -0,0 +1,3 @@
+import type { TBlockSerializerConfig } from '../BlockSerializer/interface';
+declare const baseConfig: TBlockSerializerConfig;
+export default baseConfig;

package/components/BlockDispatcher/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+/// <reference types="react/experimental" />
+import type { TBlockDispatcherProps } from './interface';
+declare const BlockDispatcher: (props: TBlockDispatcherProps) => string | number | boolean | Iterable<import("react").ReactNode> | import("react").PromiseLikeOfReactNode | import("react/jsx-runtime").JSX.Element | (string | number | boolean | Iterable<import("react").ReactNode> | import("react").PromiseLikeOfReactNode | import("react/jsx-runtime").JSX.Element | null | undefined)[] | null | undefined;
+export default BlockDispatcher;

package/components/BlockDispatcher/interface.d.ts

@@ -0,0 +1,16 @@
+import type { TDefaultComponent, Nullable } from '@okam/stack-ui';
+import type React from 'react';
+import type { TAdditionalProps } from '../../types/block';
+import type { TBlockSerializerProps, TBlockSerializerConfig } from '../BlockSerializer/interface';
+interface TBaseBlockDispatcherProps<AdditionalProps extends TAdditionalProps = TAdditionalProps> extends Omit<TDefaultComponent, 'children'> {
+    config?: TBlockSerializerConfig;
+    defaultVariant?: string;
+    additionalProps?: AdditionalProps;
+    children?: (props: TBlockSerializerProps) => React.ReactNode;
+}
+export type TBlockDispatcherProps<AdditionalProps extends TAdditionalProps = TAdditionalProps> = (TBaseBlockDispatcherProps<AdditionalProps> & {
+    block: Nullable<TBlockSerializerProps>;
+}) | (TBaseBlockDispatcherProps<AdditionalProps> & {
+    blocks: Nullable<TBlockSerializerProps>[];
+});
+export {};

package/components/BlockSerializer/index.d.ts

@@ -0,0 +1,3 @@
+import type { TBlockSerializerProps } from './interface';
+declare const BlockSerializer: (props: TBlockSerializerProps) => import("react/jsx-runtime").JSX.Element | null;
+export default BlockSerializer;

package/components/BlockSerializer/interface.d.ts

@@ -0,0 +1,31 @@
+import { type TypedDocumentNode } from '@graphql-typed-document-node/core';
+import type { Nullable, TDefaultComponent } from '@okam/stack-ui';
+import type { Variables } from 'graphql-request';
+import type { FunctionComponent } from 'react';
+import type { TCommonBlockFragment, TAdditionalProps, TBlockQuery, TBlockVariables, TBlockDocument } from '../../types/block';
+export interface TBlock<BlockFragment extends TCommonBlockFragment = TCommonBlockFragment, BlockVariables extends Variables = Variables> {
+    collection?: Nullable<string>;
+    item?: Nullable<BlockFragment>;
+    variables?: TBlockVariables<BlockVariables>;
+    document?: TypedDocumentNode<TBlockQuery<BlockFragment>, BlockVariables>;
+}
+export type TBlockSerializerProps<BlockFragment extends TCommonBlockFragment = TCommonBlockFragment, BlockVariables extends Variables = TBlockVariables, AdditionalProps extends TAdditionalProps = TAdditionalProps> = TBlock<BlockFragment, BlockVariables> & TDefaultComponent & {
+    config?: TBlockSerializerConfig;
+    defaultVariant?: string;
+    additionalProps?: AdditionalProps;
+};
+export type TBlockFunctionComponent<BlockFragment extends TCommonBlockFragment = TCommonBlockFragment> = FunctionComponent<TBlockSerializerProps<BlockFragment>>;
+export type TBlockSerializerConfigComponent<BlockFragment extends TCommonBlockFragment = TCommonBlockFragment> = {
+    [blockKey: string]: {
+        default: TBlockFunctionComponent<BlockFragment>;
+        document?: TBlockDocument<BlockFragment>;
+        defaultVariant?: string;
+        getVariant?: (props: TBlockSerializerProps<BlockFragment>) => Nullable<string>;
+        variants?: {
+            [blockVariant: string]: TBlockFunctionComponent<BlockFragment>;
+        };
+    };
+};
+export interface TBlockSerializerConfig {
+    components: TBlockSerializerConfigComponent;
+}

package/config-BNCxf6ZM.mjs

@@ -0,0 +1,117 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Box, WysiwygBlock } from "@okam/stack-ui";
+import React from "react";
+import { QueryClient, QueryCache } from "@tanstack/react-query";
+import { isEmpty } from "radash";
+import { GraphQLClient } from "graphql-request";
+const BlockSettingsFragmentDoc = { "kind": "Document", "definitions": [{ "kind": "FragmentDefinition", "name": { "kind": "Name", "value": "BlockSettings" }, "typeCondition": { "kind": "NamedType", "name": { "kind": "Name", "value": "block_settings" } }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "tokens" } }, { "kind": "Field", "name": { "kind": "Name", "value": "variant" } }] } }] };
+function useFragment(_documentNode, fragmentType) {
+  return fragmentType;
+}
+const GRAPHQL_ENDPOINT = process.env.NEXT_PUBLIC_GRAPHQL_URL;
+const GRAPHQL_ENDPOINT_ADMIN = process.env.NEXT_GRAPHQL_URL_ADMIN;
+const AUTH_TOKEN = process.env.NEXT_PUBLIC_API_TOKEN ?? "";
+const AUTH_TOKEN_ADMIN = process.env.NEXT_PUBLIC_API_TOKEN;
+const graphqlRequestClient = new GraphQLClient(GRAPHQL_ENDPOINT, {
+  credentials: "include",
+  mode: "cors",
+  fetch,
+  headers: {
+    Authorization: `Bearer ${AUTH_TOKEN}`
+  }
+});
+new GraphQLClient(GRAPHQL_ENDPOINT_ADMIN, {
+  credentials: "include",
+  mode: "cors",
+  fetch,
+  headers: {
+    Authorization: `Bearer ${AUTH_TOKEN_ADMIN}`
+  }
+});
+new QueryClient({
+  queryCache: new QueryCache({
+    onError: (error) => {
+      console.error(error);
+    }
+  }),
+  defaultOptions: {
+    queries: {
+      staleTime: 5 * 1e3
+    }
+  }
+});
+function queryGql(document, queryKey, client = graphqlRequestClient) {
+  return client.request(document, {
+    ...queryKey
+  });
+}
+process.env.NEXT_PUBLIC_GRAPHQL_URL;
+process.env.NEXT_PUBLIC_API_TOKEN;
+function isVariables(maybeVariables) {
+  return !!maybeVariables;
+}
+function isOnlyIdInItem(item) {
+  return !isEmpty(item) && Object.keys(item).length === 1 && Object.keys(item)[0] === "id" && !!item.id;
+}
+async function queryFromVariables(params) {
+  const { document, blockKey, variables } = params;
+  if (!document || !isVariables(variables)) return null;
+  const queriedBlockProps = await queryGql(document, variables);
+  if (!queriedBlockProps || typeof queriedBlockProps !== "object" || !blockKey) return null;
+  const queriedBlockFragment = queriedBlockProps[blockKey];
+  return queriedBlockFragment;
+}
+async function getBlockProps(params) {
+  const { document, item, blockKey, variables } = params;
+  if (item) {
+    if (!isOnlyIdInItem(item)) {
+      return item;
+    }
+    const variablesWithFallback = { id: item.id, ...variables };
+    if (!isVariables(variablesWithFallback)) return null;
+    return queryFromVariables({
+      ...params,
+      variables: variablesWithFallback
+    });
+  }
+  if (!document || !isVariables(variables)) return null;
+  const queriedBlockProps = await queryGql(document, variables);
+  if (!queriedBlockProps || typeof queriedBlockProps !== "object" || !blockKey) return null;
+  const queriedBlockFragment = queriedBlockProps[blockKey];
+  return queriedBlockFragment;
+}
+const BlockWysiwyg = async (props) => {
+  const { variables, themeName = "wysiwyg", tokens, item, document } = props;
+  const propsWithFallback = await getBlockProps({
+    item,
+    blockKey: "block_wysiwyg_by_id",
+    document,
+    variables
+  });
+  if (!propsWithFallback) return null;
+  const { content, title, level, settings } = propsWithFallback;
+  const { tokens: cmsTokens } = useFragment(BlockSettingsFragmentDoc, settings) ?? {};
+  if (!content && !(title && level)) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    title && level && /* @__PURE__ */ jsx(Box, { as: "span", themeName, tokens: { ...tokens, ...cmsTokens }, children: React.createElement(level, {}, title) }),
+    content && /* @__PURE__ */ jsx(WysiwygBlock, { themeName, tokens: { ...tokens, ...cmsTokens }, content })
+  ] });
+};
+const blockWysiwygConfig = {
+  block_wysiwyg: {
+    default: (props) => /* @__PURE__ */ jsx(BlockWysiwyg, { ...props })
+  }
+};
+const baseConfig = {
+  components: {
+    ...blockWysiwygConfig
+  }
+};
+export {
+  BlockWysiwyg as B,
+  baseConfig as a,
+  blockWysiwygConfig as b,
+  BlockSettingsFragmentDoc as c,
+  getBlockProps as g,
+  useFragment as u
+};

package/config-Wm_s8RKf.js

@@ -0,0 +1,116 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const stackUi = require("@okam/stack-ui");
+const React = require("react");
+const reactQuery = require("@tanstack/react-query");
+const radash = require("radash");
+const graphqlRequest = require("graphql-request");
+const BlockSettingsFragmentDoc = { "kind": "Document", "definitions": [{ "kind": "FragmentDefinition", "name": { "kind": "Name", "value": "BlockSettings" }, "typeCondition": { "kind": "NamedType", "name": { "kind": "Name", "value": "block_settings" } }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "tokens" } }, { "kind": "Field", "name": { "kind": "Name", "value": "variant" } }] } }] };
+function useFragment(_documentNode, fragmentType) {
+  return fragmentType;
+}
+const GRAPHQL_ENDPOINT = process.env.NEXT_PUBLIC_GRAPHQL_URL;
+const GRAPHQL_ENDPOINT_ADMIN = process.env.NEXT_GRAPHQL_URL_ADMIN;
+const AUTH_TOKEN = process.env.NEXT_PUBLIC_API_TOKEN ?? "";
+const AUTH_TOKEN_ADMIN = process.env.NEXT_PUBLIC_API_TOKEN;
+const graphqlRequestClient = new graphqlRequest.GraphQLClient(GRAPHQL_ENDPOINT, {
+  credentials: "include",
+  mode: "cors",
+  fetch,
+  headers: {
+    Authorization: `Bearer ${AUTH_TOKEN}`
+  }
+});
+new graphqlRequest.GraphQLClient(GRAPHQL_ENDPOINT_ADMIN, {
+  credentials: "include",
+  mode: "cors",
+  fetch,
+  headers: {
+    Authorization: `Bearer ${AUTH_TOKEN_ADMIN}`
+  }
+});
+new reactQuery.QueryClient({
+  queryCache: new reactQuery.QueryCache({
+    onError: (error) => {
+      console.error(error);
+    }
+  }),
+  defaultOptions: {
+    queries: {
+      staleTime: 5 * 1e3
+    }
+  }
+});
+function queryGql(document, queryKey, client = graphqlRequestClient) {
+  return client.request(document, {
+    ...queryKey
+  });
+}
+process.env.NEXT_PUBLIC_GRAPHQL_URL;
+process.env.NEXT_PUBLIC_API_TOKEN;
+function isVariables(maybeVariables) {
+  return !!maybeVariables;
+}
+function isOnlyIdInItem(item) {
+  return !radash.isEmpty(item) && Object.keys(item).length === 1 && Object.keys(item)[0] === "id" && !!item.id;
+}
+async function queryFromVariables(params) {
+  const { document, blockKey, variables } = params;
+  if (!document || !isVariables(variables)) return null;
+  const queriedBlockProps = await queryGql(document, variables);
+  if (!queriedBlockProps || typeof queriedBlockProps !== "object" || !blockKey) return null;
+  const queriedBlockFragment = queriedBlockProps[blockKey];
+  return queriedBlockFragment;
+}
+async function getBlockProps(params) {
+  const { document, item, blockKey, variables } = params;
+  if (item) {
+    if (!isOnlyIdInItem(item)) {
+      return item;
+    }
+    const variablesWithFallback = { id: item.id, ...variables };
+    if (!isVariables(variablesWithFallback)) return null;
+    return queryFromVariables({
+      ...params,
+      variables: variablesWithFallback
+    });
+  }
+  if (!document || !isVariables(variables)) return null;
+  const queriedBlockProps = await queryGql(document, variables);
+  if (!queriedBlockProps || typeof queriedBlockProps !== "object" || !blockKey) return null;
+  const queriedBlockFragment = queriedBlockProps[blockKey];
+  return queriedBlockFragment;
+}
+const BlockWysiwyg = async (props) => {
+  const { variables, themeName = "wysiwyg", tokens, item, document } = props;
+  const propsWithFallback = await getBlockProps({
+    item,
+    blockKey: "block_wysiwyg_by_id",
+    document,
+    variables
+  });
+  if (!propsWithFallback) return null;
+  const { content, title, level, settings } = propsWithFallback;
+  const { tokens: cmsTokens } = useFragment(BlockSettingsFragmentDoc, settings) ?? {};
+  if (!content && !(title && level)) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    title && level && /* @__PURE__ */ jsxRuntime.jsx(stackUi.Box, { as: "span", themeName, tokens: { ...tokens, ...cmsTokens }, children: React.createElement(level, {}, title) }),
+    content && /* @__PURE__ */ jsxRuntime.jsx(stackUi.WysiwygBlock, { themeName, tokens: { ...tokens, ...cmsTokens }, content })
+  ] });
+};
+const blockWysiwygConfig = {
+  block_wysiwyg: {
+    default: (props) => /* @__PURE__ */ jsxRuntime.jsx(BlockWysiwyg, { ...props })
+  }
+};
+const baseConfig = {
+  components: {
+    ...blockWysiwygConfig
+  }
+};
+exports.BlockSettingsFragmentDoc = BlockSettingsFragmentDoc;
+exports.BlockWysiwyg = BlockWysiwyg;
+exports.baseConfig = baseConfig;
+exports.blockWysiwygConfig = blockWysiwygConfig;
+exports.getBlockProps = getBlockProps;
+exports.useFragment = useFragment;

package/generated/fragment-masking.d.ts

@@ -0,0 +1,15 @@
+import { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core';
+import { Incremental } from './graphql';
+export type FragmentType<TDocumentType extends DocumentTypeDecoration<any, any>> = TDocumentType extends DocumentTypeDecoration<infer TType, any> ? [TType] extends [{
+    ' $fragmentName'?: infer TKey;
+}] ? TKey extends string ? {
+    ' $fragmentRefs'?: {
+        [key in TKey]: TType;
+    };
+} : never : never : never;
+export declare function useFragment<TType>(_documentNode: DocumentTypeDecoration<TType, any>, fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>): TType;
+export declare function useFragment<TType>(_documentNode: DocumentTypeDecoration<TType, any>, fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | null | undefined): TType | null | undefined;
+export declare function useFragment<TType>(_documentNode: DocumentTypeDecoration<TType, any>, fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>): ReadonlyArray<TType>;
+export declare function useFragment<TType>(_documentNode: DocumentTypeDecoration<TType, any>, fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined): ReadonlyArray<TType> | null | undefined;
+export declare function makeFragmentData<F extends DocumentTypeDecoration<any, any>, FT extends ResultOf<F>>(data: FT, _fragment: F): FragmentType<F>;
+export declare function isFragmentReady<TQuery, TFrag>(queryNode: DocumentTypeDecoration<TQuery, any>, fragmentNode: TypedDocumentNode<TFrag>, data: FragmentType<TypedDocumentNode<Incremental<TFrag>, any>> | null | undefined): data is FragmentType<typeof fragmentNode>;

package/generated/graphql.d.ts

@@ -0,0 +1,64 @@
+import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
+export type Exact<T extends {
+    [key: string]: unknown;
+}> = {
+    [K in keyof T]: T[K];
+};
+export type Incremental<T> = T | {
+    [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never;
+};
+export type Scalars = {
+    ID: {
+        input: string;
+        output: string;
+    };
+    String: {
+        input: string;
+        output: string;
+    };
+    Boolean: {
+        input: boolean;
+        output: boolean;
+    };
+    Int: {
+        input: number;
+        output: number;
+    };
+    Float: {
+        input: number;
+        output: number;
+    };
+    /** ISO8601 Date values */
+    Date: {
+        input: any;
+        output: any;
+    };
+    /** BigInt value */
+    GraphQLBigInt: {
+        input: any;
+        output: any;
+    };
+    /** A Float or a String */
+    GraphQLStringOrFloat: {
+        input: any;
+        output: any;
+    };
+    /** Hashed string values */
+    Hash: {
+        input: any;
+        output: any;
+    };
+    /** The `JSON` scalar type represents JSON values as specified by [ECMA-404](http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-404.pdf). */
+    JSON: {
+        input: any;
+        output: any;
+    };
+};
+export type BlockSettingsFragment = {
+    __typename?: 'block_settings';
+    tokens?: any | null;
+    variant?: string | null;
+} & {
+    ' $fragmentName'?: 'BlockSettingsFragment';
+};
+export declare const BlockSettingsFragmentDoc: DocumentNode<BlockSettingsFragment, unknown>;

package/index.d.ts

@@ -0,0 +1,6 @@
+export type { TBlockDispatcherProps } from './components/BlockDispatcher/interface';
+export type { TBlockSerializerConfig, TBlockSerializerProps, TBlock, TBlockSerializerConfigComponent, } from './components/BlockSerializer/interface';
+export type { TAdditionalProps, TCommonBlockFragment, TBlockQuery, TBlockDocument, TBlockVariables, } from './types/block';
+export { default as BlockWysiwyg } from './blocks/BlockWysiwyg';
+export { default as blockWysiwygConfig } from './blocks/BlockWysiwyg/config';
+export { default as baseConfig } from './components/BlockDispatcher/config';

package/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const config = require("./config-Wm_s8RKf.js");
+exports.BlockWysiwyg = config.BlockWysiwyg;
+exports.baseConfig = config.baseConfig;
+exports.blockWysiwygConfig = config.blockWysiwygConfig;

package/index.mjs

@@ -0,0 +1,6 @@
+import { B, a, b } from "./config-BNCxf6ZM.mjs";
+export {
+  B as BlockWysiwyg,
+  a as baseConfig,
+  b as blockWysiwygConfig
+};

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@okam/directus-block",
+  "version": "1.2.3",
   "main": "./index.js",
-  "version": "1.2.1",
   "types": "./index.d.ts",
   "exports": {
     ".": {
       "import": "./index.mjs",
       "require": "./index.js"
+    },
+    "./server": {
+      "import": "./server.mjs",
+      "require": "./server.js"
     }
   },
   "publishConfig": {

package/{src/server.ts → server.d.ts}

@@ -1,6 +1,4 @@
-'server-only'
-
-export { default as BlockDispatcher } from './components/BlockDispatcher'
-export { default as BlockSerializer } from './components/BlockSerializer'
-export { default as getBlockProps } from './utils/get-block-props'
-export { default as mergeConfigs } from './utils/merge-configs'
+export { default as BlockDispatcher } from './components/BlockDispatcher';
+export { default as BlockSerializer } from './components/BlockSerializer';
+export { default as getBlockProps } from './utils/get-block-props';
+export { default as mergeConfigs } from './utils/merge-configs';

package/server.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+require("@tanstack/react-query");
+require("radash");
+const config = require("./config-Wm_s8RKf.js");
+require("graphql-request");
+function mergeConfigs(baseConfig, ...configs) {
+  const finalConfig = configs.reduce((mergedConfig, config2) => {
+    if (!config2) return mergedConfig;
+    return { components: { ...mergedConfig.components, ...config2.components } };
+  }, baseConfig);
+  return finalConfig;
+}
+const BlockSerializer = (props) => {
+  var _a, _b, _c;
+  const { item, collection, config: config$1, variables, defaultVariant, ...rest } = props;
+  if (!collection || !config$1) return null;
+  const blockConfig = (_a = config$1 == null ? void 0 : config$1.components) == null ? void 0 : _a[collection];
+  if (!blockConfig) return null;
+  const { settings } = item ?? {};
+  const id = (item == null ? void 0 : item.id) ?? (variables == null ? void 0 : variables.id);
+  if (!id) return null;
+  const { variant } = config.useFragment(config.BlockSettingsFragmentDoc, settings) ?? {};
+  const variantWithFallback = ((_b = blockConfig.getVariant) == null ? void 0 : _b.call(blockConfig, props)) ?? variant ?? defaultVariant;
+  const { default: defaultBlockComponent, document } = blockConfig;
+  const variantBlockComponent = (_c = blockConfig.variants) == null ? void 0 : _c[variantWithFallback ?? ""];
+  const BlockComponent = variantBlockComponent ?? defaultBlockComponent;
+  if (!BlockComponent) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BlockComponent,
+    {
+      document,
+      config: config$1,
+      collection,
+      item,
+      ...id ? { variables: { ...variables, id } } : { variables },
+      ...rest
+    },
+    id
+  );
+};
+const BlockDispatcher = (props) => {
+  const { children, config: config$1, ...rest } = props;
+  const finalConfig = mergeConfigs(config.baseConfig, config$1);
+  const renderBlock = (blockProps) => {
+    return children ? children({ ...rest, ...blockProps, config: finalConfig }) : /* @__PURE__ */ jsxRuntime.jsx(BlockSerializer, { ...rest, ...blockProps, config: finalConfig });
+  };
+  if ("blocks" in props) {
+    const { blocks } = props;
+    return blocks.map(renderBlock);
+  }
+  const { block } = props;
+  return renderBlock(block);
+};
+exports.getBlockProps = config.getBlockProps;
+exports.BlockDispatcher = BlockDispatcher;
+exports.BlockSerializer = BlockSerializer;
+exports.mergeConfigs = mergeConfigs;

package/server.mjs

@@ -0,0 +1,60 @@
+import { jsx } from "react/jsx-runtime";
+import "@tanstack/react-query";
+import "radash";
+import { u as useFragment, c as BlockSettingsFragmentDoc, a as baseConfig } from "./config-BNCxf6ZM.mjs";
+import { g } from "./config-BNCxf6ZM.mjs";
+import "graphql-request";
+function mergeConfigs(baseConfig2, ...configs) {
+  const finalConfig = configs.reduce((mergedConfig, config) => {
+    if (!config) return mergedConfig;
+    return { components: { ...mergedConfig.components, ...config.components } };
+  }, baseConfig2);
+  return finalConfig;
+}
+const BlockSerializer = (props) => {
+  var _a, _b, _c;
+  const { item, collection, config, variables, defaultVariant, ...rest } = props;
+  if (!collection || !config) return null;
+  const blockConfig = (_a = config == null ? void 0 : config.components) == null ? void 0 : _a[collection];
+  if (!blockConfig) return null;
+  const { settings } = item ?? {};
+  const id = (item == null ? void 0 : item.id) ?? (variables == null ? void 0 : variables.id);
+  if (!id) return null;
+  const { variant } = useFragment(BlockSettingsFragmentDoc, settings) ?? {};
+  const variantWithFallback = ((_b = blockConfig.getVariant) == null ? void 0 : _b.call(blockConfig, props)) ?? variant ?? defaultVariant;
+  const { default: defaultBlockComponent, document } = blockConfig;
+  const variantBlockComponent = (_c = blockConfig.variants) == null ? void 0 : _c[variantWithFallback ?? ""];
+  const BlockComponent = variantBlockComponent ?? defaultBlockComponent;
+  if (!BlockComponent) return null;
+  return /* @__PURE__ */ jsx(
+    BlockComponent,
+    {
+      document,
+      config,
+      collection,
+      item,
+      ...id ? { variables: { ...variables, id } } : { variables },
+      ...rest
+    },
+    id
+  );
+};
+const BlockDispatcher = (props) => {
+  const { children, config, ...rest } = props;
+  const finalConfig = mergeConfigs(baseConfig, config);
+  const renderBlock = (blockProps) => {
+    return children ? children({ ...rest, ...blockProps, config: finalConfig }) : /* @__PURE__ */ jsx(BlockSerializer, { ...rest, ...blockProps, config: finalConfig });
+  };
+  if ("blocks" in props) {
+    const { blocks } = props;
+    return blocks.map(renderBlock);
+  }
+  const { block } = props;
+  return renderBlock(block);
+};
+export {
+  BlockDispatcher,
+  BlockSerializer,
+  g as getBlockProps,
+  mergeConfigs
+};

package/types/block.d.ts

@@ -0,0 +1,27 @@
+import type { DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core';
+import type { Nullable } from '@okam/stack-ui';
+import type { Variables } from 'graphql-request';
+import type { FragmentType } from '../generated/fragment-masking';
+import type { BlockSettingsFragment } from '../generated/graphql';
+export type TAdditionalProps = {
+    [key: string]: unknown;
+};
+type BlockSettings = FragmentType<DocumentTypeDecoration<BlockSettingsFragment, unknown>>;
+export type TCommonBlockFragment = {
+    id?: Nullable<string>;
+    settings?: Nullable<BlockSettings>;
+} & Record<string, unknown>;
+export type TBlockQuery<BlockFragment extends TCommonBlockFragment> = {
+    __typename?: 'Query';
+} & {
+    [blockKey: string]: {
+        ' $fragmentRefs'?: {
+            [blockFragmentKey: string]: BlockFragment;
+        } | null | undefined;
+    } | null | undefined;
+};
+export type TBlockVariables<BlockVariables extends Variables = Variables> = {
+    id: string;
+} & BlockVariables;
+export type TBlockDocument<BlockFragment extends TCommonBlockFragment, BlockVariables extends Variables = Variables> = TypedDocumentNode<TBlockQuery<BlockFragment>, TBlockVariables<BlockVariables>>;
+export {};

package/utils/get-block-props.d.ts

@@ -0,0 +1,17 @@
+import type { Nullable } from '@okam/stack-ui';
+import type { Variables } from 'graphql-request';
+import type { TBlockDocument, TBlockQuery, TBlockVariables, TCommonBlockFragment } from '../types/block';
+type TGetBlockPropsParams<BlockFragment extends TCommonBlockFragment, BlockVariables extends Variables = Variables> = {
+    document?: TBlockDocument<BlockFragment, BlockVariables>;
+    item?: Nullable<NonNullable<NonNullable<TBlockQuery<BlockFragment>[string]>[' $fragmentRefs']>[string]>;
+    blockKey?: string;
+    variables?: TBlockVariables<BlockVariables>;
+};
+/**
+ * Returns the passed item if it is defined. Otherwise, queried its own block
+ * @param params.blockKey Key of the queried field
+ * @param params.item Item of the block. If null or only contains the block's id, the function will make a query
+ * @returns The block data
+ */
+export default function getBlockProps<BlockFragment extends TCommonBlockFragment, BlockVariables extends Variables = Variables>(params: TGetBlockPropsParams<BlockFragment, BlockVariables>): Promise<BlockFragment | null | undefined>;
+export {};

package/utils/index.d.ts

@@ -0,0 +1,4 @@
+import { useFragment } from '../generated/fragment-masking';
+export { default as getBlockProps } from './get-block-props';
+export { default as mergeConfigs } from './merge-configs';
+export { useFragment as getFragment };

package/utils/merge-configs.d.ts

@@ -0,0 +1,9 @@
+import type { Nullable } from '@okam/stack-ui';
+import type { TBlockSerializerConfig } from '../components/BlockSerializer/interface';
+/**
+ * Merges multiple block dispatcher configs
+ * @param baseConfig The base configuration. Other configurations will be prioritized over this one, which acts as a fallback
+ * @param configs Array of block dispatcher serializers to merge. Later elements will always be prioritized over first elements
+ * @returns Merged config
+ */
+export default function mergeConfigs(baseConfig: TBlockSerializerConfig, ...configs: Nullable<TBlockSerializerConfig>[]): TBlockSerializerConfig;