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

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

@@ -1,6 +0,0 @@
-export { config } from './config'
-export { schema } from './schema'
-export { fields } from './fields'
-export { SplitContentBlock as Component } from './component'
-
-export type { SplitContentBlockProps } from './schema'

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

@@ -1,67 +0,0 @@
-import { z } from 'zod'
-import {
-  baseBlockSchema,
-  ctaSchema,
-  type BaseBlockProps,
-} from '@nextsparkjs/core/types/blocks'
-
-/**
- * Bullet Point Schema
- * Individual bullet point item
- */
-const bulletPointSchema = z.object({
-  text: z.string().min(1, 'Bullet point text is required').max(200),
-})
-
-export type BulletPoint = z.infer<typeof bulletPointSchema>
-
-/**
- * CTA with Variant Schema
- * Extends base CTA with variant option
- */
-const ctaWithVariantSchema = ctaSchema.extend({
-  variant: z.enum(['default', 'outline', 'secondary']).default('default'),
-})
-
-export type CTAWithVariant = z.infer<typeof ctaWithVariantSchema>
-
-/**
- * Split Content Block Schema
- *
- * Extends base schema with:
- * - subtitle: Optional eyebrow/label above title
- * - image: Featured image URL (required)
- * - imageAlt: Image alt text for accessibility
- * - cta: CTA button with variant option
- * - bulletPoints: Optional list of bullet points
- * - imagePosition: Image position (left/right)
- * - imageStyle: Image corner style (square/rounded/circle)
- * - verticalAlign: Vertical content alignment
- *
- * Note: Uses base schema title, content, backgroundColor, className, id
- */
-export const splitContentSpecificSchema = z.object({
-  // Content fields
-  subtitle: z.string().optional(),
-  image: z.string().url('Must be a valid image URL').min(1, 'Image is required'),
-  imageAlt: z.string().optional(),
-  cta: ctaWithVariantSchema.optional(),
-  bulletPoints: z.array(bulletPointSchema).max(10, 'Maximum 10 bullet points allowed').optional(),
-
-  // Design fields
-  imagePosition: z.enum(['left', 'right']).default('left'),
-  imageStyle: z.enum(['square', 'rounded', 'circle']).default('rounded'),
-  verticalAlign: z.enum(['top', 'center', 'bottom']).default('center'),
-})
-
-/**
- * Complete Split Content Block Schema
- */
-export const schema = baseBlockSchema
-  .omit({ cta: true }) // Remove base cta
-  .merge(splitContentSpecificSchema)
-
-export type SplitContentBlockProps = z.infer<typeof schema>
-
-// Also export for type-only imports
-export type { BaseBlockProps }

package/templates/contents/themes/default/blocks/stats-counter/component.tsx

