@pro-laico/create-atomic-payload 0.1.4

package/template/src/payload.config.ts

@@ -0,0 +1,78 @@
+import path from 'path'
+import sharp from 'sharp'
+import Globals from '@/globals'
+import { plugins } from '@/plugins'
+import { buildConfig } from 'payload'
+import Collections from '@/collections'
+import { fileURLToPath } from 'node:url'
+import { Users } from '@/collections/users'
+import JSONSchemaExtensions from '@/ts/JSONSchema'
+import ChildrenBlocks from '@/blocks/children/blocks'
+//import { resendAdapter } from '@payloadcms/email-resend'
+import { mongooseAdapter } from '@payloadcms/db-mongodb'
+import { AllActionBlocks } from '@/blocks/actions/blocks'
+import { getServerSideURL } from '@/utilities/get/getURL'
+import { defaultLexical } from '@/blocks/children/richText/defaultLexical'
+import { IconPath, LogoPath, SiteTriggersPath, BeforeDashboard } from '@/ui'
+import FormSanitationBlocks from '@/blocks/submitForm/form/sanitation/blocks'
+import FormValidationBlocks from '@/blocks/submitForm/form/validation/blocks'
+import FormRateLimitBlocks from '@/blocks/submitForm/form/rateLimiting/blocks'
+import InputSanitationBlocks from '@/blocks/submitForm/input/sanitation/blocks'
+import InputValidationBlocks from '@/blocks/submitForm/input/validation/blocks'
+
+const filename = fileURLToPath(import.meta.url)
+const dirname = path.dirname(filename)
+
+export default buildConfig({
+  sharp,
+  plugins: [...plugins],
+  globals: [...Globals],
+  editor: defaultLexical,
+  graphQL: { disable: true },
+  serverURL: getServerSideURL(), // Used in csrf white list and live preview.
+  collections: [...Collections],
+  secret: process.env.PAYLOAD_SECRET || '',
+  cors: [getServerSideURL()].filter(Boolean),
+  typescript: { schema: [JSONSchemaExtensions], outputFile: path.resolve(dirname, 'ts/types/payload-types.ts') },
+  db: mongooseAdapter({ url: process.env.MONGODB_URI || '', collectionsSchemaOptions: { pages: { minimize: true } }, allowAdditionalKeys: false }),
+  blocks: [
+    ...ChildrenBlocks,
+    ...AllActionBlocks,
+    ...FormRateLimitBlocks,
+    ...FormSanitationBlocks,
+    ...FormValidationBlocks,
+    ...InputSanitationBlocks,
+    ...InputValidationBlocks,
+  ],
+  /*   email: resendAdapter({
+    defaultFromAddress: 'chad@notifications.atomicpayload.com',
+    defaultFromName: 'Chad At Atomic Payload',
+    apiKey: process.env.RESEND_API_KEY || '',
+  }), */
+  admin: {
+    user: Users.slug,
+    importMap: { baseDir: path.resolve(dirname) },
+    components: {
+      beforeDashboard: process.env.INCLUDE_SEED === 'true' ? [BeforeDashboard] : [],
+      beforeNavLinks: [SiteTriggersPath],
+      graphics: { Icon: IconPath, Logo: LogoPath },
+    },
+    livePreview: {
+      breakpoints: [
+        { label: 'Mobile', name: 'mobile', width: 375, height: 667 },
+        { label: 'Tablet', name: 'tablet', width: 768, height: 1024 },
+        { label: 'Desktop', name: 'desktop', width: 1440, height: 900 },
+      ],
+    },
+    meta: {
+      titleSuffix: ' - Atomic Payload',
+      description: 'A Website Builder Where All You Need To Know Is Tailwind.',
+      icons: [{ type: 'image/svg+xml', rel: 'icon', url: '/adminFavicon.svg' }],
+      openGraph: {
+        title: 'Atomic Payload',
+        description: 'A Website Builder Where All You Need To Know Is Tailwind.',
+        images: [{ height: 630, width: 1200, url: '/ogImage.webp' }],
+      },
+    },
+  },
+})

package/template/src/plugins/blurDataUrls.ts

@@ -0,0 +1,8 @@
+import { Images } from '@/collections/images'
+import { blurDataUrlsPlugin } from '@oversightstudio/blur-data-urls'
+
+export const blurDataUrlsPluginConfig = blurDataUrlsPlugin({
+  enabled: true,
+  collections: [Images],
+  blurOptions: { blur: 18, width: 32, height: 'auto' },
+})

