@nextsparkjs/core 0.1.0-beta.1 → 0.1.0-beta.10

package/dist/templates/contents/themes/default/blocks/pricing-table/examples.ts

@@ -1,96 +0,0 @@
-import type { BlockExample } from '@nextsparkjs/core/types/blocks'
-
-export const examples: BlockExample[] = [
-  {
-    name: 'Standard',
-    description: 'Three-tier pricing without highlight',
-    props: {
-      title: 'Simple, Transparent Pricing',
-      content: 'Choose the plan that fits your needs. All plans include 14-day free trial.',
-      backgroundColor: 'white',
-      columns: '3',
-      highlightPopular: false,
-      plans: [
-        {
-          name: 'Starter',
-          price: '$29',
-          period: 'per month',
-          description: 'Perfect for small teams',
-          features: 'Up to 5 team members\n10GB storage\nEmail support\nBasic analytics',
-          ctaText: 'Start Free Trial',
-          ctaUrl: '/signup?plan=starter',
-          isPopular: false,
-          isDisabled: false,
-        },
-        {
-          name: 'Professional',
-          price: '$99',
-          period: 'per month',
-          description: 'For growing businesses',
-          features: 'Up to 25 team members\n100GB storage\nPriority support\nAdvanced analytics\nCustom integrations',
-          ctaText: 'Start Free Trial',
-          ctaUrl: '/signup?plan=pro',
-          isPopular: false,
-          isDisabled: false,
-        },
-        {
-          name: 'Enterprise',
-          price: 'Custom',
-          period: '',
-          description: 'For large organizations',
-          features: 'Unlimited team members\nUnlimited storage\n24/7 dedicated support\nCustom analytics\nAPI access\nSSO & SAML',
-          ctaText: 'Contact Sales',
-          ctaUrl: '/contact',
-          isPopular: false,
-          isDisabled: false,
-        },
-      ],
-    },
-  },
-  {
-    name: 'With Highlight',
-    description: 'Pricing with highlighted popular plan',
-    props: {
-      title: 'Pricing That Grows With You',
-      content: 'Start free, upgrade when you need more',
-      backgroundColor: 'gray-50',
-      columns: '3',
-      highlightPopular: true,
-      plans: [
-        {
-          name: 'Basic',
-          price: '$0',
-          period: 'forever free',
-          description: 'Get started at no cost',
-          features: 'Up to 3 team members\n5GB storage\nCommunity support\nBasic features',
-          ctaText: 'Get Started',
-          ctaUrl: '/signup?plan=basic',
-          isPopular: false,
-          isDisabled: false,
-        },
-        {
-          name: 'Pro',
-          price: '$49',
-          period: 'per month',
-          description: 'Most popular choice',
-          features: 'Up to 15 team members\n50GB storage\nPriority support\nAll features\nAdvanced analytics\nIntegrations',
-          ctaText: 'Start Free Trial',
-          ctaUrl: '/signup?plan=pro',
-          isPopular: true,
-          isDisabled: false,
-        },
-        {
-          name: 'Business',
-          price: '$199',
-          period: 'per month',
-          description: 'For serious teams',
-          features: 'Unlimited team members\n500GB storage\n24/7 support\nAll Pro features\nCustom workflows\nDedicated manager',
-          ctaText: 'Start Free Trial',
-          ctaUrl: '/signup?plan=business',
-          isPopular: false,
-          isDisabled: false,
-        },
-      ],
-    },
-  },
-]

package/dist/templates/contents/themes/default/blocks/pricing-table/fields.ts