@@ -1,124 +0,0 @@
-import React from 'react'
-import { cn } from '@nextsparkjs/core/lib/utils'
-import { buildSectionClasses } from '@nextsparkjs/core/types/blocks'
-import { sel } from '../../lib/selectors'
-import type { StatsCounterBlockProps, StatItem } from './schema'
-
-/**
- * Stats Counter Block Component
- *
- * Props from 3-tab structure:
- * - Content: title, content, cta, stats
- * - Design: backgroundColor, columns, variant, size
- * - Advanced: className, id
- */
-export function StatsCounterBlock({
-  // Base content props
-  title,
-  content,
-  cta,
-  // Stats-specific content
-  stats,
-  // Base design props
-  backgroundColor,
-  // Stats-specific design
-  columns = '4',
-  variant = 'default',
-  size = 'md',
-  // Base advanced props
-  className,
-  id,
-}: StatsCounterBlockProps) {
-  // Safely handle stats array
-  const safeStats = Array.isArray(stats) ? stats : []
-
-  // Build column classes based on columns prop
-  const columnClasses: Record<string, string> = {
-    '2': 'sm:grid-cols-2',
-    '3': 'sm:grid-cols-2 lg:grid-cols-3',
-    '4': 'sm:grid-cols-2 lg:grid-cols-4',
-  }
-
-  // Size classes for numbers
-  const sizeClasses: Record<string, string> = {
-    sm: 'text-3xl md:text-4xl',
-    md: 'text-4xl md:text-5xl',
-    lg: 'text-5xl md:text-6xl lg:text-7xl',
-  }
-
-  // Variant-specific stat item classes
-  const getStatItemClasses = () => {
-    const baseClasses = 'flex flex-col items-center text-center'
-
-    switch (variant) {
-      case 'cards':
-        return cn(baseClasses, 'p-6 rounded-lg border bg-card shadow-sm')
-      case 'minimal':
-        return cn(baseClasses, 'p-4')
-      default:
-        return cn(baseClasses, 'p-6')
-    }
-  }
-
-  // Build section classes with background and custom className
-  const sectionClasses = buildSectionClasses(
-    'py-16 px-4 md:py-24',
-    { backgroundColor, className }
-  )
-
-  return (
-    <section id={id} className={sectionClasses} data-cy={sel('blocks.statsCounter.container')}>
-      <div className="container mx-auto max-w-6xl">
-        {/* Section Header */}
-        {(title || content) && (
-          <div className="mb-12 text-center">
-            {title && (
-              <h2 className="mb-4 text-4xl font-bold md:text-5xl">
-                {title}
-              </h2>
-            )}
-            {content && (
-              <p className="mx-auto max-w-2xl text-lg text-muted-foreground">
-                {content}
-              </p>
-            )}
-          </div>
-        )}
-
-        {/* Stats Grid */}
-        <div className={cn('grid gap-8', columnClasses[columns] || columnClasses['4'])}>
-          {safeStats.map((stat: StatItem, index: number) => (
-            <div key={index} className={getStatItemClasses()}>
-              <div className={cn('font-bold mb-2', sizeClasses[size] || sizeClasses['md'])}>
-                {stat.prefix && (
-                  <span className="text-primary">{stat.prefix}</span>
-                )}
-                {stat.value}
-                {stat.suffix && (
-                  <span className="text-primary">{stat.suffix}</span>
-                )}
-              </div>
-              <div className="text-sm md:text-base text-muted-foreground font-medium">
-                {stat.label}
-              </div>
-            </div>
-          ))}
-        </div>
-
-        {/* Optional CTA */}
-        {cta && (
-          <div className="mt-12 text-center">
-            <a
-              href={cta.link}
-              target={cta.target}
-              rel={cta.target === '_blank' ? 'noopener noreferrer' : undefined}
-              className="inline-flex items-center justify-center rounded-md bg-primary px-8 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors"
-            >
-              {cta.text}
-            </a>
-          </div>
-        )}
-      </div>
-    </section>
-  )
-}

package/templates/contents/themes/default/blocks/stats-counter/config.ts

@@ -1,11 +0,0 @@
-import type { BlockConfig } from '@nextsparkjs/core/types/blocks'
-
-export const config: Omit<BlockConfig, 'schema' | 'fieldDefinitions' | 'Component' | 'examples'> = {
-  slug: 'stats-counter',
-  name: 'Stats Counter',
-  description: 'A section displaying key metrics/statistics with large numbers and labels (e.g., "10,000+ Customers", "99% Uptime")',
-  category: 'stats',
-  icon: 'TrendingUp',
-  thumbnail: '/theme/blocks/stats-counter/thumbnail.png',
-  scope: ['pages', 'posts']
-}

package/templates/contents/themes/default/blocks/stats-counter/examples.ts

@@ -1,61 +0,0 @@
-import type { BlockExample } from '@nextsparkjs/core/types/blocks'
-
-export const examples: BlockExample[] = [
-  {
-    name: 'Light Background',
-    description: 'Stats counter with light background',
-    props: {
-      title: 'Trusted by Thousands',
-      content: 'Join a growing community of successful businesses',
-      backgroundColor: 'gray-50',
-      stats: [
-        {
-          value: '10,000+',
-          label: 'Active Users',
-          description: 'Growing daily',
-        },
-        {
-          value: '99.9%',
-          label: 'Uptime',
-          description: 'Reliable service',
-        },
-        {
-          value: '50M+',
-          label: 'API Requests',
-          description: 'Processed monthly',
-        },
-        {
-          value: '4.9/5',
-          label: 'Customer Rating',
-          description: 'From 2,000+ reviews',
-        },
-      ],
-    },
-  },
-  {
-    name: 'Dark Background',
-    description: 'Stats counter with dark background',
-    props: {
-      title: 'The Numbers Speak',
-      content: 'Real results from real customers',
-      backgroundColor: 'gray-900',
-      stats: [
-        {
-          value: '$2.5M+',
-          label: 'Revenue Generated',
-          description: 'For our customers',
-        },
-        {
-          value: '150+',
-          label: 'Countries',
-          description: 'Worldwide reach',
-        },
-        {
-          value: '24/7',
-          label: 'Support',
-          description: 'Always available',
-        },
-      ],
-    },
-  },
-]

