react-layout-sdk 1.1.1 → 1.1.3

package/bin/init.js

@@ -88,6 +88,15 @@ if (!fs.existsSync(footerPath)) {
 // 4. Generate Page routing
 if (hasAppRouter) {
   console.log('🔍 Detected Next.js App Router');
+  
+  // Prevent Next.js route conflict by renaming existing app/page.tsx
+  const existingAppPage = path.join(basePath, 'app', 'page.tsx');
+  if (fs.existsSync(existingAppPage)) {
+    const backupPath = path.join(basePath, 'app', 'page.tsx.bak');
+    fs.renameSync(existingAppPage, backupPath);
+    console.log('⚠️  Renamed existing app/page.tsx to app/page.tsx.bak to avoid catch-all route conflict.');
+  }
+
   const pageDir = path.join(basePath, 'app', '[[...slug]]');
   ensureDirSync(pageDir);
   
@@ -96,8 +105,9 @@ if (hasAppRouter) {
 import { fetchVeloxLayout, Placeholder } from 'react-layout-sdk';
 import { componentMap } from '@/components/factory';
 
-export default async function Page({ params }: { params: { slug?: string[] } }) {
-  const slugArray = params.slug || [];
+export default async function Page({ params }: { params: Promise<{ slug?: string[] }> }) {
+  const resolvedParams = await params;
+  const slugArray = resolvedParams?.slug || [];
   const path = slugArray.join('/') || '/';
   const STRAPI_URL = process.env.NEXT_PUBLIC_STRAPI_URL || 'http://localhost:1337';
   
@@ -127,6 +137,15 @@ export default async function Page({ params }: { params: { slug?: string[] } })
   }
 } else if (hasPagesRouter) {
   console.log('🔍 Detected Next.js Pages Router');
+
+  // Prevent Next.js route conflict by renaming existing pages/index.tsx
+  const existingPagesIndex = path.join(basePath, 'pages', 'index.tsx');
+  if (fs.existsSync(existingPagesIndex)) {
+    const backupPath = path.join(basePath, 'pages', 'index.tsx.bak');
+    fs.renameSync(existingPagesIndex, backupPath);
+    console.log('⚠️  Renamed existing pages/index.tsx to pages/index.tsx.bak to avoid catch-all route conflict.');
+  }
+
   const pagePath = path.join(basePath, 'pages', '[[...slug]].tsx');
   const pagesContent = `import React from 'react';
 import { fetchVeloxLayout, Placeholder } from 'react-layout-sdk';

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "react-layout-sdk",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "React components for Velox SDK (Sitecore-like routing)",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "bin": {
-    "react-layout-sdk": "./bin/init.js"
+    "react-layout-sdk": "bin/init.js"
   },
   "peerDependencies": {
     "react": ">=18.0.0",