open-index/open-npm huggingface dataset:
npm package: @stitchdb/drizzle
Description: StitchDB driver adapter for Drizzle ORM
Author: StitchDB
Latest version: 1.0.0

# @stitchdb/drizzle

Drizzle ORM adapter for StitchDB.

## Install

```bash
npm install @stitchdb/drizzle drizzle-orm
```

## Setup

```ts
import { drizzle } from '@stitchdb/drizzle'

const db = drizzle({ apiKey: process.env.STITCHDB_API_KEY })
```

## Usage

```ts
import { sqliteTable, text, integer } from 'drizzle-orm/sqlite-core'
import { eq } from 'drizzle-orm'

const users = sqliteTable('users', {
  id: integer('id').primaryKey({ autoIncrement: true }),
  name: text('name').notNull(),
  email: text('email').notNull(),
})

// Select
const result = await db.select().from(users).where(eq(users.active, true))

// Insert
await db.insert(users).values({ name: 'Alice', email: 'alice@example.com' })

// Update
await db.update(users).set({ name: 'Bob' }).where(eq(users.id, 1))

// Delete
await db.delete(users).where(eq(users.id, 1))
```
npm package: @stitchdb/prisma
Description: StitchDB driver adapter for Prisma
Author: StitchDB
Latest version: 1.0.0

# @stitchdb/prisma

Prisma driver adapter for StitchDB.

## Install

```bash
npm install @stitchdb/prisma @prisma/client
```

## Setup

```ts
import { PrismaClient } from '@prisma/client'
import { createAdapter } from '@stitchdb/prisma'

const adapter = createAdapter({ apiKey: process.env.STITCHDB_API_KEY })
const prisma = new PrismaClient({ adapter })
```

Set your `schema.prisma` datasource to sqlite:

```prisma
datasource db {
  provider = "sqlite"
  url      = "file:./placeholder"
}
```

The adapter overrides the connection — the `url` is not used.

## Usage

```ts
const users = await prisma.user.findMany({ where: { active: true } })
await prisma.user.create({ data: { name: 'Alice', email: 'alice@example.com' } })
await prisma.user.update({ where: { id: 1 }, data: { name: 'Bob' } })
await prisma.user.delete({ where: { id: 1 } })
```
npm package: @stitches/vue-directive
Description: The atom CSS-IN-JS  library
Author: Christian Alfoni
Latest version: 9.0.0-alpha.4

Use stitches with Vue

Read more about stitches at [@stitches/css](https://github.com/modulz/stitches/tree/master/packages/css).

## Get started

`npm install @stitches/vue-directive`

```tsx
// index.tsx
import Vue from "vue";
import { createCss } from "@stitches/css";

const css = createCss({
  screens: {
    sm: (cssRule) => `@media (min-width: 768px) { ${cssRule} }`,
    md: (cssRule) => `@media (min-width: 1024px) { ${cssRule} }`,
  },
  tokens: {
    colors: {
      "red-primary": "red",
    },
    space: {
      0: "0",
      1: "1rem",
      2: "2rem",
    },
  },
});

Vue.directive("css", css);
```

```html
<template>
  <div id="app">
    <img width="25%" src="./assets/logo.png" />
    <h1 v-css:sm="'margin-1'" v-css:md="'margin-2'">By screen</h1>
    <h1 v-css="'color-red-primary'">Static</h1>
    <h1
      v-css="{
      'hover:background-color-red-primary': makeRedOnHover
    }"
    >
      Dynamic
    </h1>
  </div>
</template>
```