package/templates/contents/themes/default/blocks/stats-counter/fields.ts

@@ -1,134 +0,0 @@
-import type { FieldDefinition } from '@nextsparkjs/core/types/blocks'
-import {
-  baseContentFields,
-  baseDesignFields,
-  baseAdvancedFields,
-} from '@nextsparkjs/core/types/blocks'
-
-/**
- * Stats Counter Block Field Definitions
- *
- * Organized into 3 tabs:
- * - Content: title, content, cta (from base) + stats array
- * - Design: backgroundColor (from base) + columns, variant, size
- * - Advanced: className, id (from base)
- */
-
-// Stats-specific content fields
-const statsContentFields: FieldDefinition[] = [
-  {
-    name: 'stats',
-    label: 'Statistics',
-    type: 'array',
-    tab: 'content',
-    required: true,
-    description: 'List of statistics to display',
-    helpText: 'Add up to 8 statistics with values and labels',
-    minItems: 1,
-    maxItems: 8,
-    itemFields: [
-      {
-        name: 'value',
-        label: 'Value',
-        type: 'text',
-        tab: 'content',
-        required: true,
-        placeholder: '10,000+',
-        helpText: 'The number or metric value (e.g., "10,000+", "99%", "$1M+")',
-      },
-      {
-        name: 'label',
-        label: 'Label',
-        type: 'text',
-        tab: 'content',
-        required: true,
-        placeholder: 'Happy Customers',
-        helpText: 'Description of the statistic',
-        maxLength: 100,
-      },
-      {
-        name: 'prefix',
-        label: 'Prefix',
-        type: 'text',
-        tab: 'content',
-        required: false,
-        placeholder: '$',
-        helpText: 'Optional prefix (e.g., "$", "+")',
-      },
-      {
-        name: 'suffix',
-        label: 'Suffix',
-        type: 'text',
-        tab: 'content',
-        required: false,
-        placeholder: '+',
-        helpText: 'Optional suffix (e.g., "%", "+", "K")',
-      },
-    ],
-  },
-]
-
-// Stats-specific design fields
-const statsDesignFields: FieldDefinition[] = [
-  {
-    name: 'columns',
-    label: 'Grid Columns',
-    type: 'select',
-    tab: 'design',
-    required: false,
-    default: '4',
-    description: 'Number of columns in the grid layout',
-    options: [
-      { label: '2 Columns', value: '2' },
-      { label: '3 Columns', value: '3' },
-      { label: '4 Columns', value: '4' },
-    ],
-  },
-  {
-    name: 'variant',
-    label: 'Style Variant',
-    type: 'select',
-    tab: 'design',
-    required: false,
-    default: 'default',
-    description: 'Visual style of the statistics',
-    options: [
-      { label: 'Default', value: 'default' },
-      { label: 'Cards (with background)', value: 'cards' },
-      { label: 'Minimal (text only)', value: 'minimal' },
-    ],
-  },
-  {
-    name: 'size',
-    label: 'Number Size',
-    type: 'select',
-    tab: 'design',
-    required: false,
-    default: 'md',
-    description: 'Size of the statistic numbers',
-    options: [
-      { label: 'Small', value: 'sm' },
-      { label: 'Medium', value: 'md' },
-      { label: 'Large', value: 'lg' },
-    ],
-  },
-]
-
-/**
- * Complete field definitions organized by tab
- */
-export const fieldDefinitions: FieldDefinition[] = [
-  // Content tab: base fields + stats-specific
-  ...baseContentFields,
-  ...statsContentFields,
-
-  // Design tab: base fields + stats-specific
-  ...baseDesignFields,
-  ...statsDesignFields,
-
-  // Advanced tab: base fields only
-  ...baseAdvancedFields,
-]
-
-// Alias for compatibility
-export const fields = fieldDefinitions

