kaddidlehopper 0.5.0 → 0.6.0

package/examples/resume/assets/src/styles.css

@@ -1,138 +0,0 @@
-@import 'tailwindcss';
-
-@plugin "tailwindcss-animate";
-
-@custom-variant dark (&:is(.dark *));
-
-body {
-  @apply m-0;
-  font-family:
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
-    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family:
-    source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
-}
-
-:root {
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.141 0.005 285.823);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.141 0.005 285.823);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.141 0.005 285.823);
-  --primary: oklch(0.21 0.006 285.885);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.967 0.001 286.375);
-  --secondary-foreground: oklch(0.21 0.006 285.885);
-  --muted: oklch(0.967 0.001 286.375);
-  --muted-foreground: oklch(0.552 0.016 285.938);
-  --accent: oklch(0.967 0.001 286.375);
-  --accent-foreground: oklch(0.21 0.006 285.885);
-  --destructive: oklch(0.577 0.245 27.325);
-  --destructive-foreground: oklch(0.577 0.245 27.325);
-  --border: oklch(0.92 0.004 286.32);
-  --input: oklch(0.92 0.004 286.32);
-  --ring: oklch(0.871 0.006 286.286);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --radius: 0.625rem;
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.141 0.005 285.823);
-  --sidebar-primary: oklch(0.21 0.006 285.885);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.967 0.001 286.375);
-  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
-  --sidebar-border: oklch(0.92 0.004 286.32);
-  --sidebar-ring: oklch(0.871 0.006 286.286);
-}
-
-.dark {
-  --background: oklch(0.141 0.005 285.823);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.141 0.005 285.823);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.141 0.005 285.823);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.985 0 0);
-  --primary-foreground: oklch(0.21 0.006 285.885);
-  --secondary: oklch(0.274 0.006 286.033);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.274 0.006 286.033);
-  --muted-foreground: oklch(0.705 0.015 286.067);
-  --accent: oklch(0.274 0.006 286.033);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.396 0.141 25.723);
-  --destructive-foreground: oklch(0.637 0.237 25.331);
-  --border: oklch(0.274 0.006 286.033);
-  --input: oklch(0.274 0.006 286.033);
-  --ring: oklch(0.442 0.017 285.786);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.21 0.006 285.885);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.274 0.006 286.033);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(0.274 0.006 286.033);
-  --sidebar-ring: oklch(0.442 0.017 285.786);
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}

package/examples/resume/info.json

@@ -1,35 +0,0 @@
-{
-  "name": "Resume",
-  "description": "Professional resume template with content-collections and shadcn UI components for Netlify.",
-  "phase": "example",
-  "modes": ["file-router"],
-  "type": "example",
-  "priority": 10,
-  "link": "",
-  "routes": [{"url": "/", "path": "src/routes/index.tsx", "jsName": "ResumeHome"}],
-  "features": ["tanstack-start", "content-collections", "tanstack-ai"],
-  "integrations": [{"type": "vite-plugin", "import": "import contentCollections from '@content-collections/vite'", "code": "contentCollections()"}],
-  "dependsOn": [],
-  "variables": [],
-  "packageFileDescriptions": {
-    "content-collections.ts": "Content Collections: jobs, education schemas.",
-    "content/jobs/initech-junior.md": "Job content: Initech Junior.",
-    "content/jobs/freelance.md.ejs": "Job template: Freelance.",
-    "content/jobs/initech-lead.md.ejs": "Job template: Initech Lead.",
-    "content/jobs/initrode-senior.md.ejs": "Job template: Initrode Senior.",
-    "content/education/code-school.md": "Education content: Code School.",
-    "src/styles.css": "Global styles.",
-    "src/routes/index.tsx": "Resume home: full resume with ResumeAssistant.",
-    "src/routes/api.resume-chat.ts": "POST handler for resume AI chat.",
-    "src/lib/utils.ts": "cn() helper.",
-    "src/lib/resume-tools.ts": "AI tools: getJobsBySkill, getAllJobs, getAllEducation, searchExperience.",
-    "src/lib/resume-ai-hook.ts": "useResumeChat hook.",
-    "src/components/Header.tsx": "Header.",
-    "src/components/ResumeAssistant.tsx": "Resume AI assistant.",
-    "src/components/ui/badge.tsx": "Badge component.",
-    "src/components/ui/card.tsx": "Card component.",
-    "src/components/ui/checkbox.tsx": "Checkbox component.",
-    "src/components/ui/hover-card.tsx": "HoverCard component.",
-    "src/components/ui/separator.tsx": "Separator component."
-  }
-}

