// Generated by scripts/generate-manifest.mjs. Do not edit by hand.
import type { AddOnCompiled } from '../../../../../types.js'

type TemplateRecord = Record<string, any>
type TemplateAddOn = TemplateRecord & {
  integrations?: Array<TemplateRecord>
  routes?: Array<TemplateRecord>
}

type TemplateRenderContext = {
  [key: string]: any
  packageManager: any
  projectName: any
  typescript: any
  tailwind: any
  blank: any
  js: any
  jsx: any
  fileRouter: any
  codeRouter: any
  routerOnly: any
  includeExamples: any
  addOnEnabled: Record<string, any>
  addOnOption: Record<string, any>
  addOns: Array<TemplateAddOn>
  integrations: Array<TemplateRecord>
  routes: Array<TemplateRecord>
  getPackageManagerAddScript: (...args: Array<any>) => string
  getPackageManagerRunScript: (...args: Array<any>) => string
  getPackageManagerExecuteScript: (...args: Array<any>) => string
  relativePath: (...args: Array<any>) => string
  integrationImportContent: (...args: Array<any>) => string
  integrationImportCode: (...args: Array<any>) => string | undefined
  renderTemplate: (content: string) => string
  ignoreFile: () => never
}

type TemplateRenderer = (context: TemplateRenderContext) => string | undefined

function __escapeXML(value: unknown) {
  if (value === undefined || value === null) {
    return ''
  }
  return String(value).replace(/[&<>'"]/g, (character) => {
    switch (character) {
      case '&':
        return '&amp;'
      case '<':
        return '&lt;'
      case '>':
        return '&gt;'
      case '"':
        return '&#34;'
      case "'":
        return '&#39;'
      default:
        return character
    }
  })
}

export function getManifestTemplateKey(template: string) {
  let hash = 0x811c9dc5
  for (let i = 0; i < template.length; i++) {
    hash ^= template.charCodeAt(i)
    hash = Math.imul(hash, 0x01000193) >>> 0
  }

  return `${hash.toString(16).padStart(8, '0')}:${template.length}`
}

function __render_2051a6d5_789(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
  __append("# PowerSync\n\nThis project includes the PowerSync Web SDK and React hooks.\n\n## Environment\n\nSet these variables in `.env.local`:\n\n- `VITE_POWERSYNC_URL`\n- `VITE_POWERSYNC_TOKEN` for local development only\n\n## What The Add-on Includes\n\n- `src/lib/powersync/AppSchema.ts`\n- `src/lib/powersync/BackendConnector.ts`\n- `src/integrations/powersync/provider.tsx`\n- `src/routes/demo/powersync.tsx`\n\n## Next Steps\n\n1. Replace the development token flow in `src/lib/powersync/BackendConnector.ts` with your real auth flow.\n2. Update the sample schema in `src/lib/powersync/AppSchema.ts` to match your synced tables.\n3. Implement the upload logic in `uploadData()` so local mutations are written back to your backend.\n\nPowerSync setup guidance:\nhttps://docs.powersync.com/client-sdk-references/js-web\n")
  return __output
}

function __render_e44c6598_134(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
  __append("{\n  \"dependencies\": {\n    \"@journeyapps/wa-sqlite\": \"^1.2.6\",\n    \"@powersync/react\": \"^1.7.4\",\n    \"@powersync/web\": \"^1.26.1\"\n  }\n}\n")
  return __output
}

const templateRenderers: Record<string, TemplateRenderer> = {
  "2051a6d5:789": __render_2051a6d5_789,
  "e44c6598:134": __render_e44c6598_134,
}

export function hasManifestTemplate(template: string) {
  return getManifestTemplateKey(template) in templateRenderers
}

export function renderManifestTemplate(
  template: string,
  context: TemplateRenderContext,
) {
  const key = getManifestTemplateKey(template)
  const renderer = templateRenderers[key]
  if (!renderer) {
    throw new Error(`Template ${key} was not precompiled into the manifest`)
  }
  return renderer(context) ?? ''
}


