create-nextjs-cms 0.5.62 → 0.5.66

package/dist/lib/install-deps.js

@@ -0,0 +1,114 @@
+import chalk from 'chalk';
+import ora from 'ora';
+import { log } from '@clack/prompts';
+import { logger } from './logger.js';
+import { detectPackageManager } from './utils.js';
+import { execWithSpinner, execWithoutSpinner } from './exec-utils.js';
+const runInstallCommand = async (pkgManager, projectDir) => {
+    switch (pkgManager) {
+        // When using npm, inherit both stdout and stderr so that the progress bar is shown
+        case 'npm':
+            await execWithoutSpinner(pkgManager, ['install'], {
+                cwd: projectDir,
+                stdout: 'inherit',
+                stderr: 'inherit',
+            });
+            return null;
+        // When using yarn or pnpm, use the stdout stream and ora spinner to show the progress
+        case 'pnpm':
+            return execWithSpinner({
+                command: pkgManager,
+                args: ['install'],
+                cwd: projectDir,
+                spinnerText: `Running ${pkgManager} install...`,
+                stderr: 'pipe', // Capture stderr to detect path length errors
+                onDataHandle: (spinner) => (data) => {
+                    const text = data.toString();
+                    if (text.includes('Progress')) {
+                        spinner.text = text.includes('|') ? (text.split(' | ')[1] ?? '') : text;
+                    }
+                },
+                checkExitCode: true, // Check exit code to catch errors
+            });
+        case 'yarn':
+            return execWithSpinner({
+                command: pkgManager,
+                args: ['install'],
+                cwd: projectDir,
+                spinnerText: `Running ${pkgManager} install...`,
+                onDataHandle: (spinner) => (data) => {
+                    spinner.text = data.toString();
+                },
+            });
+        // When using bun, the stdout stream is ignored and the spinner is shown
+        case 'bun':
+            return execWithSpinner({
+                command: pkgManager,
+                args: ['install'],
+                cwd: projectDir,
+                spinnerText: `Running ${pkgManager} install...`,
+                stdout: 'ignore',
+            });
+    }
+};
+export const installDependencies = async ({ projectDir }) => {
+    log.info(chalk.cyan('Installing dependencies...'));
+    const pkgManager = detectPackageManager();
+    try {
+        const installSpinner = await runInstallCommand(pkgManager, projectDir);
+        // If the spinner was used to show the progress, use succeed method on it
+        // If not, create a new spinner for success message
+        if (installSpinner) {
+            installSpinner.stop();
+            // log.message(chalk.green('Successfully installed dependencies!'))
+        }
+        else {
+            // log.message(chalk.green('Successfully installed dependencies!'))
+        }
+    }
+    catch (error) {
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        const stderrMessage = error.stderr ?? '';
+        const fullErrorText = `${errorMessage} ${stderrMessage}`.toUpperCase();
+        // Handle pnpm path length issue on Windows
+        if (pkgManager === 'pnpm' && fullErrorText.includes('PNPM_VIRTUAL_STORE_DIR_MAX_LENGTH_DIFF')) {
+            log.warn('⚠️  pnpm encountered a path length issue. Attempting to fix...');
+            // Run pnpm install -g to recreate global node_modules (non-interactive)
+            try {
+                const fixSpinner = ora('Fixing pnpm global store...').start();
+                await execWithoutSpinner('pnpm', ['install', '-g', '--yes'], {
+                    stdout: 'ignore',
+                    stderr: 'ignore',
+                    reject: false, // Don't fail if this doesn't work
+                    env: {
+                        CI: 'true', // Make pnpm non-interactive
+                    },
+                });
+                fixSpinner.succeed('Fixed pnpm global store');
+                // Retry the original install command
+                log.message('Retrying pnpm install...');
+                const retrySpinner = await runInstallCommand(pkgManager, projectDir);
+                if (retrySpinner) {
+                    retrySpinner.succeed(chalk.green('Successfully installed dependencies!'));
+                }
+                else {
+                    ora().succeed(chalk.green('Successfully installed dependencies!'));
+                }
+                return;
+            }
+            catch (retryError) {
+                ora().fail(chalk.red('Failed to fix pnpm path length issue'));
+                logger.error('⚠️  Could not automatically fix the issue.');
+                logger.message('');
+                logger.message('Try one of these solutions:');
+                logger.message('  1. Move your project to a shorter path (e.g., C:\\dev\\my-app)');
+                logger.message('  2. Use npm instead: npm install');
+                logger.message('  3. Manually run: pnpm install -g');
+                logger.message('');
+                throw retryError;
+            }
+        }
+        // Re-throw other errors
+        throw error;
+    }
+};

package/dist/lib/logger.d.ts

@@ -0,0 +1,8 @@
+export declare const logger: {
+    message(...args: unknown[]): void;
+    error(...args: unknown[]): void;
+    warn(...args: unknown[]): void;
+    info(...args: unknown[]): void;
+    success(...args: unknown[]): void;
+};
+//# sourceMappingURL=logger.d.ts.map

