open-index/open-npm huggingface dataset:
npm package: @inc2734/add-custom-event
Description: ## Get started
Author: inc2734
Latest version: 0.5.0

# addCustomEvent

## Get started

### Install
```
$ npm install @inc2734/add-custom-event
```

### Example

```
/**
 * @param  DOMString  element
 * @param  string  eventName
 * @param  object  detail  Optional.
 * @param  boolean  bubbles  Optional. Default true.
 * @param  boolean  cancelable  Optional. Default false.
 */
addCustomEvent(element, eventName, detail, bubbles, cancelable);
```

```
import addCustomEvent from '@inc2734/add-custom-event';

// Sample 1
element.addEventListener('click', (event) => addCustomEvent(element, 'clickElement'), false);

// Sample 2
addCustomEvent(element, 'closeDrawer');
```

## License
MIT
npm package: @inc2734/basis2
Description: Basis2 is a CSS framework. This framework was inspired by (Every Layout)[https://every-layout.dev/].
Latest version: 0.22.0
Deprecated: WARNING: This project has been renamed to @inc2734/unitone-css. Install using @inc2734/unitone-css instead.

# Basis 2

Basis2 is a CSS framework. This framework was inspired by (Every Layout)[https://every-layout.dev/].

## GitHub
https://github.com/inc2734/basis2

## NPM
https://www.npmjs.com/package/@inc2734/basis2

## Storybook
https://inc2734.github.io/basis2

## Browser support
Modern browser only.

## License
MIT
npm package: @inc2734/contents-outline
Description: ## Get started
Author: inc2734
Latest version: 0.1.7

# inc2734/contents-outline

## Get started

### Install
```
$ npm install --save-dev @inc2734/contents-outline
```

### Load scripts

```
import ContentsOutline from '@inc2734/contents-outline';

new ContentsOutline(
  '.contents-outline-container',
  {
    headings : document.querySelectorAll('h2, h3, h4, h5, h6'), // Optional
    moveToBefore1stHeading: true, // Optional
    moveTo: document.querySelectorAll('entry-content'), // Optional
  }
);
```

```
<div class="contents-outline-container">
  <div class="contents-outline"></div>
</div>
```

## License
MIT
npm package: @inc2734/dispatch-custom-resize-event
Description: ## Get started
Author: inc2734
Latest version: 0.4.0

# dispatchCustomResizeEvent

## Get started

### Install
```
$ npm install @inc2734/dispatch-custom-resize-event
```

### Example

```
import '@inc2734/dispatch-custom-resize-event';

// Fire when only resize width
window.addEventListener('resize:width', ..., false);

// Fire when only resize height (For iOS browser)
window.addEventListener('resize:height', ..., false);

// Fire when the tabbar is shown (For iOS browser)
window.addEventListener('resize:height:undo', ..., false);

// Fire when the tabbar is hidden (For iOS browser)
window.addEventListener('resize:height:update', ..., false);
```

## License
MIT
npm package: @inc2734/for-each-html-nodes
Description: ## Get started
Author: inc2734
Latest version: 0.4.0

# forEachHtmlNodes

## Get started

### Install
```
$ npm install @inc2734/for-each-html-nodes
```

### Example

```
import forEachHtmlNodes from '@inc2734/for-each-html-nodes';

const items = document.querySelectorAll('.c-item');
forEachHtmlNodes(items, (item, index) => {
  item.setAttribute('data-is-hidden', 'true');
});
```

## License
MIT
npm package: @inc2734/smooth-scroll
Description: ## Get started
Author: inc2734
Latest version: 1.0.10

# @inc2734/smooth-scroll

## Get started

### Install
```
$ npm install --save-dev @inc2734/smooth-scroll
```

### How to use

```
<script>
import { SmoothScroll } from '@inc2734/smooth-scroll';

new SmoothScroll(
  {
    selector: 'a[href^="#"]',
    offset: 100,
  }
);
</script>
```

## License
MIT
npm package: @inc2734/spider
Description: ## Get started
Author: inc2734
Latest version: 0.0.51

# Spider

## Get started

### Install
```
$ npm install --save-dev @inc2734/spider
```

### JavaScript
```
import Spider from '@inc2734/spider';

document.addEventListener(
  'DOMContentLoaded',
  () => {
    const spiders = new Spider('.spider-container');
  },
  false
);
```

or

```
<script type="text/javascript" src="node_modules/@inc2734/spider/dist/js/spider.js"></script>
<script>
document.addEventListener(
  'DOMContentLoaded',
  () => {
    const spiders = new Spider('.spider-container');
  },
  false
);
</script>
```

or

```
<script src="https://cdn.jsdelivr.net/npm/@inc2734/spider/dist/js/spider.js"></script>
<script>
document.addEventListener(
  'DOMContentLoaded',
  () => {
    const spiders = new Spider('.spider-container');
  },
  false
);
</script>
```

### CSS
```
@import 'node_modules/@inc2734/spider/src/css/spider';
```

or

```
<link rel="stylesheet" href="node_modules/@inc2734/spider/dist/css/spider.css">
```

or

```
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@inc2734/spider/dist/css/spider.css">
```

### HTML
```
<div class="spider-container">
  <div class="spider">
    <div class="spider__canvas">
      <div class="spider__slide">
        <img class="spider__figure" src="img/blue.jpg" alt="">
      </div>
      <div class="spider__slide">
        <img class="spider__figure" src="img/green.jpg" alt="">
      </div>
      <div class="spider__slide">
        <img class="spider__figure" src="img/orange.jpg" alt="">
      </div>
      <div class="spider__slide">
        <img class="spider__figure" src="img/pink.jpg" alt="">
      </div>
      <div class="spider__slide">
        <img class="spider__figure" src="img/purple.jpg" alt="">
      </div>
      <div class="spider__slide">
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu
        </p>
      </div>
    </div>

    <button class="spider__arrow" data-direction="prev">Prev</button>
    <button class="spider__arrow" data-direction="next">Next</button>
  </div>

  <div class="spider__dots">
    <button class="spider__dot">0</button>
    <button class="spider__dot">1</button>
    <button class="spider__dot">2</button>
    <button class="spider__dot">3</button>
    <button class="spider__dot">4</button>
    <button class="spider__dot">5</button>
  </div>
</div>
```

## Demo
- https://inc2734.github.io/spider/

## Support browsers

Modern browsers and IE11
npm package: @inc2734/unitone-css
Description: unitone CSS is a CSS framework. This framework was inspired by [Every Layout](https://every-layout.dev/).
Latest version: 0.96.0

# unitone CSS

unitone CSS is a CSS framework. This framework was inspired by [Every Layout](https://every-layout.dev/).

## GitHub
https://github.com/inc2734/unitone-css

## NPM
https://www.npmjs.com/package/@inc2734/unitone-css

## Official website
https://inc2734.github.io/unitone-css

## Browser support
Modern browser only.

## License
MIT
npm package: @inc2734/unitone-css-mcp
Description: MCP server for unitone-css repository structure and API discovery.
Latest version: 0.1.0

# `@inc2734/unitone-css-mcp`

MCP server for `unitone-css`.

This package helps AI coding assistants inspect the repository structure of `unitone-css` without re-scanning the entire codebase on every task.

## Package status

This package is designed to be publishable as a standalone npm package such as `@inc2734/unitone-css-mcp`.

The intended separation is:

- `@inc2734/unitone-css` for the framework itself
- `@inc2734/unitone-css-mcp` for AI assistant integration

That keeps MCP usage optional for framework users.

## Available tools

| Tool | Description |
| --- | --- |
| `list_primitives` | List available layout primitives under `src/layout-primitives`. |
| `get_primitive` | Return file-level details for a specific layout primitive. |
| `list_behaviors` | List available behaviors under `src/behaviors`. |
| `get_variables` | Return Sass variable files and CSS custom property candidates from `src/variables` and `src/settings`. |

## Initial scope

This server is intentionally narrow.

- It ignores `dist`.
- It reads the local repository only.
- It does not try to explain design intent beyond what can be derived from the file tree.

## Example setup

### Local repository usage

Run the server directly from this repository:

```bash
node packages/mcp/server.js
```

### Future npm usage

If this package is published to npm, the intended setup is:

```bash
npx -y @inc2734/unitone-css-mcp
```

### Claude Code

```bash
claude mcp add unitone-css -- node /absolute/path/to/packages/mcp/server.js
```

### Cursor

`.cursor/mcp.json`

```json
{
  "mcpServers": {
    "unitone-css": {
      "command": "node",
      "args": ["/absolute/path/to/packages/mcp/server.js"]
    }
  }
}
```

### VS Code / Copilot

`.vscode/mcp.json`

```json
{
  "servers": {
    "unitone-css": {
      "type": "stdio",
      "command": "node",
      "args": ["/absolute/path/to/packages/mcp/server.js"]
    }
  }
}
```

If published to npm, the configuration can be simplified to:

```json
{
  "servers": {
    "unitone-css": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@inc2734/unitone-css-mcp"]
    }
  }
}
```

## Notes

- Run `npm run check` inside `packages/mcp` for a basic syntax check.
- The default repository root is the current working directory.
- You can override the repository root with `UNITONE_CSS_ROOT`.
- The server is read-only and intentionally ignores `dist`.
npm package: @inc4/prettier-config
Description: Prettier config
Author: Alex Molotsylo
Latest version: 1.0.0

# @inc4/prettier-config
Quickly format your JavaScript files with this easy to install and use Prettier configuration. This configuration is used on our ESLint React configuration, take a look at [eslint-config-react](https://github.com/inc4/eslint-config-react)

## Purpose
[Prettier](https://prettier.io/) is an opinionated code formatter easy to configure and integrate with Code Editors. This configuration aims to quickly install and config JavaScript projects for consistent code style standards.

This package can be used as a stand-alone config or integrated with any linter. If you look to integrate with [ESLint](https://eslint.org/) for React projects take a look at our configuration [eslint-config-react](https://github.com/inc4/eslint-config-react) using this Prettier config

## How to install
```
npm install prettier @inc4/prettier-config
```
## How to use
In your `package.json` add:

```
"prettier": "@inc4/prettier-config"
```
Under script objects
```
"format": "prettier --write \"{,!(node_modules)/**/}*.js\""
```

## Contributing
How to [contribute](/CONTRIBUTING.MD) to this open source library

## License

Copyright © 2021 [INC4](https://www.inc4.net). This library is licensed under the MIT [license](./LICENCE).

## About INC4

INC4 is your team for developing blockchain technologies of any complexity.
Whether you need smart contracts, dApps, DeFi, mining software, wallets, or any other unique DLT solution – we’re at your service, 24/7.

Take a look at our [website](https://www.inc4.net) and [get in touch!](https://www.https://inc4.net/get-in-touch/)
npm package: @incant/git
Description: Git ShellSpec
Author: Mac Heller-Ogden
Latest version: 0.3.1
Deprecated: this package has been deprecated

# Git ShellSpec Definition

This is a work-in-progress. It is an attempt to comprehensively define the git command in [ShellSpec](https://github.com/machellerogden/shellspec). I'm doing this exercise mostly in order to suss out edge cases in ShellSpec and to help refine it's specification to ensure it's usefulness and viability.

### Initial definition to include:

[x] config
[x] help
[x] init
[x] clone
[x] add
[x] status
[x] diff
[x] commit
[x] branch
[x] checkout
[x] merge
[x] log
[x] rev-list
[x] rev-parse
[x] stash
[x] tag
[-] fetch - __in-progress__
[-] pull - __in-progress__
[-] push - __in-progress__
[ ] remote
[ ] apply
[ ] cherry-pick
[ ] rebase
[ ] revert
[ ] blame
[ ] grep

### Out of Scope (for now)

* mergetool
* worktree
* submodule
* shortlog
* describe
* bisect
* am
* apply
* format-patch
* send-email
* request-pull
* svn
* fast-import
* clean
* gc
* fsck
* reflog
* filter-branch
* instaweb
* archive
* bundle
* daemon
* update-server-info
* cat-file
* check-ignore
* checkout-index
* commit-tree
* count-objects
* diff-index
* for-each-ref
* hash-object
* ls-files
* merge-base
* read-tree
* show-ref
* symbolic-ref
* update-index
* update-ref
* verify-pack
* write-tree
npm package: @incant/npm
Description: NPM ShellSpec
Author: Mac Heller-Ogden
Latest version: 0.1.1
Deprecated: this package has been deprecated in favor of incant's native shell interop

# Git ShellSpec Definition

This is a work-in-progress. It is an attempt to comprehensively define the git command in [ShellSpec](https://github.com/machellerogden/shellspec). I'm doing this exercise mostly in order to suss out edge cases in ShellSpec and to help refine it's specification to ensure it's usefulness and viability.

### Initial definition to include:

[x] config
[x] help
[x] init
[x] clone
[x] add
[x] status
[x] diff
[x] commit
[x] branch
[x] checkout
[ ] merge
[ ] log
[ ] stash
[ ] tag
[ ] fetch
[ ] pull
[ ] push
[ ] remote
[ ] apply
[ ] cherry-pick
[ ] rebase
[ ] revert
[ ] blame
[ ] grep
[ ] rev-parse

### Out of Scope (for now)

* mergetool
* worktree
* submodule
* shortlog
* describe
* bisect
* am
* apply
* format-patch
* send-email
* request-pull
* svn
* fast-import
* clean
* gc
* fsck
* reflog
* filter-branch
* instaweb
* archive
* bundle
* daemon
* update-server-info
* cat-file
* check-ignore
* checkout-index
* commit-tree
* count-objects
* diff-index
* for-each-ref
* hash-object
* ls-files
* merge-base
* read-tree
* rev-list
* show-ref
* symbolic-ref
* update-index
* update-ref
* verify-pack
* write-tree