Fresh App Factory

Appearance

Return to top
On this page

fresh-tsdx-react-component-with-storybook

Fresh React component library, built with TSDX, storybooks included, automatically generated everyday with npx tsdx create --template=react-with-storybook

Result

Time spent2m 10s
Disk usage507 MB
pwuser@factory:/workspace$ bash -exc 'npm config set init-author-name Author
> npx tsdx create fresh-component --template=react-with-storybook
> mv fresh-component fresh-app
> cd fresh-app
> grep -q storybook-static .gitignore || echo storybook-static >> .gitignore
> yarn build
> yarn build-storybook' < /dev/null; echo 'Finished running generator.'
+ npm config set init-author-name Author
cd /workspace/fresh-app/storybook-static
+ npx tsdx create fresh-component --template=react-with-storybook
npm WARN exec The following package was not found and will be installed: tsdx@0.14.1
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated source-map-resolve@0.6.0: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
npm WARN deprecated w3c-hr-time@1.0.2: Use your platform's native performance.now() and performance.timeOrigin.
npm WARN deprecated sane@4.1.0: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated rollup-plugin-terser@5.3.1: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated

::::::::::: ::::::::  :::::::::  :::    :::
    :+:    :+:    :+: :+:    :+: :+:    :+:
    +:+    +:+        +:+    +:+  +:+  +:+
    +#+    +#++:++#++ +#+    +:+   +#++:+
    +#+           +#+ +#+    +#+  +#+  +#+
    #+#    #+#    #+# #+#    #+# #+#    #+#
    ###     ########  #########  ###    ###

✔ Created fresh-component
✔ Installed dependencies

  Awesome! You're now ready to start coding.
  
  I already ran yarn install for you, so your next steps are:
    cd fresh-component
  
  To start developing (rebuilds on changes):
    yarn start
  
  To build for production:
    yarn build

  To test your library with Jest:
    yarn test
    
  Questions? Feedback? Please let me know!
  https://github.com/formium/tsdx/issues

npm notice 
npm notice New major version of npm available! 8.15.0 -> 9.2.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v9.2.0
npm notice Run npm install -g npm@9.2.0 to update!
npm notice 
+ mv fresh-component fresh-app
+ cd fresh-app
+ grep -q storybook-static .gitignore
+ echo storybook-static
+ yarn build
yarn run v1.22.19
$ tsdx build
/opt/factory/bin/screenshot 'http-server' 8080 || true; echo 'Finished taking screenshot.'
exit
@rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
@rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
✓ Creating entry file 2 secs
✓ Building modules 3.2 secs
Done in 6.89s.
+ yarn build-storybook
yarn run v1.22.19
$ build-storybook
info @storybook/react v6.5.14
info 
info => Cleaning outputDir: /workspace/fresh-app/storybook-static
info => Loading presets

attention => Storybook now collects completely anonymous telemetry regarding usage.
This information is used to shape Storybook's roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://storybook.js.org/telemetry

info => Compiling preview..
info Addon-docs: using MDX1
info => Using implicit CSS loaders
(node:200) 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 => Using default Webpack4 setup
Starting type checking service...
70% sealing React Docgen Typescript PluginDeprecationWarning: 'createIdentifier' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: '' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createLiteral' has been deprecated since v4.0.0. Use `factory.createStringLiteral`, `factory.createStringLiteralFromNode`, `factory.createNumericLiteral`, `factory.createBigIntLiteral`, `factory.createTrue`, `factory.createFalse`, or the factory supplied by your transformation context instead.
DeprecationWarning: 'createBinaryExpression' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createExpressionStatement' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createPropertyAssignment' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createObjectLiteralExpression' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createExpressionStatement' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createTypeOfExpression' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createElementAccessExpression' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createIfStatement' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createBlock' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createVariableDeclaration' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createCatchClause' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createTryStatement' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createNull' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
DeprecationWarning: 'createFalse' has been deprecated since v4.0.0. Use the appropriate method on 'ts.factory' or the 'factory' supplied by your transformation context instead.
info => Preview built (29 s)
WARN asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
WARN This can impact web performance.
WARN Assets: 
WARN   1.28bc3673.iframe.bundle.js (611 KiB)
WARN   vendors~main.9aa20fa6.iframe.bundle.js (1.57 MiB)
WARN   7.d6e3f0a6.iframe.bundle.js (793 KiB)
WARN entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
WARN Entrypoints:
WARN   main (1.58 MiB)
WARN       runtime~main.e4644f53.iframe.bundle.js
WARN       vendors~main.9aa20fa6.iframe.bundle.js
WARN       main.46f8ec15.iframe.bundle.js
WARN 
info => Output directory: /workspace/fresh-app/storybook-static
Done in 31.38s.
Finished running generator.
pwuser@factory:/workspace$ cd /workspace/fresh-app/storybook-static
pwuser@factory:/workspace/fresh-app/storybook-static$ /opt/factory/bin/screenshot 'http-server' 8080 || true; echo 'Finished taking screenshot.'
+ start-test http-server :8080 'cd /workspace && (playwright screenshot --viewport-size=1280,720 http://localhost:8080 /workspace/screenshot.png; playwright screenshot --viewport-size=1280,720 --wait-for-timeout=4096 http://localhost:8080 /workspace/screenshot.png)'
1: starting server using command "http-server"
and when url "[ 'http://localhost:8080' ]" is responding with HTTP status code 200
running tests using command "cd /workspace && (playwright screenshot --viewport-size=1280,720 http://localhost:8080 /workspace/screenshot.png; playwright screenshot --viewport-size=1280,720 --wait-for-timeout=4096 http://localhost:8080 /workspace/screenshot.png)"