package/examples/resume/package.json

@@ -1,26 +0,0 @@
-{
-  "dependencies": {
-    "@radix-ui/react-checkbox": "^1.2.2",
-    "@radix-ui/react-hover-card": "^1.1.10",
-    "@radix-ui/react-separator": "^1.1.4",
-    "@radix-ui/react-slot": "^1.2.0",
-    "@tanstack/ai": "0.2.2",
-    "@tanstack/ai-anthropic": "0.2.0",
-    "@tanstack/ai-client": "0.2.2",
-    "@tanstack/ai-gemini": "0.3.2",
-    "@tanstack/ai-ollama": "0.3.0",
-    "@tanstack/ai-openai": "0.3.0",
-    "@tanstack/ai-react": "0.2.2",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "marked": "^17.0.1",
-    "streamdown": "^2.1.0",
-    "tailwind-merge": "^3.0.2",
-    "tailwindcss-animate": "^1.0.7",
-    "zod": "^4.3.5"
-  },
-  "devDependencies": {
-    "@content-collections/core": "^0.13.1",
-    "@content-collections/vite": "^0.2.8"
-  }
-}

package/examples/saas/README.md

@@ -1,16 +0,0 @@
-# SaaS Example
-
-A SaaS landing page built with TanStack Start and Tailwind CSS for Netlify deployment.
-
-## Features
-
-- **Hero Section**: Bold headline with call-to-action buttons
-- **Feature Grid**: Four feature cards showcasing product capabilities
-- **Pricing Tiers**: Three-tier pricing (Starter, Pro, Enterprise)
-- **FAQ Page**: Accordion-style frequently asked questions
-
-## Development
-
-```bash
-npm run dev
-```

package/examples/saas/assets/AGENTS.md.append

@@ -1,9 +0,0 @@
-### SaaS Landing Page
-
-Landing page with pricing tiers, features section, and FAQ accordion.
-
-**Routes:** / (hero, pricing, features), /faq (accordion Q&A)
-
-**FAQ:** ChevronDown accordion with expand/collapse; pricing tiers: Starter (free), Pro, Enterprise
-
-No special dependencies or environment variables beyond base TanStack Start.

package/examples/saas/assets/src/components/Header.tsx

@@ -1,17 +0,0 @@
-import { Link } from '@tanstack/react-router'
-import HeaderNav from './HeaderNav'
-
-interface HeaderProps {
-  children?: React.ReactNode
-}
-
-export default function Header({ children }: HeaderProps) {
-  return (
-    <header className="p-4 flex items-center justify-between bg-gray-800 text-white shadow-lg">
-      <nav className="flex items-center gap-4">{children ?? <HeaderNav />}</nav>
-      <Link to="/" className="text-xl font-semibold">
-        Acme SaaS
-      </Link>
-    </header>
-  )
-}

package/examples/saas/assets/src/routes/__root.tsx

@@ -1,57 +0,0 @@
-import { HeadContent, Scripts, createRootRoute } from '@tanstack/react-router'
-import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
-import { TanStackDevtools } from '@tanstack/react-devtools'
-
-import Header from '../components/Header'
-
-import appCss from '../styles.css?url'
-
-export const Route = createRootRoute({
-  head: () => ({
-    meta: [
-      {
-        charSet: 'utf-8',
-      },
-      {
-        name: 'viewport',
-        content: 'width=device-width, initial-scale=1',
-      },
-      {
-        title: 'Acme SaaS',
-      },
-    ],
-    links: [
-      {
-        rel: 'stylesheet',
-        href: appCss,
-      },
-    ],
-  }),
-  shellComponent: RootDocument,
-})
-
-function RootDocument({ children }: { children: React.ReactNode }) {
-  return (
-    <html lang="en">
-      <head>
-        <HeadContent />
-      </head>
-      <body>
-        <Header />
-        {children}
-        <TanStackDevtools
-          config={{
-            position: 'bottom-right',
-          }}
-          plugins={[
-            {
-              name: 'Tanstack Router',
-              render: <TanStackRouterDevtoolsPanel />,
-            },
-          ]}
-        />
-        <Scripts />
-      </body>
-    </html>
-  )
-}

package/examples/saas/assets/src/routes/faq.tsx

