@launchframe/cli 1.0.0-beta.33 → 1.0.0-beta.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchframe/cli",
-  "version": "1.0.0-beta.33",
+  "version": "1.0.0-beta.35",
   "description": "Production-ready B2B SaaS boilerplate with subscriptions, credits, and multi-tenancy",
   "main": "src/index.js",
   "bin": {
@@ -40,10 +40,12 @@
     "access": "public"
   },
   "dependencies": {
+    "@resvg/resvg-js": "^2.6.2",
     "bcryptjs": "^2.4.3",
     "chalk": "^4.1.2",
     "dotenv": "^17.3.1",
     "fs-extra": "^11.1.1",
-    "inquirer": "^8.2.5"
+    "inquirer": "^8.2.5",
+    "to-ico": "^1.1.5"
   }
 }

package/src/commands/deploy-sync-features.js

@@ -0,0 +1,233 @@
+const fs = require('fs');
+const path = require('path');
+const chalk = require('chalk');
+const inquirer = require('inquirer');
+const ora = require('ora');
+const { spawnSync } = require('child_process');
+const { requireProject, getProjectConfig } = require('../utils/project-helpers');
+
+function localQuery(infrastructurePath, sql) {
+  return spawnSync('docker', [
+    'compose', '-f', 'docker-compose.yml', '-f', 'docker-compose.dev.yml',
+    'exec', '-T', 'database', 'sh', '-c', 'psql -U $POSTGRES_USER $POSTGRES_DB -t -A'
+  ], { cwd: infrastructurePath, input: sql, encoding: 'utf8' });
+}
+
+function remoteQuery(vpsUser, vpsHost, vpsAppFolder, sql) {
+  return spawnSync('ssh', [
+    `${vpsUser}@${vpsHost}`,
+    `cd ${vpsAppFolder}/infrastructure && docker compose -f docker-compose.yml -f docker-compose.prod.yml exec -T database sh -c 'psql -U $POSTGRES_USER $POSTGRES_DB -t -A'`
+  ], { input: sql, encoding: 'utf8' });
+}
+
+function sqlStr(val) {
+  if (val === null || val === undefined) return 'NULL';
+  return `'${String(val).replace(/'/g, "''")}'`;
+}
+
+function sqlJsonb(val) {
+  if (val === null || val === undefined) return 'NULL';
+  return `'${JSON.stringify(val).replace(/'/g, "''")}'::jsonb`;
+}
+
+function sqlBool(val) {
+  return val ? 'true' : 'false';
+}
+
+async function deploySyncFeatures() {
+  requireProject();
+
+  // Step 1 — Project + infrastructure check
+  const infrastructurePath = path.join(process.cwd(), 'infrastructure');
+
+  if (!fs.existsSync(infrastructurePath)) {
+    console.error(chalk.red('\n❌ Error: infrastructure/ directory not found'));
+    console.log(chalk.gray('Make sure you are in the root of your LaunchFrame project.\n'));
+    process.exit(1);
+  }
+
+  // Step 2 — Deployment configured
+  const config = getProjectConfig();
+
+  if (!config.deployConfigured || !config.deployment) {
+    console.error(chalk.red('\n❌ Deployment is not configured.'));
+    console.log(chalk.gray('Run deploy:configure first.\n'));
+    process.exit(1);
+  }
+
+  const { vpsUser, vpsHost, vpsAppFolder } = config.deployment;
+
+  // Step 3 — Local database container up
+  const localPs = spawnSync(
+    'docker',
+    [
+      'compose', '-f', 'docker-compose.yml', '-f', 'docker-compose.dev.yml',
+      'ps', '--status', 'running', '-q', 'database'
+    ],
+    { cwd: infrastructurePath, encoding: 'utf8' }
+  );
+
+  if (!localPs.stdout || localPs.stdout.trim() === '') {
+    console.error(chalk.red('\n❌ Local database container is not running.'));
+    console.log(chalk.gray('Run: launchframe docker:up\n'));
+    process.exit(1);
+  }
+
+  // Step 4 — Remote database container up
+  const remoteDockerPsCmd = `cd ${vpsAppFolder}/infrastructure && docker compose -f docker-compose.yml -f docker-compose.prod.yml ps --status running -q database`;
+  const remotePs = spawnSync('ssh', [`${vpsUser}@${vpsHost}`, remoteDockerPsCmd], { encoding: 'utf8' });
+
+  if (remotePs.status !== 0 || !remotePs.stdout || remotePs.stdout.trim() === '') {
+    console.error(chalk.red('\n❌ Remote database container is not running.'));
+    console.log(chalk.gray('Make sure services are running: launchframe deploy:up\n'));
+    process.exit(1);
+  }
+
+  // Step 5 — Remote Polar sync check
+  const polarCountResult = remoteQuery(
+    vpsUser, vpsHost, vpsAppFolder,
+    'SELECT COUNT(*) FROM subscription_plans WHERE polar_product_id IS NOT NULL;'
+  );
+
+  const polarCount = parseInt((polarCountResult.stdout || '').trim(), 10);
+  if (!polarCount || polarCount === 0) {
+    console.error(chalk.red('\n❌ Remote plans have not been synced from Polar yet.'));
+    console.log(chalk.gray('Import plans from the admin portal first.\n'));
+    process.exit(1);
+  }
+
+  // Step 6 — Compare plans local vs remote
+  const planCodesSQL = 'SELECT json_agg(code ORDER BY sort_order) FROM subscription_plans;';
+
+  const localPlansResult = localQuery(infrastructurePath, planCodesSQL);
+  const remotePlansResult = remoteQuery(vpsUser, vpsHost, vpsAppFolder, planCodesSQL);
+
+  let localCodes = [];
+  let remoteCodes = [];
+
+  try {
+    localCodes = JSON.parse((localPlansResult.stdout || '').trim()) || [];
+  } catch {
+    localCodes = [];
+  }
+
+  try {
+    remoteCodes = JSON.parse((remotePlansResult.stdout || '').trim()) || [];
+  } catch {
+    remoteCodes = [];
+  }
+
+  const missingOnRemote = localCodes.filter(code => !remoteCodes.includes(code));
+  if (missingOnRemote.length > 0) {
+    console.error(chalk.red(`\n❌ Some local plans are missing on remote: ${missingOnRemote.join(', ')}`));
+    console.log(chalk.gray('Ensure plans are imported from Polar on the remote admin portal.\n'));
+    process.exit(1);
+  }
+
+  // Step 7 — Query local data (for summary counts)
+  const featuresSQL = `SELECT json_agg(row_to_json(t)) FROM (
+    SELECT name, code, description, feature_type, default_value, template, is_active, sort_order
+    FROM subscription_plan_features ORDER BY sort_order
+  ) t;`;
+
+  const featureValuesSQL = `SELECT json_agg(row_to_json(t)) FROM (
+    SELECT sp.code AS plan_code, spf.code AS feature_code, spfv.value
+    FROM subscription_plan_feature_values spfv
+    JOIN subscription_plans sp ON sp.id = spfv.subscription_plan_id
+    JOIN subscription_plan_features spf ON spf.id = spfv.feature_id
+  ) t;`;
+
+  const featuresResult = localQuery(infrastructurePath, featuresSQL);
+  const featureValuesResult = localQuery(infrastructurePath, featureValuesSQL);
+
+  let features = [];
+  let featureValues = [];
+
+  try {
+    features = JSON.parse((featuresResult.stdout || '').trim()) || [];
+  } catch {
+    features = [];
+  }
+
+  try {
+    featureValues = JSON.parse((featureValuesResult.stdout || '').trim()) || [];
+  } catch {
+    featureValues = [];
+  }
+
+  // Step 7 cont — Show summary + confirm
+  console.log(chalk.yellow.bold('\n⚠️  You are about to overwrite ALL features on the PRODUCTION database.\n'));
+  console.log(chalk.gray(`  Local features:             ${features.length}`));
+  console.log(chalk.gray(`  Local feature-plan values:  ${featureValues.length}`));
+  console.log(chalk.gray(`  Remote host:                ${vpsHost}\n`));
+  console.log(chalk.red('This will TRUNCATE subscription_plan_features (cascades to feature values).\n'));
+
+  const { confirmed } = await inquirer.prompt([
+    {
+      type: 'confirm',
+      name: 'confirmed',
+      message: 'Are you sure you want to sync features to production?',
+      default: false
+    }
+  ]);
+
+  if (!confirmed) {
+    console.log(chalk.gray('\nAborted.\n'));
+    process.exit(0);
+  }
+
+  // Step 9 — Build sync SQL transaction
+  const featureRows = features.map(f =>
+    `(${sqlStr(f.name)}, ${sqlStr(f.code)}, ${sqlStr(f.description)}, ${sqlStr(f.feature_type)}, ${sqlJsonb(f.default_value)}, ${sqlStr(f.template)}, ${sqlBool(f.is_active)}, ${f.sort_order !== null && f.sort_order !== undefined ? f.sort_order : 'NULL'}, NOW(), NOW())`
+  ).join(',\n  ');
+
+  const featureValueRows = featureValues.map(v =>
+    `(${sqlStr(v.plan_code)}, ${sqlStr(v.feature_code)}, ${sqlJsonb(v.value)})`
+  ).join(',\n  ');
+
+  let syncSql = `BEGIN;\n\nTRUNCATE subscription_plan_features CASCADE;\n`;
+
+  if (features.length > 0) {
+    syncSql += `
+INSERT INTO subscription_plan_features
+  (name, code, description, feature_type, default_value, template, is_active, sort_order, created_at, updated_at)
+VALUES
+  ${featureRows};
+`;
+  }
+
+  if (featureValues.length > 0) {
+    syncSql += `
+INSERT INTO subscription_plan_feature_values (subscription_plan_id, feature_id, value, created_at, updated_at)
+SELECT p.id, f.id, v.value, NOW(), NOW()
+FROM (VALUES
+  ${featureValueRows}
+) AS v(plan_code, feature_code, value)
+JOIN subscription_plans p ON p.code = v.plan_code
+JOIN subscription_plan_features f ON f.code = v.feature_code;
+`;
+  }
+
+  syncSql += `\nCOMMIT;\n`;
+
+  // Step 10 — Execute on remote with spinner
+  const spinner = ora('Syncing features to production...').start();
+
+  const execResult = spawnSync('ssh', [
+    `${vpsUser}@${vpsHost}`,
+    `cd ${vpsAppFolder}/infrastructure && docker compose -f docker-compose.yml -f docker-compose.prod.yml exec -T database sh -c 'psql -v ON_ERROR_STOP=1 -U $POSTGRES_USER $POSTGRES_DB'`
+  ], { input: syncSql, encoding: 'utf8' });
+
+  if (execResult.status !== 0) {
+    spinner.fail('Failed to sync features to production.');
+    if (execResult.stderr) {
+      console.error(chalk.gray(execResult.stderr));
+    }
+    process.exit(1);
+  }
+
+  spinner.succeed(chalk.green(`Synced ${features.length} features and ${featureValues.length} feature-plan values to production.`));
+  console.log();
+}
+
+module.exports = { deploySyncFeatures };

