@mytechtoday/augment-extensions 1.3.0 → 1.3.1

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 (95) hide show
  1. package/LICENSE +22 -22
  2. package/augment-extensions/domain-rules/software-architecture/README.md +143 -143
  3. package/augment-extensions/domain-rules/software-architecture/examples/banking-layered.md +961 -961
  4. package/augment-extensions/domain-rules/software-architecture/examples/ecommerce-microservices.md +990 -990
  5. package/augment-extensions/domain-rules/software-architecture/examples/iot-eventdriven.md +882 -882
  6. package/augment-extensions/domain-rules/software-architecture/examples/monolith-to-microservices-migration.md +703 -703
  7. package/augment-extensions/domain-rules/software-architecture/examples/serverless-imageprocessing.md +957 -957
  8. package/augment-extensions/domain-rules/software-architecture/examples/trading-eventdriven.md +747 -747
  9. package/augment-extensions/domain-rules/software-architecture/module.json +119 -119
  10. package/augment-extensions/domain-rules/software-architecture/rules/challenges-solutions.md +763 -763
  11. package/augment-extensions/domain-rules/software-architecture/rules/definitions-terminology.md +409 -409
  12. package/augment-extensions/domain-rules/software-architecture/rules/design-principles.md +684 -684
  13. package/augment-extensions/domain-rules/software-architecture/rules/evaluation-testing.md +1381 -1381
  14. package/augment-extensions/domain-rules/software-architecture/rules/event-driven-architecture.md +616 -616
  15. package/augment-extensions/domain-rules/software-architecture/rules/fundamentals.md +306 -306
  16. package/augment-extensions/domain-rules/software-architecture/rules/industry-architectures.md +554 -554
  17. package/augment-extensions/domain-rules/software-architecture/rules/layered-architecture.md +776 -776
  18. package/augment-extensions/domain-rules/software-architecture/rules/microservices-architecture.md +503 -503
  19. package/augment-extensions/domain-rules/software-architecture/rules/modeling-documentation.md +1199 -1199
  20. package/augment-extensions/domain-rules/software-architecture/rules/monolithic-architecture.md +351 -351
  21. package/augment-extensions/domain-rules/software-architecture/rules/principles.md +556 -556
  22. package/augment-extensions/domain-rules/software-architecture/rules/quality-attributes.md +797 -797
  23. package/augment-extensions/domain-rules/software-architecture/rules/scalability-performance.md +1345 -1345
  24. package/augment-extensions/domain-rules/software-architecture/rules/security-architecture.md +1039 -1039
  25. package/augment-extensions/domain-rules/software-architecture/rules/serverless-architecture.md +711 -711
  26. package/augment-extensions/domain-rules/software-architecture/rules/skills-development.md +568 -568
  27. package/augment-extensions/domain-rules/software-architecture/rules/tools-methodologies.md +961 -961
  28. package/augment-extensions/visual-design/CHANGELOG.md +132 -132
  29. package/augment-extensions/visual-design/README.md +255 -255
  30. package/augment-extensions/visual-design/__tests__/README.md +119 -119
  31. package/augment-extensions/visual-design/__tests__/style-selector.test.ts +172 -172
  32. package/augment-extensions/visual-design/__tests__/vendor-styles.test.ts +214 -214
  33. package/augment-extensions/visual-design/domains/other/ai-prompt-helper.ts +157 -157
  34. package/augment-extensions/visual-design/domains/other/dotnet-application.ts +156 -156
  35. package/augment-extensions/visual-design/domains/other/linux-platform.ts +156 -156
  36. package/augment-extensions/visual-design/domains/other/mobile-application.ts +157 -157
  37. package/augment-extensions/visual-design/domains/other/motion-picture.ts +156 -156
  38. package/augment-extensions/visual-design/domains/other/os-application.ts +156 -156
  39. package/augment-extensions/visual-design/domains/other/print-campaigns.ts +158 -158
  40. package/augment-extensions/visual-design/domains/other/web-app.ts +157 -157
  41. package/augment-extensions/visual-design/domains/other/website.ts +161 -161
  42. package/augment-extensions/visual-design/domains/other/windows-platform.ts +156 -156
  43. package/augment-extensions/visual-design/domains/web-page-styles/amazon-cloudscape.ts +506 -506
  44. package/augment-extensions/visual-design/domains/web-page-styles/google-modern.ts +615 -615
  45. package/augment-extensions/visual-design/domains/web-page-styles/microsoft-fluent.ts +531 -531
  46. package/augment-extensions/visual-design/examples/README.md +97 -97
  47. package/augment-extensions/visual-design/examples/ai-prompt-generation.md +233 -233
  48. package/augment-extensions/visual-design/examples/basic-usage.md +216 -216
  49. package/augment-extensions/visual-design/examples/domain-workflows.md +257 -257
  50. package/augment-extensions/visual-design/examples/vendor-comparison.md +247 -247
  51. package/augment-extensions/visual-design/module.json +78 -78
  52. package/augment-extensions/visual-design/style-selector.ts +177 -177
  53. package/augment-extensions/visual-design/types.ts +302 -302
  54. package/augment-extensions/visual-design/visual-design-core.ts +469 -469
  55. package/augment-extensions/workflows/adr-support/README.md +227 -227
  56. package/augment-extensions/workflows/adr-support/__tests__/adr-validator.test.ts +203 -203
  57. package/augment-extensions/workflows/adr-support/adr-validator.ts +162 -162
  58. package/augment-extensions/workflows/adr-support/examples/complete-lifecycle-example.md +449 -449
  59. package/augment-extensions/workflows/adr-support/examples/integration-example.md +580 -580
  60. package/augment-extensions/workflows/adr-support/examples/superseding-example.md +436 -436
  61. package/augment-extensions/workflows/adr-support/module.json +112 -112
  62. package/augment-extensions/workflows/adr-support/rules/adr-creation.md +372 -372
  63. package/augment-extensions/workflows/adr-support/rules/beads-integration.md +443 -443
  64. package/augment-extensions/workflows/adr-support/rules/conflict-detection.md +486 -486
  65. package/augment-extensions/workflows/adr-support/rules/decision-detection.md +362 -362
  66. package/augment-extensions/workflows/adr-support/rules/lifecycle-management.md +427 -427
  67. package/augment-extensions/workflows/adr-support/rules/openspec-integration.md +465 -465
  68. package/augment-extensions/workflows/adr-support/rules/template-selection.md +405 -405
  69. package/augment-extensions/workflows/adr-support/rules/validation-rules.md +543 -543
  70. package/augment-extensions/workflows/adr-support/schemas/adr-config.json +191 -191
  71. package/augment-extensions/workflows/adr-support/schemas/adr-metadata.json +172 -172
  72. package/augment-extensions/workflows/adr-support/templates/business-case.md +235 -235
  73. package/augment-extensions/workflows/adr-support/templates/madr-elaborate.md +197 -197
  74. package/augment-extensions/workflows/adr-support/templates/madr-simple.md +68 -68
  75. package/augment-extensions/workflows/adr-support/templates/nygard.md +84 -84
  76. package/augment-extensions/writing-standards/screenplay/rules/file-organization.md +213 -213
  77. package/augment-extensions/writing-standards/screenplay/utils/__tests__/file-organization.test.ts +169 -169
  78. package/augment-extensions/writing-standards/screenplay/utils/file-organization.ts +165 -165
  79. package/cli/dist/utils/auto-sync.js +19 -19
  80. package/package.json +5 -3
  81. package/augment-extensions/workflows/openspec/README.md +0 -96
  82. package/augment-extensions/workflows/openspec/examples/complete-change-example.md +0 -244
  83. package/augment-extensions/workflows/openspec/module.json +0 -54
  84. package/augment-extensions/workflows/openspec/rules/best-practices.md +0 -272
  85. package/augment-extensions/workflows/openspec/rules/manual-setup.md +0 -231
  86. package/augment-extensions/workflows/openspec/rules/spec-format.md +0 -236
  87. package/augment-extensions/workflows/openspec/rules/workflow.md +0 -214
  88. package/cli/dist/utils/__tests__/adr-validator.example.d.ts +0 -6
  89. package/cli/dist/utils/__tests__/adr-validator.example.d.ts.map +0 -1
  90. package/cli/dist/utils/__tests__/adr-validator.example.js +0 -148
  91. package/cli/dist/utils/__tests__/adr-validator.example.js.map +0 -1
  92. package/cli/dist/utils/adr-validator.d.ts +0 -65
  93. package/cli/dist/utils/adr-validator.d.ts.map +0 -1
  94. package/cli/dist/utils/adr-validator.js +0 -203
  95. package/cli/dist/utils/adr-validator.js.map +0 -1