@@ -1,94 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-import { useState } from 'react'
-import { ChevronDown } from 'lucide-react'
-
-export const Route = createFileRoute('/faq')({
-  component: FAQ,
-})
-
-const faqs = [
-  {
-    question: 'What is Acme SaaS?',
-    answer:
-      'Acme SaaS is an all-in-one platform that provides real-time analytics, automated workflows, and team collaboration tools. It helps teams ship products faster by consolidating the tools they need into a single, easy-to-use interface.',
-  },
-  {
-    question: 'How does the free plan work?',
-    answer:
-      'The Starter plan is completely free and includes up to 3 projects and 1,000 events per month. No credit card is required to sign up. You can upgrade to a paid plan at any time as your needs grow.',
-  },
-  {
-    question: 'Can I cancel my subscription at any time?',
-    answer:
-      "Yes. You can cancel your subscription at any time from your account settings. When you cancel, you'll retain access to your paid features until the end of your current billing cycle.",
-  },
-  {
-    question: 'Is my data secure?',
-    answer:
-      'Absolutely. Acme SaaS is SOC 2 Type II compliant and uses end-to-end encryption for all data in transit and at rest. We also support SSO, role-based access controls, and provide detailed audit logs for Enterprise customers.',
-  },
-  {
-    question: 'What integrations do you support?',
-    answer:
-      'We integrate with popular tools like Slack, GitHub, Jira, Linear, Notion, and many more. Our API and webhook system also allows you to build custom integrations with any service.',
-  },
-  {
-    question: 'Do you offer support for teams?',
-    answer:
-      'All plans include community support via our forum. Pro plans get priority email support with a 24-hour response time. Enterprise customers receive a dedicated account manager and phone support with guaranteed SLAs.',
-  },
-  {
-    question: 'Can I import data from other tools?',
-    answer:
-      'Yes. We provide migration guides and import tools for common platforms. Our support team can also assist with custom migrations for Enterprise customers.',
-  },
-]
-
-function FAQ() {
-  return (
-    <div className="min-h-screen bg-gray-950 text-white py-20 px-4">
-      <div className="max-w-3xl mx-auto">
-        <h1 className="text-4xl md:text-5xl font-bold text-center mb-4">
-          Frequently Asked Questions
-        </h1>
-        <p className="text-gray-400 text-center mb-14 max-w-xl mx-auto">
-          Got questions? We've got answers. If you can't find what you're
-          looking for, reach out to our support team.
-        </p>
-        <div className="space-y-3">
-          {faqs.map((faq, i) => (
-            <Accordion key={i} question={faq.question} answer={faq.answer} />
-          ))}
-        </div>
-      </div>
-    </div>
-  )
-}
-
-function Accordion({
-  question,
-  answer,
-}: {
-  question: string
-  answer: string
-}) {
-  const [open, setOpen] = useState(false)
-
-  return (
-    <div className="border border-white/10 rounded-lg overflow-hidden">
-      <button
-        onClick={() => setOpen(!open)}
-        className="w-full flex items-center justify-between p-5 text-left hover:bg-white/5 transition-colors"
-      >
-        <span className="font-medium text-lg">{question}</span>
-        <ChevronDown
-          size={20}
-          className={`text-gray-400 transition-transform ${open ? 'rotate-180' : ''}`}
-        />
-      </button>
-      {open && (
-        <div className="px-5 pb-5 text-gray-400 leading-relaxed">{answer}</div>
-      )}
-    </div>
-  )
-}

package/examples/saas/assets/src/routes/index.tsx

