### QuickstartAdd Function Example

Source: https://jazz.tools/docs/install/client

An example of a `QuickstartAdd` function, likely used for initializing or adding data in a quickstart scenario. It demonstrates importing and using `useDb`.

```javascript
export function QuickstartAdd() {
  const db = useDb();
```

--------------------------------

### Vue Setup Example

Source: https://jazz.tools/docs/reference/framework-patterns

Example of setting up a database connection within a Vue component's setup function. This code must be called inside setup() or <script setup>.

```javascript
// Must be called inside setup() or <script setup>
const db = 
```

--------------------------------

### Example: Manual Transaction Setup

Source: https://jazz.tools/docs/writing/writing-data

Illustrates setting up a manual transaction and a beforeEach callback.

```typescript
let transaction: DbTransaction;

beforeEach(() =>
```

--------------------------------

### Basic TypeScript Server Setup

Source: https://jazz.tools/docs/install/typescript-server

A minimal TypeScript server setup using Hono and jazz-tools. This example demonstrates basic imports and context creation.

```typescript
import { Hono } from "hono"
import { serve } from "@hono/node-server"
import { createJazzContext } from "jazz-tools/backend"
import { app as schemaApp } from "./app"

const app = new Hono()

app.use("/*", createJazzContext())

app.route("/", schemaApp)

serve({ fetch: app.fetch, port: 3000 })

```

--------------------------------

### TypeScript Server Configuration Example

Source: https://jazz.tools/docs/install/typescript-server

This snippet shows a basic configuration for the TypeScript server, including module loading and plugin setup. Ensure all specified modules and plugins are correctly installed.

