// 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}`
}



const templateRenderers: Record<string, TemplateRenderer> = {

}

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": "DB",
  "description": "TanStack DB",
  "phase": "add-on",
  "type": "add-on",
  "category": "tanstack",
  "color": "#F97316",
  "priority": 48,
  "modes": [
    "file-router"
  ],
  "link": "https://tanstack.com/db/latest",
  "dependsOn": [
    "tanstack-query"
  ],
  "routes": [
    {
      "icon": "Database",
      "url": "/demo/db-chat",
      "name": "DB Chat",
      "path": "src/routes/demo.db-chat.tsx",
      "jsName": "DBChatDemo"
    }
  ],
  "id": "db",
  "version": "0.0.0",
  "packageAdditions": {
    "dependencies": {
      "@tanstack/query-db-collection": "latest",
      "@tanstack/react-db": "latest",
      "zod": "^4.3.6"
    }
  },
  "readmeIsEjs": false,
  "files": {
    "src/components/demo.chat-area.tsx": "import { useState } from 'react'\n\nimport { useChat, useMessages } from '#/hooks/demo.useChat'\n\nimport Messages from './demo.messages'\n\nexport default function ChatArea() {\n  const { sendMessage } = useChat()\n\n  const messages = useMessages()\n\n  const [message, setMessage] = useState('')\n  const [user, setUser] = useState('Alice')\n\n  const postMessage = () => {\n    if (message.trim().length) {\n      sendMessage(message, user)\n      setMessage('')\n    }\n  }\n\n  const handleKeyPress = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      postMessage()\n    }\n  }\n\n  return (\n    <>\n      <div className=\"flex-1 space-y-4 overflow-auto px-4 py-6\">\n        <Messages messages={messages} user={user} />\n      </div>\n\n      <div className=\"border-t border-[var(--line)] bg-[var(--chip-bg)] px-4 py-4\">\n        <div className=\"flex items-center space-x-3\">\n          <select\n            value={user}\n            onChange={(e) => setUser(e.target.value)}\n            className=\"demo-select demo-input-fit text-sm\"\n          >\n            <option value=\"Alice\">Alice</option>\n            <option value=\"Bob\">Bob</option>\n          </select>\n\n          <div className=\"flex-1 relative\">\n            <input\n              type=\"text\"\n              value={message}\n              onChange={(e) => setMessage(e.target.value)}\n              onKeyDown={handleKeyPress}\n              placeholder=\"Type a message...\"\n              className=\"demo-input\"\n            />\n          </div>\n\n          <button\n            onClick={postMessage}\n            disabled={message.trim() === ''}\n            className=\"demo-button\"\n          >\n            Send\n          </button>\n        </div>\n      </div>\n    </>\n  )\n}\n",
    "src/components/demo.messages.tsx": "import type { Message } from '#/db-collections'\n\nexport const getAvatarColor = (username: string) => {\n  const colors = [\n    'bg-[var(--lagoon-deep)]',\n    'bg-[var(--palm)]',\n    'bg-[var(--sea-ink-soft)]',\n    'bg-[var(--lagoon)]',\n  ]\n  const index = username\n    .split('')\n    .reduce((acc, char) => acc + char.charCodeAt(0), 0)\n  return colors[index % colors.length]\n}\n\nexport default function Messages({\n  messages,\n  user,\n}: {\n  messages: Message[]\n  user: string\n}) {\n  return (\n    <>\n      {messages.map((msg: Message) => (\n        <div\n          key={msg.id}\n          className={`flex ${\n            msg.user === user ? 'justify-end' : 'justify-start'\n          }`}\n        >\n          <div\n            className={`flex items-start space-x-3 max-w-xs lg:max-w-md ${\n              msg.user === user ? 'flex-row-reverse space-x-reverse' : ''\n            }`}\n          >\n            <div\n              className={`w-8 h-8 rounded-full flex items-center justify-center text-white text-sm font-medium ${getAvatarColor(\n                msg.user,\n              )}`}\n            >\n              {msg.user.charAt(0).toUpperCase()}\n            </div>\n\n            <div\n              className={`px-4 py-2 rounded-2xl ${\n                msg.user === user\n                  ? 'bg-[var(--lagoon-deep)] text-white rounded-br-md'\n                  : 'border border-[var(--line)] bg-[var(--chip-bg)] text-[var(--sea-ink)] rounded-bl-md'\n              }`}\n            >\n              {msg.user !== user && (\n                <p className=\"demo-muted mb-1 text-xs font-medium\">\n                  {msg.user}\n                </p>\n              )}\n              <p className=\"text-sm\">{msg.text}</p>\n            </div>\n          </div>\n        </div>\n      ))}\n    </>\n  )\n}\n",
    "src/db-collections/index.ts": "import {\n  createCollection,\n  localOnlyCollectionOptions,\n} from \"@tanstack/react-db\";\nimport { z } from \"zod\";\n\nconst MessageSchema = z.object({\n  id: z.number(),\n  text: z.string(),\n  user: z.string(),\n});\n\nexport type Message = z.infer<typeof MessageSchema>;\n\nexport const messagesCollection = createCollection(\n  localOnlyCollectionOptions({\n    getKey: (message) => message.id,\n    schema: MessageSchema,\n  })\n);\n",
    "src/hooks/demo.useChat.ts": "import { useEffect, useRef } from 'react'\nimport { useLiveQuery } from '@tanstack/react-db'\n\nimport { messagesCollection, type Message } from '#/db-collections'\n\nimport type { Collection } from '@tanstack/react-db'\n\nfunction useStreamConnection(\n  url: string,\n  collection: Collection<any, any, any>,\n) {\n  const loadedRef = useRef(false)\n\n  useEffect(() => {\n    const fetchData = async () => {\n      if (loadedRef.current) return\n      loadedRef.current = true\n\n      const response = await fetch(url)\n      const reader = response.body?.getReader()\n      if (!reader) {\n        return\n      }\n\n      const decoder = new TextDecoder()\n      while (true) {\n        const { done, value } = await reader.read()\n        if (done) break\n        for (const chunk of decoder\n          .decode(value, { stream: true })\n          .split('\\n')\n          .filter((chunk) => chunk.length > 0)) {\n          collection.insert(JSON.parse(chunk))\n        }\n      }\n    }\n    fetchData()\n  }, [])\n}\n\nexport function useChat() {\n  useStreamConnection('/demo/db-chat-api', messagesCollection)\n\n  const sendMessage = (message: string, user: string) => {\n    fetch('/demo/db-chat-api', {\n      method: 'POST',\n      body: JSON.stringify({ text: message.trim(), user: user.trim() }),\n    })\n  }\n\n  return { sendMessage }\n}\n\nexport function useMessages() {\n  const { data: messages } = useLiveQuery((q) =>\n    q.from({ message: messagesCollection }).select(({ message }) => ({\n      ...message,\n    })),\n  )\n\n  return messages as Message[]\n}\n",
    "src/routes/demo/db-chat-api.ts": "import { createFileRoute } from '@tanstack/react-router'\nimport { json } from '@tanstack/react-start'\n\nimport {\n  createCollection,\n  localOnlyCollectionOptions,\n} from '@tanstack/react-db'\nimport { z } from 'zod'\n\nconst IncomingMessageSchema = z.object({\n  user: z.string(),\n  text: z.string(),\n})\n\nconst MessageSchema = IncomingMessageSchema.extend({\n  id: z.number(),\n})\n\nexport type Message = z.infer<typeof MessageSchema>\n\nexport const serverMessagesCollection = createCollection(\n  localOnlyCollectionOptions({\n    getKey: (message) => message.id,\n    schema: MessageSchema,\n  }),\n)\n\nlet id = 0\nserverMessagesCollection.insert({\n  id: id++,\n  user: 'Alice',\n  text: 'Hello, how are you?',\n})\nserverMessagesCollection.insert({\n  id: id++,\n  user: 'Bob',\n  text: \"I'm fine, thank you!\",\n})\n\nconst sendMessage = (message: { user: string; text: string }) => {\n  serverMessagesCollection.insert({\n    id: id++,\n    user: message.user,\n    text: message.text,\n  })\n}\n\nexport const Route = createFileRoute('/demo/db-chat-api')({\n  server: {\n    handlers: {\n      GET: () => {\n        const stream = new ReadableStream({\n          start(controller) {\n            for (const [_id, message] of serverMessagesCollection.state) {\n              controller.enqueue(JSON.stringify(message) + '\\n')\n            }\n            serverMessagesCollection.subscribeChanges((changes) => {\n              for (const change of changes) {\n                if (change.type === 'insert') {\n                  controller.enqueue(JSON.stringify(change.value) + '\\n')\n                }\n              }\n            })\n          },\n        })\n\n        return new Response(stream, {\n          headers: {\n            'Content-Type': 'application/x-ndjson',\n          },\n        })\n      },\n      POST: async ({ request }) => {\n        const message = IncomingMessageSchema.safeParse(await request.json())\n        if (!message.success) {\n          return new Response(message.error.message, { status: 400 })\n        }\n        sendMessage(message.data)\n        return json(message.data)\n      },\n    },\n  },\n})\n",
    "src/routes/demo/db-chat.tsx": "import { createFileRoute } from '@tanstack/react-router'\n\nimport ChatArea from '#/components/demo.chat-area'\n\nexport const Route = createFileRoute('/demo/db-chat')({\n  component: App,\n})\n\nfunction App() {\n  return (\n    <main className=\"demo-page demo-center\">\n      <section className=\"demo-panel flex h-[70vh] w-full max-w-3xl flex-col overflow-hidden p-0\">\n        <ChatArea />\n      </section>\n    </main>\n  )\n}\n"
  },
  "deletedFiles": [],
  "smallLogo": "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 633 633\"><defs><linearGradient id=\"b\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"71.65%\"><stop offset=\"0%\" stop-color=\"#6BDAFF\"/><stop offset=\"31.922%\" stop-color=\"#F9FFB5\"/><stop offset=\"70.627%\" stop-color=\"#FFA770\"/><stop offset=\"100%\" stop-color=\"#FF7373\"/></linearGradient><linearGradient id=\"d\" x1=\"43.996%\" x2=\"53.441%\" y1=\"8.54%\" y2=\"93.872%\"><stop offset=\"0%\" stop-color=\"#673800\"/><stop offset=\"100%\" stop-color=\"#B65E00\"/></linearGradient><linearGradient id=\"e\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#2F8A00\"/><stop offset=\"100%\" stop-color=\"#90FF57\"/></linearGradient><linearGradient id=\"f\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#2F8A00\"/><stop offset=\"100%\" stop-color=\"#90FF57\"/></linearGradient><linearGradient id=\"g\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#2F8A00\"/><stop offset=\"100%\" stop-color=\"#90FF57\"/></linearGradient><linearGradient id=\"h\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#2F8A00\"/><stop offset=\"100%\" stop-color=\"#90FF57\"/></linearGradient><linearGradient id=\"i\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#2F8A00\"/><stop offset=\"100%\" stop-color=\"#90FF57\"/></linearGradient><linearGradient id=\"j\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#2F8A00\"/><stop offset=\"100%\" stop-color=\"#90FF57\"/></linearGradient><linearGradient id=\"k\" x1=\"92.9%\" x2=\"8.641%\" y1=\"45.768%\" y2=\"54.892%\"><stop offset=\"0%\" stop-color=\"#EE2700\"/><stop offset=\"100%\" stop-color=\"#FF008E\"/></linearGradient><linearGradient id=\"l\" x1=\"61.109%\" x2=\"43.717%\" y1=\"3.633%\" y2=\"43.072%\"><stop offset=\"0%\" stop-color=\"#FFF400\"/><stop offset=\"100%\" stop-color=\"#3C8700\"/></linearGradient><linearGradient id=\"m\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#FFDF00\"/><stop offset=\"100%\" stop-color=\"#FF9D00\"/></linearGradient><linearGradient id=\"n\" x1=\"127.279%\" x2=\"0%\" y1=\"49.778%\" y2=\"50.222%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"o\" x1=\"127.279%\" x2=\"0%\" y1=\"47.531%\" y2=\"52.469%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"p\" x1=\"127.279%\" x2=\"0%\" y1=\"46.195%\" y2=\"53.805%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"q\" x1=\"127.279%\" x2=\"0%\" y1=\"35.33%\" y2=\"64.67%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"r\" x1=\"127.279%\" x2=\"0%\" y1=\"4.875%\" y2=\"95.125%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"s\" x1=\"78.334%\" x2=\"31.668%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"t\" x1=\"57.913%\" x2=\"44.88%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"u\" x1=\"50.495%\" x2=\"49.68%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><circle id=\"a\" cx=\"308.5\" cy=\"308.5\" r=\"308.5\"/><circle id=\"v\" cx=\"307.5\" cy=\"308.5\" r=\"316.5\"/></defs><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(9 8)\"><mask id=\"c\" fill=\"#fff\"><use xlink:href=\"#a\"/></mask><use xlink:href=\"#a\" fill=\"url(#b)\"/><ellipse cx=\"81.5\" cy=\"602.5\" fill=\"#015064\" stroke=\"#00CFE2\" stroke-width=\"25\" mask=\"url(#c)\" rx=\"214.5\" ry=\"185.968\"/><ellipse cx=\"535.5\" cy=\"602.5\" fill=\"#015064\" stroke=\"#00CFE2\" stroke-width=\"25\" mask=\"url(#c)\" rx=\"214.5\" ry=\"185.968\"/><ellipse cx=\"81.5\" cy=\"640.5\" fill=\"#015064\" stroke=\"#00A8B8\" stroke-width=\"25\" mask=\"url(#c)\" rx=\"214.5\" ry=\"185.968\"/><ellipse cx=\"535.5\" cy=\"640.5\" fill=\"#015064\" stroke=\"#00A8B8\" stroke-width=\"25\" mask=\"url(#c)\" rx=\"214.5\" ry=\"185.968\"/><ellipse cx=\"81.5\" cy=\"676.5\" fill=\"#015064\" stroke=\"#007782\" stroke-width=\"25\" mask=\"url(#c)\" rx=\"214.5\" ry=\"185.968\"/><ellipse cx=\"535.5\" cy=\"676.5\" fill=\"#015064\" stroke=\"#007782\" stroke-width=\"25\" mask=\"url(#c)\" rx=\"214.5\" ry=\"185.968\"/><g mask=\"url(#c)\"><path fill=\"url(#d)\" stroke=\"#6E3A00\" stroke-width=\"6.088\" d=\"M98.318 88.007c7.691 37.104 16.643 72.442 26.856 106.013 10.212 33.571 25.57 68.934 46.07 106.088l-51.903 11.67c-10.057-60.01-17.232-99.172-21.525-117.487-4.293-18.315-10.989-51.434-20.089-99.357l20.591-6.927\" transform=\"scale(-1 1) rotate(25 -300.37 -553.013)\"/><g stroke=\"#2F8A00\"><path fill=\"url(#e)\" stroke-width=\"9.343\" d=\"M108.544 66.538s-13.54-21.305-37.417-27.785c-15.917-4.321-33.933.31-54.048 13.892C33.464 65.975 47.24 73.52 58.405 75.28c16.749 2.64 50.14-8.74 50.14-8.74Z\" transform=\"rotate(1 -6061.691 5926.397)\"/><path fill=\"url(#f)\" stroke-width=\"9.343\" d=\"M108.544 67.138s-47.187-5.997-81.077 19.936C4.873 104.362-3.782 137.794 1.502 187.369c28.42-29.22 48.758-50.836 61.016-64.846 18.387-21.016 46.026-55.385 46.026-55.385Z\" transform=\"rotate(1 -6061.691 5926.397)\"/><path fill=\"url(#g)\" stroke-width=\"9.343\" d=\"M108.544 66.538c-1.96-21.705 3.98-38.018 17.82-48.94C140.203 6.674 154.85.808 170.303 0c-4.865 21.527-12.373 36.314-22.524 44.361-10.151 8.048-23.23 15.44-39.236 22.177Z\" transform=\"rotate(1 -6061.691 5926.397)\"/><path fill=\"url(#h)\" stroke-width=\"9.343\" d=\"M108.544 67.138c29.838-31.486 61.061-42.776 93.669-33.869C234.82 42.176 253.749 60.785 259 89.096c-34.898-3.657-59.974-6.343-75.228-8.058-15.254-1.716-40.33-6.349-75.228-13.9Z\" transform=\"rotate(1 -6061.691 5926.397)\"/><path fill=\"url(#i)\" stroke-width=\"9.343\" d=\"M108.544 67.138c34.868-9.381 64.503-3.658 88.905 17.17 24.402 20.829 39.656 46.686 45.762 77.571-39.626-7.574-68.4-20.115-86.322-37.624a395.051 395.051 0 0 1-48.345-57.117Z\" transform=\"rotate(1 -6061.691 5926.397)\"/><path fill=\"url(#j)\" stroke-width=\"9.343\" d=\"M108.544 67.138C76.206 82.6 57.608 105.366 52.75 135.436c-4.858 30.07-.292 62.89 13.698 98.462 24.873-41.418 38.905-71.368 42.096-89.849 3.191-18.48 3.191-44.118 0-76.91Z\" transform=\"rotate(1 -6061.691 5926.397)\"/><path stroke-linecap=\"round\" stroke-width=\"5.91\" d=\"M211.284 173.477c-13.851 21.992-23.291 42.022-28.32 60.093-5.03 18.071-8.175 33.143-9.436 45.216\"/><path stroke-linecap=\"round\" stroke-width=\"5.91\" d=\"M209.814 176.884c-23.982 2.565-42.792 10.469-56.428 23.714-13.639 13.245-23.483 26.136-29.536 38.674M219.045 167.299c29.028-7.723 50.972-10.173 65.831-7.352 14.859 2.822 26.807 7.659 35.842 14.51M211.31 172.618c20.29 9.106 38.353 19.052 54.186 29.837 15.833 10.786 27.714 20.99 35.643 30.617\"/></g><path stroke=\"#830305\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"6.937\" d=\"m409.379 398.157-23.176 18.556M328.04 375.516l-22.313 28.398M312.904 353.698l53.18 59.816\"/><path fill=\"url(#k)\" d=\"M67.585 27.463H5.68C1.893 28.148 0 30.38 0 34.16c0 3.78 1.893 6.211 5.68 7.293h67.17l41.751-30.356c2.488-2.646 2.794-5.315.92-8.006s-4.6-3.626-8.177-2.803l-39.76 27.174Z\" transform=\"scale(-1 1) rotate(-9 2092.128 2856.854)\"/><path fill=\"#D8D8D8\" stroke=\"#FFF\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"4.414\" d=\"m402.861 391.51.471-4.088M382.21 388.752l.472-4.087M361.546 385.404l.485-3.845M337.59 371.883l2.56-2.498M324.276 359.567l2.56-2.497\"/></g><ellipse cx=\"308.5\" cy=\"720.5\" fill=\"url(#l)\" mask=\"url(#c)\" rx=\"266\" ry=\"316.5\"/><ellipse cx=\"308.5\" cy=\"720.5\" stroke=\"#6DA300\" stroke-opacity=\".502\" stroke-width=\"26\" mask=\"url(#c)\" rx=\"253\" ry=\"303.5\"/><g mask=\"url(#c)\"><g transform=\"translate(389 -32)\"><circle cx=\"168.5\" cy=\"113.5\" r=\"113.5\" fill=\"url(#m)\"/><circle cx=\"168.5\" cy=\"113.5\" r=\"106\" stroke=\"#FFC900\" stroke-opacity=\".529\" stroke-width=\"15\"/><path stroke=\"url(#n)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"M30 113H0\"/><path stroke=\"url(#o)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"M33.5 79.5 7 74\"/><path stroke=\"url(#p)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"m34 146-29 8\"/><path stroke=\"url(#q)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"m45 177-24 13\"/><path stroke=\"url(#r)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"m67 204-20 19\"/><path stroke=\"url(#s)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"m94.373 227-13.834 22.847\"/><path stroke=\"url(#t)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"M127.5 243.5 120 268\"/><path stroke=\"url(#u)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"m167.5 252.5.5 24.5\"/></g></g><circle cx=\"307.5\" cy=\"308.5\" r=\"304\" stroke=\"#000\" stroke-width=\"25\"/></g></svg>"
} satisfies AddOnCompiled