open-index/open-npm huggingface dataset:
npm package: @nosocks/uilab
Latest version: 1.0.10

<h3 align="center">uilab</h3>

<p align="center">A live component developing environment, powered by <a href="https://vitejs.dev">vite</a>.</p>

<p align="center">
  <img style="border-radius:8px;margin:auto;" src="preview.png" />
</p>

### Getting Started

From scratch, uilab supports the same templates as vite:

  ```sh
  pnpm create uilab
  ```

### Example lab

A lab must end in `.lab.[ext]` and be named exactly as the component it is testing: `Card.lab.vue`

  ```js
  // Hello.lab.jsx
  import Hello from './Hello'

  export const asDefault = <Hello text="hola" />
  export const asUppercase = <Hello text="HOLA" />
  ```

  if an exported "experiment" prop has a dependency of another component, export a `deps` object.

  ```js
  // Hello.lab.jsx
  import Hello from './Hello'
  import World from './World'

  export const asDefault = <Hello text={World} />
  // this is needed
  export const deps = { World }
  ```
### Adding uilab to an existing vite project


1. Install uilab framework specific dependencies:
```sh
// react
pnpm add -D react-router-dom react-element-to-jsx-string react-live
```
2. Install NPM packages
  ```sh
  pnpm add @nosocks/uilab
  ```
3. Replace your main App component
  ```js
  // import from your framework of choice
  import { AppComponent } from '@nosocks/uilab/react'
  // this styles are required for things to look pretty /ᐠ｡ꞈ｡ᐟ\
  import '@nosocks/uilab/react/style.css'

  // we use vite glob() to get an object of dynamic components imports
  const components = import.meta.glob('./testui/**/*.jsx')

  const App = () => <AppComponent components={components} sidebarTitle="UITEST" />
   ```

uilabs is just a set of components that receives props to render your components from a specific directory. `components` must come from vite API, we use `import.meta.glob` to load all components dynamically.

  ```js
    // react
    <AppComponent
      components={import.meta.glob('./components/**/*.jsx')}
      sidebarTitle="COOL_LAB"
    />
  ```


## Roadmap

- [ ] support vue, vue-ts
- [ ] support svelte, svelte-ts
- [ ] support preact, preact-ts
- [ ] support vanilla, vanilla-ts
- [ ] support lit, lit-ts



<p align="right">(<a href="#top">back to top</a>)</p>
npm package: @nosooqua/extension-drag-handle
Description: drag handle extension for tiptap
Latest version: 3.20.5-fork

# @tiptap/extension-drag-handle

