@pattern-stack/frontend-patterns 0.0.5 → 0.1.0

package/dist/templates/admin/AdminDetailTemplate.d.ts

@@ -0,0 +1,132 @@
+import React from 'react';
+import { type Column } from '../../atoms/components';
+export interface TabConfig {
+    /** Tab ID */
+    id: string;
+    /** Tab label */
+    label: string;
+    /** Tab icon */
+    icon?: React.ReactNode;
+    /** Tab content */
+    content: React.ReactNode;
+    /** Whether tab is disabled */
+    disabled?: boolean;
+    /** Badge text for tab */
+    badge?: string | number;
+}
+export interface ActionConfig {
+    /** Action ID */
+    id: string;
+    /** Action label */
+    label: string;
+    /** Action icon */
+    icon?: React.ReactNode;
+    /** Action variant */
+    variant?: 'default' | 'outline' | 'destructive' | 'secondary';
+    /** Action handler */
+    onClick: () => void;
+    /** Whether action is disabled */
+    disabled?: boolean;
+    /** Action permission required */
+    permission?: string;
+}
+export interface FieldSection {
+    /** Section title */
+    title: string;
+    /** Section description */
+    description?: string;
+    /** Section fields */
+    fields: DetailField[];
+    /** Section category for styling */
+    category?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+    /** Whether section is collapsible */
+    collapsible?: boolean;
+    /** Whether section is initially collapsed */
+    defaultCollapsed?: boolean;
+}
+export interface DetailField {
+    /** Field key */
+    key: string;
+    /** Field label */
+    label: string;
+    /** Field type for rendering */
+    type?: 'text' | 'email' | 'phone' | 'url' | 'date' | 'datetime' | 'boolean' | 'badge' | 'avatar' | 'json' | 'custom';
+    /** Custom render function */
+    render?: (value: unknown, data: Record<string, unknown>) => React.ReactNode;
+    /** Whether field is editable inline */
+    editable?: boolean;
+    /** Field validation for editing */
+    validation?: Record<string, unknown>;
+    /** Copy to clipboard button */
+    copyable?: boolean;
+}
+export interface RelatedData {
+    /** Related data title */
+    title: string;
+    /** Related data description */
+    description?: string;
+    /** Related data items */
+    data: Record<string, unknown>[];
+    /** Columns for related data table */
+    columns: Column<Record<string, unknown>>[];
+    /** Actions for related data */
+    actions?: ActionConfig[];
+    /** Whether to show pagination */
+    showPagination?: boolean;
+    /** Category for styling */
+    category?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+}
+export interface AuditEntry {
+    /** Entry ID */
+    id: string;
+    /** Action performed */
+    action: string;
+    /** User who performed action */
+    user: string;
+    /** Timestamp */
+    timestamp: Date;
+    /** Fields changed */
+    changes?: Array<{
+        field: string;
+        oldValue?: unknown;
+        newValue?: unknown;
+    }>;
+    /** Additional metadata */
+    metadata?: Record<string, unknown>;
+}
+export interface AdminDetailTemplateProps {
+    /** Resource title */
+    title: string;
+    /** Resource subtitle */
+    subtitle?: string;
+    /** Resource type */
+    resourceType: string;
+    /** Main resource data */
+    data: Record<string, unknown>;
+    /** Field sections to display */
+    sections: FieldSection[];
+    /** Tab configuration */
+    tabs?: TabConfig[];
+    /** Available actions */
+    actions?: ActionConfig[];
+    /** Related data sections */
+    relatedData?: RelatedData[];
+    /** Audit trail */
+    auditTrail?: AuditEntry[];
+    /** Back navigation handler */
+    onBack?: () => void;
+    /** Data update handler */
+    onUpdate?: (field: string, value: unknown) => Promise<void>;
+    /** Whether data is loading */
+    isLoading?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Category for styling */
+    category?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+    /** Custom sidebar content */
+    sidebar?: React.ReactNode;
+    /** Whether to show audit trail */
+    showAuditTrail?: boolean;
+}
+export declare const AdminDetailTemplate: React.FC<AdminDetailTemplateProps>;
+//# sourceMappingURL=AdminDetailTemplate.d.ts.map

