npm - rook-cli - Versions diffs - 1.3.2 → 1.3.5 - Mend

rook-cli 1.3.2 → 1.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

package/package.json +3 -2
package/rook-framework/PRD-INSTALL-COMMAND.md +379 -0
package/rook-framework/PRD.md +1214 -0
package/rook-framework/README.md +143 -0
package/rook-framework/assets/rk-accordion.js +99 -0
package/rook-framework/assets/rk-alert-dialog.js +132 -0
package/rook-framework/assets/rk-bottom-app-bar.js +88 -0
package/rook-framework/assets/rk-carousel.js +145 -0
package/rook-framework/assets/rk-collapsible.js +151 -0
package/rook-framework/assets/rk-dialog.js +161 -0
package/rook-framework/assets/rk-drawer.js +214 -0
package/rook-framework/assets/rk-framework-core.css +2554 -0
package/rook-framework/assets/rk-framework-tokens.css +101 -0
package/rook-framework/assets/rk-modal.js +91 -0
package/rook-framework/assets/rk-popover.js +264 -0
package/rook-framework/assets/rk-progress.js +81 -0
package/rook-framework/assets/rk-quantity.js +91 -0
package/rook-framework/assets/rk-scroll-area.js +286 -0
package/rook-framework/assets/rk-sheet.js +157 -0
package/rook-framework/assets/rk-tabs.js +179 -0
package/rook-framework/assets/rk-toggle.js +153 -0
package/rook-framework/blocks/rk-accordion.liquid +97 -0
package/rook-framework/blocks/rk-badge.liquid +103 -0
package/rook-framework/blocks/rk-button.liquid +166 -0
package/rook-framework/blocks/rk-divider.liquid +100 -0
package/rook-framework/blocks/rk-form-field.liquid +120 -0
package/rook-framework/blocks/rk-icon.liquid +134 -0
package/rook-framework/blocks/rk-image.liquid +198 -0
package/rook-framework/blocks/rk-installments.liquid +99 -0
package/rook-framework/blocks/rk-pix-discount.liquid +99 -0
package/rook-framework/blocks/rk-price.liquid +128 -0
package/rook-framework/blocks/rk-quantity.liquid +108 -0
package/rook-framework/blocks/rk-quick-add.liquid +137 -0
package/rook-framework/blocks/rk-skeleton.liquid +104 -0
package/rook-framework/blocks/rk-typography.liquid +183 -0
package/rook-framework/config/rk-color-scheme-group.json +138 -0
package/rook-framework/config/rk-settings_schema.json +259 -0
package/rook-framework/snippets/rk-accordion.liquid +31 -0
package/rook-framework/snippets/rk-alert-dialog.liquid +83 -0
package/rook-framework/snippets/rk-aspect-ratio.liquid +23 -0
package/rook-framework/snippets/rk-badge.liquid +17 -0
package/rook-framework/snippets/rk-bottom-app-bar.liquid +51 -0
package/rook-framework/snippets/rk-button.liquid +49 -0
package/rook-framework/snippets/rk-card.liquid +64 -0
package/rook-framework/snippets/rk-carousel.liquid +74 -0
package/rook-framework/snippets/rk-checkbox.liquid +34 -0
package/rook-framework/snippets/rk-collapsible.liquid +52 -0
package/rook-framework/snippets/rk-color-schemes-standalone.liquid +61 -0
package/rook-framework/snippets/rk-color-schemes.liquid +43 -0
package/rook-framework/snippets/rk-dialog.liquid +85 -0
package/rook-framework/snippets/rk-divider.liquid +25 -0
package/rook-framework/snippets/rk-drawer.liquid +81 -0
package/rook-framework/snippets/rk-external-assets copy.liquid +33 -0
package/rook-framework/snippets/rk-external-assets.liquid +68 -0
package/rook-framework/snippets/rk-form-field.liquid +83 -0
package/rook-framework/snippets/rk-gap-style.liquid +32 -0
package/rook-framework/snippets/rk-icon.liquid +28 -0
package/rook-framework/snippets/rk-image.liquid +60 -0
package/rook-framework/snippets/rk-input.liquid +35 -0
package/rook-framework/snippets/rk-installments.liquid +54 -0
package/rook-framework/snippets/rk-item.liquid +69 -0
package/rook-framework/snippets/rk-layout-style.liquid +37 -0
package/rook-framework/snippets/rk-modal.liquid +31 -0
package/rook-framework/snippets/rk-pix-discount.liquid +34 -0
package/rook-framework/snippets/rk-popover.liquid +77 -0
package/rook-framework/snippets/rk-price.liquid +48 -0
package/rook-framework/snippets/rk-progress.liquid +38 -0
package/rook-framework/snippets/rk-quantity.liquid +56 -0
package/rook-framework/snippets/rk-quick-add.liquid +67 -0
package/rook-framework/snippets/rk-scripts.liquid +17 -0
package/rook-framework/snippets/rk-scroll-area.liquid +60 -0
package/rook-framework/snippets/rk-sheet.liquid +86 -0
package/rook-framework/snippets/rk-size-style.liquid +48 -0
package/rook-framework/snippets/rk-skeleton.liquid +25 -0
package/rook-framework/snippets/rk-spacing-padding.liquid +18 -0
package/rook-framework/snippets/rk-spacing-style.liquid +54 -0
package/rook-framework/snippets/rk-spinner.liquid +43 -0
package/rook-framework/snippets/rk-swatch.liquid +33 -0
package/rook-framework/snippets/rk-table.liquid +44 -0
package/rook-framework/snippets/rk-tabs.liquid +52 -0
package/rook-framework/snippets/rk-textarea.liquid +42 -0
package/rook-framework/snippets/rk-toggle-group.liquid +27 -0
package/rook-framework/snippets/rk-toggle.liquid +58 -0
package/rook-framework/snippets/rk-typography.liquid +27 -0
package/rook-framework/snippets/rk-variables.liquid +76 -0
package/src/app.js +24 -0
package/src/commands/InstallCommand.js +133 -0
package/src/mcp/server.js +111 -1
package/src/services/FrameworkInstaller.js +485 -0
package/src/templates/block.liquid.txt +0 -15
package/src/ui/PromptUI.js +15 -1
package/src/utils/logger.js +1 -1

