rook-cli 1.3.2 → 1.3.4

package/rook-framework/blocks/rk-price.liquid

@@ -0,0 +1,128 @@
+{% comment %}
+  Block: RK Price
+  Renders a rk-price display. Uses closest product context or manual product picker.
+  Uses rk-spacing-style for Horizon-compatible spacing.
+{% endcomment %}
+
+{%- liquid
+  assign target_product = block.settings.product | default: closest.product | default: product
+-%}
+
+<rk-price-block
+  id="block-{{ block.id }}"
+  {{ block.shopify_attributes }}
+  class="rk-block rk-spacing-style"
+  style="
+    {% render 'rk-spacing-style', settings: block.settings %}
+    --rk-price-size: {{ block.settings.font_size }};
+    font-size: var(--rk-price-size);
+    {% if block.settings.alignment == 'center' %}text-align: center;{% elsif block.settings.alignment == 'right' %}text-align: right;{% endif %}
+  "
+>
+  {% render 'rk-price',
+    product: target_product,
+    from: block.settings.show_from,
+    compare_position: block.settings.compare_position
+  %}
+</rk-price-block>
+
+{% schema %}
+{
+  "name": "RK | Preço",
+  "tag": null,
+  "settings": [
+    {
+      "type": "product",
+      "id": "product",
+      "label": "Produto",
+      "info": "Se vazio, usa o produto do contexto"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_from",
+      "label": "Exibir \"A partir de\"",
+      "default": false
+    },
+    {
+      "type": "select",
+      "id": "compare_position",
+      "label": "Posição do preço comparativo",
+      "options": [
+        { "value": "before", "label": "Antes (De X Por Y)" },
+        { "value": "after", "label": "Depois (Y era X)" }
+      ],
+      "default": "before"
+    },
+    {
+      "type": "select",
+      "id": "font_size",
+      "label": "Tamanho da fonte",
+      "options": [
+        { "value": "var(--rk-font-size-sm)", "label": "Pequeno (14px)" },
+        { "value": "var(--rk-font-size-md)", "label": "Médio (16px)" },
+        { "value": "var(--rk-font-size-lg)", "label": "Grande (18px)" },
+        { "value": "var(--rk-font-size-xl)", "label": "Extra Grande (20px)" },
+        { "value": "var(--rk-font-size-2xl)", "label": "2XL (24px)" },
+        { "value": "var(--rk-font-size-3xl)", "label": "3XL (30px)" }
+      ],
+      "default": "var(--rk-font-size-lg)"
+    },
+    {
+      "type": "text_alignment",
+      "id": "alignment",
+      "label": "Alinhamento",
+      "default": "left"
+    },
+    {
+      "type": "header",
+      "content": "Espaçamento"
+    },
+    {
+      "type": "range",
+      "id": "padding-block-start",
+      "label": "Topo",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-block-end",
+      "label": "Base",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-inline-start",
+      "label": "Esquerda",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-inline-end",
+      "label": "Direita",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    }
+  ],
+  "presets": [
+    {
+      "name": "RK | Preço",
+      "category": "Rook UI"
+    }
+  ]
+}
+{% endschema %}

package/rook-framework/blocks/rk-quantity.liquid

