open-index/open-npm huggingface dataset:
npm package: @knowbly/tools-global
Description: Knowbly global mixins|functions
Author: Albert
Latest version: 0.2.0

# Tools Global [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/) [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)

## Development

-   `yarn lint` - Lints and fixes files.
-   `yarn commit` - Commit your changes using [commitizen](https://github.com/commitizen/cz-cli).
npm package: @knowbly/videojs-utils
Description: Knowbly videojs utils
Author: Albert
Latest version: 1.20.7

# VideoJS Utils [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/) [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)

> Knowbly videojs utils

## Development

-   `yarn dev` - Compiles dist folder for development.
-   `yarn build` - Compiles and minifies dist folder for production.
-   `yarn test:unit` - Run your unit tests.
-   `yarn lint` - Lints and fixes files.
-   `yarn commit` - Commit your changes using [commitizen](https://github.com/commitizen/cz-cli).

## Usage

```js
import videojsUtils, { startVideoJSHOF } from "@knowbly/videojs-utils";
import "@knowbly/videojs-utils/src/css/knowbly-videojs.scss";
// const videojsUtils = require("@knowbly/videojs-utils").default;
// require("@knowbly/videojs-utils/src/css/knowbly-videojs.scss");

console.log(videojsUtils);
// output
// {
//     startVideoJS: [Function: startVideoJS],
//     destroyVideoJS: [Function: destroyVideoJS],
//     pauseMedias: shared._pauseMedias: [Function: pauseMedias],
//     resetMedias: [Function: resetMedias],
//     vjsEncode: shared._vjsEncode: [Function: vjsEncode],
//     videojs: [Function: videojs],
// }

// `startVideoJSHOF` is a Higher-Order-Function to pass extra parameters to startVideoJS
```
npm package: @knowbly/widget-validators
Description: ## Usage
Author: Albert
Latest version: 1.1.3

# Widget Validations [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/) [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)

## Usage

-   `yarn dev` - Compiles dist folder for development.
-   `yarn build` - Compiles and minifies dist folder for production.
-   `yarn test:unit` - Run your unit tests.
-   `yarn lint` - Lints and fixes files.
-   `yarn commit` - Commit your changes using [commitizen](https://github.com/commitizen/cz-cli).
npm package: @knowday/reverse-sentence
Description: Reverses a sentence.
Author: knowday
Latest version: 0.1.0

# reverse-sentence

Reverses the words of a sentence.

## Install

```sh
npm install @knowday/reverse-sentence
```

## API

```js
require("reverse-sentence") => Function
reverse(sentence) => String
```

## Example
```js

const reverseSentence = require("reverse-sentence");

const sentence = "Hello Beth!";

const reversed = reverseSentence(sentence);

console.log(reversed) // Beth! Hello
```

## License

MIT
npm package: @knowgistics/comment
Description: Comment for Knowgistics
Author: knowgistics-coding
Latest version: 1.0.2

# @knowgistics/comment

> Comment for Knowgistics

[![NPM](https://img.shields.io/npm/v/@knowgistics/comment.svg)](https://www.npmjs.com/package/@knowgistics/comment) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @knowgistics/comment
```

## Usage

```jsx
import React from 'react'
import { Comment } from '@knowgistics/comment'
import '@knowgistics/comment/dist/index.css'
import firebase from "firebase/app";

...

const App = () => {
  const [user,setUser] = React.useState(null);

  React.useEffect(()=>{
    firebase.auth().onAuthStateChanged(user=>setUser(user));
  }, [])

  return <Comment firebase={firebase} user={user} parent={post_parent_id} />;
}

export default App

```

## License

MIT © [knowgistics-coding](https://github.com/knowgistics-coding)
npm package: @knowgistics/cra-template-mek
Description: The base TypeScript template for Create React App.
Latest version: 1.2.3

# cra-template-typescript

This is the official TypeScript template for [Create React App](https://github.com/facebook/create-react-app).

To use this template, add `--template typescript` when creating a new app.

For example:

```sh
npx create-react-app my-app --template @knowgistics/cra-template-mek

# or

yarn create react-app my-app --template @knowgistics/cra-template-mek
```


For more information, please refer to:

- [Getting Started](https://create-react-app.dev/docs/getting-started) – How to create a new app.
- [User Guide](https://create-react-app.dev) – How to develop apps bootstrapped with Create React App.
npm package: @knowgistics/cra-template-mek-pwa-typescript
Description: A progressive web app template for Create React App and TypeScript, using Workbox.
Latest version: 1.0.1

# cra-template-mek-typescript

This is the official TypeScript template for [Create React App](https://github.com/facebook/create-react-app).

To use this template, add `--template typescript` when creating a new app.

For example:

```sh
npx create-react-app my-app --template @knowgistics/cra-template-mek

# or

yarn create react-app my-app --template @knowgistics/cra-template-mek
```


For more information, please refer to:

- [Getting Started](https://create-react-app.dev/docs/getting-started) – How to create a new app.
- [User Guide](https://create-react-app.dev) – How to develop apps bootstrapped with Create React App.
npm package: @knowgistics/imagepicker
Description: Image Picker for Knowgistics site
Author: knowgistics-coding
Latest version: 1.0.6

# @knowgistics/imagepicker

> Image Picker for Knowgistics site

[![NPM](https://img.shields.io/npm/v/@knowgistics/imagepicker.svg)](https://www.npmjs.com/package/imagepicker) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @knowgistics/imagepicker

or

yarn add @knowgistics/imagepicker
```

## Usage

```jsx
import React, { Component } from 'react'

import { ImagePicker } from '@knowgistics/imagepicker'
import '@knowgistics/imagepicker/dist/index.css'

class Example extends Component {
  render() {
    return (
      <ImagePicker
        user={user}
        config={firebaseConfig}
        onConfirm={handleConfirm}
      >
        <button>Image Select</button>
      </ImagePicker>
    )
  }
}
```

## License

MIT © [knowgistics-coding](https://github.com/knowgistics-coding)
npm package: @knowgistics/kgui
Description: Knowgistics UI
Author: CamINKu
Latest version: 1.5.4

# @knowgistics/kgui

> Knowgistics UI

[![NPM](https://img.shields.io/npm/v/kgui.svg)](https://www.npmjs.com/package/kgui) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @knowgistics/kgui
```

or

```bash
yarn add @knowgistics/kgui
```

## Usage

> Action Icon <icon>

> Back Button <to>

> Content Header <label,breadcrumbs,actions>

> Dialog Image <children,onConfirm>

> Dialog Excel <data,open,onClose,onImport>

> ButtonBrowse <children>

> KG Provider <config,theme>

> List Docs <fetched,docs,component,divider>

> Loading

> Main Container <signInOnly,sidebar,startActions,endActions>

> Password Field

> Save Button <onSave>

## License

MIT © [Knowgistics](https://github.com/knowgistics-coding)
npm package: @knowgistics/lms
Description: LMS ui for knowgistics
Author: knowgistics-coding
Latest version: 1.0.1

# @knowgistics/lms

> LMS ui for knowgistics

[![NPM](https://img.shields.io/npm/v/@knowgistics/lms.svg)](https://www.npmjs.com/package/@knowgistics/lms) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @knowgistics/lms
```

## Usage

```jsx
import React, { Component } from 'react'

import { QuizDisplay } from '@knowgistics/lms'
import '@knowgistics/lms/dist/index.css'

const Example = (props) => {
  return (
    <QuizDisplay
      value={doc}
      checked={checked[doc.id]}
      onCheckChange={handleCheck(doc.id)}
    />
  )
}
```

## License

MIT © [knowgistics-coding](https://github.com/knowgistics-coding)
npm package: @knowgistics/react-scripts-mek
Description: Configuration and scripts for Create React App.
Latest version: 1.0.4

# 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: @knowhereio/kidjs
Description: kidjs web3
Author: knowhereio
Latest version: 1.0.0

# KID Domain jsSDK

> KID jsSDK

- [ √ ] The KID domain name is resolved using the address
- [ √ ] The address is reversely resolved based on the KID name and the specified chain
- [ √ ] Based on the KID name, the IP addresses of different chains are resolved in reverse


## Installation

### npm
```shell
npm install -S @knowhereio/kidjs web3
```
### yarn
```shell
yarn add @knowhereio/kidjs web3
```

## Exports

```shell
default - KID
getKidName
getKidResolver
```

## Example

### 1.The KID domain name is resolved using the address
```javascript
const KID = require('@knowhereio/kidjs')
const Web3 = require('web3')

let provider
let kid

provider = new Web3(new Web3.providers.HttpProvider('https://goerli.infura.io/v3/xxxxx'))

kid = new KID({ provider, networkId: 5 })

kid.getKidName('0x0000000000000000000000000000000000000000').then((res) => {
    console.log('res')
}).catch((err) => {
    console.log('Error:', err)
})

```

### 2.The address is reversely resolved based on the KID name and the specified chain

```javascript
const KID = require('@knowhereio/kidjs')
const Web3 = require('web3')

let provider
let kid

provider = new Web3(new Web3.providers.HttpProvider('https://goerli.infura.io/v3/xxxxx'))

kid = new KID({ provider, networkId: 5 })
kid.getKidResolver('hello','ETH').then((res) => {
    console.log(res)
}).catch((err) => {
    console.log('Error:', err)
})
```

### 3.Based on the KID name, the IP addresses of different chains are resolved in reverse

```javascript
const KID = require('@knowhereio/kidjs')
const Web3 = require('web3')

let provider
let kid

provider = new Web3(new Web3.providers.HttpProvider('https://goerli.infura.io/v3/xxxxx'))

kid = new KID({ provider, networkId: 5 })
kid.getKidResolver('hello').then((res) => {
    console.log(res)
}).catch((err) => {
    console.log('Error:', err)
})
```
npm package: @knowins/notifier
Description: Display notifications on promise
Author: moneta
Latest version: 1.0.16

# notifier

> Display notifications from a promise

[![NPM](https://img.shields.io/npm/v/notifier.svg)](https://www.npmjs.com/package/notifier) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save notifier
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from 'notifier'
import 'notifier/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [knowins](https://github.com/knowins)
npm package: @knowins/viewer
Description: The Viewer Client for KNOWINS Reporting Engine
Author: moneta
Latest version: 1.0.19

# viewer

> The Viewer Client for KNOWINS Reporting Engine

[![NPM](https://img.shields.io/npm/v/viewer.svg)](https://www.npmjs.com/package/viewer) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save viewer
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from 'viewer'
import 'viewer/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [knowins](https://github.com/knowins)