[V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isQuickEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { GeistSans } from "geist/font/sans" import { GeistMono } from "geist/font/mono" import { Analytics } from "@vercel/analytics/next" import { Suspense } from "react" import "./globals.css" export const metadata: Metadata = { title: "Databuddy Privacy Policy Generator", description: "Generate GDPR-compliant privacy policies for sites using Databuddy analytics", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( Loading...}> {children} ) } [V0_FILE]json:file="package.json" isEdit="true" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "15.5.4", "next-themes": "^0.4.6", "react": "19.1.0", "react-day-picker": "9.8.0", "react-dom": "19.1.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.67", "react-markdown": "10.1.0", "ai": "5.0.60", "unified": "^11.0.5", "remark-parse": "^11.0.0", "remark-rehype": "^11.1.1", "rehype-stringify": "^10.0.1" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescript:file="app/api/extend-policy/route.ts" isEdit="true" import { generateText } from "ai" const rateLimitMap = new Map() const MAX_REQUESTS = 2 function getRateLimitInfo(ip: string) { const count = rateLimitMap.get(ip) || 0 return { remaining: Math.max(0, MAX_REQUESTS - count) } } function incrementRateLimit(ip: string): boolean { const count = rateLimitMap.get(ip) || 0 if (count >= MAX_REQUESTS) { return false // Rate limit exceeded } rateLimitMap.set(ip, count + 1) return true } export async function POST(req: Request) { const ip = req.headers.get("x-forwarded-for")?.split(",")[0] || req.headers.get("x-real-ip") || "unknown" const rateLimitInfo = getRateLimitInfo(ip) if (rateLimitInfo.remaining === 0) { return Response.json( { error: "Rate limit exceeded", message: `You have used all ${MAX_REQUESTS} AI customization requests available for your connection.`, remaining: 0, }, { status: 429 }, ) } if (!incrementRateLimit(ip)) { return Response.json( { error: "Rate limit exceeded", message: `You have used all ${MAX_REQUESTS} AI customization requests available for your connection.`, remaining: 0, }, { status: 429 }, ) } const { basePolicy, customizationPrompt, siteName } = await req.json() const { text } = await generateText({ model: "openai/gpt-4o", prompt: `You are a privacy policy expert. You have been given a base privacy policy for a website called "${siteName}" that uses Databuddy analytics. The user wants to extend this privacy policy with additional information about their product/service. Your task is to: 1. Keep ALL the core Databuddy information EXACTLY as it is - do not modify, remove, or change any of the Databuddy-specific sections 2. Add new relevant sections based on the user's description that complement the existing policy 3. Maintain the same professional tone and structure 4. Ensure all additions are GDPR-compliant and privacy-focused 5. Insert new sections in appropriate places within the policy (e.g., after "Third-Party Services" or before "Changes to This Privacy Policy") 6. Keep the same markdown formatting style Base Privacy Policy: ${basePolicy} User's Product/Service Description: ${customizationPrompt} Return the complete extended privacy policy in markdown format. Make sure to preserve all the original Databuddy sections and only add complementary information based on the user's description.`, maxOutputTokens: 4000, temperature: 0.7, }) const updatedRateLimitInfo = getRateLimitInfo(ip) return Response.json({ extendedPolicy: text, remaining: updatedRateLimitInfo.remaining, }) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { PrivacyPolicyDisplay } from "@/components/privacy-policy-display" import { AlertCircle } from "lucide-react" export default function Home() { const [formData, setFormData] = useState({ email: "", siteName: "", customizationPrompt: "", }) const [showPolicy, setShowPolicy] = useState(false) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() if (formData.email && formData.siteName) { setShowPolicy(true) } } const handleReset = () => { setShowPolicy(false) setFormData({ email: "", siteName: "", customizationPrompt: "" }) } if (showPolicy) { return ( ) } return (

Databuddy Privacy Policy Generator

Generate a compliant privacy policy for your site using Databuddy analytics

Site or App Name setFormData({ ...formData, siteName: e.target.value })} required className="bg-secondary border-border text-foreground placeholder:text-muted-foreground" />

Contact Email setFormData({ ...formData, email: e.target.value })} required className="bg-secondary border-border text-foreground placeholder:text-muted-foreground" />