@@ -0,0 +1,108 @@
+{% comment %}
+  Block: RK Quantity
+  Renders a rk-quantity selector.
+  Uses rk-spacing-style for Horizon-compatible spacing.
+{% endcomment %}
+
+{%- liquid
+  assign target_product = block.settings.product | default: closest.product | default: product
+  assign target_variant = target_product.selected_or_first_available_variant
+
+  assign qty_min = 1
+  assign qty_max = nil
+  assign qty_step = 1
+
+  if target_variant
+    assign qty_min = target_variant.quantity_rule.min | default: 1
+    assign qty_max = target_variant.quantity_rule.max
+    assign qty_step = target_variant.quantity_rule.increment | default: 1
+  endif
+-%}
+
+<rk-quantity-block
+  id="block-{{ block.id }}"
+  {{ block.shopify_attributes }}
+  class="rk-block rk-spacing-style"
+  style="
+    {% render 'rk-spacing-style', settings: block.settings %}
+    {% if block.settings.alignment == 'center' %}text-align: center;{% elsif block.settings.alignment == 'right' %}text-align: right;{% endif %}
+  "
+>
+  {% render 'rk-quantity',
+    value: qty_min,
+    min: qty_min,
+    max: qty_max,
+    step: qty_step
+  %}
+</rk-quantity-block>
+
+{% schema %}
+{
+  "name": "RK | Quantidade",
+  "tag": null,
+  "settings": [
+    {
+      "type": "product",
+      "id": "product",
+      "label": "Produto",
+      "info": "Se vazio, usa o produto do contexto. Respeita as regras de quantidade da variante."
+    },
+    {
+      "type": "text_alignment",
+      "id": "alignment",
+      "label": "Alinhamento",
+      "default": "left"
+    },
+    {
+      "type": "header",
+      "content": "Espaçamento"
+    },
+    {
+      "type": "range",
+      "id": "padding-block-start",
+      "label": "Topo",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-block-end",
+      "label": "Base",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-inline-start",
+      "label": "Esquerda",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-inline-end",
+      "label": "Direita",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    }
+  ],
+  "presets": [
+    {
+      "name": "RK | Quantidade",
+      "category": "Rook UI"
+    }
+  ]
+}
+{% endschema %}

package/rook-framework/blocks/rk-quick-add.liquid

@@ -0,0 +1,137 @@
+{% comment %}
+  Block: RK Quick Add
+  Renders a rk-quick-add add-to-cart button.
+  ⚠️ Exceção: usa quick-add.js e events.js do tema Horizon.
+  Uses rk-spacing-style for Horizon-compatible spacing.
+{% endcomment %}
+
+{%- liquid
+  assign target_product = block.settings.product | default: closest.product | default: product
+-%}
+
+<rk-quick-add-block
+  id="block-{{ block.id }}"
+  {{ block.shopify_attributes }}
+  class="rk-block rk-spacing-style"
+  style="
+    {% render 'rk-spacing-style', settings: block.settings %}
+  "
+>
+  {% if target_product %}
+    {% render 'rk-quick-add',
+      product: target_product,
+      section_id: section.id,
+      show_quantity: block.settings.show_quantity,
+      button_text: block.settings.button_text,
+      button_style: block.settings.button_style,
+      button_size: block.settings.button_size
+    %}
+  {% else %}
+    {% render 'rk-button',
+      text: block.settings.button_text,
+      style: block.settings.button_style,
+      size: block.settings.button_size,
+      disabled: true,
+      full_width: true
+    %}
+  {% endif %}
+</rk-quick-add-block>
+
+{% schema %}
+{
+  "name": "RK | Adicionar ao Carrinho",
+  "tag": null,
+  "settings": [
+    {
+      "type": "product",
+      "id": "product",
+      "label": "Produto",
+      "info": "Se vazio, usa o produto do contexto"
+    },
+    {
+      "type": "text",
+      "id": "button_text",
+      "label": "Texto do botão",
+      "default": "Adicionar ao Carrinho"
+    },
+    {
+      "type": "select",
+      "id": "button_style",
+      "label": "Estilo do botão",
+      "options": [
+        { "value": "primary", "label": "Primário" },
+        { "value": "secondary", "label": "Secundário" },
+        { "value": "outline", "label": "Outline" }
+      ],
+      "default": "primary"
+    },
+    {
+      "type": "select",
+      "id": "button_size",
+      "label": "Tamanho do botão",
+      "options": [
+        { "value": "sm", "label": "Pequeno" },
+        { "value": "md", "label": "Médio" },
+        { "value": "lg", "label": "Grande" }
+      ],
+      "default": "md"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_quantity",
+      "label": "Exibir seletor de quantidade",
+      "default": false
+    },
+    {
+      "type": "header",
+      "content": "Espaçamento"
+    },
+    {
+      "type": "range",
+      "id": "padding-block-start",
+      "label": "Topo",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-block-end",
+      "label": "Base",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-inline-start",
+      "label": "Esquerda",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-inline-end",
+      "label": "Direita",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    }
+  ],
+  "presets": [
+    {
+      "name": "RK | Adicionar ao Carrinho",
+      "category": "Rook UI"
+    }
+  ]
+}
+{% endschema %}

