// 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": "PostHog",
  "description": "Product analytics, session replay, and feature flags",
  "phase": "add-on",
  "modes": [
    "file-router"
  ],
  "type": "add-on",
  "category": "analytics",
  "color": "#1D4AFF",
  "priority": 20,
  "link": "https://posthog.com",
  "routes": [
    {
      "icon": "BarChart",
      "url": "/demo/posthog",
      "name": "PostHog",
      "path": "src/routes/demo/posthog.tsx",
      "jsName": "PostHogDemo"
    }
  ],
  "integrations": [
    {
      "type": "provider",
      "jsName": "PostHogProvider",
      "path": "src/integrations/posthog/provider.tsx"
    }
  ],
  "id": "posthog",
  "version": "0.0.0",
  "packageAdditions": {
    "dependencies": {
      "@posthog/react": "^1.7.0",
      "posthog-js": "^1.358.1"
    }
  },
  "readme": "## Setting up PostHog\n\n1. Create a PostHog account at [posthog.com](https://posthog.com)\n2. Get your Project API Key from [Project Settings](https://app.posthog.com/project/settings)\n3. Set `VITE_POSTHOG_KEY` in your `.env.local`\n\n### Optional Configuration\n\n- `VITE_POSTHOG_HOST` - Set this if you're using PostHog Cloud EU (`https://eu.i.posthog.com`) or self-hosting\n",
  "readmeIsEjs": false,
  "files": {
    "_dot_env.local.append": "# PostHog configuration, get your key from https://app.posthog.com/project/settings\nVITE_POSTHOG_KEY=phc_xxx\n# Optional: PostHog API host (for self-hosted or EU cloud)\n# VITE_POSTHOG_HOST=https://us.i.posthog.com\n",
    "src/integrations/posthog/provider.tsx": "import posthog from 'posthog-js'\nimport { PostHogProvider as BasePostHogProvider } from '@posthog/react'\nimport type { ReactNode } from 'react'\n\nif (typeof window !== 'undefined' && import.meta.env.VITE_POSTHOG_KEY) {\n  posthog.init(import.meta.env.VITE_POSTHOG_KEY, {\n    api_host: import.meta.env.VITE_POSTHOG_HOST || 'https://us.i.posthog.com',\n    person_profiles: 'identified_only',\n    capture_pageview: false,\n    defaults: '2025-11-30',\n  })\n}\n\ninterface PostHogProviderProps {\n  children: ReactNode\n}\n\nexport default function PostHogProvider({ children }: PostHogProviderProps) {\n  return <BasePostHogProvider client={posthog}>{children}</BasePostHogProvider>\n}\n",
    "src/routes/demo/posthog.tsx": "import { createFileRoute, Link } from '@tanstack/react-router'\nimport { usePostHog } from '@posthog/react'\nimport { useState } from 'react'\n\nexport const Route = createFileRoute('/demo/posthog')({\n  component: PostHogDemo,\n})\n\nfunction PostHogDemo() {\n  const posthog = usePostHog()\n  const [eventCount, setEventCount] = useState(0)\n  const posthogKey = import.meta.env.VITE_POSTHOG_KEY\n  const isConfigured = Boolean(posthogKey) && posthogKey !== 'phc_xxx'\n\n  const trackEvent = (\n    eventName: string,\n    properties?: Record<string, unknown>,\n  ) => {\n    posthog.capture(eventName, properties)\n    setEventCount((c) => c + 1)\n  }\n\n  return (\n    <main className=\"demo-page demo-center\">\n      <section className=\"demo-panel w-full max-w-md\">\n        <p className=\"island-kicker mb-2\">Analytics</p>\n        <h1 className=\"demo-title mb-6\">PostHog Demo</h1>\n\n        {!isConfigured && (\n          <div className=\"demo-alert mb-4\">\n            <p className=\"text-sm\">\n              <strong>Warning:</strong> VITE_POSTHOG_KEY is not configured.\n              Events won't be sent to PostHog. Add it to your <code>.env</code>{' '}\n              file.\n            </p>\n          </div>\n        )}\n\n        <div className=\"demo-card\">\n          <p className=\"demo-muted mb-4\">\n            Click the button below to send events to PostHog. Check your PostHog\n            dashboard to see them appear in real-time.\n          </p>\n\n          <button\n            onClick={() => trackEvent('button_clicked', { button: 'demo' })}\n            className=\"demo-button w-full\"\n          >\n            Track Click\n          </button>\n\n          {isConfigured && (\n            <div className=\"demo-list-item mt-6\">\n              <p className=\"demo-muted text-sm\">Events sent this session:</p>\n              <p className=\"text-4xl font-bold\">{eventCount}</p>\n            </div>\n          )}\n        </div>\n\n        <p className=\"demo-muted mt-4 text-sm\">\n          Open your{' '}\n          <a\n            href=\"https://app.posthog.com/events\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            PostHog Events\n          </a>{' '}\n          page to see these events appear.\n        </p>\n\n        <p className=\"demo-muted mt-2 text-sm\">\n          Learn more in the{' '}\n          <a\n            href=\"https://posthog.com/docs/libraries/react\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            PostHog React docs\n          </a>\n          .\n        </p>\n\n        <div className=\"mt-8\">\n          <Link to=\"/\">&larr; Back to Home</Link>\n        </div>\n      </section>\n    </main>\n  )\n}\n"
  },
  "deletedFiles": []
} satisfies AddOnCompiled