open-index/open-npm huggingface dataset:
npm package: @nettyn_npm/specshield
Description: SpecShield CLI — Vibe-coding premium com estrutura, segurança e automação.
Author: nettyn_npm
Latest version: 1.0.0

# specshield CLI

> `npx specshield init` — configura o ambiente SpecShield no seu projeto em segundos.

## Uso

```bash
# Configurar o SpecShield no projeto atual
npx specshield init

# Verificar se o ambiente está OK
npx specshield check

# Ajuda
npx specshield --help
```

## O que o `init` faz automaticamente

1. Verifica pré-requisitos (git, node, python)
2. Cria estrutura de pastas do projeto
3. Instala e configura o GitHub Spec Kit
4. Instala CrewAI v1.13.0 com suporte a Ollama
5. Configura os 4 agentes (arquiteto, segurança, dev, revisor)
6. Instala Semgrep e configura Gitleaks + Trivy
7. Configura Conventional Commits + Semantic Release
8. Configura Git Hooks via Husky + pre-commit
9. Cria o Spec Drift Detector
10. Cria o GitHub Actions pipeline completo
11. Verificação final com checklist

## Pré-requisitos

- Node.js 18+
- Python 3.11+
- Git
- Ollama CLI com plano pago
- Claude Code CLI

## Após o setup

```bash
# Abrir o agente com Gemma 4 31B via Ollama Cloud
ollama launch claude --model gemma4:31b:cloud

# Descrever sua ideia
/specify [o que você quer construir]
```

## Publicar no npm

```bash
cd specshield-cli
npm login
npm publish
```

## Links

- Site: https://specshield.lovable.app
- Repositório: https://github.com/playandogamer150-commits/SpecShield-
npm package: @netu-si/netu-react-dsf-components
Description: React Component Library Using the GOV-CY DSF Design System
Author: Porfyrios Vasileiou
Latest version: 2.0.1

# netu-react-dsf-components

