tomekmularczyk / rollup-styled-jsx Goto Github PK

Update storybook dependency

Hi,

I've tried to use this repository as a base for our own component library using styled-jsx. However we want to use TypeScript with it but this essentially breaks styled-jsx as it no longer generates unique names on build. We can't figure out this is happening. Any insight would be great!

Hi!, please, can you help me?

I'm working on a blog project and one of the requirements is that the blog works even if the browser has javascript disabled. When using the project "https://github.com/dionatanaraujo/rollup-styled-jsx" a fork of "https://github.com/Tomekmularczyk/rollup-styled-jsx", we noticed that when disabling the browser javascript the components are not carrying styling.

How simulate the error:

1. Enter in the root project and run npm install and then npm run build:prod
2. Enter in the demo project cd demo and run npm install and then npm run dev
3. Access the browser http://localhost:3000, go to settings and disable javascript.
4. Note that the styles will not be loaded.

Please, is there something wrong or missing in this configuration so that the styles work correctly when javascript is disabled?

Component library with js enabled (work's fine):

Component library with js disabled (styles don't work):

The project that is in / demo and was built using Next.js to work with SSR. Please, if anyone can help with that it would be very rewarding.

Some of the libraries are outdated, please update them to their latest versions. Skip major version updates e.g. if some library is updated from version 2.x.x => 3.x.x.

Test that builds still works when you finish: npm run release && npm run build-storybook

Update Rollup to v2