@@ -1,197 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-import { Link } from '@tanstack/react-router'
-import { Zap, Shield, BarChart3, Users, ArrowRight } from 'lucide-react'
-
-export const Route = createFileRoute('/')({
-  component: Home,
-})
-
-function Home() {
-  return (
-    <div className="min-h-screen bg-gray-950 text-white">
-      {/* Hero */}
-      <section className="relative overflow-hidden py-24 px-4">
-        <div className="absolute inset-0 bg-linear-to-br from-indigo-900/30 via-transparent to-cyan-900/20" />
-        <div className="relative max-w-4xl mx-auto text-center">
-          <p className="text-indigo-400 font-semibold mb-4 tracking-wide uppercase text-sm">
-            The modern platform for teams
-          </p>
-          <h1 className="text-5xl md:text-7xl font-black tracking-tight mb-6">
-            Ship faster with{' '}
-            <span className="bg-linear-to-r from-indigo-400 to-cyan-400 bg-clip-text text-transparent">
-              Acme SaaS
-            </span>
-          </h1>
-          <p className="text-lg md:text-xl text-gray-400 max-w-2xl mx-auto mb-10">
-            Acme SaaS gives your team real-time analytics, automated workflows,
-            and seamless collaboration — all in one place. Stop juggling tools
-            and start shipping.
-          </p>
-          <div className="flex flex-col sm:flex-row gap-4 justify-center">
-            <a
-              href="#pricing"
-              className="inline-flex items-center gap-2 px-8 py-3 bg-indigo-600 hover:bg-indigo-500 text-white font-semibold rounded-lg transition-colors shadow-lg shadow-indigo-600/30"
-            >
-              Get Started Free <ArrowRight size={18} />
-            </a>
-            <Link
-              to="/faq"
-              className="px-8 py-3 bg-white/10 hover:bg-white/15 text-white font-semibold rounded-lg transition-colors border border-white/10"
-            >
-              Learn More
-            </Link>
-          </div>
-        </div>
-      </section>
-
-      {/* Features */}
-      <section className="py-20 px-4 border-t border-white/5">
-        <div className="max-w-5xl mx-auto">
-          <h2 className="text-3xl md:text-4xl font-bold text-center mb-4">
-            Everything you need to scale
-          </h2>
-          <p className="text-gray-400 text-center mb-14 max-w-xl mx-auto">
-            Built for startups and growing teams that need reliable
-            infrastructure without the overhead.
-          </p>
-          <div className="grid md:grid-cols-2 gap-8">
-            <FeatureCard
-              icon={<BarChart3 size={28} />}
-              title="Real-Time Analytics"
-              description="Track key metrics, user behavior, and revenue in real time with customizable dashboards and automated reports."
-            />
-            <FeatureCard
-              icon={<Zap size={28} />}
-              title="Automated Workflows"
-              description="Set up triggers, automate repetitive tasks, and integrate with the tools you already use — no code required."
-            />
-            <FeatureCard
-              icon={<Users size={28} />}
-              title="Team Collaboration"
-              description="Shared workspaces, role-based access, and live editing so your entire team stays in sync."
-            />
-            <FeatureCard
-              icon={<Shield size={28} />}
-              title="Enterprise Security"
-              description="SOC 2 compliant, end-to-end encryption, SSO support, and audit logs to keep your data safe."
-            />
-          </div>
-        </div>
-      </section>
-
-      {/* Pricing */}
-      <section id="pricing" className="py-20 px-4 border-t border-white/5">
-        <div className="max-w-5xl mx-auto">
-          <h2 className="text-3xl md:text-4xl font-bold text-center mb-4">
-            Simple, transparent pricing
-          </h2>
-          <p className="text-gray-400 text-center mb-14 max-w-xl mx-auto">
-            Start free, upgrade when you're ready. No hidden fees.
-          </p>
-          <div className="grid md:grid-cols-3 gap-8 max-w-4xl mx-auto">
-            <PricingCard
-              name="Starter"
-              price="Free"
-              description="For individuals and small experiments."
-              features={[
-                'Up to 3 projects',
-                '1,000 events/mo',
-                'Community support',
-              ]}
-            />
-            <PricingCard
-              name="Pro"
-              price="$29/mo"
-              description="For growing teams that need more."
-              features={[
-                'Unlimited projects',
-                '100,000 events/mo',
-                'Priority support',
-                'Custom dashboards',
-              ]}
-              highlighted
-            />
-            <PricingCard
-              name="Enterprise"
-              price="Custom"
-              description="For organizations with advanced needs."
-              features={[
-                'Unlimited everything',
-                'Dedicated account manager',
-                'SSO & audit logs',
-                'SLA guarantee',
-              ]}
-            />
-          </div>
-        </div>
-      </section>
-
-      {/* Footer */}
-      <footer className="border-t border-white/5 py-10 px-4 text-center text-gray-500 text-sm">
-        &copy; 2026 Acme SaaS. All rights reserved.
-      </footer>
-    </div>
-  )
-}
-
-function FeatureCard({
-  icon,
-  title,
-  description,
-}: {
-  icon: React.ReactNode
-  title: string
-  description: string
-}) {
-  return (
-    <div className="p-6 rounded-xl bg-white/5 border border-white/5 hover:border-indigo-500/30 transition-colors">
-      <div className="text-indigo-400 mb-4">{icon}</div>
-      <h3 className="text-xl font-semibold mb-2">{title}</h3>
-      <p className="text-gray-400 leading-relaxed">{description}</p>
-    </div>
-  )
-}
-
-function PricingCard({
-  name,
-  price,
-  description,
-  features,
-  highlighted,
-}: {
-  name: string
-  price: string
-  description: string
-  features: string[]
-  highlighted?: boolean
-}) {
-  return (
-    <div
-      className={`p-6 rounded-xl border flex flex-col ${
-        highlighted
-          ? 'bg-indigo-600/10 border-indigo-500/40'
-          : 'bg-white/5 border-white/5'
-      }`}
-    >
-      <h3 className="text-lg font-semibold mb-1">{name}</h3>
-      <p className="text-3xl font-bold mb-2">{price}</p>
-      <p className="text-gray-400 text-sm mb-6">{description}</p>
-      <ul className="space-y-2 text-sm text-gray-300 flex-1">
-        {features.map((f) => (
-          <li key={f} className="flex items-center gap-2">
-            <span className="text-indigo-400">&#10003;</span> {f}
-          </li>
-        ))}
-      </ul>
-      <button
-        className={`mt-6 w-full py-2 rounded-lg font-semibold transition-colors ${
-          highlighted
-            ? 'bg-indigo-600 hover:bg-indigo-500 text-white'
-            : 'bg-white/10 hover:bg-white/15 text-white'
-        }`}
-      >
-        {price === 'Custom' ? 'Contact Sales' : 'Get Started'}
-      </button>
-    </div>
-  )
-}

