← back to hyunwoooim-star__autoshorts-mvp-

Function bodies 248 total

setChannelFor function · typescript · L368-L370 (3 LOC)

src/app/dashboard/queue/page.tsx

  function setChannelFor(contentId: string, channel: PublishChannel) {
    setPublishChannel((prev) => ({ ...prev, [contentId]: channel }));
  }

togglePublishPanel function · typescript · L372-L382 (11 LOC)

src/app/dashboard/queue/page.tsx

  function togglePublishPanel(contentId: string) {
    if (publishingId === contentId) {
      setPublishingId(null);
      setSelectedProfileId("");
      setPublishScheduledAt("");
    } else {
      setPublishingId(contentId);
      setSelectedProfileId(bufferProfiles.length > 0 ? bufferProfiles[0].id : "");
      setPublishScheduledAt("");
    }
  }

canPublish function · typescript · L384-L390 (7 LOC)

src/app/dashboard/queue/page.tsx

  function canPublish(content: QueueContent): boolean {
    if (content.type === "CARD_NEWS") {
      return !!(content.cardImageUrls && content.cardImageUrls.length > 0);
    }
    if (content.videoPrompt && !content.videoUrl) return false;
    return true;
  }

getPublishDisabledReason function · typescript · L392-L402 (11 LOC)

src/app/dashboard/queue/page.tsx

  function getPublishDisabledReason(content: QueueContent): string | null {
    if (content.type === "CARD_NEWS") {
      if (!content.cardImageUrls || content.cardImageUrls.length === 0) {
        return "카드뉴스 이미지를 먼저 업로드하세요";
      }
    }
    if (content.videoPrompt && !content.videoUrl) {
      return "영상 URL이 필요합니다";
    }
    return null;
  }

handlePublish function · typescript · L405-L466 (62 LOC)

