vuesion / packages

Packages to support the @vuesion project

Vuesion

Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.

Live demo

Please visit the vuesion app on heroku!

Or have a look into the future and visit the vuesion-next app on heroku!

Get started

Documentation

Features

Testing

• Cypress.io E2E testing
• Vitest Testing framework
• Testing-library to encourage good testing practices
• 250+ example tests included

DX, Code quality and maintenance

• TypeScript
• Eslint
• Commit message linting
• Prettier code formatting
• Semantic releases
• Changelog
• Husky pre-commit hooks
• Dockerfile included
• .env support

Core

• server-side-rendering, single-page-app or statically generated HTML with Nuxt.js
• 100% customizable Design-system with 35+ components including
  • layout, typography, button, input, select, checkbox, radio, (range-)slider, toggle, ...
  • theming/whitelabel support
• Figma UIKit
• SEO support
• i18n support
• Authentication module
• Axios module
• PWA module
• Code generators for
  • components
  • pages
  • interfaces and fixtures
  • vuex modules
• Storybook with the following add-ons
  • a11y
  • actions
  • console
  • links
  • story-source
  • viewport
  • theme-switcher
• Form validation with vee-validate
• Anime.js integration

Support this project

• Give a ⭐!
• it!
• Join the Discord community!
• Contribute!

Contribute

Contributions are always welcome! Please read the contribution guidelines first.

Thanks goes to these wonderful people:

Johannes Werner 💻 🐛 📖 🎨 💡 🔧	Konstantin Kulinicenko 💻 🐛 📖 💡	xMartin 💻 🐛 📖 💡	Silver·湫澲 📖 🌍	Stavros Liaskos 🐛	Marcelo Boeira 🌍	Rick Mann 💻
Ryan McGuire 💻	Jay McDoniel 💻	Olivia Graham 💻	Hugo Magalhães 🌍	glederer 📖	Tamer Mohamed 💻	Rizwan Zaheer 📖
rgrosjean 💻	Bernardo Corbella 💻	Mohit Tilwani 💻	eipiminus1 📖	Jez McKean 📖	Duylam Nguyen-Ngo 🎨	Martin Merschroth 🎨
Camila Peralta Wieland 🎨	Alec M 📖	misikoff 💻	臭哥哥·湫曗 📖	Paul Vogel 📖	Dario Fuzinato 💻	Maksim Bock ⚠️
Dan 🐛	Manuel J. Bernal 📖	Nguyen Kim Bang 📖

This project follows the all-contributors specification. Contributions of any kind welcome!

References

• nuxt
• @sidebase/nuxt-auth
• nuxt/pwa
• nuxt/i18n
• Storybook
• vitest
• cypress.io
• testing-library
• vee-validate
• animejs

Contact

• Discord
• Twitter

License

MIT

packages's Issues

service: e2e should fail with exitcode when tests are failing

currently, e2e always finishes with exit code 0

add --debug flag

would be good to get more information from running commands with a --debug flag

extract-i18n-messages extract wrong messages

This pattern cause issues when use extract-i18n-messages command

return this.$t(
          'console.blocks.components.blockCard.notValid' /* Block failed to be uploaded. Please verify your manifest and try again */,
        );
      } /* istanbul ignore else */ else if (this.disabled) {

add webpack plugin configuration to the vuesion config.

E.G. the worker and memory limit for fork-ts-checker-webpack-plugin

add e2e test for vuesion/service

we need to provide an e2e test for the main features of the CLI

• create
• dev
• test
• build

@vusion/service packages might need dependency updates

warning @vuesion/service > [email protected]: Package no longer supported. Contact [email protected] for more info.
warning @vuesion/service > [email protected]: This module has moved and is now available at @hapi/cryptiles. Please update your dependencies as this version is no longer maintained an may contain bugs and security issues.
warning @vuesion/service > cryptiles > [email protected]: This module has moved and is now available at @hapi/boom. Please update your dependencies as this version is no longer maintained an may contain bugs and security issues.
warning @vuesion/service > cryptiles > boom > [email protected]: This module has moved and is now available at @hapi/hoek. Please update your dependencies as this version is no longer maintained an may contain bugs and security issues.
warning @vuesion/service > @storybook/addon-links > @storybook/router > @reach/router > create-react-context > fbjs > [email protected]: core-js@<2.6.8 is no longer maintained. Please, upgrade to core-js@3 or at least to actual version of core-js@2.
warning @vuesion/service > jest > jest-cli > jest-config > jest-environment-jsdom > jsdom > [email protected]: use String.prototype.padStart()

is this good or bad?

add tests to vuesion/addon-contentful

currently the middleware is untested, we should add unit tests and maybe e2e tests

SPIKE: native script vue integration

POC: to integrate native script vue as a new build target to enable vuesion to build for web, ios and android

create own service-worker plugin

based on the one that we currently use but with less configuration and more code quality. good name would be @vuesion/sw-webpack-plugin

OR switch to workbox webpack plugin

replace parallel task with concurrently npm package

the current solution has some issues with circle-ci. switch to concurrently would be ok because it's battle tested

unlock dependencies that are save. e.g. storybook

currently we have a hard lock on dependencies, we should loosen it for dependencies that are save in terms of breaking changes

GraphQL support with nosql database

@devCrossNet What do you think about adding a feature that when user runs npx @vuesion/service create my-app we can ask some questions while installation like do you want GraphQL and after that some options of nosql database support?

replace vue-starter references with vuesion

MinDate, MaxDate not working in DatePicker and DateRangePicker

Describe the bug
A clear and concise description of what the bug is.
MinDate, MaxDate produce issue "ReferenceError: action is not defined" in the storybook
To Reproduce
Steps to reproduce the behavior:

1. Go to storybook
2. Click on DatePicker or DateRangePicker
3. Click on MinDate or MaxDate
4. See error

Expected behavior
action is not defined
ReferenceError: action is not defined

Screenshots

Desktop (please complete the following information):

• OS: Windows 10 pro
• Browser: Chrome
• Version 74.0.3729.169

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

render static html in SPA build

instead of having an empty index.html we should render the '/' route as static HTML into the index.html.

would also be nice to configure multiple routes that can be rendered as a static html - like vuepress

ship ES2015+ for modern browsers and provide a fallback for older browsers

Is your feature request related to a problem? Please describe.
Add a feature to ship less code to modern browsers and provide an es5 bundle for older browsers + polyfills.

Describe the solution you'd like
https://philipwalton.com/articles/deploying-es2015-code-in-production-today/