package/template/src/plugins/formBuilder.ts

@@ -0,0 +1,40 @@
+import { authd } from '@/access/authenticated'
+import { revalidateCache } from '@/hooks/collection/revalidate'
+import { formBuilderPlugin } from '@payloadcms/plugin-form-builder'
+
+function insertFieldAtPosition<T>(fields: T[], field: T, position: number): T[] {
+  return [...fields.slice(0, position), field, ...fields.slice(position)]
+}
+
+export const formBuilderPluginConfig = formBuilderPlugin({
+  redirectRelationships: ['pages'],
+  formSubmissionOverrides: {
+    admin: { group: 'Forms', defaultColumns: ['form', 'submissionData', 'updatedAt'] },
+    hooks: { beforeChange: [revalidateCache] },
+  },
+  fields: {
+    select: false,
+    email: false,
+    state: false,
+    country: false,
+    checkbox: false,
+    number: false,
+    message: false,
+    date: false,
+    payment: false,
+    radio: false,
+  },
+  formOverrides: {
+    slug: 'forms',
+    admin: { group: 'Forms' },
+    access: { read: authd, update: authd },
+    hooks: { beforeChange: [revalidateCache] },
+    labels: { singular: 'Backend Form', plural: 'Backend Forms' },
+    fields: ({ defaultFields }) => {
+      const fieldsToRemove = ['submitButtonLabel', 'confirmationType', 'confirmationMessage', 'redirect', 'fields']
+      const filteredFields = defaultFields.filter((field: any) => !fieldsToRemove.includes(field?.name))
+      const updatedFields = insertFieldAtPosition(filteredFields, { type: 'group', fields: [] }, 2)
+      return [...updatedFields]
+    },
+  },
+})

package/template/src/plugins/index.ts

@@ -0,0 +1,17 @@
+//Plugin Imports
+import { Plugin } from 'payload'
+
+//Plugin Configurations
+import { muxVideoPluginConfig } from './muxVideo'
+import { nestedDocsPluginConfig } from './nestedDocs'
+import { formBuilderPluginConfig } from './formBuilder'
+import { blurDataUrlsPluginConfig } from './blurDataUrls'
+import { vercelBlobStoragePluginConfig } from './vercelBlobStorage'
+
+export const plugins: Plugin[] = [
+  muxVideoPluginConfig,
+  nestedDocsPluginConfig,
+  formBuilderPluginConfig,
+  blurDataUrlsPluginConfig,
+  vercelBlobStoragePluginConfig,
+]

package/template/src/plugins/muxVideo.ts

@@ -0,0 +1,13 @@
+import { muxVideoPlugin } from '@oversightstudio/mux-video'
+
+export const muxVideoPluginConfig = muxVideoPlugin({
+  enabled: true,
+  adminThumbnail: 'image',
+  extendCollection: 'mux-video', //Most changes should be made to the MuxVideo collection. @/collections/muxVideos.ts
+  uploadSettings: { cors_origin: process.env.NEXT_PUBLIC_SERVER_URL || 'http://localhost:3000' },
+  initSettings: {
+    tokenId: process.env.MUX_TOKEN_ID || '',
+    tokenSecret: process.env.MUX_TOKEN_SECRET || '',
+    webhookSecret: process.env.MUX_WEBHOOK_SIGNING_SECRET || '',
+  },
+})

package/template/src/plugins/nestedDocs.ts

@@ -0,0 +1,9 @@
+import { nestedDocsPlugin } from '@payloadcms/plugin-nested-docs'
+
+export const nestedDocsPluginConfig = nestedDocsPlugin({
+  collections: ['pages'],
+  parentFieldSlug: 'parent',
+  breadcrumbsFieldSlug: 'breadcrumbs',
+  generateURL: (docs) => docs.reduce((url, doc) => `${url}/${doc.slug}`, ''),
+  generateLabel: (docs) => docs.reduce((url, doc) => `${url}/${doc.slug}`, ''),
+})

package/template/src/plugins/vercelBlobStorage.ts

@@ -0,0 +1,8 @@
+import { vercelBlobStorage } from '@payloadcms/storage-vercel-blob'
+
+export const vercelBlobStoragePluginConfig = vercelBlobStorage({
+  enabled: true,
+  clientUploads: true,
+  token: process.env.BLOB_READ_WRITE_TOKEN,
+  collections: { images: true, font: true, icon: true, favicons: true },
+})

