create-fullstack-scaffold 0.4.2 → 0.4.4

package/template/src/merchant/pages/ProductsPage.tsx

@@ -14,8 +14,8 @@ export const ProductsPage: FC = () => {
     setLoading(true)
     try {
       const response = await fetch('/api/merchant/products')
-      const result = await response.json()
-      if (result.success) {
+      const result = (await response.json()) as { success?: boolean; data?: Product[] }
+      if (result.success === true && result.data) {
         setProducts(result.data)
       }
     } catch (error) {

package/template/src/merchant/stores/merchantStore.ts

@@ -13,6 +13,8 @@ interface MerchantState {
   stats: MerchantStats | null
   loading: boolean
   error: string | null
+  startLoading: (message?: string) => void
+  stopLoading: () => void
   checkAuth: () => Promise<void>
   login: (username: string, password: string) => Promise<void>
   logout: () => void
@@ -28,12 +30,15 @@ export const useMerchantStore = create<MerchantState>(set => ({
   loading: false,
   error: null,
 
+  startLoading: (_message?: string) => set({ loading: true }),
+  stopLoading: () => set({ loading: false }),
+
   checkAuth: async () => {
     set({ loading: true, error: null })
     try {
       const response = await fetch('/api/merchant/me')
-      const result = await response.json()
-      if (result.success) {
+      const result = (await response.json()) as { success?: boolean; data?: User }
+      if (result.success === true && result.data) {
         set({ user: result.data, isAuthenticated: true })
       } else {
         set({ user: null, isAuthenticated: false })
@@ -56,8 +61,8 @@ export const useMerchantStore = create<MerchantState>(set => ({
         },
         body: JSON.stringify({ username, password }),
       })
-      const result = await response.json()
-      if (result.success) {
+      const result = (await response.json()) as { success?: boolean; data?: User; error?: string }
+      if (result.success === true && result.data) {
         set({ user: result.data, isAuthenticated: true })
       } else {
         set({ error: result.error || 'Login failed' })
@@ -78,8 +83,8 @@ export const useMerchantStore = create<MerchantState>(set => ({
     set({ loading: true, error: null })
     try {
       const response = await fetch('/api/merchant/stats')
-      const result = await response.json()
-      if (result.success) {
+      const result = (await response.json()) as { success?: boolean; data?: MerchantStats }
+      if (result.success === true && result.data) {
         set({ stats: result.data })
       }
     } catch (error) {

package/template/src/server/db/init.ts

@@ -363,8 +363,8 @@ async function seedDevelopersIfEmpty() {
 
     log.info({}, 'Seeding developers...')
 
-    const demoPasswordHash = await hash('demo123')
-    const adminPasswordHash = await hash('admin123')
+    const demoPasswordHash = await hash('demo123', 10)
+    const adminPasswordHash = await hash('admin123', 10)
 
     const sampleDevelopers = [
       {
@@ -372,7 +372,7 @@ async function seedDevelopersIfEmpty() {
         username: 'demo',
         email: 'demo@biomimic.app',
         passwordHash: demoPasswordHash,
-        role: 'developer',
+        role: 'developer' as const,
         apiKey: generateUUID(),
       },
       {
@@ -380,7 +380,7 @@ async function seedDevelopersIfEmpty() {
         username: 'superadmin',
         email: 'admin@biomimic.app',
         passwordHash: adminPasswordHash,
-        role: 'admin',
+        role: 'admin' as const,
         apiKey: generateUUID(),
       },
     ]
@@ -401,254 +401,6 @@ async function seedDevelopersIfEmpty() {
   }
 }
 
-async function seedPluginsIfEmpty() {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- dynamic import for presets that may not have plugin module
-  let plugins: any
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let pluginVersions: any
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let pluginCategories: any
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let pluginCategoryMappings: any
-  try {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const schema = (await import('./schema')) as Record<string, any>
-    plugins = schema.plugins
-    pluginVersions = schema.pluginVersions
-    pluginCategories = schema.pluginCategories
-    pluginCategoryMappings = schema.pluginCategoryMappings
-    if (!plugins) return
-  } catch {
-    return
-  }
-
-  const db = await getDb()
-
-  const existing = await db.select().from(plugins)
-  if (existing.length > 0) return
-
-  log.info({}, 'Seeding plugins...')
-
-  const sampleCategories = [
-    {
-      id: generateUUID(),
-      name: 'UI & Design',
-      slug: 'ui-design',
-      description: 'Visual customization and theming',
-      icon: 'palette',
-      sortOrder: 1,
-    },
-    {
-      id: generateUUID(),
-      name: 'Analytics',
-      slug: 'analytics',
-      description: 'Data tracking and reporting',
-      icon: 'chart',
-      sortOrder: 2,
-    },
-    {
-      id: generateUUID(),
-      name: 'SEO & Marketing',
-      slug: 'seo-marketing',
-      description: 'Search optimization and growth tools',
-      icon: 'trending-up',
-      sortOrder: 3,
-    },
-    {
-      id: generateUUID(),
-      name: 'Developer Tools',
-      slug: 'developer-tools',
-      description: 'Utilities for developers',
-      icon: 'code',
-      sortOrder: 4,
-    },
-    {
-      id: generateUUID(),
-      name: 'Integration',
-      slug: 'integration',
-      description: 'Third-party service integrations',
-      icon: 'plug',
-      sortOrder: 5,
-    },
-  ]
-
-  await db.insert(pluginCategories).values(sampleCategories)
-
-  const samplePlugins = [
-    {
-      id: generateUUID(),
-      name: 'Theme Engine',
-      slug: 'theme-engine',
-      description:
-        'Advanced theming system with dark mode, custom color palettes, and responsive layout controls.',
-      readme:
-        '# Theme Engine\n\nA powerful theming plugin for customizing the look and feel of your application.',
-      authorId: '1',
-      authorName: 'superadmin',
-      repositoryUrl: 'https://github.com/example/theme-engine',
-      homepageUrl: 'https://theme-engine.example.com',
-      license: 'MIT',
-      version: '2.1.0',
-      status: 'approved' as const,
-      downloadCount: 1520,
-      viewCount: 4320,
-      featured: true,
-      screenshotUrl: 'https://picsum.photos/seed/theme/800/400',
-      tags: '["theme","dark-mode","customization"]',
-    },
-    {
-      id: generateUUID(),
-      slug: 'analytics-dashboard',
-      name: 'Analytics Dashboard',
-      description:
-        'Real-time analytics dashboard with charts, heatmaps, and user behavior tracking.',
-      readme: '# Analytics Dashboard\n\nTrack user engagement and visualize data in real time.',
-      authorId: '1',
-      authorName: 'superadmin',
-      repositoryUrl: 'https://github.com/example/analytics-dashboard',
-      homepageUrl: 'https://analytics.example.com',
-      license: 'Apache-2.0',
-      version: '1.5.3',
-      status: 'approved' as const,
-      downloadCount: 980,
-      viewCount: 2100,
-      featured: true,
-      screenshotUrl: 'https://picsum.photos/seed/analytics/800/400',
-      tags: '["analytics","dashboard","charts"]',
-    },
-    {
-      id: generateUUID(),
-      slug: 'seo-optimizer',
-      name: 'SEO Optimizer',
-      description:
-        'Automated SEO optimization with meta tags, sitemap generation, and structured data support.',
-      authorId: '2',
-      authorName: 'customerservice',
-      repositoryUrl: 'https://github.com/example/seo-optimizer',
-      license: 'MIT',
-      version: '1.2.0',
-      status: 'approved' as const,
-      downloadCount: 740,
-      viewCount: 1800,
-      featured: false,
-      screenshotUrl: 'https://picsum.photos/seed/seo/800/400',
-      tags: '["seo","meta","sitemap"]',
-    },
-    {
-      id: generateUUID(),
-      slug: 'api-toolkit',
-      name: 'API Toolkit',
-      description:
-        'Developer toolkit for building and testing REST APIs with auto-documentation and mock servers.',
-      authorId: '2',
-      authorName: 'customerservice',
-      repositoryUrl: 'https://github.com/example/api-toolkit',
-      homepageUrl: 'https://api-toolkit.example.com',
-      license: 'MIT',
-      version: '3.0.1',
-      status: 'approved' as const,
-      downloadCount: 2100,
-      viewCount: 5600,
-      featured: true,
-      screenshotUrl: 'https://picsum.photos/seed/apitoolkit/800/400',
-      tags: '["api","developer","testing","documentation"]',
-    },
-    {
-      id: generateUUID(),
-      slug: 'notification-hub',
-      name: 'Notification Hub',
-      description:
-        'Unified notification management supporting email, SMS, push, and in-app notifications.',
-      authorId: '3',
-      authorName: 'user1',
-      repositoryUrl: 'https://github.com/example/notification-hub',
-      license: 'ISC',
-      version: '1.0.0',
-      status: 'pending' as const,
-      downloadCount: 0,
-      viewCount: 50,
-      featured: false,
-      screenshotUrl: 'https://picsum.photos/seed/notify/800/400',
-      tags: '["notification","email","push"]',
-    },
-  ]
-
-  await db.insert(plugins).values(samplePlugins)
-
-  const sampleVersions = [
-    {
-      id: generateUUID(),
-      pluginId: samplePlugins[0].id,
-      version: '2.1.0',
-      changelog: 'Added responsive layout controls',
-      status: 'approved' as const,
-    },
-    {
-      id: generateUUID(),
-      pluginId: samplePlugins[0].id,
-      version: '2.0.0',
-      changelog: 'Major rewrite with dark mode support',
-      status: 'approved' as const,
-    },
-    {
-      id: generateUUID(),
-      pluginId: samplePlugins[1].id,
-      version: '1.5.3',
-      changelog: 'Fixed heatmap rendering',
-      status: 'approved' as const,
-    },
-    {
-      id: generateUUID(),
-      pluginId: samplePlugins[1].id,
-      version: '1.5.0',
-      changelog: 'Added real-time tracking',
-      status: 'approved' as const,
-    },
-    {
-      id: generateUUID(),
-      pluginId: samplePlugins[2].id,
-      version: '1.2.0',
-      changelog: 'Structured data support',
-      status: 'approved' as const,
-    },
-    {
-      id: generateUUID(),
-      pluginId: samplePlugins[3].id,
-      version: '3.0.1',
-      changelog: 'Auto-documentation improvements',
-      status: 'approved' as const,
-    },
-    {
-      id: generateUUID(),
-      pluginId: samplePlugins[3].id,
-      version: '3.0.0',
-      changelog: 'Major version with mock server',
-      status: 'approved' as const,
-    },
-    {
-      id: generateUUID(),
-      pluginId: samplePlugins[4].id,
-      version: '1.0.0',
-      changelog: 'Initial release',
-      status: 'pending' as const,
-    },
-  ]
-
-  await db.insert(pluginVersions).values(sampleVersions)
-
-  const sampleMappings = [
-    { pluginId: samplePlugins[0].id, categoryId: sampleCategories[0].id },
-    { pluginId: samplePlugins[1].id, categoryId: sampleCategories[1].id },
-    { pluginId: samplePlugins[2].id, categoryId: sampleCategories[2].id },
-    { pluginId: samplePlugins[3].id, categoryId: sampleCategories[3].id },
-    { pluginId: samplePlugins[4].id, categoryId: sampleCategories[4].id },
-  ]
-
-  await db.insert(pluginCategoryMappings).values(sampleMappings)
-
-  log.info({}, 'Plugin seeding complete!')
-}
-
 export async function initializeDatabase() {
   const db = await getDb()
 
@@ -705,7 +457,7 @@ export async function initializeDatabase() {
     () => import('../module-dispute/services/dispute-service').then(m => m.seedDisputesIfEmpty()),
     () => import('../module-content/services/content-service').then(m => m.seedContentsIfEmpty()),
     () => import('../module-tenant/services/tenant-service').then(m => m.seedTenantsIfEmpty()),
-    () => seedPluginsIfEmpty(),
+    () => import('../module-plugin/services/plugin-seed-service').then(m => m.seedPluginsIfEmpty()),
   ]
   await Promise.all(moduleSeeders.map(fn => fn().catch(() => {})))
   log.info({}, 'Module data seeding complete!')

package/template/src/server/module-content/routes/topics-routes.ts

@@ -101,6 +101,256 @@ const MOCK_TOPICS = [
     author: { name: 'Emma Wilson', initials: 'EW' },
     createdAt: '12h ago',
   },
+  {
+    id: '7',
+    title: 'Optimizing React components with useMemo and useCallback',
+    excerpt:
+      'Understanding when and how to use React hooks for performance optimization. Real-world examples and benchmarks showing measurable improvements.',
+    votes: 45,
+    replyCount: 15,
+    viewCount: 678,
+    status: 'discussion' as const,
+    tags: [
+      { label: 'React', color: 'bg-cyan-100 text-cyan-700' },
+      { label: 'Performance', color: 'bg-amber-100 text-amber-700' },
+    ],
+    author: { name: '张伟', initials: 'ZW' },
+    createdAt: '1d ago',
+  },
+  {
+    id: '8',
+    title: 'PostgreSQL query optimization for large datasets',
+    excerpt:
+      'Strategies for handling millions of rows with efficient indexing, query planning, and materialized views. Includes EXPLAIN ANALYZE walkthrough.',
+    votes: 89,
+    replyCount: 23,
+    viewCount: 1567,
+    status: 'hot' as const,
+    tags: [
+      { label: 'PostgreSQL', color: 'bg-blue-100 text-blue-700' },
+      { label: 'Database', color: 'bg-indigo-100 text-indigo-700' },
+      { label: 'Performance', color: 'bg-amber-100 text-amber-700' },
+    ],
+    author: { name: 'Raj Sharma', initials: 'RS' },
+    createdAt: '1d ago',
+  },
+  {
+    id: '9',
+    title: 'Implementing JWT authentication with refresh tokens',
+    excerpt:
+      'Secure authentication flow with JWT access tokens and refresh tokens. Best practices for token storage, rotation, and revocation.',
+    votes: 72,
+    replyCount: 18,
+    viewCount: 1245,
+    status: 'solved' as const,
+    tags: [
+      { label: 'Auth', color: 'bg-rose-100 text-rose-700' },
+      { label: 'Security', color: 'bg-red-100 text-red-700' },
+      { label: 'JWT', color: 'bg-pink-100 text-pink-700' },
+    ],
+    author: { name: '田中太郎', initials: 'TT' },
+    createdAt: '2d ago',
+  },
+  {
+    id: '10',
+    title: 'Building microservices with Docker and Kubernetes',
+    excerpt:
+      'Complete guide to containerizing Node.js applications and orchestrating them with Kubernetes. Includes service discovery, load balancing, and autoscaling.',
+    votes: 103,
+    replyCount: 31,
+    viewCount: 1890,
+    status: 'hot' as const,
+    tags: [
+      { label: 'Docker', color: 'bg-sky-100 text-sky-700' },
+      { label: 'Kubernetes', color: 'bg-blue-100 text-blue-700' },
+      { label: 'Microservices', color: 'bg-violet-100 text-violet-700' },
+    ],
+    author: { name: 'Marie Dubois', initials: 'MD' },
+    createdAt: '2d ago',
+  },
+  {
+    id: '11',
+    title: 'Writing accessible React applications',
+    excerpt:
+      'Essential ARIA patterns and semantic HTML for building inclusive web apps. Screen reader testing checklist and common accessibility pitfalls.',
+    votes: 58,
+    replyCount: 14,
+    viewCount: 923,
+    status: 'open' as const,
+    tags: [
+      { label: 'Accessibility', color: 'bg-emerald-100 text-emerald-700' },
+      { label: 'React', color: 'bg-cyan-100 text-cyan-700' },
+      { label: 'A11y', color: 'bg-lime-100 text-lime-700' },
+    ],
+    author: { name: '김민수', initials: 'KM' },
+    createdAt: '3d ago',
+  },
+  {
+    id: '12',
+    title: 'TypeScript utility types explained with examples',
+    excerpt:
+      'Deep dive into TypeScript utility types like Pick, Omit, Partial, Record, and more. Practical examples for everyday use.',
+    votes: 81,
+    replyCount: 22,
+    viewCount: 1456,
+    status: 'hot' as const,
+    tags: [
+      { label: 'TypeScript', color: 'bg-blue-100 text-blue-700' },
+      { label: 'Guide', color: 'bg-emerald-100 text-emerald-700' },
+    ],
+    author: { name: 'Anna Müller', initials: 'AM' },
+    createdAt: '3d ago',
+  },
+  {
+    id: '13',
+    title: 'Redis caching strategies for high-traffic APIs',
+    excerpt:
+      'Implementing Redis caching layers for REST APIs. Cache invalidation strategies, TTL policies, and handling cache stampedes.',
+    votes: 64,
+    replyCount: 9,
+    viewCount: 1012,
+    status: 'solved' as const,
+    tags: [
+      { label: 'Redis', color: 'bg-red-100 text-red-700' },
+      { label: 'Caching', color: 'bg-orange-100 text-orange-700' },
+      { label: 'API', color: 'bg-sky-100 text-sky-700' },
+    ],
+    author: { name: 'Carlos Silva', initials: 'CS' },
+    createdAt: '3d ago',
+  },
+  {
+    id: '14',
+    title: 'GraphQL Federation for microservices architecture',
+    excerpt:
+      'Combining multiple GraphQL services into a unified API with Apollo Federation. Schema stitching, type composition, and distributed tracing.',
+    votes: 47,
+    replyCount: 0,
+    viewCount: 623,
+    status: 'unanswered' as const,
+    tags: [
+      { label: 'GraphQL', color: 'bg-pink-100 text-pink-700' },
+      { label: 'Microservices', color: 'bg-violet-100 text-violet-700' },
+    ],
+    author: { name: '李明', initials: 'LM' },
+    createdAt: '4h ago',
+  },
+  {
+    id: '15',
+    title: 'Testing React components with Vitest and Testing Library',
+    excerpt:
+      'Modern testing setup with Vitest and React Testing Library. Writing maintainable tests, mocking external dependencies, and snapshot testing.',
+    votes: 76,
+    replyCount: 17,
+    viewCount: 1234,
+    status: 'discussion' as const,
+    tags: [
+      { label: 'Testing', color: 'bg-amber-100 text-amber-700' },
+      { label: 'React', color: 'bg-cyan-100 text-cyan-700' },
+      { label: 'Vitest', color: 'bg-purple-100 text-purple-700' },
+    ],
+    author: { name: 'Elena Popova', initials: 'EP' },
+    createdAt: '5h ago',
+  },
+  {
+    id: '16',
+    title: 'RESTful API design best practices',
+    excerpt:
+      'Comprehensive guide to designing REST APIs. Resource naming, HTTP methods, status codes, pagination, filtering, and versioning strategies.',
+    votes: 92,
+    replyCount: 28,
+    viewCount: 1678,
+    status: 'hot' as const,
+    tags: [
+      { label: 'API Design', color: 'bg-sky-100 text-sky-700' },
+      { label: 'REST', color: 'bg-emerald-100 text-emerald-700' },
+      { label: 'Architecture', color: 'bg-orange-100 text-orange-700' },
+    ],
+    author: { name: '佐藤健', initials: 'SK' },
+    createdAt: '6h ago',
+  },
+  {
+    id: '17',
+    title: 'CSS Grid vs Flexbox — when to use which?',
+    excerpt:
+      'Practical comparison of CSS Grid and Flexbox layouts. Use cases, browser support, and examples of combining both for complex layouts.',
+    votes: 39,
+    replyCount: 8,
+    viewCount: 567,
+    status: 'open' as const,
+    tags: [
+      { label: 'CSS', color: 'bg-indigo-100 text-indigo-700' },
+      { label: 'Layout', color: 'bg-purple-100 text-purple-700' },
+    ],
+    author: { name: 'Olga Ivanova', initials: 'OI' },
+    createdAt: '8h ago',
+  },
+  {
+    id: '18',
+    title: 'Setting up CI/CD pipeline with GitHub Actions',
+    excerpt:
+      'Automating testing, building, and deployment with GitHub Actions. Multi-environment configs, secrets management, and deployment strategies.',
+    votes: 68,
+    replyCount: 13,
+    viewCount: 1102,
+    status: 'solved' as const,
+    tags: [
+      { label: 'CI/CD', color: 'bg-rose-100 text-rose-700' },
+      { label: 'GitHub', color: 'bg-slate-100 text-slate-700' },
+      { label: 'DevOps', color: 'bg-blue-100 text-blue-700' },
+    ],
+    author: { name: '黄志强', initials: 'HZ' },
+    createdAt: '30m ago',
+  },
+  {
+    id: '19',
+    title: 'Node.js event loop explained in depth',
+    excerpt:
+      'Understanding the Node.js event loop, call stack, and asynchronous operations. Performance implications and best practices for event-driven apps.',
+    votes: 55,
+    replyCount: 11,
+    viewCount: 845,
+    status: 'discussion' as const,
+    tags: [
+      { label: 'Node.js', color: 'bg-green-100 text-green-700' },
+      { label: 'Performance', color: 'bg-amber-100 text-amber-700' },
+    ],
+    author: { name: 'Giovanni Rossi', initials: 'GR' },
+    createdAt: '45m ago',
+  },
+  {
+    id: '20',
+    title: 'Handling file uploads in multipart/form-data with Hono',
+    excerpt:
+      'Implementing secure file upload endpoints in Hono. Validation, storage with R2, handling large files, and progress tracking.',
+    votes: 71,
+    replyCount: 16,
+    viewCount: 1323,
+    status: 'solved' as const,
+    tags: [
+      { label: 'Hono', color: 'bg-sky-100 text-sky-700' },
+      { label: 'File Upload', color: 'bg-indigo-100 text-indigo-700' },
+      { label: 'R2', color: 'bg-amber-100 text-amber-700' },
+    ],
+    author: { name: 'Priya Patel', initials: 'PP' },
+    createdAt: '2h ago',
+  },
+  {
+    id: '21',
+    title: 'Debouncing and throttling in React applications',
+    excerpt:
+      'Implementing debouncing and throttling for search inputs, scroll events, and API calls. Custom hooks and performance considerations.',
+    votes: 33,
+    replyCount: 5,
+    viewCount: 445,
+    status: 'open' as const,
+    tags: [
+      { label: 'React', color: 'bg-cyan-100 text-cyan-700' },
+      { label: 'Performance', color: 'bg-amber-100 text-amber-700' },
+      { label: 'Hooks', color: 'bg-pink-100 text-pink-700' },
+    ],
+    author: { name: '山本花子', initials: 'YH' },
+    createdAt: '1w ago',
+  },
 ]
 
 const MOCK_PROFILE_ACTIVITY = [

package/template/src/server/module-content/services/content-service.ts

@@ -42,7 +42,7 @@ export async function seedContentsIfEmpty(): Promise<void> {
       JSON.stringify(['最佳实践', '经验']),
     ]
 
-    for (let i = 0; i < 20; i++) {
+    for (let i = 0; i < 25; i++) {
       const category = randomElement(CATEGORIES)
       const status = randomElement(STATUSES)
       const createdAt = new Date(randomDate(new Date('2024-01-01'), new Date()))