open-index/open-npm huggingface dataset:
npm package: @in2core/react-scripts
Description: Configuration and scripts for Create React App for in2core company purposes.
Latest version: 1.1.0

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
npm package: @in2tec/page-editor
Description: This libary has been forked from @in2tec/page-editor and modified for
Author: Mathias Krostewitz
Latest version: 1.1.20

# IN2TEC-Page Editor

This libary has been forked from @in2tec/page-editor and modified for

- compatibiity issues with REACT18
- implemented INTU color scheme and tweaked it a little
- customization purposes such as allowing for theme prop dark & light mode. This will use the standard theme set in src/core/theme/theme.js and handles dark and light mode
- uiTheme option which will allow for overriding the theme from a parent object

All Credits got o 👉 https://github.com/react-page/

Read the full readme here https://github.com/react-page/react-page

Docs: https://react-page.github.io/docs

Demo: https://react-page.github.io/
npm package: @in2tec/tsparticles-mask-plugin
Description: Modified tsParticles polygon mask plugin to avoid app crash when exiting an component
Author: Matteo Bruni
Latest version: 2.12.0

[![banner](https://particles.js.org/images/banner2.png)](https://particles.js.org)

# tsParticles Polygon Mask Plugin

[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-plugin-polygon-mask/badge)](https://www.jsdelivr.com/package/npm/tsparticles-plugin-polygon-mask)
[![npmjs](https://badge.fury.io/js/tsparticles-plugin-polygon-mask.svg)](https://www.npmjs.com/package/tsparticles-plugin-polygon-mask)
[![npmjs](https://img.shields.io/npm/dt/tsparticles-plugin-polygon-mask)](https://www.npmjs.com/package/tsparticles-plugin-polygon-mask) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)

[tsParticles](https://github.com/matteobruni/tsparticles) plugin for particles polygon mask effect.

## How to use it

### CDN / Vanilla JS / jQuery

The CDN/Vanilla version JS has one required file in vanilla configuration:

Including the `tsparticles.plugin.polygon-mask.min.js` file will export the function to load the plugin:

```javascript
loadPolygonMaskPlugin;
```

### Usage

Once the scripts are loaded you can set up `tsParticles` and the plugin like this:

```javascript
(async () => {
  await loadPolygonMaskPlugin(tsParticles);

  await tsParticles.load({
    id: "tsparticles",
    options: {
      /* options */
    },
  });
})();
```

### ESM / CommonJS

This package is compatible also with ES or CommonJS modules, firstly this needs to be installed, like this:

```shell
$ npm install tsparticles-plugin-polygon-mask
```

or

```shell
$ yarn add tsparticles-plugin-polygon-mask
```

Then you need to import it in the app, like this:

```javascript
const { tsParticles } = require("tsparticles-engine");
const { loadPolygonMaskPlugin } = require("tsparticles-plugin-polygon-mask");

(async () => {
  await loadPolygonMaskPlugin(tsParticles);
})();
```

or

```javascript
import { tsParticles } from "tsparticles-engine";
import { loadPolygonMaskPlugin } from "tsparticles-plugin-polygon-mask";

(async () => {
  await loadPolygonMaskPlugin(tsParticles);
})();
```
npm package: @in404/english-improver
Description: English grammar improvement plugin for OpenCode and Claude Code
Author: in404
Latest version: 1.0.1

# english-improver

Minimal English improver for OpenCode and Claude Code.

## What It Does

- Detects common grammar mistakes
- Suggests natural-sounding alternatives
- Focuses on American English in technical contexts
- Opt-in usage: only when you call it

## Install

### OpenCode

Add to `opencode.json`:

```json
{
  "$schema": "https://opencode.ai/config.json",
  "plugin": ["@in404/english-improver"]
}
```

OpenCode installs npm plugins automatically on startup.

### Claude Code

Install from local plugin directory:

```bash
cc --plugin-dir /path/to/english-improver
```

## Usage

### Quick Command

```
/en-improver I am very interesting in learning this
```

### Dedicated Agent

```
@english-improver

Please review this paragraph for grammar:
[your text here]
```

### Inline Skill

```
Is my English correct when I say "I am very exciting about this project"?
```

## Files

```
english-improver/
├── src/opencode-plugin.ts
├── commands/en-improver.md
├── skills/english-improver/SKILL.md
├── .claude-plugin/plugin.json
├── package.json
└── README.md
```

## License

MIT © in404
npm package: @in8sync/spherical-cli
Description: CLI tool for creating and building external React components for Spherical BRM for Netsuite. 
Author: In8Sync
Latest version: 1.0.3

# In8Sync Spherical CLI

A command-line tool for creating and building external React components that you can use inside the Spherical UI Builder.

All components are built for the [Puck editor](https://puckeditor.com/), so you need to get familiar with this library first, since all components need to follow the same structure and configuration requirements.

## Installation

```bash
# Install globally
npm install -g @in8sync/spherical-cli

# Or use with npx
npx spherical-cli --help
```

## Commands

### `init <project-name>`

Initialize a new external components project with a Vite + React setup.

```bash
spherical-cli init my-components
cd my-components
```

This creates:
```
my-components/
├── package.json
├── vite.config.js
├── components.json
└── src/
    └── ExternalButton.jsx
```

### `build`

Build the components using Vite. Must be run inside a project directory.

```bash
cd my-components
spherical-cli build
```

This will build your components and put them in the `dist/` folder. You then need to upload them through the client admin dashboard, and they will be available for you to use in the Spherical UI Builder.

## Project Structure

The generated project follows this structure:

- **`package.json`** - Project dependencies and scripts
- **`vite.config.js`** - Vite configuration for building ES modules
- **`components.json`** - List of available components *(you must add new components here)*
- **`src/`** - Source directory for components
  - **`ExternalButton.jsx`** - Example button component

**Important:** Every time you add new components, you need to add them to the `components.json` file.

## Usage

1. **Initialize a project:**
   ```bash
   spherical-cli init my-project
   cd my-project
   ```

2. **Develop your components:**
   - Edit files in `src/`
   - Add new components to `components.json`   

3. **Build for production:**
   ```bash
   spherical-cli build
   ```

4. **Deploy your components:**
   - Upload the `dist/` folder contents through the admin dashboard
   - Components will be available in the Spherical UI Builder

## Component Development

Each component should:
- Export a default React component
- Export a `puckConfig` object with Puck editor configuration

For more details on configuration options and available fields, see the [Puck documentation](https://puckeditor.com/docs/api-reference/configuration).

**Remember:** Every new component must be added to the `components.json` file to be recognized by the system.
npm package: @inabagumi/next-images
Description: Images plugin for Next.js.
Author: Haneru Developers
Latest version: 1.1.0

# `@inabagumi/next-images`

Images plugin for Next.js.

## Usage

```javascript
// next.config.js
const withImages = require('@inabagumi/next-images');

module.exports = withImages({
  svgrOptions: {
    svgo: false
  }
})
```

## License

[MIT](LICENSE)
npm package: @inabagumi/next-svg
Description: SVG plugin for Next.js.
Author: Haneru Developers
Latest version: 2.1.1
Deprecated: Please use @inabagumi/next-images.

# `@inabagumi/next-svg`

SVG plugin for Next.js.

## Usage

```javascript
// next.config.js
const withSvg = require('@inabagumi/next-svg');

module.exports = withSvg({
  svgrOptions: {
    svgo: false
  }
})
```
npm package: @inabagumi/prettier-config
Description: A Prettier config for the Haneru Developers.
Author: Haneru Developers
Latest version: 3.0.0

# `@inabagumi/prettier-config`

A Prettier config for the Haneru Developers.

## Install

```console
$ yarn add -D @inabagumi/prettier-config
```

## Usage

Edit `package.json`:

```json
{
  // ...
  "prettier": "@inabagumi/prettier-config"
  // ...
}
```

## License

[MIT](LICENSE)
npm package: @inabagumi/renovate-config
Description: Inabagumi presets for Renovate
Author: Haneru Developers
Latest version: 4.0.0
Deprecated: please use github-hosted presets (github>inabagumi/renovate-config).

# @inabagumi/renovate-config

## Usage

Add this into `.github/renovate.json`:

```json
{
  "extends": ["@inabagumi"]
}
```

## License

[MIT](LICENSE)
npm package: @inabit/vite-plugin-combined-svg-react
Description: A Vite plugin for loading multiple svg files in a directory and combine then to one React component
Latest version: 2.0.1

# Combined Svg React - Vite Plugin

A Vite plugin for loading multiple svg files in a directory and combine then to one React component.

Package is published to [NPM](https://www.npmjs.com/package/@inabit/vite-plugin-combined-svg-react)

## Usage

Install plugin and the peer dependency.

```shell
pnpm add @inabit/vite-plugin-combined-svg-react
pnpm add vite-plugin-svgr
```

Config vite to use the plugin.

```js
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import combinedSvgReact from "@inabit/vite-plugin-combined-svg-react";
import svgr from "vite-plugin-svgr";

export default defineConfig({
  plugins: [svgr(), react(), combinedSvgReact()],
});
```

In order to mark and notify Vite that an import of a folder should use the plugin, you need to add the plugin loader marker - `combined-svg-react` - at the and of the loading path with `?` delimiter.

Then the import exposes a variable `ReactComponent` that is the combined svg react components, and `EnumStruct` that is an enum map which consists of the svg files names.

```js
import {
  ReactComponent as Icon,
  EnumStruct as IconType,
} from "./assets?combined-svg-react";

export function MyComponent() {
  return <Icon iconName={IconType.UKR} />;
}
```