package/dist/lib/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/lib/logger.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;qBACE,OAAO,EAAE;mBAGX,OAAO,EAAE;kBAGV,OAAO,EAAE;kBAGT,OAAO,EAAE;qBAGN,OAAO,EAAE;CAG7B,CAAA"}

package/dist/lib/logger.js

@@ -0,0 +1,18 @@
+import chalk from 'chalk';
+export const logger = {
+    message(...args) {
+        console.log(chalk.gray(...args));
+    },
+    error(...args) {
+        console.log(chalk.red(...args));
+    },
+    warn(...args) {
+        console.log(chalk.yellow(...args));
+    },
+    info(...args) {
+        console.log(chalk.cyan(...args));
+    },
+    success(...args) {
+        console.log(chalk.green(...args));
+    },
+};

package/dist/lib/section-creators.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Creates a blog section file in the sections folder
+ */
+export declare function createBlogSection(targetDir: string): Promise<void>;
+/**
+ * Creates a category section file in the sections folder
+ */
+export declare function createCategorySection(targetDir: string): Promise<void>;
+/**
+ * Creates a simple section file in the sections folder
+ */
+export declare function createSimpleSection(targetDir: string): Promise<void>;
+//# sourceMappingURL=section-creators.d.ts.map

package/dist/lib/section-creators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-creators.d.ts","sourceRoot":"","sources":["../../src/lib/section-creators.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,wBAAsB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAuExE;AAED;;GAEG;AACH,wBAAsB,qBAAqB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAkE5E;AAED;;GAEG;AACH,wBAAsB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CA2D1E"}

package/dist/lib/section-creators.js

@@ -0,0 +1,201 @@
+import fs from 'fs-extra';
+import path from 'node:path';
+/**
+ * Creates a blog section file in the sections folder
+ */
+export async function createBlogSection(targetDir) {
+    const sectionsDir = path.join(targetDir, 'sections');
+    const blogSectionPath = path.join(sectionsDir, 'blog.section.ts');
+    // Ensure sections directory exists
+    await fs.ensureDir(sectionsDir);
+    const blogSectionContent = `import { photoField, richTextField, textField, tagsField } from 'nextjs-cms/core/fields'
+import { hasItemsSection } from 'nextjs-cms/core/sections'
+
+const title = textField({
+    name: 'title',
+    label: 'Title',
+    required: true,
+    order: 1,
+})
+
+const coverPhotoField = photoField({
+    name: 'coverphoto',
+    label: 'Cover Photo',
+    required: true,
+    order: 2,
+    fileType: ['jpg', 'jpeg', 'png', 'webp'],
+})
+
+const content = richTextField({
+    name: 'content',
+    label: 'Content',
+    required: true,
+    order: 3,
+})
+
+const keywords = tagsField({
+    name: 'keywords',
+    label: 'Keywords',
+    required: false,
+    order: 4,
+})
+
+export default hasItemsSection({
+    name: 'blog',
+    order: 1,
+    icon: 'icon',
+    readonly: false,
+    headingField: title,
+    title: {
+        section: 'Blog',
+        singular: 'Post',
+        plural: 'Posts',
+    },
+    gallery: {
+        db: {
+            tableName: 'blog_gallery',
+            identifierField: 'reference_id',
+            photoNameField: 'photo',
+            metaField: 'meta',
+        },
+    },
+    db: {
+        table: 'blog',
+    },
+    search: {
+        searchFields: [title],
+    },
+    coverPhotoField: coverPhotoField,
+    generateQR: false,
+    fields: [title, coverPhotoField, content, keywords],
+})
+`;
+    await fs.writeFile(blogSectionPath, blogSectionContent, 'utf-8');
+}
+/**
+ * Creates a category section file in the sections folder
+ */
+export async function createCategorySection(targetDir) {
+    const sectionsDir = path.join(targetDir, 'sections');
+    const categorySectionPath = path.join(sectionsDir, 'categories.section.ts');
+    // Ensure sections directory exists
+    await fs.ensureDir(sectionsDir);
+    const categorySectionContent = `import { numberField, photoField, textField } from 'nextjs-cms/core/fields'
+import { categorySection } from 'nextjs-cms/core/sections'
+
+const orderInput = numberField({
+    name: 'cat_order',
+    label: 'Order',
+    required: true,
+    order: 0,
+})
+
+const title = textField({
+    name: 'title',
+    label: 'Title',
+    required: true,
+    order: 1,
+})
+
+const slugInput = textField({
+    name: 'slug',
+    label: 'Slug',
+    required: true,
+    order: 2,
+})
+
+const image = photoField({
+    name: 'image',
+    label: 'Image',
+    required: false,
+    order: 3,
+    fileType: ['png', 'jpg', 'jpeg', 'webp'],
+})
+
+const description = textField({
+    name: 'description',
+    label: 'Description',
+    required: false,
+    order: 4,
+})
+
+export default categorySection({
+    title: {
+        section: 'Categories',
+        singular: 'Category',
+        plural: 'Categories',
+    },
+    name: 'categories',
+    icon: 'category',
+    headingField: title,
+    order: 2,
+    db: {
+        table: 'categories',
+        unique: [{ columns: [slugInput] }],
+    },
+    fields: [orderInput, title, slugInput, image, description],
+    depth: 3,
+})
+`;
+    await fs.writeFile(categorySectionPath, categorySectionContent, 'utf-8');
+}
+/**
+ * Creates a simple section file in the sections folder
+ */
+export async function createSimpleSection(targetDir) {
+    const sectionsDir = path.join(targetDir, 'sections');
+    const simpleSectionPath = path.join(sectionsDir, 'settings.section.ts');
+    // Ensure sections directory exists
+    await fs.ensureDir(sectionsDir);
+    const simpleSectionContent = `import { richTextField, textField } from 'nextjs-cms/core/fields'
+import { simpleSection } from 'nextjs-cms/core/sections'
+
+const facebook = textField({
+    name: 'facebook',
+    label: 'Facebook',
+    required: false,
+    order: 1,
+})
+
+const instagram = textField({
+    name: 'instagram',
+    label: 'Instagram',
+    required: false,
+    order: 2,
+})
+
+const twitter = textField({
+    name: 'twitter',
+    label: 'Twitter',
+    required: false,
+    order: 3,
+})
+
+const about = richTextField({
+    name: 'about',
+    label: 'About',
+    required: false,
+    order: 4,
+})
+
+const contact = richTextField({
+    name: 'contact',
+    label: 'Contact',
+    required: false,
+    order: 5,
+})
+
+export default simpleSection({
+    name: 'settings',
+    order: 3,
+    icon: 'settings',
+    readonly: false,
+    title: 'Site Settings',
+    db: {
+        table: 'settings',
+    },
+    fields: [facebook, instagram, twitter, about, contact],
+})
+`;
+    await fs.writeFile(simpleSectionPath, simpleSectionContent, 'utf-8');
+}