This email will be the point of contact for privacy inquiries

AI Customization (Optional)

setFormData({ ...formData, customizationPrompt: e.target.value })}
              className="bg-secondary border-border text-foreground placeholder:text-muted-foreground min-h-24 resize-none"
            />
            <p className="text-sm text-muted-foreground">
              Describe your product or service to extend the privacy policy with relevant details. The core Databuddy
              information will remain unchanged.
            </p>
            <div className="flex items-start gap-2 p-3 bg-secondary/50 border border-border rounded-lg">
              <AlertCircle className="h-4 w-4 text-muted-foreground mt-0.5 flex-shrink-0" />
              <p className="text-xs text-muted-foreground">
                AI customization is limited to 2 requests total per connection to manage server costs. The base privacy
                policy is always available without limits.
              </p>
            </div>
          </div>

<Button type="submit" className="w-full bg-primary text-primary-foreground hover:bg-primary/90">
            Generate Privacy Policy
          </Button>
        </form>

<div className="mt-8 pt-6 border-t border-border">
          <p className="text-sm text-muted-foreground text-center">
            Powered by{" "}
            <a
              href="https://www.databuddy.cc"
              target="_blank"
              rel="noopener noreferrer"
              className="text-foreground hover:underline"
            >
              Databuddy
            </a>{" "}
            - Privacy-first analytics
          </p>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/privacy-policy-display.tsx" isEdit="true" isQuickEdit="true"
"use client"

import { Button } from "@/components/ui/button"
import { ArrowLeft, Code, FileText, Loader2, AlertCircle } from "lucide-react"
import { useState, useEffect } from "react"
import ReactMarkdown from "react-markdown"
import { unified } from "unified"
import remarkParse from "remark-parse"
import remarkRehype from "remark-rehype"
import rehypeStringify from "rehype-stringify"

interface PrivacyPolicyDisplayProps {
  email: string
  siteName: string
  customizationPrompt?: string
  onReset: () => void
}

const MarkdownIcon = ({ className }: { className?: string }) => (
  <svg
    viewBox="0 0 24 24"
    fill="none"
    stroke="currentColor"
    strokeWidth="2"
    strokeLinecap="round"
    strokeLinejoin="round"
    className={className}
  >
    <rect x="3" y="5" width="18" height="14" rx="2" />
    <path d="M7 15V9l2 2 2-2v6M17 11l-2 2 2 2" />
  </svg>
)

const ReactIcon = ({ className }: { className?: string }) => (
  <svg
    viewBox="0 0 24 24"
    fill="none"
    stroke="currentColor"
    strokeWidth="2"
    strokeLinecap="round"
    strokeLinejoin="round"
    className={className}
  >
    <circle cx="12" cy="12" r="2" />
    <ellipse cx="12" cy="12" rx="10" ry="4" />
    <ellipse cx="12" cy="12" rx="10" ry="4" transform="rotate(60 12 12)" />
    <ellipse cx="12" cy="12" rx="10" ry="4" transform="rotate(120 12 12)" />
  </svg>
)

