@lumir-company/editor 0.2.0 → 0.3.3

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/LumirEditor.tsx","../src/utils/cn.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo } from \"react\";\nimport {\n  useCreateBlockNote,\n  SideMenu as BlockSideMenu,\n  SideMenuController,\n  DragHandleButton,\n  SuggestionMenuController,\n  getDefaultReactSlashMenuItems,\n} from \"@blocknote/react\";\nimport { BlockNoteView } from \"@blocknote/mantine\";\nimport { cn } from \"../utils/cn\";\n\nimport type {\n  DefaultPartialBlock,\n  LumirEditorProps,\n  DefaultBlockSchema,\n  DefaultInlineContentSchema,\n  DefaultStyleSchema,\n} from \"../types\";\n\n// ==========================================\n// 유틸리티 클래스들 (안전한 리팩토링)\n// ==========================================\n\n/**\n * 콘텐츠 관리 유틸리티\n * 기본 블록 생성 및 콘텐츠 검증 로직을 담당\n */\nexport class ContentUtils {\n  /**\n   * JSON 문자열의 유효성을 검증합니다\n   * @param jsonString 검증할 JSON 문자열\n   * @returns 유효한 JSON 문자열인지 여부\n   */\n  static isValidJSONString(jsonString: string): boolean {\n    try {\n      const parsed = JSON.parse(jsonString);\n      return Array.isArray(parsed);\n    } catch {\n      return false;\n    }\n  }\n\n  /**\n   * JSON 문자열을 DefaultPartialBlock 배열로 파싱합니다\n   * @param jsonString JSON 문자열\n   * @returns 파싱된 블록 배열 또는 null (파싱 실패 시)\n   */\n  static parseJSONContent(jsonString: string): DefaultPartialBlock[] | null {\n    try {\n      const parsed = JSON.parse(jsonString);\n      if (Array.isArray(parsed)) {\n        return parsed as DefaultPartialBlock[];\n      }\n      return null;\n    } catch {\n      return null;\n    }\n  }\n  /**\n   * 기본 paragraph 블록 생성\n   * @returns 기본 설정이 적용된 DefaultPartialBlock\n   */\n  static createDefaultBlock(): DefaultPartialBlock {\n    return {\n      type: \"paragraph\",\n      props: {\n        textColor: \"default\",\n        backgroundColor: \"default\",\n        textAlignment: \"left\",\n      },\n      content: [{ type: \"text\", text: \"\", styles: {} }],\n      children: [],\n    };\n  }\n\n  /**\n   * 콘텐츠 유효성 검증 및 기본값 설정\n   * @param content 사용자 제공 콘텐츠 (객체 배열 또는 JSON 문자열)\n   * @param emptyBlockCount 빈 블록 개수 (기본값: 3)\n   * @param placeholder 첫 번째 블록의 placeholder 텍스트\n   * @returns 검증된 콘텐츠 배열\n   */\n  static validateContent(\n    content?: DefaultPartialBlock[] | string,\n    emptyBlockCount: number = 3,\n    placeholder?: string\n  ): DefaultPartialBlock[] {\n    // 1. 문자열인 경우 JSON 파싱 시도\n    if (typeof content === \"string\") {\n      if (content.trim() === \"\") {\n        return this.createEmptyBlocks(emptyBlockCount, placeholder);\n      }\n\n      const parsedContent = this.parseJSONContent(content);\n      if (parsedContent && parsedContent.length > 0) {\n        return parsedContent;\n      }\n\n      // 파싱 실패 시 빈 블록 생성\n      return this.createEmptyBlocks(emptyBlockCount, placeholder);\n    }\n\n    // 2. 배열인 경우 기존 로직\n    if (!content || content.length === 0) {\n      return this.createEmptyBlocks(emptyBlockCount, placeholder);\n    }\n\n    return content;\n  }\n\n  /**\n   * 빈 블록들을 생성합니다\n   * @param emptyBlockCount 생성할 블록 개수\n   * @param placeholder 첫 번째 블록의 placeholder 텍스트\n   * @returns 생성된 빈 블록 배열\n   */\n  private static createEmptyBlocks(\n    emptyBlockCount: number,\n    placeholder?: string\n  ): DefaultPartialBlock[] {\n    return Array.from({ length: emptyBlockCount }, (_, index) => {\n      const block = this.createDefaultBlock();\n      // 첫 번째 블록에 placeholder 텍스트 적용\n      if (index === 0 && placeholder) {\n        block.content = [{ type: \"text\", text: placeholder, styles: {} }];\n      }\n      return block;\n    });\n  }\n}\n\n/**\n * 에디터 설정 관리 유틸리티\n * 각종 설정의 기본값과 검증 로직을 담당\n */\nexport class EditorConfig {\n  /**\n   * 테이블 설정 기본값 적용\n   * @param userTables 사용자 테이블 설정\n   * @returns 기본값이 적용된 테이블 설정\n   */\n  static getDefaultTableConfig(userTables?: LumirEditorProps[\"tables\"]) {\n    return {\n      splitCells: userTables?.splitCells ?? true,\n      cellBackgroundColor: userTables?.cellBackgroundColor ?? true,\n      cellTextColor: userTables?.cellTextColor ?? true,\n      headers: userTables?.headers ?? true,\n    };\n  }\n\n  /**\n   * 헤딩 설정 기본값 적용\n   * @param userHeading 사용자 헤딩 설정\n   * @returns 기본값이 적용된 헤딩 설정\n   */\n  static getDefaultHeadingConfig(userHeading?: LumirEditorProps[\"heading\"]) {\n    return userHeading?.levels && userHeading.levels.length > 0\n      ? userHeading\n      : { levels: [1, 2, 3, 4, 5, 6] as (1 | 2 | 3 | 4 | 5 | 6)[] };\n  }\n\n  /**\n   * 비활성화할 확장 기능 목록 생성\n   * @param userExtensions 사용자 정의 비활성 확장\n   * @param allowVideo 비디오 업로드 허용 여부\n   * @param allowAudio 오디오 업로드 허용 여부\n   * @returns 비활성화할 확장 기능 목록\n   */\n  static getDisabledExtensions(\n    userExtensions?: string[],\n    allowVideo = false,\n    allowAudio = false\n  ): string[] {\n    const set = new Set<string>(userExtensions ?? []);\n    if (!allowVideo) set.add(\"video\");\n    if (!allowAudio) set.add(\"audio\");\n    return Array.from(set);\n  }\n}\n\nconst createObjectUrlUploader = async (file: File): Promise<string> => {\n  return URL.createObjectURL(file);\n};\n\nconst fileToBase64 = async (file: File): Promise<string> =>\n  await new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onload = () => resolve(String(reader.result));\n    reader.onerror = () => reject(new Error(\"FileReader failed\"));\n    reader.readAsDataURL(file);\n  });\n\nexport default function LumirEditor({\n  // editor options\n  initialContent,\n  initialEmptyBlocks = 3,\n  placeholder,\n  uploadFile,\n  pasteHandler,\n  tables,\n  heading,\n  animations = true,\n  defaultStyles = true,\n  disableExtensions,\n  domAttributes,\n  tabBehavior = \"prefer-navigate-ui\",\n  trailingBlock = true,\n  resolveFileUrl,\n  storeImagesAsBase64 = true,\n  allowVideoUpload = false,\n  allowAudioUpload = false,\n  allowFileUpload = false,\n  // view options\n  editable = true,\n  theme = \"light\",\n  formattingToolbar = true,\n  linkToolbar = true,\n  sideMenu = true,\n  slashMenu = true,\n  emojiPicker = true,\n  filePanel = true,\n  tableHandles = true,\n  comments = true,\n  onSelectionChange,\n  className = \"\",\n  includeDefaultStyles = true,\n  sideMenuAddButton = true,\n  // callbacks / refs\n  onContentChange,\n  editorRef,\n}: LumirEditorProps) {\n  const validatedContent = useMemo<DefaultPartialBlock[]>(() => {\n    return ContentUtils.validateContent(\n      initialContent,\n      initialEmptyBlocks,\n      placeholder\n    );\n  }, [initialContent, initialEmptyBlocks, placeholder]);\n\n  const editor = useCreateBlockNote<\n    DefaultBlockSchema,\n    DefaultInlineContentSchema,\n    DefaultStyleSchema\n  >(\n    {\n      initialContent: validatedContent as DefaultPartialBlock[],\n      tables: EditorConfig.getDefaultTableConfig(tables),\n      heading: EditorConfig.getDefaultHeadingConfig(heading),\n      animations,\n      defaultStyles,\n      // 확장 비활성: 비디오/오디오만 제어(파일 확장은 내부 드롭 로직 의존 → 비활성화하지 않음)\n      disableExtensions: useMemo(() => {\n        return EditorConfig.getDisabledExtensions(\n          disableExtensions,\n          allowVideoUpload,\n          allowAudioUpload\n        );\n      }, [disableExtensions, allowVideoUpload, allowAudioUpload]),\n      domAttributes,\n      tabBehavior,\n      trailingBlock,\n      resolveFileUrl,\n      uploadFile: async (file) => {\n        const custom = uploadFile;\n        const fallback = storeImagesAsBase64\n          ? fileToBase64\n          : createObjectUrlUploader;\n        try {\n          if (custom) return await custom(file);\n          return await fallback(file);\n        } catch (_) {\n          // Fallback to ObjectURL when FileReader or custom upload fails\n          try {\n            return await createObjectUrlUploader(file);\n          } catch {\n            throw new Error(\"Failed to process file for upload\");\n          }\n        }\n      },\n      pasteHandler: (ctx) => {\n        const { event, editor, defaultPasteHandler } = ctx as any;\n        const fileList =\n          (event?.clipboardData?.files as FileList | null) ?? null;\n        const files: File[] = fileList ? Array.from(fileList) : [];\n        const accepted: File[] = files.filter(\n          (f: File) =>\n            f.size > 0 &&\n            (f.type?.startsWith(\"image/\") ||\n              (!f.type &&\n                /\\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(f.name || \"\")))\n        );\n        // 파일 항목이 있으나 허용되지 않으면 기본 처리도 막고 무시\n        if (files.length > 0 && accepted.length === 0) {\n          event.preventDefault();\n          return true;\n        }\n        if (accepted.length === 0) return defaultPasteHandler() ?? false;\n        event.preventDefault();\n        (async () => {\n          const doUpload =\n            uploadFile ??\n            (storeImagesAsBase64 ? fileToBase64 : createObjectUrlUploader);\n          for (const file of accepted) {\n            try {\n              const url = await doUpload(file);\n              editor.pasteHTML(`<img src=\"${url}\" alt=\"image\" />`);\n            } catch (err) {\n              // 업로드 실패 파일은 삽입하지 않음 (삭제/스킵)\n              // console.warn로만 기록하여 UI 오류를 막음\n              console.warn(\n                \"Image upload failed, skipped:\",\n                file.name || \"\",\n                err\n              );\n              continue;\n            }\n          }\n        })();\n        return true;\n      },\n    },\n    [\n      uploadFile,\n      pasteHandler,\n      storeImagesAsBase64,\n      allowVideoUpload,\n      allowAudioUpload,\n      allowFileUpload,\n      tables?.splitCells,\n      tables?.cellBackgroundColor,\n      tables?.cellTextColor,\n      tables?.headers,\n      heading?.levels?.join(\",\"),\n      animations,\n      defaultStyles,\n      disableExtensions?.join(\",\"),\n      domAttributes ? JSON.stringify(domAttributes) : undefined,\n      tabBehavior,\n      trailingBlock,\n      resolveFileUrl,\n    ]\n  );\n\n  useEffect(() => {\n    if (!editor) return;\n    editor.isEditable = editable;\n    const el = editor.domElement as HTMLElement | undefined;\n    if (!editable) {\n      if (el) {\n        el.style.userSelect = \"text\";\n        (\n          el.style as CSSStyleDeclaration & { webkitUserSelect?: string }\n        ).webkitUserSelect = \"text\";\n      }\n    }\n  }, [editor, editable]);\n\n  useEffect(() => {\n    if (!editor || !onContentChange) return;\n    let lastContent = \"\";\n    const handleContentChange = () => {\n      const topLevelBlocks =\n        editor.topLevelBlocks as unknown as DefaultPartialBlock[];\n      const currentContent = JSON.stringify(topLevelBlocks);\n      if (lastContent === currentContent) return;\n      lastContent = currentContent;\n      onContentChange(topLevelBlocks);\n    };\n    editor.onEditorContentChange(handleContentChange);\n    return () => {};\n  }, [editor, onContentChange]);\n\n  // 외부에서 imperative API 접근을 위한 ref 연결\n  useEffect(() => {\n    if (!editorRef) return;\n    editorRef.current = editor ?? null;\n    return () => {\n      if (editorRef) editorRef.current = null;\n    };\n  }, [editor, editorRef]);\n\n  useEffect(() => {\n    const el = editor?.domElement as HTMLElement | undefined;\n    if (!el) return;\n    const handleDragOver = (e: DragEvent) => {\n      if (e.defaultPrevented) return;\n      const hasFiles = (\n        e.dataTransfer?.types as unknown as string[] | undefined\n      )?.includes?.(\"Files\");\n      if (hasFiles) {\n        e.preventDefault();\n        e.stopPropagation();\n        // @ts-ignore\n        if (typeof (e as any).stopImmediatePropagation === \"function\") {\n          // @ts-ignore\n          (e as any).stopImmediatePropagation();\n        }\n      }\n    };\n\n    const handleDrop = (e: DragEvent) => {\n      if (!e.dataTransfer) return;\n      const hasFiles = (\n        (e.dataTransfer.types as unknown as string[] | undefined) ?? []\n      ).includes(\"Files\");\n      if (!hasFiles) return;\n\n      // 기본 드롭 동작을 항상 차단해, 허용되지 않는 파일이 렌더링되지 않도록 함\n      e.preventDefault();\n      e.stopPropagation();\n      // @ts-ignore\n      (e as any).stopImmediatePropagation?.();\n\n      // DataTransferItem 우선 (디렉토리/가짜 항목 배제)\n      const items = Array.from(e.dataTransfer.items ?? []);\n      const files = items\n        .filter((it) => it.kind === \"file\")\n        .map((it) => it.getAsFile())\n        .filter((f): f is File => !!f);\n\n      const accepted = files.filter(\n        (f) =>\n          f.size > 0 &&\n          (f.type?.startsWith(\"image/\") ||\n            (!f.type && /\\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(f.name || \"\")))\n      );\n      if (accepted.length === 0) return; // 차단만 하고 아무것도 삽입하지 않음\n\n      (async () => {\n        const doUpload =\n          uploadFile ??\n          (storeImagesAsBase64 ? fileToBase64 : createObjectUrlUploader);\n        for (const f of accepted) {\n          try {\n            const url = await doUpload(f);\n            editor?.pasteHTML(`<img src=\"${url}\" alt=\"image\" />`);\n          } catch (err) {\n            // 실패 파일은 삽입하지 않음\n            console.warn(\"Image upload failed, skipped:\", f.name || \"\", err);\n            continue;\n          }\n        }\n      })();\n    };\n    el.addEventListener(\"dragover\", handleDragOver, { capture: true });\n    el.addEventListener(\"drop\", handleDrop, { capture: true });\n    return () => {\n      el.removeEventListener(\"dragover\", handleDragOver, {\n        capture: true,\n      } as any);\n      el.removeEventListener(\"drop\", handleDrop, { capture: true } as any);\n    };\n  }, [\n    editor,\n    uploadFile,\n    storeImagesAsBase64,\n    allowVideoUpload,\n    allowAudioUpload,\n  ]);\n\n  // Add block 버튼을 끄면 기본 SideMenu를 비활성화하고 커스텀 SideMenu만 렌더(드래그 핸들 유지)\n  const computedSideMenu = sideMenuAddButton ? sideMenu : false;\n\n  // 공식 가이드 방식: 커스텀 SideMenu 컴포넌트 전달 (버튼 미제공 → 플러스 버튼 없음)\n  // 공식 가이드 패턴: props를 전달받아 DragHandleButton만 유지\n  const DragHandleOnlySideMenu = (props: any) => {\n    return (\n      <BlockSideMenu {...props}>\n        <DragHandleButton {...props} />\n      </BlockSideMenu>\n    );\n  };\n\n  return (\n    <BlockNoteView\n      className={cn(\n        includeDefaultStyles &&\n          'lumirEditor w-full h-full min-w-[300px] overflow-auto rounded-md border border-gray-300 focus-within:ring-2 focus-within:ring-black [&_.bn-editor]:px-[12px] [&_[data-content-type=\"paragraph\"]]:text-[14px] bg-white',\n        className\n      )}\n      editor={editor}\n      editable={editable}\n      theme={theme as \"light\" | \"dark\" | undefined}\n      formattingToolbar={formattingToolbar}\n      linkToolbar={linkToolbar}\n      sideMenu={computedSideMenu}\n      slashMenu={false}\n      emojiPicker={emojiPicker}\n      filePanel={filePanel}\n      tableHandles={tableHandles}\n      comments={comments}\n      onSelectionChange={onSelectionChange}\n    >\n      <SuggestionMenuController\n        triggerCharacter=\"/\"\n        getItems={async (query: string) => {\n          const items = getDefaultReactSlashMenuItems(editor);\n          const filtered = items.filter((it: any) => {\n            const k = (it?.key || \"\").toString();\n            if ([\"video\", \"audio\", \"file\"].includes(k)) return false;\n            return true;\n          });\n          if (!query) return filtered;\n          const q = query.toLowerCase();\n          return filtered.filter(\n            (it: any) =>\n              (it.title || \"\").toLowerCase().includes(q) ||\n              (it.aliases || []).some((a: string) =>\n                a.toLowerCase().includes(q)\n              )\n          );\n        }}\n      />\n      {!sideMenuAddButton && (\n        <SideMenuController sideMenu={DragHandleOnlySideMenu} />\n      )}\n    </BlockNoteView>\n  );\n}\n","// clsx와 tailwind-merge를 사용한 className 유틸리티\r\n// 사용자가 직접 설치하도록 권장하거나, 간단한 버전 제공\r\n\r\nexport function cn(...inputs: (string | undefined | null | false)[]) {\r\n  return inputs.filter(Boolean).join(' ');\r\n}\r\n"],"mappings":";;;AAEA,SAAS,WAAW,eAAe;AACnC;AAAA,EACE;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;;;ACRvB,SAAS,MAAM,QAA+C;AACnE,SAAO,OAAO,OAAO,OAAO,EAAE,KAAK,GAAG;AACxC;;;ADkdQ,cAMJ,YANI;AAzbD,IAAM,eAAN,MAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxB,OAAO,kBAAkB,YAA6B;AACpD,QAAI;AACF,YAAM,SAAS,KAAK,MAAM,UAAU;AACpC,aAAO,MAAM,QAAQ,MAAM;AAAA,IAC7B,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,iBAAiB,YAAkD;AACxE,QAAI;AACF,YAAM,SAAS,KAAK,MAAM,UAAU;AACpC,UAAI,MAAM,QAAQ,MAAM,GAAG;AACzB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,qBAA0C;AAC/C,WAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,QACL,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,eAAe;AAAA,MACjB;AAAA,MACA,SAAS,CAAC,EAAE,MAAM,QAAQ,MAAM,IAAI,QAAQ,CAAC,EAAE,CAAC;AAAA,MAChD,UAAU,CAAC;AAAA,IACb;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,OAAO,gBACL,SACA,kBAA0B,GAC1B,aACuB;AAEvB,QAAI,OAAO,YAAY,UAAU;AAC/B,UAAI,QAAQ,KAAK,MAAM,IAAI;AACzB,eAAO,KAAK,kBAAkB,iBAAiB,WAAW;AAAA,MAC5D;AAEA,YAAM,gBAAgB,KAAK,iBAAiB,OAAO;AACnD,UAAI,iBAAiB,cAAc,SAAS,GAAG;AAC7C,eAAO;AAAA,MACT;AAGA,aAAO,KAAK,kBAAkB,iBAAiB,WAAW;AAAA,IAC5D;AAGA,QAAI,CAAC,WAAW,QAAQ,WAAW,GAAG;AACpC,aAAO,KAAK,kBAAkB,iBAAiB,WAAW;AAAA,IAC5D;AAEA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,OAAe,kBACb,iBACA,aACuB;AACvB,WAAO,MAAM,KAAK,EAAE,QAAQ,gBAAgB,GAAG,CAAC,GAAG,UAAU;AAC3D,YAAM,QAAQ,KAAK,mBAAmB;AAEtC,UAAI,UAAU,KAAK,aAAa;AAC9B,cAAM,UAAU,CAAC,EAAE,MAAM,QAAQ,MAAM,aAAa,QAAQ,CAAC,EAAE,CAAC;AAAA,MAClE;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;AAMO,IAAM,eAAN,MAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxB,OAAO,sBAAsB,YAAyC;AACpE,WAAO;AAAA,MACL,YAAY,YAAY,cAAc;AAAA,MACtC,qBAAqB,YAAY,uBAAuB;AAAA,MACxD,eAAe,YAAY,iBAAiB;AAAA,MAC5C,SAAS,YAAY,WAAW;AAAA,IAClC;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAO,wBAAwB,aAA2C;AACxE,WAAO,aAAa,UAAU,YAAY,OAAO,SAAS,IACtD,cACA,EAAE,QAAQ,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EAA+B;AAAA,EAChE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,OAAO,sBACL,gBACA,aAAa,OACb,aAAa,OACH;AACV,UAAM,MAAM,IAAI,IAAY,kBAAkB,CAAC,CAAC;AAChD,QAAI,CAAC,WAAY,KAAI,IAAI,OAAO;AAChC,QAAI,CAAC,WAAY,KAAI,IAAI,OAAO;AAChC,WAAO,MAAM,KAAK,GAAG;AAAA,EACvB;AACF;AAEA,IAAM,0BAA0B,OAAO,SAAgC;AACrE,SAAO,IAAI,gBAAgB,IAAI;AACjC;AAEA,IAAM,eAAe,OAAO,SAC1B,MAAM,IAAI,QAAQ,CAAC,SAAS,WAAW;AACrC,QAAM,SAAS,IAAI,WAAW;AAC9B,SAAO,SAAS,MAAM,QAAQ,OAAO,OAAO,MAAM,CAAC;AACnD,SAAO,UAAU,MAAM,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAC5D,SAAO,cAAc,IAAI;AAC3B,CAAC;AAEY,SAAR,YAA6B;AAAA;AAAA,EAElC;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB;AAAA,EACA,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA;AAAA,EAElB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAW;AAAA,EACX;AAAA,EACA,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,oBAAoB;AAAA;AAAA,EAEpB;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,mBAAmB,QAA+B,MAAM;AAC5D,WAAO,aAAa;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,gBAAgB,oBAAoB,WAAW,CAAC;AAEpD,QAAM,SAAS;AAAA,IAKb;AAAA,MACE,gBAAgB;AAAA,MAChB,QAAQ,aAAa,sBAAsB,MAAM;AAAA,MACjD,SAAS,aAAa,wBAAwB,OAAO;AAAA,MACrD;AAAA,MACA;AAAA;AAAA,MAEA,mBAAmB,QAAQ,MAAM;AAC/B,eAAO,aAAa;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,GAAG,CAAC,mBAAmB,kBAAkB,gBAAgB,CAAC;AAAA,MAC1D;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,OAAO,SAAS;AAC1B,cAAM,SAAS;AACf,cAAM,WAAW,sBACb,eACA;AACJ,YAAI;AACF,cAAI,OAAQ,QAAO,MAAM,OAAO,IAAI;AACpC,iBAAO,MAAM,SAAS,IAAI;AAAA,QAC5B,SAAS,GAAG;AAEV,cAAI;AACF,mBAAO,MAAM,wBAAwB,IAAI;AAAA,UAC3C,QAAQ;AACN,kBAAM,IAAI,MAAM,mCAAmC;AAAA,UACrD;AAAA,QACF;AAAA,MACF;AAAA,MACA,cAAc,CAAC,QAAQ;AACrB,cAAM,EAAE,OAAO,QAAAA,SAAQ,oBAAoB,IAAI;AAC/C,cAAM,WACH,OAAO,eAAe,SAA6B;AACtD,cAAM,QAAgB,WAAW,MAAM,KAAK,QAAQ,IAAI,CAAC;AACzD,cAAM,WAAmB,MAAM;AAAA,UAC7B,CAAC,MACC,EAAE,OAAO,MACR,EAAE,MAAM,WAAW,QAAQ,KACzB,CAAC,EAAE,QACF,mCAAmC,KAAK,EAAE,QAAQ,EAAE;AAAA,QAC5D;AAEA,YAAI,MAAM,SAAS,KAAK,SAAS,WAAW,GAAG;AAC7C,gBAAM,eAAe;AACrB,iBAAO;AAAA,QACT;AACA,YAAI,SAAS,WAAW,EAAG,QAAO,oBAAoB,KAAK;AAC3D,cAAM,eAAe;AACrB,SAAC,YAAY;AACX,gBAAM,WACJ,eACC,sBAAsB,eAAe;AACxC,qBAAW,QAAQ,UAAU;AAC3B,gBAAI;AACF,oBAAM,MAAM,MAAM,SAAS,IAAI;AAC/B,cAAAA,QAAO,UAAU,aAAa,GAAG,kBAAkB;AAAA,YACrD,SAAS,KAAK;AAGZ,sBAAQ;AAAA,gBACN;AAAA,gBACA,KAAK,QAAQ;AAAA,gBACb;AAAA,cACF;AACA;AAAA,YACF;AAAA,UACF;AAAA,QACF,GAAG;AACH,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS,QAAQ,KAAK,GAAG;AAAA,MACzB;AAAA,MACA;AAAA,MACA,mBAAmB,KAAK,GAAG;AAAA,MAC3B,gBAAgB,KAAK,UAAU,aAAa,IAAI;AAAA,MAChD;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,WAAO,aAAa;AACpB,UAAM,KAAK,OAAO;AAClB,QAAI,CAAC,UAAU;AACb,UAAI,IAAI;AACN,WAAG,MAAM,aAAa;AACtB,QACE,GAAG,MACH,mBAAmB;AAAA,MACvB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAErB,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,CAAC,gBAAiB;AACjC,QAAI,cAAc;AAClB,UAAM,sBAAsB,MAAM;AAChC,YAAM,iBACJ,OAAO;AACT,YAAM,iBAAiB,KAAK,UAAU,cAAc;AACpD,UAAI,gBAAgB,eAAgB;AACpC,oBAAc;AACd,sBAAgB,cAAc;AAAA,IAChC;AACA,WAAO,sBAAsB,mBAAmB;AAChD,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB,GAAG,CAAC,QAAQ,eAAe,CAAC;AAG5B,YAAU,MAAM;AACd,QAAI,CAAC,UAAW;AAChB,cAAU,UAAU,UAAU;AAC9B,WAAO,MAAM;AACX,UAAI,UAAW,WAAU,UAAU;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,QAAQ,SAAS,CAAC;AAEtB,YAAU,MAAM;AACd,UAAM,KAAK,QAAQ;AACnB,QAAI,CAAC,GAAI;AACT,UAAM,iBAAiB,CAAC,MAAiB;AACvC,UAAI,EAAE,iBAAkB;AACxB,YAAM,WACJ,EAAE,cAAc,OACf,WAAW,OAAO;AACrB,UAAI,UAAU;AACZ,UAAE,eAAe;AACjB,UAAE,gBAAgB;AAElB,YAAI,OAAQ,EAAU,6BAA6B,YAAY;AAE7D,UAAC,EAAU,yBAAyB;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAEA,UAAM,aAAa,CAAC,MAAiB;AACnC,UAAI,CAAC,EAAE,aAAc;AACrB,YAAM,YACH,EAAE,aAAa,SAA6C,CAAC,GAC9D,SAAS,OAAO;AAClB,UAAI,CAAC,SAAU;AAGf,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAElB,MAAC,EAAU,2BAA2B;AAGtC,YAAM,QAAQ,MAAM,KAAK,EAAE,aAAa,SAAS,CAAC,CAAC;AACnD,YAAM,QAAQ,MACX,OAAO,CAAC,OAAO,GAAG,SAAS,MAAM,EACjC,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,EAC1B,OAAO,CAAC,MAAiB,CAAC,CAAC,CAAC;AAE/B,YAAM,WAAW,MAAM;AAAA,QACrB,CAAC,MACC,EAAE,OAAO,MACR,EAAE,MAAM,WAAW,QAAQ,KACzB,CAAC,EAAE,QAAQ,mCAAmC,KAAK,EAAE,QAAQ,EAAE;AAAA,MACtE;AACA,UAAI,SAAS,WAAW,EAAG;AAE3B,OAAC,YAAY;AACX,cAAM,WACJ,eACC,sBAAsB,eAAe;AACxC,mBAAW,KAAK,UAAU;AACxB,cAAI;AACF,kBAAM,MAAM,MAAM,SAAS,CAAC;AAC5B,oBAAQ,UAAU,aAAa,GAAG,kBAAkB;AAAA,UACtD,SAAS,KAAK;AAEZ,oBAAQ,KAAK,iCAAiC,EAAE,QAAQ,IAAI,GAAG;AAC/D;AAAA,UACF;AAAA,QACF;AAAA,MACF,GAAG;AAAA,IACL;AACA,OAAG,iBAAiB,YAAY,gBAAgB,EAAE,SAAS,KAAK,CAAC;AACjE,OAAG,iBAAiB,QAAQ,YAAY,EAAE,SAAS,KAAK,CAAC;AACzD,WAAO,MAAM;AACX,SAAG,oBAAoB,YAAY,gBAAgB;AAAA,QACjD,SAAS;AAAA,MACX,CAAQ;AACR,SAAG,oBAAoB,QAAQ,YAAY,EAAE,SAAS,KAAK,CAAQ;AAAA,IACrE;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAGD,QAAM,mBAAmB,oBAAoB,WAAW;AAIxD,QAAM,yBAAyB,CAAC,UAAe;AAC7C,WACE,oBAAC,iBAAe,GAAG,OACjB,8BAAC,oBAAkB,GAAG,OAAO,GAC/B;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,wBACE;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,kBAAiB;AAAA,YACjB,UAAU,OAAO,UAAkB;AACjC,oBAAM,QAAQ,8BAA8B,MAAM;AAClD,oBAAM,WAAW,MAAM,OAAO,CAAC,OAAY;AACzC,sBAAM,KAAK,IAAI,OAAO,IAAI,SAAS;AACnC,oBAAI,CAAC,SAAS,SAAS,MAAM,EAAE,SAAS,CAAC,EAAG,QAAO;AACnD,uBAAO;AAAA,cACT,CAAC;AACD,kBAAI,CAAC,MAAO,QAAO;AACnB,oBAAM,IAAI,MAAM,YAAY;AAC5B,qBAAO,SAAS;AAAA,gBACd,CAAC,QACE,GAAG,SAAS,IAAI,YAAY,EAAE,SAAS,CAAC,MACxC,GAAG,WAAW,CAAC,GAAG;AAAA,kBAAK,CAAC,MACvB,EAAE,YAAY,EAAE,SAAS,CAAC;AAAA,gBAC5B;AAAA,cACJ;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACC,CAAC,qBACA,oBAAC,sBAAmB,UAAU,wBAAwB;AAAA;AAAA;AAAA,EAE1D;AAEJ;","names":["editor"]}
+{"version":3,"sources":["../src/components/LumirEditor.tsx","../src/utils/cn.ts","../src/utils/s3-uploader.ts"],"sourcesContent":["\"use client\";\r\n\r\nimport { useEffect, useMemo, useCallback, useState } from \"react\";\r\nimport {\r\n  useCreateBlockNote,\r\n  SideMenu as BlockSideMenu,\r\n  SideMenuController,\r\n  DragHandleButton,\r\n  SuggestionMenuController,\r\n  getDefaultReactSlashMenuItems,\r\n} from \"@blocknote/react\";\r\nimport { BlockNoteView } from \"@blocknote/mantine\";\r\nimport { cn } from \"../utils/cn\";\r\n\r\nimport type {\r\n  DefaultPartialBlock,\r\n  LumirEditorProps,\r\n  DefaultBlockSchema,\r\n  DefaultInlineContentSchema,\r\n  DefaultStyleSchema,\r\n} from \"../types\";\r\n\r\nimport { createS3Uploader } from \"../utils/s3-uploader\";\r\n\r\n// ==========================================\r\n// 유틸리티 클래스들\r\n// ==========================================\r\n\r\n/**\r\n * 콘텐츠 관리 유틸리티\r\n * 기본 블록 생성 및 콘텐츠 검증 로직을 담당\r\n */\r\nexport class ContentUtils {\r\n  /**\r\n   * JSON 문자열의 유효성을 검증합니다\r\n   * @param jsonString 검증할 JSON 문자열\r\n   * @returns 유효한 JSON 문자열인지 여부\r\n   */\r\n  static isValidJSONString(jsonString: string): boolean {\r\n    try {\r\n      const parsed = JSON.parse(jsonString);\r\n      return Array.isArray(parsed);\r\n    } catch {\r\n      return false;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * JSON 문자열을 DefaultPartialBlock 배열로 파싱합니다\r\n   * @param jsonString JSON 문자열\r\n   * @returns 파싱된 블록 배열 또는 null (파싱 실패 시)\r\n   */\r\n  static parseJSONContent(jsonString: string): DefaultPartialBlock[] | null {\r\n    try {\r\n      const parsed = JSON.parse(jsonString);\r\n      if (Array.isArray(parsed)) {\r\n        return parsed as DefaultPartialBlock[];\r\n      }\r\n      return null;\r\n    } catch {\r\n      return null;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 기본 paragraph 블록 생성\r\n   * @returns 기본 설정이 적용된 DefaultPartialBlock\r\n   */\r\n  static createDefaultBlock(): DefaultPartialBlock {\r\n    return {\r\n      type: \"paragraph\",\r\n      props: {\r\n        textColor: \"default\",\r\n        backgroundColor: \"default\",\r\n        textAlignment: \"left\",\r\n      },\r\n      content: [{ type: \"text\", text: \"\", styles: {} }],\r\n      children: [],\r\n    };\r\n  }\r\n\r\n  /**\r\n   * 콘텐츠 유효성 검증 및 기본값 설정\r\n   * @param content 사용자 제공 콘텐츠 (객체 배열 또는 JSON 문자열)\r\n   * @param emptyBlockCount 빈 블록 개수 (기본값: 3)\r\n   * @returns 검증된 콘텐츠 배열\r\n   */\r\n  static validateContent(\r\n    content?: DefaultPartialBlock[] | string,\r\n    emptyBlockCount: number = 3\r\n  ): DefaultPartialBlock[] {\r\n    // 1. 문자열인 경우 JSON 파싱 시도\r\n    if (typeof content === \"string\") {\r\n      if (content.trim() === \"\") {\r\n        return this.createEmptyBlocks(emptyBlockCount);\r\n      }\r\n\r\n      const parsedContent = this.parseJSONContent(content);\r\n      if (parsedContent && parsedContent.length > 0) {\r\n        return parsedContent;\r\n      }\r\n\r\n      // 파싱 실패 시 빈 블록 생성\r\n      return this.createEmptyBlocks(emptyBlockCount);\r\n    }\r\n\r\n    // 2. 배열인 경우 기존 로직\r\n    if (!content || content.length === 0) {\r\n      return this.createEmptyBlocks(emptyBlockCount);\r\n    }\r\n\r\n    return content;\r\n  }\r\n\r\n  /**\r\n   * 빈 블록들을 생성합니다\r\n   * @param emptyBlockCount 생성할 블록 개수\r\n   * @returns 생성된 빈 블록 배열\r\n   */\r\n  private static createEmptyBlocks(\r\n    emptyBlockCount: number\r\n  ): DefaultPartialBlock[] {\r\n    return Array.from({ length: emptyBlockCount }, () =>\r\n      this.createDefaultBlock()\r\n    );\r\n  }\r\n}\r\n\r\n/**\r\n * 에디터 설정 관리 유틸리티\r\n * 각종 설정의 기본값과 검증 로직을 담당\r\n */\r\nexport class EditorConfig {\r\n  /**\r\n   * 테이블 설정 기본값 적용\r\n   * @param userTables 사용자 테이블 설정\r\n   * @returns 기본값이 적용된 테이블 설정\r\n   */\r\n  static getDefaultTableConfig(userTables?: LumirEditorProps[\"tables\"]) {\r\n    return {\r\n      splitCells: userTables?.splitCells ?? true,\r\n      cellBackgroundColor: userTables?.cellBackgroundColor ?? true,\r\n      cellTextColor: userTables?.cellTextColor ?? true,\r\n      headers: userTables?.headers ?? true,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * 헤딩 설정 기본값 적용\r\n   * @param userHeading 사용자 헤딩 설정\r\n   * @returns 기본값이 적용된 헤딩 설정\r\n   */\r\n  static getDefaultHeadingConfig(userHeading?: LumirEditorProps[\"heading\"]) {\r\n    return userHeading?.levels && userHeading.levels.length > 0\r\n      ? userHeading\r\n      : { levels: [1, 2, 3, 4, 5, 6] as (1 | 2 | 3 | 4 | 5 | 6)[] };\r\n  }\r\n\r\n  /**\r\n   * 비활성화할 확장 기능 목록 생성\r\n   * @param userExtensions 사용자 정의 비활성 확장\r\n   * @param allowVideo 비디오 업로드 허용 여부\r\n   * @param allowAudio 오디오 업로드 허용 여부\r\n   * @param allowFile 일반 파일 업로드 허용 여부\r\n   * @returns 비활성화할 확장 기능 목록\r\n   */\r\n  static getDisabledExtensions(\r\n    userExtensions?: string[],\r\n    allowVideo = false,\r\n    allowAudio = false,\r\n    allowFile = false\r\n  ): string[] {\r\n    const set = new Set<string>(userExtensions ?? []);\r\n    if (!allowVideo) set.add(\"video\");\r\n    if (!allowAudio) set.add(\"audio\");\r\n    if (!allowFile) set.add(\"file\");\r\n    return Array.from(set);\r\n  }\r\n}\r\n\r\n// 파일 타입 검증 함수\r\nconst isImageFile = (file: File): boolean => {\r\n  return (\r\n    file.size > 0 &&\r\n    (file.type?.startsWith(\"image/\") ||\r\n      (!file.type && /\\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(file.name || \"\")))\r\n  );\r\n};\r\n\r\nexport default function LumirEditor({\r\n  // editor options\r\n  initialContent,\r\n  initialEmptyBlocks = 3,\r\n  uploadFile,\r\n  s3Upload,\r\n  tables,\r\n  heading,\r\n  defaultStyles = true,\r\n  disableExtensions,\r\n  tabBehavior = \"prefer-navigate-ui\",\r\n  trailingBlock = true,\r\n  allowVideoUpload = false,\r\n  allowAudioUpload = false,\r\n  allowFileUpload = false,\r\n  // view options\r\n  editable = true,\r\n  theme = \"light\",\r\n  formattingToolbar = true,\r\n  linkToolbar = true,\r\n  sideMenu = true,\r\n  emojiPicker = true,\r\n  filePanel = true,\r\n  tableHandles = true,\r\n  onSelectionChange,\r\n  className = \"\",\r\n  sideMenuAddButton = false,\r\n  // callbacks / refs\r\n  onContentChange,\r\n}: LumirEditorProps) {\r\n  // 이미지 업로드 로딩 상태\r\n  const [isUploading, setIsUploading] = useState(false);\r\n  const validatedContent = useMemo<DefaultPartialBlock[]>(() => {\r\n    return ContentUtils.validateContent(initialContent, initialEmptyBlocks);\r\n  }, [initialContent, initialEmptyBlocks]);\r\n\r\n  // 테이블 설정 메모이제이션\r\n  const tableConfig = useMemo(() => {\r\n    return EditorConfig.getDefaultTableConfig(tables);\r\n  }, [\r\n    tables?.splitCells,\r\n    tables?.cellBackgroundColor,\r\n    tables?.cellTextColor,\r\n    tables?.headers,\r\n  ]);\r\n\r\n  // 헤딩 설정 메모이제이션\r\n  const headingConfig = useMemo(() => {\r\n    return EditorConfig.getDefaultHeadingConfig(heading);\r\n  }, [heading?.levels?.join(\",\") ?? \"\"]);\r\n\r\n  // 비활성화 확장 메모이제이션\r\n  const disabledExtensions = useMemo(() => {\r\n    return EditorConfig.getDisabledExtensions(\r\n      disableExtensions,\r\n      allowVideoUpload,\r\n      allowAudioUpload,\r\n      allowFileUpload\r\n    );\r\n  }, [disableExtensions, allowVideoUpload, allowAudioUpload, allowFileUpload]);\r\n\r\n  // S3 업로드 설정 메모이제이션 (객체 참조 안정화)\r\n  const memoizedS3Upload = useMemo(() => {\r\n    return s3Upload;\r\n  }, [s3Upload?.apiEndpoint, s3Upload?.env, s3Upload?.path]);\r\n\r\n  const editor = useCreateBlockNote<\r\n    DefaultBlockSchema,\r\n    DefaultInlineContentSchema,\r\n    DefaultStyleSchema\r\n  >(\r\n    {\r\n      initialContent: validatedContent as DefaultPartialBlock[],\r\n      tables: tableConfig,\r\n      heading: headingConfig,\r\n      animations: false, // 기본적으로 애니메이션 비활성화\r\n      defaultStyles,\r\n      // 확장 비활성: 비디오/오디오/파일 제어\r\n      disableExtensions: disabledExtensions,\r\n      tabBehavior,\r\n      trailingBlock,\r\n      uploadFile: async (file) => {\r\n        // 이미지 파일만 허용 (이미지 전용 에디터)\r\n        if (!isImageFile(file)) {\r\n          throw new Error(\"Only image files are allowed\");\r\n        }\r\n\r\n        try {\r\n          let imageUrl: string;\r\n\r\n          // 1. 사용자 정의 uploadFile 우선\r\n          if (uploadFile) {\r\n            imageUrl = await uploadFile(file);\r\n          }\r\n          // 2. S3 업로드 (uploadFile 없을 때)\r\n          else if (memoizedS3Upload?.apiEndpoint) {\r\n            const s3Uploader = createS3Uploader(memoizedS3Upload);\r\n            imageUrl = await s3Uploader(file);\r\n          }\r\n          // 3. 업로드 방법이 없으면 에러\r\n          else {\r\n            throw new Error(\"No upload method available\");\r\n          }\r\n\r\n          // BlockNote가 자동으로 이미지 블록을 생성하도록 URL만 반환\r\n          return imageUrl;\r\n        } catch (error) {\r\n          console.error(\"Image upload failed:\", error);\r\n          throw new Error(\r\n            \"Upload failed: \" +\r\n              (error instanceof Error ? error.message : String(error))\r\n          );\r\n        }\r\n      },\r\n      pasteHandler: (ctx) => {\r\n        const { event, editor, defaultPasteHandler } = ctx as any;\r\n        const fileList =\r\n          (event?.clipboardData?.files as FileList | null) ?? null;\r\n        const files: File[] = fileList ? Array.from(fileList) : [];\r\n        const acceptedFiles: File[] = files.filter(isImageFile);\r\n\r\n        // 파일이 있지만 이미지가 없으면 기본 처리 막고 무시\r\n        if (files.length > 0 && acceptedFiles.length === 0) {\r\n          event.preventDefault();\r\n          return true;\r\n        }\r\n\r\n        // 이미지가 없으면 기본 처리\r\n        if (acceptedFiles.length === 0) {\r\n          return defaultPasteHandler() ?? false;\r\n        }\r\n\r\n        event.preventDefault();\r\n        (async () => {\r\n          // 붙여넣기로 여러 이미지 업로드 시 로딩 상태 관리\r\n          setIsUploading(true);\r\n          try {\r\n            for (const file of acceptedFiles) {\r\n              try {\r\n                // 에디터의 uploadFile 함수 사용 (통일된 로직)\r\n                const url = await editor.uploadFile(file);\r\n                editor.pasteHTML(`<img src=\"${url}\" alt=\"image\" />`);\r\n              } catch (err) {\r\n                console.warn(\r\n                  \"Image upload failed, skipped:\",\r\n                  file.name || \"\",\r\n                  err\r\n                );\r\n              }\r\n            }\r\n          } finally {\r\n            setIsUploading(false);\r\n          }\r\n        })();\r\n        return true;\r\n      },\r\n    },\r\n    [\r\n      validatedContent,\r\n      tableConfig,\r\n      headingConfig,\r\n      defaultStyles,\r\n      disabledExtensions,\r\n      tabBehavior,\r\n      trailingBlock,\r\n      uploadFile,\r\n      memoizedS3Upload,\r\n    ]\r\n  );\r\n\r\n  // 편집 가능 여부 설정\r\n  useEffect(() => {\r\n    if (editor) {\r\n      editor.isEditable = editable;\r\n    }\r\n  }, [editor, editable]);\r\n\r\n  // 콘텐츠 변경 감지\r\n  useEffect(() => {\r\n    if (!editor || !onContentChange) return;\r\n\r\n    const handleContentChange = () => {\r\n      // BlockNote의 올바른 API 사용\r\n      const blocks = editor.topLevelBlocks as DefaultPartialBlock[];\r\n      onContentChange(blocks);\r\n    };\r\n\r\n    return editor.onEditorContentChange(handleContentChange);\r\n  }, [editor, onContentChange]);\r\n\r\n  // 드래그앤드롭 이미지 처리\r\n  useEffect(() => {\r\n    const el = editor?.domElement as HTMLElement | undefined;\r\n    if (!el) return;\r\n\r\n    const handleDragOver = (e: DragEvent) => {\r\n      if (e.defaultPrevented) return;\r\n      const hasFiles = (\r\n        e.dataTransfer?.types as unknown as string[] | undefined\r\n      )?.includes?.(\"Files\");\r\n      if (hasFiles) {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n      }\r\n    };\r\n\r\n    const handleDrop = (e: DragEvent) => {\r\n      if (!e.dataTransfer) return;\r\n      const hasFiles = (\r\n        (e.dataTransfer.types as unknown as string[] | undefined) ?? []\r\n      ).includes(\"Files\");\r\n      if (!hasFiles) return;\r\n\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n\r\n      const items = Array.from(e.dataTransfer.items ?? []);\r\n      const files = items\r\n        .filter((it) => it.kind === \"file\")\r\n        .map((it) => it.getAsFile())\r\n        .filter((f): f is File => !!f);\r\n\r\n      // 이미지 파일만 허용\r\n      const acceptedFiles = files.filter(isImageFile);\r\n\r\n      if (acceptedFiles.length === 0) return;\r\n\r\n      (async () => {\r\n        // 드래그앤드롭으로 여러 이미지 업로드 시 로딩 상태 관리\r\n        setIsUploading(true);\r\n        try {\r\n          for (const file of acceptedFiles) {\r\n            try {\r\n              // 에디터의 uploadFile 함수 사용 (일관된 로직)\r\n              if (editor?.uploadFile) {\r\n                const url = await editor.uploadFile(file);\r\n                if (url) {\r\n                  editor.pasteHTML(`<img src=\"${url}\" alt=\"image\" />`);\r\n                }\r\n              }\r\n            } catch (err) {\r\n              console.warn(\r\n                \"Image upload failed, skipped:\",\r\n                file.name || \"\",\r\n                err\r\n              );\r\n            }\r\n          }\r\n        } finally {\r\n          setIsUploading(false);\r\n        }\r\n      })();\r\n    };\r\n\r\n    el.addEventListener(\"dragover\", handleDragOver, { capture: true });\r\n    el.addEventListener(\"drop\", handleDrop, { capture: true });\r\n\r\n    return () => {\r\n      el.removeEventListener(\"dragover\", handleDragOver, {\r\n        capture: true,\r\n      } as any);\r\n      el.removeEventListener(\"drop\", handleDrop, { capture: true } as any);\r\n    };\r\n  }, [editor]);\r\n\r\n  // SideMenu 설정 (Add 버튼 제어)\r\n  const computedSideMenu = useMemo(() => {\r\n    return sideMenuAddButton ? sideMenu : false;\r\n  }, [sideMenuAddButton, sideMenu]);\r\n\r\n  // Add 버튼 없는 사이드 메뉴 (드래그 핸들만) - 메모이제이션\r\n  const DragHandleOnlySideMenu = useMemo(() => {\r\n    return (props: any) => (\r\n      <BlockSideMenu {...props}>\r\n        <DragHandleButton {...props} />\r\n      </BlockSideMenu>\r\n    );\r\n  }, []);\r\n\r\n  return (\r\n    <div\r\n      className={cn(\"lumirEditor\", className)}\r\n      style={{ position: \"relative\" }}\r\n    >\r\n      <BlockNoteView\r\n        editor={editor}\r\n        editable={editable}\r\n        theme={theme}\r\n        formattingToolbar={formattingToolbar}\r\n        linkToolbar={linkToolbar}\r\n        sideMenu={computedSideMenu}\r\n        slashMenu={false}\r\n        emojiPicker={emojiPicker}\r\n        filePanel={filePanel}\r\n        tableHandles={tableHandles}\r\n        onSelectionChange={onSelectionChange}\r\n      >\r\n        {\r\n          <SuggestionMenuController\r\n            triggerCharacter=\"/\"\r\n            getItems={useCallback(\r\n              async (query: string) => {\r\n                const items = getDefaultReactSlashMenuItems(editor);\r\n                // 비디오, 오디오, 파일 관련 항목 제거\r\n                const filtered = items.filter((item: any) => {\r\n                  const key = (item?.key || \"\").toString().toLowerCase();\r\n                  const title = (item?.title || \"\").toString().toLowerCase();\r\n                  // 비디오, 오디오, 파일 관련 항목 제거\r\n                  if ([\"video\", \"audio\", \"file\"].includes(key)) return false;\r\n                  if (\r\n                    title.includes(\"video\") ||\r\n                    title.includes(\"audio\") ||\r\n                    title.includes(\"file\")\r\n                  )\r\n                    return false;\r\n                  return true;\r\n                });\r\n\r\n                if (!query) return filtered;\r\n                const q = query.toLowerCase();\r\n                return filtered.filter(\r\n                  (item: any) =>\r\n                    item.title?.toLowerCase().includes(q) ||\r\n                    (item.aliases || []).some((a: string) =>\r\n                      a.toLowerCase().includes(q)\r\n                    )\r\n                );\r\n              },\r\n              [editor]\r\n            )}\r\n          />\r\n        }\r\n        {!sideMenuAddButton && (\r\n          <SideMenuController sideMenu={DragHandleOnlySideMenu} />\r\n        )}\r\n      </BlockNoteView>\r\n\r\n      {/* 이미지 업로드 로딩 스피너 */}\r\n      {isUploading && (\r\n        <div className=\"lumirEditor-upload-overlay\">\r\n          <div className=\"lumirEditor-spinner\" />\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n","// clsx와 tailwind-merge를 사용한 className 유틸리티\r\n// 사용자가 직접 설치하도록 권장하거나, 간단한 버전 제공\r\n\r\nexport function cn(...inputs: (string | undefined | null | false)[]) {\r\n  return inputs.filter(Boolean).join(' ');\r\n}\r\n","export interface S3UploaderConfig {\r\n  apiEndpoint: string; // '/api/s3/presigned'(필수)\r\n  env: \"production\" | \"development\"; // 환경 (필수)\r\n  path: string; // 파일 경로 (필수)\r\n}\r\n\r\nexport const createS3Uploader = (config: S3UploaderConfig) => {\r\n  const { apiEndpoint, env, path } = config;\r\n\r\n  // 필수 파라미터 검증\r\n  if (!apiEndpoint || apiEndpoint.trim() === \"\") {\r\n    throw new Error(\r\n      \"apiEndpoint is required for S3 upload. Please provide a valid API endpoint.\"\r\n    );\r\n  }\r\n\r\n  if (!env) {\r\n    throw new Error(\"env is required. Must be 'development' or 'production'.\");\r\n  }\r\n\r\n  if (!path || path.trim() === \"\") {\r\n    throw new Error(\"path is required and cannot be empty.\");\r\n  }\r\n\r\n  // 계층 구조 파일명 생성 함수\r\n  const generateHierarchicalFileName = (file: File): string => {\r\n    const now = new Date();\r\n\r\n    // 날짜 (yyyy-mm-dd)\r\n\r\n    // 파일명\r\n    const filename = file.name;\r\n\r\n    // {env}/{path}/{date}/{time}/{filename}\r\n    return `${env}/${path}/${filename}`;\r\n  };\r\n\r\n  return async (file: File): Promise<string> => {\r\n    try {\r\n      // 파일 업로드 시에도 apiEndpoint 재검증\r\n      if (!apiEndpoint || apiEndpoint.trim() === \"\") {\r\n        throw new Error(\r\n          \"Invalid apiEndpoint: Cannot upload file without a valid API ENDPOINT\"\r\n        );\r\n      }\r\n\r\n      // 1. 계층 구조 파일명 생성\r\n      const fileName = generateHierarchicalFileName(file);\r\n\r\n      // 2. presigned URL 요청\r\n      const response = await fetch(\r\n        `${apiEndpoint}?key=${encodeURIComponent(fileName)}`\r\n      );\r\n\r\n      if (!response.ok) {\r\n        const errorText = (await response.text()) || \"\";\r\n        throw new Error(\r\n          `Failed to get presigned URL: ${response.statusText}, ${errorText}`\r\n        );\r\n      }\r\n\r\n      const responseData = await response.json();\r\n      const { presignedUrl, publicUrl } = responseData;\r\n\r\n      // 3. S3에 업로드\r\n      const uploadResponse = await fetch(presignedUrl, {\r\n        method: \"PUT\",\r\n        headers: {\r\n          \"Content-Type\": file.type || \"application/octet-stream\",\r\n        },\r\n        body: file,\r\n      });\r\n\r\n      if (!uploadResponse.ok) {\r\n        throw new Error(`Failed to upload file: ${uploadResponse.statusText}`);\r\n      }\r\n\r\n      // 4. 공개 URL 반환\r\n      return publicUrl;\r\n    } catch (error) {\r\n      console.error(\"S3 upload failed:\", error);\r\n      throw error;\r\n    }\r\n  };\r\n};\r\n"],"mappings":"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","names":["editor"]}

