@polymorphism-tech/morph-spec 9.6.0 → 9.7.0
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.
- package/README.md +2 -2
- package/bin/morph-spec.js +12 -5
- package/claude-plugin.json +1 -1
- package/docs/CHEATSHEET.md +1 -1
- package/docs/QUICKSTART.md +1 -1
- package/framework/agents.json +3 -3
- package/framework/docs/CLI.md +35 -7
- package/framework/evals/review-checklist.md +2 -2
- package/framework/hooks/claude-code/__pycache__/statusline.cpython-313.pyc +0 -0
- package/framework/hooks/claude-code/core/README.md +4 -0
- package/framework/hooks/claude-code/core/test-budget.js +89 -0
- package/framework/hooks/claude-code/statusline.sh +11 -11
- package/framework/hooks/shared/e2e-check.js +0 -0
- package/framework/hooks/shared/heavy-command.js +60 -1
- package/framework/hooks/shared/host-services.js +433 -0
- package/framework/schemas/config.schema.json +53 -1
- package/framework/skills/core/create-umbraco-lp/SKILL.md +1 -1
- package/framework/skills/core/migrate-lp-to-umbraco/SKILL.md +1 -1
- package/framework/skills/core/morph-apply/SKILL.md +1 -1
- package/framework/skills/core/morph-hotfix/SKILL.md +1 -1
- package/framework/skills/core/morph-machine/SKILL.md +1 -1
- package/framework/skills/core/morph-media/SKILL.md +1 -1
- package/framework/skills/core/morph-plan/SKILL.md +2 -2
- package/framework/skills/core/morph-review/SKILL.md +3 -2
- package/framework/skills/core/morph-standards/SKILL.md +1 -1
- package/framework/skills/core/morph-uiux/SKILL.md +1 -1
- package/framework/standards/STANDARDS.json +2 -1
- package/framework/standards/infrastructure/docker/local-compose-isolation.md +14 -1
- package/framework/templates/IDE-SNIPPETS.md +262 -262
- package/framework/templates/code/dotnet/abstractions/api-endpoint.cs +7 -7
- package/framework/templates/code/dotnet/feature/request.cs.hbs +4 -4
- package/framework/templates/code/dotnet/feature/response.cs.hbs +4 -4
- package/framework/templates/code/sql/ai-agents/pgvector-embeddings-migration.sql.template +91 -91
- package/framework/templates/frontend/nextjs/client-component.tsx.hbs +26 -26
- package/framework/templates/frontend/nextjs/tsconfig.json.hbs +26 -26
- package/framework/templates/infrastructure/docker/Dockerfile.template +58 -58
- package/framework/templates/infrastructure/docker/dockerfile-api.dockerfile +38 -38
- package/framework/templates/infrastructure/docker/dockerfile-web.dockerfile +48 -48
- package/framework/templates/infrastructure/github/actions/docker-build-push/action.yml.hbs +45 -45
- package/framework/templates/infrastructure/github/actions/health-check/action.yml.hbs +27 -27
- package/framework/templates/infrastructure/github/workflows/docker-build-push.yml.hbs +59 -59
- package/framework/templates/infrastructure/github/workflows/dotnet-build.yml.hbs +39 -39
- package/framework/templates/state.template.json +17 -17
- package/framework/templates/ui/design-system.css +226 -226
- package/package.json +1 -1
- package/src/commands/e2e/e2e.js +47 -24
- package/src/commands/observability/cost.js +12 -0
- package/src/commands/project/worktree.js +7 -3
- package/src/commands/state/advance.js +3 -0
- package/src/commands/state/create.js +3 -3
- package/src/commands/state/delete.js +1 -1
- package/src/commands/state/finish.js +3 -1
- package/src/commands/validation/plan-check.js +1 -0
- package/src/dashboard/app/main.jsx +13 -13
- package/src/dashboard/vite.config.js +24 -24
- package/src/lib/e2e/stack-teardown.js +19 -4
- package/src/lib/review-reports.js +21 -10
- package/src/lib/tasks/test-runner.js +3 -0
- package/src/lib/telemetry/metrics.js +47 -3
- package/src/lib/validators/packages/package-validator.js +2 -2
- package/src/utils/agents-installer.js +4 -1
- package/src/utils/file-copier.js +26 -4
- package/src/utils/hooks-installer.js +4 -4
- package/framework/templates/.idea/morph-templates.xml +0 -92
- package/framework/templates/.vscode/morph-templates.code-snippets +0 -186
|
@@ -51,10 +51,23 @@ Keys are `web`, `api`, `postgres` and `redis`. Each declared name carries the **
|
|
|
51
51
|
## What the harness enforces
|
|
52
52
|
|
|
53
53
|
- Inside a secondary worktree, a compose with a fixed host port or a `container_name` **fails the `verify` e2e node** (`compose-not-isolable`) — Gate 3 cannot pass on a stack that cannot run beside its siblings. At the primary root the same finding is a warning.
|
|
54
|
-
- `morph-spec finish`
|
|
54
|
+
- `morph-spec finish` and `morph-spec delete` tear the stack down with `down --remove-orphans --rmi local -v` (`--keep-volumes` on `finish` drops the `-v`) and delete the freshness stamp. `--rmi local` removes only the images compose built, never a pulled one (`postgres`) that the next feature would download again; `docker builder prune` never runs, because the build cache is global to the machine. `morph-spec worktree remove` (and `worktree reap`, which goes through it) tears down a `morph/{f}` branch without volumes (the feature is still open) and a `morph-task/*` branch with `-v` (the task is disposable). Every one of these also stops the `e2e.hostServices` processes.
|
|
55
55
|
- Two worktrees never share `POSTGRES_PORT`: the block is allocated first-free-index per feature and released only when the worktree is removed.
|
|
56
56
|
- The credentials env file is read **after** the block but cannot outrank it. All four surfaces (`e2e up`, the `verify` e2e node, the teardown, `morph-spec env`) build their environment through the same `buildComposeEnv`, which drops the layout keys coming from that file and names them on **stderr** — stdout stays eval-safe for `eval "$(morph-spec env)"`. With no block allocated (outside a worktree) nothing is filtered: there the file is the only port source.
|
|
57
57
|
|
|
58
|
+
## Services on the host
|
|
59
|
+
|
|
60
|
+
When building an app inside the Docker VM is expensive (a `dotnet publish` or `next build` repeating the build the `verify` already did on the host), run it as a host process through `config.json → e2e.hostServices` and keep only the dependencies (postgres, redis) in compose. The app listens on the ports of the worktree block — `${API_PORT}` / `${PORT}` in its `env` and `health` — so two worktrees still never collide.
|
|
61
|
+
|
|
62
|
+
```json
|
|
63
|
+
"e2e": { "hostServices": [
|
|
64
|
+
{ "name": "web", "build": "npm run build", "start": "node .next/standalone/server.js",
|
|
65
|
+
"env": { "PORT": "${PORT}" }, "health": "http://localhost:${PORT}/" }
|
|
66
|
+
] }
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
`e2e up` and the `verify` e2e node run `compose up --wait`, then each host service in array order (build → start → health), then the auth seed. They stay up until `e2e down`, `finish`, `delete` or `worktree remove`. Fields, reuse and failure rules: `morph-spec e2e --help` and the `e2e` section of `.morph/framework/CLI.md`.
|
|
70
|
+
|
|
58
71
|
## Minimal compose skeleton
|
|
59
72
|
|
|
60
73
|
```yaml
|
|
@@ -1,262 +1,262 @@
|
|
|
1
|
-
# IDE Snippets for MORPH Templates
|
|
2
|
-
|
|
3
|
-
> Boost your productivity with IDE snippets for Handlebars template syntax
|
|
4
|
-
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
## 📦 Installation
|
|
8
|
-
|
|
9
|
-
### VS Code
|
|
10
|
-
|
|
11
|
-
**Option 1: Project Snippets (Recommended)**
|
|
12
|
-
|
|
13
|
-
Snippets are already configured in `framework/templates/.vscode/morph-templates.code-snippets`.
|
|
14
|
-
|
|
15
|
-
To use them:
|
|
16
|
-
1. Open your project in VS Code
|
|
17
|
-
2. Snippets auto-activate when editing template files
|
|
18
|
-
3. Type a prefix (e.g., `morph-pascal`) and press `Tab`
|
|
19
|
-
|
|
20
|
-
**Option 2: Global Snippets**
|
|
21
|
-
|
|
22
|
-
To use snippets across all projects:
|
|
23
|
-
1. Open VS Code
|
|
24
|
-
2. Go to `File > Preferences > Configure User Snippets`
|
|
25
|
-
3. Select `New Global Snippets file...`
|
|
26
|
-
4. Name it `morph-templates.code-snippets`
|
|
27
|
-
5. Copy content from `framework/templates/.vscode/morph-templates.code-snippets`
|
|
28
|
-
|
|
29
|
-
---
|
|
30
|
-
|
|
31
|
-
### JetBrains IDEs (Rider, WebStorm, IntelliJ IDEA)
|
|
32
|
-
|
|
33
|
-
**Installation:**
|
|
34
|
-
|
|
35
|
-
1. Open your IDE
|
|
36
|
-
2. Go to `File > Settings > Editor > Live Templates`
|
|
37
|
-
3. Click the `⚙️` gear icon → `Import Settings...`
|
|
38
|
-
4. Select `framework/templates/.idea/morph-templates.xml`
|
|
39
|
-
5. Click `OK` to import
|
|
40
|
-
|
|
41
|
-
**Activation:**
|
|
42
|
-
|
|
43
|
-
Snippets will be available in the "MORPH Templates" group. Type the prefix and press `Tab`.
|
|
44
|
-
|
|
45
|
-
---
|
|
46
|
-
|
|
47
|
-
## 🎯 Available Snippets
|
|
48
|
-
|
|
49
|
-
### Handlebars Helpers (Case Transformations)
|
|
50
|
-
|
|
51
|
-
| Prefix | Output | Example Result |
|
|
52
|
-
|--------|--------|----------------|
|
|
53
|
-
| `morph-pascal` | `{{pascalCase FEATURE_NAME}}` | `UserAuthentication` |
|
|
54
|
-
| `morph-camel` | `{{camelCase FEATURE_NAME}}` | `userAuthentication` |
|
|
55
|
-
| `morph-snake` | `{{snakeCase FEATURE_NAME}}` | `user_authentication` |
|
|
56
|
-
| `morph-title` | `{{titleCase FEATURE_NAME}}` | `User Authentication` |
|
|
57
|
-
| `morph-kebab` | `{{kebabCase FEATURE_NAME}}` | `user-authentication` |
|
|
58
|
-
| `morph-upper-snake` | `{{upperSnakeCase FEATURE_NAME}}` | `USER_AUTHENTICATION` |
|
|
59
|
-
|
|
60
|
-
### Handlebars Control Flow
|
|
61
|
-
|
|
62
|
-
| Prefix | Description | Example |
|
|
63
|
-
|--------|-------------|---------|
|
|
64
|
-
| `morph-if` | If block | `{{#if condition}}...{{/if}}` |
|
|
65
|
-
| `morph-if-else` | If-else block | `{{#if condition}}...{{else}}...{{/if}}` |
|
|
66
|
-
| `morph-each` | Loop over array | `{{#each items}}{{this.name}}{{/each}}` |
|
|
67
|
-
| `morph-unless` | Unless block | `{{#unless condition}}...{{/unless}}` |
|
|
68
|
-
|
|
69
|
-
### .NET Templates
|
|
70
|
-
|
|
71
|
-
| Prefix | Template | File Extension |
|
|
72
|
-
|--------|----------|----------------|
|
|
73
|
-
| `morph-service` | Service class (business logic) | `.cs` |
|
|
74
|
-
| `morph-repository` | Repository class (data access) | `.cs` |
|
|
75
|
-
| `morph-migration` | EF Core migration | `.cs` |
|
|
76
|
-
| `morph-job` | Hangfire background job | `.cs` |
|
|
77
|
-
|
|
78
|
-
### TypeScript Templates
|
|
79
|
-
|
|
80
|
-
| Prefix | Template | File Extension |
|
|
81
|
-
|--------|----------|----------------|
|
|
82
|
-
| `morph-ts-contract` | TypeScript interfaces (DTOs) | `.ts` |
|
|
83
|
-
|
|
84
|
-
---
|
|
85
|
-
|
|
86
|
-
## 🚀 Usage Examples
|
|
87
|
-
|
|
88
|
-
### Example 1: Creating a Service Template
|
|
89
|
-
|
|
90
|
-
**Steps:**
|
|
91
|
-
1. Create new file: `UserService.cs`
|
|
92
|
-
2. Type `morph-service` → Press `Tab`
|
|
93
|
-
3. Result:
|
|
94
|
-
```csharp
|
|
95
|
-
namespace {{NAMESPACE}}.Application.Features.{{pascalCase FEATURE_NAME}}.Services;
|
|
96
|
-
|
|
97
|
-
public class {{pascalCase FEATURE_NAME}}Service(
|
|
98
|
-
I{{pascalCase FEATURE_NAME}}Repository repository,
|
|
99
|
-
ILogger<{{pascalCase FEATURE_NAME}}Service> logger) : I{{pascalCase FEATURE_NAME}}Service
|
|
100
|
-
{
|
|
101
|
-
public async Task<{{pascalCase FEATURE_NAME}}Dto?> GetByIdAsync(int id, CancellationToken cancellationToken = default)
|
|
102
|
-
{
|
|
103
|
-
// Cursor here
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
```
|
|
107
|
-
|
|
108
|
-
### Example 2: Using Case Helpers
|
|
109
|
-
|
|
110
|
-
**Scenario:** Convert `user-authentication` to different cases
|
|
111
|
-
|
|
112
|
-
```handlebars
|
|
113
|
-
// Type: morph-pascal → Tab
|
|
114
|
-
{{pascalCase FEATURE_NAME}} // Output: UserAuthentication
|
|
115
|
-
|
|
116
|
-
// Type: morph-camel → Tab
|
|
117
|
-
{{camelCase FEATURE_NAME}} // Output: userAuthentication
|
|
118
|
-
|
|
119
|
-
// Type: morph-snake → Tab
|
|
120
|
-
{{snakeCase FEATURE_NAME}} // Output: user_authentication
|
|
121
|
-
```
|
|
122
|
-
|
|
123
|
-
### Example 3: Conditional Rendering
|
|
124
|
-
|
|
125
|
-
**Scenario:** Show different content based on stack
|
|
126
|
-
|
|
127
|
-
```handlebars
|
|
128
|
-
// Type: morph-if-else → Tab
|
|
129
|
-
{{#if (eq STACK "Nextjs")}}
|
|
130
|
-
// Next.js-specific code
|
|
131
|
-
{{else}}
|
|
132
|
-
// Generic code
|
|
133
|
-
{{/if}}
|
|
134
|
-
```
|
|
135
|
-
|
|
136
|
-
### Example 4: Looping Over Items
|
|
137
|
-
|
|
138
|
-
**Scenario:** Generate multiple DTOs
|
|
139
|
-
|
|
140
|
-
```handlebars
|
|
141
|
-
// Type: morph-each → Tab
|
|
142
|
-
{{#each entities}}
|
|
143
|
-
public class {{pascalCase this.name}}Dto
|
|
144
|
-
{
|
|
145
|
-
// Properties
|
|
146
|
-
}
|
|
147
|
-
{{/each}}
|
|
148
|
-
```
|
|
149
|
-
|
|
150
|
-
---
|
|
151
|
-
|
|
152
|
-
## 📝 Customizing Snippets
|
|
153
|
-
|
|
154
|
-
### VS Code
|
|
155
|
-
|
|
156
|
-
Edit `framework/templates/.vscode/morph-templates.code-snippets`:
|
|
157
|
-
|
|
158
|
-
```json
|
|
159
|
-
{
|
|
160
|
-
"MORPH Template - Custom": {
|
|
161
|
-
"prefix": "morph-custom",
|
|
162
|
-
"body": [
|
|
163
|
-
"// Your custom template",
|
|
164
|
-
"$1"
|
|
165
|
-
],
|
|
166
|
-
"description": "Your description"
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
```
|
|
170
|
-
|
|
171
|
-
### JetBrains IDEs
|
|
172
|
-
|
|
173
|
-
1. Go to `File > Settings > Editor > Live Templates`
|
|
174
|
-
2. Select "MORPH Templates" group
|
|
175
|
-
3. Click `+` → `Live Template`
|
|
176
|
-
4. Set abbreviation (prefix), description, and template text
|
|
177
|
-
|
|
178
|
-
---
|
|
179
|
-
|
|
180
|
-
## 🎨 Snippet Scopes
|
|
181
|
-
|
|
182
|
-
| Snippet | VS Code Scope | JetBrains Scope |
|
|
183
|
-
|---------|---------------|-----------------|
|
|
184
|
-
| Handlebars helpers | All files | All files |
|
|
185
|
-
| .NET templates | `.cs`, `.razor` | C#, HTML |
|
|
186
|
-
| TypeScript templates | `.ts`, `.tsx` | TypeScript |
|
|
187
|
-
|
|
188
|
-
---
|
|
189
|
-
|
|
190
|
-
## 💡 Best Practices
|
|
191
|
-
|
|
192
|
-
**1. Use Helpers Over Pre-computed Variables**
|
|
193
|
-
|
|
194
|
-
```handlebars
|
|
195
|
-
✅ GOOD: {{pascalCase FEATURE_NAME}}Service
|
|
196
|
-
❌ BAD: {{FEATURE_NAME_PASCAL}}Service // Deprecated
|
|
197
|
-
```
|
|
198
|
-
|
|
199
|
-
**2. Chain Helpers for Complex Transformations**
|
|
200
|
-
|
|
201
|
-
```handlebars
|
|
202
|
-
// Pluralize a PascalCase name
|
|
203
|
-
{{pascalCase (pluralize FEATURE_NAME)}} // Users, Orders, etc.
|
|
204
|
-
```
|
|
205
|
-
|
|
206
|
-
**3. Use Conditional Blocks for Stack-Specific Code**
|
|
207
|
-
|
|
208
|
-
```handlebars
|
|
209
|
-
{{#if (eq STACK "Nextjs")}}
|
|
210
|
-
import { useRouter } from 'next/navigation';
|
|
211
|
-
{{/if}}
|
|
212
|
-
```
|
|
213
|
-
|
|
214
|
-
**4. Extract Common Patterns to Snippets**
|
|
215
|
-
|
|
216
|
-
If you find yourself typing the same template code repeatedly, create a custom snippet!
|
|
217
|
-
|
|
218
|
-
---
|
|
219
|
-
|
|
220
|
-
## 🔧 Troubleshooting
|
|
221
|
-
|
|
222
|
-
### Snippets Not Showing Up (VS Code)
|
|
223
|
-
|
|
224
|
-
**Solution:**
|
|
225
|
-
1. Check file extension matches snippet scope (e.g., `.cs` for C# snippets)
|
|
226
|
-
2. Reload VS Code: `Ctrl+Shift+P` → `Developer: Reload Window`
|
|
227
|
-
3. Verify snippet file location: `framework/templates/.vscode/morph-templates.code-snippets`
|
|
228
|
-
|
|
229
|
-
### Snippets Not Showing Up (JetBrains)
|
|
230
|
-
|
|
231
|
-
**Solution:**
|
|
232
|
-
1. Verify import: `File > Settings > Editor > Live Templates` → Check "MORPH Templates" group exists
|
|
233
|
-
2. Check snippet scope: Click snippet → Verify "Applicable in" contexts
|
|
234
|
-
3. Restart IDE
|
|
235
|
-
|
|
236
|
-
### Tab Not Expanding Snippet
|
|
237
|
-
|
|
238
|
-
**Solution:**
|
|
239
|
-
- **VS Code:** Ensure `editor.tabCompletion` is enabled in settings
|
|
240
|
-
- **JetBrains:** Ensure `Tab` is set as expansion key in `Settings > Editor > Live Templates`
|
|
241
|
-
|
|
242
|
-
---
|
|
243
|
-
|
|
244
|
-
## 📚 Related Documentation
|
|
245
|
-
|
|
246
|
-
- [Template System README](framework/templates/README.md) - Complete template system documentation
|
|
247
|
-
- [Handlebars Helpers](framework/templates/README.md#handlebars-helpers) - Full list of available helpers
|
|
248
|
-
- [CLI Template Commands](CLAUDE.md#templates) - Command-line template management
|
|
249
|
-
|
|
250
|
-
---
|
|
251
|
-
|
|
252
|
-
## 🎁 Contributing Custom Snippets
|
|
253
|
-
|
|
254
|
-
Have a useful snippet? Share it!
|
|
255
|
-
|
|
256
|
-
1. Add snippet to appropriate file (`.vscode/` or `.idea/`)
|
|
257
|
-
2. Document it in this README (add row to tables)
|
|
258
|
-
3. Submit PR with description of use case
|
|
259
|
-
|
|
260
|
-
---
|
|
261
|
-
|
|
262
|
-
*MORPH-SPEC Template Snippets by Polymorphism Tech*
|
|
1
|
+
# IDE Snippets for MORPH Templates
|
|
2
|
+
|
|
3
|
+
> Boost your productivity with IDE snippets for Handlebars template syntax
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
## 📦 Installation
|
|
8
|
+
|
|
9
|
+
### VS Code
|
|
10
|
+
|
|
11
|
+
**Option 1: Project Snippets (Recommended)**
|
|
12
|
+
|
|
13
|
+
Snippets are already configured in `framework/templates/.vscode/morph-templates.code-snippets`.
|
|
14
|
+
|
|
15
|
+
To use them:
|
|
16
|
+
1. Open your project in VS Code
|
|
17
|
+
2. Snippets auto-activate when editing template files
|
|
18
|
+
3. Type a prefix (e.g., `morph-pascal`) and press `Tab`
|
|
19
|
+
|
|
20
|
+
**Option 2: Global Snippets**
|
|
21
|
+
|
|
22
|
+
To use snippets across all projects:
|
|
23
|
+
1. Open VS Code
|
|
24
|
+
2. Go to `File > Preferences > Configure User Snippets`
|
|
25
|
+
3. Select `New Global Snippets file...`
|
|
26
|
+
4. Name it `morph-templates.code-snippets`
|
|
27
|
+
5. Copy content from `framework/templates/.vscode/morph-templates.code-snippets`
|
|
28
|
+
|
|
29
|
+
---
|
|
30
|
+
|
|
31
|
+
### JetBrains IDEs (Rider, WebStorm, IntelliJ IDEA)
|
|
32
|
+
|
|
33
|
+
**Installation:**
|
|
34
|
+
|
|
35
|
+
1. Open your IDE
|
|
36
|
+
2. Go to `File > Settings > Editor > Live Templates`
|
|
37
|
+
3. Click the `⚙️` gear icon → `Import Settings...`
|
|
38
|
+
4. Select `framework/templates/.idea/morph-templates.xml`
|
|
39
|
+
5. Click `OK` to import
|
|
40
|
+
|
|
41
|
+
**Activation:**
|
|
42
|
+
|
|
43
|
+
Snippets will be available in the "MORPH Templates" group. Type the prefix and press `Tab`.
|
|
44
|
+
|
|
45
|
+
---
|
|
46
|
+
|
|
47
|
+
## 🎯 Available Snippets
|
|
48
|
+
|
|
49
|
+
### Handlebars Helpers (Case Transformations)
|
|
50
|
+
|
|
51
|
+
| Prefix | Output | Example Result |
|
|
52
|
+
|--------|--------|----------------|
|
|
53
|
+
| `morph-pascal` | `{{pascalCase FEATURE_NAME}}` | `UserAuthentication` |
|
|
54
|
+
| `morph-camel` | `{{camelCase FEATURE_NAME}}` | `userAuthentication` |
|
|
55
|
+
| `morph-snake` | `{{snakeCase FEATURE_NAME}}` | `user_authentication` |
|
|
56
|
+
| `morph-title` | `{{titleCase FEATURE_NAME}}` | `User Authentication` |
|
|
57
|
+
| `morph-kebab` | `{{kebabCase FEATURE_NAME}}` | `user-authentication` |
|
|
58
|
+
| `morph-upper-snake` | `{{upperSnakeCase FEATURE_NAME}}` | `USER_AUTHENTICATION` |
|
|
59
|
+
|
|
60
|
+
### Handlebars Control Flow
|
|
61
|
+
|
|
62
|
+
| Prefix | Description | Example |
|
|
63
|
+
|--------|-------------|---------|
|
|
64
|
+
| `morph-if` | If block | `{{#if condition}}...{{/if}}` |
|
|
65
|
+
| `morph-if-else` | If-else block | `{{#if condition}}...{{else}}...{{/if}}` |
|
|
66
|
+
| `morph-each` | Loop over array | `{{#each items}}{{this.name}}{{/each}}` |
|
|
67
|
+
| `morph-unless` | Unless block | `{{#unless condition}}...{{/unless}}` |
|
|
68
|
+
|
|
69
|
+
### .NET Templates
|
|
70
|
+
|
|
71
|
+
| Prefix | Template | File Extension |
|
|
72
|
+
|--------|----------|----------------|
|
|
73
|
+
| `morph-service` | Service class (business logic) | `.cs` |
|
|
74
|
+
| `morph-repository` | Repository class (data access) | `.cs` |
|
|
75
|
+
| `morph-migration` | EF Core migration | `.cs` |
|
|
76
|
+
| `morph-job` | Hangfire background job | `.cs` |
|
|
77
|
+
|
|
78
|
+
### TypeScript Templates
|
|
79
|
+
|
|
80
|
+
| Prefix | Template | File Extension |
|
|
81
|
+
|--------|----------|----------------|
|
|
82
|
+
| `morph-ts-contract` | TypeScript interfaces (DTOs) | `.ts` |
|
|
83
|
+
|
|
84
|
+
---
|
|
85
|
+
|
|
86
|
+
## 🚀 Usage Examples
|
|
87
|
+
|
|
88
|
+
### Example 1: Creating a Service Template
|
|
89
|
+
|
|
90
|
+
**Steps:**
|
|
91
|
+
1. Create new file: `UserService.cs`
|
|
92
|
+
2. Type `morph-service` → Press `Tab`
|
|
93
|
+
3. Result:
|
|
94
|
+
```csharp
|
|
95
|
+
namespace {{NAMESPACE}}.Application.Features.{{pascalCase FEATURE_NAME}}.Services;
|
|
96
|
+
|
|
97
|
+
public class {{pascalCase FEATURE_NAME}}Service(
|
|
98
|
+
I{{pascalCase FEATURE_NAME}}Repository repository,
|
|
99
|
+
ILogger<{{pascalCase FEATURE_NAME}}Service> logger) : I{{pascalCase FEATURE_NAME}}Service
|
|
100
|
+
{
|
|
101
|
+
public async Task<{{pascalCase FEATURE_NAME}}Dto?> GetByIdAsync(int id, CancellationToken cancellationToken = default)
|
|
102
|
+
{
|
|
103
|
+
// Cursor here
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
```
|
|
107
|
+
|
|
108
|
+
### Example 2: Using Case Helpers
|
|
109
|
+
|
|
110
|
+
**Scenario:** Convert `user-authentication` to different cases
|
|
111
|
+
|
|
112
|
+
```handlebars
|
|
113
|
+
// Type: morph-pascal → Tab
|
|
114
|
+
{{pascalCase FEATURE_NAME}} // Output: UserAuthentication
|
|
115
|
+
|
|
116
|
+
// Type: morph-camel → Tab
|
|
117
|
+
{{camelCase FEATURE_NAME}} // Output: userAuthentication
|
|
118
|
+
|
|
119
|
+
// Type: morph-snake → Tab
|
|
120
|
+
{{snakeCase FEATURE_NAME}} // Output: user_authentication
|
|
121
|
+
```
|
|
122
|
+
|
|
123
|
+
### Example 3: Conditional Rendering
|
|
124
|
+
|
|
125
|
+
**Scenario:** Show different content based on stack
|
|
126
|
+
|
|
127
|
+
```handlebars
|
|
128
|
+
// Type: morph-if-else → Tab
|
|
129
|
+
{{#if (eq STACK "Nextjs")}}
|
|
130
|
+
// Next.js-specific code
|
|
131
|
+
{{else}}
|
|
132
|
+
// Generic code
|
|
133
|
+
{{/if}}
|
|
134
|
+
```
|
|
135
|
+
|
|
136
|
+
### Example 4: Looping Over Items
|
|
137
|
+
|
|
138
|
+
**Scenario:** Generate multiple DTOs
|
|
139
|
+
|
|
140
|
+
```handlebars
|
|
141
|
+
// Type: morph-each → Tab
|
|
142
|
+
{{#each entities}}
|
|
143
|
+
public class {{pascalCase this.name}}Dto
|
|
144
|
+
{
|
|
145
|
+
// Properties
|
|
146
|
+
}
|
|
147
|
+
{{/each}}
|
|
148
|
+
```
|
|
149
|
+
|
|
150
|
+
---
|
|
151
|
+
|
|
152
|
+
## 📝 Customizing Snippets
|
|
153
|
+
|
|
154
|
+
### VS Code
|
|
155
|
+
|
|
156
|
+
Edit `framework/templates/.vscode/morph-templates.code-snippets`:
|
|
157
|
+
|
|
158
|
+
```json
|
|
159
|
+
{
|
|
160
|
+
"MORPH Template - Custom": {
|
|
161
|
+
"prefix": "morph-custom",
|
|
162
|
+
"body": [
|
|
163
|
+
"// Your custom template",
|
|
164
|
+
"$1"
|
|
165
|
+
],
|
|
166
|
+
"description": "Your description"
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
```
|
|
170
|
+
|
|
171
|
+
### JetBrains IDEs
|
|
172
|
+
|
|
173
|
+
1. Go to `File > Settings > Editor > Live Templates`
|
|
174
|
+
2. Select "MORPH Templates" group
|
|
175
|
+
3. Click `+` → `Live Template`
|
|
176
|
+
4. Set abbreviation (prefix), description, and template text
|
|
177
|
+
|
|
178
|
+
---
|
|
179
|
+
|
|
180
|
+
## 🎨 Snippet Scopes
|
|
181
|
+
|
|
182
|
+
| Snippet | VS Code Scope | JetBrains Scope |
|
|
183
|
+
|---------|---------------|-----------------|
|
|
184
|
+
| Handlebars helpers | All files | All files |
|
|
185
|
+
| .NET templates | `.cs`, `.razor` | C#, HTML |
|
|
186
|
+
| TypeScript templates | `.ts`, `.tsx` | TypeScript |
|
|
187
|
+
|
|
188
|
+
---
|
|
189
|
+
|
|
190
|
+
## 💡 Best Practices
|
|
191
|
+
|
|
192
|
+
**1. Use Helpers Over Pre-computed Variables**
|
|
193
|
+
|
|
194
|
+
```handlebars
|
|
195
|
+
✅ GOOD: {{pascalCase FEATURE_NAME}}Service
|
|
196
|
+
❌ BAD: {{FEATURE_NAME_PASCAL}}Service // Deprecated
|
|
197
|
+
```
|
|
198
|
+
|
|
199
|
+
**2. Chain Helpers for Complex Transformations**
|
|
200
|
+
|
|
201
|
+
```handlebars
|
|
202
|
+
// Pluralize a PascalCase name
|
|
203
|
+
{{pascalCase (pluralize FEATURE_NAME)}} // Users, Orders, etc.
|
|
204
|
+
```
|
|
205
|
+
|
|
206
|
+
**3. Use Conditional Blocks for Stack-Specific Code**
|
|
207
|
+
|
|
208
|
+
```handlebars
|
|
209
|
+
{{#if (eq STACK "Nextjs")}}
|
|
210
|
+
import { useRouter } from 'next/navigation';
|
|
211
|
+
{{/if}}
|
|
212
|
+
```
|
|
213
|
+
|
|
214
|
+
**4. Extract Common Patterns to Snippets**
|
|
215
|
+
|
|
216
|
+
If you find yourself typing the same template code repeatedly, create a custom snippet!
|
|
217
|
+
|
|
218
|
+
---
|
|
219
|
+
|
|
220
|
+
## 🔧 Troubleshooting
|
|
221
|
+
|
|
222
|
+
### Snippets Not Showing Up (VS Code)
|
|
223
|
+
|
|
224
|
+
**Solution:**
|
|
225
|
+
1. Check file extension matches snippet scope (e.g., `.cs` for C# snippets)
|
|
226
|
+
2. Reload VS Code: `Ctrl+Shift+P` → `Developer: Reload Window`
|
|
227
|
+
3. Verify snippet file location: `framework/templates/.vscode/morph-templates.code-snippets`
|
|
228
|
+
|
|
229
|
+
### Snippets Not Showing Up (JetBrains)
|
|
230
|
+
|
|
231
|
+
**Solution:**
|
|
232
|
+
1. Verify import: `File > Settings > Editor > Live Templates` → Check "MORPH Templates" group exists
|
|
233
|
+
2. Check snippet scope: Click snippet → Verify "Applicable in" contexts
|
|
234
|
+
3. Restart IDE
|
|
235
|
+
|
|
236
|
+
### Tab Not Expanding Snippet
|
|
237
|
+
|
|
238
|
+
**Solution:**
|
|
239
|
+
- **VS Code:** Ensure `editor.tabCompletion` is enabled in settings
|
|
240
|
+
- **JetBrains:** Ensure `Tab` is set as expansion key in `Settings > Editor > Live Templates`
|
|
241
|
+
|
|
242
|
+
---
|
|
243
|
+
|
|
244
|
+
## 📚 Related Documentation
|
|
245
|
+
|
|
246
|
+
- [Template System README](framework/templates/README.md) - Complete template system documentation
|
|
247
|
+
- [Handlebars Helpers](framework/templates/README.md#handlebars-helpers) - Full list of available helpers
|
|
248
|
+
- [CLI Template Commands](CLAUDE.md#templates) - Command-line template management
|
|
249
|
+
|
|
250
|
+
---
|
|
251
|
+
|
|
252
|
+
## 🎁 Contributing Custom Snippets
|
|
253
|
+
|
|
254
|
+
Have a useful snippet? Share it!
|
|
255
|
+
|
|
256
|
+
1. Add snippet to appropriate file (`.vscode/` or `.idea/`)
|
|
257
|
+
2. Document it in this README (add row to tables)
|
|
258
|
+
3. Submit PR with description of use case
|
|
259
|
+
|
|
260
|
+
---
|
|
261
|
+
|
|
262
|
+
*MORPH-SPEC Template Snippets by Polymorphism Tech*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
namespace {{pascalCase PROJECT_NAME}}.Abstractions
|
|
2
|
-
{
|
|
3
|
-
public interface IApiEndpoint
|
|
4
|
-
{
|
|
5
|
-
void MapEndpoint(IEndpointRouteBuilder app);
|
|
6
|
-
}
|
|
7
|
-
}
|
|
1
|
+
namespace {{pascalCase PROJECT_NAME}}.Abstractions
|
|
2
|
+
{
|
|
3
|
+
public interface IApiEndpoint
|
|
4
|
+
{
|
|
5
|
+
void MapEndpoint(IEndpointRouteBuilder app);
|
|
6
|
+
}
|
|
7
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
namespace {{pascalCase PROJECT_NAME}}.Features.{{pascalCase FEATURE_NAME}}Feature.{{pascalCase SLICE_NAME}};
|
|
2
|
-
|
|
3
|
-
// TODO: Add properties matching the {{pascalCase SLICE_NAME}} command
|
|
4
|
-
public sealed record {{pascalCase SLICE_NAME}}Request();
|
|
1
|
+
namespace {{pascalCase PROJECT_NAME}}.Features.{{pascalCase FEATURE_NAME}}Feature.{{pascalCase SLICE_NAME}};
|
|
2
|
+
|
|
3
|
+
// TODO: Add properties matching the {{pascalCase SLICE_NAME}} command
|
|
4
|
+
public sealed record {{pascalCase SLICE_NAME}}Request();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
namespace {{pascalCase PROJECT_NAME}}.Features.{{pascalCase FEATURE_NAME}}Feature.{{pascalCase SLICE_NAME}};
|
|
2
|
-
|
|
3
|
-
// TODO: Add properties matching the {{pascalCase SLICE_NAME}} response
|
|
4
|
-
public sealed record {{pascalCase SLICE_NAME}}Response(Guid Id);
|
|
1
|
+
namespace {{pascalCase PROJECT_NAME}}.Features.{{pascalCase FEATURE_NAME}}Feature.{{pascalCase SLICE_NAME}};
|
|
2
|
+
|
|
3
|
+
// TODO: Add properties matching the {{pascalCase SLICE_NAME}} response
|
|
4
|
+
public sealed record {{pascalCase SLICE_NAME}}Response(Guid Id);
|