create-nextblock 0.1.0 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nextblock",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "",
   "main": "index.js",
   "bin": {
@@ -16,10 +16,14 @@
   "license": "ISC",
   "type": "module",
   "dependencies": {
+    "@clack/prompts": "^0.8.1",
     "chalk": "^5.6.2",
     "commander": "^14.0.1",
+    "execa": "^9.3.0",
     "fs-extra": "^11.3.2",
     "inquirer": "^12.10.0",
-    "ora": "^8.0.1"
+    "open": "^10.1.0",
+    "ora": "^8.0.1",
+    "picocolors": "^1.1.1"
   }
 }

package/scripts/sync-template.js

@@ -1,276 +1,279 @@
-#!/usr/bin/env node
-
-import { resolve, relative, sep, dirname } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import fs from 'fs-extra';
-import chalk from 'chalk';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-const PROJECT_ROOT = resolve(__dirname, '..');
-const SOURCE_DIR = resolve(PROJECT_ROOT, '../nextblock');
-const TARGET_DIR = resolve(PROJECT_ROOT, 'templates/nextblock-template');
-const REPO_ROOT = resolve(PROJECT_ROOT, '..', '..');
-const UI_GLOBALS_SOURCE = resolve(PROJECT_ROOT, '../../libs/ui/src/styles/globals.css');
-const BACKUP_SOURCE_DIR = resolve(SOURCE_DIR, 'backup');
-const BACKUP_TARGET_DIR = resolve(TARGET_DIR, 'backup');
-const UI_PROXY_MODULES = [
-  'avatar',
-  'badge',
-  'button',
-  'card',
-  'checkbox',
-  'ColorPicker',
-  'ConfirmationDialog',
-  'CustomSelectWithInput',
-  'dialog',
-  'dropdown-menu',
-  'input',
-  'label',
-  'popover',
-  'progress',
-  'select',
-  'separator',
-  'Skeleton',
-  'table',
-  'textarea',
-  'tooltip',
-  'ui',
-];
-
-const IGNORED_SEGMENTS = new Set([
-  'node_modules',
-  '.git',
-  '.next',
-  'dist',
-  'tmp',
-  'coverage',
-]);
-
-async function ensureTemplateSync() {
-  const sourceExists = await fs.pathExists(SOURCE_DIR);
-  if (!sourceExists) {
-    throw new Error(
-      `Source project not found at ${SOURCE_DIR}. Please ensure apps/nextblock exists before syncing.`,
-    );
-  }
-
-  console.log(
-    chalk.blue(
-      `Syncing template from ${chalk.bold(relative(PROJECT_ROOT, SOURCE_DIR))} to ${chalk.bold(
-        relative(PROJECT_ROOT, TARGET_DIR),
-      )}`,
-    ),
-  );
-
-  await fs.ensureDir(TARGET_DIR);
-  await fs.emptyDir(TARGET_DIR);
-
-  await fs.copy(SOURCE_DIR, TARGET_DIR, {
-    dereference: true,
-    filter: (src) => {
-      const rel = relative(SOURCE_DIR, src);
-      if (!rel) {
-        return true;
-      }
-
-      const segments = rel.split(sep);
-      return segments.every((segment) => !IGNORED_SEGMENTS.has(segment));
-    },
-  });
-
-  await ensureEnvExample();
-  await ensureGlobalStyles();
-  await ensureClientTranslations();
-  await sanitizeBlockEditorImports();
-  await sanitizeUiImports();
-  await ensureUiProxies();
-  await ensureBackups();
-  await removeTemplateProjectJson();
-
-  console.log(chalk.green('Template sync complete.'));
-}
-
-async function ensureEnvExample() {
-  const envTargets = [
-    resolve(REPO_ROOT, '.env.example'),
-    resolve(REPO_ROOT, '.env.exemple'),
-    resolve(SOURCE_DIR, '.env.example'),
-    resolve(SOURCE_DIR, '.env.exemple'),
-  ];
-
-  const destination = resolve(TARGET_DIR, '.env.example');
-
-  for (const envPath of envTargets) {
-    if (await fs.pathExists(envPath)) {
-      await fs.copy(envPath, destination);
-      return;
-    }
-  }
-
-  const placeholder = `# Environment variables for NextBlock CMS
-NEXT_PUBLIC_SUPABASE_URL=
-NEXT_PUBLIC_SUPABASE_ANON_KEY=
-SUPABASE_SERVICE_ROLE_KEY=
-SUPABASE_JWT_SECRET=
-NEXT_PUBLIC_URL=http://localhost:3000
-`;
-
-  await fs.writeFile(destination, placeholder);
-}
-
-async function ensureGlobalStyles() {
-  const destination = resolve(TARGET_DIR, 'app/globals.css');
-
-  if (await fs.pathExists(destination)) {
-    await fs.remove(destination);
-  }
-
-  if (await fs.pathExists(UI_GLOBALS_SOURCE)) {
-    await fs.copy(UI_GLOBALS_SOURCE, destination);
-    return;
-  }
-
-  const fallback = `@tailwind base;
-@tailwind components;
-@tailwind utilities;
-`;
-
-  await fs.outputFile(destination, fallback);
-}
-
-async function ensureClientTranslations() {
-  const providersPath = resolve(TARGET_DIR, 'app/providers.tsx');
-  if (!(await fs.pathExists(providersPath))) {
-    return;
-  }
-
-  let content = await fs.readFile(providersPath, 'utf8');
-  const wrapperImportPath = '@nextblock-cms/utils';
-  const wrapperImportStatement = `import { TranslationsProvider } from '${wrapperImportPath}';`;
-  const existingImportRegex =
-    /import\s+\{\s*TranslationsProvider\s*\}\s*from\s*['"]@nextblock-cms\/utils['"];?/;
-  const legacyImportRegex =
-    /import\s+\{\s*TranslationsProvider\s*\}\s*from\s*['"]@\/lib\/client-translations['"];?/;
-
-  if (existingImportRegex.test(content) || legacyImportRegex.test(content)) {
-    content = content
-      .replace(existingImportRegex, wrapperImportStatement)
-      .replace(legacyImportRegex, wrapperImportStatement);
-  } else if (!content.includes(wrapperImportStatement)) {
-    const lines = content.split(/\r?\n/);
-    const insertIndex = lines.findIndex((line) => line.startsWith('import')) + 1;
-    if (insertIndex > 0) {
-      lines.splice(insertIndex, 0, wrapperImportStatement);
-      content = lines.join('\n');
-    } else {
-      content = `${wrapperImportStatement}\n${content}`;
-    }
-  }
-
-  await fs.writeFile(providersPath, content);
-
-  const wrapperPath = resolve(TARGET_DIR, 'lib/client-translations.tsx');
-  if (await fs.pathExists(wrapperPath)) {
-    await fs.remove(wrapperPath);
-  }
-}
-
-async function sanitizeBlockEditorImports() {
-  const blockEditorPath = resolve(TARGET_DIR, 'app/cms/blocks/components/BlockEditorArea.tsx');
-  if (!(await fs.pathExists(blockEditorPath))) {
-    return;
-  }
-
-  const replacements = [
-    { pattern: /(\.\.\/editors\/[A-Za-z0-9_-]+)\.js/g, replacement: '$1.tsx' },
-    { pattern: /(\.\.\/actions)\.js/g, replacement: '$1.ts' },
-  ];
-
-  const content = await fs.readFile(blockEditorPath, 'utf8');
-  let updated = content;
-
-  for (const { pattern, replacement } of replacements) {
-    updated = updated.replace(pattern, replacement);
-  }
-
-  if (updated !== content) {
-    await fs.writeFile(blockEditorPath, updated);
-  }
-}
-
-async function sanitizeUiImports() {
-  const searchDirs = ['app', 'components', 'context', 'lib'];
-  const validExtensions = new Set(['.ts', '.tsx', '.js', '.jsx']);
-  const filesToProcess = [];
-
-  for (const relativeDir of searchDirs) {
-    const absoluteDir = resolve(TARGET_DIR, relativeDir);
-    if (await fs.pathExists(absoluteDir)) {
-      await collectFiles(absoluteDir, filesToProcess, validExtensions);
-    }
-  }
-
-  for (const filePath of filesToProcess) {
-    const original = await fs.readFile(filePath, 'utf8');
-    const replaced = original.replace(/@nextblock-cms\/ui\/(?!styles\/)[A-Za-z0-9/_-]+/g, '@nextblock-cms/ui');
-
-    if (replaced !== original) {
-      await fs.writeFile(filePath, replaced);
-    }
-  }
-}
-
-async function collectFiles(directory, accumulator, extensions) {
-  const entries = await fs.readdir(directory, { withFileTypes: true });
-  for (const entry of entries) {
-    const fullPath = resolve(directory, entry.name);
-    if (entry.isDirectory()) {
-      await collectFiles(fullPath, accumulator, extensions);
-    } else {
-      const dotIndex = entry.name.lastIndexOf('.');
-      if (dotIndex !== -1) {
-        const ext = entry.name.slice(dotIndex);
-        if (extensions.has(ext)) {
-          accumulator.push(fullPath);
-        }
-      }
-    }
-  }
-}
-
-async function ensureUiProxies() {
-  const proxiesDir = resolve(TARGET_DIR, 'lib/ui');
-  await fs.ensureDir(proxiesDir);
-
-  const proxyContent = "export * from '@nextblock-cms/ui';\n";
-
-  for (const moduleName of UI_PROXY_MODULES) {
-    const proxyPath = resolve(proxiesDir, `${moduleName}.ts`);
-    if (!(await fs.pathExists(proxyPath))) {
-      await fs.outputFile(proxyPath, proxyContent);
-    }
-  }
-}
-
-async function ensureBackups() {
-  if (!(await fs.pathExists(BACKUP_SOURCE_DIR))) {
-    await fs.remove(BACKUP_TARGET_DIR).catch(() => undefined);
-    return;
-  }
-
-  await fs.ensureDir(BACKUP_TARGET_DIR);
-  await fs.copy(BACKUP_SOURCE_DIR, BACKUP_TARGET_DIR, {
-    dereference: true,
-  });
-}
-
-async function removeTemplateProjectJson() {
-  const projectJsonPath = resolve(TARGET_DIR, 'project.json');
-  await fs.remove(projectJsonPath).catch(() => undefined);
-}
-
-ensureTemplateSync().catch((error) => {
-  console.error(chalk.red(error instanceof Error ? error.message : String(error)));
-  process.exit(1);
-});
+#!/usr/bin/env node
+
+import { resolve, relative, sep, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import fs from 'fs-extra';
+import chalk from 'chalk';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const PROJECT_ROOT = resolve(__dirname, '..');
+const SOURCE_DIR = resolve(PROJECT_ROOT, '../nextblock');
+const TARGET_DIR = resolve(PROJECT_ROOT, 'templates/nextblock-template');
+const REPO_ROOT = resolve(PROJECT_ROOT, '..', '..');
+const UI_GLOBALS_SOURCE = resolve(PROJECT_ROOT, '../../libs/ui/src/styles/globals.css');
+const UI_PROXY_MODULES = [
+  'avatar',
+  'badge',
+  'button',
+  'card',
+  'checkbox',
+  'ColorPicker',
+  'ConfirmationDialog',
+  'CustomSelectWithInput',
+  'dialog',
+  'dropdown-menu',
+  'input',
+  'label',
+  'popover',
+  'progress',
+  'select',
+  'separator',
+  'Skeleton',
+  'table',
+  'textarea',
+  'tooltip',
+  'ui',
+];
+
+const IGNORED_SEGMENTS = new Set([
+  'node_modules',
+  '.git',
+  '.next',
+  'dist',
+  'tmp',
+  'coverage',
+  'backup',
+  'backups',
+]);
+
+async function ensureTemplateSync() {
+  const sourceExists = await fs.pathExists(SOURCE_DIR);
+  if (!sourceExists) {
+    throw new Error(
+      `Source project not found at ${SOURCE_DIR}. Please ensure apps/nextblock exists before syncing.`,
+    );
+  }
+
+  console.log(
+    chalk.blue(
+      `Syncing template from ${chalk.bold(relative(PROJECT_ROOT, SOURCE_DIR))} to ${chalk.bold(
+        relative(PROJECT_ROOT, TARGET_DIR),
+      )}`,
+    ),
+  );
+
+  await fs.ensureDir(TARGET_DIR);
+  await fs.emptyDir(TARGET_DIR);
+
+  await fs.copy(SOURCE_DIR, TARGET_DIR, {
+    dereference: true,
+    filter: (src) => {
+      const rel = relative(SOURCE_DIR, src);
+      if (!rel) {
+        return true;
+      }
+
+      const segments = rel.split(sep);
+      return segments.every((segment) => !IGNORED_SEGMENTS.has(segment));
+    },
+  });
+
+  await ensureEnvExample();
+  await ensureGlobalStyles();
+  await ensureClientTranslations();
+  await sanitizeBlockEditorImports();
+  await sanitizeUiImports();
+  await ensureUiProxies();
+  await removeBackups();
+  await removeTemplateProjectJson();
+
+  console.log(chalk.green('Template sync complete.'));
+}
+
+async function ensureEnvExample() {
+  const envTargets = [
+    resolve(REPO_ROOT, '.env.example'),
+    resolve(REPO_ROOT, '.env.exemple'),
+    resolve(SOURCE_DIR, '.env.example'),
+    resolve(SOURCE_DIR, '.env.exemple'),
+  ];
+
+  const destination = resolve(TARGET_DIR, '.env.example');
+
+  for (const envPath of envTargets) {
+    if (await fs.pathExists(envPath)) {
+      await fs.copy(envPath, destination);
+      return;
+    }
+  }
+
+  const placeholder = `# Environment variables for NextBlock CMS
+NEXT_PUBLIC_SUPABASE_URL=
+NEXT_PUBLIC_SUPABASE_ANON_KEY=
+SUPABASE_SERVICE_ROLE_KEY=
+SUPABASE_JWT_SECRET=
+NEXT_PUBLIC_URL=http://localhost:3000
+`;
+
+  await fs.writeFile(destination, placeholder);
+}
+
+async function ensureGlobalStyles() {
+  const destination = resolve(TARGET_DIR, 'app/globals.css');
+
+  if (await fs.pathExists(destination)) {
+    await fs.remove(destination);
+  }
+
+  if (await fs.pathExists(UI_GLOBALS_SOURCE)) {
+    await fs.copy(UI_GLOBALS_SOURCE, destination);
+    return;
+  }
+
+  const fallback = `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+`;
+
+  await fs.outputFile(destination, fallback);
+}
+
+async function ensureClientTranslations() {
+  const providersPath = resolve(TARGET_DIR, 'app/providers.tsx');
+  if (!(await fs.pathExists(providersPath))) {
+    return;
+  }
+
+  let content = await fs.readFile(providersPath, 'utf8');
+  const wrapperImportPath = '@nextblock-cms/utils';
+  const wrapperImportStatement = `import { TranslationsProvider } from '${wrapperImportPath}';`;
+  const existingImportRegex =
+    /import\s+\{\s*TranslationsProvider\s*\}\s*from\s*['"]@nextblock-cms\/utils['"];?/;
+  const legacyImportRegex =
+    /import\s+\{\s*TranslationsProvider\s*\}\s*from\s*['"]@\/lib\/client-translations['"];?/;
+
+  if (existingImportRegex.test(content) || legacyImportRegex.test(content)) {
+    content = content
+      .replace(existingImportRegex, wrapperImportStatement)
+      .replace(legacyImportRegex, wrapperImportStatement);
+  } else if (!content.includes(wrapperImportStatement)) {
+    const lines = content.split(/\r?\n/);
+    const insertIndex = lines.findIndex((line) => line.startsWith('import')) + 1;
+    if (insertIndex > 0) {
+      lines.splice(insertIndex, 0, wrapperImportStatement);
+      content = lines.join('\n');
+    } else {
+      content = `${wrapperImportStatement}\n${content}`;
+    }
+  }
+
+  await fs.writeFile(providersPath, content);
+
+  const wrapperPath = resolve(TARGET_DIR, 'lib/client-translations.tsx');
+  if (await fs.pathExists(wrapperPath)) {
+    await fs.remove(wrapperPath);
+  }
+}
+
+async function sanitizeBlockEditorImports() {
+  const blockEditorPath = resolve(TARGET_DIR, 'app/cms/blocks/components/BlockEditorArea.tsx');
+  if (!(await fs.pathExists(blockEditorPath))) {
+    return;
+  }
+
+  const replacements = [
+    { pattern: /(\.\.\/editors\/[A-Za-z0-9_-]+)\.js/g, replacement: '$1.tsx' },
+    { pattern: /(\.\.\/actions)\.js/g, replacement: '$1.ts' },
+  ];
+
+  const content = await fs.readFile(blockEditorPath, 'utf8');
+  let updated = content;
+
+  for (const { pattern, replacement } of replacements) {
+    updated = updated.replace(pattern, replacement);
+  }
+
+  if (updated !== content) {
+    await fs.writeFile(blockEditorPath, updated);
+  }
+}
+
+async function sanitizeUiImports() {
+  const searchDirs = ['app', 'components', 'context', 'lib'];
+  const validExtensions = new Set(['.ts', '.tsx', '.js', '.jsx']);
+  const filesToProcess = [];
+
+  for (const relativeDir of searchDirs) {
+    const absoluteDir = resolve(TARGET_DIR, relativeDir);
+    if (await fs.pathExists(absoluteDir)) {
+      await collectFiles(absoluteDir, filesToProcess, validExtensions);
+    }
+  }
+
+  for (const filePath of filesToProcess) {
+    const original = await fs.readFile(filePath, 'utf8');
+    const replaced = original.replace(/@nextblock-cms\/ui\/(?!styles\/)[A-Za-z0-9/_-]+/g, '@nextblock-cms/ui');
+
+    if (replaced !== original) {
+      await fs.writeFile(filePath, replaced);
+    }
+  }
+}
+
+async function collectFiles(directory, accumulator, extensions) {
+  const entries = await fs.readdir(directory, { withFileTypes: true });
+  for (const entry of entries) {
+    const fullPath = resolve(directory, entry.name);
+    if (entry.isDirectory()) {
+      await collectFiles(fullPath, accumulator, extensions);
+    } else {
+      const dotIndex = entry.name.lastIndexOf('.');
+      if (dotIndex !== -1) {
+        const ext = entry.name.slice(dotIndex);
+        if (extensions.has(ext)) {
+          accumulator.push(fullPath);
+        }
+      }
+    }
+  }
+}
+
+async function ensureUiProxies() {
+  const proxiesDir = resolve(TARGET_DIR, 'lib/ui');
+  await fs.ensureDir(proxiesDir);
+
+  const proxyContent = "export * from '@nextblock-cms/ui';\n";
+
+  for (const moduleName of UI_PROXY_MODULES) {
+    const proxyPath = resolve(proxiesDir, `${moduleName}.ts`);
+    if (!(await fs.pathExists(proxyPath))) {
+      await fs.outputFile(proxyPath, proxyContent);
+    }
+  }
+}
+
+async function removeBackups() {
+  const targets = [
+    resolve(TARGET_DIR, 'backup'),
+    resolve(TARGET_DIR, 'backups'),
+  ];
+
+  await Promise.all(
+    targets.map((dir) =>
+      fs
+        .remove(dir)
+        .catch(() => undefined),
+    ),
+  );
+}
+
+async function removeTemplateProjectJson() {
+  const projectJsonPath = resolve(TARGET_DIR, 'project.json');
+  await fs.remove(projectJsonPath).catch(() => undefined);
+}
+
+ensureTemplateSync().catch((error) => {
+  console.error(chalk.red(error instanceof Error ? error.message : String(error)));
+  process.exit(1);
+});

package/templates/nextblock-template/.env.example

@@ -2,18 +2,9 @@ NEXT_PUBLIC_URL=
 # Vercel / Supabase
 SUPABASE_PROJECT_ID=
 POSTGRES_URL=
-POSTGRES_PRISMA_URL=
-SUPABASE_URL=
 NEXT_PUBLIC_SUPABASE_URL=
-POSTGRES_URL_NON_POOLING=
-SUPABASE_JWT_SECRET=
-POSTGRES_USER=
 NEXT_PUBLIC_SUPABASE_ANON_KEY=
-POSTGRES_PASSWORD=
-POSTGRES_DATABASE=
 SUPABASE_SERVICE_ROLE_KEY=
-POSTGRES_HOST=
-SUPABASE_ANON_KEY=
 
 # Cloudflare
 NEXT_PUBLIC_R2_BASE_URL=
@@ -21,12 +12,8 @@ R2_ACCESS_KEY_ID=
 R2_SECRET_ACCESS_KEY=
 R2_BUCKET_NAME=
 R2_ACCOUNT_ID=
-NEXT_PUBLIC_R2_PUBLIC_URL=
-R2_TOKEN_VALUE=
 
-NEXTJS_REVALIDATE_URL=
 REVALIDATE_SECRET_TOKEN=
-LHCI_GITHUB_APP_TOKEN=
 
 # Email SMTP Configuration
 SMTP_HOST=
@@ -34,4 +21,4 @@ SMTP_PORT=
 SMTP_USER=
 SMTP_PASS=
 SMTP_FROM_EMAIL=
-SMTP_FROM_NAME=
+SMTP_FROM_NAME=

package/templates/nextblock-template/README.md

@@ -146,7 +146,7 @@ It features:
         * `app/cms/[entity]/`: CRUD pages for different content types (pages, posts, media, users, navigation, languages).
         * `app/cms/blocks/`: Components and actions related to the block editor.
     * `app/[slug]/`: Dynamic route for public "Pages".
-    * `app/blog/[slug]/`: Dynamic route for public "Posts".
+    * `app/article/[slug]/`: Dynamic route for public "Articles".
     * `app/api/`: API routes (e.g., for revalidation, R2 pre-signed URLs).
 * `components/`: Shared UI components (shadcn/ui based).
     * `components/ui/`: shadcn/ui components.