package/dist/style.css

@@ -2,12 +2,85 @@
 @import "@blocknote/mantine/style.css";
 @import "@blocknote/react/style.css";
 
-/* BlockNote/Mantine 기본 폰트를 덮어씀 */
 .lumirEditor {
-  --mantine-font-family: "Pretendard", "Noto Sans KR", Arial, Helvetica,
-    sans-serif;
+  width: 100%;
+  height: 100%;
+  min-width: 200px;
+  overflow: visible; /* 슬래시 메뉴가 컨테이너를 넘어서 표시되도록 변경 */
+  background-color: #ffffff;
 }
+
+/* 에디터 내부 콘텐츠 영역만 스크롤 가능하게 설정 */
+.lumirEditor .bn-container {
+  overflow: auto;
+  max-height: 100%;
+}
+
+/* 슬래시 메뉴(SuggestionMenu)가 컨테이너를 넘어서 표시되도록 */
+.bn-suggestion-menu,
+.bn-slash-menu,
+.mantine-Menu-dropdown,
+.mantine-Popover-dropdown {
+  z-index: 9999 !important;
+}
+/* 포커스 상태 스타일 - 테두리 없음 */
+.lumirEditor:focus-within {
+  outline: none;
+  box-shadow: none;
+}
+.lumirEditor {
+  border: none;
+}
+
+/* BlockNote 에디터 내부 폰트 설정 */
 .lumirEditor .bn-editor,
 .lumirEditor .bn-inline-content {
-  font-family: "Pretendard", "Noto Sans KR", Arial, Helvetica, sans-serif !important;
+  font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont,
+    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;
+}
+
+/* CSS 변수를 사용한 패딩 설정 */
+.lumirEditor .bn-editor {
+  padding-left: 25px;
+  padding-right: 10px;
+  padding-top: 5px;
+  padding-bottom: 0;
+}
+
+/* 문단 텍스트 크기 설정 */
+.lumirEditor [data-content-type="paragraph"] {
+  font-size: 14px;
+}
+
+/* 이미지 업로드 로딩 스피너 */
+.lumirEditor-upload-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(255, 255, 255, 0.8);
+  backdrop-filter: blur(2px);
+  z-index: 1000;
+}
+
+.lumirEditor-spinner {
+  width: 30px;
+  height: 30px;
+  border: 3px solid #f3f3f3;
+  border-top: 3px solid #3b82f6;
+  border-radius: 50%;
+  animation: lumir-spin 1s linear infinite;
+}
+
+@keyframes lumir-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }

package/package.json

@@ -1,18 +1,19 @@
 {
   "name": "@lumir-company/editor",
-  "version": "0.2.0",
+  "version": "0.3.3",
   "private": false,
-  "description": "Advanced BlockNote-based React rich text editor with hybrid content support and flexible styling",
+  "description": "Image-only BlockNote rich text editor with S3 upload and optimized loading spinner",
   "keywords": [
     "editor",
     "blocknote",
     "rich-text",
     "react",
     "typescript",
-    "tailwind",
+    "image-editor",
     "wysiwyg",
-    "markdown",
-    "text-editor"
+    "s3-upload",
+    "loading-spinner",
+    "lumir"
   ],
   "main": "dist/index.js",
   "module": "dist/index.mjs",