design-lazyyy-cli 0.1.2 → 0.2.0

package/README.md

@@ -42,7 +42,7 @@ all through a single CLI connected to Figma Desktop via Chrome DevTools Protocol
 # Install globally via npm
 npm install -g design-lazyyy-cli
 
-# One-time setup: patch Figma & install figma-use
+# One-time setup: patch Figma for CLI access
 design-lazyyy-cli init
 
 # Connect to Figma Desktop

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-lazyyy-cli",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "CLI for managing Figma design systems. Create variables, components, and more. No API key required.",
   "author": "plugin87",
   "license": "MIT",
@@ -24,6 +24,7 @@
   "dependencies": {
     "chalk": "^5.3.0",
     "commander": "^12.0.0",
+    "figma-use": "^0.13.1",
     "ora": "^8.0.0",
     "ws": "^8.16.0"
   }

package/src/figjam-client.js

@@ -2,7 +2,7 @@
  * FigJam CDP Client
  *
  * Connects directly to FigJam via Chrome DevTools Protocol,
- * bypassing figma-use which has compatibility issues with FigJam.
+ * using direct CDP connection for better FigJam compatibility.
  */
 
 import WebSocket from 'ws';

package/src/index.js

@@ -6,7 +6,7 @@ import ora from 'ora';
 import { execSync, spawn } from 'child_process';
 import { existsSync, readFileSync, writeFileSync, mkdirSync } from 'fs';
 import { fileURLToPath } from 'url';
-import { dirname, join } from 'path';
+import { dirname, join, resolve } from 'path';
 import { createInterface } from 'readline';
 import { homedir, platform } from 'os';
 import { FigJamClient } from './figjam-client.js';
@@ -95,10 +95,15 @@ function saveConfig(config) {
   writeFileSync(CONFIG_FILE, JSON.stringify(config, null, 2));
 }
 