@@ -1,161 +0,0 @@
-import type { FieldDefinition } from '@nextsparkjs/core/types/blocks'
-import {
-  baseContentFields,
-  baseDesignFields,
-  baseAdvancedFields,
-} from '@nextsparkjs/core/types/blocks'
-
-/**
- * Pricing Table Block Field Definitions
- *
- * Organized into 3 tabs:
- * - Content: title, content (from base) + plans array
- * - Design: backgroundColor (from base) + columns + highlightPopular
- * - Advanced: className, id (from base)
- */
-
-// Pricing-specific content fields
-const pricingContentFields: FieldDefinition[] = [
-  {
-    name: 'plans',
-    label: 'Pricing Plans',
-    type: 'array',
-    tab: 'content',
-    required: true,
-    description: 'List of pricing plans to display',
-    helpText: 'Add up to 4 pricing plans with features and CTA',
-    minItems: 1,
-    maxItems: 4,
-    itemFields: [
-      {
-        name: 'name',
-        label: 'Plan Name',
-        type: 'text',
-        tab: 'content',
-        required: true,
-        placeholder: 'Starter',
-        maxLength: 50,
-      },
-      {
-        name: 'price',
-        label: 'Price',
-        type: 'text',
-        tab: 'content',
-        required: true,
-        placeholder: '$29',
-        maxLength: 50,
-        helpText: 'Price display (e.g., "$29", "Free", "$99")',
-      },
-      {
-        name: 'period',
-        label: 'Billing Period',
-        type: 'text',
-        tab: 'content',
-        required: false,
-        placeholder: '/month',
-        maxLength: 50,
-        helpText: 'Billing period (e.g., "/month", "/year", "one-time")',
-      },
-      {
-        name: 'description',
-        label: 'Plan Description',
-        type: 'text',
-        tab: 'content',
-        required: false,
-        placeholder: 'Perfect for getting started',
-        maxLength: 200,
-      },
-      {
-        name: 'features',
-        label: 'Features (one per line)',
-        type: 'textarea',
-        tab: 'content',
-        required: false,
-        placeholder: 'Unlimited projects\n24/7 support\nAPI access',
-        rows: 4,
-        helpText: 'Enter each feature on a new line',
-      },
-      {
-        name: 'ctaText',
-        label: 'Button Text',
-        type: 'text',
-        tab: 'content',
-        required: false,
-        placeholder: 'Get Started',
-        maxLength: 50,
-      },
-      {
-        name: 'ctaUrl',
-        label: 'Button Link',
-        type: 'url',
-        tab: 'content',
-        required: false,
-        placeholder: '/signup',
-      },
-      {
-        name: 'isPopular',
-        label: 'Mark as "Popular"',
-        type: 'checkbox',
-        tab: 'content',
-        required: false,
-        default: false,
-        helpText: 'Show "Popular" badge on this plan',
-      },
-      {
-        name: 'isDisabled',
-        label: 'Disable this plan',
-        type: 'checkbox',
-        tab: 'content',
-        required: false,
-        default: false,
-        helpText: 'Gray out this plan (coming soon, unavailable)',
-      },
-    ],
-  },
-]
-
-// Pricing-specific design fields
-const pricingDesignFields: FieldDefinition[] = [
-  {
-    name: 'columns',
-    label: 'Grid Columns',
-    type: 'select',
-    tab: 'design',
-    required: false,
-    default: '3',
-    description: 'Number of columns in the pricing table',
-    options: [
-      { label: '2 Columns', value: '2' },
-      { label: '3 Columns', value: '3' },
-      { label: '4 Columns', value: '4' },
-    ],
-  },
-  {
-    name: 'highlightPopular',
-    label: 'Highlight Popular Plan',
-    type: 'checkbox',
-    tab: 'design',
-    required: false,
-    default: true,
-    description: 'Add border and shadow to popular plan',
-  },
-]
-
-/**
- * Complete field definitions organized by tab
- */
-export const fieldDefinitions: FieldDefinition[] = [
-  // Content tab: base fields + pricing-specific
-  ...baseContentFields,
-  ...pricingContentFields,
-
-  // Design tab: base fields + pricing-specific
-  ...baseDesignFields,
-  ...pricingDesignFields,
-
-  // Advanced tab: base fields only
-  ...baseAdvancedFields,
-]
-
-// Alias for compatibility
-export const fields = fieldDefinitions

package/dist/templates/contents/themes/default/blocks/pricing-table/index.ts

@@ -1,4 +0,0 @@
-export { config } from './config'
-export { fieldDefinitions, fields } from './fields'
-export { schema, type PricingTableBlockProps, type PlanItem } from './schema'
-export { PricingTableBlock } from './component'

package/dist/templates/contents/themes/default/blocks/pricing-table/schema.ts

