@polymorphism-tech/morph-spec 2.2.0 → 2.4.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.
Files changed (251) hide show
  1. package/CLAUDE.md +314 -1673
  2. package/LICENSE +72 -72
  3. package/README.md +515 -516
  4. package/bin/detect-agents.js +225 -225
  5. package/bin/morph-spec.js +358 -173
  6. package/bin/render-template.js +302 -302
  7. package/bin/semantic-detect-agents.js +246 -246
  8. package/bin/task-manager.js +429 -0
  9. package/bin/validate-agents-skills.js +251 -251
  10. package/bin/validate-agents.js +69 -69
  11. package/bin/validate-phase.js +263 -263
  12. package/bin/validate.js +369 -0
  13. package/content/.azure/README.md +293 -293
  14. package/content/.azure/docs/azure-devops-setup.md +454 -454
  15. package/content/.azure/docs/branch-strategy.md +398 -398
  16. package/content/.azure/docs/local-development.md +515 -515
  17. package/content/.azure/pipelines/pipeline-variables.yml +34 -34
  18. package/content/.azure/pipelines/prod-pipeline.yml +319 -319
  19. package/content/.azure/pipelines/staging-pipeline.yml +234 -234
  20. package/content/.azure/pipelines/templates/build-dotnet.yml +75 -75
  21. package/content/.azure/pipelines/templates/deploy-app-service.yml +94 -94
  22. package/content/.azure/pipelines/templates/deploy-container-app.yml +120 -120
  23. package/content/.azure/pipelines/templates/infra-deploy.yml +90 -90
  24. package/content/.claude/commands/morph-apply.md +221 -158
  25. package/content/.claude/commands/morph-archive.md +79 -79
  26. package/content/.claude/commands/morph-infra.md +209 -209
  27. package/content/.claude/commands/morph-preflight.md +227 -0
  28. package/content/.claude/commands/morph-proposal.md +122 -101
  29. package/content/.claude/commands/morph-status.md +86 -86
  30. package/content/.claude/commands/morph-troubleshoot.md +122 -0
  31. package/content/.claude/settings.local.json +15 -15
  32. package/content/.claude/skills/checklists/code-review.md +226 -0
  33. package/content/.claude/skills/checklists/morph-checklist.md +117 -0
  34. package/content/.claude/skills/checklists/simulation-checklist.md +77 -0
  35. package/content/.claude/skills/infra/bicep-architect.md +126 -419
  36. package/content/.claude/skills/infra/container-specialist.md +131 -437
  37. package/content/.claude/skills/infra/devops-engineer.md +119 -405
  38. package/content/.claude/skills/integrations/asaas-financial.md +130 -333
  39. package/content/.claude/skills/integrations/azure-identity.md +142 -309
  40. package/content/.claude/skills/integrations/clerk-auth.md +108 -290
  41. package/content/.claude/skills/integrations/resend-email.md +119 -0
  42. package/content/.claude/skills/specialists/ai-system-architect.md +192 -604
  43. package/content/.claude/skills/specialists/azure-architect.md +142 -142
  44. package/content/.claude/skills/specialists/code-analyzer.md +235 -0
  45. package/content/.claude/skills/specialists/dotnet-senior.md +287 -0
  46. package/content/.claude/skills/specialists/ef-modeler.md +113 -200
  47. package/content/.claude/skills/specialists/hangfire-orchestrator.md +126 -245
  48. package/content/.claude/skills/specialists/ms-agent-expert.md +109 -263
  49. package/content/.claude/skills/specialists/po-pm-advisor.md +197 -197
  50. package/content/.claude/skills/specialists/standards-architect.md +156 -78
  51. package/content/.claude/skills/specialists/testing-specialist.md +126 -0
  52. package/content/.claude/skills/specialists/ui-ux-designer.md +191 -1060
  53. package/content/.claude/skills/stacks/dotnet-blazor.md +210 -588
  54. package/content/.claude/skills/stacks/dotnet-nextjs.md +154 -402
  55. package/content/.claude/skills/workflows/morph-replicate.md +213 -0
  56. package/content/.claude/{commands/morph-clarify.md → skills/workflows/phase-clarify.md} +5 -58
  57. package/content/.claude/{commands/morph-design.md → skills/workflows/phase-design.md} +16 -86
  58. package/content/.claude/{commands/morph-setup.md → skills/workflows/phase-setup.md} +9 -17
  59. package/content/.claude/skills/workflows/phase-tasks.md +164 -0
  60. package/content/.claude/{commands/morph-uiux.md → skills/workflows/phase-uiux.md} +15 -88
  61. package/content/.morph/.morphversion +5 -5
  62. package/content/.morph/archive/.gitkeep +25 -25
  63. package/content/.morph/config/agents.json +378 -242
  64. package/content/.morph/config/config.template.json +89 -108
  65. package/content/.morph/docs/STORY-DRIVEN-DEVELOPMENT.md +392 -392
  66. package/content/.morph/docs/workflows/design-impl.md +37 -0
  67. package/content/.morph/docs/workflows/fast-track.md +29 -0
  68. package/content/.morph/docs/workflows/full-morph.md +76 -0
  69. package/content/.morph/docs/workflows/standard.md +44 -0
  70. package/content/.morph/docs/workflows/ui-refresh.md +39 -0
  71. package/content/.morph/examples/api-nextjs/README.md +241 -241
  72. package/content/.morph/examples/api-nextjs/contracts.ts +307 -307
  73. package/content/.morph/examples/api-nextjs/spec.md +399 -399
  74. package/content/.morph/examples/api-nextjs/tasks.md +168 -168
  75. package/content/.morph/examples/micro-saas/README.md +125 -125
  76. package/content/.morph/examples/micro-saas/contracts.cs +358 -358
  77. package/content/.morph/examples/micro-saas/decisions.md +246 -246
  78. package/content/.morph/examples/micro-saas/spec.md +236 -236
  79. package/content/.morph/examples/micro-saas/tasks.md +150 -150
  80. package/content/.morph/examples/multi-agent/README.md +309 -309
  81. package/content/.morph/examples/multi-agent/contracts.cs +433 -433
  82. package/content/.morph/examples/multi-agent/spec.md +479 -479
  83. package/content/.morph/examples/multi-agent/tasks.md +185 -185
  84. package/content/.morph/examples/scheduled-reports/decisions.md +158 -0
  85. package/content/.morph/examples/scheduled-reports/proposal.md +95 -0
  86. package/content/.morph/examples/scheduled-reports/spec.md +267 -0
  87. package/content/.morph/examples/state-v3.json +188 -0
  88. package/content/.morph/features/.gitkeep +25 -25
  89. package/content/.morph/hooks/README.md +190 -239
  90. package/content/.morph/hooks/pre-commit-agents.sh +24 -24
  91. package/content/.morph/hooks/pre-commit-all.sh +48 -48
  92. package/content/.morph/hooks/pre-commit-specs.sh +49 -49
  93. package/content/.morph/hooks/pre-commit-tests.sh +60 -60
  94. package/content/.morph/project.md +160 -160
  95. package/content/.morph/schemas/agent.schema.json +296 -296
  96. package/content/.morph/schemas/tasks.schema.json +220 -0
  97. package/content/.morph/specs/.gitkeep +20 -20
  98. package/content/.morph/standards/agent-framework-blazor-ui.md +359 -0
  99. package/content/.morph/standards/agent-framework-production.md +410 -0
  100. package/content/.morph/standards/agent-framework-setup.md +413 -453
  101. package/content/.morph/standards/agent-framework-workflows.md +349 -0
  102. package/content/.morph/standards/architecture.md +325 -325
  103. package/content/.morph/standards/azure.md +605 -379
  104. package/content/.morph/standards/coding.md +377 -377
  105. package/content/.morph/standards/dotnet10-migration.md +520 -494
  106. package/content/.morph/standards/fluent-ui-setup.md +590 -590
  107. package/content/.morph/standards/migration-guide.md +514 -514
  108. package/content/.morph/standards/passkeys-auth.md +423 -423
  109. package/content/.morph/standards/vector-search-rag.md +536 -536
  110. package/content/.morph/state.json +17 -17
  111. package/content/.morph/templates/FluentDesignTheme.cs +149 -149
  112. package/content/.morph/templates/MudTheme.cs +281 -281
  113. package/content/.morph/templates/agent.cs +163 -172
  114. package/content/.morph/templates/clarify-questions.md +159 -0
  115. package/content/.morph/templates/component.razor +239 -239
  116. package/content/.morph/templates/contracts/Commands.cs +74 -0
  117. package/content/.morph/templates/contracts/Entities.cs +25 -0
  118. package/content/.morph/templates/contracts/Queries.cs +74 -0
  119. package/content/.morph/templates/contracts/README.md +74 -0
  120. package/content/.morph/templates/contracts.cs +217 -217
  121. package/content/.morph/templates/decisions.md +123 -106
  122. package/content/.morph/templates/design-system.css +226 -226
  123. package/content/.morph/templates/infra/.dockerignore.example +89 -89
  124. package/content/.morph/templates/infra/Dockerfile.example +82 -82
  125. package/content/.morph/templates/infra/README.md +286 -286
  126. package/content/.morph/templates/infra/app-insights.bicep +63 -63
  127. package/content/.morph/templates/infra/app-service.bicep +164 -164
  128. package/content/.morph/templates/infra/container-app-env.bicep +49 -49
  129. package/content/.morph/templates/infra/container-app.bicep +156 -156
  130. package/content/.morph/templates/infra/deploy-checklist.md +426 -0
  131. package/content/.morph/templates/infra/deploy.ps1 +229 -229
  132. package/content/.morph/templates/infra/deploy.sh +208 -208
  133. package/content/.morph/templates/infra/key-vault.bicep +91 -91
  134. package/content/.morph/templates/infra/main.bicep +189 -189
  135. package/content/.morph/templates/infra/parameters.dev.json +29 -29
  136. package/content/.morph/templates/infra/parameters.prod.json +29 -29
  137. package/content/.morph/templates/infra/parameters.staging.json +29 -29
  138. package/content/.morph/templates/infra/sql-database.bicep +103 -103
  139. package/content/.morph/templates/infra/storage.bicep +106 -106
  140. package/content/.morph/templates/integrations/asaas-client.cs +387 -387
  141. package/content/.morph/templates/integrations/asaas-webhook.cs +351 -351
  142. package/content/.morph/templates/integrations/azure-identity-config.cs +288 -288
  143. package/content/.morph/templates/integrations/clerk-config.cs +258 -258
  144. package/content/.morph/templates/job.cs +171 -171
  145. package/content/.morph/templates/migration.cs +83 -83
  146. package/content/.morph/templates/proposal.md +141 -155
  147. package/content/.morph/templates/recap.md +94 -105
  148. package/content/.morph/templates/repository.cs +141 -141
  149. package/content/.morph/templates/saas/subscription.cs +347 -347
  150. package/content/.morph/templates/saas/tenant.cs +338 -338
  151. package/content/.morph/templates/service.cs +139 -139
  152. package/content/.morph/templates/simulation.md +353 -0
  153. package/content/.morph/templates/spec.md +149 -148
  154. package/content/.morph/templates/sprint-status.yaml +68 -68
  155. package/content/.morph/templates/state.template.json +222 -222
  156. package/content/.morph/templates/story.md +143 -143
  157. package/content/.morph/templates/tasks.md +257 -235
  158. package/content/.morph/templates/test.cs +239 -239
  159. package/content/.morph/templates/ui-components.md +362 -276
  160. package/content/.morph/templates/ui-design-system.md +286 -286
  161. package/content/.morph/templates/ui-flows.md +336 -336
  162. package/content/.morph/templates/ui-mockups.md +133 -133
  163. package/content/.morph/test-infra/example.bicep +59 -59
  164. package/content/CLAUDE.md +150 -442
  165. package/content/README.md +79 -79
  166. package/detectors/config-detector.js +223 -223
  167. package/detectors/conversation-analyzer.js +163 -163
  168. package/detectors/index.js +84 -84
  169. package/detectors/standards-generator.js +275 -275
  170. package/detectors/structure-detector.js +245 -250
  171. package/docs/README.md +144 -149
  172. package/docs/api/fonts/Source-Sans-Pro/sourcesanspro-light-webfont.svg +977 -977
  173. package/docs/api/fonts/Source-Sans-Pro/sourcesanspro-regular-webfont.svg +1048 -1048
  174. package/docs/api/scripts/collapse.js +38 -38
  175. package/docs/api/scripts/commonNav.js +28 -28
  176. package/docs/api/scripts/linenumber.js +25 -25
  177. package/docs/api/scripts/nav.js +12 -12
  178. package/docs/api/scripts/polyfill.js +3 -3
  179. package/docs/api/scripts/prettify/Apache-License-2.0.txt +202 -202
  180. package/docs/api/scripts/prettify/lang-css.js +2 -2
  181. package/docs/api/scripts/prettify/prettify.js +28 -28
  182. package/docs/api/scripts/search.js +98 -98
  183. package/docs/api/styles/jsdoc.css +776 -776
  184. package/docs/api/styles/prettify.css +80 -80
  185. package/docs/examples.md +328 -328
  186. package/docs/getting-started.md +301 -302
  187. package/docs/installation.md +361 -361
  188. package/docs/templates.md +418 -418
  189. package/docs/validation-checklist.md +265 -266
  190. package/package.json +80 -80
  191. package/scripts/postinstall.js +132 -132
  192. package/src/commands/advance-phase.js +183 -0
  193. package/src/commands/analyze-blazor-concurrency.js +193 -0
  194. package/src/commands/create-story.js +351 -351
  195. package/src/commands/detect-agents.js +139 -0
  196. package/src/commands/detect.js +104 -104
  197. package/src/commands/doctor.js +356 -280
  198. package/src/commands/generate.js +149 -149
  199. package/src/commands/init.js +258 -245
  200. package/src/commands/lint-fluent.js +352 -0
  201. package/src/commands/rollback-phase.js +185 -0
  202. package/src/commands/session-summary.js +291 -0
  203. package/src/commands/shard-spec.js +224 -224
  204. package/src/commands/sprint-status.js +250 -250
  205. package/src/commands/state.js +333 -333
  206. package/src/commands/sync.js +167 -167
  207. package/src/commands/task.js +78 -0
  208. package/src/commands/troubleshoot.js +222 -0
  209. package/src/commands/update.js +192 -159
  210. package/src/commands/validate-blazor-state.js +210 -0
  211. package/src/commands/validate-blazor.js +156 -0
  212. package/src/commands/validate-css.js +84 -0
  213. package/src/commands/validate-phase.js +221 -0
  214. package/src/lib/blazor-concurrency-analyzer.js +288 -0
  215. package/src/lib/blazor-state-validator.js +291 -0
  216. package/src/lib/blazor-validator.js +374 -0
  217. package/src/lib/complexity-analyzer.js +441 -292
  218. package/src/lib/continuous-validator.js +421 -0
  219. package/src/lib/css-validator.js +352 -0
  220. package/src/lib/decision-constraint-loader.js +109 -0
  221. package/src/lib/design-system-generator.js +298 -298
  222. package/src/lib/learning-system.js +520 -0
  223. package/src/lib/mockup-generator.js +366 -0
  224. package/src/lib/recap-generator.js +205 -0
  225. package/src/lib/state-manager.js +397 -340
  226. package/src/lib/troubleshoot-grep.js +194 -0
  227. package/src/lib/troubleshoot-index.js +144 -0
  228. package/src/lib/ui-detector.js +350 -0
  229. package/src/lib/validation-runner.js +231 -0
  230. package/src/lib/validators/architecture-validator.js +387 -0
  231. package/src/lib/validators/contract-compliance-validator.js +273 -0
  232. package/src/lib/validators/package-validator.js +360 -0
  233. package/src/lib/validators/ui-contrast-validator.js +422 -0
  234. package/src/utils/file-copier.js +179 -139
  235. package/src/utils/logger.js +32 -32
  236. package/src/utils/version-checker.js +175 -175
  237. package/content/.claude/commands/morph-costs.md +0 -206
  238. package/content/.claude/commands/morph-tasks.md +0 -319
  239. package/content/.claude/skills/specialists/cost-guardian.md +0 -110
  240. package/content/.claude/skills/stacks/shopify.md +0 -445
  241. package/content/.morph/config/azure-pricing.json +0 -70
  242. package/content/.morph/config/azure-pricing.schema.json +0 -50
  243. package/content/.morph/hooks/pre-commit-costs.sh +0 -91
  244. package/docs/api/cost-calculator.js.html +0 -513
  245. package/docs/api/design-system-generator.js.html +0 -382
  246. package/docs/api/global.html +0 -5263
  247. package/docs/api/index.html +0 -96
  248. package/docs/api/state-manager.js.html +0 -423
  249. package/src/commands/cost.js +0 -181
  250. package/src/commands/update-pricing.js +0 -206
  251. package/src/lib/cost-calculator.js +0 -429
