@agent-native/core 0.79.27 → 0.80.1

package/corpus/templates/design/app/components/design/ZoomControls.tsx

@@ -1,157 +0,0 @@
-import { useT } from "@agent-native/core/client";
-import {
-  IconZoomIn,
-  IconZoomOut,
-  IconMaximize,
-  IconChevronDown,
-} from "@tabler/icons-react";
-import { useState, useCallback, useRef, useEffect } from "react";
-
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-
-import { ZOOM_PRESETS } from "./types";
-
-interface ZoomControlsProps {
-  zoom: number;
-  onZoomChange: (zoom: number) => void;
-}
-
-export function ZoomControls({ zoom, onZoomChange }: ZoomControlsProps) {
-  const t = useT();
-  const [isEditing, setIsEditing] = useState(false);
-  const [editValue, setEditValue] = useState("");
-  const inputRef = useRef<HTMLInputElement>(null);
-  const roundedZoom = Math.round(zoom);
-  const zoomLabel = `${roundedZoom}%`;
-
-  const handleZoomIn = useCallback(() => {
-    const next = ZOOM_PRESETS.find((p) => p > zoom);
-    onZoomChange(next ?? 200);
-  }, [zoom, onZoomChange]);
-
-  const handleZoomOut = useCallback(() => {
-    const prev = [...ZOOM_PRESETS].reverse().find((p) => p < zoom);
-    onZoomChange(prev ?? 50);
-  }, [zoom, onZoomChange]);
-
-  const handleFitToScreen = useCallback(() => {
-    onZoomChange(100);
-  }, [onZoomChange]);
-
-  const handleStartEdit = useCallback(() => {
-    setEditValue(String(roundedZoom));
-    setIsEditing(true);
-  }, [roundedZoom]);
-
-  const handleCommitEdit = useCallback(() => {
-    const parsed = parseInt(editValue, 10);
-    if (!isNaN(parsed) && parsed >= 10 && parsed <= 500) {
-      onZoomChange(parsed);
-    }
-    setIsEditing(false);
-  }, [editValue, onZoomChange]);
-
-  const handleKeyDown = useCallback(
-    (e: React.KeyboardEvent) => {
-      if (e.key === "Enter") {
-        handleCommitEdit();
-      }
-      if (e.key === "Escape") {
-        setIsEditing(false);
-      }
-    },
-    [handleCommitEdit],
-  );
-
-  useEffect(() => {
-    if (isEditing && inputRef.current) {
-      inputRef.current.focus();
-      inputRef.current.select();
-    }
-  }, [isEditing]);
-
-  return (
-    <div className="flex items-center gap-0.5 bg-muted/50 rounded-md border border-border px-1 h-8">
-      <Button
-        variant="ghost"
-        size="icon"
-        className="h-6 w-6"
-        onClick={handleZoomOut}
-        disabled={zoom <= 50}
-      >
-        <IconZoomOut className="w-3.5 h-3.5" />
-      </Button>
-
-      {isEditing ? (
-        <input
-          ref={inputRef}
-          value={editValue}
-          onChange={(e) => setEditValue(e.target.value)}
-          onBlur={handleCommitEdit}
-          onKeyDown={handleKeyDown}
-          className="w-12 h-6 text-xs text-center bg-background border border-border rounded px-1 outline-none"
-        />
-      ) : (
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <button
-              onClick={handleStartEdit}
-              className="flex items-center gap-0.5 px-1.5 h-6 text-xs text-foreground tabular-nums hover:bg-accent rounded"
-            >
-              {zoomLabel}
-              <IconChevronDown className="w-3 h-3 opacity-50" />
-            </button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="center" className="w-24">
-            {ZOOM_PRESETS.map((preset) => (
-              <DropdownMenuItem
-                key={preset}
-                onClick={() => onZoomChange(preset)}
-                className="text-xs justify-center tabular-nums"
-              >
-                {preset}%
-              </DropdownMenuItem>
-            ))}
-          </DropdownMenuContent>
-        </DropdownMenu>
-      )}
-
-      <Button
-        variant="ghost"
-        size="icon"
-        className="h-6 w-6"
-        onClick={handleZoomIn}
-        disabled={zoom >= 200}
-      >
-        <IconZoomIn className="w-3.5 h-3.5" />
-      </Button>
-
-      <div className="w-px h-4 bg-border mx-0.5" />
-
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <Button
-            variant="ghost"
-            size="icon"
-            className="h-6 w-6"
-            onClick={handleFitToScreen}
-          >
-            <IconMaximize className="w-3.5 h-3.5" />
-          </Button>
-        </TooltipTrigger>
-        <TooltipContent>{t("designEditor.fitToScreen")}</TooltipContent>
-      </Tooltip>
-    </div>
-  );
-}

