Function EditorContent

client-next/src/app/editor/page.tsx:16–193

()

import { PageHelp } from "@/components/page-help";

function EditorContent() {
  const searchParams = useSearchParams();
  const router = useRouter();
  const type = searchParams.get("type") as "skills" | "plugins" | "commands" | null;
  const name = searchParams.get("name");
  const isNew = searchParams.get("new") === "true";

  const [content, setContent] = useState("");
  const [description, setDescription] = useState("");
  const [currentName, setCurrentName] = useState("");
  const [loading, setLoading] = useState(true);
  const [saving, setSaving] = useState(false);

  useEffect(() => {
    if (!type || !name) {
      router.push("/skills");
      return;
    }

    if (isNew) {
      const defaultContent = type === "skills" ? "## When to Use\n\n## Instructions\n\n" : 
                             type === "commands" ? "Instructions:\n" : 
                             "// New Plugin\n\n";
      setContent(defaultContent);
      setCurrentName(name);
      setLoading(false);
      return;
    }

    const loadFile = async () => {
      try {
        setLoading(true);
        if (type === "skills") {
          const data = await getSkill(name);
          setContent(data.content);
          const match = data.content.match(/<description>([\s\S]*?)<\/description>/);
          setDescription(data.description || (match ? match[1].trim() : ""));
          setCurrentName(name);
        } else if (type === "commands") {
          const data = await getCommand(name);
          setContent(data.template);
          setCurrentName(name);
        } else {
          const data = await getPlugin(name);
          setContent(data.content);
          setCurrentName(name);
        }
      } catch {
        toast.error("Failed to load file");
        router.back();
      } finally {
        setLoading(false);
      }
    };

    loadFile();
  }, [type, name, isNew, router]);