npm - @uptrademedia/site-kit - Versions diffs - 1.0.1 → 1.0.4 - Mend

@uptrademedia/site-kit 1.0.1 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (159) hide show

package/dist/SetupWizard-Cki06kB0.d.mts +12 -0
package/dist/SetupWizard-Cki06kB0.d.ts +12 -0
package/dist/analytics/index.d.mts +87 -0
package/dist/analytics/index.d.ts +87 -0
package/dist/blog/index.d.mts +24 -0
package/dist/blog/index.d.ts +24 -0
package/dist/blog/index.js.map +1 -1
package/dist/blog/index.mjs.map +1 -1
package/dist/chunk-2IHTEKHU.mjs +332 -0
package/dist/chunk-2IHTEKHU.mjs.map +1 -0
package/dist/chunk-5R4R3WDP.js +1451 -0
package/dist/chunk-5R4R3WDP.js.map +1 -0
package/dist/{chunk-RV7H3I6J.js → chunk-ADHVEFWD.js} +68 -2
package/dist/chunk-ADHVEFWD.js.map +1 -0
package/dist/chunk-BGJLOJ7T.mjs +605 -0
package/dist/chunk-BGJLOJ7T.mjs.map +1 -0
package/dist/chunk-BZBJVG5Y.js +88 -0
package/dist/chunk-BZBJVG5Y.js.map +1 -0
package/dist/{chunk-COI6GOX2.mjs → chunk-DOHML47I.mjs} +3 -3
package/dist/chunk-DOHML47I.mjs.map +1 -0
package/dist/chunk-DRFTRTKV.js +809 -0
package/dist/chunk-DRFTRTKV.js.map +1 -0
package/dist/chunk-EL5QTAA3.mjs +805 -0
package/dist/chunk-EL5QTAA3.mjs.map +1 -0
package/dist/chunk-GAJLEDRD.js +334 -0
package/dist/chunk-GAJLEDRD.js.map +1 -0
package/dist/{chunk-3MUOUXHV.js → chunk-K2HWVOEO.js} +3 -3
package/dist/chunk-K2HWVOEO.js.map +1 -0
package/dist/chunk-O2OHHBUD.js +997 -0
package/dist/chunk-O2OHHBUD.js.map +1 -0
package/dist/chunk-QAYJV4KK.js +608 -0
package/dist/chunk-QAYJV4KK.js.map +1 -0
package/dist/{chunk-FEBYQGY4 2.mjs → chunk-SMUFNQLM.mjs} +67 -3
package/dist/chunk-SMUFNQLM.mjs.map +1 -0
package/dist/chunk-VDMZZL2O.mjs +83 -0
package/dist/chunk-VDMZZL2O.mjs.map +1 -0
package/dist/chunk-XFRPT5ZX.mjs +1449 -0
package/dist/chunk-XFRPT5ZX.mjs.map +1 -0
package/dist/chunk-XQJX252G.mjs +981 -0
package/dist/chunk-XQJX252G.mjs.map +1 -0
package/dist/commerce/index.d.mts +168 -0
package/dist/commerce/index.d.ts +168 -0
package/dist/commerce/index.js +38 -38
package/dist/commerce/index.mjs +1 -1
package/dist/commerce/server.d.mts +98 -0
package/dist/commerce/server.d.ts +98 -0
package/dist/engage/index.d.mts +27 -0
package/dist/engage/index.d.ts +27 -0
package/dist/engage/index.js +7 -40
package/dist/engage/index.js.map +1 -1
package/dist/engage/index.mjs +1 -41
package/dist/engage/index.mjs.map +1 -1
package/dist/forms/index.d.mts +437 -0
package/dist/forms/index.d.ts +437 -0
package/dist/forms/index.js +13 -5
package/dist/forms/index.js.map +1 -1
package/dist/forms/index.mjs +2 -2
package/dist/forms/index.mjs.map +1 -1
package/dist/{generators-7Y5ABRYV 2.mjs → generators-TO2FKJR6.mjs} +134 -3
package/dist/generators-TO2FKJR6.mjs.map +1 -0
package/dist/{generators-GWIYCA5M.js → generators-YZWIGHCO.js} +135 -2
package/dist/generators-YZWIGHCO.js.map +1 -0
package/dist/images/index.d.mts +133 -0
package/dist/images/index.d.ts +133 -0
package/dist/images/index.js +41 -0
package/dist/images/index.js.map +1 -0
package/dist/images/index.mjs +8 -0
package/dist/images/index.mjs.map +1 -0
package/dist/index.d.mts +649 -0
package/dist/index.d.ts +649 -0
package/dist/index.js +1355 -104
package/dist/index.js.map +1 -1
package/dist/index.mjs +1242 -76
package/dist/index.mjs.map +1 -1
package/dist/redirects/index.d.mts +72 -0
package/dist/redirects/index.d.ts +72 -0
package/dist/redirects/index.js +25 -0
package/dist/redirects/index.js.map +1 -0
package/dist/redirects/index.mjs +4 -0
package/dist/redirects/index.mjs.map +1 -0
package/dist/routing-BWjUF7lp.d.ts +105 -0
package/dist/routing-CgmRi9tD.d.mts +105 -0
package/dist/{scanner-MF7P3CDE 2.mjs → scanner-AZV5I6US.mjs} +123 -4
package/dist/scanner-AZV5I6US.mjs.map +1 -0
package/dist/{scanner-NT6YG4TD 2.js → scanner-ETJAMIT7.js} +124 -3
package/dist/scanner-ETJAMIT7.js.map +1 -0
package/dist/seo/index.d.mts +273 -0
package/dist/seo/index.d.ts +273 -0
package/dist/seo/server.d.mts +89 -0
package/dist/seo/server.d.ts +89 -0
package/dist/setup/client.d.mts +60 -0
package/dist/setup/client.d.ts +60 -0
package/dist/setup/client.js +30 -0
package/dist/setup/client.js.map +1 -0
package/dist/setup/client.mjs +5 -0
package/dist/setup/client.mjs.map +1 -0
package/dist/setup/index.d.mts +5 -0
package/dist/setup/index.d.ts +5 -0
package/dist/setup/index.js +28 -1043
package/dist/setup/index.js.map +1 -1
package/dist/setup/index.mjs +3 -1043
package/dist/setup/index.mjs.map +1 -1
package/dist/setup/server.d.mts +14 -0
package/dist/setup/server.d.ts +14 -0
package/dist/setup/server.js +13 -0
package/dist/setup/server.js.map +1 -0
package/dist/setup/server.mjs +4 -0
package/dist/setup/server.mjs.map +1 -0
package/dist/sitemap/index.d.mts +78 -0
package/dist/sitemap/index.d.ts +78 -0
package/dist/types-BDojCvvL.d.mts +156 -0
package/dist/types-BDojCvvL.d.ts +156 -0
package/dist/types-BmzutFwy.d.mts +227 -0
package/dist/types-BmzutFwy.d.ts +227 -0
package/dist/types-C0pJGfbH.d.mts +155 -0
package/dist/types-C0pJGfbH.d.ts +155 -0
package/dist/types-DA_Kocle.d.mts +127 -0
package/dist/types-DA_Kocle.d.ts +127 -0
package/dist/types-lFLKKn0G.d.mts +163 -0
package/dist/types-lFLKKn0G.d.ts +163 -0
package/dist/types-nB206tPK.d.mts +309 -0
package/dist/types-nB206tPK.d.ts +309 -0
package/dist/useEventModal-6U1pF3_g.d.mts +209 -0
package/dist/useEventModal-BA8g-1-P.d.ts +209 -0
package/package.json +21 -1
package/dist/chunk-3MUOUXHV.js.map +0 -1
package/dist/chunk-4HVYXYQL 2.mjs +0 -255
package/dist/chunk-4HVYXYQL.mjs +0 -255
package/dist/chunk-4HVYXYQL.mjs.map +0 -1
package/dist/chunk-COI6GOX2.mjs.map +0 -1
package/dist/chunk-EQCVQC35.js 2.map +0 -1
package/dist/chunk-FEBYQGY4.mjs +0 -251
package/dist/chunk-FEBYQGY4.mjs.map +0 -1
package/dist/chunk-NYKRE2FL 2.mjs +0 -31
package/dist/chunk-NYKRE2FL.mjs 2.map +0 -1
package/dist/chunk-RV7H3I6J.js 2.map +0 -1
package/dist/chunk-RV7H3I6J.js.map +0 -1
package/dist/chunk-TUKGA3UK.js +0 -257
package/dist/chunk-TUKGA3UK.js 2.map +0 -1
package/dist/chunk-TUKGA3UK.js.map +0 -1
package/dist/generators-7Y5ABRYV.mjs +0 -161
package/dist/generators-7Y5ABRYV.mjs 2.map +0 -1
package/dist/generators-7Y5ABRYV.mjs.map +0 -1
package/dist/generators-GWIYCA5M.js 2.map +0 -1
package/dist/generators-GWIYCA5M.js.map +0 -1
package/dist/index 2.mjs +0 -74
package/dist/index.js 2.map +0 -1
package/dist/migrator-V6KS75EA 2.mjs +0 -265
package/dist/migrator-V6KS75EA.mjs 2.map +0 -1
package/dist/migrator-XKM7YQCY.js 2.map +0 -1
package/dist/scanner-MF7P3CDE.mjs +0 -14386
package/dist/scanner-MF7P3CDE.mjs 2.map +0 -1
package/dist/scanner-MF7P3CDE.mjs.map +0 -1
package/dist/scanner-NT6YG4TD.js +0 -14397
package/dist/scanner-NT6YG4TD.js 2.map +0 -1
package/dist/scanner-NT6YG4TD.js.map +0 -1
package/dist/web-vitals-BH55V7EJ.js 2.map +0 -1
package/dist/web-vitals-RJYPWAR3 2.mjs +0 -241
package/dist/web-vitals-RJYPWAR3.mjs 2.map +0 -1

