open-index/open-npm huggingface dataset:
npm package: @handraw/excalidraw
Description: Excalidraw as a React component
Latest version: 1.0.0-alpha.11

# Excalidraw

**Excalidraw** is exported as a component to directly embed in your projects.

## Installation

You can use `npm`

```bash
npm install react react-dom @excalidraw/excalidraw
```

or via `yarn`

```bash
yarn add react react-dom @excalidraw/excalidraw
```

After installation you will see a folder `excalidraw-assets` and `excalidraw-assets-dev` in `dist` directory which contains the assets needed for this app in prod and dev mode respectively.

Move the folder `excalidraw-assets` and `excalidraw-assets-dev` to the path where your assets are served.

By default it will try to load the files from [`https://unpkg.com/@excalidraw/excalidraw/dist/`](https://unpkg.com/@excalidraw/excalidraw/dist)

If you want to load assets from a different path you can set a variable `window.EXCALIDRAW_ASSET_PATH` depending on environment (for example if you have different URL's for dev and prod) to the url from where you want to load the assets.

#### Note

**If you don't want to wait for the next stable release and try out the unreleased changes you can use `@excalidraw/excalidraw@next`.**

## Dimensions of Excalidraw

Excalidraw takes _100%_ of `width` and `height` of the containing block so make sure the container in which you render Excalidraw has non zero dimensions.

### Demo

[Try here](https://codesandbox.io/s/excalidraw-ehlz3).

## Integration

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/integration)

## API

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api)

## Contributing

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/contributing)
npm package: @hands-on-aws-cdk-book/custom-amplify-construct
Description: Custom Amplify construct from Hands-on AWS CDK Book
Author: Sam Ward Biddle
Latest version: 0.1.1

# Custom Amplify CDK Construct

A simple AWS CDK construct for creating Amplify applications with configurable environment variables.

## Installation

```bash
npm install @hands-on-aws-cdk-book/custom-amplify-construct
```

## Usage

```typescript
import { CustomAmplifyConstruct } from "@hands-on-aws-cdk-book/custom-amplify-construct";

// Basic usage
const basicApp = new CustomAmplifyConstruct(this, "BasicApp", {
  appName: "MyApp",
  githubRepositoryUrl: "https://github.com/username/repo",
  githubTokenSecretName: "github-token",
});

// With environment variables
const appWithEnv = new CustomAmplifyConstruct(this, "AppWithEnv", {
  appName: "MyApp",
  githubRepositoryUrl: "https://github.com/username/repo",
  githubTokenSecretName: "github-token",
  environmentVariables: {
    VITE_API_ENDPOINT: api.url,
    VITE_USER_POOL_ID: userPool.userPoolId,
  },
});
```

## Prerequisites

1. Store your GitHub personal access token in AWS Secrets Manager
2. Have a GitHub repository with your Vite application

## Environment Variables

All environment variables will be prefixed with `VITE_` to work with Vite applications.
The construct automatically adds:

- `VITE_REGION`: AWS Region

Add any additional environment variables through the `environmentVariables` prop.

## Build Settings

The construct uses the following build settings:

- Node.js environment
- `npm ci` for clean installs
- `npm run build` for production builds
- Caches node_modules for faster builds
- Serves from the `build` directory
- Handles SPA routing with custom rules

## Security

- Uses Secrets Manager for GitHub token
- HTTPS by default
- Environment variables are encrypted at rest
npm package: @handshake-org/bcfg
Description: Config parser for Handshake
Author: Christopher Jeffrey
Latest version: 0.1.7

# bcfg

Config parser (used for bcoin).

## Usage

