react-layout-sdk 1.1.17 → 1.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/init.js +4 -4
- package/package.json +1 -1
package/bin/init.js
CHANGED
|
@@ -146,10 +146,10 @@ async function main() {
|
|
|
146
146
|
const footerContent = `import React from 'react';\n\nexport default function Footer(props: any) {\n const text = props?.text || '© 2026 JD Layout';\n return (\n <footer style={{ padding: '20px', background: '#333', color: '#fff', textAlign: 'center', marginTop: '40px' }}>\n <p style={{ margin: 0 }}>{text}</p>\n </footer>\n );\n}\n`;
|
|
147
147
|
await writeWithPrompt(footerPath, footerContent, 'components/Footer.tsx');
|
|
148
148
|
|
|
149
|
-
// 4. Create
|
|
150
|
-
const layoutPath = path.join(basePath, '
|
|
149
|
+
// 4. Create layout.tsx (lowercase)
|
|
150
|
+
const layoutPath = path.join(basePath, 'layout.tsx');
|
|
151
151
|
const layoutContent = `import React from 'react';\n\nexport default function Layout({ layoutData, placeholderComponent: Placeholder }: any) {\n const { route } = layoutData.strapi;\n\n return (\n <>\n <header>\n <div id="header">\n {route && <Placeholder name="headless-header" rendering={route.placeholders['headless-header'] || []} />}\n </div>\n </header>\n\n <main style={{ minHeight: 'calc(100vh - 100px)' }}>\n <div id="content" className="pageContent">\n {route && <Placeholder name="headless-main" rendering={route.placeholders['headless-main'] || []} />}\n </div>\n </main>\n\n <footer>\n <div id="footer">\n {route && <Placeholder name="headless-footer" rendering={route.placeholders['headless-footer'] || []} />}\n </div>\n </footer>\n </>\n );\n}\n`;
|
|
152
|
-
await writeWithPrompt(layoutPath, layoutContent, '
|
|
152
|
+
await writeWithPrompt(layoutPath, layoutContent, 'layout.tsx (Root/src level)');
|
|
153
153
|
|
|
154
154
|
if (hasAppRouter) {
|
|
155
155
|
console.log('🔍 Detected Next.js App Router');
|
|
@@ -168,7 +168,7 @@ async function main() {
|
|
|
168
168
|
ensureDirSync(pageDir);
|
|
169
169
|
|
|
170
170
|
const appPagePath = path.join(pageDir, 'page.tsx');
|
|
171
|
-
const importLayoutPath = hasSrc ? '@/
|
|
171
|
+
const importLayoutPath = hasSrc ? '@/layout' : '../../layout';
|
|
172
172
|
const appPageContent = `import React from 'react';\nimport { JDPage, generateJDMetadata } from 'react-layout-sdk';\nimport { componentMap } from '@/components/factory';\nimport Layout from '${importLayoutPath}';\n\nconst STRAPI_URL = process.env.NEXT_PUBLIC_STRAPI_URL || 'http://localhost:1337';\n\nexport const generateMetadata = ({ params }: { params: Promise<{ slug?: string[] }> }) => {\n return generateJDMetadata(params, STRAPI_URL);\n}\n\nexport default function Page({ params }: { params: Promise<{ slug?: string[] }> }) {\n return <JDPage params={params} apiUrl={STRAPI_URL} componentMap={componentMap} layoutComponent={Layout} />;\n}\n`;
|
|
173
173
|
await writeWithPrompt(appPagePath, appPageContent, 'app/[[...slug]]/page.tsx');
|
|
174
174
|
} else if (hasPagesRouter) {
|