[![Version](https://img.shields.io/npm/v/@tiptap/extension-drag-handle.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-drag-handle)
[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-drag-handle.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
[![License](https://img.shields.io/npm/l/@tiptap/extension-drag-handle.svg)](https://www.npmjs.com/package/@tiptap/extension-drag-handle)
[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)

## Introduction

Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.

## Official Documentation

Documentation can be found on the [Tiptap website](https://tiptap.dev).

## License

Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
npm package: @nosooqua/extension-drag-handle-react
Description: drag handle extension for tiptap with react
Latest version: 3.20.5-fork

# @tiptap/extension-drag-handle-react

[![Version](https://img.shields.io/npm/v/@tiptap/extension-drag-handle-react.svg?label=version)](https://www.npmjs.com/package/@tiptap/extension-drag-handle-react)
[![Downloads](https://img.shields.io/npm/dm/@tiptap/extension-drag-handle-react.svg)](https://npmcharts.com/compare/tiptap?minimal=true)
[![License](https://img.shields.io/npm/l/@tiptap/extension-drag-handle-react.svg)](https://www.npmjs.com/package/@tiptap/extension-drag-handle-react)
[![Sponsor](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub)](https://github.com/sponsors/ueberdosis)

## Introduction

Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.

## Official Documentation

Documentation can be found on the [Tiptap website](https://tiptap.dev).

## License

Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
npm package: @nosplatform/copy-to-clipboard
Description: Copy stuff into clipboard using JS with fallbacks
Author: sudodoki
Latest version: 3.0.8

# Copy to clipboard [![Build Status](https://travis-ci.org/sudodoki/copy-to-clipboard.svg?branch=master)](https://travis-ci.org/sudodoki/copy-to-clipboard)

Simple module exposing `copy` function that will try to use [execCommand](https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand#) with fallback to IE-specific `clipboardData` interface and finally, resort to usual `prompt` with proper text content and message.

# Example

```js
import copy from 'copy-to-clipboard';

copy('Text');

// Copy with options
copy('Text', {
  debug: true,
  message: 'Press #{key} to copy',
});
```

# API

`copy(text: string, options: object): boolean` &mdash; tries to copy text to clipboard. Returns `true` if no additional keystrokes were required from user (so, `execCommand`, IE's `clipboardData` worked) or `false`.

|Value |Default |Notes|
|------|--------|-----|
|options.debug  |false| `Boolean`. Optional. Enable output to console. |
|options.message|Copy to clipboard: `#{key}`, Enter| `String`. Optional. Prompt message. `*` |

`*` all occurrences of `#{key}` are replaced with `⌘+C` for macOS/iOS users, and `Ctrl+C` otherwise.

# [Browser support](http://caniuse.com/#feat=document-execcommand)

Works everywhere where `prompt`* is available. Works best (i.e. without additional keystrokes) in Chrome, FF, Safari 10+, and, supposedly, IE/Edge.

Note: **does not work on some older iOS devices.**  
`*` – even though **Safari 8** has `prompt`, you cannot specify prefilled content for prompt modal – thus it **doesn't work** as expected.

# Installation

+ Can be used as npm package and then leveraged using commonjs bundler/loader:
```
npm i --save copy-to-clipboard
```
+ Can be utilized using [wzrd.in](https://wzrd.in/). Add following script to your page:
```html
<script src="https://wzrd.in/standalone/copy-to-clipboard@latest" async></script>
```
You will have `window.copyToClipboard` exposed for you to use.

# UI components based on this package:
+ [react-copy-to-clipboard](https://github.com/nkbt/react-copy-to-clipboard)
+ [copy-button](https://github.com/sudodoki/copy-button)

# See also:
+ [clipboard-copy](https://github.com/feross/clipboard-copy) by [@feross](https://github.com/feross)
+ [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand#Browser_Compatibility)
+ [April 2015 update on Cut and Copy Commands](http://updates.html5rocks.com/2015/04/cut-and-copy-commands)

# Running Tests
This project has some automated tests, that will run using [nightwatch](nightwatchjs.org) on top of [selenium](http://www.seleniumhq.org/).

```
npm i
npm test
```
# Typescript
This library has built-in Typescript definitions.

```
import * as copy from 'copy-to-clipboard';
```
npm package: @nosplatform/core-transactions
Description: Transaction Services for ARK Core
Latest version: 2.5.25-rc.2

# ARK Core - Transactions

<p align="center">
    <img src="https://raw.githubusercontent.com/ARKEcosystem/core/master/banner.png" />
</p>

## Documentation

You can find installation instructions and detailed instructions on how to use this package at the [dedicated documentation site](https://docs.ark.io/guidebook/core/plugins/required/crypto.html).

## Security

If you discover a security vulnerability within this package, please send an e-mail to security@ark.io. All security vulnerabilities will be promptly addressed.

## Credits

This project exists thanks to all the people who [contribute](../../../../contributors).

## License

[MIT](LICENSE) © [ARK Ecosystem](https://ark.io)
npm package: @nosplatform/create-nos-dapp
Description: Create a dapp on the nOS platform
Author: nOS
Latest version: 0.2.3

<p align="center">
  <img src="https://raw.githubusercontent.com/nos/create-nos-dapp/development/logo.png" width="150px" />
</p>

<h1 align="center">create-nos-dapp</h1>

<p align="center">
  This is a <strong>CLI tool</strong> to generate a dApp project for the <strong>nOS</strong> platform,
  in your favorite frontend technology.
</p>

<p align="center">
  <a href='https://www.npmjs.com/package/@nosplatform/create-nos-dapp'>
    <img src='https://badge.fury.io/js/%40nosplatform%2Fcreate-nos-dapp.svg'>
  </a>
  <a href='http://makeapullrequest.com'>
    <img src='https://img.shields.io/badge/PRs-welcome-brightgreen.svg'>
  </a>
  <a href='https://discordapp.com/invite/eGFAskm'>
    <img src='https://img.shields.io/badge/chat-discord-green.svg'>
  </a>
  <a href='https://github.com/prettier/prettier'>
    <img src='https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat'>
  </a>
</p>

## Purpose
The goal of this project is to provide a quickstart for creating nOS dApps with various frontend technologies already installed and configured to work with the nOS platform.


## Installation

First, we need to install the [npm package](https://www.npmjs.com/package/@nosplatform/create-nos-dapp). This will make the `create-nos-dapp` command available in your command prompt. You can install the npm package by executing one of the following commands

```
# Using yarn
yarn global add @nosplatform/create-nos-dapp

# Using npm
npm i -g @nosplatform/create-nos-dapp
```

---

## Usage

#### Direct usage
At this point the `create-nos-dapp` command should be available. To create a dApp for nOS, simply open up your command prompt and execute:
```
create-nos-dapp
```

It will now ask you to choose a project template and what name you'd like to give it. The CLI-tool will create the project in the current working directory. 

#### Usage with flags

If you'd like to get started even faster - you could also pass some arguments to the `create-nos-dapp`.
```
usage: create-nos-dapp [-h] [-v] [-t TYPE] [-n NAME]

create-nos-dapp

Optional arguments:
  -h, --help            Show this help message and exit.
  -v, --version         Show program's version number and exit.
  -t TYPE, --type TYPE  Template type (react/vanilla/vue)
  -n NAME, --name NAME  Project name, f.e. my-nos-dapp
```

---

## Resources to get started with the generated project

#### API Documentation
- [API documentation of nOS](https://github.com/nos/client/blob/develop/docs/api.md)
- [Coming soon: Documentation of Api-Functions (SDK wrapper of the nOS API, used in the starter kits)](https://github.com/nos/api-functions)

#### Getting started with the project templates
- [React Starter Kit](https://github.com/nos/create-nos-dapp/blob/template/react/packages/react)
- [VueJS Starter Kit (Coming soon)](https://github.com/nos/create-nos-dapp)
- [AngularJS Starter Kit (Coming soon)](https://github.com/nos/create-nos-dapp)
- [Vanilla Javascript Starter Kit (Coming soon)](https://github.com/nos/create-nos-dapp)
npm package: @nosplatform/crypto
Description: Crypto utilities for the ARK Blockchain
Latest version: 2.5.25-rc.7

# ARK - Crypto

<p align="center">
    <img src="./banner.png?sanitize=true" />
</p>

## Documentation

You can find installation instructions and detailed instructions on how to use this package at the [dedicated documentation site](https://docs.ark.io/sdk/cryptography/usage.html).

## Security

If you discover a security vulnerability within this package, please send an e-mail to security@ark.io. All security vulnerabilities will be promptly addressed.

## Credits

This project exists thanks to all the people who [contribute](../../../../contributors).

## License

[MIT](LICENSE) © [ARK Ecosystem](https://ark.io)
npm package: @nosplatform/crypto-web
Description: Web supported crypto utilities for the ARK Blockchain
Latest version: 2.6.0-next.9

# ARK - Crypto

<p align="center">
    <img src="./banner.png?sanitize=true" />
</p>

## Documentation

You can find installation instructions and detailed instructions on how to use this package at the [dedicated documentation site](https://docs.ark.io/sdk/cryptography/usage.html).

## Security

If you discover a security vulnerability within this package, please send an e-mail to security@ark.io. All security vulnerabilities will be promptly addressed.

## Credits

This project exists thanks to all the people who [contribute](../../../../contributors).

## License

[MIT](LICENSE) © [ARK Ecosystem](https://ark.io)
npm package: @nosplatform/orbitdb-nos-identity-provider
Description: OrbitDB Identity Provider for nOS Network and other ARK Core-based blockchains.
Author: Dean van Dugteren
Latest version: 1.0.3

# orbitdb-nos-identity-provider
OrbitDB and AvionDB Identity Provider for nOS Network and other ARK Core-based blockchains.

## Installing

`npm install @nosplatform/orbitdb-nos-identity-provider`

## Example:

```js
const IPFS = require('ipfs')
const OrbitDB = require('orbit-db')
const NetworkIdentity = require('@nosplatform/orbitdb-nos-identity-provider').default;

const initIPFSInstance = async () => {
    return await IPFS.create({
        repo: './ipfs'
    });
};

initIPFSInstance().then(async ipfs => {
        // Add our Identity Provider
        OrbitDB.Identities.addIdentityProvider(NetworkIdentity);
        // Load a passphrase
        const passphrase = "enter any bip39 mnemonic key here";
        // Set up the identity using our passphrase
        const identity = await OrbitDB.Identities.createIdentity({ type: `NetworkIdentityType`, passphrase });

        // Set up the OrbitDB instance using our identity
        const orbitdb = await OrbitDB.createInstance(ipfs, { identity });

        // Only the wallet with the configured passphrase will be able to write to this db
        const db = await orbitdb.log("hello");
        await db.load();

        // This will export the db address.
        // Other services can sync the database with this address (db.load("/orbitdb/{root}/{path}")).
        console.log(db.address);

        // The database can only be written to by the owner of the passphrase.
        // If another passphrase is entered above and the same db address is loaded, adding a db item will throw a permission error.
        const hash = await db.add("world");
});
```
npm package: @nosplatform/react-scripts
Description: nOS Configuration and scripts for Create React App.
Latest version: 4.0.1-nosplatform.1

# react-scripts

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

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @nosplatform/stake-transactions
Description: Provides stake transactions for Ark Core
Latest version: 0.4.0

# nOS - Core Staking Transactions

> A Core plug-in for staking transactions.

## Security

If you discover a security vulnerability within this package, please send an e-mail to contact@nos.io. All security vulnerabilities will be promptly addressed.

## Credits

-   [Dean van Dugteren](https://github.com/deanpress)
-   [All Contributors](../../../../contributors)

## License

[MIT](LICENSE) © [nOS](https://nos.io)
npm package: @nosplatform/stake-transactions-crypto
Description: Provides stake transactions crypto logic for Ark Core
Latest version: 0.5.0

# nOS - Core Staking Transactions (Crypto Package)

> ARK Crypto SDK plug-in for staking transactions.

## Security

If you discover a security vulnerability within this package, please send an e-mail to contact@nos.io. All security vulnerabilities will be promptly addressed.

## Credits

-   [Dean van Dugteren](https://github.com/deanpress)
-   [All Contributors](../../../../contributors)

## License

[MIT](LICENSE) © [nOS](https://nos.io)
npm package: @nosplatform/utils
Description: Performance oriented implementations of commonly used functions in TypeScript.
Latest version: 1.1.7

# Utilities

<p align="center">
    <img src="./banner.png" />
</p>

[![Codecov](https://badgen.now.sh/codecov/c/github/arkecosystem/utils)](https://codecov.io/gh/arkecosystem/utils)
[![License: MIT](https://badgen.now.sh/badge/license/MIT/green)](https://opensource.org/licenses/MIT)

> Lead Maintainer: [Brian Faust](https://github.com/faustbrian)

## Caveats

-   The native `map`, `filter`, `reduce` and `forEach` will generally be faster when used on arrays that contain nothing but numerical values.
-   If you plan to use `formatCurrency` method with node.js for anything else then the `en-US` locale you'll have to make sure to properly setup https://github.com/unicode-org/full-icu-npm as node.js itself only ships with the `en-US` locale by default unless specifically build with more locales.
-   Do not use the `is*` methods of this package inside the [Node.js VM](https://nodejs.org/api/vm.html) as the results could be misleading.
-   The `pluralize` method does not support irregular plurals. Check [blakeembrey/pluralize](https://github.com/blakeembrey/pluralize) if you need support for those.

## Installation

### npm

```sh
npm install @arkecosystem/utils
```

### yarn

```sh
yarn add @arkecosystem/utils
```

### pnpm

```sh
pnpm add @arkecosystem/utils
```

## Test

### npm

```sh
npm run test -- --coverage
```

### yarn

```sh
yarn test --coverage
```

### pnpm

```sh
pnpm run test -- --coverage
```

## Benchmark

### Clone

```sh
git clone git@github.com:ArkEcosystem/utils.git
```

### Run

#### npm

```sh
npm install
npm run bench
```

#### yarn

```sh
yarn install
yarn bench
```

#### pnpm

```sh
pnpm install
pnpm run bench
```

## Security

If you discover a security vulnerability within this package, please send an e-mail to security@ark.io. All security vulnerabilities will be promptly addressed.

## Credits

This project exists thanks to all the people who [contribute](../../contributors).

## License

[MIT](LICENSE) © [ARK Ecosystem](https://ark.io)