question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Custom Storybook for SvelteKit?

See original GitHub issue

Describe the problem

There’s 2-year-old Sapper issue https://github.com/sveltejs/sapper-template/issues/120 in which @Rich-Harris mentioned the possibility of developing an in-house alternative to the dependency-heavy Storybook.

Describe the proposed solution

Now that Sapper was replaced by SvelteKit, I’d be curious to hear if there’s a new outlook on that?

Alternatives considered

Storybook is nice but requires some modifications to work with "type": "module" packages and comes with a huge list of dependencies.

Importance

would make my life easier

Additional Information

No response

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:6
  • Comments:15 (9 by maintainers)

github_iconTop GitHub Comments

2reactions
bluwycommented, Jan 16, 2022

Re-implementing Storybook is not fun, I had spent a fair amount of time in the past trying to do so. There’s a reason why Storybook is bulky today, e.g. component iframe isolation (leading to CSF spec), document-iframe inter-communication, plugins, and it’s an app itself.

With that said, there’s also https://github.com/vitebook/vitebook, but from a brief look into its internals, it doesn’t (and probably won’t?) implement Storybook’s component iframe isolation feature. But seems fairly robust to try out otherwise.

1reaction
benmccanncommented, Jul 7, 2022

We probably won’t be re-implementing all of Storybook 😄 But we are working on making Storybook and SvelteKit work together well! So I’m going to close this in favor of https://github.com/sveltejs/kit/issues/5397. I have PRs out to make Storybook setup work better with "type": "module" and reduce the number of dependencies, which were the items mentioned in the issue description here

Read more comments on GitHub >

github_iconTop Results From Across the Web

NextJS, SvelteKit, Remix and the future of Storybook
Extendable for power users. If you have a fully custom setup, Storybook is just as configurable as before. Start with a base framework...
Read more >
Integrating Storybook with SvelteKit - CodingCat.dev
Brittney walks through how to get Storybook working in a new SvelteKit project.
Read more >
How to setup SvelteKit TS, and Storybook : r/sveltejs - Reddit
How to build a custom Media Query store. I find this a super useful pattern to feed media query state into other Svelte...
Read more >
What Is Bookit? The Svelte Kit Storybook Killer - YouTube
The Svelte Kit Storybook Killer ... Svelte Components Using Custom Markdown Renderers - Weekly Svelte. LevelUpTuts. LevelUpTuts.
Read more >
Storybook with Svelte Kit - Level Up Tutorials
per month. Go Pro. Video: Storybook with Svelte Kit ... Advanced Custom Stores With a Toast Message ... Creating an NPM Package With...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found