@haposoft/cafekit 0.16.0-rc.8 → 0.16.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 (297) hide show
  1. package/README.md +116 -27
  2. package/bin/__tests__/codex-hooks-ownership.test.js +239 -0
  3. package/bin/__tests__/codex-hooks.test.js +50 -0
  4. package/bin/__tests__/codex-native.test.js +1882 -70
  5. package/bin/__tests__/develop-contract.test.js +400 -23
  6. package/bin/__tests__/installer-safety.test.js +3 -3
  7. package/bin/__tests__/optional-skill-inventory.test.js +249 -0
  8. package/bin/__tests__/output-styles.test.js +214 -0
  9. package/bin/__tests__/package-inventory.test.js +1735 -98
  10. package/bin/__tests__/runtime-schema.test.js +111 -0
  11. package/bin/__tests__/secret-output-guardrail.test.js +122 -0
  12. package/bin/__tests__/skill-routing-source.test.js +172 -0
  13. package/bin/__tests__/specs-v2-execution-closeout.test.js +1 -1
  14. package/bin/install.js +10 -0
  15. package/bin/lib/codex-install.js +170 -5
  16. package/bin/lib/context.js +14 -0
  17. package/bin/lib/i18n.js +12 -6
  18. package/bin/lib/skill-deps.js +5 -5
  19. package/bin/phases/claude-runtime.js +23 -0
  20. package/bin/phases/claude-settings.js +8 -0
  21. package/bin/phases/codex-hooks.js +156 -0
  22. package/bin/phases/codex-runtime.js +29 -38
  23. package/bin/phases/copy-payload.js +8 -2
  24. package/bin/phases/select-skill-bundles.js +96 -0
  25. package/bin/phases/skill-inventory.js +71 -0
  26. package/bin/phases/skills-setup.js +9 -2
  27. package/bin/phases/write-metadata.js +8 -5
  28. package/package.json +8 -2
  29. package/src/claude/CLAUDE.md +3 -3
  30. package/src/claude/agents/brainstormer.md +52 -69
  31. package/src/claude/agents/code-auditor.md +32 -14
  32. package/src/claude/agents/debugger.md +35 -20
  33. package/src/claude/agents/deployer.md +12 -5
  34. package/src/claude/agents/docs-keeper.md +11 -1
  35. package/src/claude/agents/implementer.md +25 -13
  36. package/src/claude/agents/inspector.md +6 -3
  37. package/src/claude/agents/project-manager.md +1 -1
  38. package/src/claude/agents/researcher.md +26 -55
  39. package/src/claude/agents/spec-maker.md +12 -7
  40. package/src/claude/agents/strategist.md +52 -0
  41. package/src/claude/agents/test-runner.md +117 -132
  42. package/src/claude/agents/ui-ux-designer.md +1 -1
  43. package/src/claude/hooks/__tests__/fixtures/statusline-default.golden +1 -0
  44. package/src/claude/hooks/__tests__/precompact.test.js +158 -0
  45. package/src/claude/hooks/__tests__/spec-gate.test.js +10 -3
  46. package/src/claude/hooks/__tests__/state.test.js +5 -0
  47. package/src/claude/hooks/__tests__/statusline.test.js +196 -0
  48. package/src/claude/hooks/agent.cjs +1 -1
  49. package/src/claude/hooks/docs-sync.cjs +12 -10
  50. package/src/claude/hooks/inspect-block.cjs +1 -1
  51. package/src/claude/hooks/lib/config.cjs +3 -0
  52. package/src/claude/hooks/lib/hook-state-dir.cjs +39 -0
  53. package/src/claude/hooks/lib/secret-keywords.cjs +42 -0
  54. package/src/claude/hooks/precompact.cjs +105 -0
  55. package/src/claude/hooks/rules.cjs +1 -1
  56. package/src/claude/hooks/secret-output-guardrail.cjs +43 -0
  57. package/src/claude/hooks/session.cjs +27 -1
  58. package/src/claude/hooks/spec-gate.cjs +3 -3
  59. package/src/claude/hooks/spec-state.cjs +2 -2
  60. package/src/claude/hooks/state.cjs +1 -1
  61. package/src/claude/hooks/task-scaffold-guard.cjs +1 -1
  62. package/src/claude/hooks/usage.cjs +1 -1
  63. package/src/claude/migration-manifest.json +29 -15
  64. package/src/claude/output-styles/coding-level-0-eli5.md +103 -0
  65. package/src/claude/output-styles/coding-level-1-junior.md +124 -0
  66. package/src/claude/output-styles/coding-level-2-mid.md +146 -0
  67. package/src/claude/output-styles/coding-level-3-senior.md +148 -0
  68. package/src/claude/output-styles/coding-level-4-lead.md +159 -0
  69. package/src/claude/output-styles/coding-level-5-god.md +91 -0
  70. package/src/claude/references/debugger/core-philosophy.md +5 -3
  71. package/src/claude/references/debugger/frontend-verification.md +2 -2
  72. package/src/claude/references/debugger/log-ci-analysis.md +13 -1
  73. package/src/claude/references/debugger/parallel-agent-hydration.md +19 -34
  74. package/src/claude/references/debugger/performance-diagnostics.md +2 -2
  75. package/src/claude/references/debugger/root-cause-tracing.md +37 -6
  76. package/src/claude/references/debugger/side-effect-gate.md +3 -1
  77. package/src/claude/references/debugger/verification-protocol.md +13 -12
  78. package/src/claude/rules/orchestrator.md +7 -1
  79. package/src/claude/rules/process-management.md +39 -0
  80. package/src/claude/rules/review-audit-self-decision.md +48 -0
  81. package/src/claude/rules/skill-domain-routing.md +26 -24
  82. package/src/claude/rules/skill-workflow-routing.md +22 -14
  83. package/src/claude/rules/workflow.md +3 -3
  84. package/src/claude/runtime.json +1 -0
  85. package/src/claude/runtime.schema.json +205 -0
  86. package/src/claude/scripts/generate-skill-catalog.cjs +156 -122
  87. package/src/claude/scripts/provenance.cjs +18 -5
  88. package/src/claude/scripts/workflow-policy.cjs +1 -1
  89. package/src/claude/settings/settings.json +16 -0
  90. package/src/claude/skills/agent-browser/SKILL.md +1 -1
  91. package/src/claude/skills/ai-multimodal/SKILL.md +1 -1
  92. package/src/claude/skills/brainstorm/SKILL.md +193 -172
  93. package/src/claude/skills/brainstorm/references/question-framework.md +105 -167
  94. package/src/claude/skills/chrome-devtools/SKILL.md +1 -1
  95. package/src/claude/skills/code-review/SKILL.md +43 -25
  96. package/src/claude/skills/code-review/references/spec-compliance-review.md +3 -4
  97. package/src/claude/skills/code-review/references/verification-gate.md +1 -1
  98. package/src/claude/skills/debug/SKILL.md +48 -19
  99. package/src/claude/skills/delegate/SKILL.md +1 -1
  100. package/src/claude/skills/develop/SKILL.md +92 -65
  101. package/src/claude/skills/develop/references/parallel-waves.md +36 -63
  102. package/src/claude/skills/develop/references/quality-gate.md +31 -4
  103. package/src/claude/skills/develop/references/subagent-patterns.md +21 -7
  104. package/src/claude/skills/docs/SKILL.md +42 -23
  105. package/src/claude/skills/docs/references/init-workflow.md +4 -4
  106. package/src/claude/skills/docs/references/reconstruct-workflow.md +6 -6
  107. package/src/claude/skills/docs/references/standard-docs-workflow.md +6 -2
  108. package/src/claude/skills/docs/references/summarize-workflow.md +2 -2
  109. package/src/claude/skills/docs/references/update-workflow.md +9 -7
  110. package/src/claude/skills/docs/templates/requirements-as-is.md +1 -1
  111. package/src/claude/skills/docx/SKILL.md +1 -1
  112. package/src/claude/skills/git/SKILL.md +1 -1
  113. package/src/claude/skills/git/references/commit-protocols.md +1 -1
  114. package/src/claude/skills/git/references/finish-branch.md +1 -1
  115. package/src/claude/skills/hotfix/SKILL.md +159 -170
  116. package/src/claude/skills/hotfix/references/diagnosis-protocol.md +14 -9
  117. package/src/claude/skills/hotfix/references/parallel-patterns.md +27 -13
  118. package/src/claude/skills/hotfix/references/prevention-gate.md +5 -0
  119. package/src/claude/skills/hotfix/references/review-cycle.md +21 -15
  120. package/src/claude/skills/hotfix/references/workflow-specialized.md +53 -21
  121. package/src/claude/skills/inspect/SKILL.md +55 -46
  122. package/src/claude/skills/inspect/references/internal-inspection.md +21 -5
  123. package/src/claude/skills/loop/SKILL.md +114 -0
  124. package/src/claude/skills/loop/references/bounded-loop-protocol.md +104 -0
  125. package/src/claude/skills/loop/references/metric-and-guard-contract.md +76 -0
  126. package/src/claude/skills/pdf/SKILL.md +1 -1
  127. package/src/claude/skills/pptx/SKILL.md +1 -1
  128. package/src/claude/skills/question/SKILL.md +16 -13
  129. package/src/claude/skills/research/SKILL.md +70 -43
  130. package/src/claude/skills/route/SKILL.md +94 -0
  131. package/src/claude/skills/route/references/agent-timing.md +46 -0
  132. package/src/claude/skills/route/references/chaining-patterns.md +53 -0
  133. package/src/claude/skills/route/references/task-taxonomy.md +48 -0
  134. package/src/claude/skills/specs/SKILL.md +41 -60
  135. package/src/claude/skills/specs/references/review.md +11 -8
  136. package/src/claude/skills/specs/references/templates.md +34 -18
  137. package/src/claude/skills/specs/templates/requirements-init.md +1 -1
  138. package/src/claude/skills/specs/templates/research.md +2 -2
  139. package/src/claude/skills/sync/SKILL.md +6 -6
  140. package/src/claude/skills/sync/references/sync-protocols.md +1 -1
  141. package/src/claude/skills/test/SKILL.md +120 -120
  142. package/src/claude/skills/test/references/execution-strategy.md +208 -361
  143. package/src/claude/skills/test/references/failure-triage.md +55 -121
  144. package/src/claude/skills/test/references/test-memory.md +20 -34
  145. package/src/claude/skills/ui-ux-pro-max/SKILL.md +1 -1
  146. package/src/claude/skills/web-testing/SKILL.md +1 -1
  147. package/src/claude/skills/xlsx/SKILL.md +1 -1
  148. package/src/claude/status.cjs +135 -33
  149. package/src/codex/AGENTS.md +14 -4
  150. package/src/codex/hooks/docs-sync.cjs +8 -3
  151. package/src/codex/hooks/lib/hook-context.cjs +18 -4
  152. package/src/codex/hooks/rules.cjs +29 -1
  153. package/src/codex/hooks/secret-output-guardrail.cjs +30 -0
  154. package/src/codex/hooks/spec-gate.cjs +3 -8
  155. package/src/codex/hooks/spec-state.cjs +2 -1
  156. package/src/codex/hooks.json +5 -0
  157. package/src/codex/runtime.json +2 -0
  158. package/src/common/.env.example +1 -1
  159. package/src/claude/skills/backend-development/SKILL.md +0 -101
  160. package/src/claude/skills/backend-development/references/backend-api-design.md +0 -495
  161. package/src/claude/skills/backend-development/references/backend-architecture.md +0 -454
  162. package/src/claude/skills/backend-development/references/backend-authentication.md +0 -338
  163. package/src/claude/skills/backend-development/references/backend-code-quality.md +0 -659
  164. package/src/claude/skills/backend-development/references/backend-debugging.md +0 -904
  165. package/src/claude/skills/backend-development/references/backend-devops.md +0 -491
  166. package/src/claude/skills/backend-development/references/backend-mindset.md +0 -387
  167. package/src/claude/skills/backend-development/references/backend-performance.md +0 -397
  168. package/src/claude/skills/backend-development/references/backend-security.md +0 -342
  169. package/src/claude/skills/backend-development/references/backend-technologies.md +0 -256
  170. package/src/claude/skills/backend-development/references/backend-testing.md +0 -429
  171. package/src/claude/skills/devops/.env.example +0 -76
  172. package/src/claude/skills/devops/SKILL.md +0 -102
  173. package/src/claude/skills/devops/references/browser-rendering.md +0 -305
  174. package/src/claude/skills/devops/references/cloudflare-d1-kv.md +0 -123
  175. package/src/claude/skills/devops/references/cloudflare-platform.md +0 -271
  176. package/src/claude/skills/devops/references/cloudflare-r2-storage.md +0 -280
  177. package/src/claude/skills/devops/references/cloudflare-workers-advanced.md +0 -312
  178. package/src/claude/skills/devops/references/cloudflare-workers-apis.md +0 -309
  179. package/src/claude/skills/devops/references/cloudflare-workers-basics.md +0 -418
  180. package/src/claude/skills/devops/references/docker-basics.md +0 -297
  181. package/src/claude/skills/devops/references/docker-compose.md +0 -292
  182. package/src/claude/skills/devops/references/gcloud-platform.md +0 -297
  183. package/src/claude/skills/devops/references/gcloud-services.md +0 -304
  184. package/src/claude/skills/devops/references/kubernetes-basics.md +0 -95
  185. package/src/claude/skills/devops/references/kubernetes-helm-advanced.md +0 -70
  186. package/src/claude/skills/devops/references/kubernetes-helm.md +0 -81
  187. package/src/claude/skills/devops/references/kubernetes-kubectl.md +0 -74
  188. package/src/claude/skills/devops/references/kubernetes-security-advanced.md +0 -94
  189. package/src/claude/skills/devops/references/kubernetes-security.md +0 -89
  190. package/src/claude/skills/devops/references/kubernetes-troubleshooting-advanced.md +0 -74
  191. package/src/claude/skills/devops/references/kubernetes-troubleshooting.md +0 -49
  192. package/src/claude/skills/devops/references/kubernetes-workflows-advanced.md +0 -75
  193. package/src/claude/skills/devops/references/kubernetes-workflows.md +0 -76
  194. package/src/claude/skills/devops/scripts/cloudflare_deploy.py +0 -269
  195. package/src/claude/skills/devops/scripts/docker_optimize.py +0 -332
  196. package/src/claude/skills/devops/scripts/requirements.txt +0 -20
  197. package/src/claude/skills/devops/scripts/tests/requirements.txt +0 -3
  198. package/src/claude/skills/devops/scripts/tests/test_cloudflare_deploy.py +0 -285
  199. package/src/claude/skills/devops/scripts/tests/test_docker_optimize.py +0 -436
  200. package/src/claude/skills/frontend-design/SKILL.md +0 -135
  201. package/src/claude/skills/frontend-design/references/ai-multimodal-overview.md +0 -165
  202. package/src/claude/skills/frontend-design/references/analysis-best-practices.md +0 -80
  203. package/src/claude/skills/frontend-design/references/analysis-prompts.md +0 -141
  204. package/src/claude/skills/frontend-design/references/analysis-techniques.md +0 -118
  205. package/src/claude/skills/frontend-design/references/animejs.md +0 -396
  206. package/src/claude/skills/frontend-design/references/anti-slop-rules.md +0 -103
  207. package/src/claude/skills/frontend-design/references/asset-generation.md +0 -337
  208. package/src/claude/skills/frontend-design/references/bento-motion-engine.md +0 -142
  209. package/src/claude/skills/frontend-design/references/design-extraction-overview.md +0 -71
  210. package/src/claude/skills/frontend-design/references/extraction-best-practices.md +0 -141
  211. package/src/claude/skills/frontend-design/references/extraction-output-templates.md +0 -162
  212. package/src/claude/skills/frontend-design/references/extraction-prompts.md +0 -127
  213. package/src/claude/skills/frontend-design/references/magicui-components.md +0 -129
  214. package/src/claude/skills/frontend-design/references/performance-guardrails.md +0 -169
  215. package/src/claude/skills/frontend-design/references/premium-design-patterns.md +0 -93
  216. package/src/claude/skills/frontend-design/references/redesign-audit-checklist.md +0 -114
  217. package/src/claude/skills/frontend-design/references/technical-accessibility.md +0 -119
  218. package/src/claude/skills/frontend-design/references/technical-best-practices.md +0 -97
  219. package/src/claude/skills/frontend-design/references/technical-optimization.md +0 -44
  220. package/src/claude/skills/frontend-design/references/technical-overview.md +0 -90
  221. package/src/claude/skills/frontend-design/references/technical-workflows.md +0 -150
  222. package/src/claude/skills/frontend-design/references/visual-analysis-overview.md +0 -95
  223. package/src/claude/skills/frontend-design/references/workflow-3d.md +0 -102
  224. package/src/claude/skills/frontend-design/references/workflow-describe.md +0 -87
  225. package/src/claude/skills/frontend-design/references/workflow-immersive.md +0 -87
  226. package/src/claude/skills/frontend-design/references/workflow-quick.md +0 -57
  227. package/src/claude/skills/frontend-design/references/workflow-screenshot.md +0 -63
  228. package/src/claude/skills/frontend-design/references/workflow-video.md +0 -74
  229. package/src/claude/skills/frontend-development/SKILL.md +0 -406
  230. package/src/claude/skills/frontend-development/resources/common-patterns.md +0 -331
  231. package/src/claude/skills/frontend-development/resources/complete-examples.md +0 -872
  232. package/src/claude/skills/frontend-development/resources/component-patterns.md +0 -502
  233. package/src/claude/skills/frontend-development/resources/data-fetching.md +0 -767
  234. package/src/claude/skills/frontend-development/resources/file-organization.md +0 -502
  235. package/src/claude/skills/frontend-development/resources/loading-and-error-states.md +0 -501
  236. package/src/claude/skills/frontend-development/resources/performance.md +0 -406
  237. package/src/claude/skills/frontend-development/resources/routing-guide.md +0 -364
  238. package/src/claude/skills/frontend-development/resources/styling-guide.md +0 -428
  239. package/src/claude/skills/frontend-development/resources/typescript-standards.md +0 -418
  240. package/src/claude/skills/mobile-development/SKILL.md +0 -218
  241. package/src/claude/skills/mobile-development/references/mobile-android.md +0 -604
  242. package/src/claude/skills/mobile-development/references/mobile-best-practices.md +0 -544
  243. package/src/claude/skills/mobile-development/references/mobile-debugging.md +0 -1089
  244. package/src/claude/skills/mobile-development/references/mobile-frameworks.md +0 -465
  245. package/src/claude/skills/mobile-development/references/mobile-ios.md +0 -496
  246. package/src/claude/skills/mobile-development/references/mobile-mindset.md +0 -542
  247. package/src/claude/skills/react-best-practices/AGENTS.md +0 -2249
  248. package/src/claude/skills/react-best-practices/README.md +0 -123
  249. package/src/claude/skills/react-best-practices/SKILL.md +0 -128
  250. package/src/claude/skills/react-best-practices/metadata.json +0 -15
  251. package/src/claude/skills/react-best-practices/rules/_sections.md +0 -46
  252. package/src/claude/skills/react-best-practices/rules/_template.md +0 -28
  253. package/src/claude/skills/react-best-practices/rules/advanced-event-handler-refs.md +0 -55
  254. package/src/claude/skills/react-best-practices/rules/advanced-use-latest.md +0 -49
  255. package/src/claude/skills/react-best-practices/rules/async-api-routes.md +0 -38
  256. package/src/claude/skills/react-best-practices/rules/async-defer-await.md +0 -80
  257. package/src/claude/skills/react-best-practices/rules/async-dependencies.md +0 -36
  258. package/src/claude/skills/react-best-practices/rules/async-parallel.md +0 -28
  259. package/src/claude/skills/react-best-practices/rules/async-suspense-boundaries.md +0 -99
  260. package/src/claude/skills/react-best-practices/rules/bundle-barrel-imports.md +0 -59
  261. package/src/claude/skills/react-best-practices/rules/bundle-conditional.md +0 -31
  262. package/src/claude/skills/react-best-practices/rules/bundle-defer-third-party.md +0 -49
  263. package/src/claude/skills/react-best-practices/rules/bundle-dynamic-imports.md +0 -35
  264. package/src/claude/skills/react-best-practices/rules/bundle-preload.md +0 -50
  265. package/src/claude/skills/react-best-practices/rules/client-event-listeners.md +0 -74
  266. package/src/claude/skills/react-best-practices/rules/client-swr-dedup.md +0 -56
  267. package/src/claude/skills/react-best-practices/rules/js-batch-dom-css.md +0 -82
  268. package/src/claude/skills/react-best-practices/rules/js-cache-function-results.md +0 -80
  269. package/src/claude/skills/react-best-practices/rules/js-cache-property-access.md +0 -28
  270. package/src/claude/skills/react-best-practices/rules/js-cache-storage.md +0 -70
  271. package/src/claude/skills/react-best-practices/rules/js-combine-iterations.md +0 -32
  272. package/src/claude/skills/react-best-practices/rules/js-early-exit.md +0 -50
  273. package/src/claude/skills/react-best-practices/rules/js-hoist-regexp.md +0 -45
  274. package/src/claude/skills/react-best-practices/rules/js-index-maps.md +0 -37
  275. package/src/claude/skills/react-best-practices/rules/js-length-check-first.md +0 -49
  276. package/src/claude/skills/react-best-practices/rules/js-min-max-loop.md +0 -82
  277. package/src/claude/skills/react-best-practices/rules/js-set-map-lookups.md +0 -24
  278. package/src/claude/skills/react-best-practices/rules/js-tosorted-immutable.md +0 -57
  279. package/src/claude/skills/react-best-practices/rules/rendering-activity.md +0 -26
  280. package/src/claude/skills/react-best-practices/rules/rendering-animate-svg-wrapper.md +0 -47
  281. package/src/claude/skills/react-best-practices/rules/rendering-conditional-render.md +0 -40
  282. package/src/claude/skills/react-best-practices/rules/rendering-content-visibility.md +0 -38
  283. package/src/claude/skills/react-best-practices/rules/rendering-hoist-jsx.md +0 -46
  284. package/src/claude/skills/react-best-practices/rules/rendering-hydration-no-flicker.md +0 -82
  285. package/src/claude/skills/react-best-practices/rules/rendering-svg-precision.md +0 -28
  286. package/src/claude/skills/react-best-practices/rules/rerender-defer-reads.md +0 -39
  287. package/src/claude/skills/react-best-practices/rules/rerender-dependencies.md +0 -45
  288. package/src/claude/skills/react-best-practices/rules/rerender-derived-state.md +0 -29
  289. package/src/claude/skills/react-best-practices/rules/rerender-functional-setstate.md +0 -74
  290. package/src/claude/skills/react-best-practices/rules/rerender-lazy-state-init.md +0 -58
  291. package/src/claude/skills/react-best-practices/rules/rerender-memo.md +0 -44
  292. package/src/claude/skills/react-best-practices/rules/rerender-transitions.md +0 -40
  293. package/src/claude/skills/react-best-practices/rules/server-after-nonblocking.md +0 -73
  294. package/src/claude/skills/react-best-practices/rules/server-cache-lru.md +0 -41
  295. package/src/claude/skills/react-best-practices/rules/server-cache-react.md +0 -26
  296. package/src/claude/skills/react-best-practices/rules/server-parallel-fetching.md +0 -79
  297. package/src/claude/skills/react-best-practices/rules/server-serialization.md +0 -38
