kaddidlehopper 0.5.0 → 0.6.0

package/examples/survey/assets/src/components/SurveyForm.tsx

@@ -1,128 +0,0 @@
-import { useState } from 'react'
-
-const movieOptions = [
-  'The Shawshank Redemption',
-  'The Godfather',
-  'The Dark Knight',
-  'Pulp Fiction',
-  'Forrest Gump',
-  'The Matrix',
-  'Goodfellas',
-  'Star Wars: A New Hope',
-  'Jurassic Park',
-  'Back to the Future',
-]
-
-export default function SurveyForm() {
-  const [submitted, setSubmitted] = useState(false)
-
-  if (submitted) {
-    return (
-      <div className="text-center">
-        <h2 className="text-3xl font-bold text-white mb-4">
-          Thanks for voting!
-        </h2>
-        <p className="text-teal-100/80">
-          Your response has been recorded.
-        </p>
-      </div>
-    )
-  }
-
-  return (
-    <div className="w-full max-w-md px-4">
-      <h1 className="text-4xl md:text-5xl font-black text-white mb-2 tracking-tight">
-        Best Movie Ever?
-      </h1>
-      <p className="text-teal-100/80 mb-8">
-        Pick your favorite movie and tell us why you love it.
-      </p>
-
-      <form
-        name="best-movie-survey"
-        method="POST"
-        data-netlify="true"
-        netlify-honeypot="bot-field"
-        className="space-y-6"
-        onSubmit={(e) => {
-          e.preventDefault()
-          const form = e.currentTarget
-          fetch('/', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-            body: new URLSearchParams(new FormData(form) as never).toString(),
-          }).then(() => setSubmitted(true))
-        }}
-      >
-        <input type="hidden" name="form-name" value="best-movie-survey" />
-        <p className="hidden" style={{ display: 'none' }}>
-          <label>
-            Don&apos;t fill this out: <input name="bot-field" />
-          </label>
-        </p>
-
-        <div>
-          <label
-            htmlFor="name"
-            className="block text-sm font-medium text-teal-200 mb-2"
-          >
-            Your Name
-          </label>
-          <input
-            type="text"
-            id="name"
-            name="name"
-            required
-            className="w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-teal-300/50 focus:outline-none focus:ring-2 focus:ring-teal-400 focus:border-transparent"
-            placeholder="Your name"
-          />
-        </div>
-
-        <div>
-          <label
-            htmlFor="movie"
-            className="block text-sm font-medium text-teal-200 mb-2"
-          >
-            Best Movie
-          </label>
-          <select
-            id="movie"
-            name="movie"
-            required
-            className="w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white focus:outline-none focus:ring-2 focus:ring-teal-400 focus:border-transparent"
-          >
-            <option value="" className="bg-gray-800">Select a movie...</option>
-            {movieOptions.map((movie) => (
-              <option key={movie} value={movie} className="bg-gray-800">
-                {movie}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        <div>
-          <label
-            htmlFor="reason"
-            className="block text-sm font-medium text-teal-200 mb-2"
-          >
-            Why is it the best?
-          </label>
-          <textarea
-            id="reason"
-            name="reason"
-            rows={3}
-            className="w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-teal-300/50 focus:outline-none focus:ring-2 focus:ring-teal-400 focus:border-transparent resize-none"
-            placeholder="Tell us why you love this movie..."
-          />
-        </div>
-
-        <button
-          type="submit"
-          className="w-full px-8 py-3 bg-teal-500 hover:bg-teal-600 text-white font-semibold rounded-lg transition-colors shadow-lg shadow-teal-500/30"
-        >
-          Submit Vote
-        </button>
-      </form>
-    </div>
-  )
-}

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

@@ -1,14 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-import SurveyForm from '../components/SurveyForm'
-
-export const Route = createFileRoute('/')({
-  component: Home,
-})
-
-function Home() {
-  return (
-    <div className="min-h-screen bg-linear-to-br from-teal-900 via-emerald-800 to-cyan-900 flex items-center justify-center">
-      <SurveyForm />
-    </div>
-  )
-}

package/examples/survey/info.json

@@ -1,19 +0,0 @@
-{
-  "name": "Survey",
-  "description": "A movie survey form using Netlify Forms with TanStack Start for Netlify.",
-  "phase": "example",
-  "modes": ["file-router"],
-  "type": "example",
-  "priority": 10,
-  "link": "",
-  "routes": [{"url": "/", "path": "src/routes/index.tsx", "jsName": "Home"}],
-  "features": ["tanstack-start", "netlify-forms"],
-  "integrations": [],
-  "dependsOn": [],
-  "variables": [],
-  "packageFileDescriptions": {
-    "src/routes/index.tsx": "Survey home: renders SurveyForm.",
-    "src/components/SurveyForm.tsx": "Movie survey: favorite pick, Netlify Forms with honeypot.",
-    "public/form-survey.html": "Static HTML form declaration for Netlify Forms."
-  }
-}

package/examples/survey/package.json

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

package/project/base/AGENTS.md

@@ -1,86 +0,0 @@
-# AGENTS.md
-
-This document provides an overview of the project structure for developers and AI agents working on this codebase.
-
-## Project Overview
-
-An interactive resume/portfolio application with an AI-powered assistant. Built with TanStack Start and deployed on Netlify.
-
-### Tech Stack
-
-| Layer | Technology |
-|-------|------------|
-| Framework | TanStack Start |
-| Frontend | React 19, TanStack Router v1 |
-| Build | Vite 7 |
-| Styling | Tailwind CSS 4 |
-| UI Components | Radix UI + custom components |
-| Content | Content Collections (type-safe markdown) |
-| AI | TanStack AI with multi-provider support |
-| Language | TypeScript 5.7 (strict mode) |
-| Deployment | Netlify |
-
-## Directory Structure
-
-```
-[[[DIRECTORY STRUCTURE]]]
-```
-
-## Key Concepts
-
-### File-Based Routing (TanStack Router)
-
-Routes are defined by files in `src/routes/`:
-
-- `__root.tsx` - Root layout wrapping all pages
-- `index.tsx` - Route for `/`
-- `api.*.ts` - Server API endpoints (e.g., `api.resume-chat.ts` → `/api/resume-chat`)
-
-### Component Architecture
-
-**UI Primitives** (`src/components/ui/`):
-- Radix UI-based, Tailwind-styled
-- Card, Badge, Checkbox, Separator, HoverCard
-
-**Feature Components** (`src/components/`):
-- Header, HeaderNav, ResumeAssistant
-
-## Configuration Files
-
-| File | Purpose |
-|------|---------|
-| `vite.config.ts` | Vite plugins: TanStack Start, Netlify, Tailwind, Content Collections |
-| `tsconfig.json` | TypeScript config with `@/*` path alias for `src/*` |
-| `netlify.toml` | Build command, output directory, dev server settings |
-| `content-collections.ts` | Zod schemas for jobs and education frontmatter |
-| `styles.css` | Tailwind imports + CSS custom properties (oklch colors) |
-
-## Development Commands
-
-```bash
-npm run dev      # Start dev server
-npm run build    # Production build
-npm run preview  # Preview production build
-```
-
-## Conventions
-
-### Naming
-- Components: PascalCase
-- Utilities/hooks: camelCase
-- Routes: kebab-case files
-
-### Styling
-- Tailwind CSS utility classes
-- `cn()` helper for conditional class merging
-- CSS variables for theme tokens in `styles.css`
-
-### TypeScript
-- Strict mode enabled
-- Import paths use `@/` alias
-- Zod for runtime validation
-- Type-only imports with `type` keyword
-
-### State Management
-- React hooks for local state
-- Zustand if you need it for global state