screenlayer
🚧 work in progress...
2D Presentation Layer for Web Applications
Structure
This repository employs a monorepo setup which hosts a number of associated packages under the packages directory. They can be used in any combination and define minimum dependencies between each other.
| Package | Version | Description |
|---|---|---|
components |
 |
This is the convenience package to make core packages available to your project with a single dependency.
| Package | Version | Description |
|---|---|---|
screenlayer |
|
bundle |
Scripts
| Action | Command | Description |
|---|---|---|
| build | npm run build |
Build all modules |
| start | npm run start |
Start a dev server and open in web browser |
| lint | npm run lint |
Run static code analysis |
| test | npm run test |
Run unit tests and exit |
| test-watch | npm run test-watch |
Watch for changes and re-run tests |
| test-coverage | npm run test-coverage |
Generate a test coverage report |
| format | npm run format |
Check source file formatting |
| format-fix | npm run format-fix |
Format source files |
Libraries
| Library | Reference |
|---|---|
| vuejs | https://vuejs.org |
Tools
| Tool | Reference |
|---|---|
| Node.js | https://nodejs.org |
| Vite | https://vitejs.dev |
| Vitest | https://vitest.dev |
| ESLint | https://eslint.org |
| Prettier | https://prettier.io |
| EditorConfig | https://editorconfig.org |
| jsdom | https://github.com/jsdom/jsdom |
| rollup.js | https://rollupjs.org |
| esbuild | https://esbuild.github.io |
| mswjs | https://mswjs.io |
| storybook | https://storybook.js.org |
References
| Website | Reference |
|---|---|
| Can I Use | https://caniuse.com |
| Browserslist | https://browsersl.ist |
| convertacolor | https://convertacolor.com |
| Polyfill.io | https://polyfill.io |
License
This project is released under the MIT License.