``` js
const Config = require('bcfg');

// Will consider ~/.my-module the prefix directory.
const config = new Config('my-module', {
  alias: {
    'n': 'network'
  }
});

// Inject some custom options first.
config.inject({
  some: 'user',
  options: 'here'
});

config.load({
  // Parse URL hash
  hash: true,
  // Parse querystring
  query: true,
  // Parse environment
  env: true,
  // Parse args
  argv: true
});

// Will parse ~/.my-module/my-config.conf (throws on FS error).
config.open('my-config.conf');

// These will cast types and throw on incorrect type.
console.log(config.str('username'));
console.log(config.str('password'));
console.log(config.uint('userid'));
console.log(config.float('percent'));
console.log(config.bool('initialize'));
```

## Contribution and License Agreement

If you contribute code to this project, you are implicitly allowing your code
to be distributed under the MIT license. You are also implicitly verifying that
all code is your original work. `</legalese>`

## License

- Copyright (c) 2017, Christopher Jeffrey (MIT License).

See LICENSE for more info.
npm package: @handshake-org/bfilter
Description: Bloom filters for javascript
Author: Christopher Jeffrey
Latest version: 2.3.0

# bfilter

Bloom filters for javascript.

## Usage

``` js
const bfilter = require('bfilter');
```

## Contribution and License Agreement

If you contribute code to this project, you are implicitly allowing your code
to be distributed under the MIT license. You are also implicitly verifying that
all code is your original work. `</legalese>`

## License

- Copyright (c) 2017, Christopher Jeffrey (MIT License).

See LICENSE for more info.
npm package: @handsin/eslint-config
Description: The ultimate eslint config for typescript projectsd, made by the geniuses at Hands In
Author: Hands In Ltd.
Latest version: 1.0.19

# eslint-config

Hands In's company wide eslint config for typescript and javascript projects (including react)

# Install

`npm install -D @handsin/eslint-config`

# Usage

To use the rules set by Hands In in your project, add the following to your `.eslintrc.js` file

### NodeJs

#### Javascript

```
// .eslintrc.js
{
    "extends": ["@handsin/eslint-config/javascript"],
}
```

#### Typescript

```
// .eslintrc.js
{
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "project": "./tsconfig.json"
    },
    "extends": ["@handsin/eslint-config/typescript"],
}
```

### React

#### Javascript

```
// .eslintrc.js
{
    "extends": ["@handsin/eslint-config/react/javascript"],
}
```

#### Typescript

```
// .eslintrc.js
{
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "project": "./tsconfig.json"
    },
    "extends": ["@handsin/eslint-config/react/typescript"],
}
```

## Prettier

If you are using prettier in your projectm, you can also extend the Hands In prettier configuration rules by adding the following to your `.prettierrc.js` file.

```
// .prettierrc.js

module.exports = {
    ...require('@handsin/eslint-config/.prettierrc.json')
    // your rules here
    // ...
}
```
npm package: @handsin/money
Description: Hands In's safe javascript money library
Author: Hands In Ltd.
Latest version: 2.0.1


<h1 align="center">Global Money Library</h1>
<p align="center">
  <a href="https://www.npmjs.com/package/@handsin/money">
    <img src="https://img.shields.io/npm/v/@handsin/money.svg" alt="NPM version">
  </a>
  <a href="https://github.com/hands-in/money/actions/workflows/build.yml">
    <img src="https://github.com/hands-in/money/actions/workflows/build.yml/badge.svg" alt="Build status">
  </a>
  <a href="https://hands-in.github.io/money/coverage">
    <!-- You can use the below badge when using public repos -->
    <img src="https://hands-in.github.io/money/coverage/badges.svg" alt="Test Coverage">
    <!-- You can use the below badge when using private repos -->
    <!-- <img src="https://img.shields.io/badge/Coverage_report-lightgrey" alt="Test Coverage"> -->
  </a>
   <a href="https://hands-in.github.io/money/docs">
     <img src="https://img.shields.io/badge/-Documentation-green" alt="Documentation">
   </a>
   <a href="https://opensource.org/licenses/MIT">
    <img src="https://img.shields.io/:license-mit-blue.svg" alt="MIT license">
  </a>
</p>