```typescript
self.__next_f.push([1,"ree\"</ul>\n29:I[949206,[\"/
ext/static/chunks/2d9b820fbccc71d9.js?dpl=dpl_HSipjmeuy5j5eRYCBJpBuMJAafZM\",\"/
ext/static/chunks/2e2ad64b0fc13038.js?dpl=dpl_HSipjmeuy5j5eRYCBJpBuMJAafZM\",\"/
ext/static/chunks/f9297f8978c92df4.js?dpl=dpl_HSipjmeuy5j5eRYCBJpBuMJAafZM\",\"/
ext/static/chunks/22314180b8d7830e.js?dpl=dpl_HSipjmeuy5j5eRYCBJpBuMJAafZM\",\"/
ext/static/chunks/f600bf70e6019d0d.js?dpl=dpl_HSipjmeuy5j5eRYCBJpBuMJAafZM\",\"/
ext/static/chunks/f2a571c863b8d585.js?dpl=dpl_HSipjmeuy5j5eRYCBJpBuMJAafZM\"],\"ThemeToggle\"
2a:I[797334,[\"/
ext/static/chunks/2d9b820fbccc71d9.js?dpl=dpl_HSipjmeuy5j5eRYCBJpBuMJAafZM\",\"/
ext/static/chunks/2e2ad64b0fc13038.js?dpl=dpl_HSipjmeuy5j5eRYCBJpBuMJAafZM\",\"/
ext/static/chunks/f9297f8978c92df4.js?dpl=dpl_HSipjmeuy5j5eRYCBJpBuMJAafZM\",\"/
ext/static/chunks/22314180b8d7830e.js?dpl=dpl_HSipjmeuy5j5eRYCBJpBuMJAafZM\",\"/
ext/static/chunks/f600bf70e6019d0d.js?dpl=dpl_HSipjmeuy5j5eRYCBJpBuMJAafZM\",\"/
ext/static/chunks/f2a571c863b8d585.js?dpl=dpl_HSipjmeuy5j5eRYCBJpBuMJAafZM\"],\"SidebarDrawer\"
20:Tdc7,"])
self.__next_f.push([1,"M171.771 92.7904V87.7384V0.899238C171.771 0.752265 171.736 0.607439 171.667 0.477508C171.598 0.347578 171.499 0.23653 171.377 0.154136C171.255 0.0717433 171.115 0.0205314 170.969 0.00501233C170.823 -0.0105068 170.675 0.0101424 170.539 0.0651396C143.601 10.77 114.872 16.2509 85.8851 16.2151C69.2636 16.2249 52.6901 14.4323 36.4551 10.8686C36.3239 10.8392 36.1877 10.8398 36.0567 10.8702C35.9257 10.9006 35.8032 10.9601 35.6984 11.0443C35.5935 11.1286 35.509 11.2353 35.451 11.3567C35.3931 11.478 35.3632 11.6109 35.3636 11.7453V43.5239V85.7209C35.3635 85.8217 35.3362 85.9205 35.2846 86.007C35.233 86.0935 35.159 86.1645 35.0704 86.2125C34.9818 86.2605 34.882 86.2837 34.7813 86.2797C34.6807 86.2757 34.583 86.2446 34.4985 86.1897C33.2134 85.3932 31.8524 84.7261 30.4355 84.1982C26.373 82.6925 21.9813 82.3025 17.717 83.0688C13.5278 83.7956 9.62454 85.6767 6.44611 88.5006C3.42666 91.1764 1.32011 94.7299 0.421707 98.663C-0.427078 102.52 0.0128843 106.548 1.6741 110.131C3.42082 113.847 6.24601 116.95 9.78171 119.038C13.4799 121.24 17.7073 122.396 22.0117 122.382H22.013H22.0226C22.5889 122.382 22.9145 122.382 23.173 122.38C30.5543 122.29 37.6109 119.331 42.8487 114.13C48.0866 108.928 51.0943 101.892 51.2352 94.5115C51.2392 94.3351 51.2404 94.1471 51.241 93.8743V46.859C51.2408 46.7678 51.2601 46.6776 51.2976 46.5944C51.3351 46.5113 51.39 46.4371 51.4585 46.3768C51.527 46.3166 51.6076 46.2717 51.6949 46.2452C51.7822 46.2187 51.8742 46.2111 51.9646 46.223C63.2126 47.6788 74.5428 48.4076 85.8846 48.4047C86.5107 48.4048 87.1364 48.4026 87.7616 48.3982C87.8466 48.3975 87.9309 48.4137 88.0097 48.4457C88.0884 48.4778 88.1601 48.5251 88.2204 48.585C88.2808 48.6449 88.3286 48.7162 88.3613 48.7947C88.3939 48.8732 88.4107 48.9574 88.4106 49.0424V128.664C88.4104 128.765 88.3831 128.864 88.3315 128.95C88.2799 129.037 88.2059 129.108 88.1173 129.156C88.0287 129.204 87.9289 129.227 87.8282 129.223C87.7276 129.219 87.6299 129.188 87.5454 129.133C86.2601 128.337 84.8992 127.669 83.4824 127.141C79.4198 125.636 75.0282 125.246 70.7639 126.012C66.5749 126.739 62.6717 128.62 59.4929 131.443C56.4735 134.119 54.3669 137.673 53.4685 141.606C52.6198 145.463 53.0599 149.492 54.7213 153.074C56.4684 156.79 59.2934 159.893 62.8287 161.981C66.5272 164.183 70.7544 165.339 75.0587 165.326C76.0107 165.326 76.2864 165.326 76.6987 165.309C83.9244 165.017 90.7747 162.013 95.885
```

--------------------------------

### Install Jazz Client

Source: https://jazz.tools/docs/install/client

This snippet shows the command to install the Jazz client. Ensure you have the necessary permissions and environment setup.

```bash
jazz install client
```

--------------------------------

### Rust Backend Context Setup

Source: https://jazz.tools/docs/getting-started/server-setup

Example of setting up backend context in Rust, including server URL and secrets for synchronization.

```rust
let context = jazz::context("your-app-id", jazz::ContextOptions {
  server_url: "https://v2.sync.jazz.tools".to_string(),
  // ... other options
}).await;
```

--------------------------------

### Example Query Configuration

Source: https://jazz.tools/docs/reading/queries

Demonstrates how to configure a query with sorting and building options. This snippet shows a typical setup for defining query parameters.

```javascript
186:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":" ."}]},{"$","span",null,{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"children":"order_by_desc"}},{"$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":"("}},{"$","span",null,{"style":{"--shiki-light":"#032F62","--shiki-dark":"#9ECBFF"},"children":"\"id\""}},{"$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":")"}}]},"\n"],"\n"],187:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":" ."}]},{"$","span",null,{"style":{"--shiki-light":"#6F42C1","--shiki-dark":"#B392F0"},"children":"build"}},{"$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":"();"}}]},"\n"],188:["$","span",null,{"className":"line"}],189:["$","span",null,{"className":"line","children":[["$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":" let"}},{"$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" _ "}},{"$","span",null,{"style":{"--shiki-light":"#D73A49","--shiki-dark":"#F97583"},"children":"="}},{"$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":" (by_title, by_newest);"}}]},"\n"],18a:["$","span",null,{"className":"line","children":["$","span",null,{"style":{"--shiki-light":"#24292E","--shiki-dark":"#E1E4E8"},"children":"}"]}]}
```

