create-freakpunch 0.1.0 → 0.2.0

package/template/src/core/notifications/notifications.service.ts

@@ -1,5 +1,5 @@
-import { appConfig } from '@/app.config'
 import { ApiError } from '@/core/api/http'
+import { demoSeed } from '@/core/api/demo'
 import { createMockDocument, delay } from '@/core/api/mock'
 import { authStore } from '@/core/auth/auth-store'
 import type { Role } from '@/core/auth/roles'
@@ -39,118 +39,15 @@ type NotificationsDoc = {
   lastArrivalAt: number
 }
 
-type Draft = Omit<AppNotification, 'id' | 'createdAt' | 'readAt'>
+export type Draft = Omit<AppNotification, 'id' | 'createdAt' | 'readAt'>
 
 const minute = 60_000
-const hasProducts = appConfig.modules.products
-const links = {
-  users: '/app/settings/company/users',
-  general: '/app/settings/company/general',
-  branding: '/app/settings/company/branding',
-  security: '/app/settings/security',
-  lowStock: '/app/products?status=active&sort=stock.asc',
-  recentProducts: '/app/products?sort=updatedAt.desc',
-  dashboard: '/app',
-}
-
-// Building blocks for the seed and for the notifications that arrive later.
-const drafts = {
-  userInvited: (email: string, role: Role, name: string): Draft => ({
-    event: 'userJoined', type: 'info', template: 'userInvited', params: { email, role, name }, link: links.users,
-  }),
-  userJoined: (name: string): Draft => ({
-    event: 'userJoined', type: 'success', template: 'userJoined', params: { name }, link: links.users,
-  }),
-  roleChangedOther: (name: string, role: Role): Draft => ({
-    event: 'roleChanged', type: 'info', template: 'roleChangedOther', params: { name, role }, link: links.users,
-  }),
-  roleChangedYou: (role: Role, name: string): Draft => ({
-    event: 'roleChanged', type: 'info', template: 'roleChangedYou', params: { role, name }, link: '/app/settings/profile',
-  }),
-  lowStock: (count: number): Draft => ({
-    event: 'lowStock', type: 'warning', template: 'lowStock', params: { count }, link: links.lowStock,
-  }),
-  productUpdated: (name: string, count: number): Draft => ({
-    event: 'productChanged', type: 'info', template: 'productUpdated', params: { name, count }, link: links.recentProducts,
-  }),
-  settingsChanged: (name: string): Draft => ({
-    event: 'settingsChanged', type: 'info', template: 'settingsChanged', params: { name }, link: links.general,
-  }),
-  brandingChanged: (name: string): Draft => ({
-    event: 'settingsChanged', type: 'success', template: 'brandingChanged', params: { name }, link: links.branding,
-  }),
-  securityAlert: (browser: string, os: string, location: string): Draft => ({
-    event: 'newSignIn', type: 'error', template: 'securityAlert', params: { browser, os, location }, link: links.security,
-  }),
-  passwordChanged: (): Draft => ({
-    event: 'passwordChanged', type: 'success', template: 'passwordChanged', params: {}, link: links.security,
-  }),
-  weeklySummary: (orders: number, revenue: number): Draft => ({
-    event: 'weeklySummary', type: 'success', template: 'weeklySummary', params: { orders, revenue }, link: links.dashboard,
-  }),
-  announcement: (): Draft => ({ event: 'announcements', type: 'info', template: 'announcement', params: {} }),
-}
-
-const isProductEvent = (d: Draft) => d.event === 'lowStock' || d.event === 'productChanged'
-
-/** What each role starts with: [draft, minutes ago, read]. */
-function seedFor(role: Role): [Draft, number, boolean][] {
-  const peer = role === 'owner' ? 'Maya Chen' : 'Deniz Aydın'
-  switch (role) {
-    case 'owner':
-    case 'admin':
-      return [
-        [drafts.userInvited('lena.fischer@freakpunch.site', 'editor', peer), 18, false],
-        [drafts.lowStock(3), 95, false],
-        [drafts.securityAlert('Edge', 'Windows', 'Berlin, DE'), 260, false],
-        [drafts.roleChangedOther('Can Yılmaz', 'admin'), 60 * 26, true],
-        [drafts.settingsChanged(peer), 60 * 49, true],
-        [drafts.userJoined('Burak Öztürk'), 60 * 75, true],
-        [drafts.brandingChanged(peer), 60 * 24 * 6, true],
-      ]
-    case 'editor':
-      return [
-        [drafts.lowStock(3), 40, false],
-        [drafts.productUpdated('Elif Şahin', 4), 130, false],
-        [drafts.securityAlert('Safari', 'iOS', 'Ankara, TR'), 60 * 20, true],
-        [drafts.roleChangedYou('editor', 'Maya Chen'), 60 * 24 * 3, true],
-        [drafts.weeklySummary(128, 18_420), 60 * 24 * 5, true],
-      ]
-    case 'viewer':
-    default:
-      return [
-        [drafts.weeklySummary(128, 18_420), 55, false],
-        [drafts.roleChangedYou('viewer', 'Maya Chen'), 60 * 7, false],
-        [drafts.lowStock(2), 60 * 30, true],
-        [drafts.passwordChanged(), 60 * 24 * 4, true],
-        [drafts.announcement(), 60 * 24 * 8, true],
-      ]
-  }
-}
-
-/** Pool the mock picks from when a "new" notification arrives. */
-function arrivalsFor(role: Role): (() => Draft)[] {
-  const pick = <T,>(items: readonly T[]) => items[Math.floor(Math.random() * items.length)]!
-  const names = ['Elif Şahin', 'Can Yılmaz', 'Maya Chen', 'Jonas Weber']
-  const emails = ['mert.kaya', 'zeynep.arslan', 'noah.becker', 'ayse.demir'].map((n) => `${n}@freakpunch.site`)
-  const lowStock = () => drafts.lowStock(1 + Math.floor(Math.random() * 4))
-  switch (role) {
-    case 'owner':
-    case 'admin':
-      return [
-        () => drafts.userInvited(pick(emails), pick(['editor', 'viewer'] as const), pick(names)),
-        () => drafts.settingsChanged(pick(names)),
-        () => drafts.securityAlert('Chrome', 'Linux', pick(['Amsterdam, NL', 'İzmir, TR'])),
-        lowStock,
-      ]
-    case 'editor':
-      return [() => drafts.productUpdated(pick(names), 1 + Math.floor(Math.random() * 5)), lowStock]
-    case 'viewer':
-    default:
-      return [() => drafts.weeklySummary(90 + Math.floor(Math.random() * 80), 12_000 + Math.floor(Math.random() * 9_000)), lowStock]
-  }
-}
 
