@polymorphism-tech/morph-spec 2.4.0 → 3.0.0

package/content/.morph/templates/ui-mockups.md

@@ -1,133 +1,133 @@
-# UI Mockups - {{FEATURE_NAME_TITLE}}
-
-> Wireframes ASCII e descrições de cada tela/componente da feature.
-> Este arquivo documenta VISUALMENTE como o usuário interagirá com o sistema.
-> Generated: {{DATE}}
-
----
-
-## Tela 1: {Nome da Tela}
-
-### Wireframe
-
-```
-┌─────────────────────────────────────────────────────────┐
-│  [{≡}] {Título da Página}           [🔔] [👤] [⚙]      │
-├─────────────────────────────────────────────────────────┤
-│                                                          │
-│  {Desenhe o wireframe ASCII aqui}                       │
-│                                                          │
-│  Dicas:                                                  │
-│  - Use ┌─┐└┘├┤ para bordas                             │
-│  - Use │ para separadores verticais                     │
-│  - Use ─ para separadores horizontais                   │
-│  - Use [...] para botões                                │
-│  - Use [{x}] para checkboxes/toggles                    │
-│  - Use emojis para ícones (🔍 📊 ⚙ 👤 etc)           │
-│                                                          │
-└─────────────────────────────────────────────────────────┘
-```
-
-### Descrição
-
-- **Propósito**: {O que o usuário pode fazer nesta tela? Qual problema resolve?}
-- **Componentes Principais**:
-  - {Componente 1}: {Descrição breve}
-  - {Componente 2}: {Descrição breve}
-  - {Componente 3}: {Descrição breve}
-- **Interações**:
-  - **Click em {elemento}**: {O que acontece}
-  - **Hover em {elemento}**: {Feedback visual}
-  - **Submit form**: {Ação realizada}
-- **Estados**:
-  - **Default**: {Aparência inicial}
-  - **Loading**: {Como mostra carregamento? Skeleton? Spinner?}
-  - **Error**: {Como mostra erros? Toast? Message bar?}
-  - **Empty**: {Mensagem quando não há dados? CTA para criar?}
-  - **Success**: {Feedback de sucesso?}
-
-### Responsividade
-
-- **Desktop (> 1024px)**: {Descrição do layout desktop}
-- **Tablet (768px - 1024px)**: {Mudanças no layout}
-- **Mobile (< 768px)**: {Layout mobile - stack vertical? Menu hamburger?}
-
-### Navegação
-
-- **De**: {Tela/componente anterior}
-- **Para**: {Próximas telas possíveis}
-- **Ações**:
-  - [{Botão}]: Navega para {tela}
-  - [{Link}]: Abre {modal/página}
-
-### Acessibilidade
-
-- **Foco inicial**: {Onde o cursor deve iniciar?}
-- **Tab order**: {Ordem lógica de navegação}
-- **Screen reader**: {Principais ARIA labels}
-
----
-
-## Tela 2: {Nome da Próxima Tela}
-
-{Repita a estrutura acima para cada tela}
-
----
-
-## Componentes Reutilizáveis
-
-### {Nome do Componente}
-
-**Wireframe:**
-```
-{ASCII art do componente isolado}
-```
-
-**Uso:**
-- Aparece em: {Lista de telas onde este componente aparece}
-- Variantes: {Diferentes versões/estados do componente}
-- Props: {Parâmetros que o componente recebe}
-
----
-
-## Fluxo de Navegação (Overview)
-
-```
-[Tela Inicial]
-     │
-     ├─[Ação 1]──▶ [Tela A]
-     │                  │
-     │                  └─[Voltar]──▶ [Tela Inicial]
-     │
-     ├─[Ação 2]──▶ [Tela B]
-     │                  │
-     │                  ├─[Próximo]──▶ [Tela C]
-     │                  │
-     │                  └─[Cancelar]──▶ [Tela Inicial]
-     │
-     └─[Ação 3]──▶ [Tela D]
-```
-
----
-
-## Notas de Design
-
-### Paleta de Cores
-- **Primária**: {Cor principal da interface}
-- **Secundária**: {Cor para ações secundárias}
-- **Sucesso**: {Verde para feedback positivo}
-- **Erro**: {Vermelho para erros}
-- **Warning**: {Amarelo para alertas}
-
-### Tipografia
-- **Títulos**: {Font, tamanho}
-- **Corpo**: {Font, tamanho}
-- **Labels**: {Font, tamanho}
-
-### Espaçamento
-- **Padding padrão**: {16px, 24px, etc}
-- **Gap entre elementos**: {8px, 12px, etc}
-
----
-
-*Template MORPH-SPEC v2.1.0 by Polymorphism Tech*
+# UI Mockups - {{FEATURE_NAME_TITLE}}
+
+> Wireframes ASCII e descrições de cada tela/componente da feature.
+> Este arquivo documenta VISUALMENTE como o usuário interagirá com o sistema.
+> Generated: {{DATE}}
+
+---
+
+## Tela 1: {Nome da Tela}
+
+### Wireframe
+
+```
+┌─────────────────────────────────────────────────────────┐
+│  [{≡}] {Título da Página}           [🔔] [👤] [⚙]      │
+├─────────────────────────────────────────────────────────┤
+│                                                          │
+│  {Desenhe o wireframe ASCII aqui}                       │
+│                                                          │
+│  Dicas:                                                  │
+│  - Use ┌─┐└┘├┤ para bordas                             │
+│  - Use │ para separadores verticais                     │
+│  - Use ─ para separadores horizontais                   │
+│  - Use [...] para botões                                │
+│  - Use [{x}] para checkboxes/toggles                    │
+│  - Use emojis para ícones (🔍 📊 ⚙ 👤 etc)           │
+│                                                          │
+└─────────────────────────────────────────────────────────┘
+```
+
+### Descrição
+
+- **Propósito**: {O que o usuário pode fazer nesta tela? Qual problema resolve?}
+- **Componentes Principais**:
+  - {Componente 1}: {Descrição breve}
+  - {Componente 2}: {Descrição breve}
+  - {Componente 3}: {Descrição breve}
+- **Interações**:
+  - **Click em {elemento}**: {O que acontece}
+  - **Hover em {elemento}**: {Feedback visual}
+  - **Submit form**: {Ação realizada}
+- **Estados**:
+  - **Default**: {Aparência inicial}
+  - **Loading**: {Como mostra carregamento? Skeleton? Spinner?}
+  - **Error**: {Como mostra erros? Toast? Message bar?}
+  - **Empty**: {Mensagem quando não há dados? CTA para criar?}
+  - **Success**: {Feedback de sucesso?}
+
+### Responsividade
+
+- **Desktop (> 1024px)**: {Descrição do layout desktop}
+- **Tablet (768px - 1024px)**: {Mudanças no layout}
+- **Mobile (< 768px)**: {Layout mobile - stack vertical? Menu hamburger?}
+
+### Navegação
+
+- **De**: {Tela/componente anterior}
+- **Para**: {Próximas telas possíveis}
+- **Ações**:
+  - [{Botão}]: Navega para {tela}
+  - [{Link}]: Abre {modal/página}
+
+### Acessibilidade
+
+- **Foco inicial**: {Onde o cursor deve iniciar?}
+- **Tab order**: {Ordem lógica de navegação}
+- **Screen reader**: {Principais ARIA labels}
+
+---
+
+## Tela 2: {Nome da Próxima Tela}
+
+{Repita a estrutura acima para cada tela}
+
+---
+
+## Componentes Reutilizáveis
+
+### {Nome do Componente}
+
+**Wireframe:**
+```
+{ASCII art do componente isolado}
+```
+
+**Uso:**
+- Aparece em: {Lista de telas onde este componente aparece}
+- Variantes: {Diferentes versões/estados do componente}
+- Props: {Parâmetros que o componente recebe}
+
+---
+
+## Fluxo de Navegação (Overview)
+
+```
+[Tela Inicial]
+     │
+     ├─[Ação 1]──▶ [Tela A]
+     │                  │
+     │                  └─[Voltar]──▶ [Tela Inicial]
+     │
+     ├─[Ação 2]──▶ [Tela B]
+     │                  │
+     │                  ├─[Próximo]──▶ [Tela C]
+     │                  │
+     │                  └─[Cancelar]──▶ [Tela Inicial]
+     │
+     └─[Ação 3]──▶ [Tela D]
+```
+
+---
+
+## Notas de Design
+
+### Paleta de Cores
+- **Primária**: {Cor principal da interface}
+- **Secundária**: {Cor para ações secundárias}
+- **Sucesso**: {Verde para feedback positivo}
+- **Erro**: {Vermelho para erros}
+- **Warning**: {Amarelo para alertas}
+
+### Tipografia
+- **Títulos**: {Font, tamanho}
+- **Corpo**: {Font, tamanho}
+- **Labels**: {Font, tamanho}
+
+### Espaçamento
+- **Padding padrão**: {16px, 24px, etc}
+- **Gap entre elementos**: {8px, 12px, etc}
+
+---
+
+*Template MORPH-SPEC v2.1.0 by Polymorphism Tech*

