open-index/open-npm huggingface dataset:
npm package: @ikonintegration/ui
Description: Welcome to `@ikonintegration/ui` – a stylish and customizable UI package for React that simplifies your frontend development. This package provides ready-to-use styles and components to kickstart your React projects. Follow the steps below to get started 
Latest version: 1.0.131

# @ikonintegration/ui

Welcome to `@ikonintegration/ui` – a stylish and customizable UI package for React that simplifies your frontend development. This package provides ready-to-use styles and components to kickstart your React projects. Follow the steps below to get started quickly.

## Installation

To use `@ikonintegration/ui` in your React app, you need to install the package and import the main styles.

### Install the package

```bash
npm install @ikonintegration/ui
# or
yarn add @ikonintegration/ui
```

## Import styles

In your app entrypoint (usually src/main.tsx), import the `@ikonintegration/ui` styles:

```tsx
import '@ikonintegration/ui/styles.css';
```

## Integrate with Tailwind CSS
If your app is using Tailwind CSS, you can integrate IKUI with your Tailwind configuration so your app will be able to use IKUI colors and other configurations:
```ts
import { ikuiTwPlugin } from '@ikonintegration/ui';
import type { Config } from 'tailwindcss';

export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  corePlugins: {
    // As IKUI already provides preflight styles,
    // you should turn off your app's preflight to avoid conflicts
    preflight: false,
  },
  plugins: [ikuiTwPlugin],
} satisfies Config;

```

Now you should be able to use IKUI classes directly in your app:

```tsx
<div className="border">
  <span className="text-foreground">Hey!</span>
</div>
```

## Usage

With `@ikonintegration/ui` integrated into your project, you can start using the predefined React components right away.

```tsx
import { Button } from '@ikonintegration/ui';

export function MyComponent() {
  return (
    <div>
      <Button onClick={() => console.log('Button clicked')}>
        Click me
      </Button>
    </div>
  );
}
```

## Customization

`@ikonintegration/ui` is designed to be flexible and customizable to fit the unique styles of your React project. Feel free to override the styles, modify the components, or use the provided utility classes to achieve your desired look and feel.
npm package: @ikorol/todolist
Description: todoList
Author: ikorol3107@gmail.com
Latest version: 0.0.21

# @ikorol/todolist

> Todo list

## Install

```bash
npm i @ikorol/todolist

yarn add @ikorol/todolist
```

## Usage

```jsx
import TodoList from '@ikorol/todolist'
import React from 'react'
export const PostList = () => {
  return (
    <TodoList
      notes={notes}
      setNotes={setNotes}
      visibleNotes={filterNotes(notes, searchValue, filter)}
      deleteItem={deleteItem}
      toggleStatus={toggleStatus}
    />
  )
}
```
npm package: @ikosi/ikosi
Description: Compact binary file format (for browsers too) with immutable and mutable APIs. Stores primitive, structured and binary data in a single file. Suitable for packing resources.
Author: Ronny Reichmann
Latest version: 0.7.0

# Ikosi Mixed Resource File Format

Compact file format for the browser with access API. Stores primitive, structured and binary data in a single file. Suitable for packing resources.

- Mutable API for packing during build or as base format for file-based applications.
- Immutable API for compact read only usage for game resources, viewer-, pure resource-usage applications.
npm package: @ikota/example
Description: An example plugin providing a way to implement stylus preprocessor
Author: Domin-MND
Latest version: 1.0.3

<p align="center">
  <img alt="ikota" src="public/ikotastylus.svg" width="300" />
</p>

# Overview

Ikota (Russian word for "hiccups", pronounced `/ikóta/`) is a CLI
automation tool for working with React. This plugin offers a
stylus preprocessor implementation for ikota.

# Install

```bash
$ npm i ikota @ikota/example
$ ikota config # or
$ npx ikota config
```

Follow prompt steps given by the ikota. After that you have to
add the following import to plugins array:

```js
const ikotaExample = require("@ikota/example");

module.exports = {
  componentPath: "src/components",
  useTypescript: false,
  addConfigFile: true,
  addIndexFile: true,
  preprocessor: "example-styl", // The stylus preprocessor
  useLambdaSimplifier: true,
  trailingSpace: true,
  plugins: [ikotaExample]
}
```

# Usage

To generate the component you can use the configuration given
above or override the preprocessor set by the config using `-P`
flag:

```bash
$ ikota component -P example-styl
```

> **Note**: Make sure to add plugin in the plugins array of the
config, otherwise it would throw an error.

## Example

<p align="center">
  <img alt="Generating the component with Stylus" src="public/generatecomponent.png" width="40%" />
</p>

# Contributing

Pull requests are welcome. For major changes, please open an issue
first to discuss what you would like to change.

# License