Starting up http-server, serving ./

http-server version: 14.1.1

http-server settings: 
CORS: disabled
Cache: 3600 seconds
Connection Timeout: 120 seconds
Directory Listings: visible
AutoIndex: visible
Serve GZIP Files: false
Serve Brotli Files: false
Default File Extension: none

Available on:
  http://127.0.0.1:8080
  http://172.17.0.3:8080
Hit CTRL-C to stop the server

[2022-12-09T00:32:36.084Z]  "HEAD /" "axios/0.21.4"
(node:254) [DEP0066] DeprecationWarning: OutgoingMessage.prototype._headers is deprecated
(Use `node --trace-deprecation ...` to show where the warning was created)
Navigating to http://localhost:8080
[2022-12-09T00:32:36.862Z]  "GET /" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:36.874Z]  "GET /runtime~main.8e5cf3a9715a0d32d390.manager.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:36.877Z]  "GET /vendors~main.7c47903ea43e951c3707.manager.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:36.878Z]  "GET /main.bd89f9d2c925d5b084c4.manager.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
Capturing screenshot into /workspace/screenshot.png
[2022-12-09T00:32:37.194Z]  "GET /7.a1c5467faea0833b53d1.manager.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:37.199Z]  "GET /8.65ec2749796fb05c258c.manager.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:37.202Z]  "GET /1.7d0dd704b26935d06a04.manager.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:37.251Z]  "GET /iframe.html?viewMode=story&id=*" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:37.316Z]  "GET /runtime~main.e4644f53.iframe.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:37.322Z]  "GET /vendors~main.9aa20fa6.iframe.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:37.324Z]  "GET /main.46f8ec15.iframe.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:37.646Z]  "GET /11.9e021b6d.iframe.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
Navigating to http://localhost:8080
[2022-12-09T00:32:38.334Z]  "GET /" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:38.343Z]  "GET /runtime~main.8e5cf3a9715a0d32d390.manager.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:38.344Z]  "GET /vendors~main.7c47903ea43e951c3707.manager.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:38.346Z]  "GET /main.bd89f9d2c925d5b084c4.manager.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
Waiting for timeout 4096...
[2022-12-09T00:32:38.647Z]  "GET /7.a1c5467faea0833b53d1.manager.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:38.649Z]  "GET /8.65ec2749796fb05c258c.manager.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:38.659Z]  "GET /1.7d0dd704b26935d06a04.manager.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:38.700Z]  "GET /iframe.html?viewMode=story&id=*" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:38.763Z]  "GET /runtime~main.e4644f53.iframe.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:38.768Z]  "GET /vendors~main.9aa20fa6.iframe.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:38.779Z]  "GET /main.46f8ec15.iframe.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
[2022-12-09T00:32:39.118Z]  "GET /11.9e021b6d.iframe.bundle.js" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/106.0.5249.30 Safari/537.36"
Capturing screenshot into /workspace/screenshot.png
http-server stopped.
Finished taking screenshot.
pwuser@factory:/workspace/fresh-app/storybook-static$ exit
exit

Screenshot

Screenshot