Skip to content

feat: add mitosis examples to generate storybook files next to showcase examples#5387

Merged
nmerget merged 95 commits intomainfrom
feat-examples-plugins
Jan 13, 2026
Merged

feat: add mitosis examples to generate storybook files next to showcase examples#5387
nmerget merged 95 commits intomainfrom
feat-examples-plugins

Conversation

@nmerget
Copy link
Copy Markdown
Collaborator

@nmerget nmerget commented Oct 29, 2025

Proposed changes

The goal of this PR is to centralize all example definitions in Mitosis and automatically generate showcase outputs for all targets (React, Angular, Vue, Patternhub).

The PR provides

  • a central example contract (*.examples.meta.ts that represents a typed metadata file for all examples, including identifiers, display names, grouping, and Storybook mappings)
  • Mitosis-based showcase generation (created new *.showcase.lite.tsx components that consume the metadata, generate the corresponding React, Angular, and Vue showcase files and ensures a consistent structure across all frameworks)
  • Showcase plugin architecture (plugin mechanism that provides the correct showcase component depending on the host context)
  • Patternhub routing integration (updated routing so the button component now uses the new generated showcases and example pages)
  • Output and build adjustments (correct file extensions and include generated meta files)

Types of changes

  • Bugfix (non-breaking change that fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Refactoring (improvements to existing components or architectural decisions)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Documentation Update (if none of the other choices apply)

Further comments

🔭🐙🐈 Test this branch here: https://design-system.deutschebahn.com/core-web/review/feat-examples-plugins

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Oct 29, 2025

⚠️ No Changeset found

Latest commit: 385be76

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

github-actions Bot and others added 2 commits October 30, 2025 12:03
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
@michaelmkraus michaelmkraus self-assigned this Nov 19, 2025
@nmerget nmerget moved this from 🏗 In progress to 🎁 Ready for review in UX Engineering Team Backlog Jan 9, 2026
@nmerget nmerget marked this pull request as ready for review January 9, 2026 14:16
@nmerget nmerget enabled auto-merge (squash) January 9, 2026 15:02
Comment thread .config/.lintstagedrc.js Outdated
@nmerget nmerget moved this from 🎁 Ready for review to 👀 Actively In Review in UX Engineering Team Backlog Jan 12, 2026
@nmerget nmerget removed their assignment Jan 12, 2026
Comment thread packages/components/configs/plugins/storybook/get-stories.cjs
Comment thread packages/components/configs/plugins/storybook/storybook-plugin.cjs
Comment thread packages/components/package.json Outdated
Comment thread output/angular/tsconfig.json
Comment thread packages/components/configs/plugins/storybook/storybook-plugin.cjs Outdated
Comment thread packages/components/src/shared/showcase/card-wrapper.showcase.lite.tsx Outdated
# Conflicts:
#	.config/.lintstagedrc.js
#	package-lock.json
#	showcases/patternhub/package.json
@nmerget nmerget requested a review from michaelmkraus January 13, 2026 11:23
@nmerget nmerget merged commit 2a52312 into main Jan 13, 2026
74 checks passed
@nmerget nmerget deleted the feat-examples-plugins branch January 13, 2026 11:49
@github-project-automation github-project-automation Bot moved this from 👀 Actively In Review to ✅ Done in UX Engineering Team Backlog Jan 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🚢📀cicd Changes inside .github folder 🏘components 🛠️configuration 📕documentation Improvements or additions to documentation 🏗foundations 📺showcases Changes to 1-n showcases

Projects

Status: ✅ Done

Development

Successfully merging this pull request may close these issues.

4 participants