open-index/open-npm huggingface dataset:
npm package: @pzerelles/headlessui-svelte
Description: Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
Latest version: 2.1.3-next.2

# create-svelte

Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).

Read more about creating a library [in the docs](https://kit.svelte.dev/docs/packaging).

## Creating a project

If you're seeing this, you've probably already done this step. Congrats!

```bash
# create a new project in the current directory
npm create svelte@latest

# create a new project in my-app
npm create svelte@latest my-app
```

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.

## Building

To build your library:

```bash
npm run package
```

To create a production version of your showcase app:

```bash
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

## Publishing

Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).

To publish your library to [npm](https://www.npmjs.com):

```bash
npm publish
```
npm package: @pzh-temporary/html-component-library
Description: Voor documentatie en handleidingen, zie de [HTML-component library wiki](https://dev.azure.com/pzh-nl/Design%20System%20Architectuur/_wiki/wikis/Design-system.wiki/1451/HTML-component-library).
Latest version: 5.0.25

# PZH Style Library

## Wiki

Voor documentatie en handleidingen, zie de [HTML-component library wiki](https://dev.azure.com/pzh-nl/Design%20System%20Architectuur/_wiki/wikis/Design-system.wiki/1451/HTML-component-library).

## Input

- [Design system van Provincie Zuid-Holland](https://www.figma.com/file/11ZuN25dSOqx3w1ie9Avbz/Design-System---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](https://www.npmjs.com/package/@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:

```bash
npm install
```

## Ontwikkelmodus

Start een Storybook-instantie in ontwikkelmodus:

```bash
npm run dev
```

## Build

Maak een build van de Storybook-instantie voor publicatie:

```bash
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](https://semver.org/).
2. Controleer of je bent ingelogd bij NPM. Gebruik `npm login` indien nodig.
3. Publiceer de nieuwe versie met:

   ```bash
   npm publish
   ```

## Stijlbibliotheek naar CDN

```bash
npm run deployToCDN
```
npm package: @pzh-temporary/pzh-vue-component-library
Description: - Vue 3 - Vite - Storybook for Vite - HTML component library (Provincie Zuid-Holland)
Latest version: 1.1.10

# VUE component library for Provincie Zuid-Holland

# Tech stack

- Vue 3
- Vite
- Storybook for Vite
- HTML component library (Provincie Zuid-Holland)

## Benodigdheden

- Node 16.15.0
- NPM 8.5.5
- NPM account op basis van je PZH emailadres. Dit account dient gerechtigd te zijn om private packages (@pzh-temporary) te gebruiken van PZH.

## VSCode Plugins

- Prettier
- Volar

## Kwaliteit

TODO: Strategie bepalen

## Publiceren

TODO: uitschrijven publicatieprocess
npm package: @pzh-temporary/style-library
Description: Deze laag van de is verantwoordelijk voor het loskoppelen van style/ambiance. De doelstelling is opstellen en onderhouden van style definities.
Latest version: 1.2.12

# PZH Style Library

Deze laag van de is verantwoordelijk voor het loskoppelen van style/ambiance. De doelstelling is opstellen en onderhouden van style definities.

## Input

- [Design system](https://www.figma.com/file/11ZuN25dSOqx3w1ie9Avbz/Design-System---Provincie-Zuid-Holland)

## Output

- Website [Website](https://n2dabaed4e91d4ca59f2a437.azurewebsites.net/) welke inzicht geeft in verschillende bouwblokken
- SCSS variabelen, mixins en fucties gedeployed als Prive NPM Library te vinden op [documentatie](https://www.npmjs.com/package/@pzh-temporary/style-library)
- Utility classes typografie, margins, paddings
- ?? Utility classes grid

## Techniek

### Technologieen

- Storybook
- Vue 3 als template engine
- Custom node workflow tools
  -- Omzetten van variable source files naar bijvoorbeeld .scss bestanden

### 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

Dit start een storybook instantie in development mode

```bash
npm run dev
```

### Build

Dit bouwt een storybook instantie zodat deze gepubliceerd kan worden.

```bash
npm run build
```

### Publiceren

Publiceert nieuwe versie naar NPM en publiceert utility classes naar het CDN

1. Verhoog attribuut 'version' in bestand package.json volgens [SemVer](https://semver.org/)
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 run publish-all' uit

#### Deploy library to CDN 

npm publish all

### 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
```
npm package: @pzh-temporary/vue-component-library
Description: [https://dev.azure.com/pzh-nl/Design%20System%20Architectuur/\_wiki/wikis/Design-system.wiki/1455/Vue-component-library](https://dev.azure.com/pzh-nl/Design%20System%20Architectuur/_wiki/wikis/Design-system.wiki/1455/Vue-component-library)
Latest version: 1.1.36

# Vue Component Library voor Provincie Zuid-Holland

## WIKI

[https://dev.azure.com/pzh-nl/Design%20System%20Architectuur/\_wiki/wikis/Design-system.wiki/1455/Vue-component-library](https://dev.azure.com/pzh-nl/Design%20System%20Architectuur/_wiki/wikis/Design-system.wiki/1455/Vue-component-library)

## Technische Stack

- **Frameworks en Tools**:
  - Vue 3
  - Vite
  - Storybook 8
  - HTML-componentenbibliotheek (Provincie Zuid-Holland)
  - SCSS

## Benodigdheden

- **Node.js**: Versie 20.12.1

## Aanbevolen VSCode-Plugins

- **Prettier** voor code-formatting
- **Volar** voor Vue-ondersteuning

---

## Installatie van Dependencies

Voer het volgende commando uit om alle vereiste dependencies te installeren:

```bash
npm install
```

## Ontwikkelmodus

Start een Storybook-instantie in ontwikkelmodus met het volgende commando:

```bash
npm run dev
```

## Builden

Bouw een Storybook-instantie klaar voor publicatie:

```bash
npm run build
```

## Testen

Op dit moment is de test suite nog in ontwikkeling en niet beschikbaar.

## Publiceren naar NPM

Publiceer een nieuwe versie naar NPM:

1. Verhoog het ‘version’-attribuut in `package.json` volgens de [SemVer-standaard](https://semver.org/).
2. Controleer of je bent ingelogd bij NPM. Zo niet, gebruik `npm login` om in te loggen.
3. Publiceer met het commando:

   ```bash
   npm publish
   ```

## Publiceren van de Webinterface

De webinterface is momenteel nog in ontwikkeling en niet beschikbaar.