package/template/src/ts/JSONSchema.ts

@@ -0,0 +1,93 @@
+import { z } from '@/ts/zap'
+import type { JSONSchema4 } from 'json-schema'
+import CollectionSchemas from '@/collections/zap'
+import { ActionBlockType } from '@/blocks/actions/zap'
+import { Runner, Attributer } from '@/hooks/frontEnd/useActions/dispatch/zap'
+import { ChildBlockType, BackdropChildSlug } from '@/blocks/children/zap'
+import { InputValidationBlockType, InputSanitationBlockType } from '@/blocks/submitForm/input/zap'
+import { FormRateLimitBlockType, FormSanitationBlockType, FormValidationBlockType } from '@/blocks/submitForm/form/zap'
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const instantiate = [Runner, Attributer, CollectionSchemas] //Ensure the nested schemas are added to global registry before type generation
+
+type GenerateProps = { name: string; refs: (string | undefined)[] }
+
+const generateBlocksType = ({ name, refs }: GenerateProps) => ({
+  [name]: { oneOf: [{ items: { oneOf: refs.filter(Boolean).map((ref) => ({ $ref: `#/definitions/${ref}` })) } }] },
+})
+
+/**
+ * This function is used to add custom type definitions to the JSON schema.
+ * Which can be used as a normal type, or referenced in other JSON schema.
+ */
+const JSONSchemaExtensions = ({ jsonSchema }: { jsonSchema: JSONSchema4 }): JSONSchema4 => ({
+  ...jsonSchema,
+  definitions: {
+    ...jsonSchema.definitions,
+    //Add type definitions as needed here
+    ...z.ap.toJSONSchema(),
+
+    // Child Blocks
+    ...generateBlocksType({ name: 'ChildBlocks', refs: ChildBlockType.options }),
+    ...generateBlocksType({ name: 'BackdropChildren', refs: BackdropChildSlug.options }),
+
+    // Action Blocks
+    ...generateBlocksType({ name: 'ActionBlocks', refs: ActionBlockType.options }),
+
+    // Form Function Blocks
+    ...generateBlocksType({ name: 'FormRateLimitBlocks', refs: FormRateLimitBlockType.options }),
+    ...generateBlocksType({ name: 'FormSanitationBlocks', refs: FormSanitationBlockType.options }),
+    ...generateBlocksType({ name: 'FormValidationBlocks', refs: FormValidationBlockType.options }),
+
+    //Input Function Blocks
+    ...generateBlocksType({ name: 'InputSanitationBlocks', refs: InputSanitationBlockType.options }),
+    ...generateBlocksType({ name: 'InputValidationBlocks', refs: InputValidationBlockType.options }),
+
+    //Atomic Forms - Dynamically generated from imported arrays
+    StoredAtomicFormInput: {
+      type: 'object',
+      properties: {
+        id: { type: 'string' },
+        type: { type: 'string' },
+        inputName: { type: 'string' },
+        sanitationBlocks: { $ref: '#/definitions/InputSanitationBlocks' },
+        validationBlocks: { $ref: '#/definitions/InputValidationBlocks' },
+      },
+      required: ['id', 'type', 'inputName'],
+      additionalProperties: false,
+    },
+    StoredAtomicForm: {
+      type: 'object',
+      properties: {
+        id: { type: 'string' },
+        sm: { type: 'string' },
+        em: { type: 'string' },
+        backendForm: { type: 'string' },
+        sanitation: { $ref: '#/definitions/FormSanitationBlocks' },
+        validation: { $ref: '#/definitions/FormValidationBlocks' },
+        rateLimiting: { $ref: '#/definitions/FormRateLimitBlocks' },
+        inputs: { type: 'array', items: { $ref: '#/definitions/StoredAtomicFormInput' } },
+      },
+      required: ['id', 'backendForm'],
+      additionalProperties: false,
+    },
+    StoredAtomicAction: {
+      type: 'object',
+      properties: {
+        id: { type: 'string' },
+        runners: { $ref: '#/definitions/Runners' },
+        attributers: { $ref: '#/definitions/Attributers' },
+        actions: { type: 'array', items: { $ref: '#/definitions/ActionBlockType' } },
+      },
+      required: ['id', 'actions'],
+      additionalProperties: false,
+    },
+    StoredAtomicActions: {
+      type: 'object',
+      patternProperties: { '^.*$': { $ref: '#/definitions/StoredAtomicAction' } },
+      additionalProperties: false,
+    },
+  },
+})
+
+export default JSONSchemaExtensions

