@hed-hog/developer-mode 0.0.194 → 0.0.195

package/hedhog/frontend/app/components/data.tsx.ejs

@@ -0,0 +1,557 @@
+import {
+  Database,
+  FileCode,
+  Package,
+  Plus,
+  RefreshCw,
+  Rocket,
+  RotateCcw,
+  Upload,
+} from 'lucide-react';
+import * as React from 'react';
+import {
+  AngularIcon,
+  ExpoIcon,
+  NestJSIcon,
+  NextJSIcon,
+  ReactNativeIcon,
+  VueIcon,
+} from './icons';
+import {
+  AppInfo,
+  CommitInfo,
+  FrameworkType,
+  LibraryInfo,
+  QuickAction,
+  WizardConfig,
+  WizardSelectOption,
+} from './types';
+
+export type TranslationFn = (
+  key: string,
+  values?: Record<string, string | number>
+) => string;
+
+export const frameworkIcons: Record<FrameworkType, React.ReactNode> = {
+  nestjs: <NestJSIcon className="h-8 w-8" />,
+  nextjs: <NextJSIcon className="h-8 w-8" />,
+  angular: <AngularIcon className="h-8 w-8" />,
+  vue: <VueIcon className="h-8 w-8" />,
+  'react-native': <ReactNativeIcon className="h-8 w-8" />,
+  expo: <ExpoIcon className="h-8 w-8" />,
+};
+
+export function getFrameworkLabel(framework: FrameworkType, t: TranslationFn) {
+  return t(`framework.${framework}`);
+}
+
+export const statusColors: Record<string, string> = {
+  running: 'bg-success/20 text-success border-success/30',
+  stopped: 'bg-muted text-muted-foreground border-border',
+  error: 'bg-destructive/20 text-destructive border-destructive/30',
+};
+
+export function getStatusLabel(status: string, t: TranslationFn) {
+  return t(`status.${status}`);
+}
+
+export function getQuickActions(t: TranslationFn): QuickAction[] {
+  return [
+    {
+      id: 'create-module',
+      label: t('quickActions.createModule.label'),
+      description: t('quickActions.createModule.description'),
+      icon: <Plus className="h-4 w-4" />,
+      variant: 'accent',
+    },
+    {
+      id: 'add-module',
+      label: t('quickActions.addModule.label'),
+      description: t('quickActions.addModule.description'),
+      icon: <Package className="h-4 w-4" />,
+      variant: 'default',
+    },
+    {
+      id: 'reset-modules',
+      label: t('quickActions.resetModules.label'),
+      description: t('quickActions.resetModules.description'),
+      icon: <RotateCcw className="h-4 w-4" />,
+      variant: 'warning',
+    },
+    {
+      id: 'update-types',
+      label: t('quickActions.updateTypes.label'),
+      description: t('quickActions.updateTypes.description'),
+      icon: <Database className="h-4 w-4" />,
+      variant: 'info',
+    },
+    {
+      id: 'deploy-migrations',
+      label: t('quickActions.deployMigrations.label'),
+      description: t('quickActions.deployMigrations.description'),
+      icon: <Upload className="h-4 w-4" />,
+      variant: 'default',
+    },
+    {
+      id: 'deploy-library',
+      label: t('quickActions.deployLibrary.label'),
+      description: t('quickActions.deployLibrary.description'),
+      icon: <Rocket className="h-4 w-4" />,
+      variant: 'default',
+    },
+    {
+      id: 'generate-crud',
+      label: t('quickActions.generateCrud.label'),
+      description: t('quickActions.generateCrud.description'),
+      icon: <FileCode className="h-4 w-4" />,
+      variant: 'info',
+    },
+    {
+      id: 'sync-prisma',
+      label: t('quickActions.syncPrisma.label'),
+      description: t('quickActions.syncPrisma.description'),
+      icon: <RefreshCw className="h-4 w-4" />,
+      variant: 'default',
+    },
+  ];
+}
+
+export const variantStyles: Record<string, string> = {
+  default: 'hover:bg-secondary/80 hover:border-border',
+  warning: 'hover:bg-warning/10 hover:border-warning/30 hover:text-warning',
+  info: 'hover:bg-info/10 hover:border-info/30 hover:text-info',
+  accent: 'hover:bg-accent/10 hover:border-accent/30 hover:text-accent',
+};
+
+export const mockStats = {
+  nodeVersion: 'v20.11.0',
+  diskUsage: '2.4 GB',
+  totalApps: 3,
+  totalLibraries: 12,
+  dbConnections: 5,
+  gitBranch: 'main',
+  lastCommit: '2h ago',
+  uptime: '3d 12h',
+};
+
+export function getMockApps(t: TranslationFn): AppInfo[] {
+  return [
+    {
+      name: 'api',
+      path: '/apps/api',
+      framework: 'nestjs',
+      database: 'postgresql',
+      description: t('mock.apps.api.description'),
+      port: 3001,
+      status: 'running',
+      scripts: ['dev', 'build', 'test', 'lint'],
+    },
+    {
+      name: 'admin',
+      path: '/apps/admin',
+      framework: 'nextjs',
+      description: t('mock.apps.admin.description'),
+      port: 3000,
+      status: 'running',
+      scripts: ['dev', 'build', 'start', 'lint'],
+    },
+    {
+      name: 'mobile',
+      path: '/apps/mobile',
+      framework: 'expo',
+      description: t('mock.apps.mobile.description'),
+      status: 'stopped',
+      scripts: ['start', 'android', 'ios', 'web'],
+    },
+  ];
+}
+
+export function getMockLibraries(t: TranslationFn): LibraryInfo[] {
+  return [
+    {
+      name: 'core',
+      version: '1.2.3',
+      latestVersion: '1.2.3',
+      installed: true,
+      description: t('mock.libraries.core.description'),
+      scripts: [
+        { name: 'build', command: 'npm run build' },
+        { name: 'test', command: 'npm run test' },
+        { name: 'lint', command: 'npm run lint' },
+      ],
+    },
+    {
+      name: 'contact',
+      version: '1.1.0',
+      latestVersion: '1.2.0',
+      installed: true,
+      description: t('mock.libraries.contact.description'),
+      scripts: [
+        { name: 'build', command: 'npm run build' },
+        { name: 'migrate', command: 'npm run migrate' },
+      ],
+    },
+    {
+      name: 'contact-us',
+      version: '1.0.5',
+      latestVersion: '1.0.5',
+      installed: true,
+      description: t('mock.libraries.contactUs.description'),
+      scripts: [{ name: 'build', command: 'npm run build' }],
+    },
+    {
+      name: 'faq',
+      version: '1.0.0',
+      latestVersion: '1.1.0',
+      installed: true,
+      description: t('mock.libraries.faq.description'),
+      scripts: [
+        { name: 'build', command: 'npm run build' },
+        { name: 'seed', command: 'npm run seed' },
+      ],
+    },
+    {
+      name: 'tag',
+      version: '1.0.2',
+      installed: true,
+      description: t('mock.libraries.tag.description'),
+      scripts: [{ name: 'build', command: 'npm run build' }],
+    },
+    {
+      name: 'content',
+      version: '1.3.0',
+      installed: false,
+      description: t('mock.libraries.content.description'),
+      scripts: [],
+    },
+    {
+      name: 'category',
+      version: '1.0.0',
+      installed: false,
+      description: t('mock.libraries.category.description'),
+      scripts: [],
+    },
+  ];
+}
+
+export const mockActivityData = [
+  { date: 'Mon', commits: 12, builds: 8, deploys: 2 },
+  { date: 'Tue', commits: 8, builds: 5, deploys: 1 },
+  { date: 'Wed', commits: 15, builds: 10, deploys: 3 },
+  { date: 'Thu', commits: 6, builds: 4, deploys: 0 },
+  { date: 'Fri', commits: 20, builds: 12, deploys: 4 },
+  { date: 'Sat', commits: 3, builds: 2, deploys: 0 },
+  { date: 'Sun', commits: 5, builds: 3, deploys: 1 },
+];
+
+export function getMockCommits(t: TranslationFn): CommitInfo[] {
+  return [
+    {
+      hash: 'a1b2c3d4',
+      message: t('mock.commits.one.message'),
+      author: 'John Doe',
+      date: t('mock.commits.one.date'),
+      branch: 'main',
+    },
+    {
+      hash: 'e5f6g7h8',
+      message: t('mock.commits.two.message'),
+      author: 'Jane Smith',
+      date: t('mock.commits.two.date'),
+      branch: 'main',
+    },
+    {
+      hash: 'i9j0k1l2',
+      message: t('mock.commits.three.message'),
+      author: 'John Doe',
+      date: t('mock.commits.three.date'),
+      branch: 'main',
+    },
+    {
+      hash: 'm3n4o5p6',
+      message: t('mock.commits.four.message'),
+      author: 'Jane Smith',
+      date: t('mock.commits.four.date'),
+      branch: 'main',
+    },
+  ];
+}
+
+export function getModuleOptions(t: TranslationFn): WizardSelectOption[] {
+  return [
+    {
+      value: 'core',
+      label: 'core',
+      description: t('moduleOptions.core'),
+    },
+    {
+      value: 'contact',
+      label: 'contact',
+      description: t('moduleOptions.contact'),
+    },
+    {
+      value: 'contact-us',
+      label: 'contact-us',
+      description: t('moduleOptions.contactUs'),
+    },
+    {
+      value: 'faq',
+      label: 'faq',
+      description: t('moduleOptions.faq'),
+    },
+    {
+      value: 'tag',
+      label: 'tag',
+      description: t('moduleOptions.tag'),
+    },
+    {
+      value: 'content',
+      label: 'content',
+      description: t('moduleOptions.content'),
+    },
+    {
+      value: 'category',
+      label: 'category',
+      description: t('moduleOptions.category'),
+    },
+  ];
+}
+
+export function getWizardConfig(
+  actionId: string,
+  t: TranslationFn
+): WizardConfig | null {
+  const moduleOptions = getModuleOptions(t);
+  const mockLibraries = getMockLibraries(t);
+
+  switch (actionId) {
+    case 'create-module':
+      return {
+        id: 'create-module',
+        title: t('wizards.createModule.title'),
+        icon: <Plus className="h-5 w-5" />,
+        steps: [
+          {
+            id: 'intro',
+            title: t('wizards.createModule.steps.intro.title'),
+            description: t('wizards.createModule.steps.intro.description'),
+            type: 'info',
+          },
+          {
+            id: 'config',
+            title: t('wizards.createModule.steps.config.title'),
+            description: t('wizards.createModule.steps.config.description'),
+            type: 'form',
+          },
+          {
+            id: 'dependencies',
+            title: t('wizards.createModule.steps.dependencies.title'),
+            description: t(
+              'wizards.createModule.steps.dependencies.description'
+            ),
+            type: 'select',
+          },
+          {
+            id: 'progress',
+            title: t('wizards.createModule.steps.progress.title'),
+            description: t('wizards.createModule.steps.progress.description'),
+            type: 'progress',
+          },
+        ],
+        formFields: [
+          {
+            name: 'moduleName',
+            label: t('wizards.createModule.fields.moduleName.label'),
+            placeholder: t(
+              'wizards.createModule.fields.moduleName.placeholder'
+            ),
+            required: true,
+          },
+          {
+            name: 'description',
+            label: t('wizards.createModule.fields.description.label'),
+            placeholder: t(
+              'wizards.createModule.fields.description.placeholder'
+            ),
+          },
+        ],
+        selectOptions: moduleOptions,
+        selectMultiple: true,
+      };
+    case 'add-module':
+      return {
+        id: 'add-module',
+        title: t('wizards.addModule.title'),
+        icon: <Package className="h-5 w-5" />,
+        steps: [
+          {
+            id: 'select',
+            title: t('wizards.addModule.steps.select.title'),
+            description: t('wizards.addModule.steps.select.description'),
+            type: 'select',
+          },
+          {
+            id: 'progress',
+            title: t('wizards.addModule.steps.progress.title'),
+            description: t('wizards.addModule.steps.progress.description'),
+            type: 'progress',
+          },
+        ],
+        selectOptions: moduleOptions.filter(
+          (moduleOption) =>
+            !mockLibraries.find(
+              (library) =>
+                library.name === moduleOption.value && library.installed
+            )
+        ),
+        selectMultiple: false,
+      };
+    case 'reset-modules':
+      return {
+        id: 'reset-modules',
+        title: t('wizards.resetModules.title'),
+        icon: <RotateCcw className="h-5 w-5" />,
+        steps: [
+          {
+            id: 'warning',
+            title: t('wizards.resetModules.steps.warning.title'),
+            description: t('wizards.resetModules.steps.warning.description'),
+            type: 'info',
+          },
+          {
+            id: 'progress',
+            title: t('wizards.resetModules.steps.progress.title'),
+            description: t('wizards.resetModules.steps.progress.description'),
+            type: 'progress',
+          },
+        ],
+      };
+    case 'update-types':
+      return {
+        id: 'update-types',
+        title: t('wizards.updateTypes.title'),
+        icon: <Database className="h-5 w-5" />,
+        steps: [
+          {
+            id: 'info',
+            title: t('wizards.updateTypes.steps.info.title'),
+            description: t('wizards.updateTypes.steps.info.description'),
+            type: 'info',
+          },
+          {
+            id: 'progress',
+            title: t('wizards.updateTypes.steps.progress.title'),
+            description: t('wizards.updateTypes.steps.progress.description'),
+            type: 'progress',
+          },
+        ],
+      };
+    case 'deploy-migrations':
+      return {
+        id: 'deploy-migrations',
+        title: t('wizards.deployMigrations.title'),
+        icon: <Upload className="h-5 w-5" />,
+        steps: [
+          {
+            id: 'info',
+            title: t('wizards.deployMigrations.steps.info.title'),
+            description: t('wizards.deployMigrations.steps.info.description'),
+            type: 'info',
+          },
+          {
+            id: 'progress',
+            title: t('wizards.deployMigrations.steps.progress.title'),
+            description: t(
+              'wizards.deployMigrations.steps.progress.description'
+            ),
+            type: 'progress',
+          },
+        ],
+      };
+    case 'deploy-library':
+      return {
+        id: 'deploy-library',
+        title: t('wizards.deployLibrary.title'),
+        icon: <Rocket className="h-5 w-5" />,
+        steps: [
+          {
+            id: 'select',
+            title: t('wizards.deployLibrary.steps.select.title'),
+            description: t('wizards.deployLibrary.steps.select.description'),
+            type: 'select',
+          },
+          {
+            id: 'progress',
+            title: t('wizards.deployLibrary.steps.progress.title'),
+            description: t('wizards.deployLibrary.steps.progress.description'),
+            type: 'progress',
+          },
+        ],
+        selectOptions: mockLibraries
+          .filter((library) => library.installed)
+          .map((library) => ({
+            value: library.name,
+            label: library.name,
+            description: library.description,
+          })),
+        selectMultiple: false,
+      };
+    case 'generate-crud':
+      return {
+        id: 'generate-crud',
+        title: t('wizards.generateCrud.title'),
+        icon: <FileCode className="h-5 w-5" />,
+        steps: [
+          {
+            id: 'config',
+            title: t('wizards.generateCrud.steps.config.title'),
+            description: t('wizards.generateCrud.steps.config.description'),
+            type: 'form',
+          },
+          {
+            id: 'progress',
+            title: t('wizards.generateCrud.steps.progress.title'),
+            description: t('wizards.generateCrud.steps.progress.description'),
+            type: 'progress',
+          },
+        ],
+        formFields: [
+          {
+            name: 'entityName',
+            label: t('wizards.generateCrud.fields.entityName.label'),
+            placeholder: t(
+              'wizards.generateCrud.fields.entityName.placeholder'
+            ),
+            required: true,
+          },
+          {
+            name: 'tableName',
+            label: t('wizards.generateCrud.fields.tableName.label'),
+            placeholder: t('wizards.generateCrud.fields.tableName.placeholder'),
+          },
+        ],
+      };
+    case 'sync-prisma':
+      return {
+        id: 'sync-prisma',
+        title: t('wizards.syncPrisma.title'),
+        icon: <RefreshCw className="h-5 w-5" />,
+        steps: [
+          {
+            id: 'info',
+            title: t('wizards.syncPrisma.steps.info.title'),
+            description: t('wizards.syncPrisma.steps.info.description'),
+            type: 'info',
+          },
+          {
+            id: 'progress',
+            title: t('wizards.syncPrisma.steps.progress.title'),
+            description: t('wizards.syncPrisma.steps.progress.description'),
+            type: 'progress',
+          },
+        ],
+      };
+    default:
+      return null;
+  }
+}