This project is under [MIT](https://choosealicense.com/licenses/mit/)
license. You can freely use it for your own purposes.
npm package: @ikota/mantine
Description: Mantine preprocessor plugin for ikota CLI
Author: Domin-MND
Latest version: 0.9.10

<p align="center">
  <img alt="ikota" src="public/ikotamantine.svg" width="200" />
</p>

# Overview

Ikota (Russian word for "hiccups", pronounced `/ikóta/`) is a CLI
automation tool for working with React. This plugin offers a
mantine preprocessor implementation for ikota.

# Install

```bash
$ npm i ikota @ikota/mantine
$ ikota config # or
$ npx ikota config
```

Follow prompt steps given by the ikota. After that you have to
add the following import to plugins array:

```js
const ikotaMantine = require("@ikota/mantine");

module.exports = {
  componentPath: "src/components",
  useTypescript: true,
  addConfigFile: true,
  addIndexFile: true,
  preprocessor: "mantine",
  useLambdaSimplifier: true, // Won't import useStyles if set to true
  trailingSpace: true,
  plugins: [ikotaMantine],
  other: {
    styleProps: true // Use inline props?
  }
}
```

# Usage

To generate the component you can use the configuration given
above or override the preprocessor set by the config using `-P`
flag:

```bash
$ ikota component -P mantine
```

> **Note**: Make sure to add plugin in the plugins array of the
config, otherwise it would throw an error.

## Example

<p align="center">
  <img alt="Generating the component with Mantine" src="public/generatecomponent.png" width="40%" />
</p>

# Contributing

Pull requests are welcome. For major changes, please open an issue
first to discuss what you would like to change.

# License

This project is under [MIT](https://choosealicense.com/licenses/mit/)
license. You can freely use it for your own purposes.
npm package: @ikota/vanilla-extract
Description: Vanilla-extract preprocessor plugin for ikota CLI
Author: Domin-MND
Latest version: 1.0.2

<p align="center">
  <img alt="ikota" src="public/ikotavanillaextract.svg" width="300" />
</p>

# Overview

Ikota (Russian word for "hiccups", pronounced `/ikóta/`) is a CLI
automation tool for working with React. This plugin offers a
stylus preprocessor implementation for ikota.

# Install

```bash
$ npm i ikota @ikota/vanilla-extract
$ ikota config # or
$ npx ikota config
```

Follow prompt steps given by the ikota. After that you have to
add the following import to plugins array:

```js
const ikotaVanillaExtract = require('@ikota/vanilla-extract');

module.exports = {
  componentPath: 'src/components',
  useTypescript: true,
  addConfigFile: true,
  addIndexFile: true,
  preprocessor: 'vanilla-extract', // The vanilla-extract preprocessor
  useLambdaSimplifier: true,
  trailingSpace: true,
  plugins: [ikotaVanillaExtract],
};
```

# Usage

To generate the component you can use the configuration given
above or override the preprocessor set by the config using `-P`
flag:

```bash
$ ikota component -P vanilla-extract
```

> **Note**: Make sure to add plugin in the plugins array of the
> config, otherwise it would throw an error.

## Example

<p align="center">
  <img alt="Generating the component with Vanilla-extract" src="public/generatecomponent.png" width="40%" />
</p>

# Contributing

Pull requests are welcome. For major changes, please open an issue
first to discuss what you would like to change.

# License

This project is under [MIT](https://choosealicense.com/licenses/mit/)
license. You can freely use it for your own purposes.
npm package: @ikris/upland-api-wrapper
Description: An npm package for the Upland Developer API
Author: IIKris
Latest version: 0.0.1

# Upland API Wrapper
This repository contains a TypeScript API Wrapper for the Upland API, which is a powerful and flexible solution for interacting with the Upland game. The wrapper handles paginated data from the API efficiently and makes it easy to fetch and manage data.

## Features
- Fetching data from the Upland API
- Covers all endpoints
- Seamless integration and easy-to-use functions

## Installation
To install the Upland API Wrapper, run the following command:
```bash
npm install @ikris/upland-api-wrapper
```

## Usage
This package supports both CommonJS and ES Modules. To use the package, import it into your project:
```js
// ES Modules
import { DeveloperAPI, PublicAPI } from '@ikris/upland-api-wrapper';

// CommonJS
const { DeveloperAPI, PublicAPI } = require('@ikris/upland-api-wrapper');
```

### Developer API
The Developer API is used to interact with the Upland Developer API. To use the Developer API, create a new instance of the DeveloperAPI class:
```js
const devAPI = new DeveloperAPI(APPLICATION_ID, 'YOUR-APPLICATION-KEY', SANDBOX); // SANDBOX is a boolean
```

Further examples can be found in the full documentation [here](docs/md/modules.md).

### Public API
The Public API currently only supports one endpoint, which is used to check if upland is currently in maintenance mode.
```js
const maintenance = await PublicAPI.isMaintenance();
```

## Documentation
The full documentation can be found [here](docs/md/modules.md)

## Tests
The tests are not yet fully implemented.
npm package: @ikrk/cu-mulus
Description: Benchmarking and profiling utilities for Solana Anchor programs
Latest version: 0.2.0

<p align="center">
  <img src="logo.png" alt="CU-mulus Logo" width="300">
</p>

# CU-mulus

CU-mulus is a lightweight and easy-to-set-up TypeScript benchmarking library that helps developers measure and analyze the performance of their Solana programs.

## Features
- 🚀 Benchmark any Solana transaction
- 📈 Collect per-instruction metrics (CUs, nested CPI calls, success/failure)
- 🧩 Compare current vs. previous benchmark results (absolute & relative change)
- 💾 Save benchmark results to a file
- 🎨 Color-coded terminal output for quick performance insights

-----------

![CU-mulus Summary Output](cu-mulus.png)

## Installation

### Using npm
```console
npm install @ikrk/cu-mulus
```

### Using yarn
```console
yarn add @ikrk/cu-mulus
```

## Usage

```typescript
import * as anchor from "@coral-xyz/anchor";
import { ExampleProgram } from "../target/types/example_program";
import { bench, getCumulus, initCumulus } from "@ikrk/cu-mulus";

describe("anchor-bencher", () => {
  anchor.setProvider(anchor.AnchorProvider.env());
  let connection = anchor.getProvider().connection;

  // ✅ Initialize CU-mulus
  initCumulus(connection);

  const program = anchor.workspace.exampleProgram as anchor.Program<ExampleProgram>;

  after(() => {
    // 💾 Save all benchmarks after the test suite completes
    getCumulus().saveToFile();
  });

  it("My test", async () => {
   // 🌯 Wrap one or multiple transactions with CU-mulus bench function
    await bench("My init ix bench", async () => {
      await program.methods.initialize().rpc();
    });
  });
});
```

## Configuration

The `bench` function allows users to pass an optional `BenchOptions` object to customize the behavior of the benchmarking.

```typescript
const defaultOpts: BenchOptions = {
  // --- Transaction Confirmation ---
  waitForTx: true, // Wait for transaction confirmation.
  getTxRetries: 10, // Max attempts to fetch transaction logs.
  getTxDelayMs: 200, // Delay (ms) between fetch attempts.

  // --- CU Increase Error Thresholds (Error if increase >= value; 0 disables check) ---

  // Total Benchmark CUs (Absolute / Relative %)
  errorOnBenchCUsAbsIncrease: 0,
  errorOnBenchCUsRelIncrease: 0,

  // Total Transaction CUs (Absolute / Relative %)
  errorOnTxCUsAbsIncrease: 0,
  errorOnTxCUsRelIncrease: 0,

  // Max Instruction CUs (Absolute / Relative %)
  errorOnIxCUsAbsIncrease: 0,
  errorOnIxCUsRelIncrease: 0,
};
```
npm package: @ikrong/cors-fetch
Description: cors fetch
Latest version: 1.0.3

# What?

这是一个配合浏览器插件，允许网页发送跨域请求的库。

插件下载地址：[FlexTab 新标签页](https://chrome.google.com/webstore/detail/flextab/bmlnmklpjkgebkanggkomefmmfdfmode)
npm package: @ikrong/douban-movie-calendar
Description: 豆瓣电影日历
Author: ikrong
Latest version: 1.0.3

## 豆瓣电影日历

fork from https://github.com/yes1am/douban-movie-calendar

包含最新 2025 年豆瓣电影日历，增加了导演主演等信息
npm package: @ikrong/publish
Description: publish script
Author: ikrong
Latest version: 1.0.10

# Why

根据npm上的版本来升级，而不是本地package.json

# usage

在项目目录下建立文件 `.registry`

内容

```
https://registry.npmmirror.com/
https://registry.npmjs.org/
```

执行

```shell
npx @ikrong/publish path #即将版本升级一个小版本 同 npm version patch
```
npm package: @iksaku/heroicons-astro
Description: Tailwind Labs' Heroicons as Astro components
Author: Jorge González
Latest version: 0.0.6

# Heroicons for Astro

This is a build of the [Heroicons](https://heroicons.com/) icon set for [Astro](https://astro.build/).

## Installation

```sh
# npm
npm install @iksaku/heroicons-astro
# yarn
yarn add @iksaku/heroicons-astro
# pnpm
pnpm add @iksaku/heroicons-astro
```

## Usage

Similarly to the [official Vue and React packages](https://github.com/tailwindlabs/heroicons), you can import individual icons as components using the `/<size>/<style>` path style:

```astro
---
import { BeakerIcon } from '@iksaku/heroicons-astro/24/solid'
---

<BeakerIcon class="h-6 w-6 text-blue-500" />
```
npm package: @ikscodes/playwright-aws-lambda-node16
Description: Support for running Microsoft's Playwrite on AWS Lambda and Google Cloud functions
Author: Austin Kelleher, a@alk.im
Latest version: 0.8.0

# playwright-aws-lambda

![CI](https://github.com/JupiterOne/playwright-aws-lambda/workflows/CI/badge.svg)
[![NPM](https://img.shields.io/npm/v/playwright-aws-lambda)](https://www.npmjs.com/package/playwright-aws-lambda)

Support for Playwright running on AWS Lambda and Google Cloud Functions.

**NOTE**: Currently only Chromium is supported.

## Install

```shell
npm install playwright-core playwright-aws-lambda --save
```

## Usage

This package works with the `nodejs10.x`, `nodejs12.x` and `nodejs14.x` AWS Lambda runtimes
out of the box.

```javascript
const playwright = require('playwright-aws-lambda');

exports.handler = async (event, context) => {
  let browser = null;

  try {
    browser = await playwright.launchChromium();
    const context = await browser.newContext();

    const page = await context.newPage();
    await page.goto(event.url || 'https://example.com');

    console.log('Page title: ', await page.title());
  } catch (error) {
    throw error;
  } finally {
    if (browser) {
      await browser.close();
    }
  }
};
```

## API

| Method / Property | Returns                                  | Description                           |
| ----------------- | ---------------------------------------- | ------------------------------------- |
| `launchChromium`  | `{!Promise<playwright.ChromiumBrowser>}` | Launches the Chromium browser.        |
| `loadFont(url)`   | `{Promise<void>}`                        | Downloads and activates a custom font |

### Loading additional fonts

If you need custom font support by e.g. emojicons in your browser, you have to
load it by using the `loadFont(url: string)` function before you launch the
browser.

```js
await loadFont(
  'https://raw.githack.com/googlei18n/noto-emoji/master/fonts/NotoColorEmoji.ttf'
);
```

## Thanks / Credits

This project is based on the work of
[chrome-aws-lambda](https://github.com/alixaxel/chrome-aws-lambda).
npm package: @ikscodes/prettier-config
Description: An opinionated Prettier config.
Author: Ian K Smith
Latest version: 3.0.1

# 💅 prettier-config

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat)](https://github.com/prettier/prettier)

> An opinionated [Prettier config](https://prettier.io/).

## 🔗 Getting Started

### Install via NPM or Yarn:

Using `npm`:

```sh
npm install @ikscodes/prettier-config --save-dev
```

Using `yarn`:

```sh
yarn add -D @ikscodes/prettier-config
```

### Install required `peerDependencies`:


If using `npm@>7.x`, peer dependencies [will be installed automatically](https://github.blog/2021-02-02-npm-7-is-now-generally-available/), assuming no conflicts arise between peer dependency versions within your project.

If using **`npm@>5.x`**, use this shortcut (`yarn` will be automatically detected, if in use):

```sh
npx install-peerdeps --dev @ikscodes/prettier-config
```

Alternatively, Linux and macOS users can one of these commands:

```sh
# Using NPM:
(
  export PKG=@ikscodes/prettier-config;
  npm info "$PKG@latest" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG@latest"
)
```

```sh
# Using Yarn:
(
  export PKG=@ikscodes/prettier-config;
  npm info "$PKG@latest" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs yarn add -D "$PKG@latest"
)
```

## 🛠️ Usage

If you don't need additional settings or overrides, you can set the `prettier` key in `package.json`:

```javascript
{
  "prettier": "@ikscodes/prettier-config"
}
```

Or, if you need more flexibility, you can use `require` in `.prettierrc.js`:

```javascript
module.exports = {
  ...require('@ikscodes/prettier-config'),
  // ...Override settings ad hoc
}
```

## 🗜️ Versioning

```
+————— Major version is synchronized with Prettier's major version.
| +——— Minor version has BREAKING CHANGES or features.
| | +— Patch version has non-breaking changes.
| | |
x.x.x
```

It's recommended that you pin the version of `@ikscodes/prettier-config` with a [semver tilde (`~`)](https://devhints.io/semver) so as to avoid unintended breaking changes when updating your NPM depedencies.

## ⚖️ License

[MIT](./LICENSE)
npm package: @ikscodes/tslint-config
Description: A TSLint config with sensible rules for React, RxJS, Prettier, and more.
Author: Ian K Smith
Latest version: 5.3.1
Deprecated: DEPRECATED! Please use @ikscodes/eslint-config instead.

# ⚙️ tslint-config

[![code style: airbnb](https://img.shields.io/badge/code%20style-airbnb-blue.svg?style=flat)](https://github.com/airbnb/javascript)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat)](https://github.com/prettier/prettier)

> A [TSLint config](https://palantir.github.io/tslint/usage/configuration/) with sensible rules for 0x protocol, Airbnb, Prettier, and more.

## 🔗 Installation

Install via `npm`:

```sh
npm install @ikscodes/tslint-config --save-dev
```

Ensure you also have the required `peerDependencies` installed:

```sh
npm install tslint@^5.11.0 typescript@^3.0.3 prettier@^1.14.0 --save-dev
```

## 🛠️ Usage

By default, only `airbnb` and `prettier` configurations are included. Each configuration is available as a separate file so you can mix in just what you need!

In `tslint.json`:

```javascript
{
  "extends": "@ikscodes/tslint-config"
}
```

or:

```javascript
{
  "extends": [
    "@ikscodes/tslint-config/0x"
    "@ikscodes/tslint-config/airbnb",
    "@ikscodes/tslint-config/prettier", // NOTE: Prettier should always be the last in the list.
  ]
}
```

## ⚡ Configuration

### Rules

- [`tslint`](https://palantir.github.io/tslint/rules/)
- [`tslint-config-airbnb`](https://github.com/progre/tslint-config-airbnb)
  - [`tslint-eslint-rules`](https://github.com/buzinas/tslint-eslint-rules)
  - [`tslint-consistent-codestyle`](https://github.com/ajafff/tslint-consistent-codestyle)
  - [`tslint-microsoft-contrib`](https://github.com/Microsoft/tslint-microsoft-contrib)
- [`@0xproject/tslint-config`](https://github.com/0xProject/0x-monorepo/tree/development/packages/tslint-config)
- [`tslint-config-prettier`](https://github.com/alexjoverm/tslint-config-prettier)

### Plugins

- [`tslint-plugin-prettier`](https://github.com/ikatyang/tslint-plugin-prettier)

## 🗜️ Versioning

```
+————— Major version is synchronized with TSLint's major version.
| +——— Minor version has BREAKING CHANGES or features.
| | +— Patch version has non-breaking changes.
| | |
x.x.x
```
npm package: @iksdev/shard-cli
Description: CLI pour synchroniser un dossier local avec Shard
Latest version: 0.1.59

# shard-cli

CLI pour synchroniser un dossier local vers ton serveur Shard.

## Installation locale (dev)

Depuis la racine du repo:

```bash
npm i -g ./shard-cli
```

Puis verifier:

```bash
shard --help
```

## Usage rapide

1. Login

```bash
shard login --server http://localhost:3000 --username admin --password secret
```

2. Partage relay (sans stockage serveur, commande simple)

```bash
shard share ./MonFichier.mp4 --server https://shard-0ow4.onrender.com --limits 0 --temps 0
```

3. Sync un dossier

```bash
shard sync ./MonDossier
```

## Commandes

- `shard login --username <name> --password <pass> [--server <url>]`
- `shard whoami [--server <url>]`
- `shard sync <folder> [--server <url>] [--dry-run] [--force]`
- `shard share <file> [--server <url>] [--limits <n>] [--temps <jours>] [--upload]`
- `shard logout`
- `shard config show`
- `shard config set-server <url>`

## Notes

- Mode interactif: si tu lances `shard login`, `shard sync` ou `shard share` sans arguments, la CLI te pose les questions.
- Le CLI stocke la config dans `~/.shard-cli/config.json`.
- Le CLI stocke l'etat de sync dans `<ton-dossier>/.shard-sync-state.json`.
- Les uploads passent par `POST /api/files/upload` avec token `Bearer`.
- Par défaut `shard share` utilise le mode relay: le fichier reste sur ton PC, le serveur stocke seulement metadata + token.
- Aucun tunnel externe à installer: le serveur Shard relaie directement le flux via websocket.
- Le relay file id est stable par chemin de fichier: relancer `shard share` sur le meme fichier réactive les anciens liens.
- Utilise `--upload` pour revenir au mode historique (upload serveur).
npm package: @iktakahiro/frontapp-mcp-server
Description: Front API client with Model Context Protocol support
Author: iktakahiro
Latest version: 0.9.6

# frontapp-mcp-server

This is an MCP Server for [Front](https://front.com/) that allows you to integrate with Front's API.

## What is Front?

Front is a customer communication platform that helps teams deliver better service through efficient email management, messaging, and customer interactions.

## Installation

Add the following configuration to your MCP server setup:

```json
"frontApi": {
  "command": "npx",
  "args": [
        "-y",
        "@iktakahiro/frontapp-mcp-server"
      ],
  "env": {
    "FRONT_API_TOKEN": "YOUR_API_TOKEN",
    "DEFAULT_INBOX_ID": "YOUR_INBOX_ID"
  }
}
```

Make sure to replace `YOUR_API_TOKEN` with your Front API token and `YOUR_INBOX_ID` with your default inbox ID.

## Note

This repository is still experimental and currently only implements functionality to retrieve messages. Additional features are planned for future implementation.
npm package: @iktakahiro/gradient-mui-button
Description: A Material-UI based modern gradient colors button component
Author: Takahiro Ikeuchi
Latest version: 0.9.4

# Gradient Material-UI Button

[![Netlify Status](https://api.netlify.com/api/v1/badges/e495af5b-3d7a-46be-a83e-f4e87e75cf6c/deploy-status)](https://app.netlify.com/sites/gradient-mui-button/deploys)

This package provides modern gradient colors button components based on [Material-UI](https://material-ui.com/).

!['buttons-with-default-theme'](./docs/buttons-1.png)

!['buttons-with-default-theme'](./docs/buttons-2.png)

## Install

```bash
npm i '@iktakahiro/gradient-mui-button'

yarn add '@iktakahiro/gradient-mui-button'
```

## Usage

```tsx
import { ContainedButton } from '@iktakahiro/gradient-mui-button'

const MyComponent = () => {
    return (
    <div>
        <ContainedButton color="primary">Primary</ContainedButton>
        <ContainedButton color="secondary">Secondary</ContainedButton>
        <ContainedButton>Default</ContainedButton>
        <ContainedButton color="primary" disabled={true}>Disabled</ContainedButton>
    </div>
    )
}
```
npm package: @iktakahiro/markdown-it-br
Description: tag for markdown-it markdown parser.
Author: Takahiro Ikeuchi
Latest version: 1.0.2

# markdown-it-br

[![Build Status](https://img.shields.io/travis/iktakahiro/markdown-it-br/master.svg?style=flat)](https://travis-ci.org/jay-hodgson/markdown-it-br)
[![NPM version](https://img.shields.io/npm/v/@iktakahiro/markdown-it-br.svg?style=flat)](https://www.npmjs.org/package/markdown-it-br)

> BR plugin for [markdown-it](https://github.com/markdown-it/markdown-it) markdown parser.

`protect <br> <script>` => `protect <br>`

Support: `<br>` or `<br/>` or `<br />`

UnSupport: `<BR>`

## Install

```bash
npm install @iktakahiro/markdown-it-br --save
```

## Use

```typescript
import MarkdownIt = require("markdown-it")
import markdownItBr from "@iktakahiro/markdown-it-br"

const md = MarkdownIt()
md.render('protect <br>')
// => 'protect <br>'
```

## License
[MIT](https://github.com/iktakahiro/markdown-it-br/blob/master/LICENSE)

forked from: https://github.com/jay-hodgson/markdown-it-br/
npm package: @iktakahiro/markdown-it-katex
Description: Fast math support for markdown-it with KaTeX
Author: Takahiro Ethan Ikeuchi @iktakahiro
Latest version: 4.0.1

# markdown-it-katex

Add Math to your Markdown

[![Build Status](https://travis-ci.org/iktakahiro/markdown-it-katex.svg?branch=master)](https://travis-ci.org/iktakahiro/markdown-it-katex)

[KaTeX](https://github.com/Khan/KaTeX) is a faster alternative to MathJax. This plugin makes it easy to support in your markdown.

Need convincing?

* Check out the comparative benchmark: [KaTeX vs MathJax](https://jsperf.com/katex-vs-mathjax/42)

## Usage

Install markdown-it

```bash
npm install markdown-it
```

Install the plugin

```bash
npm install @iktakahiro/markdown-it-katex
```

Use it in your javascript

```javascript
var md = require('markdown-it')(),
    mk = require('@iktakahiro/markdown-it-katex');

md.use(mk);

// double backslash is required for javascript strings, but not html input
var result = md.render('# Math Rulez! \n  $\\sqrt{3x-1}+(1+x)^2$');
```

Include the KaTeX stylesheet in your html:

```html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.11.1/katex.min.css">
```

If you're using the default markdown-it parser, I also recommend the [github stylesheet](https://github.com/sindresorhus/github-markdown-css):

```html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css"/>
```

`KaTeX` options can be supplied with the second argument to use.

```javascript
md.use(mk, {"throwOnError" : false, "errorColor" : " #cc0000"});
```

## Examples

### Inline

Surround your LaTeX with a single `$` on each side for inline rendering.

```latex
$\sqrt{3x-1}+(1+x)^2$
```

### Block

Use two (`$$`) for block rendering. This mode uses bigger symbols and centers
the result.

```latex
$$\begin{array}{c}

\nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} &
= \frac{4\pi}{c}\vec{\mathbf{j}}    \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\

\nabla \times \vec{\mathbf{E}}\, +\, \frac1c\, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \\

\nabla \cdot \vec{\mathbf{B}} & = 0

\end{array}$$
```

## Syntax

Math parsing in markdown is designed to agree with the conventions set by pandoc:

    Anything between two $ characters will be treated as TeX math. The opening $ must
    have a non-space character immediately to its right, while the closing $ must
    have a non-space character immediately to its left, and must not be followed
    immediately by a digit. Thus, $20,000 and $30,000 won’t parse as math. If for some
    reason you need to enclose text in literal $ characters, backslash-escape them and
    they won’t be treated as math delimiters.

## Math Syntax Support

KaTeX is based on TeX and LaTeX. Support for both is growing. Here's a list of
currently supported functions:

[Things that KaTeX does not (yet) support](https://github.com/KaTeX/KaTeX/wiki/Things-that-KaTeX-does-not-%28yet%29-support)
npm package: @iktakahiro/markdown-it-prismjs
Description: Prism plugin for markdown-it.
Author: Takahiro Ikeuchi
Latest version: 1.0.2

[![Build Status](https://travis-ci.org/iktakahiro/markdown-it-prismjs.svg?branch=master)](https://travis-ci.org/iktakahiro/markdown-it-prismjs)
[![NPM version](https://img.shields.io/npm/v/@iktakahiro/markdown-it-prismjs.svg?style=flat)](https://www.npmjs.org/package/markdown-it-br)

# markdown-it-prismjs

## Install

```bash
npm install @iktakahiro/markdown-it-prismjs --save
```

## Usage
```typescript
import MarkdownIt = require("markdown-it")
import markdownItPrism from "@iktakahiro/markdown-it-prismjs"

const md = MarkdownIt()
md.use(markdownItPrism)
```
npm package: @iktakahiro/youtube-url-parser
Description: Parser for YouTube URL
Author: Takahiro Ikeuchi @iktakahiro
Latest version: 1.0.2

# youtube-url-parser

[![Build Status](https://travis-ci.org/iktakahiro/youtube-url-parser.svg?branch=master)](https://travis-ci.org/iktakahiro/youtube-url-parser)

## Install

```bash
npm install @iktakahiro/youtube-url-parser
```

## How to use

```typescript
import { YouTubeURLParser } from "@iktakahiro/youtube-url-parser"

const parser = new YouTubeURLParser("https://youtu.be/7lmCu8wz8ro?t=2m10s")

console.log(parser.isValid())
// -> true
console.log(parser.getId())
// -> "7lmCu8wz8ro"
console.log(parser.getCanonicalURL())
// -> "https://www.youtube.com/watch?v=7lmCu8wz8ro&t=2m10s"
console.log(parser.getShortURL())
// -> "https://youtu.be/7lmCu8wz8ro&t=2m10s"
console.log(parser.getThumbnailURL())
// -> "https://img.youtube.com/vi/7lmCu8wz8ro/0.jpg"
console.log(parser.getStartAtSecond())
// -> 130 (2m * 60s + 10s)
```

`getIframe()`:

```js
console.log(parser.getIframe())
```

`getIframe()` method returns HTML strings containing an iframe element for embedding.

```html
<div class="embed-responsive embed-responsive-16by9">
<iframe
   class="embed-responsive-item" type="text/html"
   src="https://www.youtube.com/embed/7lmCu8wz8ro?rel=0&amp;start=4830"
   frameborder="0" allowfullscreen></iframe>
</div>
```

with options:

```js
const options = {
  allowFullScreen: false,
  frameBorder: 1,
  noCookie: true,
}
console.log(parser.getIframe(options))
```

When the params is set, the following HTML strings are returned.

```html
<div class="embed-responsive embed-responsive-16by9">
<iframe
   class="embed-responsive-item" type="text/html"
   src="https://www.youtube-nocookie.com/embed/7lmCu8wz8ro?rel=0&amp;start=4830"
   frameborder="1"></iframe>
</div>
```

## Test

```bash
npm test
```
npm package: @iktos-oss/molecule-representation
Description: exports interactif molecule represnetations as react components
Author: Ramzi Oueslati
Latest version: 1.12.3

# molecule-representation

React components for interactive 2D molecule representation rendering.

## Demo  
Visit https://molecule-representation-ramziweslati.vercel.app for a demo of the package, you can browse the diffrent options like molecule representations with zoom, click handler, substructure alignement...

 Deployments are automated via [Vercel](https://vercel.com).
## Usage

#### Initial setup  

1- First follow [the @iktos-oss/rdkit-provider setup](https://github.com/iktos/rdkit-provider?tab=readme-ov-file#setup).

2- Wrap your components in an RDKit provider from [@iktos-oss/rdkit-provider](https://github.com/iktos/rdkit-provider)

```html
import { RDKitProvider } from '@iktos-oss/rdkit-provider';
<RDKitProvider>
  <Component />
</RDKitProvider>`
```

3- For better preformance we recommend enabling the caching of rdkitjs JsMol instances, this can be done using RDKitProvider
```html
import { RDKitProvider } from '@iktos-oss/rdkit-provider';
<RDKitProvider  cache={{ enableJsMolCaching: true, maxJsMolsCached: 30 }}>
  <Component />
</RDKitProvider>`
```

#### Rendering molecules

```js
import { MoleculeRepresentation, MoleculeRepresentationProps } from '@iktos-oss/molecule-representation';
const props: MoleculeRepresentationProps = {
  smiles: 'Cc1cccc(-c2ccccc2)c1',
  addAtomIndices: true,
  bondsToHighlight: [
    [1, 0],
    [3, 4],
  ],
  atomsToHighlight: [
    [1, 0],
    [3, 4],
  ],
  atomsStyles: {
    default: { fill: 'green' },
    1: { fill: 'red' },
  },
  bondsStyles: {
    default: { stroke: 'black', 'stroke-width': '1px' },
    '0-1': { stroke: 'green', 'stroke-width': '2px' },
    '4-*': { 'stroke-width': '3px' },
    '*-6': { 'stroke-width': '4px' },
    '6-*': { 'stroke-width': '2px' },
  },
  height: 200,
  width: 300,
  onAtomClick: (atomId: string) => console.log("clicked atoms idx:", atomId),
  onBondClick: (bondIdentifier: ClickedBondIdentifiers) => {
    console.log("clicked bond idx:", bondIdentifier.bondId)
    console.log("clicked bond starting atom idx:", bondIdentifier.startAtomId)
    console.log("clicked bond ending atom idx:", bondIdentifier.endAtomId)
  }
  zoomable: true
};
<MoleculeRepresentation {...props} onAtomClick={} />
```

## Local dev
```bash
    git clone https://github.com/iktos/molecule-representation.git
    cd molecule-representation
    npm install
    npm run storybook
```
npm package: @ikun-kit/fepull
Description: Frontend package management tool for pulling packages from monorepo projects
Author: xiaoyown
Latest version: 1.0.5

# fepull

一个前端包管理工具，用于从 monorepo 项目中拉取特定包，类似 shadcn/ui。

## 功能特性

- 🎯 从 monorepo 项目中拉取特定包
- ⚡ 高效的稀疏检出，最小化带宽使用
- 🔄 多选包批量安装
- 📊 实时安装进度与详细摘要
- 🔧 交互式配置设置
- 📦 支持多个包条目，源与目标绑定管理
- 🚀 支持 npx、全局安装或项目本地安装

## 安装方式

### 使用 npx（推荐）

```bash
npx @ikun-kit/fepull init
npx @ikun-kit/fepull install
```

### 全局安装

```bash
pnpm add -g @ikun-kit/fepull
fepull init
fepull install
```

### 项目安装

```bash
pnpm add -D @ikun-kit/fepull
pnpm fepull init
pnpm fepull install
```

## 快速开始

1. **初始化配置**：

   ```bash
   fepull init
   ```

   这会创建一个默认的 `fepull.config.yml` 文件。编辑此文件来配置你的包条目。

2. **安装包**：
   ```bash
   fepull install
   ```
   交互式选择包条目和要安装的包。

## 配置文件

`fepull.config.yml` 文件结构：

```yaml
packages:
  - name: ikun-react
    source:
      url: https://github.com/ikun-kit/react
      packagesDir: packages
    target: ./src/components
    description: ikun-kit React 组件库
```

### 包条目

- `name`: 条目标识符
- `source`: 源仓库配置
  - `url`: Git 仓库 URL
  - `packagesDir`: 仓库中包含包的目录
- `target`: 包将被安装到的本地路径
- `description`: 可选描述

## 开发

### 前置要求

- Node.js >= 18.0.0
- pnpm

### 设置

```bash
# 克隆仓库
git clone <repository-url>
cd fepull

# 安装依赖
pnpm install

# 构建项目
pnpm build

# 开发模式运行
pnpm dev
```

### 脚本命令

- `pnpm build` - 构建 TypeScript 项目
- `pnpm dev` - 监听模式构建
- `pnpm start` - 直接运行 CLI

## 工作原理

1. **条目选择**：从配置的包条目中选择（源与目标已绑定）
2. **包发现**：使用 Git 稀疏检出高效获取包目录列表
3. **包选择**：交互式多选可用包（使用空格选择，回车确认）
4. **安装**：使用稀疏检出仅下载选定包并复制到目标目录

## 使用示例

```bash
# 初始化项目
fepull init
# → 创建 fepull.config.yml
# → 编辑配置文件，设置包条目（源 + 目标）

# 安装多个组件
fepull install
# → 选择 "ikun-react" 条目
# → 多选包："button", "input", "dialog"（使用空格选择）
# → 包自动安装到配置的目标目录
# → ✅ button installed successfully
# → ✅ input installed successfully
# → ✅ dialog installed successfully
# → 📋 Installation Summary: ✅ 3 package(s) installed successfully
```

## 系统要求

- 必须安装 Git 并可访问
- 需要网络连接以下载源仓库
- 对目标目录有写入权限

## 许可证

MIT
npm package: @ikun-ui/core
Description: 🐔 A Svelte.js based UnoCSS UI library that allows you to make websites
Author: baiwusanyu-c
Latest version: 0.2.8

<p align="center">
  <img src="https://ikun-ui.netlify.app/logo.svg" width="180" height="180"/>
</p>
<h1 align="center">
ikun-ui
</h1>
<p align="center">
🐔A Svelte.js based UnoCSS UI library that allows you to make websites
</p>
<p align="center">
<a href="https://ikun-ui.netlify.app" target="_blank">document</a>
</p>

## Features

- 🎤 **Components Design** - Onu provides neat & beautiful crafted UI components.
- 💃 **[Iconify Icons](https://icones.js.org/)** - Use any icon from the library you love.
- 🤟 **[CSS Preset](https://github.com/ikun-svelte/ikun-ui/tree/main/preset)** - Provides UnoCSS preset package, help you render UI easily.
- 🏀 **Theme Config** - Use attribute mode like unocss to design. Support theme config to customize theme.

## Contributing

Developers interested in contributing should read the [Code of Conduct](./CODE_OF_CONDUCT.md) and the [Contributing Guide](./CONTRIBUTING.md).

Thanks to everyone who has already contributed to ikun-ui !

<a href="https://github.com/ikun-svelte/ikun-ui/graphs/contributors"><img src="https://contributors.nn.ci/api?repo=ikun-svelte/ikun-ui" /></a>

## Thanks

- [svelte](https://github.com/sveltejs/svelte)
- [unocss](https://github.com/unocss/unocss)
- [onu-ui](https://github.com/onu-ui/onu-ui)
- [naive-ui](https://github.com/tusen-ai/naive-ui)
- [element-plus](https://github.com/element-plus/element-plus)