package/template/src/ts/declarations.ts

@@ -0,0 +1,24 @@
+import { DesignSet, Footer, Header, Page, ShortcutSet } from '@/ts/types'
+
+declare module 'payload' {
+  export interface RequestContext {
+    pages?: Page
+    header?: Header
+    footer?: Footer
+    designSet?: DesignSet
+    shortcutSet?: ShortcutSet
+    storedAtomicClasses?: string[]
+  }
+}
+
+declare module 'zod' {
+  interface GlobalMeta {
+    function?: 'Attributer' | 'Runner'
+    block?: 'Child' | 'Action' | 'FormRL' | 'FormV' | 'FormS' | 'InputV' | 'InputS'
+  }
+}
+
+declare global {
+  /** Makes an object and all its properties non-nullable */
+  type NonNullableObject<T> = { [K in keyof T]-?: NonNullable<T[K]> }
+}

package/template/src/ts/types/actions.ts

@@ -0,0 +1,175 @@
+// /////////////////////////////////////
+// Types For Actions
+// /////////////////////////////////////
+import type { UseThemeProps } from 'next-themes'
+import type {
+  Runners,
+  AllActions,
+  Attributer,
+  RunnerType,
+  Attributers,
+  ChildBlocks,
+  AtomicStore,
+  ActionBlocks,
+  FormResponse,
+  ChildBlockType,
+  AttributerType,
+  ActionBlockType,
+  AtomicInputTypes,
+  AtomicButtonTypes,
+  AtomicChildVariants,
+  AtomicButtonPortalTypes,
+} from '@/ts/types'
+
+// /////////////////////////////////////
+// Action General Types
+// /////////////////////////////////////
+
+export interface CookiePreferences {
+  functional: boolean
+  security: boolean
+  analytics: boolean
+  marketing: boolean
+  userData: boolean
+  adPersonalization: boolean
+  contentPersonalization: boolean
+}
+
+export type FullFormContext = {
+  submissionId?: string | null
+  formResponse?: FormResponse | null
+  formRef?: React.RefObject<HTMLFormElement | null> | null
+}
+
+export type ActionContext = {
+  theme?: UseThemeProps
+  atomicStore: AtomicStore
+  fullFormContext?: FullFormContext
+}
+
+export type ActionBlockPrefix = 'content' | 'trigger'
+
+/** Used In UI Components Filter For Action Blocks */
+export type ActionBlockFilter = {
+  blockType: ChildBlockType
+  type?: AtomicChildVariants
+  placement: ActionBlockPrefix
+  inputType?: AtomicInputTypes
+  buttonType?: AtomicButtonTypes
+  portalType?: AtomicButtonPortalTypes
+}
+
+/** The name and types of action function storage, and what action processors use to mutate context.*/
+export type ActionBlockDefaultReturns = { actions: ActionBlockType[]; runners: Runners; attributers: Attributers }
+
+/** Returns any type or array of types with the dispatcher context added */
+export type WithContext<T> = T extends unknown[] ? { [K in keyof T]: { action: T[K][]; context: ActionContext } } : T & { context: ActionContext }
+
+// /////////////////////////////////////
+// Attributes
+// /////////////////////////////////////
+
+export type AttFunctionReturns = Record<string, string> | undefined
+
+/** Returns attributer function type or array of function types. Pass function type or array of function types*/
+export type GetBaseAtt<T extends AttributerType | AttributerType[]> = T extends AttributerType[]
+  ? { [K in keyof T]: Extract<Attributer, { type: T[K] }> }
+  : Extract<Attributer, { type: T }>
+
+/** Returns attributer function type with the dispatcher context added. Pass function type or array of function types*/
+export type GetFullAtt<T extends AttributerType | AttributerType[]> = T extends AttributerType[]
+  ? { actions: GetBaseAtt<T> | undefined; context: ActionContext }
+  : WithContext<GetBaseAtt<T>>
+
+/** Function type that takes attributer function types as parameters and returns Record<string, string> */
+export type AttFunction<T extends AttributerType | AttributerType[]> = (args: GetFullAtt<T>) => AttFunctionReturns
+
+// /////////////////////////////////////
+// Runners
+// /////////////////////////////////////
+
+type RunFunctionReturnsBase = { success: true } | { success: false; message: string }
+export type RunFunctionReturns = Promise<RunFunctionReturnsBase> | RunFunctionReturnsBase
+
+/** Returns runner function type. Pass function type or array of function types*/
+export type GetBaseRun<T extends RunnerType | RunnerType[]> = T extends RunnerType[]
+  ? { [K in keyof T]: Extract<Runners[number], { type: T[K] }> }
+  : Extract<Runners[number], { type: T }>
+
+/** Returns runner function type with the dispatcher context added. Pass function type or array of function types*/
+export type GetFullRun<T extends RunnerType | RunnerType[]> = T extends RunnerType[]
+  ? { actions: GetBaseRun<T> | undefined; context: ActionContext }
+  : WithContext<GetBaseRun<T>>
+
+/** Function type that takes runner function types as parameters and returns Record<string, string> */
+export type RunFunction<T extends RunnerType | RunnerType[]> = (args: GetFullRun<T>) => RunFunctionReturns
+
+// /////////////////////////////////////
+// Options
+// /////////////////////////////////////
+
+type SetKeyContext = { block: ChildBlocks[number]; initialValuesMap: Map<string, InitialValue> }
+
+type ProcessFunctionContext = {
+  block: ChildBlocks[number]
+  data: NonNullableObject<AllActions>
+  initialValuesMap: Map<string, InitialValue>
+  /** If a parent has a form name, you can use it with this. */
+  useForm?: string
+  /** If a parent has a portal name, you can use it with this. */
+  usePortal?: string
+}
+
+type WithProcessFunctionContext<T> = T extends unknown[]
+  ? { [K in keyof T]: { actionBlock: T[K][]; context: ProcessFunctionContext } }
+  : T & ProcessFunctionContext
+
+//Establish Base Types
+type GetBaseAction<T extends ActionBlockType | ActionBlockType[]> = T extends ActionBlockType[]
+  ? { [K in keyof T]: Extract<ActionBlocks[number], { blockType: T[K] }> }
+  : Extract<ActionBlocks[number], { blockType: T }>
+
+type GetActionsProcessFunction<T extends ActionBlockType | ActionBlockType[]> = T extends ActionBlockType[]
+  ? { actionBlock: GetBaseAction<T>; context: ProcessFunctionContext }
+  : WithProcessFunctionContext<GetBaseAction<T>>
+
+export type ActionSetKeyInitialByAction<T extends ActionBlockType> = (
+  args: SetKeyContext & { actionBlock: GetBaseAction<T> },
+) => InitialValue | undefined
+
+export type ActionSetKeyInitialByBlock = (args: SetKeyContext) => InitialValue | undefined
+export type ActionProcessFunction<T extends ActionBlockType | ActionBlockType[]> = (args: GetActionsProcessFunction<T>) => void
+export type ActionDefaultFunction = (args: ProcessFunctionContext) => void
+
+export type ActionBlockMap = { [T in ActionBlocks[number] as T['blockType']]: T }
+export type InitialValue = { key: string; initialValue?: boolean | string | null; persisted?: boolean | null }
+
+type OptionFunctionArgs = (args: {
+  block: ChildBlocks[number]
+  initialValuesMap: Map<string, InitialValue>
+  result: ActionBlockDefaultReturns
+  actionBlock: ActionBlocks[number]
+  useForm?: string
+  usePortal?: string
+}) => void
+
+export type ActionBlockOptions = {
+  processFunction: OptionFunctionArgs
+  triggerDefaults?: OptionFunctionArgs
+  contentDefaults?: OptionFunctionArgs
+  setKeyInitialByBlock?: ActionSetKeyInitialByBlock
+  setKeyInitialByAction?: ActionSetKeyInitialByAction<ActionBlockType>
+}
+
+type ProcessFunctionArgs = (args: {
+  block: ChildBlocks[number]
+  allActions: NonNullableObject<AllActions>
+  actionBlock: ActionBlocks[number]
+  result: ActionBlockDefaultReturns
+}) => void
+
+export interface ActionClass {
+  processFunction: ProcessFunctionArgs
+  triggerDefaults?: ProcessFunctionArgs
+  contentDefaults?: ProcessFunctionArgs
+}

