storybook-builder-vite | builder plugin to run and build Storybooks | Frontend Framework library

by eirslett TypeScript Version: v0.1.20 License: MIT

X-Ray Key Features Code Snippets Community Discussions(4)Vulnerabilities Install Support

kandi X-RAY | storybook-builder-vite Summary

storybook-builder-vite is a TypeScript library typically used in User Interface, Frontend Framework, React applications. storybook-builder-vite has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub.

A builder plugin to run and build Storybooks with Vite

Support

Quality

Security

License

Reuse

Support

storybook-builder-vite has a low active ecosystem.

It has 431 star(s) with 54 fork(s). There are 13 watchers for this library.

It had no major release in the last 12 months.

There are 40 open issues and 143 have been closed. On average issues are closed in 25 days. There are 10 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of storybook-builder-vite is v0.1.20

Quality

storybook-builder-vite has 0 bugs and 0 code smells.

Security

storybook-builder-vite has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

storybook-builder-vite code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

storybook-builder-vite is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

storybook-builder-vite releases are available to install and integrate.

It has 597 lines of code, 0 functions and 73 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of storybook-builder-vite

Get all kandi verified functions for this library.

storybook-builder-vite Key Features

No Key Features are available at this moment for storybook-builder-vite.

storybook-builder-vite Examples and Code Snippets

No Code Snippets are available at this moment for storybook-builder-vite.

Community Discussions

Trending Discussions on storybook-builder-vite

Scss not loaded with Vite

Invalid value for prop `css` when using @emotion/react with Vite

Storybook with Vite error: fn.apply is not a function

Issues running Storybook with Vite builder in Docker environment

QUESTION

Scss not loaded with Vite

Asked 2022-Feb-19 at 21:45

The build with Vite and Vue works like a charm (so ist the path correct). However, it does not with storybook.

Here my config:

vite.config.js

...

ANSWER

Answered 2022-Feb-19 at 21:45

I have had exactly the same problem. Although many vite vue 3 boilerplates do it the same way you and I do, strangely it didn't work, maybe it's a certain vite version that might have bugs.

The only thing that worked for me was the import in main.ts:

Source https://stackoverflow.com/questions/71064299

QUESTION

Invalid value for prop `css` when using @emotion/react with Vite

Asked 2022-Jan-21 at 08:49

I couldn't find any information on how to make @emotion/react work in Storybook when using Vite as a bundler in a React application.

I'm getting errors like Invalid value for prop 'css' in

tag in almost every story. Even though, @emotion/react is working fine for the webapp itself.

Here's my vite.config.js configuration:

...

ANSWER

Answered 2022-Jan-21 at 08:49

The solution was found in storybook-builder-vite's github page here.

Source https://stackoverflow.com/questions/70530986

QUESTION

Storybook with Vite error: fn.apply is not a function

Asked 2021-Dec-21 at 15:09

I'm refactoring a React webapp from CRA to using Vite and having issues with Storybook. The storybook's GUI opens, and I see a list of stories on the left panel. But whichever story I choose I get an error TypeError: fn.apply is not a function in Canvas tab like shown here:

I found a similar issue on Storybook's GitHub, and tried to change names StorybookName to storybookName in all the stories, also checked all the React components in the stories to make sure all of them are correctly defined as functions.

When it was using CRA storybook worked fine, but with Vite it's not working. Maybe I'm missing some configuration for Vite, so here's my vite.config.js as well:

...

ANSWER

Answered 2021-Dec-21 at 15:09

I found the reason and it appears that all the configurations I had were correct. The problem was in the way how I aplied one of the decorators for Storybook. Basically, I wasn't correctly exporting one of the decorators and therefore was applying undefined instead of a decorator.

So, for whoever faces this issue, please note that it's most of the time a problem with syntax. Check all your functions, components, decorators and so on and make sure they are all correctly defined and exported.

The error message itself doesn't give any clue where to dig, which is a big shame, so this one is pretty tough to debug.

Source https://stackoverflow.com/questions/70420749

QUESTION

Issues running Storybook with Vite builder in Docker environment

Asked 2021-Sep-10 at 00:55

We have a docker compose setup that runs our React app and Storybook in two separate containers.

Recently we changed our builder to Vite, and also updated Storybooks builder to the new Vite builder plugin.

When firing up the Storybook Docker I am getting the following error for all of our components with a Storybook file

...

ANSWER

Answered 2021-Sep-10 at 00:55

It turns out there is a small 'gotcha' when moving from Webpack to Vite with file extensions.

If any of your React components don't use the .jsx extension Vite won't find them.

Source https://stackoverflow.com/questions/69023056

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install storybook-builder-vite

You can download it from GitHub.

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: