-
Notifications
You must be signed in to change notification settings - Fork 121
H-1: Support loading blocks in hash.design #2278
Copy link
Copy link
Open
Labels
area/blocksRelates to first-party blocks (area)Relates to first-party blocks (area)area/dxImprovements or additions to DX or docsImprovements or additions to DX or docspriority/3 lowLower priority: nice-to-haveLower priority: nice-to-havetype/eng > frontendOwned by the @frontend teamOwned by the @frontend team
Metadata
Metadata
Assignees
Labels
area/blocksRelates to first-party blocks (area)Relates to first-party blocks (area)area/dxImprovements or additions to DX or docsImprovements or additions to DX or docspriority/3 lowLower priority: nice-to-haveLower priority: nice-to-havetype/eng > frontendOwned by the @frontend teamOwned by the @frontend team
Type
Fields
Give feedbackNo fields configured for Task.
Context
We'd like to be able to load the contents of our
blocksdirectory into the HASH Storybook instance (not to be confused with that recently set up in the Block Protocol repository):There are a number of different ways we could probably go about making blocks accessible within Storybook, including through the use of the Þ Dock (aka.
mock-block-dock, or "MBD") as a decorator, wrapped into a Block Protocol add-on for Storybook.How a Þ Storybook add-on might work
Functionality
Flesh this out
We would create an add-on for Storybook.
We would use the Þ Dock as a decorator: https://storybook.js.org/docs/react/writing-stories/decorators
Location in monorepo
The code for the add-on would likely live within the
blockprotocolrepository'slibsfolder.Publishing the add-on
Once functional, the Storybook add-on could be published to
npmand the add-on itself even listed in the public Storybook integrations library. The add-on could then be imported for use within both the # and Þ Storybook instances.Follow-ups
Unblocks H-3 and H-5.