[View Code Coverage](https://hands-in.github.io/money-node/coverage)

[View Documentation](https://hands-in.github.io/money-node/docs)

This a money library which enables you to safely add/multiple/divide/subtract monetary values from each other. There are also local and global money adapters which enable you to compare monetaryvlaues of the same and different currencies. We have not provided an exchange rate service with this library to leave it open for interoperability with multiple exchange services.

This library is created and used by the geniuses at Hands In.

<a href="https://www.npmjs.com/package/@handsin/money">
  <img src="https://nodei.co/npm/@handsin/money.png?compact=true" alt="NPM version">
</a>
npm package: @handsomeofqu/c-components
Description: A components library example
Latest version: 1.1.5

# c-components

### Reference
将常用功能性组件库封装，便于使用。[文档地址](http://handsomeofarea.gitee.io/c-libs)


### Quickstart

```html
pnpm install @handsomeofqu/c-components
```

### use

```html
import Ccomponent from '@handsomeofqu/c-components'
import '@handsomeofqu/c-components/es/style'
import { createApp } from 'vue'
const app = createApp(App)
app.use(Ccomponent)
```

###  Automatic Import

```html
import {Button} from '@handsomeofqu/c-components'

<Button>button</Button>
```
npm package: @handsomerui/simple-ui
Description: Vue3 components library
Author: handsomerui
Latest version: 1.0.3

# simple-ui

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## Type Support for `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Type-Check, Compile and Minify for Production

```sh
npm run build
```
npm package: @handsomewolf/excel-export
Description: excel export for typescript
Author: HandsomeWolf
Latest version: 0.0.1

# 使用说明

## 安装与导入

### 安装

```bash
npm i @handsomewolf/excel-export
```

### 导入

``` bash
import { excelExport } from "@handsomewolf/excel-export";
```

## 语法

```ts
excelExport("工作簿名称",工作表数组)
```

### 工作表数组

| 参数 | 类型 | 作用 |
| --- | --- | --- |
| sheetName | string | 工作表名称 |
| sheetHeader | (string\|number)[] | 表头 |
| sheetRows | (string\|number)[]\|{ [key: string]: any, [index: number]: any } | 表头 |
| option | SheetOptions | [可选参数](#可选项)  |

### 可选项

| 参数 | 类型 | 作用 | 默认值 |
| --- | --- | --- | --- |
| sheetStyle | string | 该工作表的样式风格 | 无 |
| accountingColumns | number[] | 列设置为会计专用格式 | 无 |
| decimalPlaces | number | 会计专用格式保留的小数位 | 无 |
| rowFontColor | {rows:number[],defaultColor:string} | 设置某行的字体颜色。rows：数组表示为哪几行设置字体颜色；defaultColor：表示这些行的字体颜色 | FF0000 红色 |

## 示例1

```ts
excelExport("工作簿名称1", [
  {
    sheetName: "工作表名称",
    sheetHeader: ["第1列表头名称", "第2列表头名称", "第3列表头名称"],
    sheetRows: [
      ["第1行1列数据", "第1行2列数据", "第1行3列数据"],
      ["第2行1列数据", "第2行2列数据", "第2行3列数据"],
      ["第3行1列数据", "第3行2列数据", "第3行3列数据"],
    ],
    options: {
      sheetStyle: "green", //excel样式样式风格，目前只有green风格
      accountingColumns: [1, 2], //为1,2列设置为会计专用格式
      decimalPlaces: 2, //accountingColumns（会计专用列）保留几位小数
      rowFontColor: {
        //设置某行的字体颜色
        rows: [1, 2], // 为1,2行设置字体颜色
        defaultColor: "#FF0000", // 可选参数，设置低1，2行的字体颜色为：#FF0000，默认值为FF0000（红色）
      },
      rowBackgroundColors: ["FFF6F4EE", "#EEF8FB"], //每行的背景颜色，该值表示第一行使用#F6F4EE，第二行使用#EEF8FB背景色
    },
  },
]);
```

## 示例2
```ts
const excelHeader = {
  x: "第1列表头名称",
  y: "第2列表头名称",
  z: "第3列表头名称",
};
const excelBody = [
  { x: "第1行1列数据", y: "第1行2列数据", z: "第1行3列数据" },
  { x: "第2行1列数据", y: "第2行2列数据", z: "第2行3列数据" },
  { x: "第3行1列数据", y: "第3行2列数据", z: "第3行3列数据" },
];

excelExport("工作簿名称2", [
  {
    sheetName: "工作表名称",
    sheetHeader: excelHeader,
    sheetRows: excelBody,
    options: {
      sheetStyle: "green", //excel样式样式风格，目前只有green风格
      accountingColumns: [1, 2], //为1,2列设置为会计专用格式
      decimalPlaces: 2, //accountingColumns（会计专用列）保留几位小数
      rowFontColor: {
        //设置某行的字体颜色
        rows: [1, 2], // 为1,2行设置字体颜色
        defaultColor: "#FF0000", // 可选参数，设置低1，2行的字体颜色为：#CCFF00，默认值为FF0000（红色）
      },
      rowBackgroundColors: ["#F6F4EE", "#EEF8FB"], //每行的背景颜色，该值表示第一行使用#F6F4EE，第二行使用#EEF8FB背景色
    },
  },
]);
```
npm package: @handsontable/formulajs
Description: JavaScript implementation of most Microsoft Excel formula functions
Author: Handsoncode
Latest version: 2.0.2

formula.js [![Build Status](https://travis-ci.org/handsontable/formula.js.png?branch=master)](https://travis-ci.org/handsontable/formula.js) [![Test Coverage](https://codeclimate.com/github/handsontable/formula.js/badges/coverage.svg)](https://codeclimate.com/github/handsontable/formula.js/coverage)
==========

JavaScript implementation of most Microsoft Excel formula functions

This project is forked from [sutoiku/formula.js](https://github.com/sutoiku/formula.js) and it's developed for Handsontable needs.

Documentation available at [sutoiku/formula.js](https://github.com/sutoiku/formula.js)

LICENSE
-------

formula.js is freely distributable under the terms of the MIT license.
Copyright (c) 2014 Sutoiku, Inc.
npm package: @handsontable/jstat
Description: Statistical Library for JavaScript
Author: Handsoncode
Latest version: 1.0.0

**@handsontable/jstat** - JavaScript Statistical Library
===============================================================

**jStat** provides native javascript implementations of statistical functions.
Full details are available in the [docs](http://handsontable.github.io/jstat/).
jStat provides more functions than most libraries, including the weibull, cauchy, poisson, hypergeometric, and beta distributions.
For most distributions, jStat provides the pdf, cdf, inverse, mean, mode, variance, and a sample function, allowing for more complex calculations.

[![npm version](https://img.shields.io/npm/v/@handsontable/jstat.svg)](https://www.npmjs.com/package/@handsontable/jstat)

## Table of contents


 1. [Installation](#installation)
 2. [Getting Started](#getting-started)
 3. [Building jStat](#building-jstat)
 4. [Running Tests](#Running-tests)
 5. [Get the Code](#get-the-code)
 6. [Contributing](#contributing)
 7. [Licensing](#licensing)

## Installation
Use npm to download the project.
```
npm install @handsontable/jstat
```

## Getting Started

jStat can be used in the browser. The `jStat` object will be added to the window. For example:

```html
<script src="https://cdn.jsdelivr.net/npm/@handsontable/jstat/dist/jstat.min.js"></script> <!-- include jStat, from the CDN or otherwise -->
<script>
var jstat = this.jStat(dataset); // jStat will be added to the window

data[i]['cum'] = jstat.normal(jstat.mean(), jstat.stdev()).cdf(data[i].x);
</script>

```

Using jStat in Node environment.

```js
const jStat = require('@handsontable/jstat');

data[i]['cum'] = jStat.normal(jStat.mean(), jStat.stdev()).cdf(data[i].x);
```

## Building jStat

First, clone a copy of the jStat git repo by running `git clone https://github.com/handsontable/jstat.git`.

To download all necessary dependencies run `npm install` in the cloned repository.

Then, to get a complete, minified version of jStat and all documentation, simply type `npm run all`.

The built version of jStat will be put in the `dist/` subdirectory.

Generate just the documentation by running `npm run doc`. Documentation will be placed in `dist/docs` by default.

To remove all built files, run `npm run clean`.

## Running Tests

Execute all tests by running `npm run test`.

Or if you wish to run a specific test, `cd` to `test/<subdir>` and run `node <some_test>-test.js`.

## Get the Code

Both the minified and unminified source are located in the `dist/` directory. For those who don't want to build
it themselves.

## Contributing
If you would like to help us to develop this library, please first read the [guide for contributors](//github.com/handsontable/jstat/blob/master/CONTRIBUTING.md).

## Licensing
This library is released under the MIT license.
The project is based on the great work of [jStat](https://github.com/jstat/jstat).
npm package: @handwithfivefingers/strapi-plugin-self-backup
Description: Backup your local data
Author: Truyen Mai
Latest version: 1.0.5

### UPDATING
- Fixed can't create backup manual (api name issue )
- Fixed only generate Create Schema 
- Implemented deleted file before delete on database
- Lite SQL Backup
- Schedule remove old backup
- Now Entity will create first and update file when file generated successfully ( avoid freeze browser, unable to generate file )
- 

# Strapi plugin Self Backup

Backup your data without any provider
### Install
```
npm install @handwithfivefingers/strapi-plugin-self-backup
```

### Turn it on
At `rootDir/config/plugins.js`
```
"tm-backup": {
  enabled: true
}
```
At `rootDir/.env` need `DATABASE_PASSWORD` available
```
DATABASE_PASSWORD=xxx
```

Create `backup` folder

```
.
├── rootDir
│   └── file12.ext
└── backup

```

### Features
![Dashboard](./images/dashboard.png?raw=true "Dashboard")

![Setting](./images/setting.png?raw=true "Setting")


### Completed Implement ✓
- [x] mysql Backup
- [x] Manual create backup
- [x] Delete/Download
- [x] Lite SQL Backup
- [x] Schedule remove old backup


### Todo
- [ ] Postgrest SQL Backup
- [ ] Automatic send mail when backup created 
- [ ] Push backup file to Storage Provider when backup created

### Warning
- You need to create `backup` folder same level at rootDir to avoid restart
npm package: @handwoo24/kakao
Description: A simple kakao auth api package for next
Author: handwoo24
Latest version: 1.0.2

### A Kakao API for nextjs

### Auth Example

```ts
"authorize-page.tsx"

export default function Page() {
  return <KakaoAuthorizeButton apiKey="your api key" />
}

```


```ts
"redirect-page.tsx"

interface PageProps {
  searchParams?: {
    code?: string
  }
}

const redirectUri = "your redirect uri"
const apiKey = "your kakao js client api key"

export default async function Page({ searchParams: { code } }: PageProps) {
  if (typeof code !== 'string') return redirect('/')
  const { access_token } = await getKakaoToken({code, redirectUri, apiKey})
  const kakaoUser = await getKakaoUser(access_token)
  return ...
}
```

### Map Example

```ts
const Map = () => {
  return (
      <KakaoMap apiKey="your api key" lat={33.450701} lng={126.570667} level={3} style={{ width: 500, height: 500 }} />
    )
}
```
npm package: @handwoo24/opencv
Description: opencv for react
Author: handwoo24
Latest version: 1.0.3

### next-opencv

 - [opencv](https://docs.opencv.org/4.8.0/)

opencv is very powerful image processing module

i write thie module for using opencv in react

but opencv interface is too large to write all methods and attributes

i hope to write everythings about opencv

### how
```ts
const Components = () => {
  ...
  const cv = useCv(version) // default is 4.8.0
  ...

  return <>
    ...
  </>
}
```