feat(artifacts): add Competitor Research story to Storybook - #90
Open
ireenh wants to merge 9 commits into
Open
Conversation
Adds the Owner Booking Pending Payment competitor-research htmdx artifact as a Storybook story, with evidence screenshots served via staticDirs and the ck-competitor-matrix-filters enhancer injected at render time. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
… source Markdown parsers treat 4+ spaces of indentation as code blocks, so the previous formatting commit broke component rendering in the Storybook story. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Removed overflow-hidden from the inner column containers in the User voice cards — min-w-0 already prevents grid column expansion, so overflow-hidden was only clipping badge text that was longer than in other sections. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Reduce badge column from 120px to 80px in User voice cards, giving the text column 40px more space so long link chips (Mangomint learn — Express ↗) render without risk of clipping across browsers - Change owner from Creator Kit to Ireen Havkin Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…overflow The nested grid (lg:grid-cols-[220px_1fr] outer + md:grid-cols-[80px_1fr] inner) left only ~238px for text+badges, causing chips and descriptions to overflow. Stack header above cards with flex-col instead. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…vent overflow lg breakpoint (~1024px) left only ~238px for the text/badge column when nested inside the inner md:grid-cols-[80px_1fr]. Bumping to xl (1280px+) gives the inner grid enough room; below xl the header stacks above the cards. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Contributor
PreviewBuilt from |
…or-research Adds <!-- prettier-ignore --> before <script type="text/htmdx"> so the formatter never indents the htmdx source (4+ spaces = Markdown code block, which breaks component rendering). Also applies oxfmt's other changes: self-closing <meta> tags and single-quote normalisation in the enhancer script. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
competitor-research.html— an htmdx@2 artifact covering the "Owner Booking Pending Payment" competitor research (Mangomint, Setmore, Acuity, Fresha, Mindbody, Square)Artifacts/Competitor Researchwith a custom render for the interactive competitor-matrix filter enhancerstaticDirsxl(1280px+) so it only applies when there's enough room for the nested gridsValidation
tsc --noEmitpasses clean (zero errors)<script type="text/htmdx">(required by the Markdown parser — 4+ spaces = code block)Not Run
Risks
staticDirs: ['../src/artifacts']was added to.storybook/main.tsso./evidence-images/paths resolve at Storybook dev time — these images are not bundled into the library buildReview Context
renderoverride instead of the plain...createArtifactStory(html)spread used by other stories. This is intentional: the HTML embeds adata-ck-enhancerscript that powers the interactive matrix filter. The override cleans up stale injected style/script elements before each Storybook re-render, then re-injects the enhancer. Other artifacts have no enhancer, so they don't need this.ck-renderermeta pins@wix/htmdx@4.11.0; the repo is at 4.11.1. The patch delta is intentional — no API changes affect this artifact.Suggested Reviewers
maksymaexists but display name is unset; please verify before tagging.