open-index/open-npm huggingface dataset:
npm package: @swirly/parser
Description: Parser for the Swirly marble diagram format.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/parser

[![npm](https://img.shields.io/npm/v/@swirly/parser.svg)](https://www.npmjs.com/package/@swirly/parser) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

Parser for the [Swirly](https://github.com/timdp/swirly) marble diagram format.

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirly/parser-rxjs
Description: The RxJS marble parser, extracted for Swirly.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/parser-rxjs

[![npm](https://img.shields.io/npm/v/@swirly/parser-rxjs.svg)](https://www.npmjs.com/package/@swirly/parser-rxjs) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

The RxJS marble parser, extracted for [Swirly](https://github.com/timdp/swirly).

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirly/rasterization-client
Description: Rasterization client for Swirly marble diagrams.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/rasterization-client

[![npm](https://img.shields.io/npm/v/@swirly/rasterization-client.svg)](https://www.npmjs.com/package/@swirly/rasterization-client) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

Rasterization client for [Swirly](https://github.com/timdp/swirly) marble diagrams.

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirly/rasterization-server
Description: Rasterization server for Swirly marble diagrams.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/rasterization-server

[![npm](https://img.shields.io/npm/v/@swirly/rasterization-server.svg)](https://www.npmjs.com/package/@swirly/rasterization-server) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

Rasterization server for [Swirly](https://github.com/timdp/swirly) marble diagrams.

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirly/rasterizer-cairo
Description: Rasterizer for Swirly marble diagrams, using Cairo.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/rasterizer-cairo

[![npm](https://img.shields.io/npm/v/@swirly/rasterizer-cairo.svg)](https://www.npmjs.com/package/@swirly/rasterizer-cairo) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

Rasterizer for [Swirly](https://github.com/timdp/swirly) marble diagrams, using Cairo.

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirly/rasterizer-imagemagick
Description: Rasterizer for Swirly marble diagrams, using ImageMagick.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/rasterizer-imagemagick

[![npm](https://img.shields.io/npm/v/@swirly/rasterizer-imagemagick.svg)](https://www.npmjs.com/package/@swirly/rasterizer-imagemagick) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

Rasterizer for [Swirly](https://github.com/timdp/swirly) marble diagrams, using ImageMagick.

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirly/rasterizer-inkscape
Description: Rasterizer for Swirly marble diagrams, using Inkscape.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/rasterizer-inkscape

[![npm](https://img.shields.io/npm/v/@swirly/rasterizer-inkscape.svg)](https://www.npmjs.com/package/@swirly/rasterizer-inkscape) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

Rasterizer for [Swirly](https://github.com/timdp/swirly) marble diagrams, using Inkscape.

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirly/rasterizer-puppeteer
Description: Rasterizer for Swirly marble diagrams, using Puppeteer.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/rasterizer-puppeteer

[![npm](https://img.shields.io/npm/v/@swirly/rasterizer-puppeteer.svg)](https://www.npmjs.com/package/@swirly/rasterizer-puppeteer) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

Rasterizer for [Swirly](https://github.com/timdp/swirly) marble diagrams, using Puppeteer.

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirly/renderer
Description: Renderer for Swirly marble diagrams.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/renderer

[![npm](https://img.shields.io/npm/v/@swirly/renderer.svg)](https://www.npmjs.com/package/@swirly/renderer) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

Renderer for [Swirly](https://github.com/timdp/swirly) marble diagrams.

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirly/renderer-node
Description: Renderer for Swirly marble diagrams, for Node.js.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/renderer-node

[![npm](https://img.shields.io/npm/v/@swirly/renderer-node.svg)](https://www.npmjs.com/package/@swirly/renderer-node) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

Renderer for [Swirly](https://github.com/timdp/swirly) marble diagrams, for Node.js.

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirly/theme-default-base
Description: Base theme for Swirly marble diagrams.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/theme-default-base

[![npm](https://img.shields.io/npm/v/@swirly/theme-default-base.svg)](https://www.npmjs.com/package/@swirly/theme-default-base) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

Base theme for [Swirly](https://github.com/timdp/swirly) marble diagrams.

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirly/theme-default-dark
Description: Dark theme for Swirly marble diagrams.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/theme-default-dark

[![npm](https://img.shields.io/npm/v/@swirly/theme-default-dark.svg)](https://www.npmjs.com/package/@swirly/theme-default-dark) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

Dark theme for [Swirly](https://github.com/timdp/swirly) marble diagrams.

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirly/theme-default-light
Description: Light theme for Swirly marble diagrams.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/theme-default-light

[![npm](https://img.shields.io/npm/v/@swirly/theme-default-light.svg)](https://www.npmjs.com/package/@swirly/theme-default-light) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

Light theme for [Swirly](https://github.com/timdp/swirly) marble diagrams.

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirly/types
Description: TypeScript typings for Swirly.
Author: Tim De Pauw
Latest version: 0.21.0

# @swirly/types

[![npm](https://img.shields.io/npm/v/@swirly/types.svg)](https://www.npmjs.com/package/@swirly/types) [![JavaScript Standard Style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](https://standardjs.com)

TypeScript typings for [Swirly](https://github.com/timdp/swirly).

## Author

[Tim De Pauw](https://tmdpw.eu)

## License

MIT
npm package: @swirlyleopard/creatable
Description: A CLI to create a template for new projects
Author: Kyle Maune
Latest version: 1.0.5

# creatable

🏗 Small CLI to bootstrap new projects

## Installation & Usage

```bash
npm init @swirlyleopard/creatable
# or
npx @swirlyleopard/creatable
# or
npm install -g @swirlyleopard/creatable
creatable
```

## TODO

- Add common frontend frameworks
- Add common backend frameworks
- General improvements and more flexibility for the user
npm package: @swis/eslint-config
Description: JavaScript Standard Style - ESLint Shareable Config for SWIS
Author: Hendrik Nijmeijer
Latest version: 1.0.0

# @swis/eslint-config

> JavaScript Standard Style - ESLint Shareable Config for SWIS

Possible configs:
- standard
- vue

# Howto

Run: `npm install @swis/eslint-config eslint babel-eslint eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard`  

In your `.eslintrc.js`:
```
module.exports = {
    extends: [
        '@swis/eslint-config/[config]'
    ]
}
```

Add some rules to your package.json:

```
"lint:js": "cross-env NODE_ENV=production node node_modules/eslint/bin/eslint.js --ext=.js,.vue --format=node_modules/eslint-friendly-formatter resources/assets/js/ resources/assets/__tests__/",
"fix:js": "cross-env NODE_ENV=production node node_modules/eslint/bin/eslint.js --ext=.js,.vue --format=node_modules/eslint-friendly-formatter --fix resources/assets/js/ resources/assets/__tests__/"
```
npm package: @swis/eslint-config-fluo
Description: Shareable Eslint Config for Fluo based Drupal projects
Author: SWIS
Latest version: 1.0.4

# @swis/eslint-config-fluo

> The default eslint config for Fluo projects.

Extends [`eslint:recommended`](https://github.com/eslint/eslint/blob/main/conf/eslint-recommended.js).
Based upon drupal/core's[`.eslintrc.legacy.json`](https://github.com/eslint/eslint/blob/main/conf/eslint-recommended.js).

# Howto

Run: `npm install @swis/eslint-config-fluo`

In your `.eslintrc`:
```
{
    "extends": "@swis/eslint-config-fluo"
}
```
npm package: @swis/fluo-stylelint-config
Description: SCSS Standard Style - Stylelint Shareable Config for SWIS
Author: SWIS
Latest version: 2.0.0

# @swis/fluo-stylelint-config

> The default stylelint config for Fluo projects.

Extends [`stylelint-config-standard`](https://github.com/stylelint/stylelint-config-standard) and [`@stylistic/stylelint-config`](https://github.com/stylelint-stylistic/stylelint-config).

# Howto

Run: `npm install @swis/fluo-stylelint-config --save-dev`

In your `stylint.config.js`:
```
export default /** @type {import('stylelint').Config} */({
  extends: [
    '@swis/fluo-stylelint-config'
  ]
});
```
npm package: @swis/fluo-stylelint-config-smacss
Description: SCSS SMACSS Style - Stylelint Shareable Config for SWIS
Author: SWIS
Latest version: 1.2.0

# @swis/fluo-stylelint-config-smacss

> The SMACSS stylelint config for Fluo projects.

Extends [`fluo-stylelint-config`](https://bitbucket.org/swisnl/fluo-stylelint-config/).

# Howto

Run: `npm install @swis/fluo-stylelint-config-smacss stylelint-order stylelint-scss`

In your `.stylelintrc`:
```
{
    "extends": "@swis/fluo-stylelint-config-smacss"
}
```
npm package: @swis/php-cs-fixer-proxy
Description: Node.js proxy for PHP-CS-Fixer to run Git Hooks from Windows
Author: Jasper Zonneveld
Latest version: 0.1.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @swis/php-cs-fixer-proxy

[![Latest Version on NPM](https://img.shields.io/npm/v/@swis/php-cs-fixer-proxy.svg)](https://www.npmjs.com/package/@swis/php-cs-fixer-proxy)
[![Software License](https://img.shields.io/npm/l/@swis/php-cs-fixer-proxy.svg)](LICENSE)

Node.js proxy for [PHP-CS-Fixer](https://github.com/FriendsOfPHP/PHP-CS-Fixer) to run Git Hooks from Windows.
This package is intended to be used with [lint-staged](https://github.com/okonet/lint-staged).

N.B. Includes a fallback to local PHP-CS-Fixer when not on Windows.

## How does it work?

This package sets up an SSH connection to swisdev.nl and runs PHP-CS-Fixer on your virtual machine.
All arguments are directly passed to PHP-CS-Fixer.
If you don't work on a Windows PC, PHP-CS-Fixer is run directly on your machine.
Please see the [PHP-CS-Fixer documentation](https://github.com/FriendsOfPHP/PHP-CS-Fixer#readme) for all options.

## Requirements

PHP-CS-Fixer needs to be installed (and configured) in your project i.e.

```bash
$ composer require --dev friendsofphp/php-cs-fixer
```

## Installation

```bash
$ npm install @swis/php-cs-fixer-proxy
```

## Example lint-staged config

### Lint

`package.json`
```json
{
  "lint-staged": {
    "*.php": [
      "php-cs-fixer-proxy --dry-run"
    ]
  }
}
```

### Fix

`package.json`
```json
{
  "lint-staged": {
    "*.php": [
      "php-cs-fixer-proxy",
      "git add"
    ]
  }
}
```

## Security

If you discover any security related issues, please email security@swis.nl instead of using the issue tracker.

## License

The MIT License (MIT). Please see [License File](LICENSE) for more information.
npm package: @swis/stylelint-config
Description: SCSS Standard Style - Stylelint Shareable Config for SWIS
Author: Hendrik Nijmeijer
Latest version: 1.0.2

# @swis/stylelint-config

> SCSS Standard Style - Stylelint Shareable Config for SWIS

# Howto

Run: `npm install @swis/stylelint-config stylelint-order stylelint-scss`

Optional: also install `stylelint-processor-html` when linting .vue-files.  

In your `.stylelintrc`:
```
{
    "extends": "@swis/stylelint-config",
    "plugins": [
        "stylelint-order",
        "stylelint-scss"
    ]
}
```

## Linting style in .vue-files:
In your `.stylelintrc`:
```
{
    "processors": ["stylelint-processor-html"],
    "extends": "@swis/stylelint-config",
    "plugins": [
        "stylelint-order",
        "stylelint-scss"
    ]
}
```

Add some rules to your package.json:
```
"lint:css": "stylelint --syntax=scss \"**/*.scss\" \"resources/assets/js/**/*.vue\"",
"fix:css": "stylelint --syntax=scss --fix \"**/*.scss\"",
```

Note: .vue-files can not be automagically fixed as of now.
npm package: @swishjs/core
Description: CLI interface for Swish
Author: Mark Benson
Latest version: 2.0.10

# Swish Core

This is a command line tool which provides the power of Swish to your terminal.

## Installation

```bash
npm install -g @swish/core
```

You can also run Swish without installing it by using `npx`:

```bash
npx @swishjs/core --help
```

## Usage

You can get details on how to use Swish by running `swish --help`.

### List available plugins

```bash
swish --list
```

### Run a plugin

You can do one of the following to pass some data from a file:

- `cat file.txt | swish plugin-id` _(Pipe the file contents in from Cat)_
- `swish plugin-id < file.txt` _(Redirect the file contents in from the file)_
- `swish plugin-id --file file.txt` _(Have Swish read the file)_

Where `file.txt`is the file you want to process and `plugin-id` is the id of the plugin you want to run.

If you don't want to pass any input (some plugins like `uuid-generate` don't need input), you need to pass a `-0` or `--noinput` flag so Swish knows not to wait for input on stdin.

## Something isn't working!

Firstly, run with the `-v` flag to get verbose output. This will print out useful logs including:

- If a plugin isn't available, why it wasn't loaded - this could be because:
  - It's broken and failed to load
  - It took too long to load (more than 200ms) and was skipped
  - It requires something Swish Core doesn't provide
  - Swish is looking in the wrong place for it
- If the plugin did something bad and was terminated
npm package: @swishy/touch
Description: The touch command but on windows
Author: swishy
Latest version: 1.0.0

# Touch

Just the touch command but for windows.

## Installation

Install with npm or yarn.

```bash
npm install -g @swishy/touch
```

```bash
yarn global add @swishy/touch
```

## Usage

Use in the command line

```bash
touch index.js
File index.js created.
```

## License
[MIT](https://choosealicense.com/licenses/mit/)
npm package: @swissfederalrailways/dom-component-path
Description: Get the component path of a DOM element.
Latest version: 7.2.0

# dom-component-path

> Get the component path of a DOM element.

## Install
```
npm install @swissfederalrailways/dom-component-path
```

## Example

Running the following code:

```javascript
import domComponentPath from '@swissfederalrailways/dom-component-path'
const h1 = document.querySelector('h1')
const path = domComponentPath(h1)
```

With the following HTML:

```html
<html lang="en">
  <body data-sit-component="detail page">
    <div id="main">
      <div class="module">
        <h1>Hello World</h1>
      </div>
    </div>
  </body>
</html>
```

Yields the following result:

```JSON
[
  {
    "name": "Tag: html",
    "position": 1
  },
  {
    "name": "Component: detail page",
    "position": 1
  },
  {
    "name": "ID: main",
    "position": 1
  },
  {
    "name": "Class: module",
    "position": 1
  },
  {
    "name": "Tag: h1",
    "position": 1
  }
]
```

# Running Tests

Tests can be easily run locally as follows:

```bash
npm install
npm test
```