package/dist/templates/admin/AdminDetailTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminDetailTemplate.d.ts","sourceRoot":"","sources":["../../../src/templates/admin/AdminDetailTemplate.tsx"],"names":[],"mappings":"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"}

package/dist/templates/admin/index.d.ts

@@ -0,0 +1,4 @@
+export { AdminDashboardTemplate, type AdminDashboardTemplateProps, type MetricCard, type ChartConfig, type ActivityItem, type AlertItem } from './AdminDashboardTemplate';
+export { AdminCRUDTemplate, type AdminCRUDTemplateProps, type ResourceSchema, type ResourceField, type CRUDPermissions, type CRUDActions } from './AdminCRUDTemplate';
+export { AdminDetailTemplate, type AdminDetailTemplateProps, type TabConfig, type ActionConfig, type FieldSection, type DetailField, type RelatedData, type AuditEntry } from './AdminDetailTemplate';
+//# sourceMappingURL=index.d.ts.map

package/dist/templates/admin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/admin/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,EAChC,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,uBAAuB,CAAC"}

package/dist/templates/api/APIDataTemplate.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Enhanced DataTemplate with API Integration
+ *
+ * Extended DataTemplate that automatically integrates with generated API hooks
+ * for server-side operations like pagination, filtering, and sorting.
+ *
+ * Part of FRO-4: Server-Side Operations for DataTemplate
+ */
+import React from 'react';
+export interface APIDataTemplateConfig<T = any> {
+    endpoints: {
+        list: {
+            queryKey: string[];
+            queryFn: (params: any) => Promise<{
+                data: T[];
+                pagination?: any;
+            }>;
+        };
+        create?: {
+            mutationFn: (data: Partial<T>) => Promise<T>;
+        };
+        update?: {
+            mutationFn: (data: {
+                id: string;
+                [key: string]: any;
+            }) => Promise<T>;
+        };
+        delete?: {
+            mutationFn: (id: string) => Promise<void>;
+        };
+    };
+    columns: Array<{
+        key: string;
+        label: string;
+        sortable?: boolean;
+        filterable?: boolean;
+        render?: (value: any, row: T) => React.ReactNode;
+    }>;
+    features?: {
+        search?: boolean;
+        pagination?: boolean;
+        sorting?: boolean;
+        filtering?: boolean;
+        create?: boolean;
+        edit?: boolean;
+        delete?: boolean;
+        bulkActions?: boolean;
+    };
+    title?: string;
+    description?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    errorMessage?: string;
+    pageSize?: number;
+}
+export interface APIDataTemplateProps<T = any> {
+    config: APIDataTemplateConfig<T>;
+    className?: string;
+    onRowClick?: (row: T) => void;
+    renderActions?: (row: T) => React.ReactNode;
+    renderCreateForm?: (onSubmit: (data: Partial<T>) => void) => React.ReactNode;
+    renderEditForm?: (row: T, onSubmit: (data: Partial<T>) => void) => React.ReactNode;
+}
+export declare function APIDataTemplate<T extends Record<string, any> = any>({ config, className, onRowClick, renderActions, renderCreateForm, renderEditForm }: APIDataTemplateProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function createAPIDataTemplate<T = any>(config: APIDataTemplateConfig<T>): (props: Omit<APIDataTemplateProps<T>, "config">) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=APIDataTemplate.d.ts.map

package/dist/templates/api/APIDataTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"APIDataTemplate.d.ts","sourceRoot":"","sources":["../../../src/templates/api/APIDataTemplate.tsx"],"names":[],"mappings":"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"}

package/dist/templates/api/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * API-Integrated Templates
+ *
+ * Templates that work with generated API hooks and server-side operations
+ */
+export { APIDataTemplate, createAPIDataTemplate } from './APIDataTemplate';
+export type { APIDataTemplateConfig, APIDataTemplateProps } from './APIDataTemplate';
+//# sourceMappingURL=index.d.ts.map

