slicejs-cli 3.6.2 → 3.6.3

package/commands/getComponent/getComponent.js

@@ -19,12 +19,12 @@ const COMPONENTS_REGISTRY_URL = 'https://raw.githubusercontent.com/VKneider/slic
  */
 const loadConfig = () => sharedLoadConfig(import.meta.url);
 
-const fetchWithRetry = async (url, retries = 3, baseDelay = 500) => {
+const fetchWithRetry = async (url, retries = 3, baseDelay = 500, binary = false) => {
   for (let attempt = 0; attempt <= retries; attempt++) {
     try {
       const response = await fetch(url);
       if (!response.ok) throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-      return await response.text();
+      return binary ? await response.arrayBuffer() : await response.text();
     } catch (e) {
       if (attempt === retries) throw e;
       const delay = baseDelay * Math.pow(2, attempt);
@@ -185,6 +185,9 @@ filterOfficialComponents(allComponents) {
           // Logical routing components only need JS
           if (['Route', 'MultiRoute', 'Link'].includes(name)) {
             files = [`${name}.js`];
+          } else if (name === 'Icon') {
+            // Icon component needs font files to render glyphs
+            files = [`${name}.js`, `${name}.html`, `${name}.css`, 'slc.eot', 'slc.woff2', 'slc.woff', 'slc.ttf', 'slc.svg'];
           } else {
             // Normal visual components need JS, HTML, CSS
             files = [`${name}.js`, `${name}.html`, `${name}.css`];
@@ -218,12 +221,18 @@ filterOfficialComponents(allComponents) {
     const total = component.files.length;
     let done = 0;
     const spinner = ora(`Downloading ${componentName} 0/${total}`).start();
+    const BINARY_EXTENSIONS = ['.eot', '.woff2', '.woff', '.ttf'];
     const worker = async (fileName) => {
       const url = `${DOCS_REPO_BASE_URL}/${category}/${componentName}/${fileName}`;
       const localPath = path.join(targetPath, fileName);
+      const isBinary = BINARY_EXTENSIONS.some(ext => fileName.endsWith(ext));
       try {
-        const content = await fetchWithRetry(url);
-        await fs.writeFile(localPath, content, 'utf8');
+        const content = await fetchWithRetry(url, 3, 500, isBinary);
+        if (isBinary) {
+          await fs.writeFile(localPath, Buffer.from(content));
+        } else {
+          await fs.writeFile(localPath, content, 'utf8');
+        }
         downloadedFiles.push(fileName);
       } catch (error) {
         Print.downloadError(fileName);

package/commands/init/init.js

@@ -300,6 +300,7 @@ export default async function initializeProject(options = {}) {
         }
 
         // 3. DOWNLOAD ALL VISUAL COMPONENTS FROM OFFICIAL REPOSITORY
+        let visualResults = [];
         const componentsSpinner = ora('Loading component registry...').start();
         try {
             const registry = new ComponentRegistry();
@@ -307,25 +308,23 @@ export default async function initializeProject(options = {}) {
 
             // Install only the Visual components the starter project uses.
             const allVisualComponents = STARTER_VISUAL_COMPONENTS;
-            Print.info(`Installing ${allVisualComponents.length} starter Visual components: ${allVisualComponents.join(', ')}`);
 
             if (allVisualComponents.length > 0) {
                 componentsSpinner.text = `Installing ${allVisualComponents.length} starter Visual components...`;
 
-                const results = await registry.installMultipleComponents(
+                visualResults = await registry.installMultipleComponents(
                     allVisualComponents,
                     'Visual',
                     true // force = true for initial installation
                 );
 
-                const successful = results.filter(r => r.success).length;
-                const failed = results.filter(r => !r.success).length;
+                const successful = visualResults.filter(r => r.success).length;
+                const failed = visualResults.filter(r => !r.success).length;
 
                 if (successful > 0 && failed === 0) {
                     componentsSpinner.succeed(`All ${successful} Visual components installed successfully`);
                 } else if (successful > 0) {
                 componentsSpinner.warn(`${successful} components installed, ${failed} failed`);
-                Print.info(`You can install failed components later using "${packageManager} run get -- <component-name>"`);
             } else {
                 componentsSpinner.fail('Failed to install Visual components');
             }
@@ -342,29 +341,28 @@ export default async function initializeProject(options = {}) {
         }
 
         // 3b. DOWNLOAD STARTER SERVICE COMPONENTS FROM OFFICIAL REPOSITORY
+        let serviceResults = [];
         const serviceSpinner = ora('Installing starter Service components...').start();
         try {
             const registry = new ComponentRegistry();
             await registry.loadRegistry();
 
             if (STARTER_SERVICE_COMPONENTS.length > 0) {
-                Print.info(`Installing ${STARTER_SERVICE_COMPONENTS.length} starter Service components: ${STARTER_SERVICE_COMPONENTS.join(', ')}`);
                 serviceSpinner.text = `Installing ${STARTER_SERVICE_COMPONENTS.length} starter Service components...`;
 
-                const results = await registry.installMultipleComponents(
+                serviceResults = await registry.installMultipleComponents(
                     STARTER_SERVICE_COMPONENTS,
                     'Service',
                     true // force = true for initial installation
                 );
 
-                const successful = results.filter(r => r.success).length;
-                const failed = results.filter(r => !r.success).length;
+                const successful = serviceResults.filter(r => r.success).length;
+                const failed = serviceResults.filter(r => !r.success).length;
 
                 if (successful > 0 && failed === 0) {
                     serviceSpinner.succeed(`All ${successful} Service components installed successfully`);
                 } else if (successful > 0) {
                     serviceSpinner.warn(`${successful} Service components installed, ${failed} failed`);
-                    Print.info(`You can install failed components later using "${packageManager} run get -- <component-name>"`);
                 } else {
                     serviceSpinner.fail('Failed to install Service components');
                 }
@@ -442,6 +440,12 @@ export default async function initializeProject(options = {}) {
         }
 
         const projectName = path.basename(process.cwd());
+
+        const failedCount = [...visualResults, ...serviceResults].filter(r => !r.success).length;
+        if (failedCount > 0) {
+            Print.warning(`${failedCount} component(s) failed to install — run "${packageManager} run get -- <name>" to retry`);
+        }
+
         Print.success(`Project initialized successfully in "${projectName}/"`);
         Print.newLine();
         Print.title('Next steps:');

package/commands/startServer/watchServer.js

@@ -11,7 +11,7 @@ export default function setupWatcher(serverProcess, onRestart) {
     Print.info('Watch mode enabled - monitoring file changes...');
     Print.newLine();
 
-    const watcher = chokidar.watch(['src/**/*', 'api/**/*'], {
+    const watcher = chokidar.watch(['api/**/*'], {
         ignored: [
             /(^|[\/\\])\../,  // hidden files
             '**/node_modules/**',
@@ -29,33 +29,20 @@ export default function setupWatcher(serverProcess, onRestart) {
 
     let reloadTimeout;
 
+    const handleChange = (changedPath) => {
+        clearTimeout(reloadTimeout);
+        reloadTimeout = setTimeout(() => {
+            if (onRestart) {
+                console.log(chalk.yellow('🔄 API change detected, restarting server...'));
+                onRestart(changedPath);
+            }
+        }, 500);
+    };
+
     watcher
-        .on('change', (path) => {
-            // Debounce to avoid multiple reloads
-            clearTimeout(reloadTimeout);
-            reloadTimeout = setTimeout(() => {
-                if(onRestart) {
-                    console.log(chalk.yellow('🔄 Changes detected, restarting server...'));
-                    onRestart(path);
-                } else {
-                    console.log(chalk.yellow('🔄 Changes detected, server will reload automatically... (No handler)'));
-                }
-            }, 500);
-        })
-        .on('add', (path) => {
-             // console.log(chalk.green(`➕ New file added: ${path}`));
-             clearTimeout(reloadTimeout);
-             reloadTimeout = setTimeout(() => {
-                 if (onRestart) onRestart(path);
-             }, 500);
-        })
-        .on('unlink', (path) => {
-             // console.log(chalk.red(`➖ File removed: ${path}`));
-             clearTimeout(reloadTimeout);
-             reloadTimeout = setTimeout(() => {
-                 if (onRestart) onRestart(path);
-             }, 500);
-        })
+        .on('change', handleChange)
+        .on('add', handleChange)
+        .on('unlink', handleChange)
         .on('error', (error) => {
             Print.error(`Watcher error: ${error.message}`);
         })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slicejs-cli",
-  "version": "3.6.2",
+  "version": "3.6.3",
   "description": "Command client for developing web applications with Slice.js framework",
   "main": "client.js",
   "bin": {