package/rook-framework/blocks/rk-skeleton.liquid

@@ -0,0 +1,104 @@
+{% comment %}
+  Block: RK Skeleton
+  Renders a rk-skeleton placeholder for content loading.
+  Uses rk-spacing-style for Horizon-compatible spacing.
+{% endcomment %}
+
+<rk-skeleton-block
+  id="block-{{ block.id }}"
+  {{ block.shopify_attributes }}
+  class="rk-block rk-spacing-style"
+  style="
+    {% render 'rk-spacing-style', settings: block.settings %}
+  "
+>
+  {% render 'rk-skeleton',
+    width: block.settings.width,
+    height: block.settings.height,
+    shape: block.settings.shape
+  %}
+</rk-skeleton-block>
+
+{% schema %}
+{
+  "name": "RK | Skeleton",
+  "tag": null,
+  "settings": [
+    {
+      "type": "select",
+      "id": "shape",
+      "label": "Formato",
+      "options": [
+        { "value": "text", "label": "Texto (linha)" },
+        { "value": "rect", "label": "Retângulo" },
+        { "value": "circle", "label": "Círculo" }
+      ],
+      "default": "text"
+    },
+    {
+      "type": "text",
+      "id": "width",
+      "label": "Largura",
+      "default": "100%",
+      "info": "Ex: 100%, 200px, 50%"
+    },
+    {
+      "type": "text",
+      "id": "height",
+      "label": "Altura",
+      "default": "20px",
+      "info": "Ex: 20px, 1em, 48px"
+    },
+    {
+      "type": "header",
+      "content": "Espaçamento"
+    },
+    {
+      "type": "range",
+      "id": "padding-block-start",
+      "label": "Topo",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 4
+    },
+    {
+      "type": "range",
+      "id": "padding-block-end",
+      "label": "Base",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 4
+    },
+    {
+      "type": "range",
+      "id": "padding-inline-start",
+      "label": "Esquerda",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-inline-end",
+      "label": "Direita",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    }
+  ],
+  "presets": [
+    {
+      "name": "RK | Skeleton",
+      "category": "Rook UI"
+    }
+  ]
+}
+{% endschema %}

package/rook-framework/blocks/rk-typography.liquid