package/examples/saas/info.json

@@ -1,23 +0,0 @@
-{
-  "name": "SaaS",
-  "description": "A SaaS landing page with pricing, features, and FAQ built with TanStack Start and Tailwind CSS for Netlify.",
-  "phase": "example",
-  "modes": ["file-router"],
-  "type": "example",
-  "priority": 10,
-  "link": "",
-  "routes": [
-    {"url": "/", "path": "src/routes/index.tsx", "jsName": "Home"},
-    {"url": "/faq", "name": "FAQ", "icon": "HelpCircle", "path": "src/routes/faq.tsx", "jsName": "FAQ"}
-  ],
-  "features": ["tanstack-start"],
-  "integrations": [],
-  "dependsOn": [],
-  "variables": [],
-  "packageFileDescriptions": {
-    "src/routes/index.tsx": "Landing page: hero, pricing, features.",
-    "src/routes/faq.tsx": "FAQ page: accordion with Acme SaaS Q&A.",
-    "src/routes/__root.tsx": "Root layout: Header, styles.",
-    "src/components/Header.tsx": "Header with nav links."
-  }
-}

package/examples/saas/package.json

@@ -1 +0,0 @@
-{}

package/examples/survey/README.md

@@ -1,20 +0,0 @@
-# Survey Example
-
-A movie survey form built with TanStack Start and Netlify Forms for Netlify deployment.
-
-## Features
-
-- **Netlify Forms**: Server-side form handling without a backend
-- **Movie Selection**: Dropdown with popular movie choices
-- **Honeypot Protection**: Spam prevention via hidden field
-- **Success Feedback**: Thank-you message after submission
-
-## How It Works
-
-The form uses Netlify's built-in form handling. A hidden HTML file (`public/form-survey.html`) registers the form with Netlify at build time. Submissions are viewable in the Netlify dashboard.
-
-## Development
-
-```bash
-npm run dev
-```

package/examples/survey/assets/AGENTS.md.append

@@ -1,9 +0,0 @@
-### Netlify Forms Survey
-
-Movie survey form using Netlify Forms.
-
-**Form:** `best-movie-survey` - name, movie select, reason textarea
-**Spam protection:** `netlify-honeypot="bot-field"` + hidden bot-field input
-**Detection:** `public/form-survey.html` declares the form (hidden) for Netlify build detection
-
-No environment variables. Works after deploy to Netlify.

package/examples/survey/assets/public/form-survey.html

@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8" />
-  <title>Form</title>
-</head>
-<body>
-  <form name="best-movie-survey" method="POST" data-netlify="true" netlify-honeypot="bot-field" hidden>
-    <input type="text" name="name" />
-    <select name="movie"></select>
-    <textarea name="reason"></textarea>
-    <input name="bot-field" />
-  </form>
-</body>
-</html>