--------------------------------

### Configure Jazz Client

Source: https://jazz.tools/docs/install/client

Example of configuring the Jazz client after installation. This involves setting up connection details.

```bash
jazz config client --server http://jazz.example.com
```

--------------------------------

### TypeScript Backend Context Setup

Source: https://jazz.tools/docs/getting-started/server-setup

Example of setting up backend context in TypeScript, including server URL and secrets for synchronization.

```typescript
const context = await jazz.வைத்("your-app-id", {
  serverUrl: "https://v2.sync.jazz.tools",
  // ... other options
});
```

--------------------------------

### Basic React Component Setup

Source: https://jazz.tools/docs/getting-started/client-setup

Example of a basic React component setup for a Jazz application. This snippet demonstrates the fundamental structure for a component using React.

```tsx
import React from 'react';

interface AppProps {
  message: string;
}

const App: React.FC<AppProps> = ({ message }) => {
  return (
    <div>
      <h1>{message}</h1>
      <p>Welcome to the Jazz client setup!</p>
    </div>
  );
};

export default App;
```

--------------------------------

### Vue.js Script Setup with TypeScript

Source: https://jazz.tools/docs/reading/queries

Example of a Vue.js component using the script setup syntax with TypeScript. Imports necessary functions from Vue.

```vue
<script setup lang="ts">
import { ref, computed } from 'vue';
import { useAll } from 'vue';

```

--------------------------------

### Basic JazzProvider Setup

Source: https://jazz.tools/docs/getting-started/client-setup

A minimal setup for JazzProvider, demonstrating its basic structure.

```javascript
<JazzProvider client={client} />
```

--------------------------------

### Vue Component Setup with Jazz Tools

Source: https://jazz.tools/docs/reading/queries

Example of setting up a Vue component to use Jazz Tools for data access. Ensure 'jazz-tools/vue' is installed and the app schema is correctly imported.

```typescript
<script setup lang="ts">
import { useAll } from "jazz-tools/vue";
import { app } from "../schema.js";

const { data }: any = useAll(app.todos);
// undefined = not yet connected; [] = connected, no rows; [...] = rows
```

--------------------------------

### Full Working Examples

Source: https://jazz.tools/docs/recipes/auth/auth-provider-integration

Links to full working examples for integrating authentication providers with Jazz.

```text
Full working examples: Better Auth, WorkOS.
```

--------------------------------

### Rust Policy Test App Example

Source: https://jazz.tools/docs/auth/permissions

Example demonstrating the setup and execution of policy tests in Rust. This snippet is useful for verifying permission logic.

```rust
let testApp = PolicyTestApp;

beforeEach(async () => {
  testApp = await createPolicyTestApp(app, permissions, expect);
});

afterEach(async () => {
  // Cleanup or reset logic here
});
```

--------------------------------

### Runtime Configuration Example for SolidJS

Source: https://jazz.tools/docs/getting-started/client-setup

Example of setting up a Jazz client within a SolidJS application. This demonstrates how to initialize the client and use the JazzProvider.

```typescript
export function RuntimeConfigExample(props: ParentProps) {
  const client = createSolidJazzClient(() => ({}));
  return (
    <JazzProvider client={client}>
      {props.children}
    </JazzProvider>
  );
}
```

--------------------------------

### Run TypeScript Server

Source: https://jazz.tools/docs/install/typescript-server

Use this command to start the TypeScript server. Ensure you have the necessary dependencies installed.

```bash
npx tsx src/index.ts
```

--------------------------------

### Install Jazz Client with npm

Source: https://jazz.tools/docs/install/client

Use npm to install the Jazz client. Ensure Node.js and npm are installed on your system.

```bash
npm install -g @jazz/cli
```

--------------------------------

### Example of a Query Subscription

Source: https://jazz.tools/docs/reference/framework-patterns

This example demonstrates how to export a function `QuerySubscriptionExample` that utilizes the `useAll` hook to fetch and subscribe to 'todos'. This pattern is useful for real-time data management in Solid.js applications.