export function PrivacyPolicyDisplay({ email, siteName, customizationPrompt, onReset }: PrivacyPolicyDisplayProps) {
  const [copied, setCopied] = useState(false)
  const [copiedHtml, setCopiedHtml] = useState(false)
  const [copiedReact, setCopiedReact] = useState(false)
  const [copiedPlain, setCopiedPlain] = useState(false)
  const [isExtending, setIsExtending] = useState(false)
  const [extendedPolicy, setExtendedPolicy] = useState<string | null>(null)
  const [rateLimitInfo, setRateLimitInfo] = useState<{ remaining: number } | null>(null)
  const [rateLimitError, setRateLimitError] = useState<string | null>(null)

const currentDate = new Date().toLocaleDateString("en-US", {
    year: "numeric",
    month: "long",
    day: "numeric",
  })

const basePolicyContent = `
# Privacy Policy for ${siteName}

**Last Updated:** ${currentDate}

## Introduction

At ${siteName}, we are committed to protecting your privacy. This Privacy Policy explains how we collect, use, and safeguard information when you visit our website.

## Analytics and Data Collection

We use [**Databuddy**](https://www.databuddy.cc), a privacy-first, cookieless analytics service, to understand how visitors interact with our website. Databuddy is designed with privacy by default and is fully compliant with GDPR, CCPA, and other privacy regulations.

### What Data We Collect

Through Databuddy, we collect the following **anonymous, aggregated data**:

- **Page URLs** (without query parameters containing personal information)
- **Referrer information** (where you came from)
- **Browser and device type** (e.g., Chrome on Desktop, Safari on Mobile)
- **Geographic region** (country and city level only)
- **Session duration** (how long you spend on our site)
- **Custom events** (interactions like button clicks, form submissions)

### What We DO NOT Collect

Databuddy is designed to be privacy-first and does **NOT** collect:

- IP addresses
- Personal identifiers or user IDs
- Cookie-based tracking
- Cross-site tracking data
- Device fingerprints
- Any personally identifiable information (PII)

## No Cookies Required

Databuddy operates without cookies, which means:

- **No consent banners required** - Since we don't collect personal data, we don't need your explicit consent under GDPR
- **No tracking across websites** - We only see anonymous data from our own site
- **Ad-blocker friendly** - Our analytics respect user privacy preferences
- **100% data collection** - No data loss from cookie consent rejection

## Legal Basis for Processing

Under GDPR, we rely on **legitimate interests** (Article 6(1)(f)) as our legal basis for processing anonymous analytics data. Our legitimate interest is to:

- Understand how visitors use our website
- Improve user experience and website performance
- Make data-driven decisions about content and features

Since Databuddy collects only anonymous, aggregated data that cannot identify individuals, this processing does not override your privacy rights.

## Data Storage and Security

- **Data Location:** Analytics data is processed and stored securely by Databuddy
- **Data Retention:** Aggregated analytics data is retained for 24 months
- **Security Measures:** All data is transmitted over encrypted connections (HTTPS)
- **No Third-Party Sharing:** Your anonymous analytics data is never sold or shared with third parties

## Your Privacy Rights

Since we don't collect personal data through Databuddy, most data subject rights under GDPR don't apply. However, you still have the right to:

- **Right to Information:** This privacy policy explains our data practices
- **Right to Object:** You can use ad-blockers or privacy tools to prevent analytics tracking
- **Right to Contact Us:** Reach out with any privacy questions or concerns

## Third-Party Services

Apart from Databuddy analytics, we may use other services on our website. Please note:

- Each third-party service has its own privacy policy
- We carefully select services that respect user privacy
- We recommend reviewing the privacy policies of any third-party services you interact with

## Changes to This Privacy Policy

We may update this Privacy Policy from time to time to reflect changes in our practices or legal requirements. We will notify you of any material changes by:

- Updating the "Last Updated" date at the top of this policy
- Posting a notice on our website
- Sending an email notification (if you've provided your email address)

## Contact Us

If you have any questions, concerns, or requests regarding this Privacy Policy or our data practices, please contact us at:

**Email:** [${email}](mailto:${email})

We will respond to your inquiry within 30 days.

## Additional Resources

To learn more about Databuddy's privacy practices and compliance:

- [Databuddy GDPR Compliance Guide](https://www.databuddy.cc/docs/compliance/gdpr-compliance-guide)
- [Databuddy Cookieless Analytics Guide](https://www.databuddy.cc/docs/privacy/cookieless-analytics-guide)
- [Databuddy Website](https://www.databuddy.cc)

---

**Summary:** We use Databuddy for privacy-first, cookieless analytics. No personal data is collected, no cookies are used, and your privacy is fully protected. You can browse our site with confidence knowing that your information remains private.
  `.trim()

useEffect(() => {
    if (customizationPrompt && customizationPrompt.trim()) {
      extendPrivacyPolicy()
    }
  }, [])

const extendPrivacyPolicy = async () => {
    setIsExtending(true)
    setRateLimitError(null)
    try {
      const response = await fetch("/api/extend-policy", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({
          basePolicy: basePolicyContent,
          customizationPrompt,
          siteName,
        }),
      })

const data = await response.json()

if (response.status === 429) {
        setRateLimitError(data.message)
        setExtendedPolicy(basePolicyContent)
        setRateLimitInfo({ remaining: 0 })
      } else {
        setExtendedPolicy(data.extendedPolicy)
        setRateLimitInfo({ remaining: data.remaining })
      }
    } catch (error) {
      console.error("Error extending policy:", error)
      setExtendedPolicy(basePolicyContent)
    } finally {
      setIsExtending(false)
    }
  }

