@ubermensch1218/hwpxeditor 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -23,6 +23,28 @@ interface RunVM {
     highlightColor: string | null;
     letterSpacing: number | null;
     charPrIdRef: string | null;
+    hasTab?: boolean;
+    hasFwSpace?: boolean;
+    hasLineBreak?: boolean;
+    hyperlink?: string;
+}
+interface MarginVM {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+interface CellBorderStyleVM {
+    type: string;
+    width: string;
+    color: string;
+}
+interface CellStyleVM {
+    borderLeft: CellBorderStyleVM | null;
+    borderRight: CellBorderStyleVM | null;
+    borderTop: CellBorderStyleVM | null;
+    borderBottom: CellBorderStyleVM | null;
+    backgroundColor: string | null;
 }
 interface TableCellVM {
     row: number;
@@ -33,23 +55,59 @@ interface TableCellVM {
     heightPx: number;
     text: string;
     isAnchor: boolean;
+    borderFillIDRef: string | null;
+    vertAlign: string;
+    style: CellStyleVM | null;
 }
 interface TableVM {
     rowCount: number;
     colCount: number;
     cells: TableCellVM[][];
     tableIndex: number;
+    pageBreak: string;
+    repeatHeader: boolean;
+    widthHwp: number;
+    heightHwp: number;
+    outMargin: MarginVM;
+    inMargin: MarginVM;
+    columnWidths: number[];
+    borderFillIDRef: string | null;
 }
 interface ImageVM {
     dataUrl: string;
     widthPx: number;
     heightPx: number;
+    widthHwp: number;
+    heightHwp: number;
     binaryItemIdRef: string;
+    outMargin: MarginVM;
+}
+interface EquationVM {
+    script: string;
+    widthPx: number;
+    heightPx: number;
+    textColor: string;
+    font: string;
+    baseLine: number;
+}
+interface TextBoxVM {
+    text: string;
+    widthPx: number;
+    heightPx: number;
+    widthHwp: number;
+    heightHwp: number;
+    x: number;
+    y: number;
+    borderColor: string;
+    fillColor: string;
+    textBoxIndex: number;
 }
 interface ParagraphVM {
     runs: RunVM[];
     tables: TableVM[];
     images: ImageVM[];
+    textBoxes: TextBoxVM[];
+    equations: EquationVM[];
     alignment: string;
     lineSpacing: number;
     spacingBefore: number;
@@ -58,6 +116,28 @@ interface ParagraphVM {
     marginLeftPx: number;
     marginRightPx: number;
     paragraphIndex: number;
+    defaultFontSize: number | null;
+    defaultFontFamily: string | null;
+}
+interface FootnoteVM {
+    marker: string;
+    text: string;
+}
+interface ColumnLayoutVM {
+    colCount: number;
+    sameGap: number;
+    type: string;
+}
+interface PageNumVM {
+    pos: string;
+    formatType: string;
+    sideChar: string;
+}
+interface PageBorderFillVM {
+    type: string;
+    borderFillIdRef: string;
+    textBorder: string;
+    fillArea: string;
 }
 interface SectionVM {
     pageWidthPx: number;
@@ -66,11 +146,21 @@ interface SectionVM {
     marginBottomPx: number;
     marginLeftPx: number;
     marginRightPx: number;
+    headerHeightPx: number;
+    footerHeightPx: number;
     paragraphs: ParagraphVM[];
     sectionIndex: number;
+    headerText: string;
+    footerText: string;
+    footnotes: FootnoteVM[];
+    endnotes: FootnoteVM[];
+    columnLayout: ColumnLayoutVM;
+    pageNum: PageNumVM | null;
+    pageBorderFill: PageBorderFillVM | null;
 }
 interface EditorViewModel {
     sections: SectionVM[];
+    watermarkText: string;
 }
 declare function buildViewModel(doc: HwpxDocument): EditorViewModel;
 
@@ -84,18 +174,23 @@ interface ParagraphBlockProps {
     sectionIndex: number;
     /** Index of this paragraph within the section's paragraphs array */
     localIndex: number;
+    /** Total number of paragraphs in this section (for merge/delete bounds) */
+    paragraphCount: number;
 }
-declare function ParagraphBlock({ paragraph, sectionIndex, localIndex, }: ParagraphBlockProps): react_jsx_runtime.JSX.Element;
+declare function ParagraphBlock({ paragraph, sectionIndex, localIndex, paragraphCount, }: ParagraphBlockProps): react_jsx_runtime.JSX.Element;
 
 interface RunSpanProps {
     run: RunVM;
+    tabWidth?: number;
 }
-declare function RunSpan({ run }: RunSpanProps): react_jsx_runtime.JSX.Element;
+declare function RunSpan({ run, tabWidth }: RunSpanProps): react_jsx_runtime.JSX.Element;
 
 interface ImageBlockProps {
     image: ImageVM;
+    selected?: boolean;
+    onClick?: () => void;
 }
-declare function ImageBlock({ image }: ImageBlockProps): react_jsx_runtime.JSX.Element;
+declare function ImageBlock({ image, selected, onClick }: ImageBlockProps): react_jsx_runtime.JSX.Element;
 
 interface TableBlockProps {
     table: TableVM;
@@ -109,6 +204,7 @@ interface TableCellProps {
     sectionIndex: number;
     paragraphIndex: number;
     tableIndex: number;
+    inMargin?: MarginVM;
 }
 declare function TableCell({ cell, sectionIndex, paragraphIndex, tableIndex, }: TableCellProps): react_jsx_runtime.JSX.Element | null;
 
@@ -124,9 +220,10 @@ interface ToolbarButtonProps {
     onClick?: () => void;
     title?: string;
     size?: "sm" | "md";
+    layout?: "horizontal" | "vertical";
     className?: string;
 }
-declare function ToolbarButton({ icon, label, active, disabled, onClick, title, size, className, }: ToolbarButtonProps): react_jsx_runtime.JSX.Element;
+declare function ToolbarButton({ icon, label, active, disabled, onClick, title, size, layout, className, }: ToolbarButtonProps): react_jsx_runtime.JSX.Element;
 
 interface ToolbarDropdownProps {
     value: string;
@@ -229,7 +326,7 @@ declare function NewDocumentButton(): react_jsx_runtime.JSX.Element;
 /**
  * Constants for the HWPX editor UI — font lists, style presets, alignment/spacing options.
  */
-declare const FONT_FAMILIES: readonly ["맑은 고딕", "함초롬돋움", "함초롬바탕", "나눔고딕", "나눔명조", "나눔바른고딕", "바탕", "돋움", "굴림", "궁서", "Arial", "Times New Roman", "Courier New", "Verdana", "Georgia"];
+declare const FONT_FAMILIES: readonly ["맑은 고딕", "함초롬돋움", "함초롬바탕", "나눔고딕", "나눔명조", "나눔바른고딕", "Noto Sans KR", "Noto Serif KR", "교보손글씨 2024 박서우", "교보손글씨 2023 우선아", "학교안심 알림장", "바탕", "돋움", "굴림", "궁서", "Arial", "Times New Roman", "Courier New", "Verdana", "Georgia"];
 type FontFamily = (typeof FONT_FAMILIES)[number];
 declare const FONT_SIZES: readonly [8, 9, 10, 10.5, 11, 12, 14, 16, 18, 20, 22, 24, 28, 32, 36, 48, 72];
 interface StylePreset {
@@ -283,7 +380,8 @@ declare const HIGHLIGHT_COLORS: readonly [{
     readonly value: "none";
     readonly label: "없음";
 }];
-type SidebarTab = "char" | "para";
+type OrientationType = "PORTRAIT" | "LANDSCAPE";
+type SidebarTab = "char" | "para" | "page" | "img-layout" | "img-props" | "table" | "cell";
 
 /**
  * format-bridge.ts — Bridge between UI and @ubermensch1218/hwpxcore formatting APIs.
@@ -312,7 +410,7 @@ interface ParaFormat {
     indentRight: number;
     firstLineIndent: number;
 }
-declare function readCharFormat(style: RunStyle | null): CharFormat;
+declare function readCharFormat(style: RunStyle | null, doc?: HwpxDocument | null): CharFormat;
 declare function readParaFormat(doc: HwpxDocument, paragraph: HwpxOxmlParagraph): ParaFormat;
 declare function readStyleInfo(doc: HwpxDocument, paragraph: HwpxOxmlParagraph): {
     styleName: string | null;
@@ -327,23 +425,59 @@ declare function readFormatFromSelection(doc: HwpxDocument, sectionIndex: number
 interface SelectionState {
     sectionIndex: number;
     paragraphIndex: number;
-    type: "paragraph" | "cell";
+    type: "paragraph" | "cell" | "table";
     tableIndex?: number;
     row?: number;
     col?: number;
+    endRow?: number;
+    endCol?: number;
+    objectType?: "image" | "table" | "textBox";
+    imageIndex?: number;
+    textBoxIndex?: number;
+    textStartOffset?: number;
+    textEndOffset?: number;
 }
 interface ActiveFormat {
     bold: boolean;
     italic: boolean;
     underline: boolean;
+    strikethrough: boolean;
 }
 interface ExtendedFormat {
     char: CharFormat;
     para: ParaFormat;
 }
+interface Template {
+    id: string;
+    name: string;
+    path: string;
+    description?: string;
+    createdAt: number;
+}
 interface UIState {
     sidebarOpen: boolean;
     sidebarTab: SidebarTab;
+    saveDialogOpen: boolean;
+    charFormatDialogOpen: boolean;
+    paraFormatDialogOpen: boolean;
+    bulletNumberDialogOpen: boolean;
+    charMapDialogOpen: boolean;
+    templateDialogOpen: boolean;
+    headerFooterDialogOpen: boolean;
+    findReplaceDialogOpen: boolean;
+    wordCountDialogOpen: boolean;
+    pageNumberDialogOpen: boolean;
+    styleDialogOpen: boolean;
+    autoCorrectDialogOpen: boolean;
+    outlineDialogOpen: boolean;
+    shapeDialogOpen: boolean;
+    tocDialogOpen: boolean;
+    zoomLevel: number;
+}
+interface UndoEntry {
+    sectionElements: Element[];
+    headerElements: Element[];
+    selection: SelectionState | null;
 }
 interface EditorStore {
     doc: HwpxDocument | null;
@@ -355,6 +489,8 @@ interface EditorStore {
     uiState: UIState;
     loading: boolean;
     error: string | null;
+    undoStack: UndoEntry[];
+    redoStack: UndoEntry[];
     setDocument: (doc: HwpxDocument) => void;
     rebuild: () => void;
     setSelection: (sel: SelectionState | null) => void;
@@ -367,10 +503,132 @@ interface EditorStore {
     toggleBold: () => void;
     toggleItalic: () => void;
     toggleUnderline: () => void;
+    toggleStrikethrough: () => void;
+    setFontFamily: (fontFamily: string) => void;
+    setFontSize: (size: number) => void;
+    setTextColor: (color: string) => void;
+    setHighlightColor: (color: string) => void;
+    setAlignment: (alignment: AlignmentType) => void;
+    setLineSpacing: (spacing: number) => void;
+    deleteBlock: (sectionIndex: number, paragraphIndex: number) => void;
+    insertBlockAt: (sectionIndex: number, paragraphIndex: number, text?: string) => void;
+    splitParagraph: (sectionIndex: number, paragraphIndex: number, offset: number) => void;
+    mergeParagraphWithPrevious: (sectionIndex: number, paragraphIndex: number) => void;
+    pushUndo: () => void;
+    undo: () => void;
+    redo: () => void;
     addParagraph: (text?: string) => void;
     addTable: (sectionIndex: number, paragraphIndex: number, rows: number, cols: number) => void;
     insertImage: (data: Uint8Array, mediaType: string, widthMm: number, heightMm: number) => void;
+    insertColumnBreak: () => void;
+    insertPageBreak: () => void;
+    updatePictureSize: (widthMm: number, heightMm: number) => void;
+    resizeImage: (deltaWidthHwp: number, deltaHeightHwp: number) => void;
+    setImageOutMargin: (margins: Partial<{
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    }>) => void;
+    setTablePageBreak: (mode: "CELL" | "NONE") => void;
+    setTableRepeatHeader: (repeat: boolean) => void;
+    setTableSize: (widthMm: number, heightMm: number) => void;
+    setTableOutMargin: (margins: Partial<{
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    }>) => void;
+    setTableInMargin: (margins: Partial<{
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    }>) => void;
+    resizeTableColumn: (sectionIdx: number, paraIdx: number, tableIdx: number, colIdx: number, deltaHwp: number) => void;
+    setFirstLineIndent: (valueHwp: number) => void;
+    setLeftIndent: (valueHwp: number) => void;
+    setPageNumbering: (opts: {
+        position: string;
+        startNumber: number;
+    }) => void;
+    insertFootnote: () => void;
+    insertEndnote: () => void;
+    setWatermarkText: (text: string) => void;
+    openCharFormatDialog: () => void;
+    closeCharFormatDialog: () => void;
+    openParaFormatDialog: () => void;
+    closeParaFormatDialog: () => void;
+    openBulletNumberDialog: () => void;
+    closeBulletNumberDialog: () => void;
+    openCharMapDialog: () => void;
+    closeCharMapDialog: () => void;
+    openTemplateDialog: () => void;
+    closeTemplateDialog: () => void;
+    openHeaderFooterDialog: () => void;
+    closeHeaderFooterDialog: () => void;
+    openFindReplaceDialog: () => void;
+    closeFindReplaceDialog: () => void;
+    openWordCountDialog: () => void;
+    closeWordCountDialog: () => void;
+    openPageNumberDialog: () => void;
+    closePageNumberDialog: () => void;
+    openStyleDialog: () => void;
+    closeStyleDialog: () => void;
+    openAutoCorrectDialog: () => void;
+    closeAutoCorrectDialog: () => void;
+    openOutlineDialog: () => void;
+    closeOutlineDialog: () => void;
+    openShapeDialog: () => void;
+    closeShapeDialog: () => void;
+    openTocDialog: () => void;
+    closeTocDialog: () => void;
+    setZoom: (level: number) => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    templates: Template[];
+    loadTemplates: () => void;
+    saveTemplates: () => void;
+    addTemplate: (name: string, path: string, description?: string) => void;
+    removeTemplate: (id: string) => void;
+    insertTextAtCursor: (text: string) => void;
+    insertTab: () => void;
+    updatePageSize: (width: number, height: number) => void;
+    updatePageMargins: (margins: Partial<{
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+        header: number;
+        footer: number;
+        gutter: number;
+    }>) => void;
+    updatePageOrientation: (orientation: OrientationType) => void;
+    setCellBorder: (sides: ("left" | "right" | "top" | "bottom")[], style: {
+        type?: string;
+        width?: string;
+        color?: string;
+    }) => void;
+    setCellBackground: (color: string | null) => void;
+    setCellVertAlign: (align: "TOP" | "CENTER" | "BOTTOM") => void;
+    setTableBorder: (sides: ("left" | "right" | "top" | "bottom")[], style: {
+        type?: string;
+        width?: string;
+        color?: string;
+    }) => void;
+    setTableBackground: (color: string | null) => void;
+    insertTableRow: (position: "above" | "below") => void;
+    deleteTableRow: () => void;
+    insertTableColumn: (position: "left" | "right") => void;
+    deleteTableColumn: () => void;
+    mergeTableCells: () => void;
+    splitTableCell: () => void;
+    deleteTable: () => void;
+    openFile: () => void;
     saveDocument: () => Promise<void>;
+    saveDocumentAs: (filename: string) => Promise<void>;
+    openSaveDialog: () => void;
+    closeSaveDialog: () => void;
     setLoading: (loading: boolean) => void;
     setError: (error: string | null) => void;
 }