slicejs-cli 3.6.1 → 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

@@ -32,6 +32,16 @@ async function fetchLatestVersion(packageName) {
     }
 }
 
+function getRunningCliVersion() {
+    try {
+        const cliRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '../..');
+        const cliPkg = fs.readJsonSync(path.join(cliRoot, 'package.json'));
+        return typeof cliPkg.version === 'string' ? cliPkg.version : null;
+    } catch {
+        return null;
+    }
+}
+
 async function ensurePnpmAllowBuilds(projectRoot) {
     const workspacePath = path.join(projectRoot, 'pnpm-workspace.yaml');
     const allowBuildLine = '  slicejs-cli: true';
@@ -152,6 +162,9 @@ export default async function initializeProject(options = {}) {
         let sliceBaseDir;
         try {
             latestVersion = await fetchLatestVersion('slicejs-web-framework');
+            const frameworkPackage = latestVersion
+                ? `slicejs-web-framework@${latestVersion}`
+                : 'slicejs-web-framework';
             const installedPkgPath = getPath(import.meta.url, 'node_modules', 'slicejs-web-framework', 'package.json');
             let installed = null;
             if (await fs.pathExists(installedPkgPath)) {
@@ -159,11 +172,7 @@ export default async function initializeProject(options = {}) {
                 installed = pkg.version;
             }
             if (!installed || (latestVersion && installed !== latestVersion)) {
-                // Install WITHOUT pinning an exact version: the package manager
-                // resolves it under its own policies (e.g. pnpm minimumReleaseAge
-                // quarantines versions younger than the configured age — pinning
-                // the registry's freshest version would make resolution fail).
-                execSync(installCommand(packageManager, 'slicejs-web-framework'), { cwd: projectRoot, stdio: 'inherit' });
+                execSync(installCommand(packageManager, frameworkPackage), { cwd: projectRoot, stdio: 'inherit' });
             }
             if (await fs.pathExists(installedPkgPath)) {
                 const pkg = await fs.readJson(installedPkgPath);
@@ -194,13 +203,24 @@ export default async function initializeProject(options = {}) {
         const cliSpinner = ora('Installing slicejs-cli as devDependency...').start();
         try {
             const cliPkgPath = getPath(import.meta.url, 'node_modules', 'slicejs-cli', 'package.json');
-            if (!(await fs.pathExists(cliPkgPath))) {
-                execSync(installCommand(packageManager, 'slicejs-cli', { dev: true }), { cwd: projectRoot, stdio: 'inherit' });
+            const currentCliVersion = getRunningCliVersion();
+            const cliPackage = currentCliVersion
+                ? `slicejs-cli@${currentCliVersion}`
+                : 'slicejs-cli';
+
+            let installedCliVersion = null;
+            if (await fs.pathExists(cliPkgPath)) {
+                const pkg = await fs.readJson(cliPkgPath);
+                installedCliVersion = pkg.version;
+            }
+
+            if (!installedCliVersion || (currentCliVersion && installedCliVersion !== currentCliVersion)) {
+                execSync(installCommand(packageManager, cliPackage, { dev: true }), { cwd: projectRoot, stdio: 'inherit' });
             }
             cliSpinner.succeed('slicejs-cli installed locally');
         } catch (err) {
             cliSpinner.warn('Could not install slicejs-cli locally — scripts will use the global CLI');
-            Print.info(`You can add it later with: ${installCommand(packageManager, 'slicejs-cli', { dev: true })}`);
+            Print.info(`You can add it later with: ${installCommand(packageManager, `slicejs-cli@${getRunningCliVersion() || 'latest'}`, { dev: true })}`);
         }
 
         // These derive from sliceBaseDir (which comes from npm install or fallback),
@@ -280,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();
@@ -287,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');
             }
@@ -322,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');
                 }
@@ -422,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.1",
+  "version": "3.6.3",
   "description": "Command client for developing web applications with Slice.js framework",
   "main": "client.js",
   "bin": {
@@ -34,7 +34,9 @@
     "slice:sync": "slice sync",
     "slice:version": "slice version",
     "slice:update": "slice update",
-    "slice:types": "slice types generate"
+    "slice:types": "slice types generate",
+    "slice:doctor": "node ./node_modules/slicejs-cli/client.js doctor",
+    "slice:help": "node ./node_modules/slicejs-cli/client.js --help"
   },
   "keywords": [
     "framework",
@@ -69,4 +71,4 @@
   "devDependencies": {
     "@playwright/test": "^1.60.0"
   }
-}
+}