An implementation of the [GOV-CY Design System](https://gov-cy.github.io/govcy-design-system-docs/) in [React](https://reactjs.org)

## Usage

```sh
yarn install @netu-si/netu-react-dsf-components
```

```jsx
import { DSFButton } from 'netu-react-dsf-components';

const MyComponent = ({ title }) => (
  <div>
    <h1>{title}</h1>
    <DSFButton id="submitBtn">Submit</DSFButton>
  </div>
);
```

See the [Storybook](https://animated-adventure-ey7gv1m.pages.github.io/) for examples of all available components.

## Release Process

To publish a new version of the package:

1. Make your changes and commit them
2. Build the project to ensure everything works:
   ```sh
   npm run build
   ```
3. Commit your changes if the build is successful
4. Bump the version (patch, minor, or major):
   ```sh
   npm version patch
   ```
5. Publish to npm:
   ```sh
   npm publish
   ```
6. Commit the version bump changes

## Related sites and projects

### GOV-CY

- [GOV-CY Design System](https://gov-cy.github.io/govcy-design-system-docs/) ([GitHub Repo](https://github.com/gov-cy/govcy-design-system))
- [Digital Services Factory](https://dsf.dmrid.gov.cy/)
npm package: @netux/rollup-plugin-userscript
Description: Rollup plugin for userscript
Author: Gerald
Latest version: 0.4.0

# rollup-plugin-userscript

![NPM](https://img.shields.io/npm/v/rollup-plugin-userscript.svg)
![License](https://img.shields.io/npm/l/rollup-plugin-userscript.svg)
![Downloads](https://img.shields.io/npm/dt/rollup-plugin-userscript.svg)

Automatically parse metadata and set `@grant`s.

With this plugin, `@grant`s for [`GM_*`/`GM.*` functions and `unsafeWindow`](https://violentmonkey.github.io/api/metadata-block/) will be added at compile time.

## Usage

Add the plugin to rollup.config.js:

```js
import userscript from 'rollup-plugin-userscript';

const plugins = [
  // ...
  userscript(meta => meta.replace('process.env.AUTHOR', pkg.author)),
];
```

Import the metadata file with a suffix `?userscript-metadata` in your script:

```js
import './meta.js?userscript-metadata';
```
npm package: @netv/box-selection
Description: box selection plugin for NetV.js
Latest version: 1.0.9

# netv-box-selection

Box selection plugin for NetV.js(http://netv.zjuvag.org/)

![box-selection-demo](https://github.com/ZJUVAI/NetV.js/raw/dev/packages/box-selection/images/box-selection.png)

## API reference

### `boxSelection = new BoxSelection(netv, configs)`

Create boxSelection handler

-   `netv: NetV`: pass core NetV object
-   `configs: {}`: key-value pair configs
    -   `enable: bool`: default enable box-selection or not
    -   `boxStyle: {}`: selection box's style (below is supported attribute and their default value)
        -   `fill`: `rgba(200, 200, 200, 0.2)`,
        -   `stroke`: `black`,
        -   `stroke-width`: `1`,
        -   `stroke-dasharray`: `[]`

### `boxSelection.dispose()`

Dispose boxSelection handler, clean related DOM element

### `boxSelection.enable()`

Manually enable box selection.

### `boxSelection.disable()`

Manually disable box selection.

### `boxSelection.onSelected(callback: (nodes: Node[]) => {})`

Set callback function, the callback can get selected nodes in NetV's Node type.
npm package: @netv/label
Description: Label plugin for NetV.js
Latest version: 1.0.4

# @netv\label

Label plugin for NetV.js(http://netv.zjuvag.org/)

![label](https://github.com/ZJUVAI/NetV.js/raw/dev/packages/label/images/label.png)

## API reference

### `label = new Label(netv)`

Constructor, create label handler

### `label.dispose()`

Dispose label handler, remove related DOM element

### `getLabel(node: Node)`

Get label for given node.

### `draw(node: Node | Node[], drawFunc?: (node: Node) => HTMLSVGElement)`

Draw label for given node(s).

User can specify custom drawFunc, we provide several build-in drawFuncs:

-   `Label.template.rightText`: label will show at node's right, horizontal center aligned.
-   `Label.template.topText`: label will show at node's top, vertical center aligned.

Default drawFunc is `rightText`.

User can also write customized drawFunc to draw any svg elements, like draw an image:

```js
const element = document.createElementNS('http://www.w3.org/2000/svg', 'image')
element.setAttribute('href', 'http://netv.zjuvag.org/logo.svg')
element.setAttribute('width', '100')
labelManager.draw(node, (node) => {
    return element
})
```

### `updatePosition(node: Node | Node[])`

Update label's position for given node(s).

The label's position will not sync with node when drag or manually change node's position. User may call this function manually.

### `remove(node: Node | Node[])`

Rmove node's label.
npm package: @netv/lasso-selection
Description: lasso plugin for NetV.js
Latest version: 1.0.12

# @netv/lasso-selection

Lasso plugin for NetV.js(http://netv.zjuvag.org/)

![lasso](https://github.com/ZJUVAI/NetV.js/raw/dev/packages/lasso-selection/images/lasso.png)

## API reference

### `lasso = new Lasso(netv, configs)`

Create lasso handler

-   `netv: NetV`: pass core NetV object
-   `configs: {}`: key-value pair configs
    -   `enable: bool`: default enable lasso or not
    -   `multiSelectKey: string`: key pressed when using multi-select, default is `'Shift'`
    -   `pathStyle: {}`: lasso path style (below is supported attribute and their default value)
        -   `fill`: `rgba(200, 200, 200, 0.2)`,
        -   `stroke`: `black`,
        -   `stroke-width`: `2`,
        -   `stroke-dasharray`: `[]`,
        -   `stroke-linejoin`: `round`,
        -   `stroke-linecap`: `round`

### `lasso.dispose()`

Dispose lasso handler, clean related DOM element

### `lasso.enable()`

Manually enable lasso selection.

### `lasso.disable()`

Manually disable lasso selection.

### `lasso.closeDistance(distance: number)`

Set lasso's closeDistance to control the tolerance.

### `lasso.onSelected(callback: (nodes: Node[]) => {})`

Set callback function, the callback can get selected nodes in NetV's Node type.
npm package: @netvarec/vapi-cli
Description: A template-driven content management system
Author: Scott Robbin
Latest version: 0.12.0

## No longer maintained

This repository is no longer maintained. Issues and pull requests will no longer be answered or approved. The repository will remain read-only though, so that users can fork and use elsewhere. Thank you for a good run.

---

<img src="http://cdn.vapid.com/logo.svg" width="300px" height="auto" alt="Vapid logo">

Vapid is an intentionally simple content management system built on the idea that you can create a custom dashboard without ever leaving the HTML.

[![CircleCI](https://circleci.com/gh/vapid/vapid.svg?style=svg)](https://circleci.com/gh/vapid/vapid)

## Installation

Vapid requires **node v10** or higher, and can be installed via [npm](https://www.npmjs.com/)

```
npm install -g @vapid/cli
```

_Note: A desktop GUI application is coming soon—please add yourself to [the mailing list](https://www.vapid.com) if you'd like to be notified when that is available._

## Usage

To create a new website project, use the Vapid command line tool:

```
vapid new path/to/project/folder
```

Then change to the project directory, and start the development server. By default, the server will livereload, and refresh your website as you change the source files.

```
cd path/to/project/folder
vapid start .
```

A few files and folders you should be aware of:

File/Folder | Description
--- | ---
www | Your website files. Anything you put in here is an accessible resource, with the exceptions of files that start with underscores or periods—those are private/special. Sass and JS files that have the `.pack.js`, `.pack.scss`, or `.pack.sass` extensions will be compiled by Webpack.
data | SQLite database file, and uploaded images. In general, you do not want to mess with this folder.
node_modules | This one should also be ignored.
package.json | Information about your project, including Vapid configuration options.
.env | A private file that contains server environment variables, like the SECRET_KEY used by the web server.

## Deploying

Vapid can be deployed to any hosting service that supports Node.js. Here are a few to consider:

Service | Notes
--- | ---
Heroku | Free or paid tiers. One thing to note is that Heroku's file system is ephemeral, so Vapid's `type=image` directives won't work here.
Glitch | The easiest way to [take Vapid for a test-drive](https://glitch.com/edit/#!/remix/vapid?SECRET_KEY=change-me).

Or, use the `vapid build` command to export to a static website, and host on S3, [Surge](https://surge.sh/), or the like.

## Community

If you'd like to get involved, and help improve Vapid:

* Participate in and answer questions in the [Vapid forums](https://forums.vapid.com/)
* [Contribute](https://github.com/vapid/vapid/blob/master/CONTRIBUTING.md) on [Issues](https://github.com/vapid/vapid/issues)
* Suggest edits for the [Wiki](https://github.com/vapid/vapid/wiki)
* Follow [@hellovapid](https://twitter.com/hellovapid) on Twitter

# License

[MIT](/LICENSE.md)
npm package: @netvlies/eslint-config-vue
Description: ESlint config for Vue frontend projects at Netvlies
Author: Netvlies
Latest version: 0.1.8

# @netvlies/eslint-config-vue

ESlint config for Vue frontend projects at Netvlies

### Want to make changes?

1. Run `npm install`
2. Update `index.js` with desired settings
3. If you haven't done so, copy .env file: `$ cp .env.dist .env`
4. Create a personal access token in Github and paste token in `GITLAB_TOKEN` variable in `.env` file
5. Release your version: `$ npm run release` and follow prompt
npm package: @netvlies/nvs-prettier-config
Description: Prettier config for NVS projects
Author: Berrie Nachtweh
Latest version: 1.0.9
Deprecated: this bundle has been moved. use @netvlies/prettier-config in stead

# NVS Prettier config
This is a simple module containing the rules for the prettier we use in our projects. Always include this config in your projects, so code / prettier style is maintained in a central place.

## Installation
1. `yarn add @netvlies/nvs-prettier-config -D` or `npm i @netvlies/nvs-prettier-config --save-dev`
2. Add the following rule to your pacakge: `"prettier": "@netvlies/nvs-prettier-config"`

Your package should look something like this:

```
  {
    "name": "my-project",
    "version": "1.0.0",
    "prettier": "@netvlies/nvs-prettier-config"
  }
```

## Want to contribute?
Please edit the config file and submit a merge request. One of the maintainers with NPM access will submit the update to NPM.

## Maintainers
| Name | NPM Publish rights |
| :------ | :----- |
| Berrie Nachtweh | Yes |
npm package: @netvlies/pinia-collection
Description: Collection of (Pinia) store modules and plugins
Author: Netvlies Internetdiensten
Latest version: 1.4.0

# Pinia Collection 🍍

This repository contains a collection of (Pinia) store modules and plugins

## Installation

1. Add Pinia to your project. [Follow the guide here](https://pinia.vuejs.org/getting-started.html)
2. Add the netvlies pinia collection to your project: `npm i @netvlies/pinia-collection;`
3. Create a compatible Pinia instance and provide custom options:

```
import { createApp } from 'vue';
import { usePiniaCollection } from '@netvlies/pinia-collection';

createApp({...}).use(usePiniaCollection({...}));
```

4. Import the module(s) you need inside your `script setup`: `import { useAuthStore } from '@netvlies/pinia-collection';`
5. Use the imported module in the composition API or anywhere after initialization of Pinia. [See the docs](https://pinia.vuejs.org/core-concepts/outside-component-usage.html).

## Usage of plugins without Pinia collection instance

By default, some of the plugins provided by this collection will be loaded on usage of `usePiniaCollection`. If you have a Pinia instance of your own and just want to use some of these plugins, insert the following:

```
import { createPinia } from 'pinia';
import { useAPI } from '@netvlies/pinia-collection;

const pinia = createPinia();

pinia.use({ store } => {
    store.$api = useAPI(...);
});
```

For more docs, follow the [Pinia plugin guide](https://pinia.vuejs.org/core-concepts/plugins.html)

## Contributing guide

1. Clone this repo
2. Make your changes and commit them according to our [git commit format](https://netvlies.jira.com/l/c/Z2MQzswC)
3. Submit PR and get it approved
4. Merge PR to `release/{MR Creation year}{MR creation month}{3 digit number}` e.g. `release/202206001`
5. Create new release with `npm run release`
6. Merge release to `main`
npm package: @netvlies/prettier-config
Description: Prettier config for NVS projects
Author: Berrie Nachtweh
Latest version: 1.1.6

# @netvlies/prettier-config
This is a simple module containing the rules for the prettier we use in our projects. Always include this config in your projects, so code / prettier style is maintained in a central place.

## Installation
1. `yarn add @netvlies/prettier-config -D` or `npm i @netvlies/prettier-config --save-dev`
2. Add the following rule to your pacakge: `"prettier": "@netvlies/prettier-config"`

Your package should look something like this:

```
  {
    "name": "my-project",
    "version": "1.0.0",
    "prettier": "@netvlies/prettier-config"
  }
```

## Want to contribute?
Please edit the config file and submit a merge request. One of the maintainers with NPM access will submit the update to NPM.

## Maintainers
| Name | NPM Publish rights |
| :------ | :----- |
| Berrie Nachtweh | Yes |
| Jelmer de Maat | Yes |
npm package: @netvlies/utility-collection
Description: Collection of frequently used utilities by Netvlies
Author: Netvlies Internetdiensten
Latest version: 0.3.1

# Utility Collection

This repository contains a collection of frequently used utilities by Netvlies

## Installation

1. Add the bundle to your project `npm i @netvlies/utility-collection`

## Contributing guide

1. Clone this repo
2. Make your changes and commit them according to our [git commit format](https://netvlies.jira.com/l/c/Z2MQzswC)
3. Submit PR and get it approved
4. Merge PR to `release/{year}{3-digit number}`, e.g. `release/2023001`
5. Create new release with `npm run release`
6. Merge release to `main`
npm package: @netvlies/vue-breadcrumbs
Description: Creates breadcrumbs list based on active Vue Route
Author: Berrie Nachtweh
Latest version: 0.0.1

# @netvlies/vue-breadcrumbs

Creates breadcrumbs list based on active Vue Route

## Usage

1. Make sure Vue Router is installed on 4.x.x
2. Install this bundle
3. Add plugin to vue application:

```
import { createApp } from 'vue';
import { breadcrumbBundle } from '@netvlies/vue-breadcrumbs';

...

import App from './App.vue';

createApp(App).use(breadcrumbBundle);
```

4. Add breadcrumb text (and optional path) to your vue routes:

```
const routes = [
    {
        path: '/about/:test',
        name: 'about',
        meta: {
            breadcrumb: {
                parents: [
                    {
                        path: '/about/:test/test',
                        label: 'test'
                    }
                ],
                label: 'adf'
            }
        },
    }
]
```

When no path is provided, breadcrumbs falls back on parent of current breadcrumb.