@teriusu/rich-editor 0.9.8 → 0.9.10

package/dist/components/PdfViewer.svelte

@@ -1,160 +0,0 @@
-<script lang="ts">
-  import { onMount } from "svelte";
-  import { ChevronLeft, ChevronRight } from "lucide-svelte";
-  import { getPdfJs } from "../utils/pdf";
-
-  let {
-    src,
-    fileName,
-    label
-  }: { src: string; fileName?: string; label?: string } = $props();
-
-  const cleanName = (raw?: string) =>
-    (raw || "").replace(/[?#].*$/, "").trim() || "PDF 문서";
-
-  /** `label` 이 있으면 그것, 없으면 파일명. */
-  const displayName = $derived(label?.trim() || cleanName(fileName));
-
-  let canvasEl: HTMLCanvasElement | undefined = $state();
-  let containerEl: HTMLDivElement | undefined = $state();
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let pdf: any = $state(null);
-  let page = $state(1);
-  let total = $state(0);
-  let loading = $state(true);
-  let error = $state(false);
-  let rendering = false;
-
-  async function renderPage() {
-    if (!pdf || !canvasEl || !containerEl || rendering) return;
-    rendering = true;
-    try {
-      const pageObj = await pdf.getPage(page);
-      const unscaledViewport = pageObj.getViewport({ scale: 1 });
-      const availableWidth = containerEl.clientWidth;
-      if (availableWidth <= 0) return;
-      const scale = availableWidth / unscaledViewport.width;
-      const viewport = pageObj.getViewport({ scale });
-      const dpr = window.devicePixelRatio || 1;
-      canvasEl.width = viewport.width * dpr;
-      canvasEl.height = viewport.height * dpr;
-      canvasEl.style.width = `${viewport.width}px`;
-      canvasEl.style.height = `${viewport.height}px`;
-      const ctx = canvasEl.getContext("2d");
-      if (!ctx) return;
-      ctx.resetTransform();
-      ctx.clearRect(0, 0, canvasEl.width, canvasEl.height);
-      ctx.scale(dpr, dpr);
-      await pageObj.render({ canvasContext: ctx, viewport }).promise;
-    } finally {
-      rendering = false;
-    }
-  }
-
-  $effect(() => {
-    if (pdf && page) renderPage();
-  });
-
-  onMount(() => {
-    let cancelled = false;
-
-    (async () => {
-      try {
-        loading = true;
-        error = false;
-        const pdfjsLib = await getPdfJs();
-        const loadingTask = pdfjsLib.getDocument(src);
-        const pdfDoc = await loadingTask.promise;
-        if (!cancelled) {
-          pdf = pdfDoc;
-          total = pdfDoc.numPages;
-          loading = false;
-        }
-      } catch (e) {
-        console.error("[PdfViewer] PDF 로드 실패:", src, e);
-        if (!cancelled) {
-          error = true;
-          loading = false;
-        }
-      }
-    })();
-
-    // ResizeObserver
-    let timeout: ReturnType<typeof setTimeout>;
-    const observer = new ResizeObserver(() => {
-      clearTimeout(timeout);
-      timeout = setTimeout(renderPage, 100);
-    });
-    if (containerEl) observer.observe(containerEl);
-
-    return () => {
-      cancelled = true;
-      observer.disconnect();
-      clearTimeout(timeout);
-    };
-  });
-</script>
-
-{#if error}
-  <div class="border border-border rounded-lg p-4 text-center">
-    <p class="text-sm text-muted-foreground">PDF를 불러올 수 없습니다.</p>
-    <a
-      href={src}
-      target="_blank"
-      rel="noopener noreferrer"
-      class="text-sm text-primary hover:underline"
-    >
-      직접 다운로드
-    </a>
-  </div>
-{:else if loading}
-  <div class="border border-border rounded-lg p-8 text-center">
-    <p class="text-sm text-muted-foreground animate-pulse">PDF 로딩 중...</p>
-  </div>
-{:else}
-  <div class="border border-border rounded-lg overflow-hidden my-2">
-    <div class="flex items-center gap-2 px-3 py-1 border-b border-border bg-muted">
-      <span class="text-xs text-muted-foreground truncate min-w-0">
-        {displayName}
-      </span>
-      <span class="text-xs text-muted-foreground tabular-nums ml-auto shrink-0">
-        {page} / {total}
-      </span>
-    </div>
-
-    <div
-      bind:this={containerEl}
-      class="flex items-center justify-center"
-    >
-      <canvas bind:this={canvasEl} class="shadow-sm"></canvas>
-    </div>
-
-    {#if total > 1}
-      <div
-        class="flex items-center justify-center gap-4 px-3 py-1 border-t border-border bg-muted"
-      >
-        <button
-          type="button"
-          onclick={() => (page = Math.max(1, page - 1))}
-          disabled={page <= 1}
-          class="p-1.5 rounded hover:bg-muted transition-colors disabled:opacity-30"
-          title="이전 페이지"
-        >
-          <ChevronLeft class="w-4 h-4" />
-        </button>
-        <span class="text-sm tabular-nums">
-          {page} / {total}
-        </span>
-        <button
-          type="button"
-          onclick={() => (page = Math.min(total, page + 1))}
-          disabled={page >= total}
-          class="p-1.5 rounded hover:bg-muted transition-colors disabled:opacity-30"
-          title="다음 페이지"
-        >
-          <ChevronRight class="w-4 h-4" />
-        </button>
-      </div>
-    {/if}
-  </div>
-{/if}

package/dist/components/PdfViewer.svelte.d.ts

@@ -1,9 +0,0 @@
-type $$ComponentProps = {
-    src: string;
-    fileName?: string;
-    label?: string;
-};
-declare const PdfViewer: import("svelte").Component<$$ComponentProps, {}, "">;
-type PdfViewer = ReturnType<typeof PdfViewer>;
-export default PdfViewer;
-//# sourceMappingURL=PdfViewer.svelte.d.ts.map

package/dist/components/PdfViewer.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PdfViewer.svelte.d.ts","sourceRoot":"","sources":["../../src/components/PdfViewer.svelte.ts"],"names":[],"mappings":"AAOC,KAAK,gBAAgB,GAAI;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AA8I7E,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}