@@ -0,0 +1,183 @@
+{% comment %}
+  Block: RK Typography
+  Renders a rk-typography for headings and text blocks.
+  Uses rk-spacing-style for Horizon-compatible spacing.
+{% endcomment %}
+
+<rk-typography-block
+  id="block-{{ block.id }}"
+  {{ block.shopify_attributes }}
+  class="rk-block rk-spacing-style"
+  style="
+    {% render 'rk-spacing-style', settings: block.settings %}
+    {% if block.settings.custom_color != blank %}--rk-typo-color: {{ block.settings.custom_color }};{% endif %}
+  "
+>
+  {%- liquid
+    assign use_richtext = false
+    if block.settings.use_richtext
+      assign use_richtext = true
+    endif
+  -%}
+
+  {% if use_richtext %}
+    <div
+      class="rk-typography rk-typography--{{ block.settings.size }}{% if block.settings.bold %} rk-typography--bold{% endif %}{% if block.settings.muted %} rk-typography--muted{% endif %}{% if block.settings.uppercase %} rk-typography--uppercase{% endif %}"
+      style="text-align: {{ block.settings.alignment }};{% if block.settings.custom_color != blank %} color: var(--rk-typo-color);{% endif %}"
+    >
+      {{ block.settings.richtext }}
+    </div>
+  {% else %}
+    {% render 'rk-typography',
+      text: block.settings.text,
+      tag: block.settings.tag,
+      size: block.settings.size,
+      align: block.settings.alignment,
+      bold: block.settings.bold,
+      muted: block.settings.muted,
+      uppercase: block.settings.uppercase,
+      custom_class: block.settings.custom_color | prepend: 'color:' | prepend: 'style="' | append: '"'
+    %}
+  {% endif %}
+</rk-typography-block>
+
+{% schema %}
+{
+  "name": "RK | Texto",
+  "tag": null,
+  "settings": [
+    {
+      "type": "checkbox",
+      "id": "use_richtext",
+      "label": "Usar editor de texto avançado",
+      "default": false
+    },
+    {
+      "type": "text",
+      "id": "text",
+      "label": "Texto",
+      "default": "Seu texto aqui",
+      "visible_if": "{{ block.settings.use_richtext == false }}"
+    },
+    {
+      "type": "richtext",
+      "id": "richtext",
+      "label": "Texto avançado",
+      "default": "<p>Seu texto avançado aqui</p>",
+      "visible_if": "{{ block.settings.use_richtext == true }}"
+    },
+    {
+      "type": "select",
+      "id": "tag",
+      "label": "Tag HTML",
+      "options": [
+        { "value": "p", "label": "Parágrafo (p)" },
+        { "value": "h1", "label": "Título H1" },
+        { "value": "h2", "label": "Título H2" },
+        { "value": "h3", "label": "Título H3" },
+        { "value": "h4", "label": "Título H4" },
+        { "value": "h5", "label": "Título H5" },
+        { "value": "h6", "label": "Título H6" },
+        { "value": "span", "label": "Span" }
+      ],
+      "default": "p",
+      "visible_if": "{{ block.settings.use_richtext == false }}"
+    },
+    {
+      "type": "select",
+      "id": "size",
+      "label": "Tamanho",
+      "options": [
+        { "value": "xs", "label": "Extra Pequeno (12px)" },
+        { "value": "sm", "label": "Pequeno (14px)" },
+        { "value": "md", "label": "Médio (16px)" },
+        { "value": "lg", "label": "Grande (18px)" },
+        { "value": "xl", "label": "Extra Grande (20px)" },
+        { "value": "2xl", "label": "2XL (24px)" },
+        { "value": "3xl", "label": "3XL (30px)" },
+        { "value": "4xl", "label": "4XL (36px)" }
+      ],
+      "default": "md"
+    },
+    {
+      "type": "text_alignment",
+      "id": "alignment",
+      "label": "Alinhamento",
+      "default": "left"
+    },
+    {
+      "type": "checkbox",
+      "id": "bold",
+      "label": "Negrito",
+      "default": false
+    },
+    {
+      "type": "checkbox",
+      "id": "muted",
+      "label": "Cor suave (muted)",
+      "default": false
+    },
+    {
+      "type": "checkbox",
+      "id": "uppercase",
+      "label": "Caixa alta",
+      "default": false
+    },
+    {
+      "type": "color",
+      "id": "custom_color",
+      "label": "Cor personalizada"
+    },
+    {
+      "type": "header",
+      "content": "Espaçamento"
+    },
+    {
+      "type": "range",
+      "id": "padding-block-start",
+      "label": "Topo",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-block-end",
+      "label": "Base",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-inline-start",
+      "label": "Esquerda",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    },
+    {
+      "type": "range",
+      "id": "padding-inline-end",
+      "label": "Direita",
+      "min": 0,
+      "max": 100,
+      "step": 2,
+      "unit": "px",
+      "default": 0
+    }
+  ],
+  "presets": [
+    {
+      "name": "RK | Texto",
+      "category": "Rook UI"
+    }
+  ]
+}
+{% endschema %}