@okam/directus-block 1.2.1 → 1.2.3

package/src/index.ts

@@ -1,22 +0,0 @@
-// Types
-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'
-
-// Blocks
-export { default as BlockWysiwyg } from './blocks/BlockWysiwyg'
-
-// Configs
-export { default as blockWysiwygConfig } from './blocks/BlockWysiwyg/config'
-export { default as baseConfig } from './components/BlockDispatcher/config'

package/src/types/block.ts

@@ -1,40 +0,0 @@
-/* eslint-disable @typescript-eslint/naming-convention */
-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>>

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

@@ -1,81 +0,0 @@
-'server-only'
-
-import { queryGql } from '@okam/directus-query'
-import type { Nullable } from '@okam/stack-ui'
-import type { Variables } from 'graphql-request'
-import { isEmpty } from 'radash'
-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>
-}
-
-function isVariables<BlockVariables extends Variables>(
-  maybeVariables: Nullable<Variables>,
-): maybeVariables is BlockVariables {
-  return !!maybeVariables
-}
-
-function isOnlyIdInItem(item: TCommonBlockFragment): item is TBlockVariables {
-  return !isEmpty(item) && Object.keys(item).length === 1 && Object.keys(item)[0] === 'id' && !!item.id
-}
-
-async function queryFromVariables<
-  BlockFragment extends TCommonBlockFragment,
-  BlockVariables extends Variables = Variables,
->(params: TGetBlockPropsParams<BlockFragment, BlockVariables>) {
-  const { document, blockKey, variables } = params
-
-  if (!document || !isVariables<BlockVariables>(variables)) return null
-
-  const queriedBlockProps = await queryGql(document, variables)
-
-  if (!queriedBlockProps || typeof queriedBlockProps !== 'object' || !blockKey) return null
-
-  const queriedBlockFragment = queriedBlockProps[blockKey]
-
-  return queriedBlockFragment as BlockFragment
-}
-
-/**
- * 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 async function getBlockProps<
-  BlockFragment extends TCommonBlockFragment,
-  BlockVariables extends Variables = Variables,
->(params: TGetBlockPropsParams<BlockFragment, BlockVariables>): Promise<BlockFragment | null | undefined> {
-  const { document, item, blockKey, variables } = params
-
-  if (item) {
-    // If the item actually contains the block's data, just return it
-    if (!isOnlyIdInItem(item)) {
-      return item
-    }
-
-    // Otherwise, the id necessary to make the query might be inside the item. Just in case, we have a fallback
-    const variablesWithFallback = { id: item.id, ...variables }
-
-    if (!isVariables<BlockVariables>(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 as BlockFragment
-}

package/src/utils/index.ts

@@ -1,5 +0,0 @@
-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/src/utils/merge-configs.ts

@@ -1,21 +0,0 @@
-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 {
-  const finalConfig = configs.reduce<TBlockSerializerConfig>((mergedConfig, config) => {
-    if (!config) return mergedConfig
-
-    return { components: { ...mergedConfig.components, ...config.components } }
-  }, baseConfig)
-
-  return finalConfig
-}

package/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "allowJs": false,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    }
-  ],
-  "extends": "../../../tsconfig.base.json"
-}

package/tsconfig.lib.json

@@ -1,23 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../../dist/out-tsc",
-    "types": ["node", "next"]
-  },
-  "paths": { "@workspace/*": ["dist/libs/*"] },
-  "files": [
-    "../../../node_modules/@nx/react/typings/cssmodule.d.ts",
-    "../../../node_modules/@nx/react/typings/image.d.ts"
-  ],
-  "exclude": [
-    "**/*.spec.ts",
-    "**/*.test.ts",
-    "**/*.spec.tsx",
-    "**/*.test.tsx",
-    "**/*.spec.js",
-    "**/*.test.js",
-    "**/*.spec.jsx",
-    "**/*.test.jsx",
-  ],
-  "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
-}

package/vite.config.ts

@@ -1,51 +0,0 @@
-/* eslint-disable import/no-relative-packages */
-/// <reference types="vitest" />
-import * as path from 'path'
-import react from '@vitejs/plugin-react'
-import { defineConfig } from 'vite'
-import dts from 'vite-plugin-dts'
-import viteTsConfigPaths from 'vite-tsconfig-paths'
-import externalDeps from '../../../config/external-deps'
-
-export default defineConfig({
-  cacheDir: '../../../node_modules/.vite/directus-block',
-
-  plugins: [
-    dts({
-      entryRoot: 'src',
-      tsConfigFilePath: path.join(__dirname, 'tsconfig.lib.json'),
-      skipDiagnostics: true,
-    }),
-    react(),
-    viteTsConfigPaths({
-      root: '../../../',
-    }),
-  ],
-
-  // Uncomment this if you are using workers.
-  // worker: {
-  //  plugins: [
-  //    viteTsConfigPaths({
-  //      root: '../../../',
-  //    }),
-  //  ],
-  // },
-
-  // Configuration for building your library.
-  // See: https://vitejs.dev/guide/build.html#library-mode
-  build: {
-    lib: {
-      // Could also be a dictionary or array of multiple entry points.
-      entry: 'src/index.ts',
-      name: 'directus-block',
-      fileName: 'index',
-      // Change this to the formats you want to support.
-      // Don't forget to update your package.json as well.
-      formats: ['es', 'cjs'],
-    },
-    rollupOptions: {
-      // External packages that should not be bundled into your library.
-      external: externalDeps,
-    },
-  },
-})