open-index/open-npm huggingface dataset:
npm package: @infinilabs/doc-detail
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 0.0.12

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

```js
export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...

      // Remove tseslint.configs.recommended and replace with this
      tseslint.configs.recommendedTypeChecked,
      // Alternatively, use this for stricter rules
      tseslint.configs.strictTypeChecked,
      // Optionally, add this for stylistic rules
      tseslint.configs.stylisticTypeChecked,

      // Other configs...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...
      // Enable lint rules for React
      reactX.configs['recommended-typescript'],
      // Enable lint rules for React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```
npm package: @infinilabs/filter
Description: Customized Entity components
Latest version: 0.0.11

# @infinilabs/filter 使用说明

Customized Entity components

**概述**

- `@infinilabs/filter` 是一个用于展示“过滤信息”的 UI 组件库，当前包含组件：
  - `FilterCollapse`：折叠容器组件，使用 `motion` 提供流畅的展开/收起动画，支持清除功能和自定义标题。
  - `FilterTags`：标签选择器，支持文本标签和图标标签两种模式，用于多值选择。
  - `FilterInput`：输入框过滤组件，基于 Ant Design Input 封装，支持文本输入过滤。
  - `FilterSlider`：滑块选择组件，基于 Ant Design Slider 封装，用于数值范围选择。
  - `FilterSelect`：下拉选择组件，基于 Ant Design Select 封装，支持单选和多选。
  - `FilterColorPicker`：颜色选择器，基于 Ant Design ColorPicker 封装，用于颜色值选择。
  - `FilterCheckboxGroup`：多选框组件，支持展示图标、标签和数量，可展开显示更多选项。
- 采用命名导出，支持 tree-shaking。

**安装**

- 组件需要 `react` 与 `react-dom` 作为对等依赖（peerDependencies）。

```bash
pnpm add @infinilabs/filter
```

**导入方式**

```tsx
import { FilterCollapse } from "@infinilabs/filter";
```
npm package: @infinilabs/markdown
Description: A powerful and flexible Markdown component for React applications, built on top of `@ant-design/x-markdown`. It supports rendering markdown content from strings or URLs, with syntax highlighting, tables, and customizable components.
Latest version: 0.0.2

# @infinilabs/markdown

A powerful and flexible Markdown component for React applications, built on top of `@ant-design/x-markdown`. It supports rendering markdown content from strings or URLs, with syntax highlighting, tables, and customizable components.

## Installation

```bash
npm install @infinilabs/markdown antd react react-dom
# or
pnpm add @infinilabs/markdown antd react react-dom
# or
yarn add @infinilabs/markdown antd react react-dom
```

## Usage

### Basic Usage

Render markdown content directly:

```tsx
import Markdown from '@infinilabs/markdown';

const markdownContent = `
# Hello World

This is a markdown component.

- Item 1
- Item 2
`;

function App() {
  return (
    <Markdown content={markdownContent} />
  );
}
```

### Fetch from URL

Fetch and render markdown from a URL:

```tsx
import Markdown from '@infinilabs/markdown';

function App() {
  return (
    <Markdown url="https://raw.githubusercontent.com/infinilabs/ui-common/main/README.md" />
  );
}
```

### With Custom Styles

```tsx
import Markdown from '@infinilabs/markdown';

function App() {
  return (
    <Markdown 
      content="# Styled Content" 
      className="custom-markdown-class"
      style={{ padding: 20 }}
    />
  );
}
```

## API Reference

### Markdown

The `Markdown` component accepts all props from `XMarkdownProps` (from `@ant-design/x-markdown`) plus the following additional props:

| Property | Type | Default | Description |
| --- | --- | --- | --- |
| `content` | `string` | - | The markdown content string to render. |
| `url` | `string` | - | The URL to fetch markdown content from. If provided, it overrides `content` after fetching. |
| `className` | `string` | - | Custom CSS class name. |
| `style` | `CSSProperties` | - | Custom inline styles. |
| `components` | `Components` | - | Map of custom components to override default markdown elements (e.g., `code`, `a`, `table`). |

### Supported Syntax

- Headers (H1-H6)
- Lists (Ordered and Unordered)
- Links
- Images
- Tables
- Code Blocks (with syntax highlighting)
- Blockquotes
- Inline Code
- Emphasis (Bold, Italic)

## Development

```bash
# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build
```

## License

MIT
npm package: @infinit-xyz/cli
Description: ![Infinit Logo](https://raw.githubusercontent.com/infinit-xyz/infinit-cli/refs/heads/main/.github/infinit.png)
Latest version: 0.0.0-alpha.20

![Infinit Logo](https://raw.githubusercontent.com/infinit-xyz/infinit-cli/refs/heads/main/.github/infinit.png)

# INFINIT CLI - Alpha Release

![NPM Version](https://img.shields.io/npm/v/@infinit-xyz/cli)
[![codecov](https://codecov.io/gh/infinit-xyz/infinit-cli/graph/badge.svg?token=OKQQJS6U4K)](https://codecov.io/gh/infinit-xyz/infinit-cli)

## Overview

Welcome to the **INFINIT CLI**, a powerful command-line tool designed to interact with the [INFINIT Library](https://github.com/infinit-xyz/infinit-library). This project is currently in **Alpha Release**, so features and interfaces are subject to change. We appreciate any feedback and contributions to help improve the project.

## Getting Started

To get started, follow the instructions below to install dependencies, build the CLI, and test it locally.

### Installation

To install the necessary dependencies, run the following command:

```bash
bun install
```

### Building the CLI

After installing dependencies, you can build the CLI by running:

```bash
bun run build
```

This will compile the project and make it ready for local testing and development.

## Local Testing

To test the CLI locally, follow these steps to create a new Node.js project and link the CLI package to your local environment.

### Step 1: Link the Local Package

First, link the local build of the CLI to your environment:

```bash
bun link
```

### Step 2: Create a New Project

Next, create a new project outside of the `@infinit-xyz/cli` directory:

```bash
bun init -y
```

### Step 3: Link the CLI Package

Once your new project is initialized, link the INFINIT CLI package to the project:

```bash
bun link @infinit-xyz/cli
```

You can now run the CLI commands from within your new project directory.

## Contributing

We welcome contributions! If you are interested in contributing to the INFINIT CLI, please refer to the guidelines in the [CONTRIBUTING.md](.github/CONTRIBUTING.md) file for instructions on how to get involved.

## Support & Feedback

If you encounter any issues or have feedback regarding the INFINIT CLI, feel free to open an issue on our GitHub repository or join the discussion with our community, [Discord](https://infinit.tech/discord) | [X](https://infinit.tech/x).