package/content/.morph/test-infra/example.bicep

@@ -1,59 +1,59 @@
-// Example Bicep file for testing cost calculator
-
-param location string = 'eastus2'
-param environment string = 'dev'
-
-// Azure SQL Database - Basic tier ($4.99/month)
-resource sqlDatabase 'Microsoft.Sql/servers/databases@2023-05-01-preview' = {
-  name: 'sqldb-myapp-${environment}'
-  location: location
-  sku: {
-    name: 'Basic'
-    tier: 'Basic'
-  }
-  properties: {
-    collation: 'SQL_Latin1_General_CP1_CI_AS'
-    maxSizeBytes: 2147483648 // 2 GB
-  }
-}
-
-// Container App - Scale-to-zero ($0/month)
-resource containerApp 'Microsoft.App/containerApps@2023-05-01' = {
-  name: 'ca-myapp-${environment}'
-  location: location
-  properties: {
-    configuration: {
-      ingress: {
-        external: true
-        targetPort: 8080
-      }
-    }
-    template: {
-      containers: [
-        {
-          name: 'main'
-          image: 'mcr.microsoft.com/azuredocs/containerapps-helloworld:latest'
-        }
-      ]
-      scale: {
-        minReplicas: 0  // Scale-to-zero = FREE
-        maxReplicas: 2
-      }
-    }
-  }
-}
-
-// Application Insights - Free tier ($0/month)
-resource appInsights 'Microsoft.Insights/components@2020-02-02' = {
-  name: 'appi-myapp-${environment}'
-  location: location
-  kind: 'web'
-  properties: {
-    Application_Type: 'web'
-  }
-  sku: {
-    name: 'Free'
-  }
-}
-
-// Total: $4.99/month (within $10 limit)
+// Example Bicep file for testing cost calculator
+
+param location string = 'eastus2'
+param environment string = 'dev'
+
+// Azure SQL Database - Basic tier ($4.99/month)
+resource sqlDatabase 'Microsoft.Sql/servers/databases@2023-05-01-preview' = {
+  name: 'sqldb-myapp-${environment}'
+  location: location
+  sku: {
+    name: 'Basic'
+    tier: 'Basic'
+  }
+  properties: {
+    collation: 'SQL_Latin1_General_CP1_CI_AS'
+    maxSizeBytes: 2147483648 // 2 GB
+  }
+}
+
+// Container App - Scale-to-zero ($0/month)
+resource containerApp 'Microsoft.App/containerApps@2023-05-01' = {
+  name: 'ca-myapp-${environment}'
+  location: location
+  properties: {
+    configuration: {
+      ingress: {
+        external: true
+        targetPort: 8080
+      }
+    }
+    template: {
+      containers: [
+        {
+          name: 'main'
+          image: 'mcr.microsoft.com/azuredocs/containerapps-helloworld:latest'
+        }
+      ]
+      scale: {
+        minReplicas: 0  // Scale-to-zero = FREE
+        maxReplicas: 2
+      }
+    }
+  }
+}
+
+// Application Insights - Free tier ($0/month)
+resource appInsights 'Microsoft.Insights/components@2020-02-02' = {
+  name: 'appi-myapp-${environment}'
+  location: location
+  kind: 'web'
+  properties: {
+    Application_Type: 'web'
+  }
+  sku: {
+    name: 'Free'
+  }
+}
+
+// Total: $4.99/month (within $10 limit)