package/template/src/ts/types/apf.ts

@@ -0,0 +1,108 @@
+import type { Config } from '@/ts/types'
+import type { NumberFieldClientProps, RequestContext } from 'payload'
+import type { NameKebabOptions } from '@/utilities/format/toKebabCase'
+import type {
+  TextField,
+  SelectField,
+  NumberField,
+  TextareaField,
+  CheckboxField,
+  TextFieldClientProps,
+  SelectFieldClientProps,
+  TextareaFieldClientProps,
+  CheckboxFieldClientProps,
+} from 'payload'
+
+// /////////////////////////////////////
+// General APF Types
+// /////////////////////////////////////
+
+/**Expensive Functions that process data on save, therefore must only run when their dependencies change. */
+export type APFunction = 'form' | 'classes' | 'page' | 'pages' | 'actions' | 'seo' | 'active' | 'sitemap' | 'siteMetadata'
+
+/** Type for the runAPF function which checks if a document has been marked as changed in the context. */
+export type RunAPFProps = { context: RequestContext; id: string | undefined; apf: APFunction; data?: unknown }
+
+// /////////////////////////////////////
+// APF Field
+// /////////////////////////////////////
+
+export type SupportedAPFFields = TextField | TextareaField | CheckboxField | SelectField | NumberField
+
+export type APFBaseProps = {
+  /** On field change, this atomic payload function will run on submit. {@link APFunction}*/
+  apf?: APFunction[]
+  /** Defaults to 'name' */
+  name?: string
+  /** Used To Link To Documentation */
+  docLink?: string
+}
+
+type TextAndTextareaBase = {
+  /** Make text kebab case on save. Only runs on client side modification of the field. */
+  kebab?: boolean | NameKebabOptions
+}
+
+export type APFieldType =
+  | { args: SelectField & APFBaseProps; return: SelectField }
+  | { args: NumberField & APFBaseProps; return: NumberField }
+  | { args: CheckboxField & APFBaseProps; return: CheckboxField }
+  | { args: TextField & APFBaseProps & TextAndTextareaBase; return: TextField }
+  | { args: TextareaField & APFBaseProps & TextAndTextareaBase; return: TextareaField }
+
+export type APArgs<Type extends SupportedAPFFields['type']> = Extract<APFieldType, { args: { type: Type } }>['args']
+export type APReturn<Type extends SupportedAPFFields['type']> = Extract<APFieldType, { args: { type: Type } }>['return']
+
+// /////////////////////////////////////
+// APF Field Wrapper
+// /////////////////////////////////////
+
+/**
+ * Typed so that when using the preset field, you don't need to add certain fields as they are already defined in the preset.
+ * @param T - The type of the field.
+ * @param Defaults - The defaults to omit from the args.
+ * @param AdditionalArgs - Additional args are additionally required args to be passed when using the preset field.
+ * @returns The return type of the field.
+ */
+export type APFieldWrapper<
+  T extends SupportedAPFFields['type'],
+  Defaults extends keyof APArgs<T>,
+  AdditionalArgs extends Record<string, unknown> | void = void,
+> = AdditionalArgs extends void
+  ? // AdditionalArgs not provided → only base args
+    (args?: Omit<APArgs<T>, Defaults>) => Extract<APFieldType, { args: { type: T } }>['return']
+  : // AdditionalArgs provided → merged, required
+    (args: Omit<APArgs<T>, Defaults> & AdditionalArgs) => Extract<APFieldType, { args: { type: T } }>['return']
+
+// /////////////////////////////////////
+// APF Field Component
+// /////////////////////////////////////
+
+export type APFComponentBaseProps = {
+  docLink?: string
+  apf: APFunction[]
+}
+
+/** Atomic Payload Fields, Field Component Type. */
+export type APFFieldComponentType = (
+  props:
+    | ({ type: 'number' } & NumberFieldClientProps & APFComponentBaseProps)
+    | ({ type: 'select' } & SelectFieldClientProps & APFComponentBaseProps)
+    | ({ type: 'checkbox' } & CheckboxFieldClientProps & APFComponentBaseProps)
+    | ({ type: 'text' } & TextFieldClientProps & APFComponentBaseProps & TextAndTextareaBase)
+    | ({ type: 'textarea' } & TextareaFieldClientProps & APFComponentBaseProps & TextAndTextareaBase),
+) => React.ReactNode
+
+// /////////////////////////////////////
+// Collections
+// /////////////////////////////////////
+
+export type CollectionsWithActive = {
+  [K in keyof Config['collections']]: Config['collections'][K] extends { active?: any } ? Config['collections'][K] : never
+}[keyof Config['collections']]
+
+export type CollectionsWithoutActive = {
+  [K in keyof Config['collections']]: Config['collections'][K] extends { active?: any } ? never : Config['collections'][K]
+}[keyof Config['collections']]
+
+export type Collections = Config['collections'][keyof Config['collections']]