const policyContent = extendedPolicy || basePolicyContent

const convertToHTML = async (markdown: string) => {
    const file = await unified().use(remarkParse).use(remarkRehype).use(rehypeStringify).process(markdown)

const htmlBody = String(file)

return `<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Privacy Policy - ${siteName}</title>
  </head>
  <body>
    ${htmlBody}
  </body>
</html>`
  }

const convertToReact = async (markdown: string) => {
    const file = await unified().use(remarkParse).use(remarkRehype).use(rehypeStringify).process(markdown)

const htmlContent = String(file)

return `export default function PrivacyPolicy() {
  return (
    ${htmlContent.replace(/`/g, "\\`").replace(/\$/g, "\\$")}
  )
}`
  }

const handleCopy = async () => {
    await navigator.clipboard.writeText(policyContent)
    setCopied(true)
    setTimeout(() => setCopied(false), 2000)
  }

const handleCopyHtml = async () => {
    const htmlContent = await convertToHTML(policyContent)
    await navigator.clipboard.writeText(htmlContent)
    setCopiedHtml(true)
    setTimeout(() => setCopiedHtml(false), 2000)
  }

const handleCopyReact = async () => {
    const reactContent = await convertToReact(policyContent)
    await navigator.clipboard.writeText(reactContent)
    setCopiedReact(true)
    setTimeout(() => setCopiedReact(false), 2000)
  }

const handleCopyPlainText = async () => {
    const plainText = policyContent
      .replace(/^#{1,6}\s+/gm, "") // Remove headers
      .replace(/\*\*(.+?)\*\*/g, "$1") // Remove bold
      .replace(/\*(.+?)\*/g, "$1") // Remove italic
      .replace(/\[([^\]]+)\]$$([^)]+)$$/g, "$1") // Convert [text](url) to just text
      .replace(/^[-*+]\s+/gm, "• ") // Convert list markers to bullets
      .replace(/^\d+\.\s+/gm, "• ") // Convert numbered lists to bullets
      .replace(/^>\s+/gm, "") // Remove blockquotes
      .replace(/`(.+?)`/g, "$1") // Remove inline code
      .replace(/```[\s\S]*?```/g, "") // Remove code blocks
      .replace(/^---+$/gm, "") // Remove horizontal rules completely
      .replace(/\n{3,}/g, "\n\n") // Clean up excessive newlines
      .trim()

await navigator.clipboard.writeText(plainText)
    setCopiedPlain(true)
    setTimeout(() => setCopiedPlain(false), 2000)
  }

return (
    <div className="min-h-screen bg-background">
      <div className="sticky top-0 z-10 bg-background/95 backdrop-blur border-b border-border">
        <div className="max-w-4xl mx-auto px-4 py-4 flex flex-col sm:flex-row items-stretch sm:items-center justify-between gap-4">
          <Button variant="ghost" onClick={onReset} className="text-foreground hover:bg-secondary w-full sm:w-auto">
            <ArrowLeft className="mr-2 h-4 w-4" />
            Back
          </Button>
          <div className="grid grid-cols-2 sm:flex gap-2">
            <Button
              variant="outline"
              onClick={handleCopy}
              className="border-border text-foreground hover:bg-secondary bg-transparent text-sm"
              disabled={isExtending}
            >
              <MarkdownIcon className="mr-1 sm:mr-2 h-4 w-4 flex-shrink-0" />
              <span className="truncate">{copied ? "Copied!" : "Markdown"}</span>
            </Button>
            <Button
              variant="outline"
              onClick={handleCopyHtml}
              className="border-border text-foreground hover:bg-secondary bg-transparent text-sm"
              disabled={isExtending}
            >
              <Code className="mr-1 sm:mr-2 h-4 w-4 flex-shrink-0" />
              <span className="truncate">{copiedHtml ? "Copied!" : "HTML"}</span>
            </Button>
            <Button
              variant="outline"
              onClick={handleCopyReact}
              className="border-border text-foreground hover:bg-secondary bg-transparent text-sm"
              disabled={isExtending}
            >
              <ReactIcon className="mr-1 sm:mr-2 h-4 w-4 flex-shrink-0" />
              <span className="truncate">{copiedReact ? "Copied!" : "React"}</span>
            </Button>
            <Button
              variant="outline"
              onClick={handleCopyPlainText}
              className="border-border text-foreground hover:bg-secondary bg-transparent text-sm"
              disabled={isExtending}
            >
              <FileText className="mr-1 sm:mr-2 h-4 w-4 flex-shrink-0" />
              <span className="truncate">{copiedPlain ? "Copied!" : "Plain Text"}</span>
            </Button>
          </div>
        </div>
        {rateLimitInfo && (
          <div className="max-w-4xl mx-auto px-4 pb-3">
            <div className="flex items-center gap-2 p-2 bg-secondary/50 border border-border rounded-lg text-xs">
              <AlertCircle className="h-3 w-3 text-muted-foreground flex-shrink-0" />
              <span className="text-muted-foreground">
                AI customizations remaining:{" "}
                <span className="font-medium text-foreground">{rateLimitInfo.remaining}/2</span>
              </span>
            </div>
          </div>
        )}
      </div>

<div className="max-w-4xl mx-auto px-2 py-4">
        {rateLimitError && (
          <div className="mb-4 p-4 bg-destructive/10 border border-destructive/20 rounded-lg">
            <div className="flex items-start gap-3">
              <AlertCircle className="h-5 w-5 text-destructive flex-shrink-0 mt-0.5" />
              <div>
                <p className="text-sm font-medium text-destructive mb-1">Rate Limit Reached</p>
                <p className="text-sm text-muted-foreground">{rateLimitError}</p>
                <p className="text-sm text-muted-foreground mt-2">
                  The base privacy policy is displayed below. You can still copy it in any format.
                </p>
              </div>
            </div>
          </div>
        )}

{isExtending ? (
          <div className="bg-secondary/50 border border-border rounded-lg p-8 flex flex-col items-center justify-center min-h-96">
            <Loader2 className="h-8 w-8 animate-spin text-primary mb-4" />
            <p className="text-foreground text-lg font-medium">Customizing your privacy policy...</p>
            <p className="text-muted-foreground text-sm mt-2">This may take a few moments</p>
          </div>
        ) : (
          <div className="bg-secondary/50 border border-border rounded-lg md:p-8 p-2">
            <ReactMarkdown
              className="prose prose-invert max-w-none"
              components={{
                h1: ({ children }) => <h1 className="text-3xl font-bold mb-6 text-foreground">{children}</h1>,
                h2: ({ children }) => <h2 className="text-2xl font-bold mt-8 mb-4 text-foreground">{children}</h2>,
                h3: ({ children }) => <h3 className="text-xl font-semibold mt-6 mb-3 text-foreground">{children}</h3>,
                p: ({ children }) => <p className="text-foreground leading-relaxed mb-4">{children}</p>,
                ul: ({ children }) => (
                  <ul className="list-disc list-inside space-y-2 mb-4 text-foreground">{children}</ul>
                ),
                li: ({ children }) => <li className="text-foreground">{children}</li>,
                strong: ({ children }) => <strong className="font-semibold text-foreground">{children}</strong>,
                a: ({ href, children }) => (
                  <a href={href} className="text-primary hover:underline" target="_blank" rel="noopener noreferrer">
                    {children}
                  </a>
                ),
                hr: () => <hr className="my-8 border-border" />,
              }}
            >
              {policyContent}
            </ReactMarkdown>
          </div>
        )}

<div className="mt-8 text-center">
          <p className="text-sm text-muted-foreground">This privacy policy was generated for {siteName}</p>
          <p className="text-xs text-muted-foreground mt-2">
            Please review and customize as needed for your specific use case
          </p>
        </div>
      </div>
    </div>
  )
}</article></body></html>

About

Tags

Share

About

Tags

Share

More from juandadev

More Templates Like This

About

Tags

Share

About

Tags

Share

More from juandadev

More Templates Like This