-// Helper: Run figma-use command
+// Resolve engine binary path (local node_modules)
+const __filename2 = fileURLToPath(import.meta.url);
+const __pkgRoot = dirname(dirname(__filename2));
+const ENGINE_BIN = resolve(__pkgRoot, 'node_modules', '.bin', 'figma-use');
+
+// Helper: Run engine command
 function figmaUse(args, options = {}) {
   try {
-    const result = execSync(`figma-use ${args}`, {
+    const result = execSync(`"${ENGINE_BIN}" ${args}`, {
       encoding: 'utf8',
       stdio: options.silent ? 'pipe' : 'inherit',
       ...options
@@ -122,16 +127,16 @@ function checkConnection() {
   return true;
 }
 
-// Helper: Check if figma-use is installed
+// Helper: Check if engine is available
 function checkDependencies(silent = false) {
   try {
-    execSync('which figma-use', { stdio: 'pipe' });
-    return true;
-  } catch {
+    if (existsSync(ENGINE_BIN)) return true;
     if (!silent) {
-      console.log(chalk.yellow('  Installing figma-use...'));
-      execSync('npm install -g figma-use', { stdio: 'inherit' });
+      console.log(chalk.yellow('  Installing dependencies...'));
+      execSync('npm install', { cwd: __pkgRoot, stdio: 'inherit' });
     }
+    return existsSync(ENGINE_BIN);
+  } catch {
     return false;
   }
 }
@@ -189,18 +194,18 @@ program.action(async () => {
     }
     console.log(chalk.green(`  ✓ Node.js ${nodeVersion}`));
 
-    // Step 2: Install figma-use
+    // Step 2: Install dependencies
     console.log(chalk.blue('\nStep 2/4: ') + 'Installing dependencies...');
     if (checkDependencies(true)) {
-      console.log(chalk.green('  ✓ figma-use already installed'));
+      console.log(chalk.green('  ✓ Dependencies ready'));
     } else {
-      const spinner = ora('  Installing figma-use...').start();
+      const spinner = ora('  Installing dependencies...').start();
       try {
-        execSync('npm install -g figma-use', { stdio: 'pipe' });
-        spinner.succeed('figma-use installed');
+        execSync('npm install', { cwd: __pkgRoot, stdio: 'pipe' });
+        spinner.succeed('Dependencies installed');
       } catch (error) {
-        spinner.fail('Failed to install figma-use');
-        console.log(chalk.gray('  Try manually: npm install -g figma-use'));
+        spinner.fail('Failed to install dependencies');
+        console.log(chalk.gray('  Try manually: npm install'));
         process.exit(1);
       }
     }
@@ -213,7 +218,7 @@ program.action(async () => {
       console.log(chalk.gray('  (This allows CLI to connect to Figma)'));
       const spinner = ora('  Patching...').start();
       try {
-        execSync('figma-use patch', { stdio: 'pipe' });
+        execSync(`"${ENGINE_BIN}" patch`, { stdio: 'pipe' });
         config.patched = true;
         saveConfig(config);
         spinner.succeed('Figma patched');
@@ -224,7 +229,7 @@ program.action(async () => {
           spinner.succeed('Figma already patched');
         } else {
           spinner.fail('Patch failed');
-          console.log(chalk.gray('  Try manually: figma-use patch'));
+          console.log(chalk.gray('  Try: design-lazyyy-cli init'));
         }
       }
     }
@@ -348,18 +353,18 @@ program
     }
     console.log(chalk.green(`  ✓ Node.js ${nodeVersion}`));
 
-    // Step 2: Install figma-use
+    // Step 2: Install dependencies
     console.log(chalk.blue('\nStep 2/4: ') + 'Installing dependencies...');
     if (checkDependencies(true)) {
-      console.log(chalk.green('  ✓ figma-use already installed'));
+      console.log(chalk.green('  ✓ Dependencies ready'));
     } else {
-      const spinner = ora('  Installing figma-use...').start();
+      const spinner = ora('  Installing dependencies...').start();
       try {
-        execSync('npm install -g figma-use', { stdio: 'pipe' });
-        spinner.succeed('figma-use installed');
+        execSync('npm install', { cwd: __pkgRoot, stdio: 'pipe' });
+        spinner.succeed('Dependencies installed');
       } catch (error) {
-        spinner.fail('Failed to install figma-use');
-        console.log(chalk.gray('  Try manually: npm install -g figma-use'));
+        spinner.fail('Failed to install dependencies');
+        console.log(chalk.gray('  Try manually: npm install'));
         process.exit(1);
       }
     }
@@ -373,7 +378,7 @@ program
       console.log(chalk.gray('  (This allows CLI to connect to Figma)'));
       const spinner = ora('  Patching...').start();
       try {
-        execSync('figma-use patch', { stdio: 'pipe' });
+        execSync(`"${ENGINE_BIN}" patch`, { stdio: 'pipe' });
         config.patched = true;
         saveConfig(config);
         spinner.succeed('Figma patched');
@@ -384,7 +389,7 @@ program
           spinner.succeed('Figma already patched');
         } else {
           spinner.fail('Patch failed');
-          console.log(chalk.gray('  Try manually: figma-use patch'));
+          console.log(chalk.gray('  Try: design-lazyyy-cli init'));
         }
       }
     }
@@ -1104,7 +1109,7 @@ removed
 
     try {
       for (const { jsx } of jsxComponents) {
-        execSync(`echo '${jsx}' | figma-use render --stdin`, { stdio: 'pipe' });
+        execSync(`echo '${jsx}' | "${ENGINE_BIN}" render --stdin`, { stdio: 'pipe' });
       }
       spinner.succeed('9 frames created');
     } catch (e) { spinner.fail('Frame creation failed'); }
@@ -2179,7 +2184,7 @@ program
   .description('Render JSX to Figma')
   .action((jsx) => {
     checkConnection();
-    execSync(`echo '${jsx}' | figma-use render --stdin`, { stdio: 'inherit' });
+    execSync(`echo '${jsx}' | "${ENGINE_BIN}" render --stdin`, { stdio: 'inherit' });
   });
 
 // ============ EXPORT ============
@@ -2257,7 +2262,7 @@ program
 
 program
   .command('raw <command...>')
-  .description('Run raw figma-use command')
+  .description('Run raw engine command')
   .action((command) => {
     checkConnection();
     figmaUse(command.join(' '));