export const addOn = {
  "name": "PowerSync",
  "description": "Add PowerSync offline sync to your application.",
  "phase": "add-on",
  "type": "add-on",
  "category": "database",
  "color": "#2563EB",
  "priority": 55,
  "link": "https://docs.powersync.com/client-sdk-references/js-web",
  "modes": [
    "file-router"
  ],
  "envVars": [
    {
      "name": "VITE_POWERSYNC_URL",
      "description": "PowerSync instance URL",
      "required": true,
      "file": ".env.local"
    },
    {
      "name": "VITE_POWERSYNC_TOKEN",
      "description": "Client-visible development token for local testing; VITE_* env vars are exposed to the browser",
      "required": false,
      "file": ".env.local"
    }
  ],
  "integrations": [
    {
      "type": "vite-plugin",
      "path": "powersync-vite-plugin.ts",
      "jsName": "powersyncVite",
      "code": "powersyncVite()"
    },
    {
      "type": "provider",
      "path": "src/integrations/powersync/provider.tsx",
      "jsName": "PowerSyncProvider"
    }
  ],
  "routes": [
    {
      "url": "/demo/powersync",
      "name": "PowerSync",
      "path": "src/routes/demo/powersync.tsx",
      "jsName": "PowerSyncDemo"
    }
  ],
  "id": "powersync",
  "version": "0.0.0",
  "packageAdditions": {},
  "packageTemplate": "{\n  \"dependencies\": {\n    \"@journeyapps/wa-sqlite\": \"^1.2.6\",\n    \"@powersync/react\": \"^1.7.4\",\n    \"@powersync/web\": \"^1.26.1\"\n  }\n}\n",
  "readme": "# PowerSync\n\nThis project includes the PowerSync Web SDK and React hooks.\n\n## Environment\n\nSet these variables in `.env.local`:\n\n- `VITE_POWERSYNC_URL`\n- `VITE_POWERSYNC_TOKEN` for local development only\n\n## What The Add-on Includes\n\n- `src/lib/powersync/AppSchema.ts`\n- `src/lib/powersync/BackendConnector.ts`\n- `src/integrations/powersync/provider.tsx`\n- `src/routes/demo/powersync.tsx`\n\n## Next Steps\n\n1. Replace the development token flow in `src/lib/powersync/BackendConnector.ts` with your real auth flow.\n2. Update the sample schema in `src/lib/powersync/AppSchema.ts` to match your synced tables.\n3. Implement the upload logic in `uploadData()` so local mutations are written back to your backend.\n\nPowerSync setup guidance:\nhttps://docs.powersync.com/client-sdk-references/js-web\n",
  "readmeIsEjs": true,
  "files": {
    "_dot_env.local.append": "\nVITE_POWERSYNC_URL=\nVITE_POWERSYNC_TOKEN=\n",
    "powersync-vite-plugin.ts": "import type { Plugin } from 'vite'\n\nexport default function powersyncVite(): Plugin {\n  return {\n    name: 'powersync-vite',\n    config() {\n      return {\n        optimizeDeps: {\n          exclude: ['@powersync/web'],\n        },\n        worker: {\n          format: 'es',\n        },\n      }\n    },\n  }\n}\n",
    "src/integrations/powersync/provider.tsx": "import type { ReactNode } from 'react'\nimport { PowerSyncContext } from '@powersync/react'\nimport { PowerSyncDatabase, WASQLiteOpenFactory } from '@powersync/web'\n\nimport { AppSchema } from '#/lib/powersync/AppSchema'\nimport { BackendConnector } from '#/lib/powersync/BackendConnector'\n\nconst db = new PowerSyncDatabase({\n  database: new WASQLiteOpenFactory({\n    dbFilename: 'powersync.db',\n  }),\n  schema: AppSchema,\n  flags: {\n    disableSSRWarning: true,\n  },\n})\n\nvoid db.connect(new BackendConnector())\n\nexport default function PowerSyncProvider({\n  children,\n}: {\n  children: ReactNode\n}) {\n  return <PowerSyncContext.Provider value={db}>{children}</PowerSyncContext.Provider>\n}\n",
    "src/lib/powersync/AppSchema.ts": "import { Schema, Table, column } from '@powersync/web'\n\nconst todos = new Table(\n  {\n    created_at: column.text,\n    description: column.text,\n    completed: column.integer,\n  },\n  { indexes: { created_at: ['created_at'] } },\n)\n\nexport const AppSchema = new Schema({\n  todos,\n})\n\nexport type Database = (typeof AppSchema)['types']\nexport type TodoRecord = Database['todos']\n",
    "src/lib/powersync/BackendConnector.ts": "import {\n  type AbstractPowerSyncDatabase,\n  type PowerSyncBackendConnector,\n  UpdateType,\n} from '@powersync/web'\n\nexport class BackendConnector implements PowerSyncBackendConnector {\n  private readonly powersyncUrl = import.meta.env.VITE_POWERSYNC_URL\n  private readonly powersyncToken = import.meta.env.VITE_POWERSYNC_TOKEN\n\n  async fetchCredentials() {\n    if (!this.powersyncUrl || !this.powersyncToken) {\n      return null\n    }\n\n    return {\n      endpoint: this.powersyncUrl,\n      token: this.powersyncToken,\n    }\n  }\n\n  async uploadData(database: AbstractPowerSyncDatabase): Promise<void> {\n    const transaction = await database.getNextCrudTransaction()\n\n    if (!transaction) {\n      return\n    }\n\n    try {\n      for (const op of transaction.crud) {\n        const record = { ...op.opData, id: op.id }\n\n        switch (op.op) {\n          case UpdateType.PUT:\n            console.info('TODO: create record remotely', record)\n            break\n          case UpdateType.PATCH:\n            console.info('TODO: patch record remotely', record)\n            break\n          case UpdateType.DELETE:\n            console.info('TODO: delete record remotely', record)\n            break\n        }\n      }\n\n      await transaction.complete()\n    } catch (error) {\n      console.error('PowerSync uploadData failed', error)\n      throw error\n    }\n  }\n}\n",
    "src/routes/demo/powersync.tsx": "import { useState } from 'react'\nimport { createFileRoute } from '@tanstack/react-router'\nimport { usePowerSync, useQuery, useStatus } from '@powersync/react'\n\nexport const Route = createFileRoute('/demo/powersync')({\n  component: PowerSyncDemo,\n})\n\ntype TodoRow = {\n  id: string\n  created_at: string\n  description: string\n  completed: number\n}\n\nfunction PowerSyncDemo() {\n  const powerSync = usePowerSync()\n  const status = useStatus()\n  const { data } = useQuery(\n    'SELECT id, created_at, description, completed FROM todos ORDER BY created_at DESC',\n  )\n  const todos = (data ?? []) as Array<TodoRow>\n  const [description, setDescription] = useState('')\n  const [error, setError] = useState<string | null>(null)\n\n  async function addTodo(event: React.FormEvent<HTMLFormElement>) {\n    event.preventDefault()\n\n    const nextDescription = description.trim()\n    if (!nextDescription) {\n      return\n    }\n\n    try {\n      setError(null)\n      await powerSync.execute(\n        'INSERT INTO todos (id, created_at, description, completed) VALUES (?, ?, ?, ?)',\n        [crypto.randomUUID(), new Date().toISOString(), nextDescription, 0],\n      )\n\n      setDescription('')\n    } catch (error) {\n      console.error('Failed to insert PowerSync todo', error)\n      setError('Failed to insert row. Please try again.')\n    }\n  }\n\n  return (\n    <main className=\"page-wrap py-10\">\n      <div className=\"max-w-3xl space-y-6\">\n        <header className=\"space-y-2\">\n          <p className=\"text-sm font-semibold uppercase tracking-[0.2em] text-[var(--sea-ink-soft)]\">\n            Offline Sync\n          </p>\n          <h1 className=\"text-3xl font-semibold tracking-tight\">PowerSync</h1>\n          <p className=\"text-sm text-[var(--sea-ink-soft)]\">\n            This demo writes to the local SQLite database immediately. Replace\n            the sample schema and backend connector with your real PowerSync\n            configuration.\n          </p>\n        </header>\n\n        <section className=\"demo-card\">\n          <h2 className=\"text-sm font-semibold uppercase tracking-[0.16em] text-[var(--sea-ink-soft)]\">\n            Connection State\n          </h2>\n          <pre className=\"demo-code-block mt-3 overflow-auto text-xs leading-6\">\n            {JSON.stringify(status, null, 2)}\n          </pre>\n        </section>\n\n        <section className=\"demo-card\">\n          <h2 className=\"text-sm font-semibold uppercase tracking-[0.16em] text-[var(--sea-ink-soft)]\">\n            Local Todos\n          </h2>\n          {error ? (\n            <p className=\"mt-3 rounded-2xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700\">\n              {error}\n            </p>\n          ) : null}\n          <form\n            className=\"mt-4 flex flex-col gap-3 sm:flex-row\"\n            onSubmit={addTodo}\n          >\n            <label className=\"sr-only\" htmlFor=\"powersync-todo-description\">\n              Todo description\n            </label>\n            <input\n              id=\"powersync-todo-description\"\n              className=\"demo-input min-w-0 flex-1\"\n              onChange={(event) => setDescription(event.target.value)}\n              placeholder=\"Write to the local PowerSync database\"\n              value={description}\n            />\n            <button className=\"demo-button\" type=\"submit\">\n              Insert Local Row\n            </button>\n          </form>\n\n          <ul className=\"mt-5 space-y-3\">\n            {todos.length === 0 ? (\n              <li className=\"demo-list-item text-sm text-[var(--sea-ink-soft)]\">\n                No rows yet. Insert one locally, then wire `uploadData()` to\n                send it upstream.\n              </li>\n            ) : (\n              todos.map((todo) => (\n                <li className=\"demo-list-item\" key={todo.id}>\n                  <div className=\"flex items-start justify-between gap-4\">\n                    <div>\n                      <p className=\"font-medium text-[var(--sea-ink)]\">\n                        {todo.description}\n                      </p>\n                      <p className=\"mt-1 text-xs text-[var(--sea-ink-soft)]\">\n                        {todo.created_at}\n                      </p>\n                    </div>\n                    <span className=\"rounded-full border border-[var(--line)] px-2 py-1 text-xs font-semibold text-[var(--sea-ink-soft)]\">\n                      {todo.completed ? 'done' : 'pending'}\n                    </span>\n                  </div>\n                </li>\n              ))\n            )}\n          </ul>\n        </section>\n      </div>\n    </main>\n  )\n}\n"
  },
  "deletedFiles": [],
  "smallLogo": "<svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <rect width=\"64\" height=\"64\" rx=\"16\" fill=\"#2563EB\"/>\n  <path d=\"M20 21C20 18.7909 21.7909 17 24 17H39.5C45.299 17 50 21.701 50 27.5C50 33.299 45.299 38 39.5 38H29V47H20V21Z\" fill=\"white\"/>\n  <path d=\"M29 29H38.5C40.9853 29 43 26.9853 43 24.5C43 22.0147 40.9853 20 38.5 20H29V29Z\" fill=\"#2563EB\"/>\n  <circle cx=\"43\" cy=\"44\" r=\"7\" fill=\"#93C5FD\"/>\n</svg>\n"
} satisfies AddOnCompiled