package/content/README.md

@@ -1,79 +1,79 @@
-# MORPH-SPEC Content - Projeto Exemplo
-
-Este diretório contém um **projeto exemplo** mostrando como usar o framework MORPH-SPEC em um projeto .NET/Blazor.
-
-> 📘 **Nota**: Este não é o código do framework, apenas um exemplo de uso.
-
----
-
-## 📁 Estrutura
-
-```
-content/
-├── .morph/                    # Configuração MORPH do projeto exemplo
-│   ├── project/               # Context e outputs do projeto
-│   │   ├── context/
-│   │   ├── standards/
-│   │   └── outputs/
-│   └── config.json            # Link para framework global
-│
-├── CLAUDE.md                  # Instruções para Claude Code
-└── src/                       # (futuro) Código exemplo
-```
-
----
-
-## 🎯 Objetivo
-
-Este exemplo demonstra:
-
-1. Como inicializar MORPH em um projeto
-2. Estrutura de `.morph/project/`
-3. Como Claude Code usa o framework
-4. Exemplos de features implementadas com MORPH
-
----
-
-## 🚀 Como Usar Este Exemplo
-
-### 1. Instalar MORPH globalmente
-
-```bash
-npm install -g @polymorphism-tech/morph-spec
-```
-
-### 2. Ver estrutura detectada
-
-```bash
-cd content/
-morph-spec detect --verbose
-```
-
-### 3. Inicializar em seu próprio projeto
-
-```bash
-cd seu-projeto/
-morph-spec init
-```
-
----
-
-## 📚 Documentação
-
-- **Framework**: Veja `../framework/` para standards e templates
-- **Docs**: Veja `../docs/` para guias completos
-- **CLI**: Execute `morph-spec --help`
-
----
-
-## ⚠️ Importante
-
-Este é um **exemplo read-only**. Para criar seu próprio projeto:
-
-1. NÃO copie este diretório
-2. Execute `morph-spec init` no seu projeto
-3. O framework será linkado automaticamente
-
----
-
-*MORPH-SPEC by Polymorphism Tech*
+# MORPH-SPEC Content - Projeto Exemplo
+
+Este diretório contém um **projeto exemplo** mostrando como usar o framework MORPH-SPEC em um projeto .NET/Blazor.
+
+> 📘 **Nota**: Este não é o código do framework, apenas um exemplo de uso.
+
+---
+
+## 📁 Estrutura
+
+```
+content/
+├── .morph/                    # Configuração MORPH do projeto exemplo
+│   ├── project/               # Context e outputs do projeto
+│   │   ├── context/
+│   │   ├── standards/
+│   │   └── outputs/
+│   └── config.json            # Link para framework global
+│
+├── CLAUDE.md                  # Instruções para Claude Code
+└── src/                       # (futuro) Código exemplo
+```
+
+---
+
+## 🎯 Objetivo
+
+Este exemplo demonstra:
+
+1. Como inicializar MORPH em um projeto
+2. Estrutura de `.morph/project/`
+3. Como Claude Code usa o framework
+4. Exemplos de features implementadas com MORPH
+
+---
+
+## 🚀 Como Usar Este Exemplo
+
+### 1. Instalar MORPH globalmente
+
+```bash
+npm install -g @polymorphism-tech/morph-spec
+```
+
+### 2. Ver estrutura detectada
+
+```bash
+cd content/
+morph-spec detect --verbose
+```
+
+### 3. Inicializar em seu próprio projeto
+
+```bash
+cd seu-projeto/
+morph-spec init
+```
+
+---
+
+## 📚 Documentação
+
+- **Framework**: Veja `../framework/` para standards e templates
+- **Docs**: Veja `../docs/` para guias completos
+- **CLI**: Execute `morph-spec --help`
+
+---
+
+## ⚠️ Importante
+
+Este é um **exemplo read-only**. Para criar seu próprio projeto:
+
+1. NÃO copie este diretório
+2. Execute `morph-spec init` no seu projeto
+3. O framework será linkado automaticamente
+
+---
+
+*MORPH-SPEC by Polymorphism Tech*