@@ -1,659 +0,0 @@
1
- # Backend Code Quality
2
-
3
- SOLID principles, design patterns, clean code practices, and refactoring strategies (2025).
4
-
5
- ## SOLID Principles
6
-
7
- ### Single Responsibility Principle (SRP)
8
-
9
- **Concept:** Class/module should have one reason to change
10
-
11
- **Bad:**
12
- ```typescript
13
- class User {
14
- saveToDatabase() { /* ... */ }
15
- sendWelcomeEmail() { /* ... */ }
16
- generateReport() { /* ... */ }
17
- validateInput() { /* ... */ }
18
- }
19
- ```
20
-
21
- **Good:**
22
- ```typescript
23
- class User {
24
- constructor(public id: string, public email: string, public name: string) {}
25
- }
26
-
27
- class UserRepository {
28
- async save(user: User) { /* ... */ }
29
- async findById(id: string) { /* ... */ }
30
- }
31
-
32
- class EmailService {
33
- async sendWelcomeEmail(user: User) { /* ... */ }
34
- }
35
-
36
- class UserValidator {
37
- validate(userData: any) { /* ... */ }
38
- }
39
-
40
- class ReportGenerator {
41
- generateUserReport(user: User) { /* ... */ }
42
- }
43
- ```
44
-
45
- ### Open/Closed Principle (OCP)
46
-
47
- **Concept:** Open for extension, closed for modification
48
-
49
- **Bad:**
50
- ```typescript
51
- class PaymentProcessor {
52
- process(amount: number, method: string) {
53
- if (method === 'stripe') {
54
- // Stripe logic
55
- } else if (method === 'paypal') {
56
- // PayPal logic
57
- }
58
- // Adding new payment method requires modifying this class
59
- }
60
- }
61
- ```
62
-
63
- **Good (Strategy Pattern):**
64
- ```typescript
65
- interface PaymentStrategy {
66
- process(amount: number): Promise<PaymentResult>;
67
- }
68
-
69
- class StripePayment implements PaymentStrategy {
70
- async process(amount: number) {
71
- // Stripe-specific logic
72
- return { success: true, transactionId: '...' };
73
- }
74
- }
75
-
76
- class PayPalPayment implements PaymentStrategy {
77
- async process(amount: number) {
78
- // PayPal-specific logic
79
- return { success: true, transactionId: '...' };
80
- }
81
- }
82
-
83
- class PaymentProcessor {
84
- constructor(private strategy: PaymentStrategy) {}
85
-
86
- async process(amount: number) {
87
- return this.strategy.process(amount);
88
- }
89
- }
90
-
91
- // Usage
92
- const processor = new PaymentProcessor(new StripePayment());
93
- await processor.process(100);
94
- ```
95
-
96
- ### Liskov Substitution Principle (LSP)
97
-
98
- **Concept:** Subtypes must be substitutable for base types
99
-
100
- **Bad:**
101
- ```typescript
102
- class Bird {
103
- fly() { /* ... */ }
104
- }
105
-
106
- class Penguin extends Bird {
107
- fly() {
108
- throw new Error('Penguins cannot fly!');
109
- }
110
- }
111
-
112
- // Violates LSP - Penguin breaks Bird contract
113
- ```
114
-
115
- **Good:**
116
- ```typescript
117
- interface Bird {
118
- move(): void;
119
- }
120
-
121
- class FlyingBird implements Bird {
122
- move() {
123
- this.fly();
124
- }
125
- private fly() { /* ... */ }
126
- }
127
-
128
- class Penguin implements Bird {
129
- move() {
130
- this.swim();
131
- }
132
- private swim() { /* ... */ }
133
- }
134
- ```
135
-
136
- ### Interface Segregation Principle (ISP)
137
-
138
- **Concept:** Clients shouldn't depend on interfaces they don't use
139
-
140
- **Bad:**
141
- ```typescript
142
- interface Worker {
143
- work(): void;
144
- eat(): void;
145
- sleep(): void;
146
- }
147
-
148
- class Robot implements Worker {
149
- work() { /* ... */ }
150
- eat() { throw new Error('Robots don't eat'); }
151
- sleep() { throw new Error('Robots don't sleep'); }
152
- }
153
- ```
154
-
155
- **Good:**
156
- ```typescript
157
- interface Workable {
158
- work(): void;
159
- }
160
-
161
- interface Eatable {
162
- eat(): void;
163
- }
164
-
165
- interface Sleepable {
166
- sleep(): void;
167
- }
168
-
169
- class Human implements Workable, Eatable, Sleepable {
170
- work() { /* ... */ }
171
- eat() { /* ... */ }
172
- sleep() { /* ... */ }
173
- }
174
-
175
- class Robot implements Workable {
176
- work() { /* ... */ }
177
- }
178
- ```
179
-
180
- ### Dependency Inversion Principle (DIP)
181
-
182
- **Concept:** Depend on abstractions, not concretions
183
-
184
- **Bad:**
185
- ```typescript
186
- class MySQLDatabase {
187
- query(sql: string) { /* ... */ }
188
- }
189
-
190
- class UserService {
191
- private db = new MySQLDatabase(); // Tight coupling
192
-
193
- async getUser(id: string) {
194
- return this.db.query(`SELECT * FROM users WHERE id = ${id}`);
195
- }
196
- }
197
- ```
198
-
199
- **Good (Dependency Injection):**
200
- ```typescript
201
- interface Database {
202
- query(sql: string, params: any[]): Promise<any>;
203
- }
204
-
205
- class MySQLDatabase implements Database {
206
- async query(sql: string, params: any[]) { /* ... */ }
207
- }
208
-
209
- class PostgreSQLDatabase implements Database {
210
- async query(sql: string, params: any[]) { /* ... */ }
211
- }
212
-
213
- class UserService {
214
- constructor(private db: Database) {} // Injected dependency
215
-
216
- async getUser(id: string) {
217
- return this.db.query('SELECT * FROM users WHERE id = $1', [id]);
218
- }
219
- }
220
-
221
- // Usage
222
- const db = new PostgreSQLDatabase();
223
- const userService = new UserService(db);
224
- ```
225
-
226
- ## Design Patterns
227
-
228
- ### Repository Pattern
229
-
230
- **Concept:** Abstraction layer between business logic and data access
231
-
232
- ```typescript
233
- // Domain entity
234
- class User {
235
- constructor(
236
- public id: string,
237
- public email: string,
238
- public name: string,
239
- ) {}
240
- }
241
-
242
- // Repository interface
243
- interface UserRepository {
244
- findById(id: string): Promise<User | null>;
245
- findByEmail(email: string): Promise<User | null>;
246
- save(user: User): Promise<void>;
247
- delete(id: string): Promise<void>;
248
- }
249
-
250
- // Implementation
251
- class PostgresUserRepository implements UserRepository {
252
- constructor(private db: Database) {}
253
-
254
- async findById(id: string): Promise<User | null> {
255
- const row = await this.db.query('SELECT * FROM users WHERE id = $1', [id]);
256
- return row ? new User(row.id, row.email, row.name) : null;
257
- }
258
-
259
- async save(user: User): Promise<void> {
260
- await this.db.query(
261
- 'INSERT INTO users (id, email, name) VALUES ($1, $2, $3)',
262
- [user.id, user.email, user.name]
263
- );
264
- }
265
-
266
- // Other methods...
267
- }
268
-
269
- // Service layer uses repository
270
- class UserService {
271
- constructor(private userRepo: UserRepository) {}
272
-
273
- async getUser(id: string) {
274
- return this.userRepo.findById(id);
275
- }
276
- }
277
- ```
278
-
279
- ### Factory Pattern
280
-
281
- **Concept:** Create objects without specifying exact class
282
-
283
- ```typescript
284
- interface Notification {
285
- send(message: string): Promise<void>;
286
- }
287
-
288
- class EmailNotification implements Notification {
289
- async send(message: string) {
290
- console.log(`Email sent: ${message}`);
291
- }
292
- }
293
-
294
- class SMSNotification implements Notification {
295
- async send(message: string) {
296
- console.log(`SMS sent: ${message}`);
297
- }
298
- }
299
-
300
- class PushNotification implements Notification {
301
- async send(message: string) {
302
- console.log(`Push notification sent: ${message}`);
303
- }
304
- }
305
-
306
- class NotificationFactory {
307
- static create(type: 'email' | 'sms' | 'push'): Notification {
308
- switch (type) {
309
- case 'email':
310
- return new EmailNotification();
311
- case 'sms':
312
- return new SMSNotification();
313
- case 'push':
314
- return new PushNotification();
315
- default:
316
- throw new Error(`Unknown notification type: ${type}`);
317
- }
318
- }
319
- }
320
-
321
- // Usage
322
- const notification = NotificationFactory.create('email');
323
- await notification.send('Hello!');
324
- ```
325
-
326
- ### Decorator Pattern
327
-
328
- **Concept:** Add behavior to objects dynamically
329
-
330
- ```typescript
331
- interface Coffee {
332
- cost(): number;
333
- description(): string;
334
- }
335
-
336
- class SimpleCoffee implements Coffee {
337
- cost() {
338
- return 10;
339
- }
340
-
341
- description() {
342
- return 'Simple coffee';
343
- }
344
- }
345
-
346
- class MilkDecorator implements Coffee {
347
- constructor(private coffee: Coffee) {}
348
-
349
- cost() {
350
- return this.coffee.cost() + 2;
351
- }
352
-
353
- description() {
354
- return `${this.coffee.description()}, milk`;
355
- }
356
- }
357
-
358
- class SugarDecorator implements Coffee {
359
- constructor(private coffee: Coffee) {}
360
-
361
- cost() {
362
- return this.coffee.cost() + 1;
363
- }
364
-
365
- description() {
366
- return `${this.coffee.description()}, sugar`;
367
- }
368
- }
369
-
370
- // Usage
371
- let coffee: Coffee = new SimpleCoffee();
372
- coffee = new MilkDecorator(coffee);
373
- coffee = new SugarDecorator(coffee);
374
-
375
- console.log(coffee.description()); // "Simple coffee, milk, sugar"
376
- console.log(coffee.cost()); // 13
377
- ```
378
-
379
- ### Observer Pattern (Pub/Sub)
380
-
381
- **Concept:** Notify multiple objects about state changes
382
-
383
- ```typescript
384
- interface Observer {
385
- update(event: any): void;
386
- }
387
-
388
- class EventEmitter {
389
- private observers: Map<string, Observer[]> = new Map();
390
-
391
- subscribe(event: string, observer: Observer) {
392
- if (!this.observers.has(event)) {
393
- this.observers.set(event, []);
394
- }
395
- this.observers.get(event)!.push(observer);
396
- }
397
-
398
- emit(event: string, data: any) {
399
- const observers = this.observers.get(event) || [];
400
- observers.forEach(observer => observer.update(data));
401
- }
402
- }
403
-
404
- // Observers
405
- class EmailNotifier implements Observer {
406
- update(event: any) {
407
- console.log(`Sending email about: ${event.type}`);
408
- }
409
- }
410
-
411
- class LoggerObserver implements Observer {
412
- update(event: any) {
413
- console.log(`Logging event: ${JSON.stringify(event)}`);
414
- }
415
- }
416
-
417
- // Usage
418
- const eventEmitter = new EventEmitter();
419
- eventEmitter.subscribe('user.created', new EmailNotifier());
420
- eventEmitter.subscribe('user.created', new LoggerObserver());
421
-
422
- eventEmitter.emit('user.created', { type: 'user.created', userId: '123' });
423
- ```
424
-
425
- ## Clean Code Practices
426
-
427
- ### Meaningful Names
428
-
429
- **Bad:**
430
- ```typescript
431
- function d(a: number, b: number) {
432
- return a * b * 0.0254;
433
- }
434
- ```
435
-
436
- **Good:**
437
- ```typescript
438
- function calculateAreaInMeters(widthInInches: number, heightInInches: number) {
439
- const INCHES_TO_METERS = 0.0254;
440
- return widthInInches * heightInInches * INCHES_TO_METERS;
441
- }
442
- ```
443
-
444
- ### Small Functions
445
-
446
- **Bad:**
447
- ```typescript
448
- async function processOrder(orderId: string) {
449
- // 200 lines of code doing everything
450
- // - validate order
451
- // - check inventory
452
- // - process payment
453
- // - update database
454
- // - send notifications
455
- // - generate invoice
456
- }
457
- ```
458
-
459
- **Good:**
460
- ```typescript
461
- async function processOrder(orderId: string) {
462
- const order = await validateOrder(orderId);
463
- await checkInventory(order);
464
- const payment = await processPayment(order);
465
- await updateOrderStatus(orderId, 'paid');
466
- await sendConfirmationEmail(order);
467
- await generateInvoice(order, payment);
468
- }
469
- ```
470
-
471
- ### Avoid Magic Numbers
472
-
473
- **Bad:**
474
- ```typescript
475
- if (user.age < 18) {
476
- throw new Error('Too young');
477
- }
478
-
479
- setTimeout(fetchData, 86400000);
480
- ```
481
-
482
- **Good:**
483
- ```typescript
484
- const MINIMUM_AGE = 18;
485
- if (user.age < MINIMUM_AGE) {
486
- throw new Error('Too young');
487
- }
488
-
489
- const ONE_DAY_IN_MS = 24 * 60 * 60 * 1000;
490
- setTimeout(fetchData, ONE_DAY_IN_MS);
491
- ```
492
-
493
- ### Error Handling
494
-
495
- **Bad:**
496
- ```typescript
497
- try {
498
- const user = await db.findUser(id);
499
- return user;
500
- } catch (e) {
501
- console.log(e);
502
- return null;
503
- }
504
- ```
505
-
506
- **Good:**
507
- ```typescript
508
- try {
509
- const user = await db.findUser(id);
510
- if (!user) {
511
- throw new UserNotFoundError(id);
512
- }
513
- return user;
514
- } catch (error) {
515
- logger.error('Failed to fetch user', {
516
- userId: id,
517
- error: error.message,
518
- stack: error.stack,
519
- });
520
- throw new DatabaseError('User fetch failed', { cause: error });
521
- }
522
- ```
523
-
524
- ### Don't Repeat Yourself (DRY)
525
-
526
- **Bad:**
527
- ```typescript
528
- app.post('/api/users', async (req, res) => {
529
- if (!req.body.email || !req.body.email.includes('@')) {
530
- return res.status(400).json({ error: 'Invalid email' });
531
- }
532
- // ...
533
- });
534
-
535
- app.put('/api/users/:id', async (req, res) => {
536
- if (!req.body.email || !req.body.email.includes('@')) {
537
- return res.status(400).json({ error: 'Invalid email' });
538
- }
539
- // ...
540
- });
541
- ```
542
-
543
- **Good:**
544
- ```typescript
545
- function validateEmail(email: string) {
546
- if (!email || !email.includes('@')) {
547
- throw new ValidationError('Invalid email');
548
- }
549
- }
550
-
551
- app.post('/api/users', async (req, res) => {
552
- validateEmail(req.body.email);
553
- // ...
554
- });
555
-
556
- app.put('/api/users/:id', async (req, res) => {
557
- validateEmail(req.body.email);
558
- // ...
559
- });
560
- ```
561
-
562
- ## Code Refactoring Techniques
563
-
564
- ### Extract Method
565
-
566
- **Before:**
567
- ```typescript
568
- function renderOrder(order: Order) {
569
- console.log('Order Details:');
570
- console.log(`ID: ${order.id}`);
571
- console.log(`Total: $${order.total}`);
572
-
573
- console.log('Items:');
574
- order.items.forEach(item => {
575
- console.log(`- ${item.name}: $${item.price}`);
576
- });
577
- }
578
- ```
579
-
580
- **After:**
581
- ```typescript
582
- function renderOrder(order: Order) {
583
- printOrderHeader(order);
584
- printOrderItems(order.items);
585
- }
586
-
587
- function printOrderHeader(order: Order) {
588
- console.log('Order Details:');
589
- console.log(`ID: ${order.id}`);
590
- console.log(`Total: $${order.total}`);
591
- }
592
-
593
- function printOrderItems(items: OrderItem[]) {
594
- console.log('Items:');
595
- items.forEach(item => {
596
- console.log(`- ${item.name}: $${item.price}`);
597
- });
598
- }
599
- ```
600
-
601
- ### Replace Conditional with Polymorphism
602
-
603
- **Before:**
604
- ```typescript
605
- function getShippingCost(order: Order) {
606
- if (order.shippingMethod === 'standard') {
607
- return 5;
608
- } else if (order.shippingMethod === 'express') {
609
- return 15;
610
- } else if (order.shippingMethod === 'overnight') {
611
- return 30;
612
- }
613
- }
614
- ```
615
-
616
- **After:**
617
- ```typescript
618
- interface ShippingMethod {
619
- getCost(): number;
620
- }
621
-
622
- class StandardShipping implements ShippingMethod {
623
- getCost() {
624
- return 5;
625
- }
626
- }
627
-
628
- class ExpressShipping implements ShippingMethod {
629
- getCost() {
630
- return 15;
631
- }
632
- }
633
-
634
- class OvernightShipping implements ShippingMethod {
635
- getCost() {
636
- return 30;
637
- }
638
- }
639
- ```
640
-
641
- ## Code Quality Checklist
642
-
643
- - [ ] SOLID principles applied
644
- - [ ] Functions are small (< 20 lines ideal)
645
- - [ ] Meaningful variable/function names
646
- - [ ] No magic numbers (use constants)
647
- - [ ] Proper error handling (no silent failures)
648
- - [ ] DRY (no code duplication)
649
- - [ ] Comments explain "why", not "what"
650
- - [ ] Design patterns used appropriately
651
- - [ ] Dependency injection for testability
652
- - [ ] Code is readable (readable > clever)
653
-
654
- ## Resources
655
-
656
- - **Clean Code (Book):** Robert C. Martin
657
- - **Refactoring (Book):** Martin Fowler
658
- - **Design Patterns:** https://refactoring.guru/design-patterns
659
- - **SOLID Principles:** https://en.wikipedia.org/wiki/SOLID