cmssy-cli 0.19.5 → 0.20.0

package/dist/dev-ui/index.html

@@ -206,8 +206,244 @@
         transform: rotate(180deg);
       }
 
+      /* Filters Section */
+      .blocks-filters {
+        padding: 12px;
+        border-bottom: 1px solid #e0e0e0;
+        background: #fafafa;
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+        flex-shrink: 0;
+      }
+
+      .container.left-collapsed .blocks-filters {
+        opacity: 0;
+        pointer-events: none;
+        height: 0;
+        padding: 0;
+        overflow: hidden;
+      }
+
+      .search-input {
+        width: 100%;
+        padding: 8px 12px;
+        border: 1px solid #ddd;
+        border-radius: 6px;
+        font-size: 13px;
+        background: white;
+        transition: all 0.2s;
+      }
+
+      .search-input:focus {
+        outline: none;
+        border-color: #667eea;
+        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+      }
+
+      .search-input::placeholder {
+        color: #999;
+      }
+
+      .filter-tabs {
+        display: flex;
+        gap: 4px;
+        background: #e0e0e0;
+        padding: 3px;
+        border-radius: 8px;
+      }
+
+      .filter-tab {
+        flex: 1;
+        padding: 6px 12px;
+        border: none;
+        background: transparent;
+        cursor: pointer;
+        font-size: 12px;
+        font-weight: 500;
+        color: #666;
+        border-radius: 6px;
+        transition: all 0.2s;
+      }
+
+      .filter-tab:hover {
+        color: #333;
+      }
+
+      .filter-tab.active {
+        background: white;
+        color: #333;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+      }
+
+      .filter-row {
+        display: flex;
+        gap: 8px;
+      }
+
+      .filter-select {
+        flex: 1;
+        padding: 6px 10px;
+        border: 1px solid #ddd;
+        border-radius: 6px;
+        font-size: 12px;
+        background: white;
+        cursor: pointer;
+        color: #333;
+      }
+
+      .filter-select:focus {
+        outline: none;
+        border-color: #667eea;
+      }
+
+      /* Tags Multi-Select */
+      .tags-filter {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 6px;
+      }
+
+      .tag-chip {
+        display: inline-flex;
+        align-items: center;
+        padding: 4px 10px;
+        border: 1px solid #ddd;
+        border-radius: 12px;
+        font-size: 11px;
+        cursor: pointer;
+        background: white;
+        color: #666;
+        transition: all 0.2s;
+      }
+
+      .tag-chip:hover {
+        border-color: #667eea;
+        color: #667eea;
+      }
+
+      .tag-chip.active {
+        background: #667eea;
+        border-color: #667eea;
+        color: white;
+      }
+
+      .clear-filters {
+        padding: 4px 10px;
+        border: 1px dashed #ddd;
+        border-radius: 12px;
+        font-size: 11px;
+        cursor: pointer;
+        background: transparent;
+        color: #999;
+        transition: all 0.2s;
+      }
+
+      .clear-filters:hover {
+        border-color: #e53935;
+        color: #e53935;
+      }
+
       .blocks-list {
         padding: 12px;
+        overflow-y: auto;
+        flex: 1;
+      }
+
+      /* Category Group */
+      .block-category {
+        margin-bottom: 16px;
+      }
+
+      .block-category:last-child {
+        margin-bottom: 0;
+      }
+
+      .category-header {
+        font-size: 11px;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+        color: #999;
+        padding: 8px 12px 6px;
+        margin-bottom: 4px;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
+
+      .category-count {
+        font-size: 10px;
+        font-weight: 500;
+        background: #e0e0e0;
+        padding: 2px 6px;
+        border-radius: 10px;
+        color: #666;
+      }
+
+      /* Template badge */
+      .type-badge {
+        font-size: 10px;
+        padding: 2px 6px;
+        border-radius: 4px;
+        font-weight: 500;
+        margin-left: 8px;
+      }
+
+      .type-badge.template {
+        background: #f3e8ff;
+        color: #7c3aed;
+      }
+
+      .type-badge.block {
+        background: #e8f5e9;
+        color: #2e7d32;
+      }
+
+      /* Active filters indicator */
+      .active-filters {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 6px;
+        padding-top: 4px;
+      }
+
+      .active-filter-chip {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        padding: 2px 8px;
+        background: #667eea;
+        color: white;
+        border-radius: 10px;
+        font-size: 11px;
+      }
+
+      .active-filter-chip button {
+        background: none;
+        border: none;
+        color: white;
+        cursor: pointer;
+        padding: 0;
+        font-size: 12px;
+        opacity: 0.8;
+      }
+
+      .active-filter-chip button:hover {
+        opacity: 1;
+      }
+
+      /* Empty state for filtered results */
+      .no-results {
+        text-align: center;
+        padding: 40px 20px;
+        color: #999;
+      }
+
+      .no-results-icon {
+        font-size: 32px;
+        margin-bottom: 12px;
+        opacity: 0.5;
       }
 
       .block-item {
@@ -907,6 +1143,34 @@
             </div>
           </button>
         </div>
+
+        <!-- Filters Section -->
+        <div class="blocks-filters" id="blocks-filters">
+          <input
+            type="search"
+            class="search-input"
+            id="search-input"
+            placeholder="Search blocks..."
+            oninput="handleSearchInput(event)"
+          />
+
+          <div class="filter-tabs">
+            <button class="filter-tab active" data-type="all" onclick="setTypeFilter('all')">All</button>
+            <button class="filter-tab" data-type="block" onclick="setTypeFilter('block')">Blocks</button>
+            <button class="filter-tab" data-type="template" onclick="setTypeFilter('template')">Templates</button>
+          </div>
+
+          <div class="filter-row">
+            <select class="filter-select" id="category-filter" onchange="setCategoryFilter(this.value)">
+              <option value="">All Categories</option>
+            </select>
+          </div>
+
+          <div class="tags-filter" id="tags-filter">
+            <!-- Tags will be populated dynamically -->
+          </div>
+        </div>
+
         <div class="blocks-list" id="blocks-list">
           <div class="loading">
             <div class="spinner"></div>

package/dist/types/block-config.d.ts

@@ -55,26 +55,6 @@ export interface ShowWhenCondition {
     /** Show when field value is empty (falsy, empty string/array) */
     isEmpty?: boolean;
 }
-/**
- * Configuration for a field group.
- * Groups organize related fields into collapsible sections in the editor.
- *
- * @example
- * groups: {
- *   logo: { label: "Logo", icon: "Image" },
- *   cta: { label: "Call to Action", icon: "MousePointer", collapsed: true },
- * }
- */
-export interface FieldGroupConfig {
-    /** Display label for the group */
-    label: string;
-    /** Lucide icon name (e.g., "Image", "MousePointer", "Palette") */
-    icon?: string;
-    /** Whether the group is collapsed by default */
-    collapsed?: boolean;
-    /** Optional description shown below the group header */
-    description?: string;
-}
 export interface BaseFieldConfig {
     type: FieldType;
     label: string;
@@ -84,10 +64,10 @@ export interface BaseFieldConfig {
     helpText?: string;
     /**
      * Assign this field to a group.
-     * The group must be defined in the block's `groups` configuration.
+     * Fields with the same group value will be organized together in a collapsible section.
      *
      * @example
-     * group: "logo"  // Field appears in the "logo" group
+     * group: "Logo"  // Field appears in the "Logo" group
      */
     group?: string;
     /**
@@ -186,21 +166,9 @@ export interface BlockConfig {
     longDescription?: string;
     category: string;
     tags?: string[];
-    /**
-     * Field group definitions for organizing the schema.
-     * Groups create collapsible sections in the properties panel.
-     *
-     * @example
-     * groups: {
-     *   logo: { label: "Logo", icon: "Image" },
-     *   cta: { label: "Call to Action", collapsed: true },
-     *   style: { label: "Styling", icon: "Palette", collapsed: true },
-     * }
-     */
-    groups?: Record<string, FieldGroupConfig>;
     /**
      * Schema defining the block's editable fields.
-     * Use the `group` property on fields to organize them into groups.
+     * Use the `group` property on individual fields to organize them into collapsible sections.
      */
     schema: Record<string, FieldConfig>;
     /** Whether block requires client-side rendering (default: false = SSR) */

package/dist/types/block-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block-config.d.ts","sourceRoot":"","sources":["../../src/types/block-config.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"block-config.d.ts","sourceRoot":"","sources":["../../src/types/block-config.ts"],"names":[],"mappings":"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"}

package/dist/utils/graphql.d.ts

@@ -1,5 +1,6 @@
 import { GraphQLClient } from "graphql-request";
 export declare function createClient(): GraphQLClient;
 export declare const PUBLISH_PACKAGE_MUTATION = "\n  mutation PublishPackage($token: String!, $input: PublishPackageInput!) {\n    publishPackage(token: $token, input: $input) {\n      success\n      message\n      packageId\n      status\n    }\n  }\n";
-export declare const IMPORT_BLOCK_MUTATION = "\n  mutation ImportBlock($input: ImportBlockInput!) {\n    importBlock(input: $input) {\n      id\n      blockType\n      name\n      description\n      icon\n      category\n      layoutSlot\n      schemaFields {\n        key\n        type\n        label\n        defaultValue\n        placeholder\n        required\n        helperText\n        options\n        minValue\n        maxValue\n        group\n        showWhen {\n          field\n          equals\n          notEquals\n          notEmpty\n          isEmpty\n        }\n        validation {\n          minLength\n          maxLength\n          min\n          max\n          pattern\n          message\n        }\n      }\n      defaultContent\n      groups\n      requires {\n        auth\n        language\n        workspace\n        modules\n        permissions\n        features\n      }\n      version\n      createdAt\n    }\n  }\n";
+export declare const IMPORT_BLOCK_MUTATION = "\n  mutation ImportBlock($input: ImportBlockInput!) {\n    importBlock(input: $input) {\n      id\n      blockType\n      name\n      description\n      icon\n      category\n      layoutSlot\n      schemaFields {\n        key\n        type\n        label\n        defaultValue\n        placeholder\n        required\n        helperText\n        options\n        minValue\n        maxValue\n        group\n        showWhen {\n          field\n          equals\n          notEquals\n          notEmpty\n          isEmpty\n        }\n        validation {\n          minLength\n          maxLength\n          min\n          max\n          pattern\n          message\n        }\n      }\n      defaultContent\n      requires {\n        auth\n        language\n        workspace\n        modules\n        permissions\n        features\n      }\n      version\n      createdAt\n    }\n  }\n";
+export declare const IMPORT_TEMPLATE_MUTATION = "\n  mutation ImportTemplate($input: ImportTemplateInput!) {\n    importTemplate(input: $input) {\n      success\n      block {\n        id\n        blockType\n        name\n        version\n      }\n      pagesCreated\n      pagesUpdated\n      layoutSlotsCreated\n      layoutSlotsUpdated\n      message\n    }\n  }\n";
 //# sourceMappingURL=graphql.d.ts.map

package/dist/utils/graphql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"graphql.d.ts","sourceRoot":"","sources":["../../src/utils/graphql.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,wBAAgB,YAAY,IAAI,aAAa,CAe5C;AAGD,eAAO,MAAM,wBAAwB,gNASpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,u4BAoDjC,CAAC"}
+{"version":3,"file":"graphql.d.ts","sourceRoot":"","sources":["../../src/utils/graphql.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,wBAAgB,YAAY,IAAI,aAAa,CAe5C;AAGD,eAAO,MAAM,wBAAwB,gNASpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,y3BAmDjC,CAAC;AAEF,eAAO,MAAM,wBAAwB,mUAiBpC,CAAC"}

package/dist/utils/graphql.js

@@ -62,7 +62,6 @@ export const IMPORT_BLOCK_MUTATION = `
         }
       }
       defaultContent
-      groups
       requires {
         auth
         language
@@ -76,4 +75,22 @@ export const IMPORT_BLOCK_MUTATION = `
     }
   }
 `;
+export const IMPORT_TEMPLATE_MUTATION = `
+  mutation ImportTemplate($input: ImportTemplateInput!) {
+    importTemplate(input: $input) {
+      success
+      block {
+        id
+        blockType
+        name
+        version
+      }
+      pagesCreated
+      pagesUpdated
+      layoutSlotsCreated
+      layoutSlotsUpdated
+      message
+    }
+  }
+`;
 //# sourceMappingURL=graphql.js.map

package/dist/utils/graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"graphql.js","sourceRoot":"","sources":["../../src/utils/graphql.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,UAAU,YAAY;IAC1B,MAAM,MAAM,GAAG,UAAU,EAAE,CAAC;IAE5B,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CACb,sDAAsD,CACvD,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE;QACtC,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;YAClC,aAAa,EAAE,UAAU,MAAM,CAAC,QAAQ,EAAE;SAC3C;KACF,CAAC,CAAC;AACL,CAAC;AAED,oBAAoB;AACpB,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;CASvC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDpC,CAAC"}
+{"version":3,"file":"graphql.js","sourceRoot":"","sources":["../../src/utils/graphql.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,UAAU,YAAY;IAC1B,MAAM,MAAM,GAAG,UAAU,EAAE,CAAC;IAE5B,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CACb,sDAAsD,CACvD,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE;QACtC,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;YAClC,aAAa,EAAE,UAAU,MAAM,CAAC,QAAQ,EAAE;SAC3C;KACF,CAAC,CAAC;AACL,CAAC;AAED,oBAAoB;AACpB,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;CASvC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDpC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;;;;;;;;;CAiBvC,CAAC"}

package/dist/utils/publish-helpers.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Helper functions for the publish command.
+ * Extracted for testability.
+ */
+/**
+ * Convert block.config.ts schema to schemaFields array for GraphQL mutation.
+ */
+export declare function convertSchemaToFields(schema: Record<string, any>): any[];
+/**
+ * Extract default content values from schema.
+ */
+export declare function extractDefaultContent(schema: Record<string, any>): any;
+/**
+ * Extract block type from full package name.
+ * @example "@cmssy/blocks.hero" -> "hero"
+ * @example "@org/templates.landing" -> "landing"
+ */
+export declare function extractBlockType(packageName: string): string;
+/**
+ * Add __component to mount/update pattern for SSR compatibility.
+ * This makes blocks work in both dev environment (mount/update) and SSR (__component).
+ */
+export declare function addComponentForSSR(code: string): string;
+/**
+ * Detect if a package is a template based on type.
+ */
+export declare function isTemplate(packageType: "block" | "template"): boolean;
+/**
+ * Parse pages.json data and convert to mutation input format.
+ */
+export declare function parsePagesJson(pagesData: any): {
+    pages: any[];
+    layoutSlots: any[];
+};
+//# sourceMappingURL=publish-helpers.d.ts.map

package/dist/utils/publish-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"publish-helpers.d.ts","sourceRoot":"","sources":["../../src/utils/publish-helpers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,CAwDxE;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,CAYtE;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAK5D;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAsCvD;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,WAAW,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAErE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,GAAG,GAAG;IAC9C,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,WAAW,EAAE,GAAG,EAAE,CAAC;CACpB,CA0BA"}

package/dist/utils/publish-helpers.js

@@ -0,0 +1,141 @@
+/**
+ * Helper functions for the publish command.
+ * Extracted for testability.
+ */
+/**
+ * Convert block.config.ts schema to schemaFields array for GraphQL mutation.
+ */
+export function convertSchemaToFields(schema) {
+    const fields = [];
+    Object.entries(schema).forEach(([key, field]) => {
+        const baseField = {
+            key,
+            type: field.type,
+            label: field.label,
+            required: field.required || false,
+        };
+        // Add defaultValue if present
+        if (field.defaultValue !== undefined) {
+            baseField.defaultValue = field.defaultValue;
+        }
+        // Add placeholder if present
+        if (field.placeholder) {
+            baseField.placeholder = field.placeholder;
+        }
+        // Add helpText if present
+        if (field.helpText) {
+            baseField.helperText = field.helpText;
+        }
+        // Add group if present
+        if (field.group) {
+            baseField.group = field.group;
+        }
+        // Add showWhen conditional visibility
+        if (field.showWhen) {
+            baseField.showWhen = field.showWhen;
+        }
+        // Add validation rules
+        if (field.validation) {
+            baseField.validation = field.validation;
+        }
+        if (field.type === "select" && field.options) {
+            baseField.options = field.options;
+        }
+        if (field.type === "repeater" && field.schema) {
+            baseField.minItems = field.minItems;
+            baseField.maxItems = field.maxItems;
+            // Backend expects itemSchema to be a flat array of field definitions
+            baseField.itemSchema = convertSchemaToFields(field.schema);
+        }
+        fields.push(baseField);
+    });
+    return fields;
+}
+/**
+ * Extract default content values from schema.
+ */
+export function extractDefaultContent(schema) {
+    const content = {};
+    Object.entries(schema).forEach(([key, field]) => {
+        if (field.defaultValue !== undefined) {
+            content[key] = field.defaultValue;
+        }
+        else if (field.type === "repeater") {
+            content[key] = [];
+        }
+    });
+    return content;
+}
+/**
+ * Extract block type from full package name.
+ * @example "@cmssy/blocks.hero" -> "hero"
+ * @example "@org/templates.landing" -> "landing"
+ */
+export function extractBlockType(packageName) {
+    return packageName
+        .replace(/@[^/]+\//, "") // Remove @scope/
+        .replace(/^blocks\./, "") // Remove blocks. prefix
+        .replace(/^templates\./, ""); // Remove templates. prefix
+}
+/**
+ * Add __component to mount/update pattern for SSR compatibility.
+ * This makes blocks work in both dev environment (mount/update) and SSR (__component).
+ */
+export function addComponentForSSR(code) {
+    // Check if code exports mount/update pattern
+    const hasPattern = /exports\.default\s*=\s*\{[^}]*mount\s*\([^)]*\)/s.test(code) ||
+        /module\.exports\s*=\s*\{[^}]*mount\s*\([^)]*\)/s.test(code);
+    if (!hasPattern) {
+        // No mount/update pattern - return as-is
+        return code;
+    }
+    // Find the component that's being used in mount()
+    // Pattern: export default { mount() { ... render(<Component ... /> or createElement(Component ...) } }
+    const componentMatch = code.match(/(?:render|createElement)\s*\(\s*(?:<\s*)?(\w+)/);
+    const componentName = componentMatch?.[1];
+    if (!componentName) {
+        console.warn("[CLI] Warning: Found mount/update pattern but could not extract component name for __component");
+        return code;
+    }
+    // Add __component to the exports object
+    // Replace: module.exports = { mount, update, unmount };
+    // With:    module.exports = { mount, update, unmount, __component: ComponentName };
+    const updatedCode = code.replace(/((?:exports\.default|module\.exports)\s*=\s*\{[^}]*)(}\s*;)/s, `$1,\n  // Auto-added by CLI for SSR compatibility\n  __component: ${componentName}\n$2`);
+    if (updatedCode === code) {
+        console.warn("[CLI] Warning: Could not add __component to exports");
+    }
+    return updatedCode;
+}
+/**
+ * Detect if a package is a template based on type.
+ */
+export function isTemplate(packageType) {
+    return packageType === "template";
+}
+/**
+ * Parse pages.json data and convert to mutation input format.
+ */
+export function parsePagesJson(pagesData) {
+    // Convert pages
+    const pages = (pagesData.pages || []).map((page) => ({
+        name: page.name,
+        slug: page.slug,
+        blocks: (page.blocks || []).map((block) => ({
+            type: block.type,
+            content: block.content || {},
+        })),
+    }));
+    // Convert layoutSlots to array format
+    const layoutSlots = [];
+    if (pagesData.layoutSlots) {
+        for (const [slot, data] of Object.entries(pagesData.layoutSlots)) {
+            layoutSlots.push({
+                slot,
+                type: data.type,
+                content: data.content || {},
+            });
+        }
+    }
+    return { pages, layoutSlots };
+}
+//# sourceMappingURL=publish-helpers.js.map

package/dist/utils/publish-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"publish-helpers.js","sourceRoot":"","sources":["../../src/utils/publish-helpers.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cmssy-cli",
-  "version": "0.19.5",
+  "version": "0.20.0",
   "description": "Unified CLI for building and publishing blocks to Cmssy marketplace",
   "type": "module",
   "bin": {
@@ -14,6 +14,9 @@
   "scripts": {
     "build": "tsc && tsc config.ts --module esnext --target esnext --moduleResolution bundler && tsc config.ts --declaration --emitDeclarationOnly --module esnext --target esnext --moduleResolution bundler && cp -r src/dev-ui dist/",
     "dev": "tsc --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
     "prepare": "npm run build"
   },
   "keywords": [
@@ -71,6 +74,8 @@
     "@types/node": "^22.10.2",
     "@types/node-fetch": "^2.6.13",
     "@types/semver": "^7.7.1",
-    "typescript": "^5.7.2"
+    "@vitest/coverage-v8": "^4.0.18",
+    "typescript": "^5.7.2",
+    "vitest": "^3.2.4"
   }
 }