Code Monkey home page Code Monkey logo

Comments (6)

benmccann avatar benmccann commented on July 30, 2024 2

Awesome! Sounds like we can close this then unless I missed something

from storybook-experimental-vite.

michaelwooley avatar michaelwooley commented on July 30, 2024 1

Awesome! Thanks for the update @oneezy

from storybook-experimental-vite.

michaelwooley avatar michaelwooley commented on July 30, 2024

Hmm... could you report the results of the following:

npx envinfo --system --binaries --browsers --npmPackages "{svelte,@sveltejs/*,vite,@storybook/*}"

# See if it exists at all.
npm list @mdx-js/react

(I've just updated the README to include reports of @storybook/* packages for my setup.)

Here are my results for the second command:

❯ npm list @mdx-js/react
[email protected] /home/michael/Documents/misc/storybook-experimental-vite
├─┬ @storybook/[email protected]
│ └─┬ @storybook/[email protected]
│   └── @mdx-js/[email protected]
└─┬ @storybook/[email protected]
  └─┬ @storybook/[email protected]
    └── @mdx-js/[email protected] deduped

from storybook-experimental-vite.

michaelwooley avatar michaelwooley commented on July 30, 2024

The file Introduction.stories.mdx is added automatically when initializing storybook on the project.

If you're inclined, you could try to scaffold a fresh project and see what happens?

I don't have access to a windows computer but it would be nice to set up a gh action that tries to run npm run build-storybook across each OS...

from storybook-experimental-vite.

oneezy avatar oneezy commented on July 30, 2024

Just to give a quick update, I tried reinstalling after the new updates and I have storybook up and running 🎉 !

image

oneezy@oneezy MINGW64 ~/Desktop/www/7.Testing/storybook-experimental-vite (main)
$ npm run storybook

> [email protected] storybook
> start-storybook -p 6006

info @storybook/svelte v6.5.9
info 
info => Loading presets

info => Ignoring cached manager due to change in manager config
i ｢wdm｣: wait until bundle finished: 
(node:10928) ExperimentalWarning: stream/web is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
i ｢wdm｣: Hash: 4644f70ec04ad6cebad6
Version: webpack 4.46.0
Time: 29166ms
Built at: 07/07/2022 4:36:56 AM
                         Asset      Size        Chunks                    Chunk Names
           0.manager.bundle.js   217 KiB             0  [emitted]
           1.manager.bundle.js   128 KiB             1  [emitted]
           2.manager.bundle.js   891 KiB             2  [emitted]  [big]
           3.manager.bundle.js  83.9 KiB             3  [emitted]
           4.manager.bundle.js  15.8 KiB             4  [emitted]
           5.manager.bundle.js   295 KiB             5  [emitted]  [big]
           6.manager.bundle.js  1.36 KiB             6  [emitted]
                    index.html  4.01 KiB                [emitted]
        main.manager.bundle.js  5.39 KiB          main  [emitted]         main
runtime~main.manager.bundle.js  8.95 KiB  runtime~main  [emitted]         runtime~main
vendors~main.manager.bundle.js  4.57 MiB  vendors~main  [emitted]  [big]  vendors~main
Entrypoint main [big] = runtime~main.manager.bundle.js vendors~main.manager.bundle.js main.manager.bundle.js
[0] multi ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/manager/index.js ./node_modules/@storybook/addon-links/manager.js ./node_modules/@storybook/addon-docs/manager.js ./node_modules/@storybook/addon-controls/manager.js ./node_modules/@storybook/addon-actions/manager.js ./node_modules/@storybook/addon-backgrounds/manager.js ./node_modules/@storybook/addon-viewport/manager.js ./node_modules/@storybook/addon-toolbars/manager.js ./node_modules/@storybook/addon-measure/manager.js ./node_modules/@storybook/addon-outline/manager.js ./node_modules/@storybook/addon-interactions/manager.js ./node_modules/@storybook/addon-svelte-csf/dist/cjs/preset/manager.js 172 bytes {main} [built]
[./node_modules/@storybook/addon-actions/manager.js] ./node_modules/@storybook/addon-actions/manager.js + 5 modules 96.4 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-actions/manager.js 29 bytes [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/manager.js 3.42 KiB [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/containers/ActionLogger/index.js 7.4 KiB [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/components/ActionLogger/index.js 2.97 KiB [built]
    | ./node_modules/react-inspector/dist/es/react-inspector.js 81.7 KiB [built]
    | ./node_modules/@storybook/addon-actions/dist/esm/components/ActionLogger/style.js 793 bytes [built]
[./node_modules/@storybook/addon-backgrounds/manager.js] ./node_modules/@storybook/addon-backgrounds/manager.js + 6 modules 15.2 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-backgrounds/manager.js 29 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/manager.js 826 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/constants.js 185 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/containers/BackgroundSelector.js 6.55 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/containers/GridSelector.js 3.51 KiB [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/components/ColorIcon.js 399 bytes [built]
    | ./node_modules/@storybook/addon-backgrounds/dist/esm/helpers/index.js 3.57 KiB [built]
[./node_modules/@storybook/addon-controls/manager.js] ./node_modules/@storybook/addon-controls/manager.js + 3 modules 6 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-controls/manager.js 29 bytes [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/manager.js 1.23 KiB [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/constants.js 74 bytes [built]
    | ./node_modules/@storybook/addon-controls/dist/esm/ControlsPanel.js 4.57 KiB [built]
[./node_modules/@storybook/addon-docs/manager.js] ./node_modules/@storybook/addon-docs/manager.js + 2 modules 1.02 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-docs/manager.js 29 bytes [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/manager.js 625 bytes [built]
    | ./node_modules/@storybook/addon-docs/dist/esm/shared.js 380 bytes [built]
[./node_modules/@storybook/addon-interactions/manager.js] ./node_modules/@storybook/addon-interactions/manager.js + 22 modules 110 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-interactions/manager.js 29 bytes [built]
    | ./node_modules/@storybook/addon-interactions/dist/esm/manager.js 388 bytes [built]
    | ./node_modules/@storybook/addon-interactions/dist/esm/constants.js 100 bytes [built]
    | ./node_modules/@storybook/addon-interactions/dist/esm/Panel.js 11.3 KiB [built]
    | ./node_modules/@storybook/addon-interactions/dist/esm/components/StatusIcon/StatusIcon.js 1.85 KiB [built]
    | ./node_modules/@storybook/addon-interactions/dist/esm/components/Subnav/Subnav.js 5.2 KiB [built]
    | ./node_modules/@storybook/addon-interactions/dist/esm/components/Interaction/Interaction.js 5.7 KiB [built]
    | ./node_modules/@storybook/instrumenter/dist/esm/types.js 221 bytes [built]
    | ./node_modules/@storybook/instrumenter/dist/esm/instrumenter.js 32.9 KiB [built]
    | ./node_modules/@storybook/addon-interactions/dist/esm/theme.js 215 bytes [built]
    | ./node_modules/@storybook/addon-interactions/dist/esm/components/StatusBadge/StatusBadge.js 1.79 KiB [built]
    | ./node_modules/@storybook/addon-interactions/dist/esm/components/MethodCall.js 19.2 KiB [built]
    | ./node_modules/@storybook/addon-interactions/dist/esm/components/MatcherResult.js 7.49 KiB [built]
    | ./node_modules/@devtools-ds/object-inspector/dist/esm/index.js 103 bytes [built]
    | ./node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspector.js 1.37 KiB [built]
    |     + 8 hidden modules
[./node_modules/@storybook/addon-links/manager.js] ./node_modules/@storybook/addon-links/manager.js + 2 modules 662 bytes {vendors~main} [built]
    | ./node_modules/@storybook/addon-links/manager.js 29 bytes [built]
    | ./node_modules/@storybook/addon-links/dist/esm/manager.js 398 bytes [built]
    | ./node_modules/@storybook/addon-links/dist/esm/constants.js 225 bytes [built]
[./node_modules/@storybook/addon-measure/manager.js] ./node_modules/@storybook/addon-measure/manager.js + 3 modules 3.99 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-measure/manager.js 29 bytes [built]
    | ./node_modules/@storybook/addon-measure/dist/esm/manager.js 484 bytes [built]
    | ./node_modules/@storybook/addon-measure/dist/esm/constants.js 290 bytes [built]
    | ./node_modules/@storybook/addon-measure/dist/esm/Tool.js 3.12 KiB [built]
[./node_modules/@storybook/addon-outline/manager.js] ./node_modules/@storybook/addon-outline/manager.js + 3 modules 4.15 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-outline/manager.js 29 bytes [built]
    | ./node_modules/@storybook/addon-outline/dist/esm/manager.js 626 bytes [built]
    | ./node_modules/@storybook/addon-outline/dist/esm/constants.js 76 bytes [built]
    | ./node_modules/@storybook/addon-outline/dist/esm/OutlineSelector.js 3.35 KiB [built]
[./node_modules/@storybook/addon-svelte-csf/dist/cjs/constants.js] 174 bytes {vendors~main} [built]
[./node_modules/@storybook/addon-svelte-csf/dist/cjs/preset/manager.js] 186 bytes {vendors~main} [built]
[./node_modules/@storybook/addon-toolbars/manager.js] ./node_modules/@storybook/addon-toolbars/manager.js + 11 modules 19 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-toolbars/manager.js 29 bytes [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/manager.js 467 bytes [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/constants.js 76 bytes [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/components/ToolbarManager.js 1.44 KiB [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/components/ToolbarMenuList.js 4.99 KiB [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/utils/normalize-toolbar-arg-type.js 1.05 KiB [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/components/ToolbarMenuButton.js 625 bytes [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/hoc/withKeyboardCycle.js 5.09 KiB [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/utils/get-selected.js 1000 bytes [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/components/ToolbarMenuListItem.js 979 bytes [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/utils/create-cycle-value-array.js 573 bytes [built]
    | ./node_modules/@storybook/addon-toolbars/dist/esm/utils/register-shortcuts.js 2.69 KiB [built]
[./node_modules/@storybook/addon-viewport/manager.js] ./node_modules/@storybook/addon-viewport/manager.js + 5 modules 18.8 KiB {vendors~main} [built]
    | ./node_modules/@storybook/addon-viewport/manager.js 29 bytes [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/manager.js 514 bytes [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/constants.js 316 bytes [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/Tool.js 11 KiB [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/shortcuts.js 3.81 KiB [built]
    | ./node_modules/@storybook/addon-viewport/dist/esm/defaults.js 2.98 KiB [built]
[./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js] 97 bytes {vendors~main} [built]
[./node_modules/@storybook/core-client/dist/esm/manager/index.js] ./node_modules/@storybook/core-client/dist/esm/manager/index.js + 4 modules 22.9 KiB {vendors~main} [built]
    | ./node_modules/@storybook/core-client/dist/esm/manager/index.js 335 bytes [built]
    | ./node_modules/@storybook/core-client/dist/esm/manager/provider.js 5.17 KiB [built]
    | ./node_modules/@storybook/core-client/dist/esm/manager/conditional-polyfills.js 762 bytes [built]
    | ./node_modules/@storybook/channel-postmessage/dist/esm/index.js 13.2 KiB [built]
    | ./node_modules/@storybook/channel-websocket/dist/esm/index.js 3.26 KiB [built]
    + 931 hidden modules
Child HtmlWebpackCompiler:
                          Asset      Size               Chunks  Chunk Names
    __child-HtmlWebpackPlugin_0  6.34 KiB  HtmlWebpackPlugin_0  HtmlWebpackPlugin_0
    Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
    [./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core-common/templates/index.ejs] 2.06 KiB {HtmlWebpackPlugin_0} [built]
i ｢wdm｣: Compiled successfully.
╭──────────────────────────────────────────────────╮
│                                                  │
│   Storybook 6.5.9 for Svelte started             │
│   32 s for manager and 4.99 s for preview        │
│                                                  │
│    Local:            http://localhost:6006/      │
│    On your network:  http://192.168.0.9:6006/    │
│                                                  │
╰──────────────────────────────────────────────────╯
4:37:14 AM [vite-plugin-svelte] C:/Users/oneezy/Desktop/www/7.Testing/storybook-experimental-vite/src/lib/header/Header.svelte:104:1 Unused CSS selector "li"
4:37:14 AM [vite-plugin-svelte] C:/Users/oneezy/Desktop/www/7.Testing/storybook-experimental-vite/src/lib/header/Header.svelte:109:1 Unused CSS selector "li.active::before"
4:37:14 AM [vite-plugin-svelte] C:/Users/oneezy/Desktop/www/7.Testing/storybook-experimental-vite/src/lib/header/Header.svelte:121:1 Unused CSS selector "nav a"        
4:37:35 AM [vite] ✨ new dependencies optimized: @storybook/svelte/dist/esm/client/preview/config, @storybook/svelte/dist/esm/client/docs/config, @storybook/addon-links/preview.js, @storybook/addon-docs/preview.js, @storybook/addon-actions/preview.js, ...and 4 more
4:37:35 AM [vite] ✨ optimized dependencies changed. reloading
4:37:37 AM [vite-plugin-svelte] C:/Users/oneezy/Desktop/www/7.Testing/storybook-experimental-vite/src/lib/header/Header.svelte:104:1 Unused CSS selector "li"
4:37:37 AM [vite-plugin-svelte] C:/Users/oneezy/Desktop/www/7.Testing/storybook-experimental-vite/src/lib/header/Header.svelte:109:1 Unused CSS selector "li.active::before"
4:37:37 AM [vite-plugin-svelte] C:/Users/oneezy/Desktop/www/7.Testing/storybook-experimental-vite/src/lib/header/Header.svelte:121:1 Unused CSS selector "nav a"        
4:37:40 AM [vite-plugin-svelte] C:/Users/oneezy/Desktop/www/7.Testing/storybook-experimental-vite/src/lib/header/Header.svelte:104:1 Unused CSS selector "li"
4:37:40 AM [vite-plugin-svelte] C:/Users/oneezy/Desktop/www/7.Testing/storybook-experimental-vite/src/lib/header/Header.svelte:109:1 Unused CSS selector "li.active::before"
4:37:40 AM [vite-plugin-svelte] C:/Users/oneezy/Desktop/www/7.Testing/storybook-experimental-vite/src/lib/header/Header.svelte:121:1 Unused CSS selector "nav a"        
{
  browser: true,
  dev: false,
  mode: undefined,
  prod: true,
  server: false
}
{ assets: '', base: '' }
{
  browser: true,
  dev: false,
  mode: undefined,
  prod: true,
  server: false
}
{ assets: '', base: '' }
{
  browser: true,
  dev: false,
  mode: undefined,
  prod: true,
  server: false
}
}
{ assets: '', base: '' }
{
  browser: true,
  dev: false,
  mode: undefined,
  prod: true,
  server: false
}
{ assets: '', base: '' }
{
  browser: true,
  dev: false,
  mode: undefined,
  prod: true,
  server: false
}
{ assets: '', base: '' }
{
  browser: true,
  dev: false,
  mode: undefined,
  prod: true,
  server: false
}
{ assets: '', base: '' }

from storybook-experimental-vite.

oneezy avatar oneezy commented on July 30, 2024

no problem @michaelwooley and great work @benmccann !! been waiting on this one for a longgg time.

yes, good to close.

keep up the great works guys!!

from storybook-experimental-vite.

Related Issues (6)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.