open-index/open-npm huggingface dataset:
npm package: @kk306484328/dom-screenshot
Description: 整合dom-to-image及html2canvas，开箱即用的dom截图组件
Author: https://github.com/Sweet-KK
Latest version: 1.0.3

# dom-screenshot

[![NPM Version](https://badge.fury.io/js/%40kk306484328%2Fdom-screenshot.svg)](https://www.npmjs.com/package/@kk306484328/dom-screenshot)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/Sweet-KK/dom-screenshot/pulls)


## Table of Contents

- [Introduction](#introduction)
- [Features](#features)
- [Install](#install)
- [Usage](#usage)
- [Doc](#doc)
- [License](#license)

## Introduction

整合dom-to-image及html2canvas，开箱即用的dom截图组件。

[⬆ Back to Top](#table-of-contents)

## Features
- 整合dom-to-image及html2canvas，解决图片模糊，不加载等问题
- 判断设备类型使用合适的方法，减少遇到兼容性问题无法运行而造成困扰，也可传入useHtml2canvas去自主控制

[⬆ Back to Top](#table-of-contents)

## Install

```
npm install @kk306484328/dom-screenshot
```

[⬆ Back to Top](#table-of-contents)

## Usage

```
<template>
  <div class="demo">
    <dom-screenshot is-save ref="shotDom">
      <h1>Hellow word!</h1>
    </dom-screenshot>

    <button @click="onClick">截图-shot</button>
  </div>
</template>

<script>
import DomScreenshot from '@kk306484328/dom-screenshot'
export default {
  components: { DomScreenshot },
  methods: {
    onClick () {
      this.$refs.shotDom.shot()
    }
  }
}
</script>
```

[⬆ Back to Top](#table-of-contents)

## doc

- [doc](https://Sweet-KK.github.io/dom-screenshot/)

[⬆ Back to Top](#table-of-contents)

## License

[MIT](./LICENSE)

[⬆ Back to Top](#table-of-contents)
npm package: @kk306484328/kcli
Description: 下载git仓库作为项目起始模板，可保存模板地址
Author: https://github.com/Sweet-KK
Latest version: 1.0.2

# kcli

[![NPM Version](https://badge.fury.io/js/%40kk306484328%2Fkcli.svg)](https://www.npmjs.com/package/@kk306484328/kcli)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/Sweet-KK/kcli/pulls)


## 目录

- [简介](#简介)
- [安装](#安装)
- [使用](#使用)
- [License](#license)

## 简介

下载git仓库作为项目起始模板，可保存模板地址。


[⬆ Back to Top](#目录)

## 安装

```
npm install kcli -g
```
```

[⬆ Back to Top](#目录)

## 使用

#### 初始化项目
```
kcli init
```

[⬆ Back to Top](#目录)


## License

[MIT](./LICENSE)

[⬆ Back to Top](#目录)
npm package: @kk8787/matrix-2d
Description: transform 2d
Latest version: 0.0.5

# 2d transformation

## example

1. simply using Transform Class.

```
class A {
  transform = new Transform()
}

const a = new A()

a.translate
a.rotate

```

2. using TransformMixin Function.

```
class A {
  a1: number
  a2: number
}

// Assigning transform properties to a class.
const B = TransformMixin(A)

const b = new B() // as A & Transform

b.translate
b.rotate


```

## Transform Class

### properties

transform
rotate
scale
skew
origin
rotateDeg (getter)

### methods

#### static

decomposeTSR // to decompose a Matrix into a Transform. (\* in the order of transform, scale, rotate)

etc...

## Matrix class

### static

- methods to create a Transform Matrix.
  translation
  rotation
  rotationDeg
  scale
  skew
  skewDeg
  identity

- multiply
  mul
  compose

### instance methods

point // to apply the matrix to a point.
points // to apply the matrix to points.
smooth // rounding number
etc...
npm package: @kkagei/tiny
Description: Removes all spaces from a string
Latest version: 2.0.0

@kkagei/tiny

[![npm (scoped)]
(https://img.shields.io/npm/v/@kkagei/tiny.svg)]
(https://github.com/kristen-kagei/tiny)
(![npm bundle size (minified)]
(https://img.shields.io/bundlephobia/min/@kkagei/tiny.svg)]
(https://github.com/kristen-kagei/tiny)
npm package: @kkang0/minidash
Description: MiniDash는 Lodash에서 영감을 받은 경량화되고 간소화된 Javascript 유틸리티 라이브러리로, JavaScript 코딩을 더 쉽고 효율적으로 만들어 줍니다. 배열, 객체, 문자열 작업에 일반적으로 사용되는 유틸리티 함수 세트를 제공하여, 소형에서 중형 크기의 앱 프로젝트에 완벽한 선택입니다.
Author: kkang0
Latest version: 0.0.2

# minidash

MiniDash는 Lodash에서 영감을 받은 경량화되고 간소화된 Javascript 유틸리티 라이브러리로, JavaScript 코딩을 더 쉽고 효율적으로 만들어 줍니다. 배열, 객체, 문자열 작업에 일반적으로 사용되는 유틸리티 함수 세트를 제공하여, 소형에서 중형 크기의 앱 프로젝트에 완벽한 선택입니다.

## Features

- 배열, 객체, 문자열을 다루기 위한 사용하기 쉬운 API를 제공합니다.
- 외부 의존성이 없는 경량화된 라이브러리를 제공합니다.
- 누구에게나 열려 있는 오픈소스 라이브러리입니다.

## Installation

```bash
npm install minidash
```

## How to use

```js
import { checkedArr } from minidash;

checkedArr([1, 2, 3, 4, 5]);  // true
```

## Contribution

1. 저장소를 fork 합니다.
2. 새 브랜치를 생성하고 수정사항을 push합니다.
3. 문서 양식에 맞게 Pull Request를 합니다.

## License

MIT License에 따라 제공되는 오픈 소스 소프트웨어입니다.
npm package: @kkatkus/components
Description: Adobe Aria based react components
Author: Kęstutis Katkus
Latest version: 0.0.5

<div align="center">
<h1>components</h1>

  <img
    height="333"
    width="333"
    alt="simple things"
    src="./src/assets/img/simple-things.jpg"
  />

<br />

</div>

<h1>React components | <a target="_blank" href="https://kk-compponents.vercel.app/">storybook</a></h1>

<br />

To get it started, add `components` to your project:

```sh
yarn add @kkatkus/components
```

Or if you prefer using npm:

```sh
npm install @kkatkus/components --save
```

<br />
<h1>Theme</h1>

Palette colors are represented by four tokens:

main: The main shade of the color
light: A lighter shade of main
dark: A darker shade of main
contrastText: Text color, intended to contrast with main


Default colors

The theme exposes the following default palette colors (accessible under theme.palette.*):

primary - for primary interface elements.
secondary - for secondary interface elements.
error - for elements that the user should be made aware of.
warning - for potentially dangerous actions or important messages.
info - for highlighting neutral information.
success - for indicating the successful completion of an action that the user triggered.


<h1>Components</h1>

```jsx
<Input />
```
npm package: @kkatkus/otp
Description: One time password input component
Author: Kęstutis Katkus
Latest version: 0.0.3

<div align="center">
<h1>OTP</h1>

  <img
    height="333"
    width="333"
    alt="simple things"
    src="./src/assets/img/simple-things.jpg"
  />

<br />

</div>

<h1>React OTP component | <a target="_blank" href="https://otp.vercel.app/">storybook</a></h1>

<br />

To get it started, add `otp` to your project:

```sh
yarn add @kkatkus/otp
```

Or if you prefer using npm:

```sh
npm install @kkatkus/otp --save
```

<br />
<h1>How to use it</h1>

```ts
<OTP value={value} onChange={handleChange} />
```

 Example:
 ```ts
interface ExampleForm extends Record<string, UseFormValue> {
  email: string;
  password: string;
  repeatPassword: string;
  age: number;
};
```
npm package: @kkatou7209/casten
Description: TypeScript Toolbox of Codecs and Cryptgraphies
Author: kkatou7209@gmail.com
Latest version: 0.1.0

# Kasten : TypeScript Toolbox of Codecs and Cryptgraphies

## Features

- Base 64 Encoding/Decoding
- Base 32 Encoding/Decoding
- Base 16 Encoding/Decoding
- Run-Length Encoding/Decoding (WIP)
- LZ77 Encoding/Decoding (WIP)

## Usage

Create codec instance with static methods of `Kasten`.

```ts
const data: Uint8Array = ...;

const base64 = Kasten.base64('rfc4648');

const encoded: string = base64.encode(data);

const decoded: Uint8Array = base64.decode(encoded);
```

## Linsence

This project is licensed under the MIT License.