@goldencomm/create-baseline 0.0.1 → 0.1.0

package/templates/shopify-theme/.claude/skills/shopify-liquid/featured-collection.liquid

@@ -1,457 +0,0 @@
-<section
-  class="featured-collection"
-  style="--columns: {{ section.settings.columns_desktop }}; --columns-mobile: {{ section.settings.columns_mobile }};"
->
-  {%- if section.settings.title != blank or section.settings.description != blank -%}
-    <div class="featured-collection__header">
-      {%- if section.settings.title != blank -%}
-        <h2 class="featured-collection__title">{{ section.settings.title | escape }}</h2>
-      {%- endif -%}
-      {%- if section.settings.description != blank -%}
-        <p class="featured-collection__description">{{ section.settings.description | escape }}</p>
-      {%- endif -%}
-    </div>
-  {%- endif -%}
-
-  {%- assign featured = section.settings.collection -%}
-  {%- if featured != blank -%}
-    <ul class="featured-collection__grid" role="list">
-      {%- for product in featured.products limit: section.settings.products_to_show -%}
-        <li class="featured-collection__item">
-          <div class="product-card">
-            <a href="{{ product.url }}" class="product-card__image-link" aria-label="{{ product.title | escape }}">
-              {%- if product.featured_image -%}
-                {%- assign image_alt = product.featured_image.alt | escape -%}
-                {{ product.featured_image | image_url: width: 600 | image_tag: loading: 'lazy', alt: image_alt, class: 'product-card__image' }}
-              {%- else -%}
-                {{ 'product-1' | placeholder_svg_tag: 'product-card__image product-card__placeholder' }}
-              {%- endif -%}
-              {%- if product.compare_at_price > product.price -%}
-                <span class="product-card__badge" aria-label="{{ 'sections.featured_collection.sale_badge' | t }}">
-                  {{- 'sections.featured_collection.sale' | t -}}
-                </span>
-              {%- endif -%}
-            </a>
-
-            <div class="product-card__info">
-              {%- if section.settings.show_vendor -%}
-                <p class="product-card__vendor">{{ product.vendor | escape }}</p>
-              {%- endif -%}
-
-              <h3 class="product-card__title">
-                <a href="{{ product.url }}">{{ product.title | escape }}</a>
-              </h3>
-
-              {%- if section.settings.show_price -%}
-                <div class="product-card__price" aria-label="{{ 'sections.featured_collection.price_label' | t }}">
-                  {%- if product.compare_at_price > product.price -%}
-                    <s class="product-card__price--compare">{{ product.compare_at_price | money }}</s>
-                  {%- endif -%}
-                  <span class="product-card__price--current{% if product.compare_at_price > product.price %} product-card__price--sale{% endif %}">
-                    {{- product.price | money -}}
-                  </span>
-                </div>
-              {%- endif -%}
-
-              {%- if product.available -%}
-                {%- form 'product', product, id: product.id | append: '-atc-form', class: 'product-card__form' -%}
-                  <input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}">
-                  <button
-                    type="submit"
-                    class="product-card__atc-btn"
-                    data-loading="{{ 'sections.featured_collection.adding' | t }}"
-                    data-added="{{ 'sections.featured_collection.added' | t }}"
-                  >
-                    {{- 'sections.featured_collection.add_to_cart' | t -}}
-                  </button>
-                {%- endform -%}
-              {%- else -%}
-                <button class="product-card__atc-btn product-card__atc-btn--sold-out" disabled aria-disabled="true">
-                  {{- 'sections.featured_collection.sold_out' | t -}}
-                </button>
-              {%- endif -%}
-            </div>
-          </div>
-        </li>
-      {%- endfor -%}
-    </ul>
-
-    {%- if section.settings.show_view_all and featured.products_count > section.settings.products_to_show -%}
-      <div class="featured-collection__footer">
-        <a href="{{ featured.url }}" class="featured-collection__view-all">
-          {{- 'sections.featured_collection.view_all' | t: collection: featured.title -}}
-        </a>
-      </div>
-    {%- endif -%}
-  {%- else -%}
-    <div class="featured-collection__empty">
-      <p>{{ 'sections.featured_collection.no_collection' | t }}</p>
-    </div>
-  {%- endif -%}
-
-  {%- if section.blocks.size > 0 -%}
-    <div class="featured-collection__app-blocks">
-      {%- content_for 'blocks' -%}
-    </div>
-  {%- endif -%}
-</section>
-
-{% stylesheet %}
-  .featured-collection {
-    padding: 3rem 1.5rem;
-    max-width: 1440px;
-    margin: 0 auto;
-    box-sizing: border-box;
-  }
-
-  .featured-collection__header {
-    text-align: center;
-    margin-bottom: 2.5rem;
-    max-width: 640px;
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .featured-collection__title {
-    font-size: clamp(1.5rem, 3vw, 2.25rem);
-    font-weight: 700;
-    line-height: 1.2;
-    margin: 0 0 0.75rem;
-  }
-
-  .featured-collection__description {
-    font-size: 1rem;
-    color: #6b7280;
-    line-height: 1.6;
-    margin: 0;
-  }
-
-  .featured-collection__grid {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    display: grid;
-    grid-template-columns: repeat(var(--columns-mobile), 1fr);
-    gap: 1.5rem;
-  }
-
-  @media (min-width: 768px) {
-    .featured-collection__grid {
-      grid-template-columns: repeat(var(--columns), 1fr);
-    }
-  }
-
-  .featured-collection__item {
-    display: flex;
-  }
-
-  .product-card {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    border-radius: 0.75rem;
-    overflow: hidden;
-    border: 1px solid #e5e7eb;
-    background: #fff;
-    transition: box-shadow 0.25s ease, transform 0.25s ease;
-  }
-
-  .product-card:hover {
-    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
-    transform: translateY(-3px);
-  }
-
-  .product-card__image-link {
-    display: block;
-    position: relative;
-    overflow: hidden;
-    aspect-ratio: 1 / 1;
-    background: #f3f4f6;
-  }
-
-  .product-card__image {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    transition: transform 0.4s ease;
-    display: block;
-  }
-
-  .product-card:hover .product-card__image {
-    transform: scale(1.06);
-  }
-
-  .product-card__placeholder {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    opacity: 0.4;
-  }
-
-  .product-card__badge {
-    position: absolute;
-    top: 0.75rem;
-    left: 0.75rem;
-    background: #dc2626;
-    color: #fff;
-    font-size: 0.7rem;
-    font-weight: 700;
-    padding: 0.2rem 0.55rem;
-    border-radius: 999px;
-    text-transform: uppercase;
-    letter-spacing: 0.07em;
-    pointer-events: none;
-  }
-
-  .product-card__info {
-    padding: 1rem 1.125rem 1.125rem;
-    display: flex;
-    flex-direction: column;
-    gap: 0.4rem;
-    flex: 1;
-  }
-
-  .product-card__vendor {
-    font-size: 0.72rem;
-    color: #9ca3af;
-    text-transform: uppercase;
-    letter-spacing: 0.08em;
-    margin: 0;
-  }
-
-  .product-card__title {
-    font-size: 0.9375rem;
-    font-weight: 600;
-    margin: 0;
-    line-height: 1.4;
-    flex: 1;
-  }
-
-  .product-card__title a {
-    color: inherit;
-    text-decoration: none;
-  }
-
-  .product-card__title a:hover {
-    text-decoration: underline;
-    text-underline-offset: 2px;
-  }
-
-  .product-card__price {
-    display: flex;
-    align-items: baseline;
-    gap: 0.5rem;
-    flex-wrap: wrap;
-    margin-top: 0.25rem;
-  }
-
-  .product-card__price--compare {
-    font-size: 0.8125rem;
-    color: #9ca3af;
-  }
-
-  .product-card__price--current {
-    font-size: 1rem;
-    font-weight: 700;
-    color: #111827;
-  }
-
-  .product-card__price--sale {
-    color: #dc2626;
-  }
-
-  .product-card__form {
-    margin-top: auto;
-    padding-top: 0.75rem;
-  }
-
-  .product-card__atc-btn {
-    display: block;
-    width: 100%;
-    padding: 0.625rem 1rem;
-    background: #111827;
-    color: #fff;
-    border: 2px solid transparent;
-    border-radius: 0.5rem;
-    font-size: 0.875rem;
-    font-weight: 600;
-    cursor: pointer;
-    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
-    text-align: center;
-  }
-
-  .product-card__atc-btn:hover:not(:disabled) {
-    background: #fff;
-    color: #111827;
-    border-color: #111827;
-  }
-
-  .product-card__atc-btn--sold-out {
-    background: #e5e7eb;
-    color: #9ca3af;
-    cursor: not-allowed;
-  }
-
-  .featured-collection__footer {
-    display: flex;
-    justify-content: center;
-    margin-top: 2.5rem;
-  }
-
-  .featured-collection__view-all {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.4rem;
-    padding: 0.75rem 2rem;
-    border: 2px solid #111827;
-    border-radius: 0.5rem;
-    color: #111827;
-    text-decoration: none;
-    font-size: 0.875rem;
-    font-weight: 600;
-    transition: background 0.2s ease, color 0.2s ease;
-  }
-
-  .featured-collection__view-all:hover {
-    background: #111827;
-    color: #fff;
-  }
-
-  .featured-collection__empty {
-    text-align: center;
-    padding: 4rem 1rem;
-    color: #9ca3af;
-    font-size: 1rem;
-  }
-
-  .featured-collection__app-blocks {
-    margin-top: 2rem;
-  }
-{% endstylesheet %}
-
-{% javascript %}
-  (function () {
-    var forms = document.querySelectorAll('.product-card__form');
-    forms.forEach(function (form) {
-      var btn = form.querySelector('.product-card__atc-btn');
-      if (!btn) return;
-      var originalLabel = btn.textContent.trim();
-
-      form.addEventListener('submit', function (event) {
-        event.preventDefault();
-        if (btn.disabled) return;
-
-        btn.disabled = true;
-        btn.textContent = btn.dataset.loading || '...';
-
-        fetch('/cart/add.js', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-          body: new URLSearchParams(new FormData(form)).toString()
-        })
-          .then(function (res) {
-            if (!res.ok) throw new Error('cart_error');
-            return res.json();
-          })
-          .then(function () {
-            btn.textContent = btn.dataset.added || '✓';
-            document.dispatchEvent(new CustomEvent('cart:updated'));
-            setTimeout(function () {
-              btn.textContent = originalLabel;
-              btn.disabled = false;
-            }, 1800);
-          })
-          .catch(function () {
-            btn.textContent = originalLabel;
-            btn.disabled = false;
-          });
-      });
-    });
-  })();
-{% endjavascript %}
-
-{% schema %}
-{
-  "name": "t:sections.featured_collection.name",
-  "blocks": [
-    { "type": "@app" }
-  ],
-  "settings": [
-    {
-      "type": "text",
-      "id": "title",
-      "label": "t:labels.title",
-      "default": "Featured collection"
-    },
-    {
-      "type": "textarea",
-      "id": "description",
-      "label": "t:labels.description"
-    },
-    {
-      "type": "collection",
-      "id": "collection",
-      "label": "t:labels.collection"
-    },
-    {
-      "type": "range",
-      "id": "products_to_show",
-      "label": "t:labels.products_to_show",
-      "min": 2,
-      "max": 24,
-      "step": 2,
-      "default": 8
-    },
-    {
-      "type": "header",
-      "content": "t:headers.grid"
-    },
-    {
-      "type": "range",
-      "id": "columns_desktop",
-      "label": "t:labels.columns_desktop",
-      "min": 2,
-      "max": 6,
-      "step": 1,
-      "default": 4
-    },
-    {
-      "type": "select",
-      "id": "columns_mobile",
-      "label": "t:labels.columns_mobile",
-      "options": [
-        { "value": "1", "label": "t:options.columns.one" },
-        { "value": "2", "label": "t:options.columns.two" }
-      ],
-      "default": "2"
-    },
-    {
-      "type": "header",
-      "content": "t:headers.product_card"
-    },
-    {
-      "type": "checkbox",
-      "id": "show_price",
-      "label": "t:labels.show_price",
-      "default": true
-    },
-    {
-      "type": "checkbox",
-      "id": "show_vendor",
-      "label": "t:labels.show_vendor",
-      "default": false
-    },
-    {
-      "type": "checkbox",
-      "id": "show_view_all",
-      "label": "t:labels.show_view_all",
-      "default": true
-    }
-  ],
-  "presets": [
-    {
-      "name": "t:sections.featured_collection.name"
-    }
-  ]
-}
-{% endschema %}