package/dist/chunk-EL5QTAA3.mjs ADDED Viewed

@@ -0,0 +1,805 @@
+import { useState, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+// src/setup/integration-generator.ts
+function generateIntegrationCode(context) {
+  const snippets = [];
+  const apiUrl = context.apiUrl || "https://api.uptrademedia.com";
+  let order = 0;
+  snippets.push(...generateProviderSnippets(context, apiUrl, order));
+  order += 10;
+  for (const module of context.enabledModules) {
+    switch (module) {
+      case "analytics":
+        snippets.push(...generateAnalyticsSnippets(context, order));
+        order += 10;
+        break;
+      case "engage":
+        snippets.push(...generateEngageSnippets(context, order));
+        order += 10;
+        break;
+      case "forms":
+        snippets.push(...generateFormsSnippets(context, order));
+        order += 10;
+        break;
+      case "commerce":
+        snippets.push(...generateCommerceSnippets(context, order));
+        order += 10;
+        break;
+      case "seo":
+        snippets.push(...generateSEOSnippets(context, order));
+        order += 10;
+        break;
+      case "blog":
+        snippets.push(...generateBlogSnippets(context, order));
+        order += 10;
+        break;
+    }
+  }
+  return snippets;
+}
+function getSnippetsByModule(snippets) {
+  return snippets.reduce((acc, snippet) => {
+    if (!acc[snippet.module]) {
+      acc[snippet.module] = [];
+    }
+    acc[snippet.module].push(snippet);
+    return acc;
+  }, {});
+}
+function generateProviderSnippets(ctx, apiUrl, startOrder) {
+  const enabledModulesConfig = ctx.enabledModules.map((m) => {
+    if (m === "analytics") return "          analytics={{ enabled: true }}";
+    if (m === "engage") return "          engage={{ enabled: true }}";
+    return null;
+  }).filter(Boolean).join("\n");
+  return [
+    {
+      module: "provider",
+      snippetType: "install",
+      title: "Install @uptrade/site-kit",
+      description: "Install the Uptrade Site Kit package",
+      code: `pnpm add @uptrade/site-kit`,
+      language: "bash",
+      order: startOrder,
+      required: true
+    },
+    {
+      module: "provider",
+      snippetType: "env",
+      title: "Environment Variables",
+      description: "Add these to your .env.local file",
+      filePath: ".env.local",
+      code: `# Uptrade Integration
+NEXT_PUBLIC_UPTRADE_API_URL=${apiUrl}
+NEXT_PUBLIC_UPTRADE_PROJECT_ID=${ctx.projectId}
+UPTRADE_API_KEY=your-api-key-here`,
+      language: "env",
+      order: startOrder + 1,
+      required: true
+    },
+    {
+      module: "provider",
+      snippetType: "layout",
+      title: "Root Layout Provider",
+      description: "Wrap your app with SiteKitProvider in app/layout.tsx",
+      filePath: "app/layout.tsx",
+      code: `import { SiteKitProvider } from '@uptrade/site-kit'
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body>
+        <SiteKitProvider
+          apiUrl={process.env.NEXT_PUBLIC_UPTRADE_API_URL!}
+          projectId={process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!}
+${enabledModulesConfig}
+        >
+          {children}
+        </SiteKitProvider>
+      </body>
+    </html>
+  )
+}`,
+      language: "tsx",
+      order: startOrder + 2,
+      required: true
+    }
+  ];
+}
+function generateAnalyticsSnippets(ctx, startOrder) {
+  return [
+    {
+      module: "analytics",
+      snippetType: "component",
+      title: "Custom Event Tracking",
+      description: "Track custom events throughout your app",
+      filePath: "components/TrackableButton.tsx",
+      code: `'use client'
+import { useSiteKit } from '@uptrade/site-kit'
+interface TrackableButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  eventName: string
+  eventData?: Record<string, unknown>
+  children: React.ReactNode
+}
+export function TrackableButton({
+  children,
+  eventName,
+  eventData,
+  ...props
+}: TrackableButtonProps) {
+  const { analytics } = useSiteKit()
+  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    analytics?.trackEvent(eventName, eventData)
+    props.onClick?.(e)
+  }
+  return (
+    <button {...props} onClick={handleClick}>
+      {children}
+    </button>
+  )
+}`,
+      language: "tsx",
+      order: startOrder,
+      required: false
+    }
+  ];
+}
+function generateEngageSnippets(ctx, startOrder) {
+  const primaryColor = ctx.brand?.primaryColor || "#0066cc";
+  return [
+    {
+      module: "engage",
+      snippetType: "component",
+      title: "Chat Widget",
+      description: "Add the AI chat widget to your site. This is unstyled - customize to match your brand.",
+      filePath: "components/ChatWidget.tsx",
+      code: `'use client'
+import { ChatWidget } from '@uptrade/site-kit/engage'
+export function SiteChat() {
+  return (
+    <ChatWidget
+      projectId={process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!}
+      config={{
+        position: 'bottom-right',
+        buttonColor: '${primaryColor}',
+        greeting: 'Hi! How can I help you today?',
+        placeholder: 'Type your message...',
+      }}
+    />
+  )
+}`,
+      language: "tsx",
+      order: startOrder,
+      required: true
+    },
+    {
+      module: "engage",
+      snippetType: "layout",
+      title: "Add Chat to Layout",
+      description: "Add the ChatWidget component to your root layout",
+      filePath: "app/layout.tsx",
+      code: `// Add import at top:
+import { SiteChat } from '@/components/ChatWidget'
+// Add inside your layout body, after SiteKitProvider children:
+<SiteChat />`,
+      language: "tsx",
+      order: startOrder + 1,
+      required: true
+    }
+  ];
+}
+function generateFormsSnippets(ctx, startOrder) {
+  return [
+    {
+      module: "forms",
+      snippetType: "component",
+      title: "Managed Form Component",
+      description: "Embed a managed form from the Portal. Form slug must match one created in Forms module.",
+      filePath: "components/ContactForm.tsx",
+      code: `import { ManagedForm } from '@uptrade/site-kit/forms'
+interface ContactFormProps {
+  formSlug?: string
+  className?: string
+}
+export async function ContactForm({
+  formSlug = 'contact',
+  className
+}: ContactFormProps) {
+  return (
+    <ManagedForm
+      projectId={process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!}
+      formSlug={formSlug}
+      className={className}
+    />
+  )
+}`,
+      language: "tsx",
+      order: startOrder,
+      required: false
+    },
+    {
+      module: "forms",
+      snippetType: "api-route",
+      title: "Form Submission Handler",
+      description: "API route to proxy form submissions to Portal API",
+      filePath: "app/api/forms/[formId]/submit/route.ts",
+      code: `import { NextRequest, NextResponse } from 'next/server'
+export async function POST(
+  request: NextRequest,
+  { params }: { params: { formId: string } }
+) {
+  const body = await request.json()
+  const response = await fetch(
+    \`\${process.env.NEXT_PUBLIC_UPTRADE_API_URL}/forms/\${params.formId}/submit\`,
+    {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-API-Key': process.env.UPTRADE_API_KEY!,
+      },
+      body: JSON.stringify(body),
+    }
+  )
+  const data = await response.json()
+  return NextResponse.json(data, { status: response.status })
+}`,
+      language: "typescript",
+      order: startOrder + 1,
+      required: true
+    }
+  ];
+}
+function generateCommerceSnippets(ctx, startOrder) {
+  return [
+    {
+      module: "commerce",
+      snippetType: "component",
+      title: "Product Grid",
+      description: "Display products from your commerce catalog",
+      filePath: "components/Products.tsx",
+      code: `import { ProductGrid } from '@uptrade/site-kit/commerce'
+interface ProductsSectionProps {
+  category?: string
+  limit?: number
+}
+export async function ProductsSection({
+  category = 'featured',
+  limit = 8
+}: ProductsSectionProps) {
+  return (
+    <section className="py-12">
+      <h2 className="text-2xl font-bold mb-6">Our Products</h2>
+      <ProductGrid
+        projectId={process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!}
+        category={category}
+        limit={limit}
+      />
+    </section>
+  )
+}`,
+      language: "tsx",
+      order: startOrder,
+      required: false
+    },
+    {
+      module: "commerce",
+      snippetType: "component",
+      title: "Upcoming Events",
+      description: "Display upcoming events and classes",
+      filePath: "components/Events.tsx",
+      code: `import { UpcomingEvents, EventCalendar } from '@uptrade/site-kit/commerce'
+export async function EventsSection({ limit = 6 }: { limit?: number }) {
+  return (
+    <section className="py-12">
+      <h2 className="text-2xl font-bold mb-6">Upcoming Events</h2>
+      <UpcomingEvents
+        projectId={process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!}
+        limit={limit}
+      />
+    </section>
+  )
+}
+export async function FullCalendar() {
+  return (
+    <EventCalendar
+      projectId={process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!}
+    />
+  )
+}`,
+      language: "tsx",
+      order: startOrder + 1,
+      required: false
+    }
+  ];
+}
+function generateSEOSnippets(ctx, startOrder) {
+  return [
+    {
+      module: "seo",
+      snippetType: "component",
+      title: "Managed FAQ Section",
+      description: "Render FAQs with automatic JSON-LD schema markup. FAQs are managed in Portal SEO module.",
+      filePath: "components/FAQSection.tsx",
+      code: `import { ManagedFAQ } from '@uptrade/site-kit/seo'
+interface FAQSectionProps {
+  path: string  // Page path to fetch FAQs for (e.g., '/services/plumbing')
+  className?: string
+}
+export async function FAQSection({ path, className }: FAQSectionProps) {
+  return (
+    <section className={className}>
+      <ManagedFAQ
+        projectId={process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!}
+        path={path}
+        showTitle
+        includeSchema
+      />
+    </section>
+  )
+}`,
+      language: "tsx",
+      order: startOrder,
+      required: true
+    },
+    {
+      module: "seo",
+      snippetType: "page",
+      title: "Page with Managed Metadata + FAQs",
+      description: "Example dynamic page using managed metadata and FAQ sections",
+      filePath: "app/services/[slug]/page.tsx",
+      code: `import { getManagedMetadata, ManagedFAQ } from '@uptrade/site-kit/seo'
+import type { Metadata } from 'next'
+interface Props {
+  params: { slug: string }
+}
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const path = \`/services/\${params.slug}\`
+  return getManagedMetadata({
+    projectId: process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!,
+    path,
+  })
+}
+export default async function ServicePage({ params }: Props) {
+  const path = \`/services/\${params.slug}\`
+  return (
+    <main>
+      <h1 className="text-3xl font-bold">Service: {params.slug}</h1>
+      {/* Your page content here */}
+      {/* FAQs section with JSON-LD schema */}
+      <section className="mt-12">
+        <ManagedFAQ
+          projectId={process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!}
+          path={path}
+          showTitle
+          includeSchema
+        />
+      </section>
+    </main>
+  )
+}`,
+      language: "tsx",
+      order: startOrder + 1,
+      required: false
+    }
+  ];
+}
+function generateBlogSnippets(ctx, startOrder) {
+  return [
+    {
+      module: "blog",
+      snippetType: "page",
+      title: "Blog List Page",
+      description: "Display all blog posts from Portal",
+      filePath: "app/blog/page.tsx",
+      code: `import { getBlogPosts } from '@uptrade/site-kit/blog'
+import Link from 'next/link'
+export default async function BlogPage() {
+  const posts = await getBlogPosts({
+    projectId: process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!,
+    limit: 10,
+  })
+  return (
+    <main className="py-12">
+      <h1 className="text-3xl font-bold mb-8">Blog</h1>
+      <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+        {posts.map((post) => (
+          <article key={post.id} className="border rounded-lg p-4">
+            {post.featured_image && (
+              <img
+                src={post.featured_image}
+                alt={post.title}
+                className="w-full h-48 object-cover rounded mb-4"
+              />
+            )}
+            <h2 className="text-xl font-semibold mb-2">
+              <Link href={\`/blog/\${post.slug}\`}>{post.title}</Link>
+            </h2>
+            <p className="text-gray-600">{post.excerpt}</p>
+          </article>
+        ))}
+      </div>
+    </main>
+  )
+}`,
+      language: "tsx",
+      order: startOrder,
+      required: false
+    },
+    {
+      module: "blog",
+      snippetType: "page",
+      title: "Blog Post Page",
+      description: "Individual blog post page with SEO metadata",
+      filePath: "app/blog/[slug]/page.tsx",
+      code: `import { getBlogPost, getBlogPosts } from '@uptrade/site-kit/blog'
+import type { Metadata } from 'next'
+import { notFound } from 'next/navigation'
+interface Props {
+  params: { slug: string }
+}
+export async function generateStaticParams() {
+  const posts = await getBlogPosts({
+    projectId: process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!,
+  })
+  return posts.map((post) => ({ slug: post.slug }))
+}
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const post = await getBlogPost({
+    projectId: process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!,
+    slug: params.slug,
+  })
+  if (!post) return {}
+  return {
+    title: post.title,
+    description: post.excerpt,
+    openGraph: {
+      title: post.title,
+      description: post.excerpt,
+      images: post.featured_image ? [post.featured_image] : [],
+    },
+  }
+}
+export default async function BlogPostPage({ params }: Props) {
+  const post = await getBlogPost({
+    projectId: process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!,
+    slug: params.slug,
+  })
+  if (!post) notFound()
+  return (
+    <article className="py-12 max-w-3xl mx-auto">
+      <h1 className="text-4xl font-bold mb-4">{post.title}</h1>
+      {post.featured_image && (
+        <img
+          src={post.featured_image}
+          alt={post.title}
+          className="w-full rounded-lg mb-8"
+        />
+      )}
+      <div
+        className="prose prose-lg"
+        dangerouslySetInnerHTML={{ __html: post.content }}
+      />
+    </article>
+  )
+}`,
+      language: "tsx",
+      order: startOrder + 1,
+      required: false
+    }
+  ];
+}
+function CopyIcon({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+    /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+  ] });
+}
+function CheckIcon({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) });
+}
+function ChevronDownIcon({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" }) });
+}
+function ChevronRightIcon({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" }) });
+}
+var moduleLabels = {
+  provider: "Setup",
+  analytics: "Analytics",
+  engage: "Engage (Chat)",
+  forms: "Forms",
+  commerce: "Commerce",
+  seo: "SEO",
+  blog: "Blog"
+};
+var moduleColors = {
+  provider: "#6366f1",
+  // indigo
+  analytics: "#8b5cf6",
+  // violet
+  engage: "#ec4899",
+  // pink
+  forms: "#14b8a6",
+  // teal
+  commerce: "#f59e0b",
+  // amber
+  seo: "#10b981",
+  // emerald
+  blog: "#3b82f6"
+  // blue
+};
+function IntegrationCodeView({
+  projectId,
+  enabledModules,
+  apiUrl,
+  brand,
+  className,
+  onCopy
+}) {
+  const [expandedModules, setExpandedModules] = useState(/* @__PURE__ */ new Set(["provider"]));
+  const [copiedId, setCopiedId] = useState(null);
+  const snippets = useMemo(() => {
+    return generateIntegrationCode({
+      projectId,
+      enabledModules,
+      apiUrl,
+      brand
+    });
+  }, [projectId, enabledModules, apiUrl, brand]);
+  const snippetsByModule = useMemo(() => {
+    return getSnippetsByModule(snippets);
+  }, [snippets]);
+  const toggleModule = (module) => {
+    setExpandedModules((prev) => {
+      const next = new Set(prev);
+      if (next.has(module)) {
+        next.delete(module);
+      } else {
+        next.add(module);
+      }
+      return next;
+    });
+  };
+  const copyCode = async (code, id, title) => {
+    try {
+      await navigator.clipboard.writeText(code);
+      setCopiedId(id);
+      onCopy?.(code, title);
+      setTimeout(() => setCopiedId(null), 2e3);
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  };
+  const copyAll = async () => {
+    const allCode = snippets.map((s) => `// ${s.title}
+${s.filePath ? `// File: ${s.filePath}
+` : ""}${s.code}`).join("\n\n// ---\n\n");
+    try {
+      await navigator.clipboard.writeText(allCode);
+      onCopy?.(allCode, "All snippets");
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  };
+  if (enabledModules.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className, style: { textAlign: "center", padding: "2rem", color: "#666" }, children: [
+      /* @__PURE__ */ jsx("p", { children: "No modules enabled for this project." }),
+      /* @__PURE__ */ jsx("p", { style: { fontSize: "0.875rem", marginTop: "0.5rem" }, children: "Enable modules in Project Settings to generate integration code." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className, style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontWeight: 600 }, children: "Integration Code" }),
+        /* @__PURE__ */ jsxs("p", { style: { margin: "0.25rem 0 0", fontSize: "0.875rem", color: "#666" }, children: [
+          snippets.length,
+          " snippets for ",
+          enabledModules.length,
+          " modules"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: copyAll,
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "0.5rem",
+            padding: "0.5rem 1rem",
+            border: "1px solid #e5e7eb",
+            borderRadius: "0.375rem",
+            background: "white",
+            cursor: "pointer",
+            fontSize: "0.875rem"
+          },
+          children: [
+            /* @__PURE__ */ jsx(CopyIcon, {}),
+            "Copy All"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: Object.entries(snippetsByModule).map(([module, moduleSnippets]) => {
+      const isExpanded = expandedModules.has(module);
+      const color = moduleColors[module] || "#6366f1";
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            border: "1px solid #e5e7eb",
+            borderRadius: "0.5rem",
+            overflow: "hidden"
+          },
+          children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => toggleModule(module),
+                style: {
+                  width: "100%",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  padding: "0.75rem 1rem",
+                  background: "#f9fafb",
+                  border: "none",
+                  cursor: "pointer",
+                  textAlign: "left"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          width: "0.5rem",
+                          height: "0.5rem",
+                          borderRadius: "50%",
+                          background: color
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { style: { fontWeight: 500 }, children: moduleLabels[module] || module }),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: "0.75rem",
+                          padding: "0.125rem 0.5rem",
+                          background: "#e5e7eb",
+                          borderRadius: "9999px"
+                        },
+                        children: moduleSnippets.length
+                      }
+                    )
+                  ] }),
+                  isExpanded ? /* @__PURE__ */ jsx(ChevronDownIcon, {}) : /* @__PURE__ */ jsx(ChevronRightIcon, {})
+                ]
+              }
+            ),
+            isExpanded && /* @__PURE__ */ jsx("div", { children: moduleSnippets.map((snippet, idx) => {
+              const snippetId = `${module}-${idx}`;
+              const isCopied = copiedId === snippetId;
+              return /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    padding: "1rem",
+                    borderTop: "1px solid #e5e7eb"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "0.75rem" }, children: [
+                      /* @__PURE__ */ jsxs("div", { children: [
+                        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                          /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, fontSize: "0.875rem" }, children: snippet.title }),
+                          snippet.required && /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              style: {
+                                fontSize: "0.625rem",
+                                padding: "0.125rem 0.375rem",
+                                border: "1px solid #e5e7eb",
+                                borderRadius: "0.25rem",
+                                textTransform: "uppercase"
+                              },
+                              children: "Required"
+                            }
+                          )
+                        ] }),
+                        snippet.description && /* @__PURE__ */ jsx("p", { style: { margin: "0.25rem 0 0", fontSize: "0.75rem", color: "#666" }, children: snippet.description }),
+                        snippet.filePath && /* @__PURE__ */ jsx("p", { style: { margin: "0.25rem 0 0", fontSize: "0.75rem", color, fontFamily: "monospace" }, children: snippet.filePath })
+                      ] }),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          onClick: () => copyCode(snippet.code, snippetId, snippet.title),
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            width: "2rem",
+                            height: "2rem",
+                            border: "none",
+                            background: "transparent",
+                            cursor: "pointer",
+                            borderRadius: "0.25rem"
+                          },
+                          title: "Copy code",
+                          children: isCopied ? /* @__PURE__ */ jsx(CheckIcon, { className: "text-green-500" }) : /* @__PURE__ */ jsx(CopyIcon, {})
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      "pre",
+                      {
+                        style: {
+                          margin: 0,
+                          padding: "0.75rem",
+                          background: "#1f2937",
+                          color: "#e5e7eb",
+                          borderRadius: "0.375rem",
+                          overflow: "auto",
+                          fontSize: "0.75rem",
+                          fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+                          lineHeight: 1.5
+                        },
+                        children: /* @__PURE__ */ jsx("code", { children: snippet.code })
+                      }
+                    )
+                  ]
+                },
+                idx
+              );
+            }) })
+          ]
+        },
+        module
+      );
+    }) })
+  ] });
+}
+export { IntegrationCodeView, generateIntegrationCode, getSnippetsByModule };
+//# sourceMappingURL=chunk-EL5QTAA3.mjs.map
+//# sourceMappingURL=chunk-EL5QTAA3.mjs.map