src/app/dashboard/queue/page.tsx

  async function handlePublish(contentId: string) {
    const channel = getPublishChannel(contentId);

    if (channel === "instagram") {
      toast("Instagram Reels 직접 발행은 준비 중입니다", "info");
      return;
    }

    if (channel === "both") {
      if (!selectedProfileId) {
        toast("Buffer 프로필을 선택해주세요", "error");
        return;
      }
    } else {
      if (!selectedProfileId) {
        toast("프로필을 선택해주세요", "error");
        return;
      }
    }

    setPublishLoading(true);
    try {
      const body: Record<string, unknown> = {
        contentId,
        profileIds: [selectedProfileId],
        publishTo: channel,
      };
      if (publishScheduledAt) {
        body.scheduledAt = new Date(publishScheduledAt).toISOString();
      }

      const res = await apiFetch("/api/publish", {
        method: "POST",
        body: JSON.stringify(body),
      });
      const data = await res.json();

      if (data.success) {
        if (channel === "both") {
          toast("Buffer 발행

fetchBrands function · typescript · L75-L90 (16 LOC)

src/app/dashboard/studio/page.tsx

    async function fetchBrands() {
      try {
        const res = await apiFetch("/api/brands");
        const data = await res.json();
        if (data.success) {
          setBrands(data.data);
          if (data.data.length > 0) {
            setSelectedBrandId(data.data[0].id);
          }
        }
      } catch {
        setError("브랜드 목록을 불러오지 못했습니다");
      } finally {
        setLoadingBrands(false);
      }
    }

fetchCharacters function · typescript · L98-L110 (13 LOC)

src/app/dashboard/studio/page.tsx

    async function fetchCharacters() {
      setLoadingCharacters(true);
      setSelectedCharacterId("");
      try {
        const res = await apiFetch(`/api/characters?brandId=${selectedBrandId}`);
        const data = await res.json();
        if (data.success) {
          setCharacters(data.data);
        }
      } finally {
        setLoadingCharacters(false);
      }
    }

All rows above produced by Repobility · https://repobility.com

fetchContents function · typescript · L112-L138 (27 LOC)

src/app/dashboard/studio/page.tsx

    async function fetchContents() {
      setLoadingContents(true);
      setSelectedContentId("");
      setGalleryImages([]);
      try {
        const res = await apiFetch(`/api/queue?brandId=${selectedBrandId}&limit=20`);
        const data = await res.json();
        if (data.success) {
          const items: Content[] = data.data;
          setContents(items);
          if (items.length > 0) {
            setSelectedContentId(items[0].id);
          }
          // 이미지 있는 콘텐츠 갤러리 초기화
          const gallery: GalleryImage[] = items
            .filter((c) => c.imageUrl || c.imageStatus !== "NONE")
            .map((c) => ({
              id: c.id,
              url: c.imageUrl ?? "",
              status: c.imageStatus,
            }));
          setGalleryImages(gallery);
        }
      } finally {
        setLoadingContents(false);
      }
    }

handleGenerate function · typescript · L216-L270 (55 LOC)

src/app/dashboard/studio/page.tsx

  async function handleGenerate() {
    if (!selectedContentId) {
      setError("콘텐츠를 선택해주세요");
      return;
    }

    setGenerating(true);
    setError("");
    try {
      const body: Record<string, unknown> = {
        contentId: selectedContentId,
        useUpscale,
      };
      if (selectedCharacterId) {
        body.characterId = selectedCharacterId;
      }
      if (scene.trim()) {
        body.scene = scene.trim();
      }

      const res = await apiFetch("/api/image/generate", {
        method: "POST",
        body: JSON.stringify(body),
      });
      const data = await res.json();

      if (data.success) {
        setSuccess(
          `이미지 생성 시작! (${data.data.mode === "face-lock" ? "PuLID 얼굴 고정" : "Flux Pro"}, 예상 ${data.data.estimatedTime})`
        );

        // 갤러리에 GENERATING 상태로 추가
        setGalleryImages((prev) => {
          const exists = prev.find((g) => g.id === selectedContentId);
          if (exists) {
            return prev.map((g) =>

handleUpscale function · typescript · L273-L305 (33 LOC)

src/app/dashboard/studio/page.tsx

  async function handleUpscale(contentId: string) {
    setUpscalingIds((prev) => new Set(prev).add(contentId));
    try {
      const res = await apiFetch("/api/image/upscale", {
        method: "POST",
        body: JSON.stringify({ contentId }),
      });
      const data = await res.json();

      if (data.success) {
        setSuccess("업스케일 시작! (~30초~2분)");
        setGalleryImages((prev) =>
          prev.map((g) =>
            g.id === contentId ? { ...g, status: "UPSCALING" as const } : g
          )
        );
      } else {
        setError(data.error || "업스케일 실패");
        setUpscalingIds((prev) => {
          const next = new Set(prev);
          next.delete(contentId);
          return next;
        });
      }
    } catch {
      setError("업스케일 요청에 실패했습니다");
      setUpscalingIds((prev) => {
        const next = new Set(prev);
        next.delete(contentId);
        return next;
      });
    }
  }

RootLayout function · typescript · L13-L25 (13 LOC)

src/app/layout.tsx

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="ko">
      <body className={inter.className}>
        <AuthProvider>{children}</AuthProvider>
      </body>
    </html>
  );
}

Home function · typescript · L7-L88 (82 LOC)

src/app/page.tsx

export default function Home() {
  const { data: session, status } = useSession();
  const router = useRouter();

  useEffect(() => {
    if (session) {
      router.push("/dashboard");
    }
  }, [session, router]);

  if (status === "loading") {
    return (
      <div className="min-h-screen flex items-center justify-center">
        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary" />
      </div>
    );
  }

  return (
    <main className="min-h-screen flex flex-col items-center justify-center bg-gradient-to-b from-slate-50 to-slate-100">
      <div className="max-w-md w-full mx-auto text-center space-y-8 p-8">
        <div className="space-y-2">
          <h1 className="text-4xl font-bold tracking-tight">AutoShorts</h1>
          <p className="text-muted-foreground text-lg">
            숏폼 콘텐츠 자동화
          </p>
        </div>

        <div className="space-y-4">
          <p className="text-sm text-muted-foreground">
            인스타그램 릴스 & 유튜브 쇼츠를

AuthProvider function · typescript · L6-L12 (7 LOC)

src/components/auth-provider.tsx

export function AuthProvider({ children }: { children: React.ReactNode }) {
  return (
    <SessionProvider>
      <ToastProvider>{children}</ToastProvider>
    </SessionProvider>
  );
}

CardNewsPreview function · typescript · L115-L374 (260 LOC)

src/components/card-news-preview.tsx

export function CardNewsPreview({ pages, contentId, cardImageUrls, onToast, onUploadComplete }: CardNewsPreviewProps) {
  const [paletteId, setPaletteId] = useState("lux-minimal");
  const [showPreview, setShowPreview] = useState(false);
  const [rendering, setRendering] = useState(false);
  const [uploading, setUploading] = useState(false);
  const renderRef = useRef<HTMLDivElement>(null);

  const selectedPalette =
    PALETTES.find((p) => p.id === paletteId) ?? PALETTES[0];

  async function handleDownload() {
    if (!renderRef.current) return;
    setRendering(true);

    try {
      const html2canvas = (await import("html2canvas")).default;
      const cards = renderRef.current.querySelectorAll("[data-card-index]");

      for (let i = 0; i < cards.length; i++) {
        const canvas = await html2canvas(cards[i] as HTMLElement, {
          width: 1080,
          height: 1350,
          scale: 1,
          useCORS: true,
        });

        const link = document.createElement("a"

handleDownload function · typescript · L125-L159 (35 LOC)

src/components/card-news-preview.tsx

  async function handleDownload() {
    if (!renderRef.current) return;
    setRendering(true);

    try {
      const html2canvas = (await import("html2canvas")).default;
      const cards = renderRef.current.querySelectorAll("[data-card-index]");

      for (let i = 0; i < cards.length; i++) {
        const canvas = await html2canvas(cards[i] as HTMLElement, {
          width: 1080,
          height: 1350,
          scale: 1,
          useCORS: true,
        });

        const link = document.createElement("a");
        link.download = `card-${contentId.slice(-6)}-${i + 1}.png`;
        link.href = canvas.toDataURL("image/png");
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);

        // Small delay between downloads to avoid browser throttling
        await new Promise((r) => setTimeout(r, 300));
      }

      onToast?.(`${cards.length}장 카드 이미지 다운로드 완료`, "success");
    } catch (error) {
      console.error("Card render failed

Want fix-PRs on findings? Install Repobility's GitHub App · github.com/apps/repobility-bot

handleUpload function · typescript · L161-L203 (43 LOC)

src/components/card-news-preview.tsx

  async function handleUpload() {
    if (!renderRef.current) return;
    setUploading(true);

    try {
      const html2canvas = (await import("html2canvas")).default;
      const cards = renderRef.current.querySelectorAll("[data-card-index]");
      const formData = new FormData();
      formData.append("contentId", contentId);

      for (let i = 0; i < cards.length; i++) {
        const canvas = await html2canvas(cards[i] as HTMLElement, {
          width: 1080,
          height: 1350,
          scale: 1,
          useCORS: true,
        });

        const blob = await new Promise<Blob>((resolve) =>
          canvas.toBlob((b) => resolve(b!), "image/png")
        );
        formData.append(`image_${i}`, blob, `card-${i + 1}.png`);
      }

      const res = await apiFetch("/api/card-news/upload", {
        method: "POST",
        body: formData,
      });
      const data = await res.json();

      if (data.success) {
        onToast?.(`${data.data.count}장 이미지 업로드 완료`, "success");

hexToRgba function · typescript · L25-L40 (16 LOC)