open-index/open-npm huggingface dataset:
npm package: @laterjs/react-security-code
Description: Security Code Component for React
Latest version: 0.1.1

## react-security-code
Security Code Component for React

## 📦 Installation
```sh
npm i @laterjs/react-security-code
```

## 🔨 Usage

```tsx
import { SecurityCode, ToSecurityCodeRef } from '@laterjs/react-security-code';
import { useRef, MutableRefObject } from "react";

export default () => {

  const securityCodeRef = useRef() as MutableRefObject<ToSecurityCodeRef>;

  return (
    <SecurityCode
      ref={securityCodeRef}
      onCodeChanged={digits => {
        console.log('onCodeChanged...', digits)
      }}
      onCodeEntered={digits => {
        console.log('onCodeEntered...', digits)
      }}
      fields={6}/>
  )
}
```

## 🖥 Browser compatibility

- Modern browsers and Internet Explorer 11 (with [polyfills](https://stackoverflow.com/questions/57020976/polyfills-in-2019-for-ie11))
- [Electron](https://www.electronjs.org/)

| [![edge](https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png)](http://godban.github.io/browsers-support-badges/) | [![Edge](https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png)](http://godban.github.io/browsers-support-badges/) | [![chrome](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png)](http://godban.github.io/browsers-support-badges/) | [![safari](https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png)](http://godban.github.io/browsers-support-badges/) | [![electron_48x48](https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png)](http://godban.github.io/browsers-support-badges/) |
| --- | --- | --- | --- | --- |
| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |


## SNAPSHOT
![SNAPSHOT](./snapshot.png)

## LICENSE
MIT
npm package: @latest-version/orval-angular
Description: [![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![tests](https://github.com/orval-labs/orval/actions/workflow
Latest version: 7.4.7

[![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![tests](https://github.com/orval-labs/orval/actions/workflows/tests.yaml/badge.svg)](https://github.com/orval-labs/orval/actions/workflows/tests.yaml)

<p align="center">
  <img src="./logo/orval-logo-horizontal.svg?raw=true" width="500" height="160" alt="orval - Restfull Client Generator" />
</p>
<h1 align="center">
  Visit <a href="https://orval.dev" target="_blank">orval.dev</a> for docs, guides, API and beer!
</h1>

### Code Generation

`orval` is able to generate client with appropriate type-signatures (TypeScript) from any valid OpenAPI v3 or Swagger v2 specification, either in `yaml` or `json` formats.

`Generate`, `valid`, `cache` and `mock` in your React, Vue, Svelte and Angular applications all with your OpenAPI specification.

### Samples

You can find below some samples

- [react app](https://github.com/orval-labs/orval/tree/master/samples/react-app)
- [react query](https://github.com/orval-labs/orval/tree/master/samples/react-query)
- [svelte query](https://github.com/orval-labs/orval/tree/master/samples/svelte-query)
- [vue query](https://github.com/orval-labs/orval/tree/master/samples/vue-query)
- [react app with swr](https://github.com/orval-labs/orval/tree/master/samples/react-app-with-swr)
- [angular app](https://github.com/orval-labs/orval/tree/master/samples/angular-app)
- [hono](https://github.com/orval-labs/orval/tree/master/samples/hono)
- [next app with fetch](https://github.com/orval-labs/orval/tree/master/samples/next-app-with-fetch)
npm package: @latest-version/orval-axios
Description: [![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![tests](https://github.com/orval-labs/orval/actions/workflow
Latest version: 7.4.6

[![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![tests](https://github.com/orval-labs/orval/actions/workflows/tests.yaml/badge.svg)](https://github.com/orval-labs/orval/actions/workflows/tests.yaml)

<p align="center">
  <img src="./logo/orval-logo-horizontal.svg?raw=true" width="500" height="160" alt="orval - Restfull Client Generator" />
</p>
<h1 align="center">
  Visit <a href="https://orval.dev" target="_blank">orval.dev</a> for docs, guides, API and beer!
</h1>

### Code Generation

`orval` is able to generate client with appropriate type-signatures (TypeScript) from any valid OpenAPI v3 or Swagger v2 specification, either in `yaml` or `json` formats.

`Generate`, `valid`, `cache` and `mock` in your React, Vue, Svelte and Angular applications all with your OpenAPI specification.

### Samples

You can find below some samples

- [react app](https://github.com/orval-labs/orval/tree/master/samples/react-app)
- [react query](https://github.com/orval-labs/orval/tree/master/samples/react-query)
- [svelte query](https://github.com/orval-labs/orval/tree/master/samples/svelte-query)
- [vue query](https://github.com/orval-labs/orval/tree/master/samples/vue-query)
- [react app with swr](https://github.com/orval-labs/orval/tree/master/samples/react-app-with-swr)
- [angular app](https://github.com/orval-labs/orval/tree/master/samples/angular-app)
- [hono](https://github.com/orval-labs/orval/tree/master/samples/hono)
- [next app with fetch](https://github.com/orval-labs/orval/tree/master/samples/next-app-with-fetch)
npm package: @latest-version/orval-core
Description: [![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![tests](https://github.com/orval-labs/orval/actions/workflow
Latest version: 7.4.9

[![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![tests](https://github.com/orval-labs/orval/actions/workflows/tests.yaml/badge.svg)](https://github.com/orval-labs/orval/actions/workflows/tests.yaml)

<p align="center">
  <img src="./logo/orval-logo-horizontal.svg?raw=true" width="500" height="160" alt="orval - Restfull Client Generator" />
</p>
<h1 align="center">
  Visit <a href="https://orval.dev" target="_blank">orval.dev</a> for docs, guides, API and beer!
</h1>

### Code Generation

`orval` is able to generate client with appropriate type-signatures (TypeScript) from any valid OpenAPI v3 or Swagger v2 specification, either in `yaml` or `json` formats.

`Generate`, `valid`, `cache` and `mock` in your React, Vue, Svelte and Angular applications all with your OpenAPI specification.

### Samples

You can find below some samples

- [react app](https://github.com/orval-labs/orval/tree/master/samples/react-app)
- [react query](https://github.com/orval-labs/orval/tree/master/samples/react-query)
- [svelte query](https://github.com/orval-labs/orval/tree/master/samples/svelte-query)
- [vue query](https://github.com/orval-labs/orval/tree/master/samples/vue-query)
- [react app with swr](https://github.com/orval-labs/orval/tree/master/samples/react-app-with-swr)
- [angular app](https://github.com/orval-labs/orval/tree/master/samples/angular-app)
- [hono](https://github.com/orval-labs/orval/tree/master/samples/hono)
- [next app with fetch](https://github.com/orval-labs/orval/tree/master/samples/next-app-with-fetch)
npm package: @latest-version/orval-fetch
Description: [![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![tests](https://github.com/orval-labs/orval/actions/workflow
Latest version: 7.4.2

[![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![tests](https://github.com/orval-labs/orval/actions/workflows/tests.yaml/badge.svg)](https://github.com/orval-labs/orval/actions/workflows/tests.yaml)

<p align="center">
  <img src="./logo/orval-logo-horizontal.svg?raw=true" width="500" height="160" alt="orval - Restfull Client Generator" />
</p>
<h1 align="center">
  Visit <a href="https://orval.dev" target="_blank">orval.dev</a> for docs, guides, API and beer!
</h1>

### Code Generation

`orval` is able to generate client with appropriate type-signatures (TypeScript) from any valid OpenAPI v3 or Swagger v2 specification, either in `yaml` or `json` formats.

`Generate`, `valid`, `cache` and `mock` in your React, Vue, Svelte and Angular applications all with your OpenAPI specification.

### Samples

You can find below some samples

- [react app](https://github.com/orval-labs/orval/tree/master/samples/react-app)
- [react query](https://github.com/orval-labs/orval/tree/master/samples/react-query)
- [svelte query](https://github.com/orval-labs/orval/tree/master/samples/svelte-query)
- [vue query](https://github.com/orval-labs/orval/tree/master/samples/vue-query)
- [react app with swr](https://github.com/orval-labs/orval/tree/master/samples/react-app-with-swr)
- [nx fastify react](https://github.com/orval-labs/orval/tree/master/samples/nx-fastify-react)
- [angular app](https://github.com/orval-labs/orval/tree/master/samples/angular-app)
- [hono](https://github.com/orval-labs/orval/tree/master/samples/hono)
- [next app with fetch](https://github.com/orval-labs/orval/tree/master/samples/next-app-with-fetch)
npm package: @latest-version/orval-hono
Description: [![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![tests](https://github.com/orval-labs/orval/actions/workflow
Latest version: 7.4.2

[![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![tests](https://github.com/orval-labs/orval/actions/workflows/tests.yaml/badge.svg)](https://github.com/orval-labs/orval/actions/workflows/tests.yaml)

<p align="center">
  <img src="./logo/orval-logo-horizontal.svg?raw=true" width="500" height="160" alt="orval - Restfull Client Generator" />
</p>
<h1 align="center">
  Visit <a href="https://orval.dev" target="_blank">orval.dev</a> for docs, guides, API and beer!
</h1>

### Code Generation

`orval` is able to generate client with appropriate type-signatures (TypeScript) from any valid OpenAPI v3 or Swagger v2 specification, either in `yaml` or `json` formats.

`Generate`, `valid`, `cache` and `mock` in your React, Vue, Svelte and Angular applications all with your OpenAPI specification.

### Samples

You can find below some samples

- [react app](https://github.com/orval-labs/orval/tree/master/samples/react-app)
- [react query](https://github.com/orval-labs/orval/tree/master/samples/react-query)
- [svelte query](https://github.com/orval-labs/orval/tree/master/samples/svelte-query)
- [vue query](https://github.com/orval-labs/orval/tree/master/samples/vue-query)
- [react app with swr](https://github.com/orval-labs/orval/tree/master/samples/react-app-with-swr)
- [angular app](https://github.com/orval-labs/orval/tree/master/samples/angular-app)
- [hono](https://github.com/orval-labs/orval/tree/master/samples/hono)
- [next app with fetch](https://github.com/orval-labs/orval/tree/master/samples/next-app-with-fetch)
npm package: @latest-version/orval-mock
Description: [![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![tests](https://github.com/orval-labs/orval/actions/workflow
Latest version: 7.4.2

[![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![tests](https://github.com/orval-labs/orval/actions/workflows/tests.yaml/badge.svg)](https://github.com/orval-labs/orval/actions/workflows/tests.yaml)

<p align="center">
  <img src="./logo/orval-logo-horizontal.svg?raw=true" width="500" height="160" alt="orval - Restful Client Generator" />
</p>
<h1 align="center">
  Visit <a href="https://orval.dev" target="_blank">orval.dev</a> for docs, guides, API and beer!
</h1>

### Code Generation

`orval` is able to generate client with appropriate type-signatures (TypeScript) from any valid OpenAPI v3 or Swagger v2 specification, either in `yaml` or `json` formats.

`Generate`, `valid`, `cache` and `mock` in your React, Vue, Svelte and Angular applications all with your OpenAPI specification.

### Samples

You can find below some samples

- [react app](https://github.com/orval-labs/orval/tree/master/samples/react-app)
- [react query](https://github.com/orval-labs/orval/tree/master/samples/react-query)
- [svelte query](https://github.com/orval-labs/orval/tree/master/samples/svelte-query)
- [vue query](https://github.com/orval-labs/orval/tree/master/samples/vue-query)
- [react app with swr](https://github.com/orval-labs/orval/tree/master/samples/react-app-with-swr)
- [angular app](https://github.com/orval-labs/orval/tree/master/samples/angular-app)
- [hono](https://github.com/orval-labs/orval/tree/master/samples/hono)
- [next app with fetch](https://github.com/orval-labs/orval/tree/master/samples/next-app-with-fetch)
npm package: @latest-version/orval-orval
Description: A swagger client generator for typescript
Author: Victor Bury
Latest version: 7.4.1

[![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![tests](https://github.com/orval-labs/orval/actions/workflows/tests.yaml/badge.svg)](https://github.com/orval-labs/orval/actions/workflows/tests.yaml)

<p align="center">
  <img src="./logo/orval-logo-horizontal.svg?raw=true" width="500" height="160" alt="orval - Restfull Client Generator" />
</p>
<h1 align="center">
  Visit <a href="https://orval.dev" target="_blank">orval.dev</a> for docs, guides, API and beer!
</h1>

### Code Generation

`orval` is able to generate client with appropriate type-signatures (TypeScript) from any valid OpenAPI v3 or Swagger v2 specification, either in `yaml` or `json` formats.

`Generate`, `valid`, `cache` and `mock` in your React, Vue, Svelte and Angular applications all with your OpenAPI specification.

### Samples

You can find below some samples

- [react app](https://github.com/orval-labs/orval/tree/master/samples/react-app)
- [react query](https://github.com/orval-labs/orval/tree/master/samples/react-query)
- [svelte query](https://github.com/orval-labs/orval/tree/master/samples/svelte-query)
- [vue query](https://github.com/orval-labs/orval/tree/master/samples/vue-query)
- [react app with swr](https://github.com/orval-labs/orval/tree/master/samples/react-app-with-swr)
- [angular app](https://github.com/orval-labs/orval/tree/master/samples/angular-app)
- [hono](https://github.com/orval-labs/orval/tree/master/samples/hono)
- [next app with fetch](https://github.com/orval-labs/orval/tree/master/samples/next-app-with-fetch)
npm package: @latest-version/orval-query
Description: [![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![tests](https://github.com/orval-labs/orval/actions/workflow
Latest version: 7.4.2

[![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![tests](https://github.com/orval-labs/orval/actions/workflows/tests.yaml/badge.svg)](https://github.com/orval-labs/orval/actions/workflows/tests.yaml)

<p align="center">
  <img src="./logo/orval-logo-horizontal.svg?raw=true" width="500" height="160" alt="orval - Restfull Client Generator" />
</p>
<h1 align="center">
  Visit <a href="https://orval.dev" target="_blank">orval.dev</a> for docs, guides, API and beer!
</h1>

### Code Generation

`orval` is able to generate client with appropriate type-signatures (TypeScript) from any valid OpenAPI v3 or Swagger v2 specification, either in `yaml` or `json` formats.

`Generate`, `valid`, `cache` and `mock` in your React, Vue, Svelte and Angular applications all with your OpenAPI specification.

### Samples

You can find below some samples

- [react app](https://github.com/orval-labs/orval/tree/master/samples/react-app)
- [react query](https://github.com/orval-labs/orval/tree/master/samples/react-query)
- [svelte query](https://github.com/orval-labs/orval/tree/master/samples/svelte-query)
- [vue query](https://github.com/orval-labs/orval/tree/master/samples/vue-query)
- [react app with swr](https://github.com/orval-labs/orval/tree/master/samples/react-app-with-swr)
- [angular app](https://github.com/orval-labs/orval/tree/master/samples/angular-app)
- [hono](https://github.com/orval-labs/orval/tree/master/samples/hono)
- [next app with fetch](https://github.com/orval-labs/orval/tree/master/samples/next-app-with-fetch)
npm package: @latest-version/orval-swr
Description: [![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![tests](https://github.com/orval-labs/orval/actions/workflow
Latest version: 7.4.2

[![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![tests](https://github.com/orval-labs/orval/actions/workflows/tests.yaml/badge.svg)](https://github.com/orval-labs/orval/actions/workflows/tests.yaml)

<p align="center">
  <img src="./logo/orval-logo-horizontal.svg?raw=true" width="500" height="160" alt="orval - Restfull Client Generator" />
</p>
<h1 align="center">
  Visit <a href="https://orval.dev" target="_blank">orval.dev</a> for docs, guides, API and beer!
</h1>

### Code Generation

`orval` is able to generate client with appropriate type-signatures (TypeScript) from any valid OpenAPI v3 or Swagger v2 specification, either in `yaml` or `json` formats.

`Generate`, `valid`, `cache` and `mock` in your React, Vue, Svelte and Angular applications all with your OpenAPI specification.

### Samples

You can find below some samples

- [react app](https://github.com/orval-labs/orval/tree/master/samples/react-app)
- [react query](https://github.com/orval-labs/orval/tree/master/samples/react-query)
- [svelte query](https://github.com/orval-labs/orval/tree/master/samples/svelte-query)
- [vue query](https://github.com/orval-labs/orval/tree/master/samples/vue-query)
- [react app with swr](https://github.com/orval-labs/orval/tree/master/samples/react-app-with-swr)
- [angular app](https://github.com/orval-labs/orval/tree/master/samples/angular-app)
- [hono](https://github.com/orval-labs/orval/tree/master/samples/hono)
- [next app with fetch](https://github.com/orval-labs/orval/tree/master/samples/next-app-with-fetch)
npm package: @latest-version/orval-zod
Description: [![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![tests](https://github.com/orval-labs/orval/actions/workflow
Latest version: 7.4.2

[![npm version](https://badge.fury.io/js/orval.svg)](https://badge.fury.io/js/orval)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![tests](https://github.com/orval-labs/orval/actions/workflows/tests.yaml/badge.svg)](https://github.com/orval-labs/orval/actions/workflows/tests.yaml)

<p align="center">
  <img src="./logo/orval-logo-horizontal.svg?raw=true" width="500" height="160" alt="orval - Restfull Client Generator" />
</p>
<h1 align="center">
  Visit <a href="https://orval.dev" target="_blank">orval.dev</a> for docs, guides, API and beer!
</h1>

### Code Generation

`orval` is able to generate client with appropriate type-signatures (TypeScript) from any valid OpenAPI v3 or Swagger v2 specification, either in `yaml` or `json` formats.

`Generate`, `valid`, `cache` and `mock` in your React, Vue, Svelte and Angular applications all with your OpenAPI specification.

### Samples

You can find below some samples

- [react app](https://github.com/orval-labs/orval/tree/master/samples/react-app)
- [react query](https://github.com/orval-labs/orval/tree/master/samples/react-query)
- [svelte query](https://github.com/orval-labs/orval/tree/master/samples/svelte-query)
- [vue query](https://github.com/orval-labs/orval/tree/master/samples/vue-query)
- [react app with swr](https://github.com/orval-labs/orval/tree/master/samples/react-app-with-swr)
- [angular app](https://github.com/orval-labs/orval/tree/master/samples/angular-app)
- [hono](https://github.com/orval-labs/orval/tree/master/samples/hono)
- [next app with fetch](https://github.com/orval-labs/orval/tree/master/samples/next-app-with-fetch)
npm package: @latimeria/design-token
Description: Base repo to transform json design tokens from the figma design token plugin via amazon style directory.
Author: kanium3
Latest version: 0.2.0

# design-token

このプロジェクトで使用されるデザイントークンを管理するレポジトリです。

## Installation

パッケージをインストールするには、以下の手順に従ってください。
```shell
# For npm
npm install @latimeria/design-token --save
# For pnpm
pnpm add @latimeria/design-token
```

## Development

このレポジトリでは[`pnpm`](https://pnpm.io/)を使用しています。

```shell
pnpm install
# design tokenを変換する
pnpm run build
# Lintを実行する
pnpm run lint
```
### Publishするとき
publishする際は`vX.X.X`の形式でバージョンを指定してください。
```shell
git tag vX.X.X
```
そしてそのタグのついたcommitをpushしてください。
npm package: @latimeria/ganoine
Description: シーラカンスで使用するUIのコンポーネント集です。   因みに、[Ganoine](https://en.wikipedia.org/wiki/Ganoine)はシーラカンスの表皮を覆う硬い鱗を指します、
Latest version: 1.1.1

# Ganoine

シーラカンスで使用するUIのコンポーネント集です。  
因みに、[Ganoine](https://en.wikipedia.org/wiki/Ganoine)はシーラカンスの表皮を覆う硬い鱗を指します、

## Install

```shell
npm install @latimeria/ganoine
```
npm package: @latinvx/n8n-nodes-deepinfra
Description: DeepInfra Embedding node for n8n
Author: BedelTech
Latest version: 0.2.5

# n8n-nodes-deepinfra

Bu n8n özel node'u, DeepInfra'nın embedding modellerini kullanmanızı sağlar.

## Özellikler

- DeepInfra API entegrasyonu
- BAAI/bge-m3 embedding modeli desteği
- Metin gömme (text embedding) işlemleri

## Kurulum

```bash
npm install n8n-nodes-deepinfra
```

## Kullanım

1. n8n'de yeni bir workflow oluşturun
2. "Embeddings DeepInfra" node'unu ekleyin
3. DeepInfra API anahtarınızı girin
4. Metin gömme işlemlerinizi gerçekleştirin

## Geliştirme

```bash
# Bağımlılıkları yükleyin
npm install

# Derleme
npm run build
```

## Lisans

MIT
npm package: @latipun7/commitlintrc
Description: 🥷 Nerdy Ninja's shareable Commitlint configuration 🗃
Author: Latif Sulistyo
Latest version: 1.1.3

# `@latipun7/commitlintrc 🥷🗃`

[![Discord][discord-image]][discord-url]
[![GitHub Workflow Status][workflow-image]][workflow-url]
[![NPM Package][npm-image]][npm-url]

> **Latipun CommitLintRC**
>
> 🥷 Nerdy Ninja's shareable Commitlint configuration 🗃

## About

Shareable `commitlint` configuration enforcing [conventional commits](https://conventionalcommits.org/) with additional `security` scope.

Use with [@commitlint/cli](https://npm.im/@commitlint/cli) and [commitizen](https://npm.im/commitizen).

## Getting started

- Minimal usage, only CLI

  ```sh
  yarn add -D @latipun7/commitlintrc @commitlint/cli
  echo "module.exports = {extends: ['@latipun7/commitlintrc']};" > commitlint.config.js
  ```

- With commitizen

  ```sh
  yarn add -D @latipun7/commitlintrc @commitlint/cli @commitlint/cz-commitlint commitizen inquirer
  echo "module.exports = {extends: ['@latipun7/commitlintrc']};" > commitlint.config.js
  echo '{"path": "@commitlint/cz-commitlint"}' > .czrc

  # run commitizen
  yarn cz
  ```

## Hacking to the Gate~! 🧑‍💻🎶

[MIT License][license-url] © Latif Sulistyo

<!-- Variables -->

[discord-image]: https://img.shields.io/discord/758271814153011201?label=Developers%20Indonesia&logo=discord&style=flat-square
[discord-url]: https://discord.gg/njSj2Nq "Chat and discuss at Developers Indonesia"
[workflow-image]: https://img.shields.io/github/workflow/status/latipun7/library/%E2%9A%99%20CI%2FCD%20%F0%9F%9A%80?label=CI%2FCD&logo=github%20actions&style=flat-square
[workflow-url]: https://github.com/latipun7/library/actions "GitHub Actions"
[npm-image]: https://img.shields.io/npm/v/@latipun7/commitlintrc?label=package&logo=npm&style=flat-square
[npm-url]: https://npmjs.org/package/@latipun7/commitlintrc "@latipun7/commitlintrc on NPM"
[license-url]: https://github.com/latipun7/library/blob/main/license "MIT License"
npm package: @latipun7/eslint-config
Description: 🥷 Nerdy Ninja's shareable ESLint configuration 👓
Author: Latif Sulistyo
Latest version: 1.0.4

# `@latipun7/eslint-config 🥷👓`

[![Discord][discord-image]][discord-url]
[![GitHub Workflow Status][workflow-image]][workflow-url]
[![NPM Package][npm-image]][npm-url]

> **Latipun ESLint**
>
> 🥷 Nerdy Ninja's shareable ESLint configuration 👓

## About

This shareable `eslint` configuration is heavily inspired by [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript).

This configuration is designed to be flexible across multiple projects. It supports the following projects:

- [x] JavaScript CommonJS (ES6+ syntax)
- [x] JavaScript ESM (ES6+ syntax)
- [x] TypeScript
- [x] React
- [x] NextJS
- [x] Jest
- [x] Testing Library
- [x] Monorepo
- [x] Prettier

If you found weird behavior or suggestions, please file a [new issue](https://github.com/latipun7/library/issues/new/choose) in this repo.

## Getting started

- Install eslint and this config as one of your project's `devDependencies`:

  ```bin
  yarn add -D eslint @latipun7/eslint-config
  ```

- Extend this config in your eslint [configuration files](https://eslint.org/docs/user-guide/configuring/configuration-files#configuration-file-formats):

  `.eslintrc.js`

  ```js
  module.exports = {
    extends: "@latipun7",
    rules: {
      // your overrides
    },
  };
  ```

  `package.json`

  ```json
  {
    "eslintConfig": {
      "extends": "@latipun7"
    }
  }
  ```

## Hacking to the Gate~! 🧑‍💻🎶

[MIT License][license-url] © Latif Sulistyo

<!-- Variables -->

[discord-image]: https://img.shields.io/discord/758271814153011201?label=Developers%20Indonesia&logo=discord&style=flat-square
[discord-url]: https://discord.gg/njSj2Nq "Chat and discuss at Developers Indonesia"
[workflow-image]: https://img.shields.io/github/workflow/status/latipun7/library/%E2%9A%99%F0%9F%9A%80?label=CI%2FCD&logo=github-actions&style=flat-square
[workflow-url]: https://github.com/latipun7/library/actions "GitHub Actions"
[npm-image]: https://img.shields.io/npm/v/@latipun7/eslint-config?label=package&logo=npm&style=flat-square
[npm-url]: https://npmjs.org/package/@latipun7/eslint-config "@latipun7/eslint-config on NPM"
[license-url]: https://github.com/latipun7/library/blob/main/license "MIT License"
npm package: @latipun7/releaserc
Description: 🥷 Nerdy Ninja's shareable Semantic Release configuration 🚀
Author: Latif Sulistyo
Latest version: 2.2.0

# `@latipun7/releaserc 🥷🚀`

[![Discord][discord-image]][discord-url]
[![GitHub Workflow Status][workflow-image]][workflow-url]
[![NPM Package][npm-image]][npm-url]

> **Latipun Semantic-Realease**
>
> 🥷 Nerdy Ninja's shareable Semantic Release configuration 🚀

## About

Shareable `semantic-release` configuration enforcing [conventional commits](https://github.com/latipun7/.github/blob/main/commit-message-guide.md).

- Semantic Release adheres to [conventional commits specs](https://www.conventionalcommits.org/en/v1.0.0/#specification).
- Add commit `type`: feature, revert, security.
- Extends release notes from [conventionalcommits preset](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-conventionalcommits).
- Custom release notes & changelog.
- Lot of customizations on [writerOpts](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-writer#options).
- Note Groups with emoji 😎
- 6 commit types for changelog: feat/feature, fix, docs, perf, revert, security.

## Getting started

- Standard repository (NPM)

  ```sh
  yarn add -D @latipun7/releaserc semantic-release
  ```

  ```json
  // package.json
  "release": {
    "extends": [
      "@latipun7/releaserc"
    ]
  }
  ```

- Monorepo (NPM)

  ```sh
  yarn add -D @latipun7/releaserc semantic-release semantic-release-monorepo
  ```

  ```json
  // package.json
  "release": {
    "extends": [
      "semantic-release-monorepo",
      "@latipun7/releaserc/monorepo"
    ]
  }
  ```

- VSCode Extension repository

  ```sh
  yarn add -D @latipun7/releaserc semantic-release
  ```

  ```json
  // package.json
  "release": {
    "extends": [
      "@latipun7/releaserc/vsce"
    ]
  }
  ```

## Hacking to the Gate~! 🧑‍💻🎶

[MIT License][license-url] © Latif Sulistyo

<!-- Variables -->

[discord-image]: https://img.shields.io/discord/758271814153011201?label=Developers%20Indonesia&logo=discord&style=flat-square
[discord-url]: https://discord.gg/njSj2Nq "Chat and discuss at Developers Indonesia"
[workflow-image]: https://img.shields.io/github/workflow/status/latipun7/library/%E2%9A%99%20CI%2FCD%20%F0%9F%9A%80?label=CI%2FCD&logo=github%20actions&style=flat-square
[workflow-url]: https://github.com/latipun7/library/actions "GitHub Actions"
[npm-image]: https://img.shields.io/npm/v/@latipun7/releaserc?label=package&logo=npm&style=flat-square
[npm-url]: https://npmjs.org/package/@latipun7/releaserc "@latipun7/releaserc on NPM"
[license-url]: https://github.com/latipun7/library/blob/main/license "MIT License"
npm package: @latipun7/tsconfig
Description: 🥷 Nerdy Ninja's shareable TypeScript configuration 🎯
Author: Latif Sulistyo
Latest version: 1.2.1

# `@latipun7/tsconfig 🥷🎯`

[![discord-image]][discord-url]
[![workflow-image]][workflow-url]
[![npm-image]][npm-url]

> **Latipun TypeScript Configuration**
>
> 🥷 Nerdy Ninja's shareable TypeScript [configuration](https://www.typescriptlang.org/tsconfig/) 🎯

## Getting Started

```sh
yarn add -D @latipun7/tsconfig typescript
```

- NodeJS ESModule target

  ```json
  // tsconfig.json
  {
    "extends": "@latipun7/tsconfig/esm",
    "include": ["src/**/*", "**/*.config.ts"],
    "exclude": ["**/node_modules", "**/dist"],
    "compilerOptions": {}
  }
  ```

- NextJS apps

  ```json
  // tsconfig.json
  {
    "extends": "@latipun7/tsconfig/next",
    "include": ["src/**/*", "**/*.config.ts"],
    "exclude": ["**/node_modules", "**/dist"],
    "compilerOptions": {}
  }
  ```

- NodeJS CommonJS target

  ```json
  // tsconfig.json
  {
    "extends": "@latipun7/tsconfig/cjs",
    "include": ["src/**/*", "**/*.config.ts"],
    "exclude": ["**/node_modules", "**/dist"],
    "compilerOptions": {}
  }
  ```

**Note**: Since typescript's `extends` has behavior that properties with relative paths found in the configuration file, which aren't excluded from inheritance, will be resolved relative to the configuration file they originated in.

This means, `files`, `include`, `exclude`, and other properties that accept relative path like `compilerOptions.baseUrl`, `compilerOptions.paths`, etc, you need to specify it yourself.

## Hacking to the Gate~! 🧑‍💻🎶

[MIT License][license-url] © Latif Sulistyo

<!-- Variables -->

[discord-image]: https://img.shields.io/discord/758271814153011201?label=Developers%20Indonesia&logo=discord&style=flat-square
[discord-url]: https://discord.gg/njSj2Nq "Chat and discuss at Developers Indonesia"
[workflow-image]: https://img.shields.io/github/workflow/status/latipun7/library/%E2%9A%99%20CI%2FCD%20%F0%9F%9A%80?label=CI%2FCD&logo=github%20actions&style=flat-square
[workflow-url]: https://github.com/latipun7/library/actions "GitHub Actions"
[npm-image]: https://img.shields.io/npm/v/@latipun7/tsconfig?label=package&logo=npm&style=flat-square
[npm-url]: https://npmjs.org/package/@latipun7/tsconfig "@latipun7/tsconfig on NPM"
[license-url]: https://github.com/latipun7/library/blob/main/license "MIT License"
npm package: @latitude-data/promptl
Description: Compiler for PromptL, the prompt language
Author: Latitude Data
Latest version: 0.3.2

## What is PromptL?

[PromptL](https://promptl.ai/) offers a common, easy-to-use syntax for defining dynamic prompts for LLMs. It is a simple, yet powerful language that allows you to define prompts in a human-readable format, while still being able to leverage the full power of LLMs.

## Why PromptL?

While LLMs are becoming more powerful and popular by the day, defining prompts for them can be a daunting task. All main LLM providers, despite their differences, have adopted a similar structure for their prompting. It consists of a conversation between the user and assistant, which is defined by a list of messages and a series of configuration options. In response, it will return an assistant message as a reply.

This structure looks something like this:

```json
{
  "model": "<your-model>",
  "temperature": 0.6,
  "messages": [
    {
      "type": "system",
      "content": "You are a useful AI assistant expert in geography."
    },
    {
      "type": "user",
      "content": "Hi! What's the capital of Spain?"
    }
  ]
}
```

This structure may be simple, but it can be tough for non-techy users to grasp or write it from scratch. In addition to this, creating a single static prompt is not that useful. Typically, users need to define conversations dynamically, where the flow changes based on user input or event parameters. The problem is, adding code to modify the conversation based on these parameters can get confusing and repetitive – it needs to be done for each prompt individually.

This is how the PromptL syntax steps in. It defines a language simple enough for any user to use and understand. And, at the same time, it offers immense power for users who want to maximize its potential. It allows users to define the same structure they would build before, but in a more readable way. Plus, they can add custom dynamic logic to create anything they need, all in just a single file.

Take a look at the same prompt as before, using the PromptL syntax:

```plaintext
---
model: <your-model>
temperature: 0.6
---

You are a useful AI assistant expert in geography.

<user>
  Hi! What's the capital of {{ country_name }}?
</user>
```

In this case, not only the syntax is way more readable and maintainable, but it also allows for dynamic generation of prompts by using variables like `{{ country_name }}`.

This is just a small example of what PromptL can do. It is a powerful tool that can help you define dynamic prompts for your LLMs in a simple and easy way, without giving up any feature or functionality from the original structure.

## Links

[Website](https://promptl.ai/) | [Documentation](https://docs.latitude.so/promptl/getting-started/introduction)
npm package: @latitude-data/sdk
Description: Latitude SDK for Typescript
Author: Latitude Data SL
Latest version: 5.7.0

# Latitude SDK for Typescript & Javascript

```sh
npm install @latitude-data/sdk
```

Requires Node.js `20` or higher.

Go to the [documentation](https://docs.latitude.so/guides/sdk/typescript) to learn more.

## Usage

```typescript
import { Latitude, LatitudeOptions, RunPromptOptions } from '@latitude-data/sdk'

const sdk = new Latitude('my-api-key', {
  projectId: 'my-project-id',
  versionUuid: 'my-version-uuid',
})

await sdk.prompts.run('joke-teller', {
  parameters: { topic: 'Typescript' },
  onEvent: (event) => console.log(event),
  onFinished: (event) => console.log(event),
  onError: (error) => console.log(error),
  stream: true,
})
```

Find more [examples](https://docs.latitude.so/examples/sdk).

## Development

Requires npm `0.5.10` or higher.

- Install dependencies: `npm install`
- Add [dev] dependencies: `npm install <package> [--save-dev]`
- Run linter: `npm run lint`
- Run formatter: `npm run format`
- Run tests: `npm run test`
- Build package: `npm run build`

## Releases

This SDK is automatically published to npm and GitHub releases when changes are pushed to the main branch with a new version number.

### Creating a Release

1. **Update the changelog**: Edit `CHANGELOG.md` to add your new version with release notes
2. **Bump the version**: Update the version in `package.json`
3. **Push to main**: The GitHub Action will automatically:
   - Build and test the package
   - Publish to npm
   - Create a GitHub release with changelog content
   - Tag the release as `typescript-sdk-VERSION`

See `CHANGELOG_TEMPLATE.md` for detailed instructions on updating the changelog.

## License

The SDK is licensed under the [MIT License](https://opensource.org/licenses/MIT) - read the [LICENSE](/LICENSE) file for details.
npm package: @latitudegames/expo-updates
Description: Fetches and manages remotely-hosted assets and updates to your app's JS bundle.
Author: 650 Industries, Inc.
Latest version: 0.1.2

<p>
  <a href="https://docs.expo.dev/versions/latest/sdk/updates/">
    <img
      src="../../.github/resources/expo-updates.svg"
      alt="expo-updates"
      height="64" />
  </a>
</p>

The `expo-updates` module enables your app to manage remote updates to your application code.

This module works with a server that implements the [Expo Update protocol](https://docs.expo.dev/technical-specs/expo-updates-1/).

The [EAS Update](https://docs.expo.dev/eas-update/introduction/) hosted service implements this protocol.

To build a custom server that implements the protocol, see the example server source code [here](https://github.com/expo/custom-expo-updates-server).

## Important documentation links

- [Getting started](https://docs.expo.dev/eas-update/getting-started/)
- [How EAS Update works](https://docs.expo.dev/eas-update/how-it-works/)
- [Debugging](https://docs.expo.dev/eas-update/debug/)
- [Migration from Classic Updates](https://docs.expo.dev/eas-update/migrate-from-classic-updates/)
- [Updates JS API](https://docs.expo.dev/versions/latest/sdk/updates/)

# Installation in bare React Native projects

Learn how to install expo-updates in your project in the [Installing expo-updates documentation page](https://docs.expo.dev/bare/installing-updates/).
npm package: @latitudelabs/webgl-heatmap-ts
Description: An optimization of @pyalot WebGL Heatmap project - https://github.com/pyalot/webgl-heatmap
Author: latitudelabs
Latest version: 0.2.6

# WebGL Heatmap Plus

An optimization of [Florian Boesch's](https://github.com/pyalot) [WebGL Heatmap project](https://github.com/pyalot/webgl-heatmap) - written in Typescript, built into esm and commonjs and released on [npmjs](https://www.npmjs.com/package/webgl-heatmap-ts).

## Motivation

1. Remove references to `experimental-webgl`.
2. Make it modular and maintainable
3. Rewrite it in Typescript
4. Eventually upgrade to WebGL 2

## Installation

```bash
# yarn
yarn add webgl-heatmap-ts

# pnpm
pnpm install webgl-heatmap-ts

# npm
npm install --save webgl-heatmap-ts
```

Continue [here](https://github.com/pyalot/webgl-heatmap) for API and usage guide.
npm package: @latiwesh/parse-github-repo-url
Description: Parse a GitHub URL for user/project@version
Author: Jonathan Ong
Latest version: 1.4.2

# parse-github-repo-url

> Parse a GitHub URL for user/project@version

[![Build Status](https://travis-ci.org/repo-utils/parse-github-repo-url.svg?branch=master)](https://travis-ci.org/repo-utils/parse-github-repo-url)
[![semantic-release][semantic-image] ][semantic-url]

[semantic-image]: https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg
[semantic-url]: https://github.com/semantic-release/semantic-release

# Features

Parse all the stupid ways you could write a GitHub URL in your damn `package.json`.
Supports:

- `<user>/<repo#<commit>`
- `git://` and `.git` w/ `#commit` or `@version`
- `git@` and `https:git@`
- `www.github.com`
- `gitlab.<my company name>.com/user/repo.git` parsing
- All 5 different ways you could download a freaking tarball/zipball

## API

### [user, repo, version] = parse(url)

`version` could be `false`y, a semantic version, a commit, or a branch, etc.

```js
var parse = require('parse-github-repo-url')
parse('component/emitter#1') // => ['component', 'emitter', '1']
```

See the tests for all the different types of supported URLs.