package/docs/api/design-system-generator.js.html DELETED
@@ -1,382 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
-
5
- <meta charset="utf-8">
6
- <title>design-system-generator.js - MORPH-SPEC API Documentation</title>
7
-
8
- <meta name="description" content="API documentation for MORPH-SPEC Framework libraries" />
9
-
10
- <meta name="keywords" content="morph-spec, api, documentation, blazor, dotnet, framework" />
11
- <meta name="keyword" content="morph-spec, api, documentation, blazor, dotnet, framework" />
12
-
13
-
14
-
15
- <script src="scripts/prettify/prettify.js"></script>
16
- <script src="scripts/prettify/lang-css.js"></script>
17
- <!--[if lt IE 9]>
18
- <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
19
- <![endif]-->
20
- <link type="text/css" rel="stylesheet" href="styles/prettify.css">
21
- <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
22
- <script src="scripts/nav.js" defer></script>
23
-
24
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
25
- </head>
26
- <body>
27
-
28
- <input type="checkbox" id="nav-trigger" class="nav-trigger" />
29
- <label for="nav-trigger" class="navicon-button x">
30
- <div class="navicon"></div>
31
- </label>
32
-
33
- <label for="nav-trigger" class="overlay"></label>
34
-
35
- <nav >
36
-
37
- <input type="text" id="nav-search" placeholder="Search" />
38
-
39
-
40
- <h2><a href="index.html">Home</a></h2><h2><a href="https://github.com/lucasPolymorphism/morph-spec-framework" target="_blank" class="menu-item" id="repository" >GitHub</a></h2><h2><a href="https://www.npmjs.com/package/@polymorphism-tech/morph-spec" target="_blank" class="menu-item" id="npm" >npm</a></h2><h3>Global</h3><ul><li><a href="global.html#AZURE_PRICING">AZURE_PRICING</a></li><li><a href="global.html#addAgent">addAgent</a></li><li><a href="global.html#addCheckpoint">addCheckpoint</a></li><li><a href="global.html#calculateBicepCost">calculateBicepCost</a></li><li><a href="global.html#calculateResourceCost">calculateResourceCost</a></li><li><a href="global.html#calculateTotalCosts">calculateTotalCosts</a></li><li><a href="global.html#ensureFeature">ensureFeature</a></li><li><a href="global.html#generateCSS">generateCSS</a></li><li><a href="global.html#generateDesignSystem">generateDesignSystem</a></li><li><a href="global.html#generateFluentTheme">generateFluentTheme</a></li><li><a href="global.html#generateMudTheme">generateMudTheme</a></li><li><a href="global.html#getFeature">getFeature</a></li><li><a href="global.html#getStatePath">getStatePath</a></li><li><a href="global.html#getSummary">getSummary</a></li><li><a href="global.html#initState">initState</a></li><li><a href="global.html#listFeatures">listFeatures</a></li><li><a href="global.html#loadAzurePricing">loadAzurePricing</a></li><li><a href="global.html#loadCostConfig">loadCostConfig</a></li><li><a href="global.html#loadState">loadState</a></li><li><a href="global.html#markOutput">markOutput</a></li><li><a href="global.html#parseBicepFile">parseBicepFile</a></li><li><a href="global.html#parseBicepFiles">parseBicepFiles</a></li><li><a href="global.html#parseColors">parseColors</a></li><li><a href="global.html#parseDesignSystem">parseDesignSystem</a></li><li><a href="global.html#parseSpacing">parseSpacing</a></li><li><a href="global.html#parseTypography">parseTypography</a></li><li><a href="global.html#removeAgent">removeAgent</a></li><li><a href="global.html#saveState">saveState</a></li><li><a href="global.html#stateExists">stateExists</a></li><li><a href="global.html#updateFeature">updateFeature</a></li><li><a href="global.html#updateFeatureMultiple">updateFeatureMultiple</a></li></ul>
41
-
42
- </nav>
43
-
44
- <div id="main">
45
-
46
- <h1 class="page-title">design-system-generator.js</h1>
47
-
48
-
49
-
50
-
51
-
52
-
53
-
54
- <section>
55
- <article>
56
- <pre class="prettyprint source linenums"><code>/**
57
- * MORPH-SPEC Design System Generator Library
58
- *
59
- * Reads ui-design-system.md and generates:
60
- * - wwwroot/css/design-system.css (CSS variables)
61
- * - Themes/FluentDesignTheme.cs (Fluent UI theme)
62
- * - Themes/MudTheme.cs (MudBlazor theme)
63
- *
64
- * Used both by CLI commands and internal automation.
65
- */
66
-
67
- import { readFileSync, existsSync } from 'fs';
68
-
69
- // ============================================================================
70
- // Parsing Functions
71
- // ============================================================================
72
-
73
- /**
74
- * Parse colors from markdown
75
- * @param {string} markdown - Markdown content
76
- * @returns {Object} Colors object with primary, secondary, neutral, semantic
77
- */
78
- export function parseColors(markdown) {
79
- const colors = { primary: {}, secondary: {}, neutral: {}, semantic: {} };
80
-
81
- // Match color definitions like: - **Primary 500** (`#...`) - ...
82
- const colorRegex = /(?:^|\n)[-*]\s+\*\*([^*]+)\*\*[^\(]*\(`(#[0-9A-Fa-f]{6})`\)/gm;
83
-
84
- let match;
85
- while ((match = colorRegex.exec(markdown)) !== null) {
86
- const [, name, hex] = match;
87
- const cleanName = name.trim().toLowerCase().replace(/\s+/g, '-');
88
-
89
- if (name.includes('Primary')) {
90
- const variant = name.match(/\d+/)?.[0] || 'default';
91
- colors.primary[variant] = hex;
92
- } else if (name.includes('Secondary')) {
93
- const variant = name.match(/\d+/)?.[0] || 'default';
94
- colors.secondary[variant] = hex;
95
- } else if (name.includes('Neutral') || name.includes('Gray')) {
96
- const variant = name.match(/\d+/)?.[0] || 'default';
97
- colors.neutral[variant] = hex;
98
- } else if (name.includes('Success') || name.includes('Error') || name.includes('Warning') || name.includes('Info')) {
99
- const type = name.toLowerCase().replace(/\s+/g, '-');
100
- colors.semantic[type] = hex;
101
- }
102
- }
103
-
104
- return colors;
105
- }
106
-
107
- /**
108
- * Parse typography from markdown
109
- * @param {string} markdown - Markdown content
110
- * @returns {Object} Typography object with fontFamily, fontSize, fontWeight, lineHeight
111
- */
112
- export function parseTypography(markdown) {
113
- const typography = { fontFamily: {}, fontSize: {}, fontWeight: {}, lineHeight: {} };
114
-
115
- // Match font family
116
- const fontFamilyRegex = /(?:font[- ]?family|typeface)[:\s]+([^\n]+)/gi;
117
- const fontMatch = fontFamilyRegex.exec(markdown);
118
- if (fontMatch) {
119
- typography.fontFamily.primary = fontMatch[1].trim();
120
- }
121
-
122
- // Match font sizes (but exclude spacing-related)
123
- const fontSizeRegex = /(?:^|\n)[-*]\s+\*\*([^*]+)\*\*[^:]*:\s*(\d+(?:\.\d+)?(?:rem|px|em))/gm;
124
- let match;
125
- while ((match = fontSizeRegex.exec(markdown)) !== null) {
126
- const [, name, size] = match;
127
- const lowerName = name.toLowerCase();
128
- // Skip if it's spacing-related
129
- if (lowerName.includes('spacing') || lowerName.includes('gap') || lowerName.includes('margin') || lowerName.includes('padding')) {
130
- continue;
131
- }
132
- const cleanName = name.trim().toLowerCase().replace(/\s+/g, '-');
133
- typography.fontSize[cleanName] = size;
134
- }
135
-
136
- return typography;
137
- }
138
-
139
- /**
140
- * Parse spacing from markdown
141
- * @param {string} markdown - Markdown content
142
- * @returns {Object} Spacing object with spacing values
143
- */
144
- export function parseSpacing(markdown) {
145
- const spacing = {};
146
-
147
- // Match spacing definitions
148
- const spacingRegex = /(?:^|\n)[-*]\s+\*\*([^*]+)\*\*[^:]*:\s*(\d+(?:\.\d+)?(?:rem|px|em))/gm;
149
- let match;
150
- while ((match = spacingRegex.exec(markdown)) !== null) {
151
- const [, name, value] = match;
152
- if (name.toLowerCase().includes('spacing') || name.toLowerCase().includes('gap') || name.toLowerCase().includes('margin') || name.toLowerCase().includes('padding')) {
153
- const cleanName = name.trim().toLowerCase().replace(/\s+/g, '-');
154
- spacing[cleanName] = value;
155
- }
156
- }
157
-
158
- return spacing;
159
- }
160
-
161
- /**
162
- * Parse all design system properties from markdown
163
- * @param {string} markdownPath - Path to ui-design-system.md file
164
- * @returns {Object} Parsed design system with colors, typography, spacing
165
- */
166
- export function parseDesignSystem(markdownPath) {
167
- if (!existsSync(markdownPath)) {
168
- throw new Error(`File not found: ${markdownPath}`);
169
- }
170
-
171
- const markdown = readFileSync(markdownPath, 'utf-8');
172
-
173
- return {
174
- colors: parseColors(markdown),
175
- typography: parseTypography(markdown),
176
- spacing: parseSpacing(markdown)
177
- };
178
- }
179
-
180
- // ============================================================================
181
- // Generation Functions
182
- // ============================================================================
183
-
184
- /**
185
- * Generate CSS variables file
186
- * @param {Object} colors - Colors object
187
- * @param {Object} typography - Typography object
188
- * @param {Object} spacing - Spacing object
189
- * @returns {string} CSS content
190
- */
191
- export function generateCSS(colors, typography, spacing) {
192
- let css = `/* Auto-generated by MORPH-SPEC Design System Generator */\n`;
193
- css += `/* Do not edit manually - regenerate from ui-design-system.md */\n\n`;
194
- css += `:root {\n`;
195
-
196
- // Colors
197
- if (Object.keys(colors.primary).length > 0) {
198
- css += ` /* Primary Colors */\n`;
199
- Object.entries(colors.primary).forEach(([variant, hex]) => {
200
- css += ` --color-primary-${variant}: ${hex};\n`;
201
- });
202
- css += `\n`;
203
- }
204
-
205
- if (Object.keys(colors.secondary).length > 0) {
206
- css += ` /* Secondary Colors */\n`;
207
- Object.entries(colors.secondary).forEach(([variant, hex]) => {
208
- css += ` --color-secondary-${variant}: ${hex};\n`;
209
- });
210
- css += `\n`;
211
- }
212
-
213
- if (Object.keys(colors.neutral).length > 0) {
214
- css += ` /* Neutral Colors */\n`;
215
- Object.entries(colors.neutral).forEach(([variant, hex]) => {
216
- css += ` --color-neutral-${variant}: ${hex};\n`;
217
- });
218
- css += `\n`;
219
- }
220
-
221
- if (Object.keys(colors.semantic).length > 0) {
222
- css += ` /* Semantic Colors */\n`;
223
- Object.entries(colors.semantic).forEach(([type, hex]) => {
224
- css += ` --color-${type}: ${hex};\n`;
225
- });
226
- css += `\n`;
227
- }
228
-
229
- // Typography
230
- if (typography.fontFamily.primary) {
231
- css += ` /* Typography */\n`;
232
- css += ` --font-family-primary: ${typography.fontFamily.primary};\n`;
233
- css += `\n`;
234
- }
235
-
236
- if (Object.keys(typography.fontSize).length > 0) {
237
- css += ` /* Font Sizes */\n`;
238
- Object.entries(typography.fontSize).forEach(([name, size]) => {
239
- css += ` --font-size-${name}: ${size};\n`;
240
- });
241
- css += `\n`;
242
- }
243
-
244
- // Spacing
245
- if (Object.keys(spacing).length > 0) {
246
- css += ` /* Spacing */\n`;
247
- Object.entries(spacing).forEach(([name, value]) => {
248
- css += ` --${name}: ${value};\n`;
249
- });
250
- }
251
-
252
- css += `}\n`;
253
-
254
- return css;
255
- }
256
-
257
- /**
258
- * Generate Fluent UI theme (C#)
259
- * @param {Object} colors - Colors object
260
- * @param {Object} typography - Typography object
261
- * @param {string} namespace - C# namespace (default: YourProject.Themes)
262
- * @returns {string} C# code
263
- */
264
- export function generateFluentTheme(colors, typography, namespace = 'YourProject.Themes') {
265
- const primary500 = colors.primary['500'] || '#0078d4';
266
-
267
- let csharp = `// Auto-generated by MORPH-SPEC Design System Generator\n`;
268
- csharp += `// Do not edit manually - regenerate from ui-design-system.md\n\n`;
269
- csharp += `using Microsoft.FluentUI.AspNetCore.Components;\n\n`;
270
- csharp += `namespace ${namespace};\n\n`;
271
- csharp += `public static class FluentDesignTheme\n{\n`;
272
- csharp += ` public static DesignThemePalette GetPalette()\n`;
273
- csharp += ` {\n`;
274
- csharp += ` return new DesignThemePalette\n`;
275
- csharp += ` {\n`;
276
- csharp += ` Accent = "${primary500}",\n`;
277
- csharp += ` // Add more theme properties as needed\n`;
278
- csharp += ` };\n`;
279
- csharp += ` }\n`;
280
- csharp += `}\n`;
281
-
282
- return csharp;
283
- }
284
-
285
- /**
286
- * Generate MudBlazor theme (C#)
287
- * @param {Object} colors - Colors object
288
- * @param {Object} typography - Typography object
289
- * @param {string} namespace - C# namespace (default: YourProject.Themes)
290
- * @returns {string} C# code
291
- */
292
- export function generateMudTheme(colors, typography, namespace = 'YourProject.Themes') {
293
- const primary500 = colors.primary['500'] || '#594ae2';
294
- const secondary500 = colors.secondary['500'] || '#ff4081';
295
-
296
- let csharp = `// Auto-generated by MORPH-SPEC Design System Generator\n`;
297
- csharp += `// Do not edit manually - regenerate from ui-design-system.md\n\n`;
298
- csharp += `using MudBlazor;\n\n`;
299
- csharp += `namespace ${namespace};\n\n`;
300
- csharp += `public static class MudDesignTheme\n{\n`;
301
- csharp += ` public static MudTheme GetTheme()\n`;
302
- csharp += ` {\n`;
303
- csharp += ` return new MudTheme\n`;
304
- csharp += ` {\n`;
305
- csharp += ` Palette = new PaletteLight\n`;
306
- csharp += ` {\n`;
307
- csharp += ` Primary = "${primary500}",\n`;
308
- csharp += ` Secondary = "${secondary500}",\n`;
309
- csharp += ` // Add more palette colors as needed\n`;
310
- csharp += ` }\n`;
311
- csharp += ` };\n`;
312
- csharp += ` }\n`;
313
- csharp += `}\n`;
314
-
315
- return csharp;
316
- }
317
-
318
- /**
319
- * Generate all design system files
320
- * @param {string} designSystemPath - Path to ui-design-system.md
321
- * @param {Object} options - Generation options
322
- * @param {string} options.mode - Generation mode: 'fluent', 'mud', or 'both'
323
- * @param {string} options.namespace - C# namespace
324
- * @returns {Object} Generated files content
325
- */
326
- export function generateDesignSystem(designSystemPath, options = {}) {
327
- const { mode = 'both', namespace = 'YourProject.Themes' } = options;
328
-
329
- // Parse design system
330
- const { colors, typography, spacing } = parseDesignSystem(designSystemPath);
331
-
332
- const generated = {
333
- css: generateCSS(colors, typography, spacing),
334
- stats: {
335
- primaryColors: Object.keys(colors.primary).length,
336
- neutralColors: Object.keys(colors.neutral).length,
337
- semanticColors: Object.keys(colors.semantic).length,
338
- fontSizes: Object.keys(typography.fontSize).length,
339
- spacingValues: Object.keys(spacing).length
340
- }
341
- };
342
-
343
- // Generate themes based on mode
344
- if (mode === 'fluent' || mode === 'both') {
345
- generated.fluentTheme = generateFluentTheme(colors, typography, namespace);
346
- }
347
-
348
- if (mode === 'mud' || mode === 'both') {
349
- generated.mudTheme = generateMudTheme(colors, typography, namespace);
350
- }
351
-
352
- return generated;
353
- }
354
- </code></pre>
355
- </article>
356
- </section>
357
-
358
-
359
-
360
-
361
-
362
-
363
- </div>
364
-
365
- <br class="clear">
366
-
367
- <footer>
368
- Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.5</a> using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
369
- </footer>
370
-
371
- <script>prettyPrint();</script>
372
- <script src="scripts/polyfill.js"></script>
373
- <script src="scripts/linenumber.js"></script>
374
-
375
- <script src="scripts/search.js" defer></script>
376
-
377
-
378
- <script src="scripts/collapse.js" defer></script>
379
-
380
-
381
- </body>
382
- </html>