package/src/commands/dev-logo.js

@@ -0,0 +1,160 @@
+const fs = require('fs');
+const path = require('path');
+const chalk = require('chalk');
+const { requireProject, getProjectConfig } = require('../utils/project-helpers');
+
+/**
+ * Render SVG to PNG buffer at a given size using @resvg/resvg-js
+ * @param {Buffer} svgBuffer - SVG file buffer
+ * @param {number} size - Width/height in pixels
+ * @returns {Buffer} PNG buffer
+ */
+function renderPng(Resvg, svgBuffer, size) {
+  const resvg = new Resvg(svgBuffer, {
+    fitTo: { mode: 'width', value: size },
+  });
+  const pngData = resvg.render();
+  return pngData.asPng();
+}
+
+/**
+ * Write a file, creating directories as needed
+ * @param {string} filePath - Absolute path to write
+ * @param {Buffer|string} data - File content
+ */
+function writeFile(filePath, data) {
+  fs.mkdirSync(path.dirname(filePath), { recursive: true });
+  fs.writeFileSync(filePath, data);
+  console.log(chalk.gray(`  ✓ ${filePath.replace(process.cwd() + '/', '')}`));
+}
+
+/**
+ * Generate and inject logo/favicon assets across all relevant frontend services
+ */
+async function devLogo() {
+  requireProject();
+
+  const cwd = process.cwd();
+  const logoPath = path.join(cwd, 'logo.svg');
+
+  if (!fs.existsSync(logoPath)) {
+    console.error(chalk.red('\n❌ Error: logo.svg not found'));
+    console.log(chalk.gray('Place your logo.svg file in the project root:'));
+    console.log(chalk.white(`  ${cwd}/logo.svg`));
+    console.log();
+    console.log(chalk.gray('Then run:'));
+    console.log(chalk.white('  launchframe dev:logo\n'));
+    process.exit(1);
+  }
+
+  const config = getProjectConfig();
+  const hasCustomersPortal = (config.installedServices || []).includes('customers-portal');
+
+  // Lazy load heavy dependencies
+  const { Resvg } = require('@resvg/resvg-js');
+  const toIco = require('to-ico');
+
+  const svgBuffer = fs.readFileSync(logoPath);
+  const svgContent = svgBuffer.toString('utf8');
+
+  console.log(chalk.blue.bold('\nGenerating logo assets...\n'));
+
+  // ─── Website ─────────────────────────────────────────────────────────────
+  const websitePath = path.join(cwd, 'website');
+  if (!fs.existsSync(websitePath)) {
+    console.log(chalk.yellow('⚠ website not found — skipping'));
+  } else {
+    console.log(chalk.white('website/public/'));
+    const pub = path.join(websitePath, 'public');
+    const images = path.join(pub, 'images');
+
+    const png16 = renderPng(Resvg, svgBuffer, 16);
+    const png32 = renderPng(Resvg, svgBuffer, 32);
+    const png96 = renderPng(Resvg, svgBuffer, 96);
+    const png180 = renderPng(Resvg, svgBuffer, 180);
+    const png512 = renderPng(Resvg, svgBuffer, 512);
+    const icoBuffer = await toIco([png16, png32]);
+
+    writeFile(path.join(pub, 'favicon.ico'), icoBuffer);
+    writeFile(path.join(pub, 'favicon.svg'), svgContent);
+    writeFile(path.join(pub, 'favicon.png'), png32);
+    writeFile(path.join(pub, 'favicon-96x96.png'), png96);
+    writeFile(path.join(pub, 'apple-touch-icon.png'), png180);
+    writeFile(path.join(images, 'logo.svg'), svgContent);
+    writeFile(path.join(images, 'logo.png'), png512);
+  }
+
+  // ─── Admin Portal ─────────────────────────────────────────────────────────
+  const adminPath = path.join(cwd, 'admin-portal');
+  if (!fs.existsSync(adminPath)) {
+    console.log(chalk.yellow('⚠ admin-portal not found — skipping'));
+  } else {
+    console.log(chalk.white('\nadmin-portal/public/'));
+    const pub = path.join(adminPath, 'public');
+    const favicons = path.join(pub, 'favicons');
+    const srcAssets = path.join(adminPath, 'src', 'assets');
+
+    const png16 = renderPng(Resvg, svgBuffer, 16);
+    const png24 = renderPng(Resvg, svgBuffer, 24);
+    const png32 = renderPng(Resvg, svgBuffer, 32);
+    const png64 = renderPng(Resvg, svgBuffer, 64);
+    const png96 = renderPng(Resvg, svgBuffer, 96);
+    const png180 = renderPng(Resvg, svgBuffer, 180);
+    const png192 = renderPng(Resvg, svgBuffer, 192);
+    const png512 = renderPng(Resvg, svgBuffer, 512);
+    const icoBuffer = await toIco([png16, png32]);
+    const icoFavicons = await toIco([png16, png24, png32, png64]);
+
+    writeFile(path.join(pub, 'favicon.ico'), icoBuffer);
+    writeFile(path.join(pub, 'favicon.svg'), svgContent);
+    writeFile(path.join(pub, 'favicon.png'), png32);
+    writeFile(path.join(favicons, 'favicon.svg'), svgContent);
+    writeFile(path.join(favicons, 'favicon.ico'), icoFavicons);
+    writeFile(path.join(favicons, 'favicon-16x16.png'), png16);
+    writeFile(path.join(favicons, 'favicon-32x32.png'), png32);
+    writeFile(path.join(favicons, 'favicon-96x96.png'), png96);
+    writeFile(path.join(favicons, 'web-app-manifest-192x192.png'), png192);
+    writeFile(path.join(favicons, 'web-app-manifest-96x96.png'), png96);
+    writeFile(path.join(favicons, 'web-app-manifest-512x512.png'), png512);
+    writeFile(path.join(favicons, 'apple-touch-icon.png'), png180);
+    writeFile(path.join(pub, 'logo.svg'), svgContent);
+    writeFile(path.join(pub, 'logo.png'), png512);
+    writeFile(path.join(pub, 'logo192.png'), png192);
+    writeFile(path.join(pub, 'logo512.png'), png512);
+    writeFile(path.join(srcAssets, 'logo.svg'), svgContent);
+  }
+
+  // ─── Customers Portal (B2B2C only) ────────────────────────────────────────
+  if (hasCustomersPortal) {
+    const customersPath = path.join(cwd, 'customers-portal');
+    if (!fs.existsSync(customersPath)) {
+      console.log(chalk.yellow('\n⚠ customers-portal not found — skipping'));
+    } else {
+      console.log(chalk.white('\ncustomers-portal/public/'));
+      const pub = path.join(customersPath, 'public');
+      const favicons = path.join(pub, 'favicons');
+
+      const png16 = renderPng(Resvg, svgBuffer, 16);
+      const png32 = renderPng(Resvg, svgBuffer, 32);
+      const png96 = renderPng(Resvg, svgBuffer, 96);
+      const png180 = renderPng(Resvg, svgBuffer, 180);
+      const png512 = renderPng(Resvg, svgBuffer, 512);
+      const icoBuffer = await toIco([png16, png32]);
+
+      writeFile(path.join(pub, 'favicon.ico'), icoBuffer);
+      writeFile(path.join(pub, 'favicon.svg'), svgContent);
+      writeFile(path.join(pub, 'favicon.png'), png32);
+      writeFile(path.join(favicons, 'favicon.svg'), svgContent);
+      writeFile(path.join(favicons, 'favicon-16x16.png'), png16);
+      writeFile(path.join(favicons, 'favicon-32x32.png'), png32);
+      writeFile(path.join(favicons, 'favicon-96x96.png'), png96);
+      writeFile(path.join(favicons, 'apple-touch-icon.png'), png180);
+      writeFile(path.join(pub, 'logo.svg'), svgContent);
+      writeFile(path.join(pub, 'logo.png'), png512);
+    }
+  }
+
+  console.log(chalk.green('\n✅ Logo assets generated successfully!\n'));
+}
+
+module.exports = { devLogo };