@@ -1,50 +0,0 @@
-import { z } from 'zod'
-import { baseBlockSchema } from '@nextsparkjs/core/types/blocks'
-
-/**
- * Pricing Plan Item Schema
- * Individual pricing plan in the table
- */
-const planItemSchema = z.object({
-  name: z.string().min(1, 'Plan name is required').max(50),
-  price: z.string().min(1, 'Price is required').max(50),
-  period: z.string().max(50).optional(),
-  description: z.string().max(200).optional(),
-  features: z.string().optional(), // Newline-separated features
-  ctaText: z.string().max(50).optional(),
-  ctaUrl: z.string().optional(),
-  isPopular: z.boolean().default(false),
-  isDisabled: z.boolean().default(false),
-})
-
-export type PlanItem = z.infer<typeof planItemSchema>
-
-/**
- * Pricing Table Block Schema
- *
- * Extends base schema with:
- * - title: Section title (from base)
- * - subtitle: Section description (from base content field)
- * - plans: Array of pricing plans
- * - columns: Grid layout option (2, 3, 4 columns)
- * - highlightPopular: Whether to highlight popular plan
- *
- * Note: Uses base schema title, content, backgroundColor, className, id
- */
-export const pricingTableSpecificSchema = z.object({
-  // Content: array of pricing plans
-  plans: z.array(planItemSchema)
-    .min(1, 'At least one plan is required')
-    .max(4, 'Maximum 4 plans allowed'),
-
-  // Design: column layout and highlighting
-  columns: z.enum(['2', '3', '4']).default('3'),
-  highlightPopular: z.boolean().default(true),
-})
-
-/**
- * Complete Pricing Table Block Schema
- */
-export const schema = baseBlockSchema.merge(pricingTableSpecificSchema)
-
-export type PricingTableBlockProps = z.infer<typeof schema>

package/dist/templates/contents/themes/default/blocks/split-content/component.tsx

