create-freakpunch 0.1.0 → 0.2.0

package/template/tools/templates/module/pages/__id__-list-page.tsx.tpl

@@ -1,237 +1,234 @@
-import { useMemo, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { Link, useNavigate } from 'react-router'
-import { createColumnHelper, type RowSelectionState } from '@tanstack/react-table'
-import { Download, MoreHorizontal, Pencil, Plus, Trash2 } from 'lucide-react'
-import { toast } from 'sonner'
-
-import { Button } from '@/components/ui/button'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
-import { Can, usePermissions } from '@/core/auth/can'
-import { ButtonLink } from '@/core/components/button-link'
-import { useConfirm } from '@/core/components/confirm-dialog'
-import { DataTable } from '@/core/components/data-table/data-table'
-import type { DataTableFeatures } from '@/core/components/data-table/features'
-import { ClearFiltersButton, FilterSelect, TableSearch } from '@/core/components/data-table/toolbar'
-import { useListUrlState } from '@/core/components/data-table/use-list-url-state'
-import { Page } from '@/core/components/page'
-import { EmptyState } from '@/core/components/states'
-import { StatusBadge, type StatusTone } from '@/core/components/status-badge'
-import { useFormat } from '@/core/i18n/use-format'
-import { downloadCsv } from '@/core/lib/csv'
-import { useDelete__Name__, useExport__Name__, use__Name__List } from '../hooks'
-import { __id__Statuses, type __Name__Record, type __Name__Status } from '../types'
-
-const FILTER_KEYS = ['status'] as const
-const DEFAULT_SORT = { id: 'updatedAt', desc: true }
-const helper = createColumnHelper<DataTableFeatures, __Name__Record>()
-const tones: Record<__Name__Status, StatusTone> = { active: 'success', draft: 'neutral', archived: 'warning' }
-
-export default function __Name__ListPage() {
-  const list = useListUrlState({ filterKeys: FILTER_KEYS, defaultSort: DEFAULT_SORT })
-  const query = use__Name__List(list.listParams)
-  const exportRows = useExport__Name__(list.listParams)
-  const { mutateAsync: deleteAsync } = useDelete__Name__()
-  const confirm = useConfirm()
-  const navigate = useNavigate()
-  const { t } = useTranslation(['__id__', 'common'])
-  const fmt = useFormat()
-  const { can } = usePermissions()
-  const [selected, setSelected] = useState<RowSelectionState>({})
-
-  async function onExport() {
-    downloadCsv(
-      '__id__',
-      [
-        { header: t('list.columns.name'), value: (r: __Name__Record) => r.name },
-        { header: t('list.columns.status'), value: (r: __Name__Record) => t(`status.${r.status}`) },
-        { header: t('list.columns.updated'), value: (r: __Name__Record) => fmt.date(r.updatedAt) },
-      ],
-      await exportRows(),
-    )
-  }
-
-  async function onBulkDelete() {
-    const ids = Object.keys(selected).filter((id) => selected[id])
-    const ok = await confirm({
-      title: t('delete.bulkTitle', { count: ids.length }),
-      description: t('delete.description'),
-      confirmLabel: t('common:actions.delete'),
-      destructive: true,
-    })
-    if (!ok) return
-    toast.promise(Promise.all(ids.map((id) => deleteAsync(id))), {
-      loading: t('delete.deleting'),
-      success: () => {
-        setSelected({})
-        return t('delete.bulkDeleted', { count: ids.length })
-      },
-      error: (e: Error) => e.message,
-    })
-  }
-
-  const columns = useMemo(() => {
-    async function onDelete(record: __Name__Record) {
-      const ok = await confirm({
-        title: t('delete.title', { name: record.name }),
-        description: t('delete.description'),
-        confirmLabel: t('common:actions.delete'),
-        destructive: true,
-      })
-      if (!ok) return
-      toast.promise(deleteAsync(record.id), {
-        loading: t('delete.deleting'),
-        success: t('delete.deleted', { name: record.name }),
-        error: (e: Error) => e.message,
-      })
-    }
-
-    return helper.columns([
-      helper.accessor('name', {
-        header: t('list.columns.name'),
-        cell: ({ row }) =>
-          can('__id__.edit') ? (
-            <Link to={`${row.original.id}/edit`} className="font-medium outline-none hover:underline focus-visible:underline">
-              {row.original.name}
-            </Link>
-          ) : (
-            <span className="font-medium">{row.original.name}</span>
-          ),
-      }),
-      helper.accessor('status', {
-        header: t('list.columns.status'),
-        cell: ({ getValue }) => <StatusBadge tone={tones[getValue()]}>{t(`status.${getValue()}`)}</StatusBadge>,
-      }),
-      helper.accessor('updatedAt', {
-        header: t('list.columns.updated'),
-        meta: { hideOnMobile: true, className: 'text-muted-foreground' },
-        cell: ({ getValue }) => fmt.date(getValue()),
-      }),
-      helper.display({
-        id: 'actions',
-        header: () => <span className="sr-only">{t('common:table.actions')}</span>,
-        meta: { align: 'right', className: 'w-12' },
-        cell: ({ row }) =>
-          (can('__id__.edit') || can('__id__.delete')) && (
-            <DropdownMenu>
-              <DropdownMenuTrigger
-                render={
-                  <Button variant="ghost" size="icon-sm" aria-label={t('common:table.actionsFor', { name: row.original.name })}>
-                    <MoreHorizontal />
-                  </Button>
-                }
-              />
-              <DropdownMenuContent align="end" className="w-44">
-                {can('__id__.edit') && (
-                  <DropdownMenuItem onClick={() => navigate(`${row.original.id}/edit`)}>
-                    <Pencil />
-                    {t('common:actions.edit')}
-                  </DropdownMenuItem>
-                )}
-                {can('__id__.delete') && (
-                  <>
-                    <DropdownMenuSeparator />
-                    <DropdownMenuItem variant="destructive" onClick={() => onDelete(row.original)}>
-                      <Trash2 />
-                      {t('common:actions.delete')}
-                    </DropdownMenuItem>
-                  </>
-                )}
-              </DropdownMenuContent>
-            </DropdownMenu>
-          ),
-      }),
-    ])
-  }, [confirm, deleteAsync, navigate, t, fmt, can])
-
-  const statusOptions = __id__Statuses.map((s) => ({ value: s, label: t(`status.${s}`) }))
-
-  return (
-    <Page
-      title={t('list.title')}
-      description={t('list.description')}
-      actions={
-        <>
-          <Button variant="outline" onClick={onExport}>
-            <Download data-icon="inline-start" />
-            {t('list.export')}
-          </Button>
-          <Can permission="__id__.create">
-            <ButtonLink to="new">
-              <Plus data-icon="inline-start" />
-              {t('list.new')}
-            </ButtonLink>
-          </Can>
-        </>
-      }
-    >
-      <DataTable
-        columns={columns}
-        data={query.data?.items}
-        total={query.data?.total ?? 0}
-        getRowId={(r) => r.id}
-        pagination={list.pagination}
-        onPaginationChange={list.onPaginationChange}
-        sorting={list.sorting}
-        onSortingChange={list.onSortingChange}
-        isLoading={query.isPending}
-        isFetching={query.isFetching}
-        error={query.error}
-        onRetry={() => query.refetch()}
-        noun={t('noun')}
-        selection={
-          can('__id__.delete')
-            ? {
-                value: selected,
-                onChange: setSelected,
-                actions: (
-                  <Button variant="destructive" size="sm" onClick={onBulkDelete}>
-                    <Trash2 data-icon="inline-start" />
-                    {t('common:actions.delete')}
-                  </Button>
-                ),
-              }
-            : undefined
-        }
-        toolbar={
-          <>
-            <TableSearch value={list.search} onChange={list.setSearch} placeholder={t('list.search')} />
-            <FilterSelect
-              label={t('list.filterStatus')}
-              allLabel={t('list.allStatuses')}
-              value={list.filters.status}
-              options={statusOptions}
-              onChange={(v) => list.setFilter('status', v)}
-            />
-            {list.hasActiveFilters && <ClearFiltersButton onClick={list.clearAll} />}
-          </>
-        }
-        empty={
-          list.hasActiveFilters ? (
-            <EmptyState
-              title={t('list.noMatchesTitle')}
-              description={t('list.noMatchesDescription')}
-              action={<ClearFiltersButton onClick={list.clearAll} />}
-            />
-          ) : (
-            <EmptyState
-              title={t('list.emptyTitle')}
-              description={t('list.emptyDescription')}
-              action={
-                <Can permission="__id__.create">
-                  <ButtonLink to="new">{t('list.new')}</ButtonLink>
-                </Can>
-              }
-            />
-          )
-        }
-      />
-    </Page>
-  )
-}
+import { useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Link, useNavigate } from 'react-router'
+import { createColumnHelper, type RowSelectionState } from '@tanstack/react-table'
+import { Download, MoreHorizontal, Pencil, Plus, Trash2 } from 'lucide-react'
+import { toast } from 'sonner'
+
+import { Button } from '@/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { Can, usePermissions } from '@/core/auth/can'
+import { ButtonLink } from '@/core/components/button-link'
+import { useConfirm } from '@/core/components/confirm-dialog'
+import { DataTable } from '@/core/components/data-table/data-table'
+import type { DataTableFeatures } from '@/core/components/data-table/features'
+import { ClearFiltersButton, FilterSelect, TableSearch } from '@/core/components/data-table/toolbar'
+import { useListUrlState } from '@/core/components/data-table/use-list-url-state'
+import { Page } from '@/core/components/page'
+import { EmptyState } from '@/core/components/states'
+import { StatusBadge, type StatusTone } from '@/core/components/status-badge'
+import { useFormat } from '@/core/i18n/use-format'
+import { downloadCsv } from '@/core/lib/csv'
+import { useDelete__Name__, useExport__Name__, use__Name__List } from '../hooks'
+import { __id__Statuses, type __Name__Record, type __Name__Status } from '../types'
+
+const FILTER_KEYS = ['status'] as const
+const DEFAULT_SORT = { id: 'updatedAt', desc: true }
+const helper = createColumnHelper<DataTableFeatures, __Name__Record>()
+const tones: Record<__Name__Status, StatusTone> = { active: 'success', draft: 'neutral', archived: 'warning' }
+
+export default function __Name__ListPage() {
+  const list = useListUrlState({ filterKeys: FILTER_KEYS, defaultSort: DEFAULT_SORT })
+  const query = use__Name__List(list.listParams)
+  const exportRows = useExport__Name__(list.listParams)
+  const { mutateAsync: deleteAsync } = useDelete__Name__()
+  const confirm = useConfirm()
+  const navigate = useNavigate()
+  const { t } = useTranslation(['__id__', 'common'])
+  const fmt = useFormat()
+  const { can } = usePermissions()
+  const [selected, setSelected] = useState<RowSelectionState>({})
+
+  async function onExport() {
+    downloadCsv(
+      '__id__',
+      [
+        { header: t('list.columns.name'), value: (r: __Name__Record) => r.name },
+        { header: t('list.columns.status'), value: (r: __Name__Record) => t(`status.${r.status}`) },
+        { header: t('list.columns.updated'), value: (r: __Name__Record) => fmt.date(r.updatedAt) },
+      ],
+      await exportRows(),
+    )
+  }
+
+  async function onBulkDelete() {
+    const ids = Object.keys(selected).filter((id) => selected[id])
+    const ok = await confirm({
+      title: t('delete.bulkTitle', { count: ids.length }),
+      description: t('delete.description'),
+      confirmLabel: t('common:actions.delete'),
+      destructive: true,
+    })
+    if (!ok) return
+    toast.promise(Promise.all(ids.map((id) => deleteAsync(id))), {
+      loading: t('delete.deleting'),
+      success: () => {
+        setSelected({})
+        return t('delete.bulkDeleted', { count: ids.length })
+      },
+      error: (e: Error) => e.message,
+    })
+  }
+
+  const columns = useMemo(() => {
+    async function onDelete(record: __Name__Record) {
+      const ok = await confirm({
+        title: t('delete.title', { name: record.name }),
+        description: t('delete.description'),
+        confirmLabel: t('common:actions.delete'),
+        destructive: true,
+      })
+      if (!ok) return
+      toast.promise(deleteAsync(record.id), {
+        loading: t('delete.deleting'),
+        success: t('delete.deleted', { name: record.name }),
+        error: (e: Error) => e.message,
+      })
+    }
+
+    return helper.columns([
+      helper.accessor('name', {
+        header: t('list.columns.name'),
+        cell: ({ row }) => (
+          <Link to={row.original.id} className="font-medium outline-none hover:underline focus-visible:underline">
+            {row.original.name}
+          </Link>
+        ),
+      }),
+      helper.accessor('status', {
+        header: t('list.columns.status'),
+        cell: ({ getValue }) => <StatusBadge tone={tones[getValue()]}>{t(`status.${getValue()}`)}</StatusBadge>,
+      }),
+      helper.accessor('updatedAt', {
+        header: t('list.columns.updated'),
+        meta: { hideOnMobile: true, className: 'text-muted-foreground' },
+        cell: ({ getValue }) => fmt.date(getValue()),
+      }),
+      helper.display({
+        id: 'actions',
+        header: () => <span className="sr-only">{t('common:table.actions')}</span>,
+        meta: { align: 'right', className: 'w-12' },
+        cell: ({ row }) =>
+          (can('__id__.edit') || can('__id__.delete')) && (
+            <DropdownMenu>
+              <DropdownMenuTrigger
+                render={
+                  <Button variant="ghost" size="icon-sm" aria-label={t('common:table.actionsFor', { name: row.original.name })}>
+                    <MoreHorizontal />
+                  </Button>
+                }
+              />
+              <DropdownMenuContent align="end" className="w-44">
+                {can('__id__.edit') && (
+                  <DropdownMenuItem onClick={() => navigate(`${row.original.id}/edit`)}>
+                    <Pencil />
+                    {t('common:actions.edit')}
+                  </DropdownMenuItem>
+                )}
+                {can('__id__.delete') && (
+                  <>
+                    <DropdownMenuSeparator />
+                    <DropdownMenuItem variant="destructive" onClick={() => onDelete(row.original)}>
+                      <Trash2 />
+                      {t('common:actions.delete')}
+                    </DropdownMenuItem>
+                  </>
+                )}
+              </DropdownMenuContent>
+            </DropdownMenu>
+          ),
+      }),
+    ])
+  }, [confirm, deleteAsync, navigate, t, fmt, can])
+
+  const statusOptions = __id__Statuses.map((s) => ({ value: s, label: t(`status.${s}`) }))
+
+  return (
+    <Page
+      title={t('list.title')}
+      description={t('list.description')}
+      actions={
+        <>
+          <Button variant="outline" onClick={onExport}>
+            <Download data-icon="inline-start" />
+            {t('list.export')}
+          </Button>
+          <Can permission="__id__.create">
+            <ButtonLink to="new">
+              <Plus data-icon="inline-start" />
+              {t('list.new')}
+            </ButtonLink>
+          </Can>
+        </>
+      }
+    >
+      <DataTable
+        columns={columns}
+        data={query.data?.items}
+        total={query.data?.total ?? 0}
+        getRowId={(r) => r.id}
+        pagination={list.pagination}
+        onPaginationChange={list.onPaginationChange}
+        sorting={list.sorting}
+        onSortingChange={list.onSortingChange}
+        isLoading={query.isPending}
+        isFetching={query.isFetching}
+        error={query.error}
+        onRetry={() => query.refetch()}
+        noun={t('noun')}
+        selection={
+          can('__id__.delete')
+            ? {
+                value: selected,
+                onChange: setSelected,
+                actions: (
+                  <Button variant="destructive" size="sm" onClick={onBulkDelete}>
+                    <Trash2 data-icon="inline-start" />
+                    {t('common:actions.delete')}
+                  </Button>
+                ),
+              }
+            : undefined
+        }
+        toolbar={
+          <>
+            <TableSearch value={list.search} onChange={list.setSearch} placeholder={t('list.search')} />
+            <FilterSelect
+              label={t('list.filterStatus')}
+              allLabel={t('list.allStatuses')}
+              value={list.filters.status}
+              options={statusOptions}
+              onChange={(v) => list.setFilter('status', v)}
+            />
+            {list.hasActiveFilters && <ClearFiltersButton onClick={list.clearAll} />}
+          </>
+        }
+        empty={
+          list.hasActiveFilters ? (
+            <EmptyState
+              title={t('list.noMatchesTitle')}
+              description={t('list.noMatchesDescription')}
+              action={<ClearFiltersButton onClick={list.clearAll} />}
+            />
+          ) : (
+            <EmptyState
+              title={t('list.emptyTitle')}
+              description={t('list.emptyDescription')}
+              action={
+                <Can permission="__id__.create">
+                  <ButtonLink to="new">{t('list.new')}</ButtonLink>
+                </Can>
+              }
+            />
+          )
+        }
+      />
+    </Page>
+  )
+}

package/template/vite.config.ts

@@ -19,9 +19,12 @@ export default defineConfig(({ mode }) => {
     base: env.VITE_BASE_PATH || '/',
     plugins: [react(), tailwindcss()],
     /** Dev only: forward API calls to the project's backend, e.g. VITE_DEV_API_PROXY=http://localhost:8000 */
-    server: env.VITE_DEV_API_PROXY
-      ? { proxy: { [env.VITE_API_URL || '/api']: { target: env.VITE_DEV_API_PROXY, changeOrigin: true } } }
-      : undefined,
+    server: {
+      port: Number(env.VITE_DEV_PORT) || undefined,
+      proxy: env.VITE_DEV_API_PROXY
+        ? { [env.VITE_API_URL || '/api']: { target: env.VITE_DEV_API_PROXY, changeOrigin: true } }
+        : undefined,
+    },
     resolve: {
       alias: {
         '@': path.resolve(import.meta.dirname, './src'),

package/template/src/core/users/users.mock.ts

@@ -1,24 +0,0 @@
-import type { User } from './types'
-
-const day = 86_400_000
-
-/**
- * Mock team. The first four are the demo accounts, one per role:
- * owner@, admin@, editor@, viewer@freakpunch.site (any password).
- */
-export function createUserSeed(): User[] {
-  const now = Date.now()
-  const at = (daysAgo: number) => new Date(now - daysAgo * day).toISOString()
-  return [
-    { id: 'u_owner', firstName: 'Deniz', lastName: 'Aydın', email: 'owner@freakpunch.site', phone: '+905321234567', jobTitle: 'Founder', role: 'owner', status: 'active', createdAt: at(420), lastActiveAt: at(0) },
-    { id: 'u_admin', firstName: 'Maya', lastName: 'Chen', email: 'admin@freakpunch.site', jobTitle: 'Operations lead', role: 'admin', status: 'active', createdAt: at(380), lastActiveAt: at(0.1) },
-    { id: 'u_editor', firstName: 'Jonas', lastName: 'Weber', email: 'editor@freakpunch.site', jobTitle: 'Catalog editor', role: 'editor', status: 'active', createdAt: at(300), lastActiveAt: at(0.4) },
-    { id: 'u_viewer', firstName: 'Ana', lastName: 'López', email: 'viewer@freakpunch.site', jobTitle: 'Analyst', role: 'viewer', status: 'active', createdAt: at(210), lastActiveAt: at(2) },
-    { id: 'u_0005', firstName: 'Elif', lastName: 'Şahin', email: 'elif.sahin@freakpunch.site', jobTitle: 'Content editor', role: 'editor', status: 'active', createdAt: at(160), lastActiveAt: at(1) },
-    { id: 'u_0006', firstName: 'Can', lastName: 'Yılmaz', email: 'can.yilmaz@freakpunch.site', jobTitle: 'Engineering', role: 'admin', status: 'active', createdAt: at(140), lastActiveAt: at(3) },
-    { id: 'u_0007', firstName: 'Sofia', lastName: 'Rossi', email: 'sofia.rossi@freakpunch.site', jobTitle: 'Merchandiser', role: 'editor', status: 'deactivated', createdAt: at(120), lastActiveAt: at(45) },
-    { id: 'u_0008', firstName: 'Burak', lastName: 'Öztürk', email: 'burak.ozturk@freakpunch.site', jobTitle: 'Support', role: 'viewer', status: 'active', createdAt: at(90), lastActiveAt: at(6) },
-    { id: 'u_0009', firstName: '', lastName: '', email: 'mert.kaya@freakpunch.site', role: 'viewer', status: 'invited', createdAt: at(4) },
-    { id: 'u_0010', firstName: '', lastName: '', email: 'lena.fischer@freakpunch.site', role: 'editor', status: 'invited', createdAt: at(1) },
-  ]
-}

package/template/src/locales/en/landing.ts

@@ -1,15 +0,0 @@
-/** Public landing page. */
-export default {
-  headline: 'One admin panel.',
-  headlineMuted: 'Every project.',
-  lead: 'A calm, fast starting point for e-commerce, publishing and booking back offices.',
-  signIn: 'Sign in',
-  openApp: 'Open app',
-  openDashboard: 'Open dashboard',
-  features: {
-    modular: { title: 'Modular', text: 'Switch modules on per project from one config file.' },
-    tokens: { title: 'One token source', text: 'Colors, radius and shadows live in CSS variables.' },
-    api: { title: 'API-ready', text: 'Typed services today return mocks, tomorrow your REST API.' },
-  },
-  copyright: '© {{year}} {{name}}',
-}

package/template/src/locales/tr/landing.ts

@@ -1,19 +0,0 @@
-import type { Messages } from '@/core/i18n/types'
-import type en from '../en/landing'
-
-const landing: Messages<typeof en> = {
-  headline: 'Tek yönetim paneli.',
-  headlineMuted: 'Her proje için.',
-  lead: 'E-ticaret, yayıncılık ve rezervasyon arka ofisleri için sakin ve hızlı bir başlangıç noktası.',
-  signIn: 'Oturum aç',
-  openApp: 'Uygulamayı aç',
-  openDashboard: 'Panoyu aç',
-  features: {
-    modular: { title: 'Modüler', text: 'Modülleri her proje için tek bir yapılandırma dosyasından açın.' },
-    tokens: { title: 'Tek token kaynağı', text: 'Renkler, köşe yuvarlaklıkları ve gölgeler CSS değişkenlerinde.' },
-    api: { title: 'API’ye hazır', text: 'Tipli servisler bugün örnek veri, yarın REST API’nizi döndürür.' },
-  },
-  copyright: '© {{year}} {{name}}',
-}
-
-export default landing

package/template/src/modules/products/api/products.mock.ts

@@ -1,46 +0,0 @@
-import { seededRandom } from '@/core/api/mock'
-import { productCategories, type Product, type ProductStatus } from '../types'
-
-const names: Record<(typeof productCategories)[number], string[]> = {
-  Lighting: ['Arc Floor Lamp', 'Halo Pendant', 'Dune Table Lamp', 'Orbit Wall Light', 'Cone Desk Lamp', 'Glow Strip'],
-  Furniture: ['Oak Side Table', 'Linen Lounge Chair', 'Walnut Shelf', 'Fold Stool', 'Slab Coffee Table', 'Nook Bench'],
-  Decor: ['Stoneware Vase', 'Brass Candle Holder', 'Woven Basket', 'Round Mirror', 'Clay Planter', 'Frame Set'],
-  Kitchen: ['Ceramic Mug', 'Pour-over Kettle', 'Ash Cutting Board', 'Glass Carafe', 'Steel Knife Set', 'Salad Bowl'],
-  Textiles: ['Wool Throw', 'Linen Cushion', 'Jute Rug', 'Cotton Napkins', 'Waffle Towel', 'Velvet Pillow'],
-}
-
-const variants = ['', ' Mini', ' Large', ' Natural', ' Black', ' Sand']
-
-/** 64 deterministic products. */
-export function createProductSeed(): Product[] {
-  const rand = seededRandom(42)
-  const now = Date.now()
-  const products: Product[] = []
-  let n = 1
-
-  for (const variant of variants) {
-    for (const category of productCategories) {
-      for (const base of names[category]) {
-        if (products.length >= 64) break
-        if (rand() > 0.55) continue
-        const statusRoll = rand()
-        const status: ProductStatus = statusRoll > 0.85 ? 'archived' : statusRoll > 0.72 ? 'draft' : 'active'
-        const created = now - Math.floor(rand() * 180) * 86_400_000
-        products.push({
-          id: `p_${String(n).padStart(4, '0')}`,
-          name: base + variant,
-          sku: `${category.slice(0, 3).toUpperCase()}-${String(1000 + n)}`,
-          category,
-          price: Math.round((9 + rand() * 480) * 100) / 100,
-          stock: rand() > 0.85 ? Math.floor(rand() * 8) : Math.floor(rand() * 240),
-          status,
-          description: `${base}${variant} from our ${category.toLowerCase()} collection. Designed to be simple, durable and easy to live with.`,
-          createdAt: new Date(created).toISOString(),
-          updatedAt: new Date(created + Math.floor(rand() * (now - created))).toISOString(),
-        })
-        n++
-      }
-    }
-  }
-  return products
-}