+/** Sample feed; without it the list starts empty and only a real backend adds to it. */
+const demo = demoSeed<{
+  seedFor(role: Role): [Draft, number, boolean][]
+  arrivalsFor(role: Role): (() => Draft)[]
+}>('notifications')
 function createMockNotificationsService(): NotificationsService {
   const docs = new Map<string, ReturnType<typeof createMockDocument<NotificationsDoc>>>()
 
@@ -162,9 +59,7 @@ function createMockNotificationsService(): NotificationsService {
         user.id,
         createMockDocument(`notifications:${user.id}`, () => {
           const now = Date.now()
-          const items = seedFor(user.role)
-            .filter(([d]) => hasProducts || !isProductEvent(d))
-            .map(([draft, ago, read], i): AppNotification => {
+          const items = (demo?.seedFor(user.role) ?? []).map(([draft, ago, read], i): AppNotification => {
               const createdAt = new Date(now - ago * minute).toISOString()
               return { ...draft, id: `n_${user.id}_${i + 1}`, createdAt, readAt: read ? createdAt : undefined }
             })
@@ -189,9 +84,9 @@ function createMockNotificationsService(): NotificationsService {
     const data = doc.get()
     if (Date.now() - data.lastArrivalAt < 45_000 || Math.random() > 0.4) return
     const settings = settingsOf(data)
-    const pool = arrivalsFor(role)
+    const pool = (demo?.arrivalsFor(role) ?? [])
       .map((make) => make())
-      .filter((d) => settings[d.event].inApp && (hasProducts || !isProductEvent(d)))
+      .filter((d) => settings[d.event].inApp)
     const draft = pool[Math.floor(Math.random() * pool.length)]
     const now = Date.now()
     if (!draft) return save({ lastArrivalAt: now })

package/template/src/core/notifications/types.ts

@@ -1,3 +1,5 @@
+import { isDemo } from '@/core/config/runtime'
+
 /**
  * Notification event types. One catalog drives both the Settings → Notifications
  * toggles (email / in-app per event) and the in-app notification feed: a
@@ -15,6 +17,9 @@ export const notificationEvents = [
   { id: 'announcements', group: 'updates' },
 ] as const
 
+/** What Settings → Notifications lists; catalog events belong to the demo's sample module. */
+export const visibleNotificationEvents = notificationEvents.filter((e) => isDemo || e.group !== 'catalog')
+
 export type NotificationEventId = (typeof notificationEvents)[number]['id']
 export type NotificationGroup = (typeof notificationEvents)[number]['group']
 export type NotificationChannels = { email: boolean; inApp: boolean }

package/template/src/core/setup/setup-gate.tsx

@@ -0,0 +1,20 @@
+import { useQuery } from '@tanstack/react-query'
+import { Navigate, Outlet, useLocation } from 'react-router'
+
+import { setupService } from './setup.service'
+
+/** Sends a brand-new install to the setup wizard, and keeps finished installs out of it. */
+export function SetupGate() {
+  const { pathname } = useLocation()
+  const { data: needsSetup, isPending } = useQuery({
+    queryKey: ['setup', 'status'],
+    queryFn: () => setupService.needsSetup(),
+    staleTime: Infinity,
+    retry: false,
+  })
+
+  if (isPending) return <div className="min-h-svh bg-canvas" />
+  if (needsSetup && pathname !== '/setup') return <Navigate to="/setup" replace />
+  if (!needsSetup && pathname === '/setup') return <Navigate to="/app" replace />
+  return <Outlet />
+}

package/template/src/core/setup/setup.service.ts

@@ -0,0 +1,101 @@
+import { ApiError, http } from '@/core/api/http'
+import { delay } from '@/core/api/mock'
+import { authStore } from '@/core/auth/auth-store'
+import { fetchCsrfCookie, startLocalSession, type AuthResponse } from '@/core/auth/auth.service'
+import { localCredentials } from '@/core/auth/local-credentials'
+import { createCompanySettings } from '@/core/company/company.service'
+import type { CompanyGeneral, Currency } from '@/core/company/types'
+import { authMode, isDemo } from '@/core/config/runtime'
+import { storage } from '@/core/lib/storage'
+import type { Language } from '@/core/i18n/types'
+import type { BrandSetting } from '@/core/theme/brand'
+import type { User } from '@/core/users/types'
+
+export type SetupInput = {
+  company: { name: string; language: Language; timeZone: string; currency: Currency }
+  admin: { firstName: string; lastName: string; email: string; password: string }
+  branding: { brand: BrandSetting; logo?: string }
+}
+
+/**
+ * First run: create the company and its Owner. With a backend these are
+ * GET /setup/status and POST /setup (see BACKEND.md), and the server must
+ * refuse POST /setup once an Owner exists.
+ */
+export interface SetupService {
+  needsSetup(): Promise<boolean>
+  complete(input: SetupInput): Promise<void>
+}
+
+/** Company name, logo and brand stay in the company service until it is connected to a backend too. */
+function saveCompany({ company, admin, branding }: SetupInput) {
+  const general: Partial<CompanyGeneral> = {
+    name: company.name,
+    contactEmail: admin.email,
+    defaultLanguage: company.language,
+    timeZone: company.timeZone,
+    currency: company.currency,
+  }
+  storage.set('mock:company', createCompanySettings(general, { brand: branding.brand, logoLight: branding.logo, logoDark: branding.logo }))
+}
+
+/** Clears anything left in this browser, such as data from another project on the same address. */
+function clearLocalData() {
+  for (const key of Object.keys(localStorage)) {
+    if (key.startsWith('fp:mock:')) storage.remove(key.slice(3))
+  }
+  authStore.clear()
+}
+
+const localSetupService: SetupService = {
+  async needsSetup() {
+    return !localCredentials.any()
+  },
+
+  async complete(input) {
+    await delay(300, 500)
+    if (localCredentials.any()) throw new ApiError(409, 'already_set_up')
+    clearLocalData()
+    const { firstName, lastName, email, password } = input.admin
+    const now = new Date().toISOString()
+    const owner: User = {
+      id: 'u_owner',
+      firstName,
+      lastName,
+      email: email.trim().toLowerCase(),
+      role: 'owner',
+      status: 'active',
+      createdAt: now,
+      lastActiveAt: now,
+    }
+    storage.set('mock:users', [owner])
+    saveCompany(input)
+    await localCredentials.set(owner.id, password)
+    startLocalSession(owner)
+  },
+}
+
+const restSetupService: SetupService = {
+  async needsSetup() {
+    // A backend that creates its admin another way (seeder, CLI) simply doesn't have this endpoint.
+    try {
+      return (await http.get<{ needsSetup: boolean }>('/setup/status')).needsSetup
+    } catch {
+      return false
+    }
+  },
+
+  async complete(input) {
+    await fetchCsrfCookie()
+    const { user, token, expiresAt } = await http.post<AuthResponse>('/setup', input)
+    saveCompany(input)
+    authStore.set({ user, token, expiresAt: expiresAt ?? Date.now() + 7 * 86_400_000 })
+  },
+}
+
+const demoSetupService: SetupService = {
+  needsSetup: async () => false,
+  complete: async () => {},
+}
+
+export const setupService: SetupService = isDemo ? demoSetupService : authMode === 'mock' ? localSetupService : restSetupService

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

@@ -1,3 +1,4 @@
+import { demoSeed } from '@/core/api/demo'
 import { ApiError } from '@/core/api/http'
 import { createMockCollection, delay, notFound, paginate } from '@/core/api/mock'
 import { auditService } from '@/core/audit/audit.service'
@@ -5,7 +6,6 @@ import type { ListParams, Paginated } from '@/core/api/types'
 import { authStore } from '@/core/auth/auth-store'
 import { canManageUser, type Role } from '@/core/auth/permissions'
 import { fullName, type AssignableRole, type InviteInput, type ProfilePatch, type User, type UserFilters } from './types'
-import { createUserSeed } from './users.mock'
 
 /**
  * Team members. Screens depend only on this interface; a real backend
@@ -37,7 +37,7 @@ export const userErrors = {
 } as const
 
 function createMockUsersService(): UsersService {
-  const db = createMockCollection('users', createUserSeed)
+  const db = createMockCollection('users', () => demoSeed<() => User[]>('users')?.() ?? [])
   const find = (id: string) => db.find(id) ?? notFound('User', id)
   const nextId = () => `u_${String(db.all().length + 1).padStart(4, '0')}_${Date.now().toString(36)}`
   const actor = () => authStore.getSession()?.user ?? null

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

@@ -7,7 +7,8 @@ export default {
     email: 'Email',
     password: 'Password',
     submit: 'Continue',
-    demo: 'Demo mode: any password works. Sign in as owner@, admin@, editor@ or viewer@freakpunch.site to try a role.',
+    demo: 'Demo mode: any password works. Sign in as owner@, admin@, editor@ or viewer@{{domain}} to try a role.',
+    invalid: 'The email or password is incorrect.',
     welcome: 'Welcome, {{name}}',
     failed: 'Sign in failed',
     passwordRequired: 'Enter your password',

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

@@ -64,6 +64,7 @@ export default {
     preferences: 'Preferences',
   },
   actions: {
+    back: 'Back',
     save: 'Save',
     saveChanges: 'Save changes',
     cancel: 'Cancel',

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

@@ -10,7 +10,7 @@ export default {
       description: 'How your company appears in the app and in emails.',
       name: 'Company name',
       legalName: 'Legal name',
-      legalNameHint: 'As registered, e.g. “Acme Ticaret A.Ş.”',
+      legalNameHint: 'The full name as officially registered.',
     },
     tax: {
       title: 'Tax information',
@@ -203,6 +203,8 @@ export default {
     },
   },
   modules: {
+    emptyTitle: 'No modules yet',
+    emptyDescription: 'Features you add to this panel will be listed here.',
     title: 'Modules',
     description: 'Feature areas available in this workspace.',
     note: 'Read-only for now. Modules are switched on in <code>src/app.config.ts</code>; this page will be editable once the backend stores the setting.',

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

@@ -1,5 +1,10 @@
 /** Dashboard home. */
 export default {
+  readyDescription: 'Your panel is ready.',
+  noModules: {
+    title: 'Nothing here yet',
+    description: 'Features you add to this panel will appear here and in the sidebar.',
+  },
   greeting: {
     morning: 'Good morning, {{name}}',
     afternoon: 'Good afternoon, {{name}}',

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

@@ -0,0 +1,45 @@
+/** First-run setup wizard. */
+export default {
+  title: 'Set up your panel',
+  progress: 'Step {{step}} of {{total}}',
+  next: 'Continue',
+  finish: 'Finish setup',
+  failed: 'Setup failed',
+  insecure: 'Open the panel on https or localhost to create an account.',
+  localNote: 'No backend connected yet: this account and its data are saved only in this browser. Connect a backend before going live.',
+  company: {
+    title: 'Your company',
+    description: 'This name appears across the panel. You can change everything later in Settings.',
+    name: 'Company name',
+    language: 'Language',
+    timeZone: 'Time zone',
+    currency: 'Currency',
+  },
+  admin: {
+    title: 'Your admin account',
+    description: 'You will be the Owner, with full access to the panel.',
+    firstName: 'First name',
+    lastName: 'Last name',
+    email: 'Email',
+    password: 'Password',
+    confirmPassword: 'Confirm password',
+    passwordWeak: 'This password does not meet the rules below',
+    passwordMismatch: 'The passwords do not match',
+  },
+  branding: {
+    title: 'Your look',
+    description: 'Pick an accent color and add a logo. The logo is optional.',
+    color: 'Accent color',
+    logo: 'Logo',
+  },
+  review: {
+    title: 'Check the details',
+    description: 'Everything look right?',
+    admin: 'Owner',
+  },
+  done: {
+    title: 'You are all set',
+    description: '{{name}} is ready to use.',
+    open: 'Open the panel',
+  },
+}

package/template/src/locales/index.ts

@@ -13,26 +13,26 @@ import companyEn from './en/company'
 import commonEn from './en/common'
 import dashboardEn from './en/dashboard'
 import errorsEn from './en/errors'
-import landingEn from './en/landing'
 import notificationsEn from './en/notifications'
 import settingsEn from './en/settings'
+import setupEn from './en/setup'
 import accountTr from './tr/account'
 import authTr from './tr/auth'
 import companyTr from './tr/company'
 import commonTr from './tr/common'
 import dashboardTr from './tr/dashboard'
 import errorsTr from './tr/errors'
-import landingTr from './tr/landing'
 import notificationsTr from './tr/notifications'
 import settingsTr from './tr/settings'
+import setupTr from './tr/setup'
 
 const en = {
   common: commonEn,
   auth: authEn,
-  landing: landingEn,
   errors: errorsEn,
   dashboard: dashboardEn,
   settings: settingsEn,
+  setup: setupEn,
   account: accountEn,
   company: companyEn,
   notifications: notificationsEn,
@@ -42,10 +42,10 @@ const en = {
 const tr: typeof en = {
   common: commonTr,
   auth: authTr,
-  landing: landingTr,
   errors: errorsTr,
   dashboard: dashboardTr,
   settings: settingsTr,
+  setup: setupTr,
   account: accountTr,
   company: companyTr,
   notifications: notificationsTr,

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

@@ -9,7 +9,8 @@ const auth: Messages<typeof en> = {
     email: 'E-posta',
     password: 'Şifre',
     submit: 'Devam et',
-    demo: 'Demo modu: her şifre çalışır. Bir rolü denemek için owner@, admin@, editor@ veya viewer@freakpunch.site ile oturum açın.',
+    demo: 'Demo modu: her şifre çalışır. Bir rolü denemek için owner@, admin@, editor@ veya viewer@{{domain}} ile oturum açın.',
+    invalid: 'E-posta veya şifre hatalı.',
     welcome: 'Hoş geldiniz, {{name}}',
     failed: 'Oturum açılamadı',
     passwordRequired: 'Şifrenizi girin',

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

@@ -65,6 +65,7 @@ const common: Messages<typeof en> = {
     preferences: 'Tercihler',
   },
   actions: {
+    back: 'Geri',
     save: 'Kaydet',
     saveChanges: 'Değişiklikleri kaydet',
     cancel: 'Vazgeç',

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

@@ -12,7 +12,7 @@ const company: Messages<typeof en> = {
       description: 'Şirketinizin uygulamada ve e-postalarda nasıl görüneceği.',
       name: 'Şirket adı',
       legalName: 'Ticari unvan',
-      legalNameHint: 'Tescil edildiği şekliyle, ör. “Acme Ticaret A.Ş.”',
+      legalNameHint: 'Resmî olarak tescil edildiği tam ad.',
     },
     tax: {
       title: 'Vergi bilgileri',
@@ -205,6 +205,8 @@ const company: Messages<typeof en> = {
     },
   },
   modules: {
+    emptyTitle: 'Henüz modül yok',
+    emptyDescription: 'Bu panele eklediğiniz özellikler burada listelenecek.',
     title: 'Modüller',
     description: 'Bu çalışma alanında kullanılabilen özellik alanları.',
     note: 'Şimdilik salt okunur. Modüller <code>src/app.config.ts</code> içinde açılır; arka uç bu ayarı sakladığında bu sayfa düzenlenebilir olacak.',

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

@@ -2,6 +2,11 @@ import type { Messages } from '@/core/i18n/types'
 import type en from '../en/dashboard'
 
 const dashboard: Messages<typeof en> = {
+  readyDescription: 'Paneliniz hazır.',
+  noModules: {
+    title: 'Henüz burada bir şey yok',
+    description: 'Bu panele eklediğiniz özellikler burada ve kenar çubuğunda görünecek.',
+  },
   greeting: {
     morning: 'Günaydın, {{name}}',
     afternoon: 'İyi günler, {{name}}',

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

@@ -0,0 +1,49 @@
+import type { Messages } from '@/core/i18n/types'
+import type en from '../en/setup'
+
+const tr: Messages<typeof en> = {
+  title: 'Panelinizi kurun',
+  progress: 'Adım {{step}} / {{total}}',
+  next: 'Devam et',
+  finish: 'Kurulumu tamamla',
+  failed: 'Kurulum tamamlanamadı',
+  insecure: 'Hesap oluşturmak için paneli https veya localhost üzerinden açın.',
+  localNote: 'Henüz bir sunucu bağlı değil: bu hesap ve verileri yalnızca bu tarayıcıda saklanır. Yayına almadan önce bir sunucu bağlayın.',
+  company: {
+    title: 'Şirketiniz',
+    description: 'Bu ad panelin her yerinde görünür. Her şeyi daha sonra Ayarlar’dan değiştirebilirsiniz.',
+    name: 'Şirket adı',
+    language: 'Dil',
+    timeZone: 'Saat dilimi',
+    currency: 'Para birimi',
+  },
+  admin: {
+    title: 'Yönetici hesabınız',
+    description: 'Panele tam erişimi olan Sahip siz olacaksınız.',
+    firstName: 'Ad',
+    lastName: 'Soyad',
+    email: 'E-posta',
+    password: 'Şifre',
+    confirmPassword: 'Şifreyi doğrulayın',
+    passwordWeak: 'Bu şifre aşağıdaki kuralları karşılamıyor',
+    passwordMismatch: 'Şifreler eşleşmiyor',
+  },
+  branding: {
+    title: 'Görünümünüz',
+    description: 'Bir vurgu rengi seçin ve logo ekleyin. Logo isteğe bağlıdır.',
+    color: 'Vurgu rengi',
+    logo: 'Logo',
+  },
+  review: {
+    title: 'Bilgileri kontrol edin',
+    description: 'Her şey doğru mu?',
+    admin: 'Sahip',
+  },
+  done: {
+    title: 'Her şey hazır',
+    description: '{{name}} kullanıma hazır.',
+    open: 'Paneli aç',
+  },
+}
+
+export default tr

package/template/src/modules/locales.ts

@@ -1,14 +1,10 @@
-import productsEn from './products/locales/en'
-import productsTr from './products/locales/tr'
 // fp:locale-imports
 
 /** Translations owned by modules; each key is the module's namespace. */
 export const moduleLocalesEn = {
-  products: productsEn,
   // fp:locale-en
 }
 
 export const moduleLocalesTr: typeof moduleLocalesEn = {
-  products: productsTr,
   // fp:locale-tr
 }

package/template/src/modules/registry.ts

@@ -1,19 +1,17 @@
-import { appConfig } from '@/app.config'
-import type { AppModule } from '@/core/modules/types'
-import { productsModule } from './products'
-// fp:module-imports
-
-/**
- * Every module available to this template. Register new modules here, then
- * enable them in src/app.config.ts → `modules`.
- */
-export const moduleRegistry = {
-  products: productsModule,
-  // fp:module-registry
-} satisfies Record<string, AppModule>
-
-export type ModuleId = keyof typeof moduleRegistry
-
-export const enabledModules: AppModule[] = (Object.keys(moduleRegistry) as ModuleId[])
-  .filter((id) => appConfig.modules[id])
-  .map((id) => moduleRegistry[id])
+import { appConfig } from '@/app.config'
+import type { AppModule } from '@/core/modules/types'
+// fp:module-imports
+
+/**
+ * Every module in this panel. `npm run new-module` registers new ones here and
+ * enables them in src/app.config.ts → `modules`.
+ */
+export const moduleRegistry = {
+  // fp:module-registry
+} satisfies Record<string, AppModule>
+
+export type ModuleId = keyof typeof moduleRegistry
+
+export const enabledModules: AppModule[] = (Object.keys(moduleRegistry) as ModuleId[])
+  .filter((id) => appConfig.modules[id])
+  .map((id) => moduleRegistry[id])