package/templates/contents/themes/default/blocks/stats-counter/index.ts

@@ -1,6 +0,0 @@
-export { config } from './config'
-export { schema } from './schema'
-export { fields } from './fields'
-export { StatsCounterBlock as Component } from './component'
-
-export type { StatsCounterBlockProps } from './schema'

package/templates/contents/themes/default/blocks/stats-counter/schema.ts

@@ -1,47 +0,0 @@
-import { z } from 'zod'
-import { baseBlockSchema } from '@nextsparkjs/core/types/blocks'
-
-/**
- * Stat Item Schema
- * Individual statistic with value, label, and optional prefix/suffix
- */
-const statItemSchema = z.object({
-  value: z.string().min(1, 'Value is required'),
-  label: z.string().min(1, 'Label is required').max(100),
-  prefix: z.string().optional(),
-  suffix: z.string().optional(),
-})
-
-export type StatItem = z.infer<typeof statItemSchema>
-
-/**
- * Stats Counter Block Schema
- *
- * Extends base schema with:
- * - stats: Array of statistics (value, label, prefix, suffix)
- * - columns: Grid layout option (2, 3, 4 columns)
- * - variant: Visual style (default, cards, minimal)
- * - size: Number size (sm, md, lg)
- *
- * Note: Uses base schema title, content, cta, backgroundColor, className, id
- * The `title` field serves as optional section title
- * The `content` field serves as optional section description/subtitle
- */
-export const statsCounterSpecificSchema = z.object({
-  // Content: array of stat items
-  stats: z.array(statItemSchema)
-    .min(1, 'At least one statistic is required')
-    .max(8, 'Maximum 8 statistics allowed'),
-
-  // Design: visual appearance
-  columns: z.enum(['2', '3', '4']).default('4'),
-  variant: z.enum(['default', 'cards', 'minimal']).default('default'),
-  size: z.enum(['sm', 'md', 'lg']).default('md'),
-})
-
-/**
- * Complete Stats Counter Block Schema
- */
-export const schema = baseBlockSchema.merge(statsCounterSpecificSchema)
-
-export type StatsCounterBlockProps = z.infer<typeof schema>

package/templates/contents/themes/default/blocks/testimonials/component.tsx

@@ -1,114 +0,0 @@
-import React from 'react'
-import { Quote } from 'lucide-react'
-import { Avatar, AvatarFallback, AvatarImage } from '@nextsparkjs/core/components/ui/avatar'
-import { cn } from '@nextsparkjs/core/lib/utils'
-import { buildSectionClasses } from '@nextsparkjs/core/types/blocks'
-import { sel } from '../../lib/selectors'
-import type { TestimonialsBlockProps, TestimonialItem } from './schema'
-
-/**
- * Testimonials Block Component
- *
- * Props from 3-tab structure:
- * - Content: title, content, cta, items
- * - Design: backgroundColor, columns
- * - Advanced: className, id
- */
-export function TestimonialsBlock({
-  // Base content props
-  title,
-  content,
-  cta,
-  // Testimonials-specific content
-  items,
-  // Base design props
-  backgroundColor = 'gray-50',
-  // Testimonials-specific design
-  columns = '3',
-  // Base advanced props
-  className,
-  id,
-}: TestimonialsBlockProps) {
-  // Build column classes based on columns prop
-  const columnClasses: Record<string, string> = {
-    '2': 'md:grid-cols-2',
-    '3': 'md:grid-cols-2 lg:grid-cols-3',
-  }
-
-  // Build section classes with background and custom className
-  const sectionClasses = buildSectionClasses(
-    'py-16 px-4 md:py-24',
-    { backgroundColor, className }
-  )
-
-  // Ensure items is always an array
-  const safeItems = Array.isArray(items) ? items : []
-
-  return (
-    <section id={id} className={sectionClasses} data-cy={sel('blocks.testimonials.container')}>
-      <div className="container mx-auto max-w-6xl">
-        {/* Section Header */}
-        {(title || content) && (
-          <div className="mb-12 text-center">
-            {title && (
-              <h2 className="mb-4 text-4xl font-bold md:text-5xl">
-                {title}
-              </h2>
-            )}
-            {content && (
-              <p className="mx-auto max-w-2xl text-lg text-muted-foreground">
-                {content}
-              </p>
-            )}
-          </div>
-        )}
-
-        {/* Testimonials Grid */}
-        <div className={cn('grid gap-8', columnClasses[columns] || columnClasses['3'])}>
-          {safeItems.map((item: TestimonialItem, index: number) => (
-            <div
-              key={index}
-              className="flex flex-col p-6 rounded-lg border bg-card"
-            >
-              <Quote className="h-8 w-8 text-primary mb-4" />
-
-              <blockquote className="mb-6 text-lg flex-grow">
-                "{item.quote}"
-              </blockquote>
-
-              <div className="flex items-center gap-3">
-                <Avatar>
-                  <AvatarImage src={item.avatar} alt={item.author} />
-                  <AvatarFallback>
-                    {item.author.split(' ').map((n: string) => n[0]).join('')}
-                  </AvatarFallback>
-                </Avatar>
-
-                <div>
-                  <div className="font-semibold">{item.author}</div>
-                  {item.role && (
-                    <div className="text-sm text-muted-foreground">{item.role}</div>
-                  )}
-                </div>
-              </div>
-            </div>
-          ))}
-        </div>
-
-        {/* Optional CTA */}
-        {cta && (
-          <div className="mt-12 text-center">
-            <a
-              href={cta.link}
-              target={cta.target}
-              rel={cta.target === '_blank' ? 'noopener noreferrer' : undefined}
-              className="inline-flex items-center justify-center rounded-md bg-primary px-8 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors"
-            >
-              {cta.text}
-            </a>
-          </div>
-        )}
-      </div>
-    </section>
-  )
-}

