@bootmap/wpep-cli 1.1.1 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bootmap/wpep-cli",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "CLI tool for deploying Next.js static exports to WordPress via WP Elementor Publisher",
   "main": "bin/wpep.js",
   "type": "module",
@@ -20,8 +20,10 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "archiver": "^8.0.0",
     "chalk": "^5.3.0",
     "commander": "^11.1.0",
+    "form-data": "^4.0.6",
     "inquirer": "^9.2.12",
     "ora": "^7.0.1"
   }

package/src/commands/deploy.js

@@ -5,6 +5,7 @@ import chalk from 'chalk';
 import ora from 'ora';
 import { execSync } from 'child_process';
 import inquirer from 'inquirer';
+import archiver from 'archiver';
 
 function getFiles(dir, files = []) {
   if (!fs.existsSync(dir)) return files;
@@ -25,15 +26,18 @@ export default async function deployCommand(options) {
   let key = options.key;
 
   if (!url || !key) {
-    const rcPath = path.join(process.cwd(), '.wpeprc.json');
-    if (fs.existsSync(rcPath)) {
+    const rcPath = path.join(process.cwd(), '.wpep.config.json');
+    const oldRcPath = path.join(process.cwd(), '.wpeprc.json');
+    let configPath = fs.existsSync(rcPath) ? rcPath : (fs.existsSync(oldRcPath) ? oldRcPath : null);
+    
+    if (configPath) {
       try {
-        const config = JSON.parse(fs.readFileSync(rcPath, 'utf8'));
+        const config = JSON.parse(fs.readFileSync(configPath, 'utf8'));
         url = url || config.url;
         key = key || config.key;
         options.dir = options.dir || config.dir;
       } catch (e) {
-        throw new Error('Could not read .wpeprc.json. Run "wpep init" first.');
+        throw new Error('Could not read config file. Run "wpep init" first.');
       }
     }
   }
@@ -76,6 +80,15 @@ export default async function deployCommand(options) {
       );
       fs.writeFileSync(nextConfigPath, patched, 'utf8');
     }
+    
+    // Check for next/image unoptimized
+    const hasNextImage = getFiles(process.cwd()).some(f => f.endsWith('.js') || f.endsWith('.tsx') || f.endsWith('.jsx'));
+    // A quick heuristic: if they have next.config.js but didn't set images: { unoptimized: true }
+    if (!originalContent.includes('unoptimized') && !originalContent.includes('unoptimized: true')) {
+      console.log(chalk.red.bold('\n⚠️  STATIC EXPORT WARNING'));
+      console.log(chalk.yellow('If you use next/image (<Image />), static exports will fail unless you configure unoptimized: true.'));
+      console.log(chalk.yellow('Add this to your next.config.js:\n  images: { unoptimized: true }\n'));
+    }
   }
 
   if (options.build !== false) {
@@ -183,32 +196,57 @@ export default async function deployCommand(options) {
   if (skippedCount > 0) {
     console.log(chalk.green(`\n⚡ ${skippedCount} unchanged files will be copied server-side (not re-uploaded).`));
   }
-  console.log(chalk.gray(`Uploading ${changedFiles.length} changed files...\n`));
+  console.log(chalk.gray(`Preparing ZIP archive for ${changedFiles.length} changed files...\n`));
+
+  const zipPath = path.join(process.cwd(), 'wpep-deploy.zip');
+  const outputZip = fs.createWriteStream(zipPath);
+  const archive = archiver('zip', { zlib: { level: 9 } });
+
+  const zipPromise = new Promise((resolve, reject) => {
+    outputZip.on('close', resolve);
+    archive.on('error', reject);
+  });
+
+  archive.pipe(outputZip);
 
-  let uploaded = 0;
   for (const file of changedFiles) {
     const relativePath = path.relative(outDir, file);
-    const data = fs.readFileSync(file);
-    const base64Data = data.toString('base64');
-    const hash = filesList[relativePath];
+    archive.file(file, { name: relativePath });
+  }
 
-    const uploadSpinner = ora(`Uploading ${relativePath}...`).start();
+  await archive.finalize();
+  await zipPromise;
 
-    try {
-      const uploadRes = await fetch(`${url}/wp-json/wpep/v1/deployments/${deployId}/upload`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json', 'x-wpep-api-key': key },
-        body: JSON.stringify({ path: relativePath, data: base64Data, hash })
-      });
-      if (!uploadRes.ok) {
-        throw new Error(`Failed to upload ${relativePath}: ${uploadRes.statusText}`);
-      }
-      uploadSpinner.succeed(`Uploaded ${relativePath}`);
-      uploaded++;
-    } catch (e) {
-      uploadSpinner.fail(`Failed to upload ${relativePath}`);
-      throw e;
+  const uploadSpinner = ora('Uploading archive to WordPress...').start();
+  try {
+    const fileBuffer = fs.readFileSync(zipPath);
+    const blob = new Blob([fileBuffer], { type: 'application/zip' });
+    
+    // We must use the native FormData (available in Node 18+)
+    const formData = new globalThis.FormData();
+    formData.append('archive', blob, 'wpep-deploy.zip');
+
+    const uploadRes = await fetch(`${url}/wp-json/wpep/v1/deployments/${deployId}/upload-archive`, {
+      method: 'POST',
+      headers: { 
+        'x-wpep-api-key': key
+      },
+      body: formData
+    });
+    
+    if (!uploadRes.ok) {
+      const errorText = await uploadRes.text();
+      throw new Error(`Failed to upload archive: ${uploadRes.statusText} - ${errorText}`);
     }
+    uploadSpinner.succeed('Archive uploaded and extracted successfully.');
+    
+    // Clean up zip
+    if (fs.existsSync(zipPath)) {
+      fs.unlinkSync(zipPath);
+    }
+  } catch (e) {
+    uploadSpinner.fail('Failed to upload archive.');
+    throw e;
   }
 
   const activateSpinner = ora('Activating deployment...').start();

package/src/commands/init.js

@@ -6,7 +6,7 @@ import path from 'path';
 export default async function initCommand() {
   console.log(chalk.blue.bold('\nWelcome to WP Elementor Publisher (WPEP) CLI\n'));
   
-  const rcPath = path.join(process.cwd(), '.wpeprc.json');
+  const rcPath = path.join(process.cwd(), '.wpep.config.json');
   
   let existingConfig = {};
   if (fs.existsSync(rcPath)) {
@@ -67,6 +67,6 @@ export default async function initCommand() {
 
   fs.writeFileSync(rcPath, JSON.stringify(config, null, 2));
 
-  console.log(chalk.green(`\nSuccess! Saved configuration to ${chalk.bold('.wpeprc.json')}`));
+  console.log(chalk.green(`\n✅ Successfully initialized WPEP configuration in .wpep.config.json`));
   console.log(`You can now run ${chalk.cyan('wpep deploy')} to deploy your site.\n`);
 }