blocks-dusted 0.1.12 → 0.1.13

package/templates/blocks/DD-FeatServ/config.ts

@@ -0,0 +1,213 @@
+import type { Block } from 'payload'
+import { BlocksFeature } from '@payloadcms/richtext-lexical'
+
+import { DDAccordion } from '@/blocks/DD-Accordion/config'
+import { DDAnimText } from '@/blocks/DD-AnimText/config'
+import { DDBanner } from '@/blocks/DD-Banner/config'
+import { DDIconButton } from '@/blocks/DD-IconButton/config'
+import { createDefaultLexical } from '@/fields/defaultLexical'
+import { link } from '@/fields/link'
+
+export const DDFeatServ: Block = {
+  slug: 'DD-FeatServ',
+  dbName: 'dd_feat_serv',
+  interfaceName: 'DDFeatServ',
+  labels: {
+    singular: 'DD Featured Services',
+    plural: 'DD Featured Services',
+  },
+  fields: [
+    {
+      type: 'tabs',
+      tabs: [
+        {
+          label: 'Header',
+          fields: [
+            {
+              name: 'servicesEyebrow',
+              type: 'text',
+              label: 'Eyebrow Label',
+              defaultValue: 'What We Do',
+              admin: {
+                description: 'Optional small label above the heading',
+                placeholder: 'What We Do',
+              },
+            },
+            {
+              name: 'servicesHeading',
+              type: 'text',
+              label: 'Heading',
+              defaultValue: 'Our Services',
+              admin: {
+                placeholder: 'Our Services',
+              },
+            },
+            {
+              name: 'servicesDescription',
+              type: 'textarea',
+              label: 'Description',
+            },
+            link({
+              appearances: false,
+              overrides: {
+                name: 'servicesViewAllLink',
+                dbName: 'view_all_link',
+                label: 'View All Link',
+              },
+            }),
+          ],
+        },
+        {
+          label: 'Services',
+          fields: [
+            {
+              name: 'featuredServices',
+              dbName: 'svcs',
+              type: 'array',
+              label: 'Services',
+              minRows: 1,
+              labels: {
+                singular: 'Service',
+                plural: 'Services',
+              },
+              fields: [
+                {
+                  type: 'row',
+                  fields: [
+                    // Clickable Checkbox
+                    {
+                      name: 'isClickableCard',
+                      dbName: 'is_clk',
+                      type: 'checkbox',
+                      label: 'Clickable card',
+                      defaultValue: true,
+                      admin: {
+                        width: '50%',
+                        description: 'Enable full-card click-through to Service Link.',
+                      },
+                    },
+                    link({
+                      appearances: false,
+                      disableLabel: true,
+                      disableIcon: true,
+                      overrides: {
+                        name: 'serviceLink',
+                        dbName: 'svc_link',
+                        label: 'Service Link',
+                        required: false,
+                        admin: {
+                          condition: (_, siblingData) => siblingData?.isClickableCard !== false,
+                        },
+                        validate: (value, { siblingData }) => {
+                          if (siblingData?.isClickableCard === false) return true
+
+                          if (!value || typeof value !== 'object') {
+                            return 'Service Link is required when card is clickable.'
+                          }
+
+                          if (value.type === 'reference') {
+                            return value.reference ? true : 'Select a document to link to.'
+                          }
+
+                          if (value.type === 'custom') {
+                            return value.url ? true : 'Custom URL is required.'
+                          }
+
+                          return 'Service Link is required when card is clickable.'
+                        },
+                      },
+                    }),
+                    // Badge
+                    {
+                      name: 'serviceBadge',
+                      type: 'text',
+                      label: 'Badge',
+                    },
+                  ],
+                },
+                // Feature Tags (hidden ui conflict )
+                {
+                  name: 'serviceFeatures',
+                  dbName: 'svc_feats',
+                  type: 'array',
+                  label: 'Feature Tags',
+                  maxRows: 4,
+                  labels: {
+                    singular: 'Feature',
+                    plural: 'Features',
+                  },
+                  fields: [
+                    {
+                      name: 'serviceFeature',
+                      type: 'text',
+                      label: 'Feature',
+                      required: true,
+                    },
+                  ],
+                },
+                // Category
+                {
+                  name: 'serviceCategory',
+                  type: 'relationship',
+                  label: 'Category',
+                  relationTo: 'categories',
+                },
+                // RichText Content
+                {
+                  name: 'serviceContent',
+                  type: 'richText',
+                  label: 'Service Content',
+                  required: true,
+                  editor: createDefaultLexical({
+                    features: [
+                      BlocksFeature({
+                        blocks: [DDAccordion, DDAnimText, DDBanner, DDIconButton],
+                      }),
+                    ],
+                  }),
+                  admin: {
+                    description:
+                      'Combined service heading and description. Use an H3 for the service title.',
+                  },
+                },
+
+                // Card Image
+                {
+                  name: 'serviceImage',
+                  type: 'upload',
+                  label: 'Service Image',
+                  relationTo: 'media',
+                },
+              ],
+            },
+          ],
+        },
+        {
+          label: 'Settings',
+          fields: [
+            {
+              name: 'sectionId',
+              type: 'text',
+              label: 'Section ID',
+              defaultValue: 'featured-services',
+              admin: {
+                description: 'Optional ID for anchor linking',
+                placeholder: 'featured-services',
+              },
+            },
+            {
+              name: 'customCSS',
+              type: 'code',
+              label: 'Custom CSS',
+              admin: {
+                language: 'css',
+              },
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
+
+export default DDFeatServ

package/templates/blocks/DD-FeatServ/manifest.json

@@ -0,0 +1,113 @@
+{
+  "type": "block",
+  "name": "DD-FeatServ",
+  "label": "Featured Services",
+  "sourceName": "DD-FeatServ",
+  "portableName": "DD-FeatServ",
+  "slug": "DD-FeatServ",
+  "version": "0.0.1",
+  "source": {
+    "repo": "Hadizainal/Dusted-Payload-Blocks",
+    "originalPath": "CLI-TestGround/dusted-blocks-demo/src/blocks/DD-FeatServ",
+    "originalSlug": "DD-FeatServ",
+    "originalConfigExport": "DDFeatServ",
+    "originalComponentExport": "DDFeatServ",
+    "originalInterfaceName": "DDFeatServ"
+  },
+  "files": [
+    {
+      "from": "Component.tsx",
+      "to": "src/blocks/DD-FeatServ/Component.tsx"
+    },
+    {
+      "from": "config.ts",
+      "to": "src/blocks/DD-FeatServ/config.ts"
+    }
+  ],
+  "dependencies": [
+    "@payloadcms/richtext-lexical",
+    "embla-carousel-react",
+    "framer-motion",
+    "lucide-react"
+  ],
+  "sharedFiles": [],
+  "requiredProjectFiles": [
+    {
+      "path": "src/blocks/DD-Accordion/config.ts",
+      "reason": "Lexical editor embeds DD Accordion."
+    },
+    {
+      "path": "src/blocks/DD-AnimText/config.ts",
+      "reason": "Lexical editor embeds DD Anim Text."
+    },
+    {
+      "path": "src/blocks/DD-Banner/config.ts",
+      "reason": "Lexical editor embeds DD Banner."
+    },
+    {
+      "path": "src/blocks/DD-IconButton/config.ts",
+      "reason": "Lexical editor embeds DD Icon Button."
+    },
+    {
+      "path": "src/fields/defaultLexical.ts",
+      "reason": "Payload config uses the project Lexical editor factory."
+    },
+    {
+      "path": "src/fields/link.ts",
+      "reason": "Payload config uses the shared link field."
+    },
+    {
+      "path": "src/components/RichText/index.tsx",
+      "reason": "Component renders Payload rich text."
+    },
+    {
+      "path": "src/utilities/ui.ts",
+      "reason": "Component imports cn from @/utilities/ui."
+    }
+  ],
+  "optionalProjectFiles": [],
+  "collectionRegistration": {
+    "enabled": true,
+    "collections": [
+      "Pages",
+      "Posts"
+    ]
+  },
+  "renderBlocksRegistration": {
+    "enabled": true
+  },
+  "renderBlocksBehavior": {
+    "wrapperless": false
+  },
+  "pageRouteIntegration": {
+    "required": false,
+    "manualSteps": []
+  },
+  "manual": [
+    "Register DDFeatServ in Pages/Posts block arrays if automatic registration was skipped.",
+    "Register DD-FeatServ in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes.",
+    "Run payload generate:importmap if admin/component imports changed."
+  ],
+  "manualSteps": [
+    "Register DDFeatServ in Pages/Posts block arrays if automatic registration was skipped.",
+    "Register DD-FeatServ in RenderBlocks if automatic registration was skipped.",
+    "Run payload generate:types after schema changes.",
+    "Run payload generate:importmap if admin/component imports changed."
+  ],
+  "patchTargets": {
+    "blockConfigRegistration": {
+      "description": "Installer can register DDFeatServ from @/blocks/DD-FeatServ/config."
+    },
+    "renderBlocksRegistration": {
+      "description": "Installer can register DD-FeatServ with component export DDFeatServ."
+    }
+  },
+  "notes": [
+    "Promoted from the verified Dusted Blocks demo implementation.",
+    "Installer preserves existing destination files and reports project requirements before writing."
+  ],
+  "exportName": "DDFeatServ",
+  "componentExportName": "DDFeatServ",
+  "interfaceName": "DDFeatServ"
+}