```javascript
export function QuerySubscriptionExample() {
  const todos = useAll(() => app.todos);
}
```

--------------------------------

### Full Auth Session Example (Solid)

Source: https://jazz.tools/llms-full.txt

A comprehensive example in Solid.js demonstrating session retrieval, user ID extraction, querying owned todos, and adding new todos.

```tsx
import { createMemo } from "solid-js";
import { useAll, useDb, useSession } from "jazz-tools/solid";
import { app } from "../session-app.js";

export function AuthSessionExamples() {
  const db = useDb();
  const session = useSession();
  const sessionUserId = createMemo(() => session()?.user_id ?? null);
  const ownedTodos = useAll(() => ({
    query: sessionUserId() ? app.todos.where({ owner_id: sessionUserId()! }) : undefined,
  }));

  function addOwnedTodo(title: string) {
    const ownerId = sessionUserId();
    if (!ownerId) return;
    db().insert(app.todos, { title, done: false, owner_id: ownerId });
  }

  void ownedTodos;
  void addOwnedTodo;
  return null;
}
```

--------------------------------

### Basic Server Setup in Rust

Source: https://jazz.tools/docs/getting-started/server-setup

This snippet demonstrates a fundamental server setup using Rust. It requires the 'tokio' and 'axum' crates.

```Rust
use axum::routing::get;
use std::net::SocketAddr;

#[tokio::main]
async fn main() {
    // Build our application with a route
    let app = axum::Router::new().route("/", get(root));

    // Run our app with hyper
    let addr = SocketAddr::from(([127, 0, 0, 1], 3000));
    println!("listening on {}", addr);
    axum::Server::bind(addr)
        .serve(app.into_make_service())
        .await
        .unwrap();
}

async fn root() -> &'static str {
    "Hello, World!"
}
```

--------------------------------

### Install Jazz Client with Yarn

Source: https://jazz.tools/docs/install/client

Use Yarn to install the Jazz client. Ensure you have Node.js and Yarn installed.

```bash
yarn global add @jazz/cli
```

--------------------------------

### Vue Setup with JazzProvider

Source: https://jazz.tools/docs/getting-started/client-setup

Demonstrates how to set up the Jazz client and use the JazzProvider component in a Vue.js application. Ensure you have installed the jazz-tools/vue package.

```vue
<script setup lang="ts">
import { createJazzClient, JazzProvider } from "jazz-tools/vue";

const client = createJazzClient();

```

--------------------------------

### File Upload Example

Source: https://jazz.tools/docs/writing/files-and-blobs

Provides a link to a file upload example using React.

```markdown
[file upload example](https://github.com/garden-co/jazz2/tree/main/examples/file-upload-react)
```

--------------------------------

### Install Hono and Jazz Tools Backend

Source: https://jazz.tools/docs/install/typescript-server

Install the Hono framework and the jazz-tools backend package using npm. These are essential for building the server.

```bash
npm install hono
npm install @jazz-tools/backend
```

--------------------------------

### Embedded Server Configuration Example

Source: https://jazz.tools/docs/getting-started/client-setup

Example configuration for the embedded Jazz server, showing how to set various options.

```javascript
self.__next_f.push([1,"5d:[\"$\",\"p\",null,{\"children\":[\"When \",[\"$\",\"code\",null,{\"children\":\"server\"}]),\" is an object, the embedded server accepts: \",[\"$\",\"code\",null,{\"children\":\"port\"}]),\" (default: random), \",[\"$\",\"code\",null,{\"children\":\"appId\"}]),\" , \",[\"$\",\"code\",null,{\"children\":\"adminSecret\"}]),\" , \",[\"$\",\"code\",null,{\"children\":\"dataDir\"}]),\" (default: \",[\"$\",\"code\",null,{\"children\":\"node_modules/.cache/jazz-dev-server\"}]),\" , \",[\"$\",\"code\",null,{\"children\":\"inMemory\"}]),\" , \",[\"$\",\"code\",null,{\"children\":\"allowLocalFirstAuth\"}]),\" , and \",[\"$\",\"code\",null,{\"children\":\"jwksUrl\"}]),\" . See \",\"$Ldc\",\" for the full semantics.\" ]}\\n5e:[\"$\",\"h3\",null,{\"className\":\"flex scroll-m-28 flex-row items-center gap-2\",\"id\":\"connecting-to-an-existing-server\",\"children\":[[\"$\",\"a\",null,{\"data-card\":\"\",\"href\":\"#connecting-to-an-existing-server\",\"className\":\"peer\",\"children\":\"Connecting to an existing server\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-link size-3.5 shrink-0 text-fd-muted-foreground opacity-0 transition-opacity peer-hover:opacity-100\",\"aria-hidden\":true,\"children\":[[\"$\",\"path\",\"1cjeqo\",{\"d\":\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"}]],[[\"$\",\"path\",\"19qd67\",{\"d\":\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"}]],\"$undefined\" ]}\\n5f:[\"$\",\"p\",null,{\"children\":[\"Pass a URL to point the plugin at a server you already run — hosted cloud, staging, or a shared self-hosted instance. You must also provide \",[\"$\",\"code\",null,{\"children\":\"adminSecret\"}]),\" (or set \",[\"$\",\"code\",null,{\"children\":\"JAZZ_ADMIN_SECRET\"}]),\" so the plugin can push schema and permissions.\" ]}\\ndd:T4dc,\u003csvg viewBox=\"0 0 24 24\"\u003e\u003cpath d=\"M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z\
```