package/dist/lib/utils.js

@@ -57,7 +57,7 @@ export function detectPackageManager() {
     }
     else {
         // If no user agent is set, assume npm
-        return 'npm';
+        return 'pnpm';
     }
 }
 /** Validate template structure */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nextjs-cms",
-  "version": "0.5.62",
+  "version": "0.5.66",
   "private": false,
   "type": "module",
   "bin": {
@@ -14,10 +14,12 @@
     "@clack/prompts": "^0.11.0",
     "chalk": "^5.4.1",
     "commander": "^14.0.2",
+    "execa": "9.6.1",
     "fs-extra": "^11.3.3",
     "glob": "^10.4.5",
     "gradient-string": "^3.0.0",
-    "js-yaml": "^4.1.1"
+    "js-yaml": "^4.1.1",
+    "ora": "9.0.0"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
@@ -27,8 +29,8 @@
     "tsx": "^4.20.6",
     "typescript": "^5.9.2",
     "@lzcms/eslint-config": "0.3.0",
-    "@lzcms/tsconfig": "0.1.0",
-    "@lzcms/prettier-config": "0.1.0"
+    "@lzcms/prettier-config": "0.1.0",
+    "@lzcms/tsconfig": "0.1.0"
   },
   "prettier": "@lzcms/prettier-config",
   "scripts": {

package/templates/default/components/form/helpers/_section-hot-reload.js

@@ -1,11 +1,11 @@
 /**
  * AUTO-GENERATED. DO NOT EDIT.
- * This file is used to track the last time the sections schema was updated.
- * It is used to trigger a hot reload of the section schema in development mode.
+ * This file is used to track the last time the sections/config schema was updated.
+ * It is used to trigger a hot reload of the section/config in development mode.
  */
 
 export const revalidate = 0
 
 // @refresh reset
 
-export const configLastUpdated = 1766836070295
+export const configLastUpdated = 1766857134012

package/templates/default/lib/postinstall.js

@@ -11,4 +11,4 @@ const targetDir = path.join(__dirname, '../public', 'tinymce')
 fse.emptyDirSync(targetDir)
 fse.copySync(tinymcePath, targetDir, { overwrite: true })
 
-console.log('Successfully copied TinyMCE to public directory')
+// console.log('Successfully copied TinyMCE to public directory')

package/templates/default/package.json

@@ -64,7 +64,7 @@
     "nanoid": "^5.1.2",
     "next": "16.1.1",
     "next-themes": "^0.4.6",
-    "nextjs-cms": "0.5.62",
+    "nextjs-cms": "0.5.66",
     "plaiceholder": "^3.0.0",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "qrcode": "^1.5.4",