Have the kill-port package for faster testing with kill-port --port 3000 and then start-storybook --port 3000

Created on 4 January 2023, over 1 year ago
Updated 30 May 2023, about 1 year ago

Problem/Motivation

Having only start-storybook --port 3000 will need more work.
When running the command many times for testing changes on the Storybook

Proposed resolution

Add the kill-port ~2.0 package
Change the Scripts aliases workflow to:

  "scripts": {
    "theme:init": "webpack --progress --config  webpack.config.init.js",
    "theme:build": "webpack --progress --config webpack.config.build.js",
    "theme:watch": "webpack --progress --config  webpack.config.dev.js --watch",
    "storybook": "npx kill-port --port 3000; start-storybook --port 3000"
  },

rajab@vardot-dev:/var/www/html/products/vartheme_bs5$ yarn storybook
yarn run v1.22.19
$ npx kill-port --port 3000; start-storybook --port 3000
Process on port 3000 killed
info @storybook/react v6.5.15
info 
info => Loading presets
info => Serving static files from ././images at /assets
info => Loading custom manager config
info => Using implicit CSS loaders
info => Loading custom manager config
(node:303002) DeprecationWarning: Default PostCSS plugins are deprecated. When switching to '@storybook/addon-postcss',
you will need to add your own plugins, such as 'postcss-flexbugs-fixes' and 'autoprefixer'.

See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-default-postcss-plugins for details.
(Use `node --trace-deprecation ...` to show where the warning was created)
info => Loading custom Webpack config (full-control mode).
10% building 3/7 modules 4 active /var/www/html/products/vartheme_bs5/node_modules/@storybook/core-client/dist/esm/globals/globals.js
info => Using cached manager
webpack built preview 319105f911ca1fb7d412 in 4282ms
ā•­ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā•®
ā”‚                                                   ā”‚
ā”‚   Storybook 6.5.15 for React started              ā”‚
ā”‚   4.54 s for preview                              ā”‚
ā”‚                                                   ā”‚
ā”‚    Local:            http://localhost:3000/       ā”‚
ā”‚    On your network:  http://##.##.###.##:3000/    ā”‚
ā”‚                                                   ā”‚
ā•°ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā”€ā•Æ

Remaining tasks

  • āœ… File an issue about this project
  • āœ… Addition/Change/Update/Fix to this project
  • āœ… Testing to ensure no regression
  • āž– Automated unit/functional testing coverage
  • āž– Developer Documentation support on feature change/addition
  • āž– User Guide Documentation support on feature change/addition
  • āž– Accessibility and Readability
  • āœ… Code review from 1 Varbase core team member
  • āœ… Full testing and approval
  • āœ… Credit contributors
  • āœ… Review with the product owner
  • āœ… Update Release Notes and Update Helper on new feature change/addition
  • āœ… Release varbase-10.0.0-alpha1 ā†’ , vartheme_bs5-2.0.0-alpha4 ā†’

Varbase update type

  • āœ… No Update
  • āž– Optional Update
  • āž– Forced Update
  • āž– Forced Update if Unchanged

User interface changes

  • N/A

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Issue #3331041 ā†’ : Have the kill-port package for faster testing with kill-port --port 3000 and then start-storybook --port 3000
šŸ“Œ Task
Status

Fixed

Version

2.0

Component

Code

Created by

šŸ‡ÆšŸ‡“Jordan Rajab Natshah Jordan

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.69.0 2024