package/dist/templates/api/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/api/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAC1E,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/templates/factory.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import type { AuthConfig, NavigationConfig } from '../atoms/types';
+export interface AppConfig {
+    title: string;
+    description?: string;
+    version?: string;
+    enableAuth?: boolean;
+    enableQuery?: boolean;
+    enableTheming?: boolean;
+    enableRouting?: boolean;
+    apiUrl?: string;
+    apiTimeout?: number;
+    theme?: string;
+    darkMode?: boolean;
+    auth?: AuthConfig;
+    navigation?: NavigationConfig;
+    customProviders?: React.ComponentType<{
+        children: ReactNode;
+    }>[];
+}
+export interface AppInstance {
+    render: () => ReactNode;
+    addRoutes: (path: string, component: ReactNode) => void;
+    mount: (elementId?: string) => void;
+}
+export declare function createReactApp(config: AppConfig | string): AppInstance;
+export declare function createSimpleApp(title: string): AppInstance;
+//# sourceMappingURL=factory.d.ts.map

package/dist/templates/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../src/templates/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGlE,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE,CAAA;CACjE;AAGD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,SAAS,CAAA;IACvB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAA;IACvD,KAAK,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAGD,wBAAgB,cAAc,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,CAoItE;AAGD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CAE1D"}

package/dist/templates/index.d.ts

@@ -0,0 +1,9 @@
+export { ComponentShowcaseTemplate } from './ComponentShowcaseTemplate';
+export { DashboardTemplate, DashboardGrid, DashboardCard, type DashboardTemplateProps, type DashboardGridProps, type DashboardCardProps } from './DashboardTemplate';
+export { AuthTemplate, AuthFormField, AuthLink, AuthDivider, type AuthTemplateProps, type AuthFormFieldProps, type AuthLinkProps, type AuthDividerProps } from './AuthTemplate';
+export { DataTemplate, DataDetailTemplate, type DataTemplateProps, type DataDetailTemplateProps } from './DataTemplate';
+export { EnhancedDataTemplate, type EnhancedDataTemplateProps, type ServerSideConfig, type FilterField, type ServerParams, type InlineEditConfig, type EditableField } from './EnhancedDataTemplate';
+export * from './admin';
+export * from './api';
+export { createReactApp, createSimpleApp, type AppConfig, type AppInstance } from './factory';
+//# sourceMappingURL=index.d.ts.map

package/dist/templates/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACxB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAW,EACX,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACtB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,EAC7B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,aAAa,EACnB,MAAM,wBAAwB,CAAC;AAGhC,cAAc,SAAS,CAAC;AAGxB,cAAc,OAAO,CAAC;AAOtB,OAAO,EACL,cAAc,EACd,eAAe,EACf,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,WAAW,CAAC"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pattern-stack/frontend-patterns",
   "description": "Production-ready React frontend template with atomic architecture patterns. Build ultra-lean applications by importing shared UI foundation patterns.",
   "private": false,
-  "version": "0.0.5",
+  "version": "0.1.0",
   "keywords": [
     "react",
     "typescript",
@@ -14,8 +14,8 @@
     "tailwindcss",
     "authentication"
   ],
-  "author": "Your Name <your.email@example.com>",
-  "license": "MIT",
+  "author": "Pattern Stack Team",
+  "license": "PROPRIETARY",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/pattern-stack/frontend-patterns.git"
@@ -38,13 +38,24 @@
   },
   "files": [
     "dist",
-    "src"
+    "cli",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md"
   ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "bin": {
+    "pattern-stack": "./cli/index.js"
+  },
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
-    "build:lib": "npm run clean && vite build --mode library",
+    "build:lib": "npm run clean && vite build --mode library && npm run build:types",
+    "build:types": "tsc --project tsconfig.lib.json",
+    "build:cli": "tsc cli/**/*.ts --module node16 --moduleResolution node16 --allowSyntheticDefaultImports --esModuleInterop",
     "clean": "rm -rf dist",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
@@ -54,6 +65,7 @@
     "preview": "vite preview",
     "generate-types": "npx openapi-typescript ./openapi.json -o src/atoms/types/generated.ts",
     "generate-types:live": "npx openapi-typescript ${OPENAPI_URL:-http://localhost:8080/openapi.json} -o src/atoms/types/generated.ts",
+    "generate:hooks": "npx tsx cli/index.ts generate hooks",
     "dev:with-types": "npm run generate-types && npm run dev",
     "test": "vitest",
     "test:ui": "vitest --ui",
@@ -66,8 +78,16 @@
     "test:features": "vitest run src/__tests__/features",
     "setup:auto": "node scripts/setup-auto.js",
     "setup:interactive": "node scripts/setup-interactive.js",
-    "prepublishOnly": "npm run build:lib",
-    "pre-commit": "npm run style:check && npm run test:run && npm run build"
+    "prepublishOnly": "npm run clean && npm run build:lib && npm run build:cli",
+    "pre-commit": "npm run style:check && npm run test:run && npm run build",
+    "package:check": "npm pack --dry-run",
+    "package:size": "npm pack --dry-run 2>&1 | grep -E 'npm notice [0-9]+\\.[0-9]+[kM]B'",
+    "package:test": "npm run build:lib && npm pack && tar -tf *.tgz | head -20 && rm *.tgz",
+    "package:validate": "npm run package:check && npm run package:size && echo '✅ Package validation passed!'"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
     "@hookform/resolvers": "^5.0.1",
@@ -80,10 +100,10 @@
     "axios": "^1.9.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "commander": "^14.0.0",
     "lucide-react": "^0.511.0",
+    "openapi-types": "^12.1.3",
     "openapi-typescript": "^7.8.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
     "react-hook-form": "^7.56.4",
     "react-router-dom": "^7.6.1",
     "tailwind-merge": "^3.3.0",
@@ -91,6 +111,8 @@
     "zod": "^3.25.32"
   },
   "devDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "@eslint/js": "^9.25.0",
     "@tailwindcss/postcss": "^4.1.7",
     "@testing-library/jest-dom": "^6.6.3",