package/src/commands/help.js

@@ -20,7 +20,8 @@ function help() {
     console.log(chalk.gray('  deploy:set-env    Configure production environment variables'));
     console.log(chalk.gray('  deploy:init       Initialize VPS and build Docker images'));
     console.log(chalk.gray('  deploy:up         Start services on VPS'));
-    console.log(chalk.gray('  deploy:build [service]  Build, push, and deploy (all or specific service)\n'));
+    console.log(chalk.gray('  deploy:build [service]        Build, push, and deploy (all or specific service)'));
+    console.log(chalk.gray('  deploy:sync-features          Sync local features and plan assignments to production\n'));
 
     // Conditionally show waitlist commands
     if (isWaitlistInstalled()) {
@@ -60,7 +61,8 @@ function help() {
     console.log(chalk.gray('  cache:clear       Delete cache (re-download on next use)\n'));
     console.log(chalk.white('Dev Helpers:'));
     console.log(chalk.gray('  dev:add-user      Generate and insert a random test user into the local database'));
-    console.log(chalk.gray('  dev:queue         Open the Bull queue dashboard in the browser\n'));
+    console.log(chalk.gray('  dev:queue         Open the Bull queue dashboard in the browser'));
+    console.log(chalk.gray('  dev:logo          Generate and inject favicon/logo assets from logo.svg\n'));
     console.log(chalk.white('Other commands:'));
     console.log(chalk.gray('  doctor            Check project health and configuration'));
     console.log(chalk.gray('  telemetry         Show telemetry status'));

package/src/index.js

@@ -45,6 +45,8 @@ const { moduleAdd, moduleList } = require('./commands/module');
 const { cacheClear, cacheInfo, cacheUpdate } = require('./commands/cache');
 const { devAddUser } = require('./commands/dev-add-user');
 const { devQueue } = require('./commands/dev-queue');
+const { devLogo } = require('./commands/dev-logo');
+const { deploySyncFeatures } = require('./commands/deploy-sync-features');
 
 // Get command and arguments
 const command = process.argv[2];
@@ -128,6 +130,9 @@ async function main() {
     case 'deploy:build':
       await deployBuild(args[1]); // Optional service name
       break;
+    case 'deploy:sync-features':
+      await deploySyncFeatures();
+      break;
     case 'waitlist:deploy':
       await waitlistDeploy();
       break;
@@ -215,6 +220,9 @@ async function main() {
     case 'dev:queue':
       await devQueue();
       break;
+    case 'dev:logo':
+      await devLogo();
+      break;
     case 'telemetry':
       if (flags.disable) {
         setTelemetryEnabled(false);