--------------------------------

### Vue.js Component Setup with Jazz Tools

Source: https://jazz.tools/docs/install/client

Example of setting up a Vue.js component using TypeScript, importing necessary utilities like 'ref' from Vue and 'useDb', 'app' from jazz-tools/vue.

```typescript
<script setup lang="ts">
import { ref } from "vue";
import { useDb } from "jazz-tools/vue";
import { app } from "jazz-tools/vue";

```

--------------------------------

### Example DbSession Function

Source: https://jazz.tools/docs/reference/framework-patterns

An example function demonstrating the usage of DbSessionExamples pattern. It initializes a database connection and a session.

```javascript
export function DbSessionExamples() {
  const db = useDb();
  const session = DbSessionExamples();
}
```

--------------------------------

### Install Jazz Client with pnpm

Source: https://jazz.tools/docs/install/client

Use this command to install the Jazz client using the pnpm package manager.

```bash
pnpm install
```

--------------------------------

### Start the Server

Source: https://jazz.tools/docs/install/typescript-server

This snippet starts the Jazz server, making your API endpoints accessible. Add this to the bottom of your `src/index.ts` file.

```typescript
serve({ fetch: api.fetch, port: 3000 }, (info) => {
  console.log(`Server running on http://localhost:${info.port}`);
});
```

--------------------------------

### Create Project and Initialize

Source: https://jazz.tools/docs/install/typescript-server

Creates a new project directory and initializes it with pnpm.

```bash
mkdir my-jazz-app && cd my-jazz-app
pnpm init
```

--------------------------------

### Run the Server

Source: https://jazz.tools/docs/install/typescript-server

Instructions on how to start the server. Ensure the entry point is src/index.ts.

```html
<h2 class="flex scroll-m-28 flex-row items-center gap-2" id="run-it">
  <a data-card="" href="#run-it" class="peer">Run it</a>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link size-3.5 shrink-0 text-fd-muted-foreground opacity-0 transition-opacity peer-hover:opacity-100" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
</h2>
<p>Start the server at the bottom of <code>src/index.ts</code>:</p>
<svg viewBox="0 0 24 24">
  <path d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z" fill="currentColor" /></svg>