package/src/App.css

@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}

package/src/App.tsx

@@ -1,64 +0,0 @@
-import { BrowserRouter, Routes, Route } from 'react-router-dom';
-
-// Atoms
-import { ErrorBoundary } from './atoms/ui';
-
-// Features
-import { ProtectedRoute } from './features/auth';
-
-// Organisms  
-import { AppLayout } from './molecules/layout/AppLayout';
-import { ComponentShowcasePage } from './organisms/showcase';
-
-// Pages
-import { 
-  ComponentShowcase, 
-  AdminDashboardShowcase, 
-  AdminCRUDShowcase, 
-  AdminDetailShowcase,
-  SalesPerformanceDashboard,
-  EntityPerformanceShowcase,
-  EntityManagementShowcase
-} from './pages';
-import { EntityTemplateExample } from './pages/EntityTemplateExample';
-
-function App() {
-  return (
-    <ErrorBoundary>
-      <BrowserRouter>
-        <Routes>
-          <Route path="/" element={
-            <ProtectedRoute>
-              <AppLayout />
-            </ProtectedRoute>
-          }>
-            {/* Default to Component Showcase */}
-            <Route index element={<ErrorBoundary><ComponentShowcasePage /></ErrorBoundary>} />
-            
-            {/* Component Showcase - Complete with Navigation/Forms/Feedback */}
-            <Route path="showcase" element={<ErrorBoundary><ComponentShowcasePage /></ErrorBoundary>} />
-            
-            {/* Template-driven Showcase (alternative version) */}
-            <Route path="showcase-alt" element={<ErrorBoundary><ComponentShowcase /></ErrorBoundary>} />
-            
-            {/* Admin Template Showcases */}
-            <Route path="admin/dashboard" element={<ErrorBoundary><AdminDashboardShowcase /></ErrorBoundary>} />
-            <Route path="admin/users" element={<ErrorBoundary><AdminCRUDShowcase /></ErrorBoundary>} />
-            <Route path="admin/user/:id" element={<ErrorBoundary><AdminDetailShowcase /></ErrorBoundary>} />
-            <Route path="admin/sales" element={<ErrorBoundary><SalesPerformanceDashboard /></ErrorBoundary>} />
-            
-            {/* Entity Template Showcases */}
-            <Route path="entity/performance" element={<ErrorBoundary><EntityPerformanceShowcase /></ErrorBoundary>} />
-            <Route path="entity/management" element={<ErrorBoundary><EntityManagementShowcase /></ErrorBoundary>} />
-            <Route path="entity/template-example" element={<ErrorBoundary><EntityTemplateExample /></ErrorBoundary>} />
-            
-            {/* Fallback */}
-            <Route path="*" element={<ErrorBoundary><ComponentShowcasePage /></ErrorBoundary>} />
-          </Route>
-        </Routes>
-      </BrowserRouter>
-    </ErrorBoundary>
-  );
-}
-
-export default App;