package/templates/contents/themes/default/blocks/testimonials/config.ts

@@ -1,11 +0,0 @@
-import type { BlockConfig } from '@nextsparkjs/core/types/blocks'
-
-export const config: Omit<BlockConfig, 'schema' | 'fieldDefinitions' | 'Component' | 'examples'> = {
-  slug: 'testimonials',
-  name: 'Testimonials',
-  description: 'Display customer testimonials with quotes, authors, and avatars',
-  category: 'testimonials',
-  icon: 'Quote',
-  thumbnail: '/theme/blocks/testimonials/thumbnail.png',
-  scope: ['pages']
-}

package/templates/contents/themes/default/blocks/testimonials/examples.ts

@@ -1,65 +0,0 @@
-import type { BlockExample } from '@nextsparkjs/core/types/blocks'
-
-export const examples: BlockExample[] = [
-  {
-    name: 'Grid',
-    description: 'Testimonials in grid layout',
-    props: {
-      title: 'What Our Customers Say',
-      content: 'Hear from teams who transformed their workflow',
-      backgroundColor: 'white',
-      layout: 'grid',
-      showImages: true,
-      testimonials: [
-        {
-          quote: 'This platform completely changed how we work. The automation features alone save us 10+ hours per week.',
-          author: 'Sarah Johnson',
-          role: 'VP of Operations',
-          company: 'TechCorp',
-          image: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400',
-        },
-        {
-          quote: 'Best investment we made this year. The ROI was clear within the first month of use.',
-          author: 'Michael Chen',
-          role: 'CTO',
-          company: 'StartupXYZ',
-          image: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400',
-        },
-        {
-          quote: 'The support team is incredible. They helped us migrate all our data seamlessly.',
-          author: 'Emily Rodriguez',
-          role: 'Product Manager',
-          company: 'InnovateLabs',
-          image: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400',
-        },
-      ],
-    },
-  },
-  {
-    name: 'Carousel',
-    description: 'Testimonials in carousel format',
-    props: {
-      title: 'Customer Success Stories',
-      backgroundColor: 'gray-50',
-      layout: 'carousel',
-      showImages: true,
-      autoplay: true,
-      testimonials: [
-        {
-          quote: 'We tried several platforms before finding this one. It is exactly what we needed - powerful yet simple to use.',
-          author: 'David Park',
-          role: 'CEO',
-          company: 'GrowthCo',
-          image: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400',
-        },
-        {
-          quote: 'The analytics dashboard gives us insights we never had before. Game changer for our team.',
-          author: 'Lisa Thompson',
-          role: 'Marketing Director',
-          company: 'BrandBuilder',
-          image: 'https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?w=400',
-        },
-      ],
-    },
-  },
-]