@pzh-temporary/html-component-library

PZH Style Library

Wiki

Voor documentatie en handleidingen, zie de HTML-component library wiki.

Input

• Design system van Provincie Zuid-Holland

Output

• Een webinterface die inzicht biedt in verschillende bouwblokken en de manier waarop deze kunnen worden toegepast.
• Componenten-SCSS gedeployed als private NPM-library, te vinden op @pzh-temporary/html-component-library.
• Utility classes voor typografie, marges, en padding.

Techstack

• Storybook 8
• Vue 3 (gebruikt als template engine)
• Vite
• SCSS

Vereisten

• Node.js: Versie 20.12.1

Installatie van Dependencies

Installeer alle benodigde dependencies:

npm install

Ontwikkelmodus

Start een Storybook-instantie in ontwikkelmodus:

npm run dev

Build

Maak een build van de Storybook-instantie voor publicatie:

npm run build

Publiceren naar NPM

Publiceer een nieuwe versie naar NPM en de utility classes naar het CDN:

1. Verhoog het 'version'-attribuut in package.json volgens de SemVer-standaard.

2. Controleer of je bent ingelogd bij NPM. Gebruik npm login indien nodig.

3. Publiceer de nieuwe versie met:

   npm publish
   

Stijlbibliotheek naar CDN

npm run deployToCDN