Skip to content

feat: umbrella anchors with GoF sub-patterns#159

Merged
rdmueller merged 7 commits into
LLM-Coding:mainfrom
raifdmueller:feat/umbrella-anchors
Mar 9, 2026
Merged

feat: umbrella anchors with GoF sub-patterns#159
rdmueller merged 7 commits into
LLM-Coding:mainfrom
raifdmueller:feat/umbrella-anchors

Conversation

@raifdmueller

Copy link
Copy Markdown
Contributor

Summary

  • Umbrella anchor system: parent anchors group related sub-anchors via :sub-anchors: attribute
  • GoF Design Patterns as first umbrella with 23 sub-patterns (12 Tier-1, 7 Tier-2, 4 Tier-3)
  • Sub-anchors hidden from main catalog, accessible through umbrella modal
  • Sub-anchor list in modal with tier styling (Tier-1 bold, Tier-2 normal, Tier-3 greyed out)
  • Back button navigation between umbrella and sub-anchors
  • "X Sub-Anchors" badge on umbrella cards in catalog
  • New metadata attributes: :sub-anchors:, :umbrella:, :tier:

Test plan

  • Unit tests for metadata extraction (extract-metadata.test.js)
  • Unit tests for card grid filtering (card-grid.test.js)
  • Unit tests for modal sub-anchor rendering (anchor-modal.test.js)
  • E2E tests for umbrella navigation flow (6 tests)
  • 87 unit tests + 34 E2E tests passing
  • Lint clean
  • Visual check: sub-anchor badge on GoF card
  • Visual check: tier styling in modal

🤖 Generated with Claude Code

raifdmueller and others added 7 commits March 9, 2026 15:03
Add support for :sub-anchors:, ☔, and :tier: AsciiDoc
attributes in extract-metadata.js. Update GoF Design Patterns
with :sub-anchors: listing all 23 patterns. Create first sub-anchor
(GoF-Strategy Pattern) as proof of concept.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Filter anchors with ☔ attribute from main catalog. Add
anchor-card-umbrella CSS class with ::before/::after pseudo-elements
creating a stacked card visual effect.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Export fetchAnchorsData() from data-loader.js, reusing the existing
fetchData() cache to provide anchor metadata to the modal component.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Render sub-anchor list in umbrella modal with tier-based styling:
Tier-1 bold with accent border, Tier-2 normal, Tier-3 greyed out.
Add back button for navigating from sub-anchor back to umbrella.
Add EN/DE i18n keys for umbrella UI.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Create individual .adoc files for all remaining GoF Design Patterns:
- Tier 1 (strong anchors): Observer, Factory Method, Singleton, Adapter,
  Decorator, Command, Facade, Template Method, Builder, State, Proxy
- Tier 2 (valid anchors): Abstract Factory, Composite, Iterator,
  Mediator, Chain of Responsibility, Bridge, Prototype
- Tier 3 (not anchors): Flyweight, Interpreter, Memento, Visitor

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
6 new E2E tests covering: stacked card visual, sub-anchor filtering,
modal sub-anchor list, back-button navigation, tier-3 greying out.
Fix lint warning in card-grid test.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Remove pseudo-element stacking effect (overflow/z-index issues).
Instead show "X Sub-Anchors" meta-badge on umbrella cards.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@rdmueller rdmueller merged commit e3f608f into LLM-Coding:main Mar 9, 2026
4 of 6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants