open-index/open-npm huggingface dataset:
npm package: @for-the-people-initiative/design-system
Description: Design system with design tokens, SCSS utilities, and Vue 3 components
Author: For The People
Latest version: 1.4.4

# 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: @forad/puppeteer-humanize
Description: Humanization functions for Puppeteer.
Author: force-adverse
Latest version: 1.1.8

# Puppeteer-Humanize

![puppeteer-humanize](https://user-images.githubusercontent.com/65471523/127490800-15cba5e4-f94e-4d19-9960-e02c847b9361.jpg)


Humanizer functions for Puppeteer

## Install

```shell
$ npm install @forad/puppeteer-humanize
```

## Example

Below is an example of the `typeInto` function.

```typescript

import { typeInto, TypeIntoConfig } from "@forad/puppeteer-humanize"
import { launch, Browser, Page, ElementHandle } from "puppeteer-extra"


;( async () => {
    const browser: Browser = await launch()
    const page: Page = await browser.newPage()

    await page.goto(`https://foo.bar`)

    const input: ElementHandle | undefined = await page.$(`input#my-input`)

    if (input) {
        // Text to enter into input.
        const text: string = `Zero Cool? Crashed fifteen hundred and seven computers in one day? Biggest crash in history, front page New York Times August 10th, 1988. I thought you was black, man. YO THIS IS ZERO COOL!`
        // Optional action configuration.
        // See `schemas/configs.ts` for full configuration shape.
        const config: TypeIntoConfig = {
            mistakes: {
                chance: 8,
                delay: {
                    min: 50,
                    max: 500
                }
            },
            delays: {
                space: {
                    chance: 70,
                    min: 10,
                    max: 50
                }
            }
        }
        // Deploy the action...
        await typeInto(input, text, config)
    }

    console.log(`Input complete!`)
} )()


```

## Implemented

- [x] `typeInto(element, text, config)`

## Roadmap

- [ ] GAN Mouse movement actions
- [ ] Improve typing actions
- [ ] Suggest stuff in [Discord](https://extra.community/) or [Discussions](https://github.com/force-adverse/puppeteer-humanize/discussions) (Not Issue Tracker)