package/templates/shopify-theme/.claude/skills/shopify-liquid/locales/en.default.json

@@ -1,10 +0,0 @@
-{
-  "sections": {
-    "hero_banner": {
-      "previous_slide": "Previous slide",
-      "next_slide": "Next slide",
-      "pagination": "Slideshow pagination",
-      "slide_label": "Slide {{ number }}"
-    }
-  }
-}

package/templates/shopify-theme/.claude/skills/shopify-liquid/locales/en.default.schema.json

@@ -1,103 +0,0 @@
-{
-  "sections": {
-    "hero_banner": {
-      "name": "Hero banner",
-      "presets": {
-        "default": "Hero banner"
-      },
-      "settings": {
-        "layout_header": "Layout",
-        "slideshow_header": "Slideshow",
-        "height": {
-          "label": "Desktop height"
-        },
-        "height_mobile": {
-          "label": "Mobile height"
-        },
-        "animation_type": {
-          "label": "Slide animation",
-          "options": {
-            "slide": "Slide",
-            "fade": "Fade"
-          }
-        },
-        "autoplay": {
-          "label": "Auto-rotate slides"
-        },
-        "autoplay_speed": {
-          "label": "Change slides every"
-        },
-        "show_arrows": {
-          "label": "Show navigation arrows"
-        },
-        "show_dots": {
-          "label": "Show pagination dots"
-        }
-      }
-    }
-  },
-  "blocks": {
-    "hero_slide": {
-      "name": "Slide",
-      "settings": {
-        "media_header": "Media",
-        "image": {
-          "label": "Background image"
-        },
-        "mobile_image": {
-          "label": "Mobile background image"
-        },
-        "overlay_opacity": {
-          "label": "Image overlay opacity"
-        },
-        "content_header": "Content",
-        "subheading": {
-          "label": "Subheading"
-        },
-        "heading": {
-          "label": "Heading"
-        },
-        "description": {
-          "label": "Description"
-        },
-        "content_alignment": {
-          "label": "Content alignment"
-        },
-        "text_color": {
-          "label": "Text color"
-        },
-        "buttons_header": "Buttons",
-        "button_label": {
-          "label": "Primary button label"
-        },
-        "button_link": {
-          "label": "Primary button link"
-        },
-        "button_style": {
-          "label": "Primary button style"
-        },
-        "button_label_2": {
-          "label": "Secondary button label"
-        },
-        "button_link_2": {
-          "label": "Secondary button link"
-        }
-      }
-    }
-  },
-  "options": {
-    "alignment": {
-      "left": "Left",
-      "center": "Center",
-      "right": "Right"
-    },
-    "color": {
-      "light": "Light",
-      "dark": "Dark"
-    },
-    "button_style": {
-      "primary_light": "Primary — light",
-      "primary_dark": "Primary — dark"
-    }
-  }
-}

package/templates/shopify-theme/.claude/skills/shopify-liquid/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "shopify-liquid",
-  "private": true,
-  "type": "module",
-  "dependencies": {
-    "@shopify/theme-check-common": "3.24.0",
-    "@shopify/theme-check-docs-updater": "3.24.0",
-    "@shopify/theme-check-node": "3.24.0"
-  }
-}