@itayzrihan/create-box-app 1.0.2 → 1.0.3

package/bin/create-box-app.js

@@ -8,11 +8,87 @@
 
 const fs = require('fs');
 const path = require('path');
+const os = require('os');
 
 const projectName = process.argv[2] || 'my-box-app';
 const targetDir = path.join(process.cwd(), projectName);
 const templateDir = path.join(__dirname, '..', 'template');
 
+/**
+ * Get VS Code global settings path based on OS
+ */
+function getVSCodeSettingsPath() {
+  const platform = os.platform();
+  const home = os.homedir();
+  
+  if (platform === 'win32') {
+    return path.join(process.env.APPDATA || path.join(home, 'AppData', 'Roaming'), 'Code', 'User', 'settings.json');
+  } else if (platform === 'darwin') {
+    return path.join(home, 'Library', 'Application Support', 'Code', 'User', 'settings.json');
+  } else {
+    return path.join(home, '.config', 'Code', 'User', 'settings.json');
+  }
+}
+
+/**
+ * Configure VS Code to recognize .box files as HTML globally
+ */
+function configureVSCodeGlobally() {
+  const settingsPath = getVSCodeSettingsPath();
+  
+  try {
+    let settings = {};
+    
+    // Read existing settings if file exists
+    if (fs.existsSync(settingsPath)) {
+      const content = fs.readFileSync(settingsPath, 'utf-8');
+      // Remove comments from JSONC (VS Code settings can have comments)
+      const cleanContent = content.replace(/\/\/.*$/gm, '').replace(/\/\*[\s\S]*?\*\//g, '');
+      try {
+        settings = JSON.parse(cleanContent);
+      } catch {
+        // If parsing fails, try to work with the raw content
+        // Check if .box association already exists
+        if (content.includes('"*.box"')) {
+          return { success: true, alreadyConfigured: true };
+        }
+        // Can't safely modify, skip
+        return { success: false, reason: 'Could not parse existing settings' };
+      }
+    }
+    
+    // Check if already configured
+    if (settings['files.associations'] && settings['files.associations']['*.box'] === 'html') {
+      return { success: true, alreadyConfigured: true };
+    }
+    
+    // Add file association
+    if (!settings['files.associations']) {
+      settings['files.associations'] = {};
+    }
+    settings['files.associations']['*.box'] = 'html';
+    
+    // Add emmet support
+    if (!settings['emmet.includeLanguages']) {
+      settings['emmet.includeLanguages'] = {};
+    }
+    settings['emmet.includeLanguages']['box'] = 'html';
+    
+    // Ensure directory exists
+    const settingsDir = path.dirname(settingsPath);
+    if (!fs.existsSync(settingsDir)) {
+      fs.mkdirSync(settingsDir, { recursive: true });
+    }
+    
+    // Write updated settings
+    fs.writeFileSync(settingsPath, JSON.stringify(settings, null, 2));
+    
+    return { success: true, alreadyConfigured: false };
+  } catch (error) {
+    return { success: false, reason: error.message };
+  }
+}
+
 async function init() {
   console.log(`\n╔══════════════════════════════════════════════════════════════╗
 ║                   📦 BOX Framework Setup                      ║
@@ -39,7 +115,23 @@ async function init() {
     pkg.name = projectName;
     fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
 
+    // Configure VS Code globally
+    const vscodeResult = configureVSCodeGlobally();
+    
     console.log(`✅ Project created successfully!\n`);
+    
+    // Show VS Code configuration status
+    if (vscodeResult.success) {
+      if (vscodeResult.alreadyConfigured) {
+        console.log(`🎨 VS Code: .box files already configured as HTML\n`);
+      } else {
+        console.log(`🎨 VS Code: Configured .box files as HTML globally!\n`);
+      }
+    } else {
+      console.log(`💡 Tip: Add this to your VS Code settings for .box syntax highlighting:`);
+      console.log(`   "files.associations": { "*.box": "html" }\n`);
+    }
+    
     console.log(`📋 Next steps:\n`);
     console.log(`   1. Navigate to your project:`);
     console.log(`      cd ${projectName}\n`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itayzrihan/create-box-app",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Create a new BOX Framework application with one command",
   "main": "bin/create-box-app.js",
   "bin": {