@kidecms/core 0.1.0

package/README.md

@@ -0,0 +1,28 @@
+# `@kidecms/core`
+
+Kide's runtime and admin package.
+
+## Install shape
+
+The goal is to keep onboarding simple:
+
+- `@kidecms/core` brings its own CMS runtime, generator, and admin UI dependencies.
+- The host app provides `react` and `react-dom`.
+- Some features are optional:
+  - `@ai-sdk/openai` only when AI generation is enabled
+  - `sharp` only when local image transforms are enabled
+
+## Why some packages still exist in the app
+
+Kide keeps project-specific code inside the app:
+
+- database adapters
+- storage adapters
+- email adapters
+- generated schema files
+- framework route glue
+
+Because those files live in the app, the app may still depend on packages like
+`drizzle-orm`, `zod`, or `nanoid` when it imports them directly.
+
+That is separate from `@kidecms/core`'s own package contract.

package/admin/components/AdminCard.astro

@@ -0,0 +1,25 @@
+---
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/card";
+
+const {
+  title,
+  description,
+  compact = false,
+  class: className = "",
+} = Astro.props as {
+  title: string;
+  description?: string;
+  compact?: boolean;
+  class?: string;
+};
+---
+
+<Card className={className}>
+  <CardHeader className={compact ? "px-3 py-3" : "border-b"}>
+    <CardTitle className={compact ? "text-sm" : undefined}>{title}</CardTitle>
+    {description && <CardDescription>{description}</CardDescription>}
+  </CardHeader>
+  <CardContent className={compact ? "px-3 pb-3" : undefined}>
+    <slot />
+  </CardContent>
+</Card>

package/admin/components/AiGenerateButton.tsx

@@ -0,0 +1,102 @@
+import { useState } from "react";
+import { Sparkles, Loader2 } from "lucide-react";
+import { Button } from "./ui/button";
+
+interface AiGenerateButtonProps {
+  endpoint: string;
+  payload: Record<string, unknown>;
+  targetField: string;
+  label?: string;
+}
+
+function setFieldValue(name: string, value: string) {
+  const field = document.querySelector<HTMLInputElement | HTMLTextAreaElement>(`[name="${name}"]`);
+  if (!field) return;
+
+  // Rich text fields use a custom event to update the Tiptap editor
+  if (field.type === "hidden") {
+    field.dispatchEvent(new CustomEvent("cms:set-value", { detail: value }));
+    return;
+  }
+
+  const nativeSetter = Object.getOwnPropertyDescriptor(
+    field instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype,
+    "value",
+  )?.set;
+
+  if (nativeSetter) {
+    nativeSetter.call(field, value);
+  } else {
+    field.value = value;
+  }
+
+  field.dispatchEvent(new Event("input", { bubbles: true }));
+  field.dispatchEvent(new Event("change", { bubbles: true }));
+}
+
+export default function AiGenerateButton({
+  endpoint,
+  payload,
+  targetField,
+  label = "Generate with AI",
+}: AiGenerateButtonProps) {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const handleGenerate = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const livePayload = { ...payload };
+      for (const key of Object.keys(livePayload)) {
+        const el = document.querySelector<HTMLInputElement | HTMLTextAreaElement>(`[name="${key}"]`);
+        if (el) livePayload[key] = el.value;
+      }
+
+      const response = await fetch(endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(livePayload),
+      });
+
+      if (!response.ok) {
+        const err = await response.json().catch(() => ({ error: "Generation failed" }));
+        throw new Error(err.error || "Generation failed");
+      }
+
+      const reader = response.body?.getReader();
+      if (!reader) throw new Error("No response stream");
+
+      const decoder = new TextDecoder();
+      let accumulated = "";
+
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        accumulated += decoder.decode(value, { stream: true });
+        setFieldValue(targetField, accumulated);
+      }
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Generation failed");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div>
+      <Button
+        type="button"
+        variant="outline"
+        size="sm"
+        onClick={handleGenerate}
+        disabled={loading}
+        className="text-foreground/70"
+      >
+        {loading ? <Loader2 className="size-3 animate-spin" /> : <Sparkles className="size-4 stroke-1" />}
+        {label}
+      </Button>
+      {error && <p className="text-destructive mt-1 text-xs">{error}</p>}
+    </div>
+  );
+}