open-index/open-npm huggingface dataset:
npm package: @solid-mediakit/auth
Description: An authentication utility library for Solid 2.
Latest version: 3.1.3

# @solid-mediakit/auth

An authentication utility library for Solid.

### Installation

```bash
pnpm install @solid-mediakit/auth@latest @auth/core@latest
```

[Read More Here](https://mediakit-taupe.vercel.app/auth/install)
npm package: @solid-mediakit/auth-plugin
Description: Package for easily creating server rpc functions in solid-start with goodies baked in
Latest version: 1.2.2

# @solid-mediakit/auth-plugin

A Vite plugin for Mediakit Auth

### Installation

```bash
pnpm install @solid-mediakit/auth-plugin
```

### Adding The Vite Plugin

Go ahead to `app.config.ts` and add the following:

```ts
import { defineConfig } from '@solidjs/start/config'
import { authVite } from '@solid-mediakit/auth-plugin' // ->

export default defineConfig({
  ssr: true,
  vite: {
    plugins: [authVite({ log: false })], // ->
  },
})
```

Now read the [Auth documentation](https://mediakit-taupe.vercel.app/auth/install)
npm package: @solid-mediakit/authpc-plugin
Description: Package for easily creating server rpc functions in solid-start with goodies baked in
Latest version: 1.5.2

# @solid-mediakit/authpc-plugin

A Vite plugin for AuthPC

### Installation

```bash
pnpm install @solid-mediakit/authpc-plugin
```

## Add to app.config.ts

Wrap your entire config with the `withAuthPC` method for typesafety:

```ts
import { withAuthPC } from '@solid-mediakit/authpc-plugin'

const config = withAuthPC(
  {
    ssr: true,
  },
  {
    auth: 'authjs',
    authCfg: {
      source: '~/server/auth', // where your AuthJS config is located
      configName: 'authOpts', // The variable name of your AuthJS Config
      protectedMessage: 'You need to sign in first',
    },
  },
)

declare module '@solid-mediakit/authpc' {
  interface Settings {
    config: typeof config
  }
}

export default config
```
npm package: @solid-mediakit/forms-plugin
Description: Package for easily creating server rpc functions in solid-start with goodies baked in
Latest version: 1.0.2

# @solid-mediakit/forms-plugin

A Vite plugin for MediaKit Forms

### Installation

```bash
pnpm install @solid-mediakit/forms-plugin
```

### Adding The Vite Plugin

Go ahead to `app.config.ts` and add the following:

```ts
import { defineConfig } from '@solidjs/start/config'
import { formsPlugin } from '@solid-mediakit/forms-plugin'

export default defineConfig({
  ssr: true,
  vite: {
    plugins: [formsPlugin()],
  },
})
```
npm package: @solid-mediakit/prpc-plugin
Description: Package for easily creating server rpc functions in solid-start with goodies baked in
Latest version: 2.1.1

# @solid-mediakit/prpc-plugin

A Vite plugin for pRPC

### Installation

```bash
pnpm install @solid-mediakit/prpc-plugin
```

## Add to app.config.ts

Wrap your entire config with the `withPRPC` method for typesafety:

```ts
import { withPRPC } from '@solid-mediakit/prpc-plugin'

const config = withPRPC(
  {
    ssr: true,
  },
  {
    auth: 'authjs',
    authCfg: {
      source: '~/server/auth', // where your AuthJS config is located
      configName: 'authOpts', // The variable name of your AuthJS Config
      protectedMessage: 'You need to sign in first',
    },
  },
)

declare module '@solid-mediakit/prpc' {
  interface Settings {
    config: typeof config
  }
}

export default config
```
npm package: @solid-mediakit/trpc
Description: tRPC integration for Solid 2
Author: OrJDev
Latest version: 3.0.3

# @solid-mediakit/trpc

tRPC integration for SolidJS.

### Installation

```
pnpm install @solid-mediakit/trpc@latest @tanstack/solid-query@latest @trpc/client@latest @trpc/server@latest solid-start-trpc@latest
```

### Usage

```tsx
import { type VoidComponent } from 'solid-js'
import { A, Head, Title, Meta, Link } from 'solid-start'
import { trpc } from '../utils/trpc'

const Home: VoidComponent = () => {
  const hello = trpc.example.hello.createQuery(() => ({ name: 'from tRPC' }))
  return (
    <>
      <Head>
        <Title>Create JD App</Title>
        <Meta name='description' content='Generated by create-jd-app' />
        <Link rel='icon' href='/favicon.ico' />
      </Head>
      <main class='flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#026d56] to-[#152a2c]'>
        <div class='container flex flex-col items-center justify-center gap-12 px-4 py-16 '>
          <h1 class='text-5xl font-extrabold tracking-tight text-white sm:text-[5rem]'>
            Create <span class='text-[hsl(88, 77%, 78%)]'>JD</span> App
          </h1>
          <div class='grid grid-cols-1 gap-4 sm:grid-cols-2 md:gap-8'>
            <A
              class='flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 text-white hover:bg-white/20'
              href='https://start.solidjs.com'
              target='_blank'
            >
              <h3 class='text-2xl font-bold'>Solid Start →</h3>
              <div class='text-lg'>
                Learn more about Solid Start and the basics.
              </div>
            </A>
            <A
              class='flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 text-white hover:bg-white/20'
              href='https://github.com/orjdev/create-jd-app'
              target='_blank'
            >
              <h3 class='text-2xl font-bold'>JD End →</h3>
              <div class='text-lg'>
                Learn more about Create JD App, the libraries it uses, and how
                to deploy it
              </div>
            </A>
          </div>
          <p class='text-2xl text-white'>{hello.data}</p>
        </div>
      </main>
    </>
  )
}

export default Home
```

[Read More Here](https://mediakit-taupe.vercel.app/trpc/install)
npm package: @solid-platforms/ngx-qr
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.2.
Latest version: 0.13.1

# NgxQr

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.2.

## Code scaffolding

Run `ng generate component component-name --project ngx-qr` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-qr`.
> Note: Don't forget to add `--project ngx-qr` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build ngx-qr` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build ngx-qr`, go to the dist folder `cd dist/ngx-qr` and run `npm publish`.

## Running unit tests

Run `ng test ngx-qr` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @solid-platforms/ngx-qr-reader
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.2.
Latest version: 0.13.1

# NgxQrReader

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.2.

## Code scaffolding

Run `ng generate component component-name --project ngx-qr-reader` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-qr-reader`.
> Note: Don't forget to add `--project ngx-qr-reader` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build ngx-qr-reader` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build ngx-qr-reader`, go to the dist folder `cd dist/ngx-qr-reader` and run `npm publish`.

## Running unit tests

Run `ng test ngx-qr-reader` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @solid-platforms/ngx-qrcode-scanner
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.5.
Latest version: 0.13.1

# NgxQrcodeScanner

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.5.

## Code scaffolding

Run `ng generate component component-name --project ngx-qrcode-scanner` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-qrcode-scanner`.
> Note: Don't forget to add `--project ngx-qrcode-scanner` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build ngx-qrcode-scanner` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build ngx-qrcode-scanner`, go to the dist folder `cd dist/ngx-qrcode-scanner` and run `npm publish`.

## Running unit tests

Run `ng test ngx-qrcode-scanner` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @solid-platforms/ngx-signature-pad
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.5.
Latest version: 0.13.1

# NgxSignaturePad

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.5.

## Code scaffolding

Run `ng generate component component-name --project ngx-signature-pad` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-signature-pad`.
> Note: Don't forget to add `--project ngx-signature-pad` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build ngx-signature-pad` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build ngx-signature-pad`, go to the dist folder `cd dist/ngx-signature-pad` and run `npm publish`.

## Running unit tests

Run `ng test ngx-signature-pad` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).