@pzh-temporary/style-library
Advanced tools
Comparing version 0.2.5 to 1.0.0
{ | ||
"name": "@pzh-temporary/style-library", | ||
"version": "0.2.5", | ||
"private": false, | ||
"version": "1.0.0", | ||
"type": "module", | ||
"scripts": { | ||
"dev": "node ./workflow/develop.js", | ||
"fractal:start": "fractal start --sync", | ||
"fractal:build": "fractal build", | ||
"styles:process": "node ./workflow/preprocessStyles.js", | ||
"styles:watch": "node ./workflow/watchStyles.js", | ||
"deploy-assets": "node ./workflow/deployAssetsToCDN.js", | ||
"deploy-utility-classes": "node ./workflow/deployUtilityClassesToCDN.js" | ||
"dev": "vite", | ||
"build": "vite build", | ||
"preview": "vite preview", | ||
"storybook": "storybook dev -p 2222", | ||
"build-storybook": "storybook build" | ||
}, | ||
"devDependencies": { | ||
"@azure/storage-blob": "^12.12.0", | ||
"@frctl/fractal": "^1.3.0", | ||
"chokidar": "^3.5.3", | ||
"concurrently": "^7.0.0", | ||
"connect-livereload": "^0.6.1", | ||
"consola": "^2.15.3", | ||
"dotenv": "^16.0.3", | ||
"ejs": "^3.1.6", | ||
"express": "^4.17.3", | ||
"glob": "^7.2.0", | ||
"livereload": "^0.9.3", | ||
"ncp": "^2.0.0", | ||
"nodemon": "^2.0.15", | ||
"sass": "^1.48.0", | ||
"shelljs": "^0.8.5", | ||
"svg-sprite": "^2.0.2", | ||
"svgtofont": "^3.23.1", | ||
"uglify-js": "^3.15.2", | ||
"uglifycss": "^0.0.29", | ||
"yargs": "^17.3.1" | ||
"vue": "^3.3.4", | ||
"@storybook/addon-essentials": "^7.2.1", | ||
"@storybook/addon-interactions": "^7.2.1", | ||
"@storybook/addon-links": "^7.2.1", | ||
"@storybook/blocks": "^7.2.1", | ||
"@storybook/testing-library": "^0.2.0", | ||
"@storybook/vue3": "^7.2.1", | ||
"@storybook/vue3-vite": "^7.2.1", | ||
"@vitejs/plugin-vue": "^4.2.3", | ||
"react": "^18.2.0", | ||
"react-dom": "^18.2.0", | ||
"sass": "^1.64.2", | ||
"storybook": "^7.2.1", | ||
"vite": "^4.4.5" | ||
} | ||
} |
@@ -1,62 +0,7 @@ | ||
# PZH Style Library | ||
# Vue 3 + Vite | ||
Deze laag van de [architectuur]() is verantwoordelijk voor het loskoppelen van style en ambiance. De doelstelling is opstellen en onderhouden van style definities. | ||
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more. | ||
## Input | ||
## Recommended IDE Setup | ||
- [Design system](https://www.figma.com/file/pWIiNmzPDwYtPbYOQevpm1/PZH-Wapenfeiten?node-id=0%3A1&t=rpJRNZyaVfegOt0r-0) | ||
## Output | ||
- Fractal.build oplossing welke gedeployed is op [Nog niet beschikbaar](#) | ||
- SCSS variabelen, mixins en fucties gedeployed als Prive NPM Library te vinden op [documentatie](https://www.npmjs.com/package/@pzh-temporary/style-library) | ||
- ?? Typografie CSS bestand op CDN | ||
- ?? Fonts deployen op CDN | ||
- ?? Utility classes typografie, margins, paddings, grid, radius, levitation, colors, background-colors, animaties | ||
## Techniek | ||
### Technologieen | ||
- Fractal.build [documentatie](https://fractal.build/) | ||
- Custom node workflow tools | ||
### Benodigdheden | ||
- Node 18.12.1 | ||
- NPM 8.19.2 | ||
- NPM account op basis van je PZH emailadres. Dit account dient gerechtigd te zijn om private packages (@pzh-temporary) te gebruiken van PZH. | ||
### Installeren dependencies | ||
```bash | ||
npm install | ||
``` | ||
### Ontwikkelen | ||
```bash | ||
npm run dev | ||
``` | ||
### Publiceren NPM | ||
1. Verhoog attribuut 'version' in bestand package.json | ||
1. Zorg dat je ingelogd bent bij NPM. Zo niet voer in command line commando 'npm login' uit | ||
1. Voer in command line commando 'npm publish' uit | ||
### Deploy utility classes to CDN (inclusief fonts) | ||
```bash | ||
npm run deploy-utility-classes | ||
``` | ||
### Deploy static assets to CDN (inclusief fonts) | ||
```bash | ||
npm run deploy-assets | ||
``` | ||
### Publiceren webapp | ||
TODO | ||
- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin). |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
31103
14
32
414
1
Yes
8
1