rook-cli 1.2.3 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rook-cli",
-  "version": "1.2.3",
+  "version": "1.3.2",
   "description": "CLI para instalar componentes Shopify",
   "repository": {
     "type": "git",

package/src/mcp/server.js

@@ -93,6 +93,10 @@ const InstallComponentSchema = z.object({
     type: z
         .enum(['component', 'kit'])
         .describe('Tipo do pacote: "component" para componente individual, "kit" para kit completo.'),
+    projectPath: z
+        .string()
+        .optional()
+        .describe('Obrigatório no Cursor/Claude Desktop: Caminho absoluto para a raiz do projeto (ex: /Users/nome/projeto).'),
 });
 
 const GenerateScaffoldSchema = z.object({
@@ -103,6 +107,10 @@ const GenerateScaffoldSchema = z.object({
     elementType: z
         .enum(['section', 'block', 'snippet', 'controller'])
         .describe('Tipo de recurso Shopify a ser gerado.'),
+    projectPath: z
+        .string()
+        .optional()
+        .describe('Obrigatório no Cursor/Claude Desktop: Caminho absoluto para a raiz do projeto (ex: /Users/nome/projeto).'),
 });
 
 // ═══════════════════════════════════════════════════════════════
@@ -156,8 +164,8 @@ async function handleListComponents(args) {
  * Instala um componente individual ou kit completo no tema do usuário.
  */
 async function handleInstallComponent(args) {
-    const { name, type } = InstallComponentSchema.parse(args);
-    const diretorioAtual = process.cwd();
+    const { name, type, projectPath } = InstallComponentSchema.parse(args);
+    const diretorioAtual = projectPath || process.cwd();
 
     if (type === 'kit') {
         // --- Instalação de Kit ---
@@ -218,7 +226,7 @@ async function handleInstallComponent(args) {
  * Gera boilerplate de um componente Liquid (section, block, snippet, controller).
  */
 async function handleGenerateScaffold(args) {
-    const { name, elementType } = GenerateScaffoldSchema.parse(args);
+    const { name, elementType, projectPath } = GenerateScaffoldSchema.parse(args);
 
     // Normaliza nomes (kebab, Pascal, snake)
     const names = generateNames(name);
@@ -227,7 +235,7 @@ async function handleGenerateScaffold(args) {
     const arquivo = await scaffoldService.generate(elementType, names);
 
     // Grava no disco
-    const diretorioAtual = process.cwd();
+    const diretorioAtual = projectPath || process.cwd();
 
     // Garantimos que o caminho seja relativo à pasta onde o comando foi chamado
     // Evita erro de permissão ao tentar criar pastas na raiz do sistema (/)
@@ -338,8 +346,12 @@ server.setRequestHandler(ListToolsRequestSchema, async () => {
                             enum: ['component', 'kit'],
                             description: 'Tipo do pacote: "component" ou "kit".',
                         },
+                        projectPath: {
+                            type: 'string',
+                            description: 'Obrigatório no Cursor/Claude Desktop: Caminho absoluto para a raiz do repositório Shopify que o pacote deve ser instalado.',
+                        },
                     },
-                    required: ['name', 'type'],
+                    required: ['name', 'type', 'projectPath'],
                 },
             },
             {
@@ -359,8 +371,12 @@ server.setRequestHandler(ListToolsRequestSchema, async () => {
                             enum: ['section', 'block', 'snippet', 'controller'],
                             description: 'Tipo de recurso Shopify: section, block, snippet ou controller (JS asset).',
                         },
+                        projectPath: {
+                            type: 'string',
+                            description: 'Obrigatório no Cursor/Claude Desktop: Caminho absoluto para a raiz do repositório Shopify que a entidade será gerada.',
+                        },
                     },
-                    required: ['name', 'elementType'],
+                    required: ['name', 'elementType', 'projectPath'],
                 },
             },
         ],

package/src/templates/block.liquid.txt

@@ -1,7 +1,7 @@
-{% doc %}
+{% comment %}
   Block: {{PascalName}} Block
   Usage: Use inside sections that support blocks.
-{% enddoc %}
+{% endcomment %}
 
 {% liquid
   assign block_id = block.id
@@ -12,6 +12,21 @@
   class="{{kebabName}}-block"
   data-block-id="{{ block_id }}"
   {{ block.shopify_attributes }}
+  style="
+    --bg-color: {{ block.settings.bg_color }};
+    --text-color: {{ block.settings.text_color }};
+    --title-color: {{ block.settings.title_color }};
+    --border-color: {{ block.settings.border_color }};
+    --border-radius: {{ block.settings.border_radius }}px;
+    --border-width: {{ block.settings.border_width }}px;
+    --btn-bg: {{ block.settings.btn_bg_color }};
+    --btn-text: {{ block.settings.btn_text_color }};
+    --btn-radius: {{ block.settings.btn_border_radius }}px;
+    --fs-title-desktop: {{ block.settings.title_size_desktop }}px;
+    --fs-text-desktop: {{ block.settings.text_size_desktop }}px;
+    --fs-title-mobile: {{ block.settings.title_size_mobile }}px;
+    --fs-text-mobile: {{ block.settings.text_size_mobile }}px;
+  "
 >
   <div class="{{kebabName}}-block__inner">
     {% if block.settings.title != blank %}
@@ -20,6 +35,14 @@
   </div>
 </{{kebabName}}-block>
 
+{% stylesheet %}
+  /* Block Styling */
+  .{{kebabName}}-block {
+    display: block;
+    position: relative;
+  }
+{% endstylesheet %}
+
 {% schema %}
 {
   "name": "{{PascalName}} Block",

package/src/templates/section.liquid.txt

@@ -1,11 +1,11 @@
-{% doc %}
+{% comment %}
   Section: {{PascalName}}
   Description: Componente principal controlado via Web Component.
   Architecture:
     - HTML: Semântico com IDs dinâmicos
     - JS: Web Component desacoplado
     - CSS: Scoped ou via Assets
-{% enddoc %}
+{% endcomment %}
 
 {% liquid
   assign section_id = section.id
@@ -16,6 +16,21 @@
   id="{{ container_id }}"
   class="{{kebabName}} section-container"
   data-section-id="{{ section_id }}"
+  style="
+    --bg-color: {{ section.settings.bg_color }};
+    --text-color: {{ section.settings.text_color }};
+    --title-color: {{ section.settings.title_color }};
+    --border-color: {{ section.settings.border_color }};
+    --border-radius: {{ section.settings.border_radius }}px;
+    --border-width: {{ section.settings.border_width }}px;
+    --btn-bg: {{ section.settings.btn_bg_color }};
+    --btn-text: {{ section.settings.btn_text_color }};
+    --btn-radius: {{ section.settings.btn_border_radius }}px;
+    --fs-title-desktop: {{ section.settings.title_size_desktop }}px;
+    --fs-text-desktop: {{ section.settings.text_size_desktop }}px;
+    --fs-title-mobile: {{ section.settings.title_size_mobile }}px;
+    --fs-text-mobile: {{ section.settings.text_size_mobile }}px;
+  "
 >
   <div class="{{kebabName}}__wrapper page-width">
     {%- if section.settings.heading != blank -%}
@@ -28,6 +43,18 @@
   </div>
 </{{kebabName}}-section>
 
+{% stylesheet %}
+  /* BEM Styling */
+  .{{kebabName}} {
+    display: block;
+    position: relative;
+    padding: 2rem 0;
+  }
+  .{{kebabName}}__heading {
+    margin-bottom: 1.5rem;
+  }
+{% endstylesheet %}
+
 {% schema %}
 {
   "name": "{{PascalName}}",
@@ -54,18 +81,6 @@
 }
 {% endschema %}
 
-{% stylesheet %}
-  /* BEM Styling */
-  .{{kebabName}} {
-    display: block;
-    position: relative;
-    padding: 2rem 0;
-  }
-  .{{kebabName}}__heading {
-    margin-bottom: 1.5rem;
-  }
-{% endstylesheet %}
-
 {% javascript %}
   class {{PascalName}}Section extends HTMLElement {
     constructor() {

package/src/utils/logger.js

@@ -49,7 +49,7 @@ export class Logger {
     banner() {
         console.log('');
         console.log(pc.bold(pc.white('  ╔══════════════════════════════╗')));
-        console.log(pc.bold(pc.white('  ║    ♟️  ROOK CLI  v1.3.0       ║')));
+        console.log(pc.bold(pc.white('  ║    ♟️  ROOK CLI  v1.3.2       ║')));
         console.log(pc.bold(pc.white('  ║   Shopify Component Tool     ║')));
         console.log(pc.bold(pc.white('  ╚══════════════════════════════╝')));
         console.log('');