@fireberry/cli 0.2.1 → 0.2.2-beta.0

package/CLAUDE.md

@@ -107,7 +107,7 @@ Component utilities in [src/utils/components.utils.ts](src/utils/components.util
         # For global-menu type:
         displayName: "Menu Name"
         # For side-menu type:
-        icon: "icon-name"
+        iconName: "icon-name"
         width: "S" | "M" | "L"
   ```
 
@@ -150,7 +150,7 @@ Component paths in manifest.yml are relative to the current working directory, n
 - **Component Settings Validation**: Each component type has required settings that are validated during `push`:
   - `record`: Must have `iconName`, `iconColor`, and `objectType`
   - `global-menu`: Must have `displayName`
-  - `side-menu`: Must have `icon` and `width` (S/M/L)
+  - `side-menu`: Must have `iconName` and `width` (S/M/L)
 - **Build Zipping**: Single files are wrapped in a directory before tar.gz creation
 - **Template Location**: Templates are resolved from `src/templates/` at compile time, copied to `dist/templates/`
 - **Delete Safety**: Delete command requires user confirmation before executing (cannot be undone)

package/dist/api/requests.d.ts

@@ -4,5 +4,4 @@ export declare const createApp: (manifest: Manifest) => Promise<void>;
 export declare const pushComponents: (appId: string, components: ZippedComponent[], manifest: Manifest) => Promise<void>;
 export declare const installApp: (manifest: Manifest) => Promise<void>;
 export declare const deleteApp: (manifest: Manifest) => Promise<void>;
-export declare const startDebug: (appId: string, componentId: string, debugUrl: string, manifest: Manifest) => Promise<void>;
-export declare const stopDebug: (appId: string, componentId: string, manifest: Manifest) => Promise<void>;
+export declare const updateDebug: (componentId: string, manifest: Manifest, debugUrl?: string) => Promise<void>;

package/dist/api/requests.js

@@ -37,19 +37,10 @@ export const deleteApp = async (manifest) => {
         throw new Error(error instanceof Error ? error.message : "Unknown error");
     }
 };
-export const startDebug = async (appId, componentId, debugUrl, manifest) => {
+export const updateDebug = async (componentId, manifest, debugUrl) => {
     const url = `${BASE_SERVICE_URL}/debug`;
     try {
-        await api.post(url, { appId, componentId, debugUrl, manifest });
-    }
-    catch (error) {
-        throw new Error(error instanceof Error ? error.message : "Unknown error");
-    }
-};
-export const stopDebug = async (appId, componentId, manifest) => {
-    const url = `${BASE_SERVICE_URL}/debug`;
-    try {
-        await api.delete(url, { appId, componentId, manifest });
+        await api.post(url, { componentId, debugUrl, manifest });
     }
     catch (error) {
         throw new Error(error instanceof Error ? error.message : "Unknown error");

package/dist/api/types.d.ts

@@ -27,9 +27,10 @@ export interface RecordComponentSettings {
 }
 export interface GlobalMenuComponentSettings {
     displayName: string;
+    iconName?: string;
 }
 export interface SideMenuComponentSettings {
-    icon: string;
+    iconName: string;
     width: "S" | "M" | "L";
 }
 export type ComponentSettings = RecordComponentSettings | GlobalMenuComponentSettings | SideMenuComponentSettings;

package/dist/commands/debug.js

@@ -1,6 +1,6 @@
 import ora from "ora";
 import chalk from "chalk";
-import { startDebug, stopDebug } from "../api/requests.js";
+import { updateDebug } from "../api/requests.js";
 import { getManifest } from "../utils/components.utils.js";
 function validateDebugUrl(url) {
     const localhostPattern = /^localhost:\d+$/;
@@ -10,7 +10,7 @@ function validateDebugUrl(url) {
     }
 }
 function validateComponentExists(manifest, componentId) {
-    const component = manifest.components?.find((comp) => comp.id === componentId);
+    const component = manifest.components?.find((comp) => comp.id.toLowerCase() === componentId.toLowerCase());
     if (!component) {
         throw new Error(`Component with ID "${componentId}" not found in manifest.\n` +
             `Available components:\n` +
@@ -24,23 +24,20 @@ export async function runDebug(componentId, url, options) {
     try {
         const manifest = await getManifest();
         spinner.succeed("Manifest loaded");
-        // Validate component exists
         validateComponentExists(manifest, componentId);
         if (options?.stop) {
-            // Stop debugging
             spinner.start("Stopping debug mode...");
-            await stopDebug(manifest.app.id, componentId, manifest);
+            await updateDebug(componentId, manifest);
             spinner.succeed(chalk.green(`Debug mode stopped for component: ${componentId}`));
         }
         else {
-            // Start debugging
             if (!url) {
                 throw new Error("URL is required when starting debug mode.\n" +
                     `Usage: fireberry debug ${componentId} localhost:[port]`);
             }
             validateDebugUrl(url);
             spinner.start(`Starting debug mode for component ${componentId}...`);
-            await startDebug(manifest.app.id, componentId, url, manifest);
+            await updateDebug(componentId, manifest, url);
             spinner.succeed(chalk.green(`Debug mode started!\n` +
                 `  Component: ${componentId}\n` +
                 `  URL: ${url}\n\n` +

package/dist/utils/components.utils.js

@@ -66,14 +66,17 @@ const validateGlobalMenuComponentSettings = (comp) => {
     if (typeof settings.displayName !== "string") {
         throw new Error(`Component "${comp.title}" (type: ${COMPONENT_TYPE.GLOBAL_MENU}) setting "displayName" must be a string`);
     }
+    if (settings.iconName && typeof settings.iconName !== "string") {
+        throw new Error(`Component "${comp.title}" (type: ${COMPONENT_TYPE.GLOBAL_MENU}) setting "iconName" must be a string`);
+    }
 };
 const validateSideMenuComponentSettings = (comp) => {
     const settings = comp.settings;
     if (!settings) {
         throw new Error(`Component "${comp.title}" (type: ${COMPONENT_TYPE.SIDE_MENU}) is missing required settings`);
     }
-    if (!settings.icon) {
-        throw new Error(`Component "${comp.title}" (type: ${COMPONENT_TYPE.SIDE_MENU}) setting "icon" must be a string`);
+    if (!settings.iconName) {
+        throw new Error(`Component "${comp.title}" (type: ${COMPONENT_TYPE.SIDE_MENU}) setting "iconName" must be a string`);
     }
     if (!settings.width) {
         throw new Error(`Component "${comp.title}" (type: ${COMPONENT_TYPE.SIDE_MENU}) setting "width" must be a S | M | L`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fireberry/cli",
-  "version": "0.2.1",
+  "version": "0.2.2-beta.0",
   "description": "Fireberry CLI tool",
   "type": "module",
   "author": "",

package/src/api/requests.ts

@@ -43,28 +43,14 @@ export const deleteApp = async (manifest: Manifest): Promise<void> => {
   }
 };
 
-export const startDebug = async (
-  appId: string,
+export const updateDebug = async (
   componentId: string,
-  debugUrl: string,
-  manifest: Manifest
-): Promise<void> => {
-  const url = `${BASE_SERVICE_URL}/debug`;
-  try {
-    await api.post<void>(url, { appId, componentId, debugUrl, manifest });
-  } catch (error) {
-    throw new Error(error instanceof Error ? error.message : "Unknown error");
-  }
-};
-
-export const stopDebug = async (
-  appId: string,
-  componentId: string,
-  manifest: Manifest
+  manifest: Manifest,
+  debugUrl?: string
 ): Promise<void> => {
   const url = `${BASE_SERVICE_URL}/debug`;
   try {
-    await api.delete<void>(url, { appId, componentId, manifest });
+    await api.post<void>(url, { componentId, debugUrl, manifest });
   } catch (error) {
     throw new Error(error instanceof Error ? error.message : "Unknown error");
   }

package/src/api/types.ts

@@ -33,10 +33,11 @@ export interface RecordComponentSettings {
 
 export interface GlobalMenuComponentSettings {
   displayName: string;
+  iconName?: string;
 }
 
 export interface SideMenuComponentSettings {
-  icon: string;
+  iconName: string;
   width: "S" | "M" | "L";
 }
 

package/src/commands/debug.ts

@@ -1,7 +1,8 @@
 import ora from "ora";
 import chalk from "chalk";
-import { startDebug, stopDebug } from "../api/requests.js";
+import { updateDebug } from "../api/requests.js";
 import { getManifest } from "../utils/components.utils.js";
+import { Manifest, ManifestComponent } from "../api/types.js";
 
 function validateDebugUrl(url: string): void {
   const localhostPattern = /^localhost:\d+$/;
@@ -14,9 +15,13 @@ function validateDebugUrl(url: string): void {
   }
 }
 
-function validateComponentExists(manifest: any, componentId: string): void {
+function validateComponentExists(
+  manifest: Manifest,
+  componentId: string
+): void {
   const component = manifest.components?.find(
-    (comp: any) => comp.id === componentId
+    (comp: ManifestComponent) =>
+      comp.id.toLowerCase() === componentId.toLowerCase()
   );
 
   if (!component) {
@@ -24,7 +29,7 @@ function validateComponentExists(manifest: any, componentId: string): void {
       `Component with ID "${componentId}" not found in manifest.\n` +
         `Available components:\n` +
         manifest.components
-          ?.map((comp: any) => `  - ${comp.title} (${comp.id})`)
+          ?.map((comp: ManifestComponent) => `  - ${comp.title} (${comp.id})`)
           .join("\n")
     );
   }
@@ -41,18 +46,15 @@ export async function runDebug(
     const manifest = await getManifest();
     spinner.succeed("Manifest loaded");
 
-    // Validate component exists
     validateComponentExists(manifest, componentId);
 
     if (options?.stop) {
-      // Stop debugging
       spinner.start("Stopping debug mode...");
-      await stopDebug(manifest.app.id, componentId, manifest);
+      await updateDebug(componentId, manifest);
       spinner.succeed(
         chalk.green(`Debug mode stopped for component: ${componentId}`)
       );
     } else {
-      // Start debugging
       if (!url) {
         throw new Error(
           "URL is required when starting debug mode.\n" +
@@ -63,7 +65,7 @@ export async function runDebug(
       validateDebugUrl(url);
 
       spinner.start(`Starting debug mode for component ${componentId}...`);
-      await startDebug(manifest.app.id, componentId, url, manifest);
+      await updateDebug(componentId, manifest, url);
       spinner.succeed(
         chalk.green(
           `Debug mode started!\n` +

package/src/utils/components.utils.ts

@@ -13,7 +13,7 @@ import {
   SideMenuComponentSettings,
 } from "../api/types.js";
 import { COMPONENT_TYPE } from "../constants/component-types.js";
-import { HEIGHT_OPTIONS } from "../constants/height-options.js";
+import { HEIGHT_OPTIONS, HeightOption } from "../constants/height-options.js";
 
 export const getManifest = async (basePath?: string): Promise<Manifest> => {
   const manifestPath = path.join(basePath || process.cwd(), "manifest.yml");
@@ -90,13 +90,17 @@ const validateRecordComponentSettings = (
   }
   if (!settings.height) {
     throw new Error(
-      `Component "${comp.title}" (type: ${COMPONENT_TYPE.RECORD}) setting "height" must be one of: ${HEIGHT_OPTIONS.join(" | ")}`
+      `Component "${comp.title}" (type: ${
+        COMPONENT_TYPE.RECORD
+      }) setting "height" must be one of: ${HEIGHT_OPTIONS.join(" | ")}`
     );
   }
 
-  if (!HEIGHT_OPTIONS.includes(settings.height as any)) {
+  if (!HEIGHT_OPTIONS.includes(settings.height as HeightOption)) {
     throw new Error(
-      `Component "${comp.title}" (type: ${COMPONENT_TYPE.RECORD}) setting "height" must be one of: ${HEIGHT_OPTIONS.join(" | ")}`
+      `Component "${comp.title}" (type: ${
+        COMPONENT_TYPE.RECORD
+      }) setting "height" must be one of: ${HEIGHT_OPTIONS.join(" | ")}`
     );
   }
 };
@@ -125,6 +129,12 @@ const validateGlobalMenuComponentSettings = (
       `Component "${comp.title}" (type: ${COMPONENT_TYPE.GLOBAL_MENU}) setting "displayName" must be a string`
     );
   }
+
+  if (settings.iconName && typeof settings.iconName !== "string") {
+    throw new Error(
+      `Component "${comp.title}" (type: ${COMPONENT_TYPE.GLOBAL_MENU}) setting "iconName" must be a string`
+    );
+  }
 };
 
 const validateSideMenuComponentSettings = (
@@ -140,9 +150,9 @@ const validateSideMenuComponentSettings = (
     );
   }
 
-  if (!settings.icon) {
+  if (!settings.iconName) {
     throw new Error(
-      `Component "${comp.title}" (type: ${COMPONENT_TYPE.SIDE_MENU}) setting "icon" must be a string`
+      `Component "${comp.title}" (type: ${COMPONENT_TYPE.SIDE_MENU}) setting "iconName" must be a string`
     );
   }