package/src/services/FrameworkInstaller.js ADDED Viewed

@@ -0,0 +1,485 @@
+/**
+ * FrameworkInstaller — Serviço de instalação do Rook UI Core Framework.
+ *
+ * Encapsula toda a lógica de instalação do framework em um tema Shopify:
+ * 1. Copiar assets (CSS + JS)
+ * 2. Copiar snippets (Liquid)
+ * 3. Copiar blocks (Liquid)
+ * 4. Injetar settings no settings_schema.json
+ * 5. Patch do layout/theme.liquid
+ *
+ * Detecta automaticamente se o tema já possui um color_scheme_group:
+ * - SIM → usa rk-color-schemes.liquid (ponte para os schemes do tema)
+ * - NÃO → injeta rk-color-scheme-group.json + usa rk-color-schemes-standalone.liquid
+ *
+ * Princípio: Responsabilidade Única (SRP) — só instala o framework
+ * Princípio: Inversão de Dependência (DIP) — dependências injetadas
+ */
+import path from 'path';
+import fs from 'fs-extra';
+import { fileURLToPath } from 'url';
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const FRAMEWORK_DIR = path.resolve(__dirname, '../../rook-framework');
+/** Bloco Liquid injetado no <head> do theme.liquid */
+const HEAD_INJECTION = `
+    {%- comment -%} Rook UI Core Framework {%- endcomment -%}
+    {%- render 'rk-color-schemes' -%}
+    {%- render 'rk-variables' -%}
+    {{ 'rk-framework-tokens.css' | asset_url | stylesheet_tag }}
+    {{ 'rk-framework-core.css' | asset_url | stylesheet_tag }}
+    {%- render 'rk-external-assets', location: 'head' -%}`;
+/** Bloco Liquid injetado antes do </body> do theme.liquid */
+const BODY_INJECTION = `
+    {%- comment -%} Rook UI Core Framework — Scripts {%- endcomment -%}
+    {%- render 'rk-external-assets', location: 'body' -%}
+    {%- render 'rk-scripts' -%}`;
+/** Marcador para detectar instalação prévia */
+const RK_MARKER = 'rk-variables';
+/** Prefixo das seções no settings_schema */
+const RK_SECTION_PREFIX = 'Rook UI';
+export class FrameworkInstaller {
+    /**
+     * @param {import('../utils/logger.js').Logger} logger
+     */
+    constructor(logger) {
+        this.logger = logger;
+    }
+    /**
+     * Executa a instalação completa do framework.
+     *
+     * @param {string} themePath - Caminho raiz do tema Shopify
+     * @param {Object} [options={}]
+     * @param {boolean} [options.force=false] - Sobrescrever sem perguntar
+     * @param {boolean} [options.skipLayout=false] - Não modificar theme.liquid
+     * @param {boolean} [options.skipSettings=false] - Não modificar settings_schema.json
+     * @returns {Promise<{assets: number, snippets: number, blocks: number, settingsSections: number, layoutPatched: boolean, colorSchemeMode: string}>}
+     */
+    async install(themePath, options = {}) {
+        const resultado = {
+            assets: 0,
+            snippets: 0,
+            blocks: 0,
+            settingsSections: 0,
+            layoutPatched: false,
+            colorSchemeMode: 'unknown',
+        };
+        // Detectar color_scheme_group do tema antes de copiar snippets
+        const themeHasColorSchemes = await this._themeHasColorSchemeGroup(themePath);
+        resultado.colorSchemeMode = themeHasColorSchemes ? 'bridge' : 'standalone';
+        if (themeHasColorSchemes) {
+            this.logger.info('  Tema possui color_scheme_group → modo ponte (reutiliza esquemas do tema)');
+        } else {
+            this.logger.info('  Tema sem color_scheme_group → modo standalone (esquemas próprios Rook UI)');
+        }
+        // Etapa 1: Assets
+        this.logger.destaque('\n  [1/5] Copiando assets...');
+        resultado.assets = await this._copyDir(
+            path.join(FRAMEWORK_DIR, 'assets'),
+            path.join(themePath, 'assets'),
+            options.force
+        );
+        this.logger.sucesso(`  ${resultado.assets} arquivo(s) copiados para assets/`);
+        // Etapa 2: Snippets (com resolução do color-schemes correto)
+        this.logger.destaque('\n  [2/5] Copiando snippets...');
+        resultado.snippets = await this._copySnippets(themePath, themeHasColorSchemes, options.force);
+        this.logger.sucesso(`  ${resultado.snippets} arquivo(s) copiados para snippets/`);
+        // Etapa 3: Blocks
+        this.logger.destaque('\n  [3/5] Copiando blocks...');
+        resultado.blocks = await this._copyDir(
+            path.join(FRAMEWORK_DIR, 'blocks'),
+            path.join(themePath, 'blocks'),
+            options.force
+        );
+        this.logger.sucesso(`  ${resultado.blocks} arquivo(s) copiados para blocks/`);
+        // Etapa 4: Settings (com injeção condicional do color_scheme_group)
+        if (!options.skipSettings) {
+            this.logger.destaque('\n  [4/5] Injetando settings no settings_schema.json...');
+            resultado.settingsSections = await this._injectSettings(themePath, themeHasColorSchemes);
+            this.logger.sucesso(`  ${resultado.settingsSections} seção(ões) Rook UI injetadas`);
+        } else {
+            this.logger.sutil('[4/5] Pulando settings (--skip-settings)');
+        }
+        // Etapa 5: Layout
+        if (!options.skipLayout) {
+            this.logger.destaque('\n  [5/5] Configurando layout/theme.liquid...');
+            resultado.layoutPatched = await this._patchThemeLayout(themePath);
+            if (resultado.layoutPatched) {
+                this.logger.sucesso('  theme.liquid atualizado com sucesso');
+            } else {
+                this.logger.sutil('theme.liquid já contém o Rook UI, pulando');
+            }
+        } else {
+            this.logger.sutil('[5/5] Pulando layout (--skip-layout)');
+        }
+        return resultado;
+    }
+    /**
+     * Valida que o diretório é um tema Shopify.
+     *
+     * @param {string} themePath
+     * @returns {Promise<boolean>}
+     */
+    async validate(themePath) {
+        const indicators = [
+            'config/settings_schema.json',
+            'layout/theme.liquid',
+            'snippets',
+            'sections',
+            'templates',
+        ];
+        let found = 0;
+        for (const indicator of indicators) {
+            if (await fs.pathExists(path.join(themePath, indicator))) {
+                found++;
+            }
+        }
+        return found >= 3;
+    }
+    /**
+     * Detecta se o Rook UI já está instalado.
+     *
+     * @param {string} themePath
+     * @returns {Promise<boolean>}
+     */
+    async isAlreadyInstalled(themePath) {
+        const checks = [
+            path.join(themePath, 'snippets', 'rk-variables.liquid'),
+            path.join(themePath, 'assets', 'rk-framework-core.css'),
+        ];
+        for (const check of checks) {
+            if (await fs.pathExists(check)) {
+                return true;
+            }
+        }
+        // Verificar settings_schema.json
+        try {
+            const settingsPath = path.join(themePath, 'config', 'settings_schema.json');
+            if (await fs.pathExists(settingsPath)) {
+                const schema = JSON.parse(await fs.readFile(settingsPath, 'utf8'));
+                return schema.some(s => s.name && s.name.startsWith(RK_SECTION_PREFIX));
+            }
+        } catch {
+            // Ignora erro de leitura
+        }
+        return false;
+    }
+    /**
+     * Detecta informações do tema (nome e versão).
+     *
+     * @param {string} themePath
+     * @returns {Promise<{name: string, version: string}|null>}
+     */
+    async detectThemeInfo(themePath) {
+        try {
+            const settingsPath = path.join(themePath, 'config', 'settings_schema.json');
+            const schema = JSON.parse(await fs.readFile(settingsPath, 'utf8'));
+            const themeInfo = schema.find(s => s.name === 'theme_info');
+            if (themeInfo) {
+                return {
+                    name: themeInfo.theme_name || 'Desconhecido',
+                    version: themeInfo.theme_version || '?',
+                };
+            }
+        } catch {
+            // Ignora
+        }
+        return null;
+    }
+    /**
+     * Verifica se o tema já possui um color_scheme_group no settings_schema.json.
+     *
+     * @param {string} themePath
+     * @returns {Promise<boolean>}
+     * @private
+     */
+    async _themeHasColorSchemeGroup(themePath) {
+        try {
+            const settingsPath = path.join(themePath, 'config', 'settings_schema.json');
+            if (!await fs.pathExists(settingsPath)) return false;
+            const schema = JSON.parse(await fs.readFile(settingsPath, 'utf8'));
+            for (const section of schema) {
+                if (!section.settings) continue;
+                for (const setting of section.settings) {
+                    if (setting.type === 'color_scheme_group') {
+                        return true;
+                    }
+                }
+            }
+        } catch {
+            // Ignora
+        }
+        return false;
+    }
+    /**
+     * Copia snippets com resolução inteligente do rk-color-schemes.
+     *
+     * - Tema COM color_scheme_group → copia rk-color-schemes.liquid (ponte)
+     * - Tema SEM color_scheme_group → copia rk-color-schemes-standalone.liquid como rk-color-schemes.liquid
+     *
+     * Exclui o arquivo alternativo que não foi usado.
+     *
+     * @param {string} themePath
+     * @param {boolean} themeHasColorSchemes
+     * @param {boolean} force
+     * @returns {Promise<number>}
+     * @private
+     */
+    async _copySnippets(themePath, themeHasColorSchemes, force) {
+        const srcDir = path.join(FRAMEWORK_DIR, 'snippets');
+        const destDir = path.join(themePath, 'snippets');
+        // Arquivos a ignorar na cópia genérica
+        const skipFiles = new Set([
+            'rk-color-schemes.liquid',
+            'rk-color-schemes-standalone.liquid',
+        ]);
+        // Copiar todos os snippets exceto os dois de color-schemes
+        const count = await this._copyDir(srcDir, destDir, force, (filename) => {
+            if (filename.includes(' copy')) return false;
+            if (skipFiles.has(filename)) return false;
+            return true;
+        });
+        // Copiar a versão correta como rk-color-schemes.liquid
+        const sourceFile = themeHasColorSchemes
+            ? 'rk-color-schemes.liquid'          // Ponte para schemes do tema
+            : 'rk-color-schemes-standalone.liquid'; // Schemes próprios do Rook UI
+        const srcPath = path.join(srcDir, sourceFile);
+        const destPath = path.join(destDir, 'rk-color-schemes.liquid');
+        if (await fs.pathExists(srcPath)) {
+            await fs.copy(srcPath, destPath, { overwrite: true });
+            this.logger.sutil(`→ snippets/rk-color-schemes.liquid (${themeHasColorSchemes ? 'ponte' : 'standalone'})`);
+            return count + 1;
+        }
+        return count;
+    }
+    /**
+     * Copia todos os arquivos de um diretório para outro.
+     *
+     * @param {string} srcDir - Diretório de origem
+     * @param {string} destDir - Diretório de destino
+     * @param {boolean} force - Sobrescrever sem perguntar
+     * @param {Function} [filter] - Função de filtro (recebe filename, retorna boolean)
+     * @returns {Promise<number>} Quantidade de arquivos copiados
+     * @private
+     */
+    async _copyDir(srcDir, destDir, force = false, filter = null) {
+        if (!await fs.pathExists(srcDir)) {
+            return 0;
+        }
+        await fs.ensureDir(destDir);
+        const files = await fs.readdir(srcDir);
+        let count = 0;
+        for (const file of files) {
+            if (filter && !filter(file)) {
+                continue;
+            }
+            const srcFile = path.join(srcDir, file);
+            const destFile = path.join(destDir, file);
+            const stat = await fs.stat(srcFile);
+            if (!stat.isFile()) {
+                continue;
+            }
+            // Se o arquivo já existe e não é force, pular
+            if (!force && await fs.pathExists(destFile)) {
+                // Em modo não-force, sobrescreve mesmo assim para garantir atualização
+                // O ConflictResolver é usado no nível do comando, não aqui
+            }
+            await fs.copy(srcFile, destFile, { overwrite: true });
+            this.logger.sutil(`→ ${path.basename(destDir)}/${file}`);
+            count++;
+        }
+        return count;
+    }
+    /**
+     * Injeta as seções do Rook UI no settings_schema.json do tema.
+     *
+     * Se o tema NÃO possui color_scheme_group, injeta também o
+     * rk-color-scheme-group.json com o grupo de cores próprio do Rook UI.
+     *
+     * @param {string} themePath
+     * @param {boolean} themeHasColorSchemes
+     * @returns {Promise<number>} Quantidade de seções injetadas
+     * @private
+     */
+    async _injectSettings(themePath, themeHasColorSchemes) {
+        const settingsPath = path.join(themePath, 'config', 'settings_schema.json');
+        const rkSettingsPath = path.join(FRAMEWORK_DIR, 'config', 'rk-settings_schema.json');
+        const rkColorGroupPath = path.join(FRAMEWORK_DIR, 'config', 'rk-color-scheme-group.json');
+        if (!await fs.pathExists(settingsPath)) {
+            this.logger.aviso('settings_schema.json não encontrado, pulando injeção de settings');
+            return 0;
+        }
+        // Backup
+        const backupPath = settingsPath + '.rk-backup';
+        await fs.copy(settingsPath, backupPath, { overwrite: true });
+        this.logger.sutil(`Backup criado: settings_schema.json.rk-backup`);
+        try {
+            // Ler arquivos
+            let schema = JSON.parse(await fs.readFile(settingsPath, 'utf8'));
+            const rkSections = JSON.parse(await fs.readFile(rkSettingsPath, 'utf8'));
+            // Remover seções Rook UI existentes (para atualização limpa)
+            schema = schema.filter(s => !s.name || !s.name.startsWith(RK_SECTION_PREFIX));
+            // Se o tema NÃO tem color_scheme_group, injetar o do Rook UI
+            if (!themeHasColorSchemes && await fs.pathExists(rkColorGroupPath)) {
+                const colorGroup = JSON.parse(await fs.readFile(rkColorGroupPath, 'utf8'));
+                schema.push(...colorGroup);
+                this.logger.sutil('→ Injetado color_scheme_group próprio do Rook UI');
+                for (const section of colorGroup) {
+                    this.logger.sutil(`→ ${section.name}`);
+                }
+            } else if (themeHasColorSchemes) {
+                this.logger.sutil('→ Tema já possui color_scheme_group, reaproveitando');
+            }
+            // Inserir seções padrão no final
+            schema.push(...rkSections);
+            // Salvar
+            await fs.writeFile(settingsPath, JSON.stringify(schema, null, 2), 'utf8');
+            // Validar JSON resultante
+            JSON.parse(await fs.readFile(settingsPath, 'utf8'));
+            // Log das seções inseridas
+            for (const section of rkSections) {
+                const settingsCount = section.settings?.filter(s => s.id).length || 0;
+                this.logger.sutil(`→ ${section.name} (${settingsCount} settings)`);
+            }
+            const totalSections = rkSections.length + (!themeHasColorSchemes ? 1 : 0);
+            return totalSections;
+        } catch (erro) {
+            // Restaurar backup em caso de erro
+            this.logger.erro(`Erro ao injetar settings: ${erro.message}`);
+            this.logger.info('Restaurando backup...');
+            await fs.copy(backupPath, settingsPath, { overwrite: true });
+            throw erro;
+        }
+    }
+    /**
+     * Modifica o layout/theme.liquid para carregar o framework.
+     *
+     * @param {string} themePath
+     * @returns {Promise<boolean>} true se modificou, false se já existia
+     * @private
+     */
+    async _patchThemeLayout(themePath) {
+        const layoutPath = path.join(themePath, 'layout', 'theme.liquid');
+        if (!await fs.pathExists(layoutPath)) {
+            this.logger.aviso('layout/theme.liquid não encontrado, pulando patch');
+            return false;
+        }
+        // Backup
+        const backupPath = layoutPath + '.rk-backup';
+        await fs.copy(layoutPath, backupPath, { overwrite: true });
+        this.logger.sutil(`Backup criado: theme.liquid.rk-backup`);
+        let content = await fs.readFile(layoutPath, 'utf8');
+        // Detectar instalação prévia
+        if (content.includes(RK_MARKER)) {
+            // Remover blocos antigos para reinstalar limpo
+            content = this._removeExistingRkBlocks(content);
+        }
+        // Injetar no <head> — antes de {{ content_for_header }}
+        const headAnchor = '{{ content_for_header }}';
+        const headFallback = '</head>';
+        if (content.includes(headAnchor)) {
+            content = content.replace(headAnchor, HEAD_INJECTION + '\n\n    ' + headAnchor);
+            this.logger.sutil('→ Injetado no <head>: rk-color-schemes, rk-variables, tokens, core CSS');
+        } else if (content.includes(headFallback)) {
+            content = content.replace(headFallback, HEAD_INJECTION + '\n  ' + headFallback);
+            this.logger.sutil('→ Injetado antes de </head> (fallback)');
+        } else {
+            this.logger.aviso('Não foi possível encontrar ponto de injeção no <head>');
+        }
+        // Injetar antes do </body>
+        const bodyAnchor = '</body>';
+        if (content.includes(bodyAnchor)) {
+            content = content.replace(bodyAnchor, BODY_INJECTION + '\n  ' + bodyAnchor);
+            this.logger.sutil('→ Injetado antes do </body>: rk-scripts');
+        } else {
+            this.logger.aviso('Não foi possível encontrar </body> no theme.liquid');
+        }
+        await fs.writeFile(layoutPath, content, 'utf8');
+        return true;
+    }
+    /**
+     * Remove blocos Rook UI existentes do theme.liquid para reinstalação limpa.
+     *
+     * @param {string} content - Conteúdo do theme.liquid
+     * @returns {string} Conteúdo limpo
+     * @private
+     */
+    _removeExistingRkBlocks(content) {
+        // Remover bloco do <head> (detecta tanto versões com quanto sem rk-color-schemes)
+        const headBlockRegex = /\n?\s*\{%-?\s*comment\s*-?%\}\s*Rook UI Core Framework\s*\{%-?\s*endcomment\s*-?%\}[\s\S]*?\{%-?\s*render\s+'rk-external-assets'[^%]*%\}\s*\n?/g;
+        content = content.replace(headBlockRegex, '\n');
+        // Remover bloco do </body>
+        const bodyBlockRegex = /\n?\s*\{%-?\s*comment\s*-?%\}\s*Rook UI Core Framework — Scripts\s*\{%-?\s*endcomment\s*-?%\}[\s\S]*?\{%-?\s*render\s+'rk-scripts'\s*-?%\}\s*\n?/g;
+        content = content.replace(bodyBlockRegex, '\n');
+        return content;
+    }
+}