@@ -1,157 +1,157 @@
1
- /**
2
- * AI Image Generation Prompt Helper Domain Module
3
- *
4
- * Design patterns and guidelines for creating effective prompts
5
- * for AI image generation tools (Midjourney, DALL-E, Stable Diffusion).
6
- */
7
-
8
- import { DomainStyle, ColorPalette, TypographyRules, LayoutSystem } from '../../types';
9
-
10
- // ============================================================================
11
- // AI Prompt Helper Color Palette
12
- // ============================================================================
13
-
14
- const AI_PROMPT_COLORS: ColorPalette = {
15
- primary: {
16
- name: 'Creative Purple',
17
- hex: '#8B5CF6',
18
- rgb: { r: 139, g: 92, b: 246 },
19
- hsl: { h: 258, s: 90, l: 66 },
20
- variants: [
21
- { name: 'Purple Light', hex: '#C4B5FD', usage: 'Highlights' },
22
- { name: 'Purple Dark', hex: '#7C3AED', usage: 'Emphasis' }
23
- ]
24
- },
25
- neutral: [
26
- { name: 'White', hex: '#FFFFFF', rgb: { r: 255, g: 255, b: 255 }, hsl: { h: 0, s: 0, l: 100 } },
27
- { name: 'Gray 50', hex: '#FAFAF9', rgb: { r: 250, g: 250, b: 249 }, hsl: { h: 60, s: 9, l: 98 } },
28
- { name: 'Gray 100', hex: '#F5F5F4', rgb: { r: 245, g: 245, b: 244 }, hsl: { h: 60, s: 9, l: 96 } },
29
- { name: 'Gray 800', hex: '#27272A', rgb: { r: 39, g: 39, b: 42 }, hsl: { h: 240, s: 4, l: 16 } },
30
- { name: 'Black', hex: '#000000', rgb: { r: 0, g: 0, b: 0 }, hsl: { h: 0, s: 0, l: 0 } }
31
- ],
32
- semantic: {
33
- success: { hex: '#22C55E', usage: 'Successful generation' },
34
- warning: { hex: '#EAB308', usage: 'Prompt warnings' },
35
- error: { hex: '#EF4444', usage: 'Generation errors' },
36
- info: { hex: '#3B82F6', usage: 'Tips and suggestions' }
37
- },
38
- accessibility: {
39
- minimumContrast: 4.5,
40
- targetContrast: 7,
41
- colorBlindSafe: true,
42
- guidelines: [
43
- 'Ensure readable text on all backgrounds',
44
- 'Use color coding for prompt categories',
45
- 'Provide visual feedback for generation status',
46
- 'Support dark mode for extended use'
47
- ]
48
- }
49
- };
50
-
51
- // ============================================================================
52
- // AI Prompt Helper Typography
53
- // ============================================================================
54
-
55
- const AI_PROMPT_TYPOGRAPHY: TypographyRules = {
56
- fontFamilies: {
57
- primary: 'Inter, -apple-system, BlinkMacSystemFont, sans-serif',
58
- secondary: 'system-ui, sans-serif',
59
- monospace: '"Fira Code", "JetBrains Mono", monospace'
60
- },
61
- hierarchy: {
62
- h1: { fontSize: '36px', fontWeight: 700, lineHeight: 1.2, letterSpacing: '-0.02em' },
63
- h2: { fontSize: '28px', fontWeight: 600, lineHeight: 1.3, letterSpacing: '-0.01em' },
64
- h3: { fontSize: '22px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
65
- h4: { fontSize: '18px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
66
- h5: { fontSize: '16px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
67
- h6: { fontSize: '14px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
68
- body: { fontSize: '16px', fontWeight: 400, lineHeight: 1.6, letterSpacing: '0' },
69
- small: { fontSize: '14px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0' },
70
- caption: { fontSize: '12px', fontWeight: 400, lineHeight: 1.4, letterSpacing: '0' }
71
- },
72
- scale: {
73
- base: 16,
74
- ratio: 1.25,
75
- sizes: [12, 14, 16, 18, 22, 28, 36]
76
- },
77
- guidelines: [
78
- 'Use monospace for prompt text',
79
- 'Use sans-serif for UI elements',
80
- 'Ensure readability for long prompts',
81
- 'Highlight keywords and modifiers',
82
- 'Use consistent formatting for examples'
83
- ]
84
- };
85
-
86
- // ============================================================================
87
- // AI Prompt Helper Layout System
88
- // ============================================================================
89
-
90
- const AI_PROMPT_LAYOUT: LayoutSystem = {
91
- grid: {
92
- columns: 12,
93
- gutter: '24px',
94
- margin: '24px',
95
- breakpoints: {
96
- mobile: '0-639px',
97
- tablet: '640-1023px',
98
- desktop: '1024px+'
99
- }
100
- },
101
- spacing: {
102
- unit: 8,
103
- scale: [0, 8, 16, 24, 32, 40, 48, 64, 80],
104
- guidelines: [
105
- 'Use 8px base unit for spacing',
106
- 'Group related prompt elements',
107
- 'Provide clear visual hierarchy',
108
- 'Use cards for prompt templates'
109
- ]
110
- },
111
- containerWidths: {
112
- mobile: '100%',
113
- tablet: '768px',
114
- desktop: '1024px',
115
- max: '1280px'
116
- },
117
- guidelines: [
118
- 'Use two-column layout (prompt builder + preview)',
119
- 'Provide collapsible sections for categories',
120
- 'Use tags for prompt modifiers',
121
- 'Implement search and filter for templates',
122
- 'Show real-time character count',
123
- 'Provide copy-to-clipboard functionality'
124
- ]
125
- };
126
-
127
- // ============================================================================
128
- // AI Prompt Helper Domain Export
129
- // ============================================================================
130
-
131
- export const AI_PROMPT_HELPER_DOMAIN: DomainStyle = {
132
- domain: 'ai-prompt-helper',
133
- characteristics: [
134
- 'Prompt template library',
135
- 'Keyword and modifier suggestions',
136
- 'Style and artist references',
137
- 'Technical parameter guidance',
138
- 'Aspect ratio and resolution presets',
139
- 'Negative prompt suggestions',
140
- 'Prompt weight and emphasis syntax',
141
- 'Multi-platform compatibility (Midjourney, DALL-E, SD)',
142
- 'Prompt history and favorites',
143
- 'Community prompt sharing'
144
- ],
145
- colorScheme: AI_PROMPT_COLORS,
146
- typography: AI_PROMPT_TYPOGRAPHY,
147
- layout: AI_PROMPT_LAYOUT,
148
- examples: [
149
- 'Portrait photography prompt: "professional headshot, studio lighting, 85mm lens, shallow depth of field"',
150
- 'Landscape prompt: "mountain vista at golden hour, dramatic clouds, wide angle, photorealistic"',
151
- 'Illustration prompt: "anime style character, vibrant colors, detailed linework, by Studio Ghibli"',
152
- 'Abstract art prompt: "geometric patterns, bold colors, minimalist composition, vector art"',
153
- 'Product photography: "product shot on white background, soft lighting, high detail, commercial photography"',
154
- 'Architectural visualization: "modern building exterior, glass facade, sunset lighting, architectural photography"'
155
- ]
156
- };
157
-
1
+ /**
2
+ * AI Image Generation Prompt Helper Domain Module
3
+ *
4
+ * Design patterns and guidelines for creating effective prompts
5
+ * for AI image generation tools (Midjourney, DALL-E, Stable Diffusion).
6
+ */
7
+
8
+ import { DomainStyle, ColorPalette, TypographyRules, LayoutSystem } from '../../types';
9
+
10
+ // ============================================================================
11
+ // AI Prompt Helper Color Palette
12
+ // ============================================================================
13
+
14
+ const AI_PROMPT_COLORS: ColorPalette = {
15
+ primary: {
16
+ name: 'Creative Purple',
17
+ hex: '#8B5CF6',
18
+ rgb: { r: 139, g: 92, b: 246 },
19
+ hsl: { h: 258, s: 90, l: 66 },
20
+ variants: [
21
+ { name: 'Purple Light', hex: '#C4B5FD', usage: 'Highlights' },
22
+ { name: 'Purple Dark', hex: '#7C3AED', usage: 'Emphasis' }
23
+ ]
24
+ },
25
+ neutral: [
26
+ { name: 'White', hex: '#FFFFFF', rgb: { r: 255, g: 255, b: 255 }, hsl: { h: 0, s: 0, l: 100 } },
27
+ { name: 'Gray 50', hex: '#FAFAF9', rgb: { r: 250, g: 250, b: 249 }, hsl: { h: 60, s: 9, l: 98 } },
28
+ { name: 'Gray 100', hex: '#F5F5F4', rgb: { r: 245, g: 245, b: 244 }, hsl: { h: 60, s: 9, l: 96 } },
29
+ { name: 'Gray 800', hex: '#27272A', rgb: { r: 39, g: 39, b: 42 }, hsl: { h: 240, s: 4, l: 16 } },
30
+ { name: 'Black', hex: '#000000', rgb: { r: 0, g: 0, b: 0 }, hsl: { h: 0, s: 0, l: 0 } }
31
+ ],
32
+ semantic: {
33
+ success: { hex: '#22C55E', usage: 'Successful generation' },
34
+ warning: { hex: '#EAB308', usage: 'Prompt warnings' },
35
+ error: { hex: '#EF4444', usage: 'Generation errors' },
36
+ info: { hex: '#3B82F6', usage: 'Tips and suggestions' }
37
+ },
38
+ accessibility: {
39
+ minimumContrast: 4.5,
40
+ targetContrast: 7,
41
+ colorBlindSafe: true,
42
+ guidelines: [
43
+ 'Ensure readable text on all backgrounds',
44
+ 'Use color coding for prompt categories',
45
+ 'Provide visual feedback for generation status',
46
+ 'Support dark mode for extended use'
47
+ ]
48
+ }
49
+ };
50
+
51
+ // ============================================================================
52
+ // AI Prompt Helper Typography
53
+ // ============================================================================
54
+
55
+ const AI_PROMPT_TYPOGRAPHY: TypographyRules = {
56
+ fontFamilies: {
57
+ primary: 'Inter, -apple-system, BlinkMacSystemFont, sans-serif',
58
+ secondary: 'system-ui, sans-serif',
59
+ monospace: '"Fira Code", "JetBrains Mono", monospace'
60
+ },
61
+ hierarchy: {
62
+ h1: { fontSize: '36px', fontWeight: 700, lineHeight: 1.2, letterSpacing: '-0.02em' },
63
+ h2: { fontSize: '28px', fontWeight: 600, lineHeight: 1.3, letterSpacing: '-0.01em' },
64
+ h3: { fontSize: '22px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
65
+ h4: { fontSize: '18px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
66
+ h5: { fontSize: '16px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
67
+ h6: { fontSize: '14px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
68
+ body: { fontSize: '16px', fontWeight: 400, lineHeight: 1.6, letterSpacing: '0' },
69
+ small: { fontSize: '14px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0' },
70
+ caption: { fontSize: '12px', fontWeight: 400, lineHeight: 1.4, letterSpacing: '0' }
71
+ },
72
+ scale: {
73
+ base: 16,
74
+ ratio: 1.25,
75
+ sizes: [12, 14, 16, 18, 22, 28, 36]
76
+ },
77
+ guidelines: [
78
+ 'Use monospace for prompt text',
79
+ 'Use sans-serif for UI elements',
80
+ 'Ensure readability for long prompts',
81
+ 'Highlight keywords and modifiers',
82
+ 'Use consistent formatting for examples'
83
+ ]
84
+ };
85
+
86
+ // ============================================================================
87
+ // AI Prompt Helper Layout System
88
+ // ============================================================================
89
+
90
+ const AI_PROMPT_LAYOUT: LayoutSystem = {
91
+ grid: {
92
+ columns: 12,
93
+ gutter: '24px',
94
+ margin: '24px',
95
+ breakpoints: {
96
+ mobile: '0-639px',
97
+ tablet: '640-1023px',
98
+ desktop: '1024px+'
99
+ }
100
+ },
101
+ spacing: {
102
+ unit: 8,
103
+ scale: [0, 8, 16, 24, 32, 40, 48, 64, 80],
104
+ guidelines: [
105
+ 'Use 8px base unit for spacing',
106
+ 'Group related prompt elements',
107
+ 'Provide clear visual hierarchy',
108
+ 'Use cards for prompt templates'
109
+ ]
110
+ },
111
+ containerWidths: {
112
+ mobile: '100%',
113
+ tablet: '768px',
114
+ desktop: '1024px',
115
+ max: '1280px'
116
+ },
117
+ guidelines: [
118
+ 'Use two-column layout (prompt builder + preview)',
119
+ 'Provide collapsible sections for categories',
120
+ 'Use tags for prompt modifiers',
121
+ 'Implement search and filter for templates',
122
+ 'Show real-time character count',
123
+ 'Provide copy-to-clipboard functionality'
124
+ ]
125
+ };
126
+
127
+ // ============================================================================
128
+ // AI Prompt Helper Domain Export
129
+ // ============================================================================
130
+
131
+ export const AI_PROMPT_HELPER_DOMAIN: DomainStyle = {
132
+ domain: 'ai-prompt-helper',
133
+ characteristics: [
134
+ 'Prompt template library',
135
+ 'Keyword and modifier suggestions',
136
+ 'Style and artist references',
137
+ 'Technical parameter guidance',
138
+ 'Aspect ratio and resolution presets',
139
+ 'Negative prompt suggestions',
140
+ 'Prompt weight and emphasis syntax',
141
+ 'Multi-platform compatibility (Midjourney, DALL-E, SD)',
142
+ 'Prompt history and favorites',
143
+ 'Community prompt sharing'
144
+ ],
145
+ colorScheme: AI_PROMPT_COLORS,
146
+ typography: AI_PROMPT_TYPOGRAPHY,
147
+ layout: AI_PROMPT_LAYOUT,
148
+ examples: [
149
+ 'Portrait photography prompt: "professional headshot, studio lighting, 85mm lens, shallow depth of field"',
150
+ 'Landscape prompt: "mountain vista at golden hour, dramatic clouds, wide angle, photorealistic"',
151
+ 'Illustration prompt: "anime style character, vibrant colors, detailed linework, by Studio Ghibli"',
152
+ 'Abstract art prompt: "geometric patterns, bold colors, minimalist composition, vector art"',
153
+ 'Product photography: "product shot on white background, soft lighting, high detail, commercial photography"',
154
+ 'Architectural visualization: "modern building exterior, glass facade, sunset lighting, architectural photography"'
155
+ ]
156
+ };
157
+
@@ -1,156 +1,156 @@
1
- /**
2
- * .NET Application Domain Module
3
- *
4
- * .NET-specific application design patterns for WPF, WinForms,
5
- * MAUI, and Blazor applications following Microsoft design guidelines.
6
- */
7
-
8
- import { DomainStyle, ColorPalette, TypographyRules, LayoutSystem } from '../../types';
9
-
10
- // ============================================================================
11
- // .NET Application Color Palette
12
- // ============================================================================
13
-
14
- const DOTNET_COLORS: ColorPalette = {
15
- primary: {
16
- name: '.NET Purple',
17
- hex: '#512BD4',
18
- rgb: { r: 81, g: 43, b: 212 },
19
- hsl: { h: 253, s: 66, l: 50 },
20
- variants: [
21
- { name: 'Purple Light', hex: '#8B5CF6', usage: 'Hover states' },
22
- { name: 'Purple Dark', hex: '#3B1FA2', usage: 'Active states' }
23
- ]
24
- },
25
- neutral: [
26
- { name: 'White', hex: '#FFFFFF', rgb: { r: 255, g: 255, b: 255 }, hsl: { h: 0, s: 0, l: 100 } },
27
- { name: 'Gray 10', hex: '#F5F5F5', rgb: { r: 245, g: 245, b: 245 }, hsl: { h: 0, s: 0, l: 96 } },
28
- { name: 'Gray 20', hex: '#E0E0E0', rgb: { r: 224, g: 224, b: 224 }, hsl: { h: 0, s: 0, l: 88 } },
29
- { name: 'Gray 80', hex: '#424242', rgb: { r: 66, g: 66, b: 66 }, hsl: { h: 0, s: 0, l: 26 } },
30
- { name: 'Gray 90', hex: '#212121', rgb: { r: 33, g: 33, b: 33 }, hsl: { h: 0, s: 0, l: 13 } }
31
- ],
32
- semantic: {
33
- success: { hex: '#2E7D32', usage: 'Success states' },
34
- warning: { hex: '#F57C00', usage: 'Warnings' },
35
- error: { hex: '#C62828', usage: 'Errors' },
36
- info: { hex: '#0288D1', usage: 'Information' }
37
- },
38
- accessibility: {
39
- minimumContrast: 4.5,
40
- targetContrast: 7,
41
- colorBlindSafe: true,
42
- guidelines: [
43
- 'Follow WCAG 2.1 AA standards',
44
- 'Support Windows high contrast mode',
45
- 'Test with .NET accessibility tools',
46
- 'Ensure keyboard navigation'
47
- ]
48
- }
49
- };
50
-
51
- // ============================================================================
52
- // .NET Application Typography
53
- // ============================================================================
54
-
55
- const DOTNET_TYPOGRAPHY: TypographyRules = {
56
- fontFamilies: {
57
- primary: '"Segoe UI", "Helvetica Neue", Arial, sans-serif',
58
- secondary: 'system-ui, sans-serif',
59
- monospace: '"Cascadia Code", "Consolas", "Courier New", monospace'
60
- },
61
- hierarchy: {
62
- h1: { fontSize: '32px', fontWeight: 600, lineHeight: 1.2, letterSpacing: '0' },
63
- h2: { fontSize: '24px', fontWeight: 600, lineHeight: 1.3, letterSpacing: '0' },
64
- h3: { fontSize: '20px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
65
- h4: { fontSize: '16px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
66
- h5: { fontSize: '14px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
67
- h6: { fontSize: '12px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
68
- body: { fontSize: '14px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0' },
69
- small: { fontSize: '12px', fontWeight: 400, lineHeight: 1.4, letterSpacing: '0' },
70
- caption: { fontSize: '11px', fontWeight: 400, lineHeight: 1.3, letterSpacing: '0' }
71
- },
72
- scale: {
73
- base: 14,
74
- ratio: 1.2,
75
- sizes: [11, 12, 14, 16, 20, 24, 32]
76
- },
77
- guidelines: [
78
- 'Use Segoe UI for Windows applications',
79
- 'Use San Francisco for macOS/iOS (MAUI)',
80
- 'Follow platform typography conventions',
81
- 'Support dynamic font scaling',
82
- 'Ensure readability in data grids'
83
- ]
84
- };
85
-
86
- // ============================================================================
87
- // .NET Application Layout System
88
- // ============================================================================
89
-
90
- const DOTNET_LAYOUT: LayoutSystem = {
91
- grid: {
92
- columns: 12,
93
- gutter: '16px',
94
- margin: '16px',
95
- breakpoints: {
96
- compact: '0-639px',
97
- medium: '640-1023px',
98
- expanded: '1024px+'
99
- }
100
- },
101
- spacing: {
102
- unit: 8,
103
- scale: [0, 8, 16, 24, 32, 40, 48, 64],
104
- guidelines: [
105
- 'Use 8px base unit for spacing',
106
- 'Follow WPF/WinForms layout conventions',
107
- 'Use Grid and StackPanel for layouts',
108
- 'Maintain consistent margins and padding'
109
- ]
110
- },
111
- containerWidths: {
112
- compact: '100%',
113
- medium: '100%',
114
- expanded: '100%'
115
- },
116
- guidelines: [
117
- 'Use XAML layouts (Grid, StackPanel, DockPanel)',
118
- 'Implement MVVM pattern for data binding',
119
- 'Use data templates for list items',
120
- 'Support responsive layouts with AdaptiveTriggers',
121
- 'Implement proper focus management',
122
- 'Use commanding for user actions'
123
- ]
124
- };
125
-
126
- // ============================================================================
127
- // .NET Application Domain Export
128
- // ============================================================================
129
-
130
- export const DOTNET_APPLICATION_DOMAIN: DomainStyle = {
131
- domain: 'dotnet-application',
132
- characteristics: [
133
- 'XAML-based UI definition',
134
- 'MVVM architecture pattern',
135
- 'Data binding and commanding',
136
- 'WPF/WinForms/MAUI controls',
137
- 'Cross-platform with .NET MAUI',
138
- 'Dependency injection support',
139
- 'Async/await patterns',
140
- 'Entity Framework integration',
141
- 'NuGet package ecosystem',
142
- 'Visual Studio designer support'
143
- ],
144
- colorScheme: DOTNET_COLORS,
145
- typography: DOTNET_TYPOGRAPHY,
146
- layout: DOTNET_LAYOUT,
147
- examples: [
148
- 'WPF desktop application with ribbon',
149
- 'WinForms data entry application',
150
- '.NET MAUI cross-platform app',
151
- 'Blazor web application',
152
- 'Entity Framework data grid',
153
- 'Settings dialog with tabs'
154
- ]
155
- };
156
-
1
+ /**
2
+ * .NET Application Domain Module
3
+ *
4
+ * .NET-specific application design patterns for WPF, WinForms,
5
+ * MAUI, and Blazor applications following Microsoft design guidelines.
6
+ */
7
+
8
+ import { DomainStyle, ColorPalette, TypographyRules, LayoutSystem } from '../../types';
9
+
10
+ // ============================================================================
11
+ // .NET Application Color Palette
12
+ // ============================================================================
13
+
14
+ const DOTNET_COLORS: ColorPalette = {
15
+ primary: {
16
+ name: '.NET Purple',
17
+ hex: '#512BD4',
18
+ rgb: { r: 81, g: 43, b: 212 },
19
+ hsl: { h: 253, s: 66, l: 50 },
20
+ variants: [
21
+ { name: 'Purple Light', hex: '#8B5CF6', usage: 'Hover states' },
22
+ { name: 'Purple Dark', hex: '#3B1FA2', usage: 'Active states' }
23
+ ]
24
+ },
25
+ neutral: [
26
+ { name: 'White', hex: '#FFFFFF', rgb: { r: 255, g: 255, b: 255 }, hsl: { h: 0, s: 0, l: 100 } },
27
+ { name: 'Gray 10', hex: '#F5F5F5', rgb: { r: 245, g: 245, b: 245 }, hsl: { h: 0, s: 0, l: 96 } },
28
+ { name: 'Gray 20', hex: '#E0E0E0', rgb: { r: 224, g: 224, b: 224 }, hsl: { h: 0, s: 0, l: 88 } },
29
+ { name: 'Gray 80', hex: '#424242', rgb: { r: 66, g: 66, b: 66 }, hsl: { h: 0, s: 0, l: 26 } },
30
+ { name: 'Gray 90', hex: '#212121', rgb: { r: 33, g: 33, b: 33 }, hsl: { h: 0, s: 0, l: 13 } }
31
+ ],
32
+ semantic: {
33
+ success: { hex: '#2E7D32', usage: 'Success states' },
34
+ warning: { hex: '#F57C00', usage: 'Warnings' },
35
+ error: { hex: '#C62828', usage: 'Errors' },
36
+ info: { hex: '#0288D1', usage: 'Information' }
37
+ },
38
+ accessibility: {
39
+ minimumContrast: 4.5,
40
+ targetContrast: 7,
41
+ colorBlindSafe: true,
42
+ guidelines: [
43
+ 'Follow WCAG 2.1 AA standards',
44
+ 'Support Windows high contrast mode',
45
+ 'Test with .NET accessibility tools',
46
+ 'Ensure keyboard navigation'
47
+ ]
48
+ }
49
+ };
50
+
51
+ // ============================================================================
52
+ // .NET Application Typography
53
+ // ============================================================================
54
+
55
+ const DOTNET_TYPOGRAPHY: TypographyRules = {
56
+ fontFamilies: {
57
+ primary: '"Segoe UI", "Helvetica Neue", Arial, sans-serif',
58
+ secondary: 'system-ui, sans-serif',
59
+ monospace: '"Cascadia Code", "Consolas", "Courier New", monospace'
60
+ },
61
+ hierarchy: {
62
+ h1: { fontSize: '32px', fontWeight: 600, lineHeight: 1.2, letterSpacing: '0' },
63
+ h2: { fontSize: '24px', fontWeight: 600, lineHeight: 1.3, letterSpacing: '0' },
64
+ h3: { fontSize: '20px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
65
+ h4: { fontSize: '16px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
66
+ h5: { fontSize: '14px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
67
+ h6: { fontSize: '12px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
68
+ body: { fontSize: '14px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0' },
69
+ small: { fontSize: '12px', fontWeight: 400, lineHeight: 1.4, letterSpacing: '0' },
70
+ caption: { fontSize: '11px', fontWeight: 400, lineHeight: 1.3, letterSpacing: '0' }
71
+ },
72
+ scale: {
73
+ base: 14,
74
+ ratio: 1.2,
75
+ sizes: [11, 12, 14, 16, 20, 24, 32]
76
+ },
77
+ guidelines: [
78
+ 'Use Segoe UI for Windows applications',
79
+ 'Use San Francisco for macOS/iOS (MAUI)',
80
+ 'Follow platform typography conventions',
81
+ 'Support dynamic font scaling',
82
+ 'Ensure readability in data grids'
83
+ ]
84
+ };
85
+
86
+ // ============================================================================
87
+ // .NET Application Layout System
88
+ // ============================================================================
89
+
90
+ const DOTNET_LAYOUT: LayoutSystem = {
91
+ grid: {
92
+ columns: 12,
93
+ gutter: '16px',
94
+ margin: '16px',
95
+ breakpoints: {
96
+ compact: '0-639px',
97
+ medium: '640-1023px',
98
+ expanded: '1024px+'
99
+ }
100
+ },
101
+ spacing: {
102
+ unit: 8,
103
+ scale: [0, 8, 16, 24, 32, 40, 48, 64],
104
+ guidelines: [
105
+ 'Use 8px base unit for spacing',
106
+ 'Follow WPF/WinForms layout conventions',
107
+ 'Use Grid and StackPanel for layouts',
108
+ 'Maintain consistent margins and padding'
109
+ ]
110
+ },
111
+ containerWidths: {
112
+ compact: '100%',
113
+ medium: '100%',
114
+ expanded: '100%'
115
+ },
116
+ guidelines: [
117
+ 'Use XAML layouts (Grid, StackPanel, DockPanel)',
118
+ 'Implement MVVM pattern for data binding',
119
+ 'Use data templates for list items',
120
+ 'Support responsive layouts with AdaptiveTriggers',
121
+ 'Implement proper focus management',
122
+ 'Use commanding for user actions'
123
+ ]
124
+ };
125
+
126
+ // ============================================================================
127
+ // .NET Application Domain Export
128
+ // ============================================================================
129
+
130
+ export const DOTNET_APPLICATION_DOMAIN: DomainStyle = {
131
+ domain: 'dotnet-application',
132
+ characteristics: [
133
+ 'XAML-based UI definition',
134
+ 'MVVM architecture pattern',
135
+ 'Data binding and commanding',
136
+ 'WPF/WinForms/MAUI controls',
137
+ 'Cross-platform with .NET MAUI',
138
+ 'Dependency injection support',
139
+ 'Async/await patterns',
140
+ 'Entity Framework integration',
141
+ 'NuGet package ecosystem',
142
+ 'Visual Studio designer support'
143
+ ],
144
+ colorScheme: DOTNET_COLORS,
145
+ typography: DOTNET_TYPOGRAPHY,
146
+ layout: DOTNET_LAYOUT,
147
+ examples: [
148
+ 'WPF desktop application with ribbon',
149
+ 'WinForms data entry application',
150
+ '.NET MAUI cross-platform app',
151
+ 'Blazor web application',
152
+ 'Entity Framework data grid',
153
+ 'Settings dialog with tabs'
154
+ ]
155
+ };
156
+