rad-coder 1.0.0 → 1.0.2

package/bin/cli.js

@@ -2,40 +2,169 @@
 
 const path = require('path');
 const fs = require('fs');
+const readline = require('readline');
 
 // Get the package root directory
 const packageRoot = path.join(__dirname, '..');
 
-// Get user's current working directory
-const userDir = process.cwd();
-
-// Files to copy to user's directory on first run
-const filesToCopy = [
-  { template: 'custom.js', target: 'custom.js' },
-  { template: 'AGENTS.md', target: 'AGENTS.md' }
-];
-
-// Copy template files if they don't exist
-let filesCreated = false;
-filesToCopy.forEach(({ template, target }) => {
-  const targetPath = path.join(userDir, target);
-  if (!fs.existsSync(targetPath)) {
-    const templatePath = path.join(packageRoot, 'templates', template);
+// Extract creative ID from input (can be a direct ID or a preview URL)
+function extractCreativeId(input) {
+  if (!input) return null;
+  const urlMatch = input.match(/creatives\/([a-f0-9]+)/i);
+  return urlMatch ? urlMatch[1] : input;
+}
+
+/**
+ * Prompt user with a question and choices
+ * @param {string} question - The question to ask
+ * @param {string[]} choices - Array of choices
+ * @returns {Promise<number>} - The index of the selected choice (0-based)
+ */
+function promptUser(question, choices) {
+  return new Promise((resolve) => {
+    const rl = readline.createInterface({
+      input: process.stdin,
+      output: process.stdout
+    });
+
+    console.log(`\n${question}`);
+    choices.forEach((choice, index) => {
+      console.log(`  [${index + 1}] ${choice}`);
+    });
+
+    const ask = () => {
+      rl.question('\nChoice (enter number): ', (answer) => {
+        const num = parseInt(answer, 10);
+        if (num >= 1 && num <= choices.length) {
+          rl.close();
+          resolve(num - 1);
+        } else {
+          console.log(`Please enter a number between 1 and ${choices.length}`);
+          ask();
+        }
+      });
+    };
+
+    ask();
+  });
+}
+
+// Get creative ID from command line argument
+const input = process.argv[2];
+const creativeId = extractCreativeId(input);
+
+if (!creativeId) {
+  console.log('Usage: npx rad-coder <creativeId or previewUrl>');
+  console.log('');
+  console.log('Examples:');
+  console.log('  npx rad-coder 697b80fcc6e904025f5147a0');
+  console.log('  npx rad-coder https://studio.responsiveads.com/creatives/697b80fcc6e904025f5147a0/preview');
+  process.exit(1);
+}
+
+async function main() {
+  // Determine the target directory
+  const cwd = process.cwd();
+  const currentDirName = path.basename(cwd);
+  let userDir;
+
+  if (currentDirName === creativeId) {
+    // Already in the correct folder
+    userDir = cwd;
+    console.log(`Using existing folder: ./${creativeId}`);
+  } else {
+    // Create or use a folder with the creative ID
+    userDir = path.join(cwd, creativeId);
+    if (!fs.existsSync(userDir)) {
+      fs.mkdirSync(userDir);
+      console.log(`Created folder: ./${creativeId}`);
+    } else {
+      console.log(`Using existing folder: ./${creativeId}`);
+    }
+  }
+
+  // Set environment variables for the server
+  process.env.RAD_CODER_USER_DIR = userDir;
+  process.env.RAD_CODER_PACKAGE_DIR = packageRoot;
+
+  // Import server module to fetch creative config
+  const { fetchCreativeConfig, startServer } = require('../server/index.js');
+
+  // Fetch creative config first to check for customjs
+  const config = await fetchCreativeConfig(creativeId);
+
+  const customJsPath = path.join(userDir, 'custom.js');
+  const customJsExists = fs.existsSync(customJsPath);
+  const hasCreativeCustomJs = config.customjs && config.customjs.trim().length > 0;
+
+  // Handle custom.js file creation/update
+  if (hasCreativeCustomJs) {
+    if (!customJsExists) {
+      // custom.js doesn't exist - ask user what to use
+      const choice = await promptUser(
+        'Found customJS in this creative. What would you like to use?',
+        [
+          'Use customJS from the creative (recommended)',
+          'Start with blank template'
+        ]
+      );
+
+      if (choice === 0) {
+        // Use customjs from creative
+        fs.writeFileSync(customJsPath, config.customjs, 'utf-8');
+        console.log('  Created custom.js (from creative)');
+      } else {
+        // Use template
+        const templatePath = path.join(packageRoot, 'templates', 'custom.js');
+        if (fs.existsSync(templatePath)) {
+          fs.copyFileSync(templatePath, customJsPath);
+          console.log('  Created custom.js (from template)');
+        }
+      }
+    } else {
+      // custom.js exists - ask user if they want to overwrite
+      const choice = await promptUser(
+        'Found customJS in this creative. Your custom.js already exists.',
+        [
+          'Keep existing custom.js',
+          'Overwrite with customJS from creative'
+        ]
+      );
+
+      if (choice === 1) {
+        // Overwrite with creative's customjs
+        fs.writeFileSync(customJsPath, config.customjs, 'utf-8');
+        console.log('  Overwrote custom.js with creative\'s customJS');
+      } else {
+        console.log('  Keeping existing custom.js');
+      }
+    }
+  } else {
+    // No customjs in creative - use template if custom.js doesn't exist
+    if (!customJsExists) {
+      const templatePath = path.join(packageRoot, 'templates', 'custom.js');
+      if (fs.existsSync(templatePath)) {
+        fs.copyFileSync(templatePath, customJsPath);
+        console.log('  Created custom.js (from template)');
+      }
+    }
+  }
+
+  // Copy AGENTS.md if it doesn't exist
+  const agentsMdPath = path.join(userDir, 'AGENTS.md');
+  if (!fs.existsSync(agentsMdPath)) {
+    const templatePath = path.join(packageRoot, 'templates', 'AGENTS.md');
     if (fs.existsSync(templatePath)) {
-      fs.copyFileSync(templatePath, targetPath);
-      console.log(` Created ${target}`);
-      filesCreated = true;
+      fs.copyFileSync(templatePath, agentsMdPath);
+      console.log('  Created AGENTS.md');
     }
   }
-});
 
-if (filesCreated) {
-  console.log('');
+  // Start the server with pre-fetched config
+  await startServer(config);
 }
 
-// Set environment variables for the server
-process.env.RAD_CODER_USER_DIR = userDir;
-process.env.RAD_CODER_PACKAGE_DIR = packageRoot;
-
-// Run the server
-require('../server/index.js');
+main().catch((err) => {
+  console.error('Error:', err.message);
+  process.exit(1);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rad-coder",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Development environment for testing ResponsiveAds creative custom JS with hot-reload",
   "bin": {
     "rad-coder": "./bin/cli.js"

package/server/index.js

@@ -19,26 +19,33 @@ const packageDir = process.env.RAD_CODER_PACKAGE_DIR || path.join(__dirname, '..
 // CLI Argument Parsing
 // ============================================================
 
-const input = process.argv[2];
-
-if (!input) {
-  console.error('\n Usage: npx rad-coder <creativeId or previewUrl>\n');
-  console.error(' Examples:');
-  console.error('   npx rad-coder 697b80fcc6e904025f5147a0');
-  console.error('   npx rad-coder https://studio.responsiveads.com/creatives/697b80fcc6e904025f5147a0/preview\n');
-  process.exit(1);
-}
+// Check if we're being required as a module (from cli.js) or run directly
+const isModule = require.main !== module;
 
-/**
- * Extract creative ID from URL or use directly
- */
-function extractCreativeId(input) {
-  // If it's a URL, extract the ID
-  const urlMatch = input.match(/creatives\/([a-f0-9]+)/i);
-  return urlMatch ? urlMatch[1] : input;
-}
+let creativeId = null;
+
+if (!isModule) {
+  const input = process.argv[2];
+
+  if (!input) {
+    console.error('\n Usage: npx rad-coder <creativeId or previewUrl>\n');
+    console.error(' Examples:');
+    console.error('   npx rad-coder 697b80fcc6e904025f5147a0');
+    console.error('   npx rad-coder https://studio.responsiveads.com/creatives/697b80fcc6e904025f5147a0/preview\n');
+    process.exit(1);
+  }
+
+  /**
+   * Extract creative ID from URL or use directly
+   */
+  function extractCreativeIdLocal(input) {
+    // If it's a URL, extract the ID
+    const urlMatch = input.match(/creatives\/([a-f0-9]+)/i);
+    return urlMatch ? urlMatch[1] : input;
+  }
 
-const creativeId = extractCreativeId(input);
+  creativeId = extractCreativeIdLocal(input);
+}
 
 // ============================================================
 // Fetch Creative Config from Studio Preview Page
@@ -46,6 +53,60 @@ const creativeId = extractCreativeId(input);
 
 let creativeConfig = null;
 
+/**
+ * Extract a JSON object from HTML using balanced bracket parsing
+ * @param {string} html - The HTML content
+ * @param {string} startMarker - The marker to find (e.g., 'window.creative = ')
+ * @returns {object|null} - Parsed JSON object or null
+ */
+function extractJsonObject(html, startMarker) {
+  const startIdx = html.indexOf(startMarker);
+  if (startIdx === -1) return null;
+  
+  const jsonStart = startIdx + startMarker.length;
+  let braceCount = 0;
+  let inString = false;
+  let escapeNext = false;
+  let endIdx = jsonStart;
+  
+  for (let i = jsonStart; i < html.length; i++) {
+    const char = html[i];
+    
+    if (escapeNext) {
+      escapeNext = false;
+      continue;
+    }
+    
+    if (char === '\\') {
+      escapeNext = true;
+      continue;
+    }
+    
+    if (char === '"' && !inString) {
+      inString = true;
+    } else if (char === '"' && inString) {
+      inString = false;
+    }
+    
+    if (!inString) {
+      if (char === '{') braceCount++;
+      if (char === '}') braceCount--;
+      
+      if (braceCount === 0 && char === '}') {
+        endIdx = i + 1;
+        break;
+      }
+    }
+  }
+  
+  try {
+    const jsonStr = html.substring(jsonStart, endIdx);
+    return JSON.parse(jsonStr);
+  } catch (err) {
+    return null;
+  }
+}
+
 /**
  * Fetch and parse creative configuration from studio preview page
  */
@@ -67,6 +128,13 @@ async function fetchCreativeConfig(creativeId) {
     const creativeIdMatch = html.match(/window\.creativeId\s*=\s*['"]([^'"]+)['"]/);
     const extractedCreativeId = creativeIdMatch ? creativeIdMatch[1] : creativeId;
     
+    // Extract window.creative object to get customjs
+    let customjs = null;
+    const creativeObj = extractJsonObject(html, 'window.creative = ');
+    if (creativeObj && creativeObj.config && creativeObj.config.customjs) {
+      customjs = creativeObj.config.customjs;
+    }
+    
     // Extract flowlines - try multiple patterns
     let flowlines;
     
@@ -174,9 +242,9 @@ async function fetchCreativeConfig(creativeId) {
       flowlineName: fl.name || 'Unknown',
       sizes: sizes,
       isFluid: fl.fullyFluid || false,
-      adSource: '//publish.responsiveads.com/ads/',
-      flSource: '//publish.responsiveads.com/flowlines/',
-      radicalScript: 'https://publish.responsiveads.com/libs/radical.r8.min.js',
+      adSource: '//edit.responsiveads.com/ads/',
+      flSource: '//edit.responsiveads.com/flowlines/',
+      radicalScript: 'https://studio.responsiveads.com/js/libs/radical.min.js',
       server: {
         port: 3000,
         host: 'localhost'
@@ -187,7 +255,9 @@ async function fetchCreativeConfig(creativeId) {
         name: f.name,
         sizes: f.flowline?.sizes || [],
         isFluid: f.fullyFluid
-      }))
+      })),
+      // Custom JS from the creative (if available)
+      customjs: customjs
     };
     
   } catch (error) {
@@ -285,13 +355,17 @@ watcher.on('error', (error) => {
 // Start Server
 // ============================================================
 
-async function start() {
+async function start(prefetchedConfig = null) {
   console.log('\n========================================');
   console.log(' RAD Coder - ResponsiveAds Creative Tester');
   console.log('========================================\n');
   
-  // Fetch creative config from studio
-  creativeConfig = await fetchCreativeConfig(creativeId);
+  // Use pre-fetched config if provided, otherwise fetch it
+  if (prefetchedConfig) {
+    creativeConfig = prefetchedConfig;
+  } else {
+    creativeConfig = await fetchCreativeConfig(creativeId);
+  }
   
   console.log(' Creative Config:');
   console.log(` - Creative ID: ${creativeConfig.creativeId}`);
@@ -299,6 +373,7 @@ async function start() {
   console.log(` - Flowline ID: ${creativeConfig.flowlineId}`);
   console.log(` - Sizes: ${creativeConfig.sizes.join(', ')}`);
   console.log(` - Is Fluid: ${creativeConfig.isFluid}`);
+  console.log(` - Has CustomJS: ${creativeConfig.customjs ? 'Yes' : 'No'}`);
   
   if (creativeConfig.allFlowlines.length > 1) {
     console.log(`\n Available Flowlines (${creativeConfig.allFlowlines.length}):`);
@@ -332,7 +407,20 @@ async function start() {
   });
 }
 
-start();
+// ============================================================
+// Module Exports & Startup
+// ============================================================
+
+// Export functions for use by cli.js
+module.exports = {
+  fetchCreativeConfig,
+  startServer: start
+};
+
+// Only auto-start if run directly (not required as module)
+if (!isModule) {
+  start();
+}
 
 // Graceful shutdown
 process.on('SIGINT', () => {