open-index/open-npm huggingface dataset:
npm package: @netzstrategen/eslint-config
Description: Netzstrategen eslint config
Author: Netzstrategen
Latest version: 1.0.1

# Netzstrategen eslint config

Standard eslint config for Netzstrategen projects.

## Installation

Install the configuration and all peer dependencies:

```bash
npm install --save-dev @netzstrategen/eslint-config eslint
```

## Usage

### Create the eslint configuration

Create a [eslint configuration](https://eslint.org/docs/user-guide/configuring/configuration-files) js file:

**.eslintrc.js**

```js
module.exports = {
  extends: ['@netzstrategen/eslint-config'],
};
```

### Modifying the config

Overwrite rules from the default Netzstrategen config:

```js
module.exports = {
  extends: ['@netzstrategen/eslint-config'],
  rules: {
    'no-invalid-this': 'off',
  };
}
```
npm package: @netzstrategen/fractal-twig
Description: Twig template adapter for Fractal.
Author: Fabian Marz
Latest version: 2.4.0

# Fractal Twig Drupal adapter

This fork allows you to use the namespaces from your `theme.info.yml` file from the `component-libraries` key in your Fractal instance.

## Requirements & Usage

Use with the [Fractal integration module for Drupal](https://github.com/netzstrategen/drupal-twig_fractal):

```sh
composer require netzstrategen/drupal-twig_fractal
```

## Setup

```sh
npm install --save git+ssh://git@github.com/netzstrategen/fractal-twig.git
```

or add manually in your `package.json`:

```json
{
  "dependencies": {
    "@netzstrategen/fractal-twig": "git+ssh://git@github.com/netzstrategen/fractal-twig.git"
  }
}
```

in your `fractal.js`

```js
const fractal = require('@frctl/fractal').create();
const twigAdapter = require('@netzstrategen/fractal-twig');
fractal.components.engine(twigAdapter);
```

## Credits
This package is based on the work of https://github.com/WondrousLLC/twig-drupal
npm package: @netzstrategen/gulp-task-collection
Description: A collection of gulp tasks.
Author: netzstrategen
Latest version: 4.1.4

# netzstrategen Gulp tasks collection

Commonly used Gulp tasks shared across projects.

## Supported tasks

- Clean `/dist` folder
- Sass compilation
- JS compilation
- Image compression
- SVG icon sprite generation
- Inline SVG files

## Installation

1. `npm i @netzstrategen/gulp-task-collection`
2. `require` in project Gulpfile (see [sample.gulpfile.js](https://github.com/netzstrategen/gulp-task-collection/blob/master/sample.gulpfile.js))
3. Customise asset paths in project `package.json` (see [package.json](https://github.com/netzstrategen/gulp-task-collection/blob/master/package.json))

## Available commands

- `gulp`: Default task runs (in order) `fonts`, `icons`, `images`, `styles`, `scripts` and then watches for changes
- `gulp build`: Build assets (`fonts`, `icons`, `images`, `styles`, `scripts`)
- `gulp build:production`: Build production-ready assets

- `gulp clean`: Clean `/dist` folder
- `gulp styles` and `gulp styles:production`: Sass compilation
- `gulp scripts` and `gulp scripts:production`: JS compilation
- `gulp fonts`: Copy fonts to `/dist` folder
- `gulp icons`: Generate SVG icon sprite from folder of individual SVG icons
- `gulp images`: Image compression and inline SVG

## `styles` / `scripts` task options

Option | Effect
:--- | :---
`--minify` | Additionally generate minified files, suffixed with `.min`. Defaults to `true` in production builds.
`--sourcemaps` | Add source mappings to compiled files. Defaults to `true` in non-production builds.
`--fail-after-error` | See section _Continuous Integration_ below for details.
`--concat` | Concatenate CSS/JS asset files into a single aggregate file.

You can pass an `options` object inside `gulpPaths.scripts`/`gulpPaths.styles` in your `package.json` to set options for each respective task.

## Continuous Integration

To not break the watch process, all tasks are continued by default, even if one of the tasks produces an error, so gulp will always exit with code 0.

Continuous Integrations and build scripts can use the flag `--fail-after-error` to make gulp exit after an error with an exit code > 0. By default, `--fail-after-error` is `false` for both dev and production builds.

## Upgrading to v3

Version 3.0 introduces some changes to the behavior in v2:

- `concat` is now false by default for css and js. v2 was concatenating js, but not css. To keep this behavior, set `gulpPaths.scripts.options.concat: true` inside your project's `package.json`.
- the `--production` flag is gone. To run a build for production environments, please use the corresponding `styles:production` and `scripts:production` tasks.
- the `--outputStyle` flag is gone. It has been replaced by `--minify`.
- the option `--sourcemaps` is enabled by default for development / non-production builds.

## Authors

- Fabian Marz: [fabian@netzstrategen.com](fabian@netzstrategen.com)
- Tom Hare: [tom@netzstrategen.com](tom@netzstrategen.com)
npm package: @netzstrategen/stylelint-config
Description: Stylelint configuration for netzstrategen projects.
Author: netzstrategen
Latest version: 3.0.0

# Netzstrategen stylelint config

Standard stylelint config for Netzstrategen projects.

## Installation

Install the configuration and all peer dependencies:

```bash
npm install --save-dev @netzstrategen/stylelint-config stylelint
```

## Usage

### Create the stylelint configuration

Create a [stylelint configuration](https://stylelint.io/user-guide/configuration/) json file:

**.stylelintrc.json**

```json
{
  "extends": [
    "@netzstrategen/stylelint-config"
  ]
}
```

### Modifying the config

Overwrite rules from the default Netzstrategen config:

```json
{
  "extends": [
    "stylelint-config-netzstrategen"
  ],
  "rules": {
    "no-empty-source": null
  }
}
```

Stylelint has an extensive [list of rules](https://stylelint.io/user-guide/rules/). Additional rules are provided by the following packages:

- [@zazen/stylelint-config](https://github.com/stormwarning/zazen-stylelint-config)
  - [stylelint-config-recommended](https://github.com/stylelint/stylelint-config-recommended)
  - [stylelint-order](https://github.com/hudochenkov/stylelint-order)
- [stylelint-scss](https://github.com/kristerkari/stylelint-scss)
- [stylelint-selector-bem-pattern](https://github.com/simonsmith/stylelint-selector-bem-pattern)
npm package: @netzstrategen/twig-drupal-fractal-adapter
Description: Twig template adapter for Fractal.
Author: Fabian Marz
Latest version: 2.2.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Fractal Twig Drupal adapter

This fork allows you to use the namespaces from your `theme.info.yml` file from the `component-libraries` key in your Fractal instance.

## Requirements & Usage

Use with the [Fractal integration module for Drupal](https://github.com/netzstrategen/drupal-twig_fractal):

```sh
composer require netzstrategen/drupal-twig_fractal
```

## Setup

```sh
npm install --save git+ssh://git@github.com/netzstrategen/twig-drupal.git
```

or add manually in your `package.json`:

```json
{
  "dependencies": {
    "@frctl/twig-drupal": "git+ssh://git@github.com/netzstrategen/twig-drupal.git"
  }
}
```

in your `fractal.js`

```js
const fractal = require('@frctl/fractal').create();
const twigAdapter = require('@frctl/twig-drupal');
fractal.components.engine(twigAdapter);
```

## Credits
This package is based on the work of https://github.com/WondrousLLC/twig-drupal
npm package: @neu-extend/extendify
Description: CLI tool to add node extensions to your Neutralino application
Author: Ayman
Latest version: 1.0.1

# Extendify

This npm package helps you generate node extensions for your Neutralino application with ease.

## Installation

```
npm i @neu-extend/extendify
```

## Generate node extensions 

cd into your Neutralino project and use the following to generate your extension.

```
extendify create <extension-name>
```
npm package: @neu-ui/web-components
Description: A Neumorphic web component library built with @microsoft/fast-element and Vite using javascript
Author: Ashik Moosa
Latest version: 0.1.10

# Neu-UI Web Components

Neu-UI is a Neumorphic web component library built with @microsoft/fast-element and Vite using javascript.

## Getting Started

To get started with Neu-UI, follow these steps:

## Installation

```bash
npm i @neu-ui/web-components
```

## Usage

**Importing the Entire Library** To use all components from the Neu-UI library, import the entire library:

```html
<script type="module">
  import '@neu-ui/web-components'
</script>

<neu-button>Neu-UI</neu-button>
```

**Importing Individual Components** If you prefer to load only specific components, you can import them individually:

```html
<script type="module">
  import { Button } from '@neu-ui/web-components/components/button';
</script>

<neu-button>Neu-UI</neu-button>
```
npm package: @neuctra/ui
Description: A modern, responsive, customizable React UI component library powered by Tailwind CSS and Vite.
Author: Your Name
Latest version: 0.2.18


# @neuctra/ui

A modern, customizable, and fully responsive React UI component library built with Tailwind CSS, TypeScript, and Vite.

> ⚡ Rapidly build accessible and beautiful interfaces using clean, developer-friendly components.

---

## 📦 Installation

### Using npm

```bash
npm install @neuctra/ui
````

### Using yarn

```bash
yarn add @neuctra/ui
````



## 🧱 Usage

Import and use any component:

```tsx
import { Button, Dropdown, Input } from '@neuctra/ui';

export default function App() {
  return (
    <div className="p-4">
      <Button>Click Me</Button>

      <Dropdown
        options={[
          { label: 'Option 1', value: '1' },
          { label: 'Option 2', value: '2' },
        ]}
        placeholder="Select an option"
      />

      <Input placeholder="Type here..." />
    </div>
  );
}
```

---

## 🎨 Customization

Components support rich props like:

* `className` for Tailwind overrides
* Color, padding, margin, radius, shadow via props
* Icon support (via `lucide-react` or `react-icons`)
* Controlled or uncontrolled components
* Transition and animation props

Each component is designed with flexibility and accessibility in mind.

---

## 📚 Components

> Full documentation coming soon

* `Button`
* `Input`
* `TextArea`
* `Dropdown`
* `AudioPlayer`
* `VideoPlayer`
* `Accordion`
* `Drawer`
* `Alert`
* More coming...

---


## 📄 License

MIT © [Taha Asif](https://github.com/Taha-Asif-313)

---

## 🌐 Links

* [GitHub Repository](https://github.com/Taha-Asif-313/neuctra-ui)
* [NPM Package](https://www.npmjs.com/package/@neuctra/ui)
* [Documentation (coming soon)](https://neuctra-ui.vercel.app)
npm package: @neuekit/neuekit
Description: Neue Kit is a fully responsive framework crafted for scalability. Based on the principles of the ITCSS methodology this front-end springboard is flexible, fun to work with (we hope), and built for the future.
Author: Matt Pilott
Latest version: 1.1.1

# <a href="https://neuekit.github.io/neuekit/" target="_blank">Neue Kit</a> - M1

> WARNING MINIMAL ACCESSIBLE DOCUMENTATION;  
> Code works though 🙃


Neue Kit is a utilitarian, ITCSS based, super scaleable front-end framework. It's built for the modern web and only supports modern browsers, oh and IE11, all for the benefit of web users everywhere.

The kit includes a flex based fluid grid, common comprehendible Javascript plugins and a tasty minimalist style for all your friendly neighbourhood web elements.

## Quick Start

To get started with Neue Kit you can either `npm install` this package into your project or head over to the starter repo to get going with a barebones web project that includes this repo via npm.

## Requirements

This is a Sass based framework and you'll need something to compile all that sassy code. In-house we use npm scripts to watch for, check, compile, minify and display code changes fast.

All style properties are autoprefixed where required, all JavaScript code is transpiled using Babel, bundled using Rollup and minified using Uglify. Finally code changes are served to the browser whilst you develop your codebase in realtime using Browsersync.

The JavaScript setup here means you can code in whatever Babel supports and browser support for both the transpiled JavaScript and compiled CSS is based on the Browserlist array in package.json. This ensures that your JS & CSS code support the same browsers!

## Setup

To get going with the framework you can:



In future sessions where you already have the dependancies you can just run `npm start`

## <a href="https://neuekit.github.io/neuekit/" target="_blank">Documentation</a>

Still in progress...

## Supported Browsers

![Browsers](https://neuekit.github.io/neuekit/images/browsers.svg)

## Supported Platforms

![Browsers](https://neuekit.github.io/neuekit/images/platforms.svg)

Copyright © 2020 Creative Little Dots, ltd.
npm package: @neuekit/reboot
Description: Neue Kit Reboot is an opionated style reset supporting modern browsers
Author: Matt Pilott && Darby Manning && Chris Myers
Latest version: 2.0.0

![Hero](https://github.com/neuekit/reboot/raw/main/hero.png)

<p align="center">
A modern approach to consistently styled elements! 🧑‍💻
</p>

## Hello 👋,

![GitHub release](https://img.shields.io/github/release/neuekit/reboot.svg?style=for-the-badge)

### M2 has dropped support for IE11 💪
This is the somewhat incredible readme for a little mashup of normalize, sanitize and opinion.

A reset in it's purest form is a way to level the browser playing field, attempting to ensure that each browser displays all standardised elements the same. Although that sounds fairly trivial, in practice it is quite time consuming and requries you to check every element in a variety of situations to ensure you haven't added strange issues.

The idea of course is to simplify the life of web folk not infuriate them with oddities. This reset is based on normalize which offers us that level playing field, it has then been carefully expanded and altered for more modern front-end best practices. For example we use `box-sizing: border-box;` in most cases, we also set `position: relative;` and switch off background repeat. These are micro wins and come from numerous discussions around the web, especially the sanitize.css issues section.

These opinionated changes are loosely set at the top level and inherited by children of `<html>` and `<body>`. This makes them easy to override and change in one place.

The sheet itself does trend toward being more specific at the end, which at the very least pleases me personally. ([See CSS Specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity))

- - -

To fork the project and make changes so that you can help shape reboot simply do the following.

## Step 1:
Download the repo or open terminal, change to the directory where your projects are stored (`cd`) and run
`git clone https://github.com/neuekit/reboot.git`.

## Step 2:
This project uses npm and can be setup using either npm or yarn. Simply `cd` into the newly created directory and run
`$ npm install`

## Step 3:
After running one of the above commands the dependencies will install and it will start watching for changes to the scss file. To do this after install run either `$ npm run watch`

## Commands
To build the project manually run either `$ npm run build`
To watch for changes manually run either `$ npm run watch`

## Future
M3 (version 3) will shift to use the super low specificity pseudo selector `:where` and drop support for any browsers that do not support it (classic Edge, Safari 13 etc.)

**That's all! Feel free to scrutinise this repo and help improve it.**
npm package: @neuekit/utilities
Description: Tree-shakeable JavaScript utilities, add yours today!
Author: Matt Pilott && Darby Manning
Latest version: 1.8.1
Deprecated: WARNING: This project has been renamed to @neuekit/utils. Install using @neuekit/utils instead.

![Hero](https://github.com/neuekit/utilities/raw/master/hero.png)

<p align="center">
  Tree-shakeable JavaScript utilities, add yours today! 🧑‍💻
</p>

## Hello 👋,

![GitHub release](https://img.shields.io/github/release/neuekit/utilities.svg?style=for-the-badge)

The purpose of this repo is to create a single point of access for all those little helpers, tools and utilities that you have on all your projects.

### Structure

The structure is super simple, there is a master import at the root of src that pulls in the namespaces, those in turn have their own indice which import the modules themselves.

Each module is a single exported function, please continue this way as it makes things easy to reason about and keeps individual modules small.

The aim with this approach is to have small files that do one thing well.

#### Open to contributions, ideas and feedback, oh plus bugs of course 🤓

[Documentation available here](https://neuekit.github.io/utilities/index.html)
npm package: @neuekit/utils
Description: Tree-shakeable JavaScript utilities, add yours today!
Author: Matt Pilott && Darby Manning
Latest version: 2.5.3

![Hero](https://raw.githubusercontent.com/neuekit/utilities/main/.github/hero.svg)

<p align="center">
  Tree-shakeable JavaScript utilities, add yours today! 🧑‍💻
</p>

## Hello 👋,

<a href="https://github.com/neuekit/utilities/releases">
<img src="https://img.shields.io/github/v/release/neuekit/utilities" alt="Releases" />
</a>

<a href="https://github.com/neuekit/utilities/actions">
<img src="https://github.com/neuekit/utilities/actions/workflows/main.yml/badge.svg" alt="CI" />
</a>

The purpose of this repo is to create a single point of access for all those little helpers, tools and utilities that you have on all your projects.

### Structure

The structure is super simple, there is a main import at the root of lib that pulls in the namespaces, those in turn have their own indice which import the modules themselves.

Each module is a single exported function or micro api, please continue this way as it makes things easy to reason about and keeps individual modules small.

The aim with this approach is to have small files that do one thing well.

#### Open to contributions, ideas and feedback, oh plus bugs of course 🤓

[Documentation available here](https://neuekit.github.io/utilities/index.html)

![Alt](https://repobeats.axiom.co/api/embed/dff5b0ba9f0da76ccc2a8349f39eec1c743b42f7.svg "Repobeats analytics image")
npm package: @neuelabs/button
Description:  neuelabs react button component
Author: Bu Kinoshita
Latest version: 0.0.1

![neuelabs button cover](https://github.com/neuelabs/media/blob/master/github/button.png)

## Install

```bash
yarn add @neuelabs/button
```

## Usage

```js
'use strict'

import Button from '@neuelabs/button'

const Component = () => (
	<div>
		<Button onClick={() => console.log('neuelabs')}>Click me</Button>
	</div>
)

export default Component
```

## Live Playground

For examples, go to [storybook](https://neuelabs.github.io/button/)

OR

To run that demo on your own computer:

* Clone this repository
* yarn
* yarn storybook
* Visit [http://localhost:9001](http://localhost:9001)

## License

MIT © [neuelabs](https://neuelabs.co)
npm package: @neuelabs/input
Description: neuelabs react input component
Author: Bu Kinoshita
Latest version: 0.0.2

![neuelabs input cover](https://github.com/neuelabs/media/blob/master/github/input.png)

## Install

```bash
yarn add @neuelabs/input
```

## Usage

```js
'use strict'

import Input from '@neuelabs/input'

const Component = () => (
	<div>
		<Input
			placeholder="Type text"
			label="Username"
			name="username"
			onChange={action('typing...')}
		/>
	</div>
)

export default Component
```

## Live Playground

For examples, go to [storybook](https://neuelabs.github.io/input/)

OR

To run that demo on your own computer:

* Clone this repository
* yarn
* yarn storybook
* Visit [http://localhost:9001](http://localhost:9001)

## License

MIT © [neuelabs](https://neuelabs.co)
npm package: @neuhq/alert
Description: A lightweight, customizable alert and confirmation modal library built with pure JavaScript. Easily display styled alerts and handle confirmation prompts with minimal setup.
Author: PFMCODES-test
Latest version: 1.1.0

# @neuhq/alert

A lightweight, customizable alert and confirmation modal library built with pure JavaScript. Easily display styled alerts and handle confirmation prompts with minimal setup.

![Version](https://img.shields.io/npm/v/@neuhq/alert.svg)
![License](https://img.shields.io/npm/l/@neuhq/alert.svg)

---

## Features

- Super lightweight (~1KB gzipped)
- No dependencies
- Fully customizable styles
- Simple alert and confirm modals
- Keyboard & click dismiss support

---

## Installation

```bash
npm install @neuhq/alert
```

## Usage 

### Alert
```jsx
import Alert from "@neuhq/alert";

export default App() {
    return (
        <Alert type="info" message="hi" dismissable={true} show={/* state of the component */} onClose{/* it tells what to do on close */} >
        // Avaibles Types are info, error,success, warning
        // whatever your ther code
    )
}
```

> This package is part of  the [neutronium](https://npmjs.com/package/neutronium) framework
npm package: @neui/react-image-compare-slider
Description: React component to show before-and-after image comparisons with a draggable slider.
Author: Darshan Rajadhyaksha
Latest version: 1.0.5

# @neui/react-image-compare-slider
React component to show before-and-after image comparisons with a draggable slider.

![Demo](./assets/demo.gif)

[Open in CodeSandbox](https://codesandbox.io/p/sandbox/neui-react-image-compare-slider-demo-czd2rc)

## Featues
- Keyboard accessible
- Lightweight (~2KB)
- Cross-browser compatible
- Customizable

## Installation
**Using npm**
```bash
npm install @neui/react-image-compare-slider
```

**Using yarn**

```bash
yarn add @neui/react-image-compare-slider
```

## Usage
```jsx
import ImageCompareSlider from "@neui/react-image-compare-slider";

<ImageCompareSlider 
  beforeImage={{
    src: "https://picsum.photos/id/65/800/450?grayscale",
    alt: "Before image"
  }}
  afterImage={{
    src: "https://picsum.photos/id/65/800/450",
    alt: "After image"
  }}
  defaultPercentage={20}
/>
```

## Props

| Prop             | Required | Default Value | Description                                                                                       |
|-----------------|----------|---------------|---------------------------------------------------------------------------------------------------|
| beforeImage      | true     | { src: "", alt: "" } | Provide `src` and `alt` for the before image                                                    |
| afterImage       | true     | { src: "", alt: "" } | Provide `src` and `alt` for the after image                                                     |
| imageWidth       | false    | undefined     | Set width of image (px or %)                                                                     |
| imageHeight      | false    | undefined     | Set height of image (px or %)                                                                    |
| defaultPercentage| false    | 50            | Default percentage of slider                                                                     |
| percentage       | false    | undefined     | Controlled prop to update slider position                                                       |
| onSliderChange   | false    | undefined     | Change event handler of slider (receives percentage in params)                                   |
| sliderStyles     | false    | See description | Customize slider appearance. Accepts an object with keys: <br>• `size` – slider thickness <br>• `borderColor` – color of the slider border <br>• `backgroundColor` – slider background color <br>• `activeBorderColor` – border color when active <br>• `activeBackgroundColor` – background color when active |
npm package: @neuit/agent-backend
Description: 幺精·YaoGenie 服务端（Moleculer + SQLite + Sequelize）
Latest version: 0.3.169

# neuit-agent-server

幺精·YaoGenie 服务端（Moleculer + SQLite + Sequelize）。

## 安装（作为 npm 包）

> 发布到 npm 前，请确认 `package.json` 的 `name` 未被占用。

```bash
npm i -g neuit-agent-server
```

## 启动

默认会在当前工作目录创建数据库：`./data/server.sqlite`

```bash
yaogenie-server
```

自定义数据库路径：

```bash
SERVER_DB_STORAGE=/absolute/path/to/server.sqlite yaogenie-server
```

## API

- `GET /api/health`
- `POST /api/auth/login`  body: `{ "username": "...", "password": "..." }`
- `POST /api/auth/logout` body: `{ "token": "..." }`
- `GET /api/auth/me?token=...`

默认初始化账号（MVP）：

- username: `admin`
- password: `admin`
npm package: @neuledge/env
Description: A simple environment variable loader for Node.js and the browser
Latest version: 1.0.0

# Environment variables

This package provides a simple way to access environment variables both in the
browser and in Node.js. It also provides a way to validate environment variables.

## Install

Install the package:

```
yarn add @neuledge/env
```

## Usage

### Accessing environment variables

```ts
import { env } from '@neuledge/env';

const port = env.PORT;
```

### Validating environment variables

```ts
import { env, bool } from '@neuledge/env';

const isProduction = bool(env.IS_PRODUCTION);
```

### Setting environment variables

We allow extending the `env` file before reading it using:

```ts
import { env } from '@neuledge/env/root';

Object.extend(env, { ... });
```

This is useful when you need to set environment variables in browser
environments and then load the updated `env` variable separately via:

```ts
import { env } from '@neuledge/env/browser';
```

For more details, see [Next.js Runtime Configuration](https://nextjs.org/docs/app/api-reference/next-config-js/runtime-configuration).