create-mercato-app 0.6.1-develop.3256.1.fe3dec2464 → 0.6.1-develop.3276.1.1fcd145078

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-mercato-app",
-  "version": "0.6.1-develop.3256.1.fe3dec2464",
+  "version": "0.6.1-develop.3276.1.1fcd145078",
   "type": "module",
   "description": "Create a new Open Mercato application",
   "main": "./dist/index.js",

package/template/.env.example

@@ -35,7 +35,8 @@ APP_URL=http://localhost:3000
 
 # Enable self-service onboarding (default: false)
 SELF_SERVICE_ONBOARDING_ENABLED=false
-DEMO_MODE=true
+# Enable Open Mercato demo widgets (default: false)
+DEMO_MODE=false
 
 # Enable enterprise-only optional modules (default: false)
 # Developer preview is free for local/dev usage.

package/template/src/app/(backend)/backend/__tests__/layout-route-registry.test.tsx

@@ -9,6 +9,11 @@ const backendRoutes = [
 ]
 
 const mockRegisterBackendRouteManifests = jest.fn()
+const mockParseBooleanWithDefault = jest.fn(() => false)
+const mockCookies = jest.fn()
+const mockHeaders = jest.fn()
+const mockResolveTranslations = jest.fn()
+const mockGetAuthFromCookies = jest.fn()
 
 jest.mock('@/.mercato/generated/backend-routes.generated', () => ({
   backendRoutes,
@@ -20,12 +25,12 @@ jest.mock('@open-mercato/shared/modules/registry', () => ({
 }))
 
 jest.mock('next/headers', () => ({
-  cookies: jest.fn(),
-  headers: jest.fn(),
+  cookies: (...args: unknown[]) => mockCookies(...args),
+  headers: (...args: unknown[]) => mockHeaders(...args),
 }))
 
 jest.mock('@open-mercato/shared/lib/auth/server', () => ({
-  getAuthFromCookies: jest.fn(),
+  getAuthFromCookies: (...args: unknown[]) => mockGetAuthFromCookies(...args),
 }))
 
 jest.mock('@open-mercato/ui/backend/AppShell', () => ({
@@ -33,7 +38,7 @@ jest.mock('@open-mercato/ui/backend/AppShell', () => ({
 }))
 
 jest.mock('@open-mercato/shared/lib/i18n/server', () => ({
-  resolveTranslations: jest.fn(),
+  resolveTranslations: (...args: unknown[]) => mockResolveTranslations(...args),
 }))
 
 jest.mock('@open-mercato/shared/lib/i18n/context', () => ({
@@ -49,7 +54,7 @@ jest.mock('@open-mercato/shared/lib/version', () => ({
 }))
 
 jest.mock('@open-mercato/shared/lib/boolean', () => ({
-  parseBooleanWithDefault: jest.fn(() => true),
+  parseBooleanWithDefault: (...args: unknown[]) => mockParseBooleanWithDefault(...args),
 }))
 
 jest.mock('@open-mercato/ui/backend/injection/PageInjectionBoundary', () => ({
@@ -73,6 +78,11 @@ describe('Backend layout route registry', () => {
   beforeEach(() => {
     jest.resetModules()
     mockRegisterBackendRouteManifests.mockClear()
+    mockParseBooleanWithDefault.mockClear()
+    mockCookies.mockReset()
+    mockHeaders.mockReset()
+    mockResolveTranslations.mockReset()
+    mockGetAuthFromCookies.mockReset()
   })
 
   it('registers backend route manifests at module load', async () => {
@@ -82,4 +92,35 @@ describe('Backend layout route registry', () => {
 
     expect(mockRegisterBackendRouteManifests).toHaveBeenCalledWith(backendRoutes)
   })
+
+  it('defaults the demo mode flag to false when DEMO_MODE is unset', async () => {
+    const originalDemoMode = process.env.DEMO_MODE
+    delete process.env.DEMO_MODE
+    mockGetAuthFromCookies.mockResolvedValue(null)
+    mockCookies.mockResolvedValue({ get: () => undefined })
+    mockHeaders.mockResolvedValue({ get: () => null })
+    mockResolveTranslations.mockResolvedValue({
+      translate: (_key: string, fallback: string) => fallback,
+      locale: 'en',
+      dict: {},
+    })
+
+    try {
+      await jest.isolateModulesAsync(async () => {
+        const { default: BackendLayout } = await import('../layout')
+        await BackendLayout({
+          children: React.createElement('div'),
+          params: Promise.resolve({}),
+        })
+      })
+
+      expect(mockParseBooleanWithDefault).toHaveBeenCalledWith(undefined, false)
+    } finally {
+      if (originalDemoMode === undefined) {
+        delete process.env.DEMO_MODE
+      } else {
+        process.env.DEMO_MODE = originalDemoMode
+      }
+    }
+  })
 })

package/template/src/app/(backend)/backend/layout.tsx

@@ -80,7 +80,7 @@ export default async function BackendLayout({
 
   const collapsedCookie = cookieStore.get('om_sidebar_collapsed')?.value
   const initialCollapsed = collapsedCookie === '1'
-  const demoModeEnabled = parseBooleanWithDefault(process.env.DEMO_MODE, true)
+  const demoModeEnabled = parseBooleanWithDefault(process.env.DEMO_MODE, false)
   const deployEnv = process.env.DEPLOY_ENV
   const baseProductName = translate('appShell.productName', 'Open Mercato')
   const productName = deployEnv && deployEnv !== 'local'

package/template/src/app/__tests__/layout.test.tsx

@@ -97,4 +97,18 @@ describe('RootLayout', () => {
     expect(appProviders?.props.demoModeEnabled).toBe(false)
     expect(appProviders?.props.noticeBarsEnabled).toBe(true)
   })
+
+  it('defaults demo mode off when DEMO_MODE is unset', async () => {
+    delete process.env.DEMO_MODE
+    delete process.env.OM_INTEGRATION_TEST
+
+    const { default: RootLayout } = await import('../layout')
+    const { AppProviders } = await import('@/components/AppProviders')
+    const tree = await RootLayout({ children: 'child' })
+    const appProviders = findElementByType(tree, AppProviders)
+
+    expect(appProviders).not.toBeNull()
+    expect(appProviders?.props.demoModeEnabled).toBe(false)
+    expect(appProviders?.props.noticeBarsEnabled).toBe(true)
+  })
 })

package/template/src/app/layout.tsx

@@ -22,7 +22,7 @@ export default async function RootLayout({
 }>) {
   const locale = await detectLocale()
   const dict = await loadDictionary(locale)
-  const demoModeEnabled = process.env.DEMO_MODE !== 'false'
+  const demoModeEnabled = process.env.DEMO_MODE === 'true'
   const noticeBarsEnabled = process.env.OM_INTEGRATION_TEST !== 'true'
   return (
     <html lang={locale} suppressHydrationWarning>