open-index/open-npm huggingface dataset:
npm package: @importantimport/tsconfig
Description: ## Usage
Latest version: 1.0.0-beta.2

# @importantimport/tsconfig [![npm](https://img.shields.io/npm/v/@importantimport/tsconfig)](https://npmjs.com/package/@importantimport/tsconfig)

## Usage

### Install

```bash
pnpm add -D @importantimport/tsconfig # pnpm
yarn add -D @importantimport/tsconfig # yarn
npm i -D @importantimport/tsconfig # npm
```

### Example

###### general

```jsonc
// tsconfig.json
{
  "extends": "@importantimport/tsconfig"
}
```

###### app

```jsonc
// tsconfig.app.json
{
  "extends": "@importantimport/tsconfig/app.json",
  "include": ["src", "test"]
}
```

###### node

```jsonc
// tsconfig.node.json
{
  "extends": "@importantimport/tsconfig/node.json",
  "include": ["*.config.ts", "*.config.js"]
}
```

### Parts

This package has some framework-specific tsconfig parts that you can use to override the default tsconfig.

```jsonc
// tsconfig.app.json
{
  "extends": [
    "@importantimport/tsconfig/app.json",
    "@importantimport/tsconfig/parts/jsx-react.json",
    "@importantimport/tsconfig/parts/paths-at.json"
  ],
  "include": ["src", "test"]
}
```

Go to the [`parts`](/packages/tsconfig/parts/) directory to see all available parts.

## License

[MIT](../../LICENSE.md)
npm package: @importbase/react
Description: ImportBase embeddable CSV importer SDK for React
Author: ImportBase
Latest version: 1.0.2

# ImportBase React SDK

**[ImportBase](https://importbase.app)** is an **embeddable CSV importer** designed to help your users import spreadsheet data into your product. It works out of the box and takes just 10 minutes to set up.

You can embed the **ImportBase importer** in your product by using our React SDKs. Click here if you're looking for the **[Javascript SDK](https://www.npmjs.com/package/@importbase/importer)**.

To get your **Client ID**, **[create an account](https://service.importbase.app/auth)**.

Check out our **[documentation here](https://docs.importbase.app)**.

If you ever get stuck or need any help, feel free to click the chat button on the bottom right of our **[website](https://importbase.app)**, and we'll assist you.

## Installation

```bash
npm install @importbase/react -s
```

## Usage

```jsx
import { useState } from "react";
import { ImportBase } from "@importbase/react";

function MyComponent() {
  const [open, setOpen] = useState(false);
  return (
    <>
      <button onClick={() => setOpen(true)}>Open Importer</button>
      
      <ImportBaseImporter
        mode={'development'}
        clientId={"YOUR_CLIENT_ID"}
        templateKey={"YOUR_TEMPLATE_KEY"}
        open={open}
        onSuccess={(importedData) => console.dir(importedData)}
        onClose={() => setOpen(false)}
        onError={(err) => console.log(err)}
      />
    </>
  )
}
```
npm package: @importcsv/react
Description: AI-powered CSV importer for React. Smart column mapping with OpenAI, natural language transformations. Self-hosted.
Author: ImportCSV
Latest version: 0.6.1

<div align="center">

# @importcsv/react

**CSV imports for React**

[![npm version](https://img.shields.io/npm/v/@importcsv/react.svg)](https://www.npmjs.com/package/@importcsv/react)
[![bundle size](https://img.shields.io/bundlephobia/minzip/@importcsv/react)](https://bundlephobia.com/package/@importcsv/react)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](./LICENSE)

[Demo](https://demo.importcsv.com) • [Docs](https://docs.importcsv.com)

</div>

## Install

```bash
npm install @importcsv/react zod
```

## Quick Start

```tsx
import { useState } from 'react';
import { CSVImporter } from '@importcsv/react';
import { z } from 'zod';

const schema = z.object({
  name: z.string().min(1),
  email: z.string().email(),
});

function App() {
  const [isOpen, setIsOpen] = useState(false);

  return (
    <>
      <button onClick={() => setIsOpen(true)}>Import CSV</button>

      <CSVImporter
        schema={schema}
        modalIsOpen={isOpen}
        modalOnCloseTriggered={() => setIsOpen(false)}
        onComplete={(result) => console.log(result.rows)}
      />
    </>
  );
}
```

## Features

- **Column mapping** — Auto-matches headers to your schema
- **Zod validation** — Type-safe with automatic error messages
- **Large files** — Virtual scrolling handles 100k+ rows
- **~100KB gzipped** — Styles included

**File formats:** CSV, TSV, XLS, XLSX (Excel requires `npm install xlsx`)

**Frameworks:** React 16–19, Preact, Next.js

## Theming

```tsx
<CSVImporter theme="dark" primaryColor="#10b981" />
```

Presets: `default`, `minimal`, `modern`, `compact`, `dark`, `corporate`, `playful`

## Next.js / Preact

```tsx
// Next.js App Router
'use client';
import { CSVImporter } from '@importcsv/react';

// Preact
import { CSVImporter } from '@importcsv/react/preact';
```

## AI Features (Backend Required)

With the [ImportCSV backend](https://github.com/importcsv/importcsv/tree/main/backend):

- AI column matching
- AI error fixing
- Natural language transforms

## Links

- [Documentation](https://docs.importcsv.com)
- [GitHub](https://github.com/importcsv/importcsv)
- [Issues](https://github.com/importcsv/importcsv/issues)

## License

MIT