open-index/open-npm huggingface dataset:
npm package: @solidjs-email/body
Description: Body component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/body

[![npm version](https://img.shields.io/npm/v/@solidjs-email/body.svg)](https://www.npmjs.com/package/@solidjs-email/body)

Body component for SolidJS email templates

## Installation

```bash
npm install @solidjs-email/body
```

## Usage

```tsx
import { ubody } from '@solidjs-email/body';
```

See the [main documentation](https://github.com/solidjs-email/solidjs-email) for full usage examples.

## License

MIT
npm package: @solidjs-email/button
Description: Button component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/button

[![npm version](https://img.shields.io/npm/v/@solidjs-email/button.svg)](https://www.npmjs.com/package/@solidjs-email/button)

A button component for SolidJS emails with Outlook compatibility.

## Installation

```bash
npm install @solidjs-email/button
```

## Usage

```tsx
import { Button } from '@solidjs-email/button';

<Button href="https://example.com" style={{ background: '#007bff', color: '#fff' }}>
  Click Me
</Button>
```

## Props

All standard anchor (`<a>`) attributes plus:

| Prop | Type | Description |
|------|------|-------------|
| `href` | `string` | Link URL |
| `target` | `string` | Link target (default: `_blank`) |
| `style` | `object` | Inline styles |

## License

MIT
npm package: @solidjs-email/column
Description: Column component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/column

[![npm version](https://img.shields.io/npm/v/@solidjs-email/column.svg)](https://www.npmjs.com/package/@solidjs-email/column)

Column component for SolidJS email templates

## Installation

```bash
npm install @solidjs-email/column
```

## Usage

```tsx
import { ucolumn } from '@solidjs-email/column';
```

See the [main documentation](https://github.com/solidjs-email/solidjs-email) for full usage examples.

## License

MIT
npm package: @solidjs-email/components
Description: All SolidJS email components in one package
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/components

[![npm version](https://img.shields.io/npm/v/@solidjs-email/components.svg)](https://www.npmjs.com/package/@solidjs-email/components)

All SolidJS email components in one package.

## Installation

```bash
npm install @solidjs-email/components
```

## Usage

```tsx
import {
  Body,
  Button,
  Container,
  Head,
  Heading,
  Html,
  Preview,
  Tailwind,
  Text,
  render,
} from '@solidjs-email/components';

const Email = () => (
  <Html>
    <Head />
    <Tailwind>
      <Body class="bg-white font-sans">
        <Preview>Welcome!</Preview>
        <Container class="mx-auto max-w-[560px] p-4">
          <Heading class="text-2xl font-bold">Hello!</Heading>
          <Text class="text-gray-600">Welcome to our platform.</Text>
          <Button class="bg-blue-600 text-white px-4 py-2" href="https://example.com">
            Get Started
          </Button>
        </Container>
      </Body>
    </Tailwind>
  </Html>
);

const html = await render(() => <Email />);
```

## Included Components

- `Html` - Root HTML wrapper
- `Head` - Email head with meta tags
- `Body` - Body with table layout
- `Container` - Centered container
- `Section` - Table section
- `Row` - Table row
- `Column` - Table column
- `Button` - CTA button link
- `Text` - Paragraph text
- `Heading` - h1-h6 headings
- `Link` - Anchor link
- `Img` - Image
- `Hr` - Horizontal rule
- `Preview` - Preview text (hidden)
- `Font` - Custom web fonts
- `Markdown` - Markdown to HTML
- `Tailwind` - Tailwind CSS support
- `render` - HTML rendering function

## License

MIT
npm package: @solidjs-email/container
Description: Container component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/container

[![npm version](https://img.shields.io/npm/v/@solidjs-email/container.svg)](https://www.npmjs.com/package/@solidjs-email/container)

Container component for SolidJS email templates

## Installation

```bash
npm install @solidjs-email/container
```

## Usage

```tsx
import { ucontainer } from '@solidjs-email/container';
```

See the [main documentation](https://github.com/solidjs-email/solidjs-email) for full usage examples.

## License

MIT
npm package: @solidjs-email/font
Description: Font component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/font

[![npm version](https://img.shields.io/npm/v/@solidjs-email/font.svg)](https://www.npmjs.com/package/@solidjs-email/font)

Custom web font support for SolidJS emails.

## Installation

```bash
npm install @solidjs-email/font
```

## Usage

```tsx
import { Font } from '@solidjs-email/font';
import { Head, Html } from '@solidjs-email/components';

<Html>
  <Head>
    <Font
      fontFamily="Roboto"
      fallbackFontFamily="Arial"
      webFont={{
        url: 'https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf',
        format: 'truetype',
      }}
    />
  </Head>
  {/* ... */}
</Html>
```

## Props

| Prop | Type | Description |
|------|------|-------------|
| `fontFamily` | `string` | Font family name |
| `fallbackFontFamily` | `string \| string[]` | Fallback font(s) |
| `webFont` | `{ url: string, format: string }` | Web font source |
| `fontStyle` | `string` | Font style (default: `normal`) |
| `fontWeight` | `number` | Font weight (default: `400`) |

## License

MIT
npm package: @solidjs-email/head
Description: Head component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/head

[![npm version](https://img.shields.io/npm/v/@solidjs-email/head.svg)](https://www.npmjs.com/package/@solidjs-email/head)

Head component for SolidJS email templates

## Installation

```bash
npm install @solidjs-email/head
```

## Usage

```tsx
import { uhead } from '@solidjs-email/head';
```

See the [main documentation](https://github.com/solidjs-email/solidjs-email) for full usage examples.

## License

MIT
npm package: @solidjs-email/heading
Description: Heading component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/heading

[![npm version](https://img.shields.io/npm/v/@solidjs-email/heading.svg)](https://www.npmjs.com/package/@solidjs-email/heading)

Heading component for SolidJS email templates

## Installation

```bash
npm install @solidjs-email/heading
```

## Usage

```tsx
import { uheading } from '@solidjs-email/heading';
```

See the [main documentation](https://github.com/solidjs-email/solidjs-email) for full usage examples.

## License

MIT
npm package: @solidjs-email/hr
Description: Horizontal rule component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/hr

[![npm version](https://img.shields.io/npm/v/@solidjs-email/hr.svg)](https://www.npmjs.com/package/@solidjs-email/hr)

Horizontal rule component for SolidJS email templates

## Installation

```bash
npm install @solidjs-email/hr
```

## Usage

```tsx
import { uhr } from '@solidjs-email/hr';
```

See the [main documentation](https://github.com/solidjs-email/solidjs-email) for full usage examples.

## License

MIT
npm package: @solidjs-email/html
Description: Html component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/html

[![npm version](https://img.shields.io/npm/v/@solidjs-email/html.svg)](https://www.npmjs.com/package/@solidjs-email/html)

Html component for SolidJS email templates

## Installation

```bash
npm install @solidjs-email/html
```

## Usage

```tsx
import { uhtml } from '@solidjs-email/html';
```

See the [main documentation](https://github.com/solidjs-email/solidjs-email) for full usage examples.

## License

MIT
npm package: @solidjs-email/img
Description: Image component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/img

[![npm version](https://img.shields.io/npm/v/@solidjs-email/img.svg)](https://www.npmjs.com/package/@solidjs-email/img)

Image component for SolidJS email templates

## Installation

```bash
npm install @solidjs-email/img
```

## Usage

```tsx
import { uimg } from '@solidjs-email/img';
```

See the [main documentation](https://github.com/solidjs-email/solidjs-email) for full usage examples.

## License

MIT
npm package: @solidjs-email/link
Description: Link component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/link

[![npm version](https://img.shields.io/npm/v/@solidjs-email/link.svg)](https://www.npmjs.com/package/@solidjs-email/link)

Link component for SolidJS email templates

## Installation

```bash
npm install @solidjs-email/link
```

## Usage

```tsx
import { ulink } from '@solidjs-email/link';
```

See the [main documentation](https://github.com/solidjs-email/solidjs-email) for full usage examples.

## License

MIT
npm package: @solidjs-email/main
Description: Build and send emails using SolidJS components
Author: solidjs-email
Latest version: 1.0.3

# solidjs-email

Build and send emails using SolidJS components.

## Installation

```bash
npm install solidjs-email solid-js
# or
pnpm add solidjs-email solid-js
# or
yarn add solidjs-email solid-js
```

## Usage

```tsx
import { render, Html, Head, Body, Container, Text, Button } from 'solidjs-email';

const Email = () => (
  <Html>
    <Head />
    <Body>
      <Container>
        <Text>Hello from SolidJS Email!</Text>
        <Button href="https://example.com">Click me</Button>
      </Container>
    </Body>
  </Html>
);

const html = await render(() => <Email />);
console.log(html);
```

## Components

This package exports all components from the `@solidjs-email/*` packages:

- `Body` - Email body wrapper
- `Button` - Call-to-action button
- `CodeBlock` - Syntax highlighted code block
- `CodeInline` - Inline code snippet
- `Column` - Table column for layouts
- `Container` - Centered content container
- `Font` - Custom font loader
- `Head` - Email head section
- `Heading` - Heading elements (h1-h6)
- `Hr` - Horizontal rule
- `Html` - Root HTML wrapper
- `Img` - Image component
- `Link` - Anchor link
- `Markdown` - Markdown renderer
- `Preview` - Preview text (visible in inbox)
- `Row` - Table row for layouts
- `Section` - Content section
- `Tailwind` - Tailwind CSS support
- `Text` - Paragraph text

## Rendering

```tsx
import { render } from 'solidjs-email';

// Basic render
const html = await render(() => <Email />);

// With options
const prettyHtml = await render(() => <Email />, {
  pretty: true,
});

// Plain text output
const text = await render(() => <Email />, {
  plainText: true,
});

// With Tailwind CSS
const htmlWithTailwind = await render(() => <Email />, {
  tailwind: {
    config: { theme: { extend: {} } },
  },
});
```

## Packages

If you prefer to install individual components:

- `@solidjs-email/body`
- `@solidjs-email/button`
- `@solidjs-email/code-block`
- `@solidjs-email/code-inline`
- `@solidjs-email/column`
- `@solidjs-email/container`
- `@solidjs-email/font`
- `@solidjs-email/head`
- `@solidjs-email/heading`
- `@solidjs-email/hr`
- `@solidjs-email/html`
- `@solidjs-email/img`
- `@solidjs-email/link`
- `@solidjs-email/markdown`
- `@solidjs-email/preview`
- `@solidjs-email/render`
- `@solidjs-email/row`
- `@solidjs-email/section`
- `@solidjs-email/tailwind`
- `@solidjs-email/text`

## License

MIT
npm package: @solidjs-email/markdown
Description: Markdown component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/markdown

[![npm version](https://img.shields.io/npm/v/@solidjs-email/markdown.svg)](https://www.npmjs.com/package/@solidjs-email/markdown)

Markdown to email-safe HTML for SolidJS emails.

## Installation

```bash
npm install @solidjs-email/markdown
```

## Usage

```tsx
import { Markdown } from '@solidjs-email/markdown';

<Markdown>
  # Hello World

  This is **bold** and this is *italic*.

  - List item 1
  - List item 2

  [Click here](https://example.com)
</Markdown>
```

## Props

| Prop | Type | Description |
|------|------|-------------|
| `children` | `string` | Markdown content |
| `markdownContainerStyles` | `object` | Container styles |
| `markdownCustomStyles` | `object` | Custom styles per element |

## Custom Styles

```tsx
<Markdown
  markdownCustomStyles={{
    h1: { color: 'red', fontSize: '2rem' },
    p: { lineHeight: '1.6' },
    a: { color: 'blue' },
  }}
>
  # Custom Styled Heading
</Markdown>
```

## License

MIT
npm package: @solidjs-email/preview
Description: Preview text component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/preview

[![npm version](https://img.shields.io/npm/v/@solidjs-email/preview.svg)](https://www.npmjs.com/package/@solidjs-email/preview)

Preview text component for SolidJS email templates

## Installation

```bash
npm install @solidjs-email/preview
```

## Usage

```tsx
import { upreview } from '@solidjs-email/preview';
```

See the [main documentation](https://github.com/solidjs-email/solidjs-email) for full usage examples.

## License

MIT
npm package: @solidjs-email/render
Description: Transform SolidJS components into HTML email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/render

[![npm version](https://img.shields.io/npm/v/@solidjs-email/render.svg)](https://www.npmjs.com/package/@solidjs-email/render)

Transform SolidJS components into HTML email templates.

## Installation

```bash
npm install @solidjs-email/render
```

## Usage

```tsx
import { render } from '@solidjs-email/render';

const Email = () => <div>Hello World</div>;

// Basic render
const html = await render(() => <Email />);

// Pretty print
const prettyHtml = await render(() => <Email />, { pretty: true });

// Plain text
const plainText = await render(() => <Email />, { plainText: true });
```

## Options

| Option | Type | Description |
|--------|------|-------------|
| `pretty` | `boolean` | Format HTML output |
| `plainText` | `boolean` | Convert to plain text |
| `htmlToTextOptions` | `object` | Options for html-to-text |

## License

MIT
npm package: @solidjs-email/row
Description: Row component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/row

[![npm version](https://img.shields.io/npm/v/@solidjs-email/row.svg)](https://www.npmjs.com/package/@solidjs-email/row)

Row component for SolidJS email templates

## Installation

```bash
npm install @solidjs-email/row
```

## Usage

```tsx
import { urow } from '@solidjs-email/row';
```

See the [main documentation](https://github.com/solidjs-email/solidjs-email) for full usage examples.

## License

MIT
npm package: @solidjs-email/section
Description: Section component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/section

[![npm version](https://img.shields.io/npm/v/@solidjs-email/section.svg)](https://www.npmjs.com/package/@solidjs-email/section)

Section component for SolidJS email templates

## Installation

```bash
npm install @solidjs-email/section
```

## Usage

```tsx
import { usection } from '@solidjs-email/section';
```

See the [main documentation](https://github.com/solidjs-email/solidjs-email) for full usage examples.

## License

MIT
npm package: @solidjs-email/tailwind
Description: A SolidJS component to wrap emails with Tailwind CSS
Author: solidjs-email
Latest version: 1.0.3

# @solidjs-email/tailwind

[![npm version](https://img.shields.io/npm/v/@solidjs-email/tailwind.svg)](https://www.npmjs.com/package/@solidjs-email/tailwind)

Tailwind CSS support for SolidJS email components. Automatically converts Tailwind classes to inline styles for email compatibility.

## Installation

```bash
npm install @solidjs-email/tailwind
```

## Usage

```tsx
import { Tailwind } from '@solidjs-email/tailwind';
import { Body, Text } from '@solidjs-email/components';

const Email = () => (
  <Tailwind>
    <Body class="bg-white font-sans">
      <Text class="text-lg font-bold text-blue-600">
        Styled with Tailwind!
      </Text>
    </Body>
  </Tailwind>
);
```

## How It Works

1. Wrap your email content with the `<Tailwind>` component
2. Use Tailwind classes in the `class` attribute
3. During rendering, classes are converted to inline styles
4. Non-inlinable styles (media queries) are added to a `<style>` tag

## License

MIT
npm package: @solidjs-email/text
Description: Text component for SolidJS email templates
Author: solidjs-email
Latest version: 1.0.2

# @solidjs-email/text

[![npm version](https://img.shields.io/npm/v/@solidjs-email/text.svg)](https://www.npmjs.com/package/@solidjs-email/text)

Text component for SolidJS email templates

## Installation

```bash
npm install @solidjs-email/text
```

## Usage

```tsx
import { utext } from '@solidjs-email/text';
```

See the [main documentation](https://github.com/solidjs-email/solidjs-email) for full usage examples.

## License

MIT
npm package: @solidjs-final-form/arrays
Description: A Solid.js integration for Final Form, providing robust form management capabilities with reactive rendering.
Author: AndrejNemec
Latest version: 0.2.11

<p>
  <img width="100%" src="https://assets.solidjs.com/banner?type=solidjs-final-form&background=tiles&project=%20" alt="solidjs-final-form">
</p>

# Solid final form - arrays

[![npm version](https://badge.fury.io/js/@solidjs-final-form%2Farrays.svg)](https://badge.fury.io/js/@solidjs-final-form%2Farrays)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
**Solid final form** is a comprehensive library that bridges the robust form management capabilities of Final Form with the reactive and efficient rendering of Solid.js. Designed specifically for Solid.js developers, this package offers an elegant and powerful solution for creating, managing, and validating forms with ease.

---

## Quick start

### Installation:

```bash
npm i @solidjs-final-form/arrays final-form-arrays
# or
yarn add @solidjs-final-form/arrays final-form-arrays
# or
pnpm add @solidjs-final-form/arrays final-form-arrays
```
---



### Simple usage:
**For TypeScript users:**
Add directives to your `global.d.ts`
```ts
import { FormDirectives } from '@solidjs-final-form/core'

declare module "solid-js" {
  namespace JSX {
    interface Directives extends FormDirectives {}
  }
}
```

### Examples:
- [Simple example](https://github.com/AndrejNemec/solidjs-final-form/blob/master/apps/examples/src/simple/SimpleForm.tsx)
- [With valibot](https://github.com/AndrejNemec/solidjs-final-form/blob/master/apps/examples/src/with-valibot/WithValibotForm.tsx)
  - Require `npm i valibot`
  - Require `npm i @solidjs-final-form/valibot-adapter`
- [With auto-focus on first error](https://github.com/AndrejNemec/solidjs-final-form/blob/master/apps/examples/src/with-auto-focus-on-first-error/WithAutoFocusOnFirstErrorForm.tsx)
  - Require `npm i final-form-focus`
- [With array fields and valibot validation](https://github.com/AndrejNemec/solidjs-final-form/blob/master/apps/examples/src/with-arrays/FormWithArrays.tsx)
  - Require `npm i valibot`
  - Require `npm i @solidjs-final-form/valibot-adapter`
  - Require `npm i @solidjs-final-form/arrays`
npm package: @solidjs-final-form/core
Description: A Solid.js integration for Final Form, providing robust form management capabilities with reactive rendering.
Author: AndrejNemec
Latest version: 0.2.11

<p>
  <img width="100%" src="https://assets.solidjs.com/banner?type=solidjs-final-form&background=tiles&project=%20" alt="solidjs-final-form">
</p>

# Solid final form

[![npm version](https://badge.fury.io/js/@solidjs-final-form%2Fcore.svg)](https://badge.fury.io/js/@solidjs-final-form%2Fcore)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
**Solid final form** is a comprehensive library that bridges the robust form management capabilities of Final Form with the reactive and efficient rendering of Solid.js. Designed specifically for Solid.js developers, this package offers an elegant and powerful solution for creating, managing, and validating forms with ease.

---

## Quick start

### Installation:

```bash
npm i @solidjs-final-form/core final-form
# or
yarn add @solidjs-final-form/core final-form
# or
pnpm add @solidjs-final-form/core final-form
```
---



### Simple usage:
**For TypeScript users:**
Add directives to your `global.d.ts`
```ts
import { FormDirectives } from '@solidjs-final-form/core'

declare module "solid-js" {
  namespace JSX {
    interface Directives extends FormDirectives {}
  }
}
```

### Examples:
- [Simple example](https://github.com/AndrejNemec/solidjs-final-form/blob/master/apps/examples/src/simple/SimpleForm.tsx)
- [With valibot](https://github.com/AndrejNemec/solidjs-final-form/blob/master/apps/examples/src/with-valibot/WithValibotForm.tsx)
  - Require `npm i valibot`
  - Require `npm i @solidjs-final-form/valibot-adapter`
- [With auto-focus on first error](https://github.com/AndrejNemec/solidjs-final-form/blob/master/apps/examples/src/with-auto-focus-on-first-error/WithAutoFocusOnFirstErrorForm.tsx)
  - Require `npm i final-form-focus`
- [With array fields and valibot validation](https://github.com/AndrejNemec/solidjs-final-form/blob/master/apps/examples/src/with-arrays/FormWithArrays.tsx)
  - Require `npm i valibot`
  - Require `npm i @solidjs-final-form/valibot-adapter`
  - Require `npm i @solidjs-final-form/arrays`
npm package: @solidjs-final-form/valibot-adapter
Description: A Solid.js integration for Final Form, providing robust form management capabilities with reactive rendering.
Author: AndrejNemec
Latest version: 0.2.11

<p>
  <img width="100%" src="https://assets.solidjs.com/banner?type=solidjs-final-form&background=tiles&project=%20" alt="solidjs-final-form">
</p>

# Solid final form - valibot adapter

[![npm version](https://badge.fury.io/js/@solidjs-final-form%2Fvalibot-adapter.svg)](https://badge.fury.io/js/@solidjs-final-form%2Fvalibot-adapter)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
**Solid final form** is a comprehensive library that bridges the robust form management capabilities of Final Form with the reactive and efficient rendering of Solid.js. Designed specifically for Solid.js developers, this package offers an elegant and powerful solution for creating, managing, and validating forms with ease.

---

## Quick start

### Installation:

```bash
npm i @solidjs-final-form/valibot-adapter
# or
yarn add @solidjs-final-form/valibot-adapter
# or
pnpm add @solidjs-final-form/valibot-adapter
```
---



### Simple usage:
**For TypeScript users:**
Add directives to your `global.d.ts`
```ts
import { FormDirectives } from '@solidjs-final-form/core'

declare module "solid-js" {
  namespace JSX {
    interface Directives extends FormDirectives {}
  }
}
```

### Examples:
- [Simple example](https://github.com/AndrejNemec/solidjs-final-form/blob/master/apps/examples/src/simple/SimpleForm.tsx)
- [With valibot](https://github.com/AndrejNemec/solidjs-final-form/blob/master/apps/examples/src/with-valibot/WithValibotForm.tsx)
  - Require `npm i valibot`
  - Require `npm i @solidjs-final-form/valibot-adapter`
- [With auto-focus on first error](https://github.com/AndrejNemec/solidjs-final-form/blob/master/apps/examples/src/with-auto-focus-on-first-error/WithAutoFocusOnFirstErrorForm.tsx)
  - Require `npm i final-form-focus`
- [With array fields and valibot validation](https://github.com/AndrejNemec/solidjs-final-form/blob/master/apps/examples/src/with-arrays/FormWithArrays.tsx)
  - Require `npm i valibot`
  - Require `npm i @solidjs-final-form/valibot-adapter`
  - Require `npm i @solidjs-final-form/arrays`
npm package: @solidjs-hooks/solidjs-hooks
Description: To install dependencies:
Author: 0xJWLabs
Latest version: 0.1.1

# solidjs-hooks

To install dependencies:

```bash
bun install
```

To run:

```bash
bun run index.ts
```

This project was created using `bun init` in bun v1.1.30. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.
npm package: @solidjs-use/electron
Description: Electron renderer process modules for solidjs-use inspired completely by VueUse
Latest version: 2.3.0

# @solidjs-use/electron

[![NPM version](https://img.shields.io/npm/v/@solidjs-use/electron?color=a1b858)](https://www.npmjs.com/package/@solidjs-use/electron)

> This is an add-on of [solidjs-use](https://github.com/solidjs-use/solidjs-use), enables electron renderer process API as Composition API.

## Install

```bash
npm i solidjs-use @solidjs-use/electron electron
```

## Functions

`@solidjs-use/electron` provides the following functions

- [`useIpcRenderer`](https://solidjs-use.github.io/solidjs-use/electron/useIpcRenderer/) — provides [ipcRenderer](https://www.electronjs.org/docs/api/ipc-renderer) and all of its APIs
- [`useIpcRendererInvoke`](https://solidjs-use.github.io/solidjs-use/electron/useIpcRendererInvoke/) — reactive [ipcRenderer.invoke API](https://www.electronjs.org/docs/api/ipc-renderer#ipcrendererinvokechannel-args) result
- [`useIpcRendererOn`](https://solidjs-use.github.io/solidjs-use/electron/useIpcRendererOn/) — use [ipcRenderer.on](https://www.electronjs.org/docs/api/ipc-renderer#ipcrendereronchannel-listener) with ease and [ipcRenderer.removeListener](https://www.electronjs.org/docs/api/ipc-renderer#ipcrendererremovelistenerchannel-listener) automatically on unmounted
- [`useZoomFactor`](https://solidjs-use.github.io/solidjs-use/electron/useZoomFactor/) — reactive [WebFrame](https://www.electronjs.org/docs/api/web-frame#webframe) zoom factor
- [`useZoomLevel`](https://solidjs-use.github.io/solidjs-use/electron/useZoomLevel/) — reactive [WebFrame](https://www.electronjs.org/docs/api/web-frame#webframe) zoom level

## Links

- [solidjs-use](https://solidjs-use.github.io/solidjs-use)
npm package: @solidjs-use/firebase
Description: firebase renderer process modules for solidjs-use inspired completely by VueUse
Latest version: 2.3.0

# @solidjs-use/firebase

[![NPM version](https://img.shields.io/npm/v/@solidjs-use/firebase?color=a1b858)](https://www.npmjs.com/package/@solidjs-use/firebase)

> This is an add-on of [solidjs-use](https://github.com/solidjs-use/solidjs-use), enables the real-time bindings for Firebase.

> ⚠️ This package only work with [Firebase 9 or above with the modular style](https://firebase.google.com/docs/web/modular-upgrade). For legacy versions, use `@vueuse/firebase@8` instead.

## Install

```bash
npm i solidjs-use @solidjs-use/firebase firebase
```

## Functions

`@solidjs-use/firebase` provides the following functions

- [`useAuth`](https://solidjs-use.github.io/solidjs-use/firebase/useAuth/) — reactive [Firebase Auth](https://firebase.google.com/docs/auth) binding
- [`useFirestore`](https://solidjs-use.github.io/solidjs-use/firebase/useFirestore/) — reactive [Firestore](https://firebase.google.com/docs/firestore) binding
- [`useRTDB`](https://solidjs-use.github.io/solidjs-use/firebase/useRTDB/) — reactive [Firebase Realtime Database](https://firebase.google.com/docs/database) binding

## Links

- [solidjs-use](https://solidjs-use.github.io/solidjs-use)
npm package: @solidjs-use/integrations
Description: integrations functions for solidjs-use inspired completely by VueUse
Author: dream2023
Latest version: 2.3.0

# @solidjs-use/integrations

[![NPM version](https://img.shields.io/npm/v/@solidjs-use/integrations?color=a1b858)](https://www.npmjs.com/package/@solidjs-use/integrations)

> This is an add-on of [solidjs-use](https://github.com/solidjs-use/solidjs-use), providing integration wrappers for utility libraries.

## Install

```bash
npm i solidjs-use @solidjs-use/integrations
```

## Functions

- [`useAsyncValidator`](https://solidjs-use.github.io/solidjs-use/integrations/useAsyncValidator/) — wrapper for [`async-validator`](https://github.com/yiminghe/async-validator)
- [`useAxios`](https://solidjs-use.github.io/solidjs-use/integrations/useAxios/) — wrapper for [`axios`](https://github.com/axios/axios)
- [`useChangeCase`](https://solidjs-use.github.io/solidjs-use/integrations/useChangeCase/) — reactive wrapper for [`change-case`](https://github.com/blakeembrey/change-case)
- [`useCookies`](https://solidjs-use.github.io/solidjs-use/integrations/useCookies/) — wrapper for [`universal-cookie`](https://www.npmjs.com/package/universal-cookie)
- [`useDrauu`](https://solidjs-use.github.io/solidjs-use/integrations/useDrauu/) — reactive instance for [drauu](https://github.com/antfu/drauu)
- [`useFocusTrap`](https://solidjs-use.github.io/solidjs-use/integrations/useFocusTrap/) — reactive wrapper for [`focus-trap`](https://github.com/focus-trap/focus-trap)
- [`useFuse`](https://solidjs-use.github.io/solidjs-use/integrations/useFuse/) — easily implement fuzzy search using a composable with [Fuse.js](https://github.com/krisk/fuse)
- [`useIDBKeyval`](https://solidjs-use.github.io/solidjs-use/integrations/useIDBKeyval/) — wrapper for [`idb-keyval`](https://www.npmjs.com/package/idb-keyval)
- [`useJwt`](https://solidjs-use.github.io/solidjs-use/integrations/useJwt/) — wrapper for [`jwt-decode`](https://github.com/auth0/jwt-decode)
- [`useNProgress`](https://solidjs-use.github.io/solidjs-use/integrations/useNProgress/) — reactive wrapper for [`nprogress`](https://github.com/rstacruz/nprogress)
- [`useQRCode`](https://solidjs-use.github.io/solidjs-use/integrations/useQRCode/) — wrapper for [`qrcode`](https://github.com/soldair/node-qrcode)

## Tree-shaking

For better tree-shaking result, import functions from submodules, for example:

```ts
import { useAxios } from '@solidjs-use/integrations/useAxios'

// Don't
import { useAxios } from '@solidjs-use/integrations'
```

## Links

- [solidjs-use](https://solidjs-use.github.io/solidjs-use)
npm package: @solidjs-use/math
Description: Math functions for solidjs-use inspired completely by VueUse
Author: dream2023
Latest version: 2.3.0

# @solidjs-use/math

[![NPM version](https://img.shields.io/npm/v/@solidjs-use/math?color=a1b858)](https://www.npmjs.com/package/@solidjs-use/math)

> This is an extension of [solidjs-use](https://github.com/solidjs-use/solidjs-use), enables math usage for composable functions.

## Install

```bash
npm i solidjs-use @solidjs-use/math
```

## Links

- [solidjs-use](https://solidjs-use.github.io/solidjs-use)
npm package: @solidjs-use/rxjs
Description: Enables RxJS reactive functions in solidjs completely by VueUse
Author: dream2023
Latest version: 2.3.0

# @solidjs-use/rxjs

[![NPM version](https://img.shields.io/npm/v/@solidjs-use/rxjs?color=a1b858)](https://www.npmjs.com/package/@solidjs-use/rxjs)

> This is an extension of [solidjs-use](https://github.com/solidjs-use/solidjs-use), enabling a natural way of using RxJS.

## Install

```bash
npm i solidjs-use @solidjs-use/rxjs rxjs
```

## Functions

- [`from`](https://solidjs-use.github.io/solidjs-use/rxjs/from) — / fromEvent
- [`toObserver`](https://solidjs-use.github.io/solidjs-use/rxjs/toObserver) — sugar function to convert a `ref` into an RxJS [Observer](https://rxjs.dev/guide/observer)
- [`useObservable`](https://solidjs-use.github.io/solidjs-use/rxjs/useObservable) — use an RxJS [`Observable`](https://rxjs.dev/guide/observable)
- [`useSubject`](https://solidjs-use.github.io/solidjs-use/rxjs/useSubject) — bind an RxJS [`Subject`](https://rxjs.dev/guide/subject) to a `ref` and propagate value changes both ways
- [`useSubscription`](https://solidjs-use.github.io/solidjs-use/rxjs/useSubscription) — use an RxJS [`Subscription`](https://rxjs.dev/guide/subscription) without worrying about unsubscribing from it or creating memory leaks

## Links

- [solidjs-use](https://solidjs-use.github.io/solidjs-use/rxjs)
npm package: @solidjs-use/shared
Description: [![NPM version](https://img.shields.io/npm/v/@solidjs-use/shared?color=a1b858)](https://www.npmjs.com/package/@solidjs-use/shared)
Author: dream2023
Latest version: 2.3.0

# @solidjs-use/shared

[![NPM version](https://img.shields.io/npm/v/@solidjs-use/shared?color=a1b858)](https://www.npmjs.com/package/@solidjs-use/shared)

## Install

```bash
npm i @solidjs-use/shared
```

## Links

- [solidjs-use](https://solidjs-use.github.io/solidjs-use)
npm package: @solidjs-use/solid-to-vue
Description: SolidJS API to VueJS API
Author: dream2023
Latest version: 2.3.0

# @solidjs-use/solid-to-vue

[![NPM version](https://img.shields.io/npm/v/@solidjs-use/solid-to-vue?color=a1b858)](https://www.npmjs.com/package/@solidjs-use/solid-to-vue)

## Install

```bash
npm i @solidjs-use/solid-to-vue
```

## Links

- [solidjs-use](https://solidjs-use.github.io/solidjs-use)
npm package: @solido/atlante-js
Description: JS Http Client
Author: Alessandro Chitolina
Latest version: 0.4.7

Solido - Atlante
================
[![Tests](https://github.com/solid-o/atlante-js/actions/workflows/test.yml/badge.svg)](https://github.com/solid-o/atlante-js/actions/workflows/test.yml)

Solido Atlante is an javascript HTTP Client.

Requirements
------------
- node >= 10 (or a modern browser)
- `@jymfony/util`

Installation
------------
```sh
$ npm install @solido/atlante
```

Using Atlante
-------------
You can read the [dedicated section on Solido documentation](https://solid-o.github.io/docs/#/atlante?id=atlante).

Test
----
```sh
$ npm test
```

Contributing
------------
Contributions are welcome. Feel free to open a PR or file an issue here on GitHub!

License
-------
Atlante is licensed under the MIT License - see the [LICENSE](https://github.com/solid-o/atlante/blob/master/LICENSE) file for details