package/src/templates/block.liquid.txt CHANGED Viewed

@@ -58,18 +58,3 @@
 }
 {% endschema %}
-{% javascript %}
-  class {{PascalName}}Block extends HTMLElement {
-    connectedCallback() {
-      this.addEventListener('click', this.handleClick.bind(this));
-    }
-    handleClick() {
-      console.log('Block clicked:', this.dataset.blockId);
-    }
-  }
-  if (!customElements.get('{{kebabName}}-block')) {
-    customElements.define('{{kebabName}}-block', {{PascalName}}Block);
-  }
-{% endjavascript %}

package/src/ui/PromptUI.js CHANGED Viewed

@@ -8,7 +8,7 @@
  * Princípio: Aberto/Fechado (OCP) — fácil adicionar novos menus
  */
-import { select, checkbox, input } from '@inquirer/prompts';
+import { select, checkbox, input, confirm } from '@inquirer/prompts';
 export class PromptUI {
@@ -120,6 +120,20 @@ export class PromptUI {
      * @param {Array<{nome: string, caminho: string}>} componentes - Componentes disponíveis
      * @returns {Promise<Array<{nome: string, caminho: string}>>} Componentes selecionados
      */
+    /**
+     * Exibe uma pergunta de confirmação (sim/não).
+     *
+     * @param {string} mensagem - Pergunta a ser exibida
+     * @param {boolean} [padrao=true] - Valor padrão (true = Sim)
+     * @returns {Promise<boolean>}
+     */
+    async confirmar(mensagem, padrao = true) {
+        return confirm({
+            message: mensagem,
+            default: padrao,
+        });
+    }
     async selecionarComponentes(componentes) {
         if (componentes.length === 0) {
             throw new Error('Nenhum componente disponível no repositório.');

package/src/utils/logger.js CHANGED Viewed

@@ -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.2       ║')));
+        console.log(pc.bold(pc.white('  ║    ♟️  ROOK CLI  v1.3.5       ║')));
         console.log(pc.bold(pc.white('  ║   Shopify Component Tool     ║')));
         console.log(pc.bold(pc.white('  ╚══════════════════════════════╝')));
         console.log('');