```

--------------------------------

### Initialize Database and Handle Sign-Up

Source: https://jazz.tools/docs/auth/local-first-auth

This example shows how to initialize your database connection using `useDb` and define an asynchronous function `handleSignUp` to process user sign-up requests, expecting an email string.

```typescript
() {
 const db = useDb();

 async function handleSignUp(email: string) {
```

--------------------------------

### Server Setup for Backend Context

Source: https://jazz.tools/docs/auth/permissions

Instructions for setting up the server to establish a backend context for operations.

```javascript
self.__next_f.push([1,"12d:[\"$\",\"$L10\",null,{\"href\":\"/docs/getting-started/server-setup#backend-context-setup\",\"children\":\"Server Setup\"}]}\\n
```

--------------------------------

### Example API Request (POST)

Source: https://jazz.tools/docs/install/typescript-server

Demonstrates how to make a POST request to create a new to-do item. Includes the Authorization header.

```bash
curl -X POST http://localhost:3000/api/todos/ \
  -H "Content-Type: application/json" \
  -d '{"title": "Learn Jazz", "done": false}' \
  -H "Authorization: Bearer $$TOKEN"
```

--------------------------------

### TypeScript Client Initialization

Source: https://jazz.tools/docs/getting-started/server-setup

Initialize the Jazz client in TypeScript. This example shows basic client setup.

```typescript
const
```

--------------------------------

### Backend Context Setup

Source: https://jazz.tools/docs/getting-started/server-setup

This code demonstrates setting up the backend context, including initializing the Jazz client with necessary configurations.

```typescript
import { JazzClient } from "@jazz/client"

const client = new JazzClient({
  dbHost: process.env.JAZZ_DB_HOST,
  dbPort: parseInt(process.env.JAZZ_DB_PORT || "5432"),
  dbUser: process.env.JAZZ_DB_USER,
  dbPassword: process.env.JAZZ_DB_PASSWORD,
  dbName: process.env.JAZZ_DB_NAME,
  dbSslMode: process.env.JAZZ_DB_SSL_MODE as any,
  dbSslRootCert: process.env.JAZZ_DB_SSL_ROOT_CERT,
  dbSslCert: process.env.JAZZ_DB_SSL_CERT,
  dbSslKey: process.env.JAZZ_DB_SSL_KEY,
})

await client.init()

export default client
```

--------------------------------

### Vue App.vue Component Setup

Source: https://jazz.tools/docs/auth/local-first-auth

Example of setting up the `App.vue` component in a Vue.js application to use JazzProvider for authentication.

```vue
<script setup>
import { JazzProvider } from "@jazz/react";
</script>
```

--------------------------------

### React Authentication Component

Source: https://jazz.tools/docs/auth/local-first-auth

This React component handles authentication logic. Ensure you have the necessary Jazz framework setup and dependencies installed.

```tsx
import React from 'react';

interface AuthProps {
  // Define props here if needed
}

const AuthComponent: React.FC<AuthProps> = () => {
  // Authentication logic goes here
  return (
    <div>
      {/* Authentication UI elements */}
      <h1>Local-First Authentication</h1>
      <p>Manage your account securely.</p>
    </div>
  );
};

export default AuthComponent;

```

--------------------------------

### Solid Provider Setup

Source: https://jazz.tools/docs/reference/framework-patterns

This snippet demonstrates setting up the JazzProvider in Solid. It takes a client object as a prop.

```jsx
<JazzProvider client={...}>
```

--------------------------------

### Basic Server Setup with Hono

Source: https://jazz.tools/docs/install/typescript-server

Sets up a basic Hono server with Jazz Tools context. This includes essential configurations like appId, schema, permissions, and data driver. It demonstrates how to initialize the Jazz context for server requests.

```typescript
import { Hono } from "hono";
import { serve } from "@hono/node-server";
import { createJazzContext } from "jazz-tools/backend";
import { app as schemaApp } from "../schema.js";
import permissions from "../permissions.js";

const context = createJazzContext({
  appId: "todo-server-ts",
  app: schemaApp,
  permissions,
  driver: { type: "persistent", dataPath: "./data/jazz.db" },
  serverUrl: process.env.JAZZ_SERVER_URL,
  backendSecret: process.env.JAZZ_BACKEND_SECRET,
  jwksUrl: process.env.JAZZ_JWKS_URL,
  jwtPublicKey: process.env.JAZZ_JWT_PUBLIC_KEY,
  allowLocalFirstAuth: process.env.JAZZ_ALLOW_LOCAL_FIRST_AUTH !== "false",
});

const api = new Hono();
```

--------------------------------

### Rust QueryBuilder Example

Source: https://jazz.tools/docs/reference/where-operators

Demonstrates how to initialize a QueryBuilder in Rust for filtering data. This snippet shows the basic setup for creating a query object.

```rust
// Multiple filter calls are AND-combined
let query = QueryBuilder::new("todos");

.filter_eq("done", 
```

--------------------------------

### Setting Up Client Path

Source: https://jazz.tools/docs/getting-started/client-setup

This snippet demonstrates how to define and use a client path, likely for routing or resource management within the application.

```javascript
self.__next_f.push([1,"12:[\"$\",\"path\",null,{\"d\":\"$20\",\"fill\":\"#146AFF\"}]\n13:[\"$\",\"div\",null,{\"className\":\"flex-1\",\"children\":\"$undefined\"}]\n14:[\"$\",\"$L21\",null,{\"className\":\"p-2\",\"hideIfDisabled\":true}]\n15:[\"$\",\"$L22\",null,{\"className\":\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors duration-100 disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fd-ring hover:bg-fd-accent hover:text-fd-accent-foreground [\u0026_svg]:size-4.5 p-2\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-panel-left\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"rect\",\"afitv7\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\"}],[\"$\",\"path\",\"fh3hqa\",{\"d\":\"M9 3v18\"},\"$undefined\"]}]}\\n"],"$undefined\n"])
```

--------------------------------

### Svelte Local First Auth Setup

Source: https://jazz.tools/docs/getting-started/client-setup

Set up Jazz in a Svelte application with local-first authentication. This example uses `LocalFirstAuth` to manage the secret and `JazzSvelteProvider`.

```svelte
<script lang="ts">
  import {
    LocalFirstAuth,
    createJazzClient,
    JazzSvelteProvider,
  } from 'jazz-tools/svelte';
  import type { Snippet } from 'svelte';

  let { children }: { children: Snippet } = $props();

  const auth = new LocalFirstAuth();

  let client = $derived(
    !auth.isLoading && auth.secret
      ? createJazzClient({ appId: 'my-app', secret: auth.secret })
      : null,
  );
</script>

{#if client}
  <JazzSvelteProvider {client}>
    {@render children()}
  </JazzSvelteProvider>
{/if}
```

--------------------------------

### Get Db Handle in Vue

Source: https://jazz.tools/docs/writing/writing-data

Use the `useDb` hook from `jazz-tools/vue` to obtain the database handle within a Vue component's setup script.

```typescript
<script setup lang="ts">
    import { useDb } from "jazz-tools/vue";
    
    const db = useDb();
    </script>
```

--------------------------------

### List To-Dos via cURL

Source: https://jazz.tools/docs/install/typescript-server

Example cURL command to retrieve all to-do items using the GET API endpoint. Requires a bearer token.

```bash
curl http://localhost:3000/api/todos \
  -H "Authorization: Bearer $TOKEN"
```

--------------------------------

### Define Permissions for Todos

Source: https://jazz.tools/llms-full.txt

Defines comprehensive permissions for the 'todos' collection, allowing all read, insert, update, and delete operations. This is a permissive setup for the quickstart.

```ts
import { schema as s } from "jazz-tools";
import { app } from "./schema.js";

export default s.definePermissions(app, ({ policy }) => {
  policy.todos.allowRead.always();
  policy.todos.allowInsert.always();
  policy.todos.allowUpdate.always();
  policy.todos.allowDelete.always();
});

```

--------------------------------

### Initialize Jazz Project

Source: https://jazz.tools/docs/install/client

Initialize a new Jazz project in your current directory. This sets up the necessary configuration files.

```bash
jazz init
```

--------------------------------

### Vue.js App Setup with Jazz Client

Source: https://jazz.tools/docs/install/client

This snippet demonstrates how to import and initialize the Jazz client and provider in a Vue.js application. Ensure you have the 'jazz-tools/vue' package installed.

```vue
<script setup lang="ts">
import { createJazzClient, JazzProvider } from "jazz-tools/vue";
import TodoList from "./TodoList.vue";

const client = createJazzClient({
  appId: 
```

--------------------------------

### Setting up Client with API Key

Source: https://jazz.tools/docs/getting-started/client-setup

Example of initializing the Jazz client with an API key for authentication. Replace 'YOUR_API_KEY' with your actual key.

```typescript
const client = new JazzClient({
  apiKey: "YOUR_API_KEY",
});
```

--------------------------------

### Vue.js Authentication Setup

Source: https://jazz.tools/docs/auth/authentication

This snippet shows how to import necessary components and initialize the Jazz client with your application's details. Ensure you have the 'jazz-tools/vue' package installed.

```typescript
<script setup lang="ts">
import { createJazzClient, JazzProvider } from "jazz-tools/vue";

const client = createJazzClient({
  appId: "my-app",
  serverUrl: "http://127.0.0.1:4200",
  jwtToken: 
```

--------------------------------

### Initialize Database Connection

Source: https://jazz.tools/docs/getting-started/server-setup

This snippet shows how to establish a connection to your database using the context.asBackend() method. Ensure the context is properly initialized before use.

```javascript
const db = context.asBackend();
```

--------------------------------

### Svelte Component Setup with Jazz Client

Source: https://jazz.tools/docs/install/client

This snippet shows how to import and initialize the Jazz client and a Svelte provider within a Svelte component. Ensure 'jazz-tools/svelte' is installed.

```svelte
<script lang="ts">
 import { createJazzClient, JazzSvelteProvider } from 'jazz-tools/svelte';
 import TodoList from './TodoList.svelte';

 const client = createJazzClient();

 // Example usage of client (not fully shown in source)
 // client.connect();
</script>

<JazzSvelteProvider client={client}>
  <TodoList />
</JazzSvelteProvider>
```

--------------------------------

### Create Basic TypeScript Project

Source: https://jazz.tools/llms-full.txt

Use these commands to set up a basic TypeScript project directory and install Vite and TypeScript.

```bash
mkdir my-jazz-app && cd my-jazz-app
pnpm init
pnpm add vite typescript
```

--------------------------------

### Get Session and User ID (TypeScript)

Source: https://jazz.tools/docs/auth/sessions

Access the session and user ID directly from the database state. Useful for direct data access or initial state setup.

```typescript
const session = db.getAuthState().session;

const sessionUserId = session?.user_id ?? null;
```

--------------------------------

### JazzProvider Component Example

Source: https://jazz.tools/docs/auth/lifecycle

This snippet shows the structure of the `JazzProvider` component, which is responsible for managing authentication state and providing it to the application. It includes basic theme setup for light and dark modes.

```javascript
<JazzProvider
  tabIndex="0"
  icon="$53"
  className="shiki shiki-themes github-light github-dark"
  style={{
    --shiki-light: #24292e;
    --shiki-dark: #e1e4e8;
    --shiki-light-bg: #fff;
    --shiki-dark-bg: #24292e;
  }}>
  $L51
  <div className="line">
    <span style={{--shiki-light: #24292E; --shiki-dark: #E1E4E8;}}>
      &lt;
    </span>
    <span style={{--shiki-light: #005CC5; --shiki-dark: #79B8FF;}}>
      JazzProvider
    </span>
    $L54$L55$L56$L57$L58$L59
  </div>
  $L5a
  $L5b
</JazzProvider>
```

--------------------------------

### SolidJS Live Query Example

Source: https://jazz.tools/docs/reading/queries

Demonstrates how to set up a live query in SolidJS using Jazz Tools. This snippet fetches all todos based on a query.

```javascript
import { useAll } from "jazz-tools/solid"
import { app } from "../schema.js"

export function LiveQueryExample() {
  const todos = useAll(() => ({ query: app.todos }));

  return (
    <Show when={todos.data} >

```

--------------------------------

### Import QuickstartItem Component

Source: https://jazz.tools/docs/install/client

Imports the QuickstartItem component from its local module. This is typically used to render individual quickstart items.

```javascript
import { QuickstartItem } from "./quickstart-item.js";
```

--------------------------------

### Example App.tsx

Source: https://jazz.tools/docs/recipes/auth/auth-provider-integration

This is a basic example of an App.tsx file.

```typescript
export function
```

--------------------------------

### Initialize New Project with pnpm

Source: https://jazz.tools/docs/install/typescript-server

Initialize a new project using pnpm. This command sets up the basic project structure and dependencies.

```bash
pnpm init
```

--------------------------------

### Permissions Schema Example

Source: https://jazz.tools/docs/auth/permissions

An example of a permissions schema structure written in TypeScript.

```typescript
7.07l1.71-1.71"}],"$undefined"}]}]}]}
```

--------------------------------

### Create and Navigate to Project Directory

Source: https://jazz.tools/docs/install/typescript-server

Use these commands to create a new project directory and then navigate into it. This is the first step in setting up your Jazz application.

```bash
mkdir my-jazz-app && cd my-jazz-app
```

--------------------------------

### Query Rows Example

Source: https://jazz.tools/docs/reading/includes-and-relations

Example of querying rows with a client and a specific query.

```javascript
let rows = client.query(query, None)
```

--------------------------------

### Client Configuration Example

Source: https://jazz.tools/docs/install/client

This snippet shows a basic client configuration, highlighting the 'appId' for identifying your application. Ensure you use the generated UUID for correct data namespacing.

```json
{
  "appId": "YOUR_APP_UUID"
}
```