package/corpus/templates/slides/server/lib/fig-design-system.ts

@@ -1,110 +0,0 @@
-import type {
-  BrandKitData,
-  BrandKitDefaults,
-} from "@agent-native/core/brand-kit";
-import {
-  extractFigBrandKit,
-  looksLikeFigFile,
-  type FigBrandKitPreview,
-} from "@agent-native/core/brand-kit/fig";
-
-import type { DesignSystemData } from "../../shared/api.js";
-
-export const MAX_FIG_BYTES = 200 * 1024 * 1024;
-
-export interface SlidesFigDesignSystemResult {
-  ok: true;
-  suggestedTitle: string;
-  data: DesignSystemData;
-  customInstructions: string;
-  preview: FigBrandKitPreview;
-  format: "kiwi" | "zip";
-  version: number | null;
-}
-
-function titleFromFilename(filename: string | undefined): string {
-  return (
-    (filename || "Imported brand")
-      .replace(/\.fig$/i, "")
-      .replace(/[-_]+/g, " ")
-      .trim() || "Imported brand"
-  );
-}
-
-export function withSlidesDesignSystemDefaults(
-  partial: Partial<BrandKitData> & { defaults?: BrandKitDefaults },
-): DesignSystemData {
-  const inferredDefaults = partial.defaults;
-  const dark = inferredDefaults?.background === "dark";
-  const colors = {
-    primary: "#609FF8",
-    secondary: "#4ADE80",
-    accent: "#00E5FF",
-    background: dark ? "#000000" : "#FFFFFF",
-    surface: dark ? "#0a0a0a" : "#F8FAFC",
-    text: dark ? "#ffffff" : "#0F172A",
-    textMuted: dark ? "rgba(255,255,255,0.55)" : "#64748B",
-    ...partial.colors,
-  };
-
-  return {
-    colors,
-    typography: {
-      headingFont: "Poppins",
-      bodyFont: "Poppins",
-      headingWeight: "900",
-      bodyWeight: "400",
-      headingSizes: { h1: "64px", h2: "40px", h3: "28px" },
-      ...partial.typography,
-    },
-    spacing: {
-      slidePadding:
-        partial.spacing?.slidePadding ??
-        partial.spacing?.pagePadding ??
-        "80px 110px",
-      elementGap: partial.spacing?.elementGap ?? "20px",
-    },
-    borders: { radius: "12px", accentWidth: "4px", ...partial.borders },
-    slideDefaults: {
-      background: colors.background,
-      labelStyle: inferredDefaults?.labelStyle ?? "uppercase",
-    },
-    logos: partial.logos ?? [],
-    ...(partial.imageStyle ? { imageStyle: partial.imageStyle } : {}),
-    ...(partial.customCSS ? { customCSS: partial.customCSS } : {}),
-    ...(partial.notes ? { notes: partial.notes } : {}),
-  };
-}
-
-export function parseSlidesFigDesignSystem(args: {
-  data: Uint8Array;
-  filename?: string;
-}): SlidesFigDesignSystemResult {
-  if (args.data.length > MAX_FIG_BYTES) {
-    throw new Error(
-      `File too large (max ${Math.round(MAX_FIG_BYTES / 1024 / 1024)} MB).`,
-    );
-  }
-  if (!looksLikeFigFile(args.data)) {
-    throw new Error("That doesn't look like a Figma .fig file.");
-  }
-
-  const extracted = extractFigBrandKit(args.data);
-  const data = withSlidesDesignSystemDefaults(extracted.data);
-  if (extracted.preview.thumbnailDataUrl) {
-    data.imageStyle = {
-      referenceUrls: [extracted.preview.thumbnailDataUrl],
-      styleDescription: data.imageStyle?.styleDescription ?? "",
-    };
-  }
-
-  return {
-    ok: true,
-    suggestedTitle: titleFromFilename(args.filename),
-    data,
-    customInstructions: extracted.customInstructions,
-    preview: extracted.preview,
-    format: extracted.format,
-    version: extracted.version,
-  };
-}