@donotdev/cli 0.0.19 → 0.0.20

package/templates/app-demo/src/pages/components/componentConfig.ts.example

@@ -83,7 +83,9 @@ import type { CSSFamily, PropType } from './ComponentsData';
  * Extract variant values from VARIANT constant object
  * Converts { DEFAULT: 'default', PRIMARY: 'primary' } to ['default', 'primary']
  */
-function getVariantValues<T extends Record<string, string>>(variantObj: T): string[] {
+function getVariantValues<T extends Record<string, string>>(
+  variantObj: T
+): string[] {
   return Object.values(variantObj);
 }
 
@@ -103,7 +105,15 @@ export interface ComponentConfig {
     mode?: string[];
   };
   propTypes?: PropType[];
-  stateType?: 'controlled-value' | 'controlled-checked' | 'controlled-pressed' | 'controlled-range' | 'controlled-date' | 'controlled-dates' | 'controlled-date-range' | 'custom';
+  stateType?:
+    | 'controlled-value'
+    | 'controlled-checked'
+    | 'controlled-pressed'
+    | 'controlled-range'
+    | 'controlled-date'
+    | 'controlled-dates'
+    | 'controlled-date-range'
+    | 'custom';
   defaultStateValue?: any;
   renderMode?: 'default' | 'overlay' | 'modal' | 'tabs-generator';
   supportsCommonProps: {
@@ -124,12 +134,15 @@ export interface ComponentConfig {
   demoContent?: (value: any, setValue: (val: any) => void) => ReactNode;
 }
 
-export function getCSSFamilies(): Array<{ id: CSSFamily | 'all'; label: string }> {
+export function getCSSFamilies(): Array<{
+  id: CSSFamily | 'all';
+  label: string;
+}> {
   const families = new Set<CSSFamily>();
   COMPONENT_CONFIGS.forEach((config) => {
     families.add(config.cssFamily);
   });
-  
+
   const labels: Record<CSSFamily, string> = {
     surface: 'Card-based',
     floating: 'Floating',
@@ -138,9 +151,16 @@ export function getCSSFamilies(): Array<{ id: CSSFamily | 'all'; label: string }
     input: 'Input',
     other: 'Others',
   };
-  
-  const order: CSSFamily[] = ['layout', 'surface', 'floating', 'interactive', 'input', 'other'];
-  
+
+  const order: CSSFamily[] = [
+    'layout',
+    'surface',
+    'floating',
+    'interactive',
+    'input',
+    'other',
+  ];
+
   return [
     { id: 'all', label: 'All' },
     ...order
@@ -296,23 +316,27 @@ export const COMPONENT_CONFIGS: ComponentConfig[] = [
     customProps: {
       type: 'single',
     },
-    demoContent: (alignment: string) => createElement(
-      Card,
-      {
-        title: 'Text Alignment Demo',
-        variant: 'muted',
-        style: { width: '100%', maxWidth: '600px' },
-      },
+    demoContent: (alignment: string) =>
       createElement(
-        Text,
+        Card,
         {
+          title: 'Text Alignment Demo',
+          variant: 'muted',
+          style: { width: '100%', maxWidth: '600px' },
+        },
+        createElement(Text, {
           style: {
-            textAlign: alignment === 'left' ? 'left' : alignment === 'center' ? 'center' : 'right',
+            textAlign:
+              alignment === 'left'
+                ? 'left'
+                : alignment === 'center'
+                  ? 'center'
+                  : 'right',
           },
-          children: 'This text aligns based on your selection. ToggleGroup is a segmented control for selecting one option from a set (like text alignment, view mode, or filter).',
-        }
-      )
-    ),
+          children:
+            'This text aligns based on your selection. ToggleGroup is a segmented control for selecting one option from a set (like text alignment, view mode, or filter).',
+        })
+      ),
   },
   {
     id: 'avatar',
@@ -353,7 +377,8 @@ export const COMPONENT_CONFIGS: ComponentConfig[] = [
     },
     customProps: {
       title: 'Card Title',
-      content: 'This is a card with customizable variants. Each variant uses different brand colors.',
+      content:
+        'This is a card with customizable variants. Each variant uses different brand colors.',
     },
   },
   {
@@ -362,22 +387,22 @@ export const COMPONENT_CONFIGS: ComponentConfig[] = [
     component: DataTable,
     cssFamily: 'other',
     variants: {},
-  supportsCommonProps: {},
-  customProps: {
-    data: [
-      { id: 1, name: 'Alpha', status: 'Active' },
-      { id: 2, name: 'Beta', status: 'Pending' },
-      { id: 3, name: 'Gamma', status: 'Disabled' },
-    ],
-    columns: [
-      { key: 'id', title: 'ID', dataIndex: 'id' },
-      { key: 'name', title: 'Name', dataIndex: 'name' },
-      { key: 'status', title: 'Status', dataIndex: 'status' },
-    ],
-    searchable: true,
-    filterable: true,
-    pagination: false,
-  },
+    supportsCommonProps: {},
+    customProps: {
+      data: [
+        { id: 1, name: 'Alpha', status: 'Active' },
+        { id: 2, name: 'Beta', status: 'Pending' },
+        { id: 3, name: 'Gamma', status: 'Disabled' },
+      ],
+      columns: [
+        { key: 'id', title: 'ID', dataIndex: 'id' },
+        { key: 'name', title: 'Name', dataIndex: 'name' },
+        { key: 'status', title: 'Status', dataIndex: 'status' },
+      ],
+      searchable: true,
+      filterable: true,
+      pagination: false,
+    },
   },
   {
     id: 'separator',
@@ -443,7 +468,16 @@ export const COMPONENT_CONFIGS: ComponentConfig[] = [
     component: Spinner,
     cssFamily: 'other',
     variants: {
-      variant: ['default', 'muted', 'primary', 'secondary', 'accent', 'success', 'warning', 'destructive'],
+      variant: [
+        'default',
+        'muted',
+        'primary',
+        'secondary',
+        'accent',
+        'success',
+        'warning',
+        'destructive',
+      ],
     },
     renderMode: 'overlay',
     stateType: 'custom',
@@ -486,7 +520,16 @@ export const COMPONENT_CONFIGS: ComponentConfig[] = [
     component: RadioGroup,
     cssFamily: 'interactive',
     variants: {
-      variant: ['default', 'primary', 'secondary', 'muted', 'accent', 'success', 'warning', 'destructive'],
+      variant: [
+        'default',
+        'primary',
+        'secondary',
+        'muted',
+        'accent',
+        'success',
+        'warning',
+        'destructive',
+      ],
     },
     propTypes: ['radioGroupItems'],
     stateType: 'controlled-value',
@@ -499,7 +542,16 @@ export const COMPONENT_CONFIGS: ComponentConfig[] = [
     component: Checkbox,
     cssFamily: 'input',
     variants: {
-      variant: ['default', 'primary', 'secondary', 'muted', 'accent', 'success', 'warning', 'destructive'],
+      variant: [
+        'default',
+        'primary',
+        'secondary',
+        'muted',
+        'accent',
+        'success',
+        'warning',
+        'destructive',
+      ],
     },
     stateType: 'controlled-checked',
     defaultStateValue: false,
@@ -514,7 +566,16 @@ export const COMPONENT_CONFIGS: ComponentConfig[] = [
     component: Switch,
     cssFamily: 'input',
     variants: {
-      variant: ['default', 'primary', 'secondary', 'muted', 'accent', 'success', 'warning', 'destructive'],
+      variant: [
+        'default',
+        'primary',
+        'secondary',
+        'muted',
+        'accent',
+        'success',
+        'warning',
+        'destructive',
+      ],
     },
     stateType: 'controlled-checked',
     defaultStateValue: true,
@@ -527,7 +588,16 @@ export const COMPONENT_CONFIGS: ComponentConfig[] = [
     component: Slider,
     cssFamily: 'input',
     variants: {
-      variant: ['default', 'primary', 'secondary', 'muted', 'accent', 'success', 'warning', 'destructive'],
+      variant: [
+        'default',
+        'primary',
+        'secondary',
+        'muted',
+        'accent',
+        'success',
+        'warning',
+        'destructive',
+      ],
     },
     stateType: 'controlled-range',
     defaultStateValue: [2],
@@ -644,7 +714,11 @@ export const COMPONENT_CONFIGS: ComponentConfig[] = [
         { label: 'Regular Item', onClick: () => {} },
         { label: 'Separator below', onClick: () => {} },
         { type: 'separator' },
-        { label: 'Destructive Item', variant: 'destructive', onClick: () => {} },
+        {
+          label: 'Destructive Item',
+          variant: 'destructive',
+          onClick: () => {},
+        },
       ],
     },
   },
@@ -757,7 +831,8 @@ export const COMPONENT_CONFIGS: ComponentConfig[] = [
     supportsCommonProps: {
       title: true,
     },
-    layoutDescription: 'Full-width container with padding, background, and optional separator. Use for page sections.',
+    layoutDescription:
+      'Full-width container with padding, background, and optional separator. Use for page sections.',
   },
   {
     id: 'accordion',
@@ -803,20 +878,24 @@ export const COMPONENT_CONFIGS: ComponentConfig[] = [
     component: NavigationMenu,
     cssFamily: 'interactive',
     variants: {},
-  supportsCommonProps: {},
-  customProps: {
-    items: [
-      { label: 'Home', path: '/home' },
-      {
-        label: 'Products',
-        children: [
-          { label: 'Framework', description: 'Core UI kit', path: '/products/framework' },
-          { label: 'CLI', description: 'Dev tooling', path: '/products/cli' },
-        ],
-      },
-      { label: 'Docs', path: '/docs' },
-    ],
-  },
+    supportsCommonProps: {},
+    customProps: {
+      items: [
+        { label: 'Home', path: '/home' },
+        {
+          label: 'Products',
+          children: [
+            {
+              label: 'Framework',
+              description: 'Core UI kit',
+              path: '/products/framework',
+            },
+            { label: 'CLI', description: 'Dev tooling', path: '/products/cli' },
+          ],
+        },
+        { label: 'Docs', path: '/docs' },
+      ],
+    },
   },
   {
     id: 'pagination',
@@ -877,7 +956,8 @@ export const COMPONENT_CONFIGS: ComponentConfig[] = [
     cssFamily: 'layout',
     variants: {},
     supportsCommonProps: {},
-    layoutDescription: 'CSS Grid layout primitive for 2D layouts. Use for multi-column layouts or named areas.',
+    layoutDescription:
+      'CSS Grid layout primitive for 2D layouts. Use for multi-column layouts or named areas.',
   },
   {
     id: 'list',

package/templates/app-demo/src/pages/legal/LegalPage.tsx.example

@@ -1,3 +1,5 @@
+// apps/demo/src/pages/legal/LegalPage.tsx
+
 import { Scale } from 'lucide-react';
 
 import { LegalNoticeTemplate } from '@donotdev/templates';
@@ -10,5 +12,14 @@ export const meta: PageMeta = {
 };
 
 export default function LegalPage() {
-  return <LegalNoticeTemplate />;
+  return (
+    <LegalNoticeTemplate
+      publisherName="Demo Company"
+      publisherType="company"
+      registeredOffice="123 Demo Street, Paris, France"
+      email="legal@demo.example.com"
+      directorName="John Doe"
+      hostingProvider="Vercel Inc."
+    />
+  );
 }

package/templates/app-demo/src/pages/legal/PrivacyPage.tsx.example

@@ -1,3 +1,5 @@
+// apps/demo/src/pages/legal/PrivacyPage.tsx
+
 import { Shield } from 'lucide-react';
 
 import { PrivacyPolicyTemplate } from '@donotdev/templates';
@@ -10,5 +12,12 @@ export const meta: PageMeta = {
 };
 
 export default function PrivacyPage() {
-  return <PrivacyPolicyTemplate />;
+  return (
+    <PrivacyPolicyTemplate
+      companyName="Demo Company"
+      websiteUrl="https://demo.example.com"
+      privacyEmail="privacy@demo.example.com"
+      companyAddress="123 Demo Street, Paris, France"
+    />
+  );
 }

package/templates/app-demo/src/pages/legal/TermsPage.tsx.example

@@ -1,3 +1,5 @@
+// apps/demo/src/pages/legal/TermsPage.tsx
+
 import { FileText } from 'lucide-react';
 
 import { TermsOfServiceTemplate } from '@donotdev/templates';
@@ -10,5 +12,12 @@ export const meta: PageMeta = {
 };
 
 export default function TermsPage() {
-  return <TermsOfServiceTemplate />;
+  return (
+    <TermsOfServiceTemplate
+      companyName="Demo Company"
+      websiteUrl="https://demo.example.com"
+      legalEmail="legal@demo.example.com"
+      companyAddress="123 Demo Street, Paris, France"
+    />
+  );
 }