@@ -1,135 +0,0 @@
-import React from 'react'
-import Image from 'next/image'
-import { Button } from '@nextsparkjs/core/components/ui/button'
-import { Check } from 'lucide-react'
-import { cn } from '@nextsparkjs/core/lib/utils'
-import { buildSectionClasses } from '@nextsparkjs/core/types/blocks'
-import { sel } from '../../lib/selectors'
-import type { SplitContentBlockProps, BulletPoint } from './schema'
-
-/**
- * Split Content Block Component
- *
- * Props from 3-tab structure:
- * - Content: subtitle, title, content, image, imageAlt, bulletPoints, cta
- * - Design: backgroundColor, imagePosition, imageStyle, verticalAlign
- * - Advanced: className, id
- */
-export function SplitContentBlock({
-  // Content props
-  subtitle,
-  title,
-  content,
-  image,
-  imageAlt,
-  bulletPoints,
-  cta,
-  // Design props
-  backgroundColor,
-  imagePosition = 'left',
-  imageStyle = 'rounded',
-  verticalAlign = 'center',
-  // Advanced props
-  className,
-  id,
-}: SplitContentBlockProps) {
-  // Safe fallback for bulletPoints array
-  const safeBulletPoints = bulletPoints ?? []
-
-  // Build section classes with background and custom className
-  const sectionClasses = buildSectionClasses(
-    'py-16 px-4 md:py-24',
-    { backgroundColor, className }
-  )
-
-  // Image style classes
-  const imageStyleClasses = {
-    square: '',
-    rounded: 'rounded-lg',
-    circle: 'rounded-full',
-  }
-
-  // Vertical alignment classes
-  const alignmentClasses = {
-    top: 'items-start',
-    center: 'items-center',
-    bottom: 'items-end',
-  }
-
-  // Grid order classes based on image position
-  const imageOrderClass = imagePosition === 'right' ? 'lg:order-2' : 'lg:order-1'
-  const contentOrderClass = imagePosition === 'right' ? 'lg:order-1' : 'lg:order-2'
-
-  return (
-    <section id={id} className={sectionClasses} data-cy={sel('blocks.splitContent.container')}>
-      <div className="container mx-auto max-w-7xl">
-        <div className={cn('grid gap-8 lg:grid-cols-2 lg:gap-12', alignmentClasses[verticalAlign as 'top' | 'center' | 'bottom'])}>
-          {/* Image Column */}
-          <div className={cn('relative', imageOrderClass)}>
-            <div className="relative aspect-[4/3] w-full overflow-hidden">
-              <Image
-                src={image}
-                alt={imageAlt || title || 'Split content image'}
-                fill
-                className={cn('object-cover', imageStyleClasses[imageStyle as 'square' | 'rounded' | 'circle'])}
-                sizes="(max-width: 768px) 100vw, 50vw"
-              />
-            </div>
-          </div>
-
-          {/* Content Column */}
-          <div className={cn('flex flex-col justify-center', contentOrderClass)}>
-            {subtitle && (
-              <p className="mb-2 text-sm font-medium uppercase tracking-wide text-primary">
-                {subtitle}
-              </p>
-            )}
-
-            {title && (
-              <h2 className="mb-4 text-3xl font-bold md:text-4xl lg:text-5xl">
-                {title}
-              </h2>
-            )}
-
-            {content && (
-              <p className="mb-6 text-lg text-muted-foreground">
-                {content}
-              </p>
-            )}
-
-            {/* Bullet Points */}
-            {safeBulletPoints.length > 0 && (
-              <ul className="mb-6 space-y-3">
-                {safeBulletPoints.map((point: BulletPoint, index: number) => (
-                  <li key={index} className="flex items-start gap-3">
-                    <Check className="mt-1 h-5 w-5 flex-shrink-0 text-primary" />
-                    <span className="text-base">{point.text}</span>
-                  </li>
-                ))}
-              </ul>
-            )}
-
-            {/* CTA Button */}
-            {cta && cta.text && cta.link && (
-              <div className="mt-2">
-                <Button
-                  asChild
-                  size="lg"
-                  variant={cta.variant || 'default'}
-                >
-                  <a
-                    href={cta.link}
-                    target={cta.target}
-                    rel={cta.target === '_blank' ? 'noopener noreferrer' : undefined}
-                  >
-                    {cta.text}
-                  </a>
-                </Button>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}

package/dist/templates/contents/themes/default/blocks/split-content/config.ts

@@ -1,11 +0,0 @@
-import type { BlockConfig } from '@nextsparkjs/core/types/blocks'
-
-export const config: Omit<BlockConfig, 'schema' | 'fieldDefinitions' | 'Component' | 'examples'> = {
-  slug: 'split-content',
-  name: 'Split Content',
-  description: 'A two-column section with image on one side and text content on the other, with option to reverse the order',
-  category: 'content',
-  icon: 'LayoutGrid',
-  thumbnail: '/theme/blocks/split-content/thumbnail.png',
-  scope: ['pages', 'posts']
-}

package/dist/templates/contents/themes/default/blocks/split-content/examples.ts

@@ -1,38 +0,0 @@
-import type { BlockExample } from '@nextsparkjs/core/types/blocks'
-
-export const examples: BlockExample[] = [
-  {
-    name: 'Image Left',
-    description: 'Split layout with image on left',
-    props: {
-      title: 'Built for Teams',
-      content: 'Collaborate seamlessly with powerful tools designed for modern workplaces. Share ideas, track progress, and achieve more together.',
-      imageUrl: 'https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=800',
-      imageAlt: 'Team collaboration',
-      imagePosition: 'left',
-      cta: {
-        text: 'Learn More',
-        link: '/features',
-        target: '_self',
-      },
-      backgroundColor: 'white',
-    },
-  },
-  {
-    name: 'Image Right',
-    description: 'Split layout with image on right',
-    props: {
-      title: 'Analytics That Matter',
-      content: 'Make data-driven decisions with comprehensive analytics and reporting. Gain insights into user behavior, track key metrics, and optimize your strategy.',
-      imageUrl: 'https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800',
-      imageAlt: 'Analytics dashboard',
-      imagePosition: 'right',
-      cta: {
-        text: 'View Dashboard',
-        link: '/analytics',
-        target: '_self',
-      },
-      backgroundColor: 'gray-50',
-    },
-  },
-]

package/dist/templates/contents/themes/default/blocks/split-content/fields.ts

@@ -1,198 +0,0 @@
-import type { FieldDefinition } from '@nextsparkjs/core/types/blocks'
-import {
-  baseDesignFields,
-  baseAdvancedFields,
-} from '@nextsparkjs/core/types/blocks'
-
-/**
- * Split Content Block Field Definitions
- *
- * Organized into 3 tabs:
- * - Content: subtitle, title, content, image, imageAlt, bulletPoints, cta
- * - Design: backgroundColor (from base) + imagePosition, imageStyle, verticalAlign
- * - Advanced: className, id (from base)
- */
-
-// Split Content specific content fields
-const splitContentFields: FieldDefinition[] = [
-  {
-    name: 'subtitle',
-    label: 'Subtitle',
-    type: 'text',
-    tab: 'content',
-    required: false,
-    placeholder: 'Eyebrow text',
-    helpText: 'Optional label or eyebrow text above the title',
-  },
-  {
-    name: 'title',
-    label: 'Title',
-    type: 'text',
-    tab: 'content',
-    required: false,
-    placeholder: 'Main headline',
-    helpText: 'Main section headline',
-  },
-  {
-    name: 'content',
-    label: 'Content',
-    type: 'textarea',
-    tab: 'content',
-    required: false,
-    placeholder: 'Main description text...',
-    helpText: 'Main text content/description',
-    rows: 4,
-  },
-  {
-    name: 'image',
-    label: 'Image',
-    type: 'image',
-    tab: 'content',
-    required: true,
-    helpText: 'Featured image (recommended: 800x600px minimum)',
-  },
-  {
-    name: 'imageAlt',
-    label: 'Image Alt Text',
-    type: 'text',
-    tab: 'content',
-    required: false,
-    placeholder: 'Describe the image',
-    helpText: 'Alternative text for accessibility',
-  },
-  {
-    name: 'bulletPoints',
-    label: 'Bullet Points',
-    type: 'array',
-    tab: 'content',
-    required: false,
-    description: 'Optional list of bullet points',
-    helpText: 'Add up to 10 bullet points',
-    maxItems: 10,
-    itemFields: [
-      {
-        name: 'text',
-        label: 'Bullet Point',
-        type: 'text',
-        tab: 'content',
-        required: true,
-        placeholder: 'Bullet point text',
-        maxLength: 200,
-      },
-    ],
-  },
-  {
-    name: 'cta',
-    label: 'Call to Action',
-    type: 'text',
-    tab: 'content',
-    required: false,
-    description: 'Optional CTA button',
-    helpText: 'Configure button text, link, target, and variant',
-  },
-  {
-    name: 'cta.text',
-    label: 'CTA Text',
-    type: 'text',
-    tab: 'content',
-    required: false,
-    placeholder: 'Get Started',
-  },
-  {
-    name: 'cta.link',
-    label: 'CTA Link',
-    type: 'url',
-    tab: 'content',
-    required: false,
-    placeholder: 'https://example.com or /path',
-  },
-  {
-    name: 'cta.target',
-    label: 'CTA Target',
-    type: 'select',
-    tab: 'content',
-    required: false,
-    default: '_self',
-    options: [
-      { label: 'Same Window', value: '_self' },
-      { label: 'New Window', value: '_blank' },
-    ],
-  },
-  {
-    name: 'cta.variant',
-    label: 'CTA Variant',
-    type: 'select',
-    tab: 'content',
-    required: false,
-    default: 'default',
-    helpText: 'Button style variant',
-    options: [
-      { label: 'Default', value: 'default' },
-      { label: 'Outline', value: 'outline' },
-      { label: 'Secondary', value: 'secondary' },
-    ],
-  },
-]
-
-// Split Content specific design fields
-const splitContentDesignFields: FieldDefinition[] = [
-  {
-    name: 'imagePosition',
-    label: 'Image Position',
-    type: 'select',
-    tab: 'design',
-    required: false,
-    default: 'left',
-    description: 'Position of the image in the layout',
-    options: [
-      { label: 'Left', value: 'left' },
-      { label: 'Right', value: 'right' },
-    ],
-  },
-  {
-    name: 'imageStyle',
-    label: 'Image Style',
-    type: 'select',
-    tab: 'design',
-    required: false,
-    default: 'rounded',
-    description: 'Image corner style',
-    options: [
-      { label: 'Square', value: 'square' },
-      { label: 'Rounded', value: 'rounded' },
-      { label: 'Circle', value: 'circle' },
-    ],
-  },
-  {
-    name: 'verticalAlign',
-    label: 'Vertical Alignment',
-    type: 'select',
-    tab: 'design',
-    required: false,
-    default: 'center',
-    description: 'Vertical alignment of content',
-    options: [
-      { label: 'Top', value: 'top' },
-      { label: 'Center', value: 'center' },
-      { label: 'Bottom', value: 'bottom' },
-    ],
-  },
-]
-
-/**
- * Complete field definitions organized by tab
- */
-export const fieldDefinitions: FieldDefinition[] = [
-  // Content tab: split-content specific fields
-  ...splitContentFields,
-
-  // Design tab: base fields + split-content specific
-  ...baseDesignFields,
-  ...splitContentDesignFields,
-
-  // Advanced tab: base fields only
-  ...baseAdvancedFields,
-]
-
-// Alias for compatibility
-export const fields = fieldDefinitions