@polymorphism-tech/morph-spec 2.2.0 → 2.4.0

package/content/.claude/skills/stacks/shopify.md

@@ -1,445 +0,0 @@
-# Shopify Stack
-
-Stack para desenvolvimento de apps e storefronts Shopify com Hydrogen e Liquid.
-
-## Visão Geral
-
-| Aspecto | Tecnologia |
-|---------|------------|
-| **Storefront** | Hydrogen / Liquid |
-| **Apps** | Shopify App Bridge + Remix |
-| **API** | GraphQL Storefront/Admin API |
-| **CLI** | Shopify CLI |
-| **Hosting** | Shopify hosting / Vercel |
-
-## Triggers
-
-Keywords: `shopify`, `hydrogen`, `liquid`, `ecommerce`, `storefront`, `shopify app`, `graphql`
-
-## Tipos de Projetos Shopify
-
-### 1. Theme Development (Liquid)
-
-Customização de temas existentes ou criação de novos.
-
-```
-theme/
-├── assets/
-├── config/
-├── layout/
-│   └── theme.liquid
-├── locales/
-├── sections/
-│   └── hero.liquid
-├── snippets/
-└── templates/
-    └── product.liquid
-```
-
-### 2. Custom Storefront (Hydrogen)
-
-Storefront headless com React e Remix.
-
-```
-hydrogen-app/
-├── app/
-│   ├── components/
-│   ├── routes/
-│   └── styles/
-├── public/
-├── remix.config.js
-└── package.json
-```
-
-### 3. Shopify App
-
-App que estende funcionalidades do Shopify Admin.
-
-```
-shopify-app/
-├── app/
-│   ├── routes/
-│   │   └── app._index.tsx
-│   └── shopify.server.ts
-├── extensions/
-└── shopify.app.toml
-```
-
-## Shopify CLI
-
-```bash
-# Instalar
-npm install -g @shopify/cli
-
-# Criar app
-shopify app init
-
-# Criar tema
-shopify theme init
-
-# Criar storefront Hydrogen
-npm create @shopify/hydrogen
-
-# Dev server
-shopify app dev
-shopify theme dev
-npm run dev  # Hydrogen
-```
-
-## Hydrogen (Storefront)
-
-### Setup
-
-```bash
-npm create @shopify/hydrogen@latest -- --template demo-store
-cd my-store
-npm run dev
-```
-
-### Configuração
-
-```typescript
-// hydrogen.config.ts
-import { defineConfig } from '@shopify/hydrogen/config';
-
-export default defineConfig({
-  shopify: {
-    defaultCountryCode: 'BR',
-    defaultLanguageCode: 'PT',
-    storeDomain: 'your-store.myshopify.com',
-    storefrontToken: process.env.PUBLIC_STOREFRONT_API_TOKEN,
-    storefrontApiVersion: '2024-01',
-  },
-});
-```
-
-### Fetch de Produtos
-
-```tsx
-// app/routes/products._index.tsx
-import { json } from '@shopify/remix-oxygen';
-import { useLoaderData } from '@remix-run/react';
-import { ProductGrid } from '~/components/ProductGrid';
-
-const PRODUCTS_QUERY = `#graphql
-  query Products($first: Int!) {
-    products(first: $first) {
-      nodes {
-        id
-        title
-        handle
-        priceRange {
-          minVariantPrice {
-            amount
-            currencyCode
-          }
-        }
-        featuredImage {
-          url
-          altText
-        }
-      }
-    }
-  }
-`;
-
-export async function loader({ context }: { context: HydrogenContext }) {
-  const { products } = await context.storefront.query(PRODUCTS_QUERY, {
-    variables: { first: 12 },
-  });
-
-  return json({ products: products.nodes });
-}
-
-export default function ProductsIndex() {
-  const { products } = useLoaderData<typeof loader>();
-
-  return (
-    <div className="container mx-auto p-4">
-      <h1 className="text-2xl font-bold mb-6">Produtos</h1>
-      <ProductGrid products={products} />
-    </div>
-  );
-}
-```
-
-### Componente de Produto
-
-```tsx
-// app/components/ProductCard.tsx
-import { Image, Money } from '@shopify/hydrogen';
-import { Link } from '@remix-run/react';
-
-interface Props {
-  product: {
-    id: string;
-    title: string;
-    handle: string;
-    priceRange: {
-      minVariantPrice: {
-        amount: string;
-        currencyCode: string;
-      };
-    };
-    featuredImage?: {
-      url: string;
-      altText?: string;
-    };
-  };
-}
-
-export function ProductCard({ product }: Props) {
-  return (
-    <Link to={`/products/${product.handle}`} className="group">
-      <div className="aspect-square overflow-hidden rounded-lg bg-gray-100">
-        {product.featuredImage && (
-          <Image
-            data={product.featuredImage}
-            className="h-full w-full object-cover group-hover:scale-105 transition"
-          />
-        )}
-      </div>
-      <h3 className="mt-4 text-sm text-gray-700">{product.title}</h3>
-      <Money
-        data={product.priceRange.minVariantPrice}
-        className="mt-1 text-lg font-medium text-gray-900"
-      />
-    </Link>
-  );
-}
-```
-
-## Liquid (Theme Development)
-
-### Section Exemplo
-
-```liquid
-{% comment %} sections/hero.liquid {% endcomment %}
-
-<section class="hero" style="background-image: url('{{ section.settings.background_image | img_url: 'master' }}');">
-  <div class="hero__content">
-    <h1>{{ section.settings.heading }}</h1>
-    <p>{{ section.settings.subheading }}</p>
-
-    {% if section.settings.button_link != blank %}
-      <a href="{{ section.settings.button_link }}" class="btn">
-        {{ section.settings.button_text }}
-      </a>
-    {% endif %}
-  </div>
-</section>
-
-{% schema %}
-{
-  "name": "Hero",
-  "settings": [
-    {
-      "type": "image_picker",
-      "id": "background_image",
-      "label": "Background Image"
-    },
-    {
-      "type": "text",
-      "id": "heading",
-      "label": "Heading",
-      "default": "Welcome to our store"
-    },
-    {
-      "type": "text",
-      "id": "subheading",
-      "label": "Subheading"
-    },
-    {
-      "type": "url",
-      "id": "button_link",
-      "label": "Button Link"
-    },
-    {
-      "type": "text",
-      "id": "button_text",
-      "label": "Button Text",
-      "default": "Shop Now"
-    }
-  ],
-  "presets": [
-    {
-      "name": "Hero"
-    }
-  ]
-}
-{% endschema %}
-```
-
-### Product Template
-
-```liquid
-{% comment %} templates/product.liquid {% endcomment %}
-
-<div class="product-page">
-  <div class="product-gallery">
-    {% for image in product.images %}
-      <img
-        src="{{ image | img_url: '600x600' }}"
-        alt="{{ image.alt | escape }}"
-        loading="lazy"
-      />
-    {% endfor %}
-  </div>
-
-  <div class="product-info">
-    <h1>{{ product.title }}</h1>
-    <p class="price">{{ product.price | money }}</p>
-
-    <div class="description">
-      {{ product.description }}
-    </div>
-
-    {% form 'product', product %}
-      <select name="id">
-        {% for variant in product.variants %}
-          <option value="{{ variant.id }}" {% unless variant.available %}disabled{% endunless %}>
-            {{ variant.title }} - {{ variant.price | money }}
-          </option>
-        {% endfor %}
-      </select>
-
-      <input type="number" name="quantity" value="1" min="1" />
-
-      <button type="submit" {% unless product.available %}disabled{% endunless %}>
-        {% if product.available %}
-          Add to Cart
-        {% else %}
-          Sold Out
-        {% endif %}
-      </button>
-    {% endform %}
-  </div>
-</div>
-```
-
-## Shopify App
-
-### App Setup
-
-```bash
-shopify app init --template=remix
-cd my-app
-shopify app dev
-```
-
-### App Bridge
-
-```tsx
-// app/routes/app._index.tsx
-import { json } from '@remix-run/node';
-import { useLoaderData } from '@remix-run/react';
-import { authenticate } from '../shopify.server';
-import { Page, Layout, Card, Text } from '@shopify/polaris';
-
-export async function loader({ request }) {
-  const { admin, session } = await authenticate.admin(request);
-
-  const response = await admin.graphql(`
-    query {
-      shop {
-        name
-        email
-      }
-    }
-  `);
-
-  const { data } = await response.json();
-
-  return json({ shop: data.shop });
-}
-
-export default function Index() {
-  const { shop } = useLoaderData<typeof loader>();
-
-  return (
-    <Page title="Dashboard">
-      <Layout>
-        <Layout.Section>
-          <Card>
-            <Text variant="headingMd" as="h2">
-              Welcome to {shop.name}
-            </Text>
-            <Text as="p">Store email: {shop.email}</Text>
-          </Card>
-        </Layout.Section>
-      </Layout>
-    </Page>
-  );
-}
-```
-
-## GraphQL APIs
-
-### Storefront API
-
-```graphql
-# Produtos
-query {
-  products(first: 10) {
-    nodes {
-      id
-      title
-      handle
-      description
-    }
-  }
-}
-
-# Carrinho
-mutation cartCreate($input: CartInput!) {
-  cartCreate(input: $input) {
-    cart {
-      id
-      checkoutUrl
-    }
-  }
-}
-```
-
-### Admin API
-
-```graphql
-# Pedidos
-query {
-  orders(first: 10) {
-    nodes {
-      id
-      name
-      totalPriceSet {
-        shopMoney {
-          amount
-        }
-      }
-    }
-  }
-}
-```
-
-## Documentação de Referência
-
-- [Shopify CLI](https://shopify.dev/docs/apps/tools/cli)
-- [Hydrogen](https://shopify.dev/docs/storefronts/hydrogen)
-- [Liquid](https://shopify.dev/docs/themes/liquid)
-- [Storefront API](https://shopify.dev/docs/api/storefront)
-- [Admin API](https://shopify.dev/docs/api/admin)
-- [Polaris](https://polaris.shopify.com/)
-
-## Checklist de Projeto
-
-- [ ] Shopify CLI instalado
-- [ ] Partner account configurado
-- [ ] Development store criada
-- [ ] API tokens configurados
-- [ ] Theme/App estrutura criada
-- [ ] GraphQL queries definidas
-- [ ] Polaris para UI (apps)
-- [ ] Testes com theme check
-
----
-
-*MORPH-SPEC by Polymorphism Tech*

package/content/.morph/config/azure-pricing.json

@@ -1,70 +0,0 @@
-{
-  "$schema": "./azure-pricing.schema.json",
-  "version": "1.0.0",
-  "region": "eastus2",
-  "currency": "USD",
-  "lastUpdated": "2025-01-10T00:00:00Z",
-  "resources": {
-    "Microsoft.Sql/servers/databases": {
-      "Free": 0,
-      "Basic": 4.99,
-      "S0": 14.72,
-      "S1": 29.44,
-      "S2": 73.61,
-      "S3": 147.22,
-      "S4": 294.44,
-      "P1": 465.00,
-      "P2": 930.00,
-      "GP_Gen5_2": 328.00,
-      "GP_Gen5_4": 656.00,
-      "BC_Gen5_2": 1092.00
-    },
-    "Microsoft.App/containerApps": {
-      "Consumption": 0,
-      "Consumption_Active": 5.00,
-      "Dedicated_D2": 55.00,
-      "Dedicated_D4": 110.00
-    },
-    "Microsoft.Storage/storageAccounts": {
-      "Standard_LRS": 0.02,
-      "Standard_GRS": 0.05,
-      "Premium_LRS": 0.15
-    },
-    "Microsoft.Insights/components": {
-      "Free": 0,
-      "Basic": 2.30
-    },
-    "Microsoft.KeyVault/vaults": {
-      "Standard": 0.03,
-      "Premium": 1.00
-    },
-    "Microsoft.DocumentDB/databaseAccounts": {
-      "Serverless": 0,
-      "Provisioned_400RU": 23.36,
-      "Provisioned_1000RU": 58.40
-    },
-    "Microsoft.Web/serverfarms": {
-      "F1": 0,
-      "D1": 9.67,
-      "B1": 13.14,
-      "B2": 26.28,
-      "S1": 69.35,
-      "P1v2": 146.00
-    },
-    "Microsoft.ServiceBus/namespaces": {
-      "Basic": 0.05,
-      "Standard": 10.00,
-      "Premium": 677.00
-    },
-    "Microsoft.Cache/redis": {
-      "C0": 16.06,
-      "C1": 61.32,
-      "C2": 122.63,
-      "P1": 486.00
-    },
-    "Microsoft.Web/sites": {
-      "Consumption": 0,
-      "Premium_EP1": 146.00
-    }
-  }
-}

package/content/.morph/config/azure-pricing.schema.json

@@ -1,50 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "https://polymorphism.com.br/schemas/azure-pricing.json",
-  "title": "Azure Pricing Table",
-  "description": "Monthly pricing for Azure resources by SKU (East US 2 / Brazil South)",
-  "type": "object",
-  "properties": {
-    "$schema": {
-      "type": "string",
-      "description": "JSON Schema reference"
-    },
-    "version": {
-      "type": "string",
-      "description": "Schema version",
-      "pattern": "^\\d+\\.\\d+\\.\\d+$"
-    },
-    "region": {
-      "type": "string",
-      "description": "Azure region for pricing",
-      "enum": ["eastus2", "brazilsouth", "westus2", "northeurope"]
-    },
-    "currency": {
-      "type": "string",
-      "description": "Currency code",
-      "enum": ["USD", "BRL", "EUR"]
-    },
-    "lastUpdated": {
-      "type": "string",
-      "format": "date-time",
-      "description": "Last time pricing was updated"
-    },
-    "resources": {
-      "type": "object",
-      "description": "Resource types and their SKU pricing",
-      "patternProperties": {
-        "^Microsoft\\.[A-Za-z]+/[A-Za-z]+$": {
-          "type": "object",
-          "description": "SKU pricing for a resource type",
-          "additionalProperties": {
-            "type": "number",
-            "minimum": 0,
-            "description": "Monthly cost in specified currency"
-          }
-        }
-      }
-    }
-  },
-  "required": ["version", "region", "currency", "lastUpdated", "resources"],
-  "additionalProperties": false
-}

package/content/.morph/hooks/pre-commit-costs.sh

@@ -1,91 +0,0 @@
-#!/bin/bash
-
-# MORPH-SPEC Pre-commit Hook: Cost Validation
-#
-# Valida custos de arquivos Bicep antes de permitir commit.
-# Bloqueia commits que excedem o limite configurado sem ADR.
-#
-# Instalação:
-#   cp .morph/hooks/pre-commit-costs.sh .git/hooks/pre-commit
-#   chmod +x .git/hooks/pre-commit
-#
-# Ou use symlink:
-#   ln -s ../../.morph/hooks/pre-commit-costs.sh .git/hooks/pre-commit
-
-set -e
-
-# Colors
-RED='\033[0;31m'
-YELLOW='\033[1;33m'
-GREEN='\033[0;32m'
-NC='\033[0m' # No Color
-
-echo -e "${GREEN}🔍 MORPH-SPEC: Validating infrastructure costs...${NC}"
-
-# Encontrar arquivos Bicep modificados no staged area
-BICEP_FILES=$(git diff --cached --name-only --diff-filter=ACM | grep '\.bicep$' || true)
-
-if [ -z "$BICEP_FILES" ]; then
-  echo -e "${GREEN}✓ No Bicep files changed, skipping cost validation.${NC}"
-  exit 0
-fi
-
-echo "Found Bicep files:"
-echo "$BICEP_FILES" | sed 's/^/  - /'
-
-# Rodar cost calculator
-RESULT=$(node bin/calculate-costs.js $BICEP_FILES --json 2>&1)
-EXIT_CODE=$?
-
-# Parse result JSON
-MONTHLY_COST=$(echo "$RESULT" | grep -o '"monthly":[^,]*' | cut -d':' -f2 | tr -d ' ')
-REQUIRES_ADR=$(echo "$RESULT" | grep -o '"requiresADR":[^,]*' | cut -d':' -f2 | tr -d ' ')
-
-echo -e "\n${YELLOW}Estimated Monthly Cost: \$${MONTHLY_COST}${NC}"
-
-# Se não requer ADR, aprovar
-if [ "$REQUIRES_ADR" != "true" ]; then
-  echo -e "${GREEN}✓ Cost is within limits. Proceeding with commit.${NC}"
-  exit 0
-fi
-
-# Se requer ADR, verificar se existe decisions.md com ADR de custo
-echo -e "\n${YELLOW}⚠️  Cost exceeds ADR threshold!${NC}"
-echo "Checking for cost ADR in decisions.md..."
-
-# Procurar decisions.md em outputs de features
-DECISIONS_FILES=$(find .morph/project/outputs -name "decisions.md" 2>/dev/null || true)
-
-ADR_FOUND=false
-
-for file in $DECISIONS_FILES; do
-  # Procurar por ADR que menciona "cost" ou "Infrastructure Costs"
-  if grep -qi "ADR.*cost\|Infrastructure Costs" "$file"; then
-    echo -e "${GREEN}✓ Found cost ADR in: $file${NC}"
-    ADR_FOUND=true
-    break
-  fi
-done
-
-if [ "$ADR_FOUND" = true ]; then
-  echo -e "${GREEN}✓ Cost ADR documented. Proceeding with commit.${NC}"
-  exit 0
-else
-  echo -e "${RED}❌ COMMIT BLOCKED!${NC}"
-  echo ""
-  echo "Monthly cost (\$$MONTHLY_COST) exceeds the configured ADR threshold."
-  echo ""
-  echo "To proceed, you must:"
-  echo "  1. Document a cost ADR in .morph/project/outputs/{feature}/decisions.md"
-  echo "  2. Include justification for infrastructure costs"
-  echo ""
-  echo "Example ADR:"
-  echo "  ## ADR-XXX: Infrastructure Costs"
-  echo "  "
-  echo "  **Estimated Monthly Cost:** \$$MONTHLY_COST"
-  echo "  "
-  echo "  **Justification:**"
-  echo "  {Why these resources are necessary and cost-effective}"
-  echo ""
-  exit 1
-fi