open-index/open-npm huggingface dataset:
npm package: @stackpress/ink-dev
Description: Ink developer mode with hot page reload
Author: Chris
Latest version: 0.4.6

# 💧 Ink DEV

This package is designed for [Ink](https://github.com/stackpress/ink),
the reactive web component template engine. See [docs](https://github.com/stackpress/ink)
for more information.

Ink developer mode with hot page reload. 
Not suited for production environments.

## Install

```bash
$ npm -i @stackpress/ink-dev
```

# Usage

```js
import http from 'http';
import ink from '@stackpress/ink/compiler';
import { dev } from '@stackpress/ink-dev';

//create ink compiler
const compiler = ink({ cwd: __dirname });
//1. create dev tools
const { router, refresh } = dev({ cwd: __dirname });

//create http server
const server = http.createServer(async (req, res) => {
  //2. Add dev router
  if (router(req, res)) return;
  //if home page
  if (req.url === '/') {
    //3. sync builder with refresh server
    refresh.sync(compiler.fromSource('./page.ink'));
    //compile the document
    const html = await compiler.render('./page.ink');
    //... send response ...
  }
  //... other routes ...
});
//listen on port 3000
server.listen(3000);
```
npm package: @stackpress/ink-esbuild
Description: ESBuild support for the Ink markup language.
Author: Chris
Latest version: 0.4.6

# 💧 Ink ESBuild

This package is designed for [Ink](https://github.com/stackpress/ink),
the reactive web component template engine. See [docs](https://github.com/stackpress/ink)
for more information.

ESBuild support for the Ink markup language.

## Install

```bash
$ npm -i @stackpress/ink-esbuild
```

## Usage

```js
import esbuild from 'esbuild';
import { esComponentPlugin } from 'ink-esbuild';

esbuild.build({
  entryPoints: [ './app.ink' ],
  plugins: [ esComponentPlugin() ]
});
```
npm package: @stackpress/ink-express
Description: Ink plugin for Express and native HTTP.
Author: Chris
Latest version: 0.4.6

# 💧 Ink Express

This package is designed for [Ink](https://github.com/stackpress/ink),
the reactive web component template engine. See [docs](https://github.com/stackpress/ink)
for more information.

Ink plugin for Express and native HTTP.

## Install

```bash
$ npm -i @stackpress/ink-express
```

## Usage

```js
import path from 'path';
import express from 'express';
import { view } from '@stackpress/ink-express';

//create ink compiler
const compiler = ink({ cwd: __dirname, minify: false });
//create express app
const app = express();

//let's use express' template engine feature
app.engine('ink', view(compiler));
//set the view engine to ink
app.set('views', path.join(__dirname, 'templates'));
app.set('view engine', 'ink');
//..other routes
app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});
```
npm package: @stackpress/ink-loader
Description: Webpack support for the Ink markup language.
Author: Chris
Latest version: 0.4.6

# 💧 Ink Loader

This package is designed for [Ink](https://github.com/stackpress/ink),
the reactive web component template engine. See [docs](https://github.com/stackpress/ink)
for more information.

Webpack support for the Ink markup language.

## Install

```bash
$ npm -i @stackpress/ink-loader
```

## Usage

```js
// webpack.config.js
module.exports = {
  entry: './src/app.ink',
  output: { filename: 'app.js' },
  module: {
    rules: [
      {
        test: /\.ink$/,
        use: '@stackpress/ink-loader',
        exclude: /node_modules/,
      }
    ],
  },
  resolve: { extensions: ['.ink'] }
};
```
npm package: @stackpress/ink-tailwind
Description: Webpack support for the Ink markup language.
Author: Chris
Latest version: 0.4.6

# 💧 Ink Tailwind

This package is designed for [Ink](https://github.com/stackpress/ink),
the reactive web component template engine. See [docs](https://github.com/stackpress/ink)
for more information.

TailwindCSS support for the Ink markup language.

## Install

```bash
$ npm -i @stackpress/ink-tailwind
```

## Usage

```js
import ink from '@stackpress/ink/compiler';
import { tailwind } from '@stackpress/ink-tailwind';

//create ink compiler
const compiler = ink({ cwd: __dirname });
//and use tailwind...
compiler.use(tailwind({
  darkMode: 'class',
  theme: { extend: {} },
  plugins: [],
  content: []
}));
```
npm package: @stackpress/inquire-mysql2
Description: Generic typed mysql2
Author: Chris
Latest version: 0.7.2

# 💬 Inquire - MySQL2

MySQL2 connection for the Inquire library.

## Install

```bash
$ npm i @stackpress/inquire-mysql2
```

## Usage

```js
import mysql from 'mysql2/promise';
import connect from '@stackpress/inquire-mysql2';

//this is the raw resource, anything you want
const resource = await mysql.createConnection({
  host: 'localhost',
  user: 'root',
  database: 'inquire',
});
//this maps the resource to the engine
const engine = connect(resource);
```
npm package: @stackpress/inquire-pg
Description: Generic typed pg
Author: Chris
Latest version: 0.7.2

# 💬 Inquire - PG

PG connection for the Inquire library.

## Install

```bash
$ npm i @stackpress/inquire-pg
```

## Usage

```js
import { Client, Pool } from 'pg';
import connect from '@stackpress/inquire-pg';

//this is the raw resource, anything you want
const connection = usePool 
  ? await (async () => {
    const pool = new Pool({
      database: 'inquire',
      user: 'postgres'
    });
    return await pool.connect();
  })() 
  : await (async () => {
    const resource = new Client({
      database: 'inquire',
      user: 'postgres'
    });
    await resource.connect();
    return resource;
  })();

//this maps the resource to the engine
const engine = connect(connection);
```
npm package: @stackpress/inquire-pglite
Description: Generic typed pglite
Author: Chris
Latest version: 0.7.2

# 💬 Inquire - PGLite

PGLite connection for the Inquire library.

## Install

```bash
$ npm i @stackpress/inquire-pglite
```

## Usage

```js
import { PGlite } from '@electric-sql/pglite';
import connect from '@stackpress/inquire-pglite';

//this is the raw resource, anything you want
const resource = new PGlite('./build/database');
//this maps the resource to the engine
const engine = connect(resource);
```
npm package: @stackpress/inquire-sqlite3
Description: Generic typed better-sqlite3
Author: Chris
Latest version: 0.7.2

# 💬 Inquire - SQLite3

Better SQLite3 connection for the Inquire library.

## Install

```bash
$ npm i @stackpress/inquire-sqlite3
```

## Usage

```js
import sqlite from 'better-sqlite3';
import connect from '@stackpress/inquire-sqlite3';

//this is the raw resource, anything you want
const resource = sqlite(':memory:');
//this maps the resource to the engine
const engine = connect(resource);
```