legal-doc-editor 0.5.0 → 0.7.0

package/README.md

@@ -6,8 +6,9 @@
 
 - **조·항·호 자동 번호**: 조를 넣거나 옮기면 제1조, ①, 1. 번호가 알아서 다시 매겨져요
 - **`{{변수}}` 채우기**: 본문에 `{{갑}}`을 입력하면 입력칸이 생기고, 값을 넣으면 문서에 반영돼요
-- **한글(.hwp·.hwpx)·Word(.docx) 열기·저장**: 일반 문단으로 쓴 계약서도 "제N조", "①", "1." 패턴을 인식해서 조·항·호 구조로 바꿔요
+- **한글(.hwp·.hwpx)·Word(.docx·.doc) 열기·저장**: 일반 문단으로 쓴 계약서도 "제N조", "①", "1." 패턴을 인식해서 조·항·호 구조로 바꿔요. "제1조(목적) 이 계약은…"처럼 한 줄에 붙은 조는 제목과 본문으로 나눠요
   - 저장은 `.docx`, `.hwpx`, `.hwp`(HWP 5.0)예요. `.hwpx`는 한글 2014 이상에서 열려요
+  - 옛 Word `.doc`(97–2003)는 열기만 돼요. 글자와 표만 옮기고 굵게 같은 글자 서식과 그림은 옮기지 않아요
   - 파일 변환 라이브러리는 필요할 때만 불러와서 에디터 본체 번들은 가벼워요
 - **판례·법령 인용 링크**: 본문의 `민법 제750조`, `대법원 2016. 4. 28. 선고 2015다12345 판결`, `2024가단157033` 같은 인용을 알아보고 [국가법령정보센터](https://www.law.go.kr) 링크를 붙여요 (API 키가 필요 없어요)
 - **조항 라이브러리**: 비밀유지·계약해지·관할법원 같은 자주 쓰는 조항을 골라 커서 위치에 넣어요. 조 번호는 알아서 다시 매겨져요
@@ -154,7 +155,7 @@ import { LegalEditor, clauses } from 'legal-doc-editor'
 | `toHwpx(editor.getJSON(), values)` | `.hwpx` Blob 생성 |
 | `toHwp(editor.getJSON(), values, { wasm })` | `.hwp`(HWP 5.0) Blob 생성. `wasm`은 WASM 주소나 바이트(선택) |
 | `toPlainHtml(editor.getJSON(), values)` | 번호가 텍스트로 들어간 독립 HTML |
-| `fromFile(file)` | `.docx` / `.hwp` / `.hwpx`를 에디터용 HTML로 변환 (`fromDocx`, `fromHwp`도 있음) |
+| `fromFile(file)` | `.docx` / `.doc` / `.hwp` / `.hwpx`를 에디터용 HTML로 변환 (`fromDocx`, `fromDoc`, `fromHwp`도 있음) |
 | `normalizeLegalHtml(html)` | "제N조 / ① / 1." 문단을 조·항·호 구조로 변환 |
 | `Variable` | 다른 Tiptap 에디터에 넣어 쓸 수 있는 변수 확장 |
 | `Numbering` | 번호 문단 확장 (`setNumbering(1~4 \| null)`, Tab·Shift+Tab 단계 변경, 맨 앞 Backspace 해제) |
@@ -165,7 +166,7 @@ import { LegalEditor, clauses } from 'legal-doc-editor'
 
 - [x] HWP / HWPX 열기, HWPX 저장
 - [x] `.hwp` 바이너리로 바로 저장 ([rhwp](https://github.com/edwardkim/rhwp))
-- [ ] 옛 Word `.doc` 열기
+- [x] 옛 Word `.doc` 열기 ([@file-viewer/doc](https://www.npmjs.com/package/@file-viewer/doc))
 - [ ] 표
 - [ ] 조항 라이브러리(자주 쓰는 조항 끼워 넣기)
 

package/dist/index.d.ts

@@ -12,4 +12,4 @@ export { clauses } from './clauses';
 export type { Clause } from './clauses';
 export type { Template } from './templates';
 export type { Values } from './variable';
-export { toDocx, toHwpx, toHwp, toPlainHtml, fromDocx, fromHwp, fromFile, normalizeLegalHtml } from './io';
+export { toDocx, toHwpx, toHwp, toPlainHtml, fromDocx, fromDoc, fromHwp, fromFile, normalizeLegalHtml } from './io';

package/dist/index.js

@@ -71,7 +71,7 @@ function ee(e, t) {
 }
 //#endregion
 //#region src/numbering.ts
-var v = 4, te = o.create({
+var v = 4, y = o.create({
 	name: "numbering",
 	priority: 1e3,
 	addGlobalAttributes() {
@@ -105,31 +105,31 @@ var v = 4, te = o.create({
 			Enter: () => !!e() && this.editor.state.selection.$from.parent.content.size === 0 && this.editor.commands.setNumbering(null)
 		};
 	}
-}), y = String.raw`(?<!\d)\d{4}(?![만억천년월일원])[가-힣]{1,3}\d{1,6}(?!\d)`, b = String.raw`(?:[가-힣]{0,6}법원(?:\s*[가-힣]{2,6}지원)?|헌법재판소)`, x = String.raw`\d{4}\.\s*\d{1,2}\.\s*\d{1,2}\.`, S = String.raw`${b}\s*${x}\s*(?:선고|자)\s*(?<caseNo>${y})(?:\s*[,·]\s*${y})*\s*(?:전원합의체\s*)?(?:판결|결정|명령)`, ne = String.raw`(?:[가-힣]+(?<![은는이가을를와과로며고여하한된])\s+){0,4}[가-힣]+에\s*관한\s*[가-힣]*법률?|[가-힣]+법률?`, C = String.raw`(?<lawName>${ne})\s*제\s*(?<jo>\d+)\s*조(?:\s*의\s*(?<ui>\d+))?(?:\s*제\s*\d+\s*(?:항|호))*`, w = new RegExp(String.raw`${S}|${C}|(?<bare>${y})`, "g"), T = /^[방불합위적탈편문어용수요기비사입공]법$/, E = (...e) => `https://www.law.go.kr/${e.map(encodeURIComponent).join("/")}`;
-function D(e) {
+}), b = String.raw`(?<!\d)\d{4}(?![만억천년월일원])[가-힣]{1,3}\d{1,6}(?!\d)`, x = String.raw`(?:[가-힣]{0,6}법원(?:\s*[가-힣]{2,6}지원)?|헌법재판소)`, S = String.raw`\d{4}\.\s*\d{1,2}\.\s*\d{1,2}\.`, C = String.raw`${x}\s*${S}\s*(?:선고|자)\s*(?<caseNo>${b})(?:\s*[,·]\s*${b})*\s*(?:전원합의체\s*)?(?:판결|결정|명령)`, te = String.raw`(?:[가-힣]+(?<![은는이가을를와과로며고여하한된])\s+){0,4}[가-힣]+에\s*관한\s*[가-힣]*법률?|[가-힣]+법률?`, w = String.raw`(?<lawName>${te})\s*제\s*(?<jo>\d+)\s*조(?:\s*의\s*(?<ui>\d+))?(?:\s*제\s*\d+\s*(?:항|호))*`, T = new RegExp(String.raw`${C}|${w}|(?<bare>${b})`, "g"), E = /^[방불합위적탈편문어용수요기비사입공]법$/, D = (...e) => `https://www.law.go.kr/${e.map(encodeURIComponent).join("/")}`;
+function O(e) {
 	let t = [];
-	for (let n of e.matchAll(w)) {
+	for (let n of e.matchAll(T)) {
 		let e = n.groups, r = e.caseNo ?? e.bare;
-		if (!r && T.test(e.lawName)) continue;
+		if (!r && E.test(e.lawName)) continue;
 		let i = n.index ?? 0;
 		t.push({
 			type: r ? "case" : "law",
 			text: n[0],
 			from: i,
 			to: i + n[0].length,
-			url: r ? `https://www.law.go.kr/LSW/precSc.do?query=${encodeURIComponent(r)}` : E("법령", e.lawName.replace(/\s+/g, " "), `제${e.jo}조${e.ui ? `의${e.ui}` : ""}`)
+			url: r ? `https://www.law.go.kr/LSW/precSc.do?query=${encodeURIComponent(r)}` : D("법령", e.lawName.replace(/\s+/g, " "), `제${e.jo}조${e.ui ? `의${e.ui}` : ""}`)
 		});
 	}
 	return t;
 }
-function O({ court: e, date: t, caseNo: n, kind: r = "" }) {
+function k({ court: e, date: t, caseNo: n, kind: r = "" }) {
 	let i = t.match(/(\d{4})\D*(\d{1,2})\D*(\d{1,2})/), a = i ? `${i[1]}. ${+i[2]}. ${+i[3]}.` : t, o = /결정/.test(r) ? "결정" : /명령/.test(r) ? "명령" : "판결";
 	return o === "판결" ? `${e} ${a} 선고 ${n} 판결` : `${e} ${a}자 ${n} ${o}`;
 }
-var k = new d("citation"), A = (e) => {
+var A = new d("citation"), j = (e) => {
 	let t = [];
 	return e.descendants((e, n) => {
-		if (e.isText) for (let r of D(e.text)) t.push(f.inline(n + r.from, n + r.to, {
+		if (e.isText) for (let r of O(e.text)) t.push(f.inline(n + r.from, n + r.to, {
 			nodeName: "a",
 			class: "le-cite",
 			href: r.url,
@@ -138,17 +138,17 @@ var k = new d("citation"), A = (e) => {
 			rel: "noopener noreferrer"
 		}));
 	}), p.create(e, t);
-}, j = o.create({
+}, M = o.create({
 	name: "citationLink",
 	addProseMirrorPlugins() {
 		return [new u({
-			key: k,
+			key: A,
 			state: {
-				init: (e, { doc: t }) => A(t),
-				apply: (e, t) => e.docChanged ? A(e.doc) : t
+				init: (e, { doc: t }) => j(t),
+				apply: (e, t) => e.docChanged ? j(e.doc) : t
 			},
 			props: {
-				decorations: (e) => k.getState(e),
+				decorations: (e) => A.getState(e),
 				handleClick: (e, t, n) => {
 					let r = n.target.closest?.("a.le-cite");
 					return !r || e.editable && !n.ctrlKey && !n.metaKey ? !1 : (window.open(r.getAttribute("href"), "_blank", "noopener,noreferrer"), !0);
@@ -159,21 +159,21 @@ var k = new d("citation"), A = (e) => {
 });
 //#endregion
 //#region src/fees.ts
-function M(e, t = {}) {
+function N(e, t = {}) {
 	if (!(e > 0)) return 0;
-	let n = N(e);
+	let n = P(e);
 	return t.electronic ? n < 1e7 ? 900 : Math.floor(n * 9 / 1e7) * 100 : n < 1e7 ? 1e3 : Math.floor(n / 1e6) * 100;
 }
-function N(e) {
+function P(e) {
 	let [t, n] = e < 1e7 ? [50, 0] : e < 1e8 ? [45, 5e3] : e < 1e9 ? [40, 55e3] : [35, 555e3];
 	return e * t + n * 1e4;
 }
-function P(e) {
+function F(e) {
 	if (!(e > 0)) return 0;
-	let t = N(e);
+	let t = P(e);
 	return t < 1e8 ? 1e3 : Math.floor(t / 1e7) * 100;
 }
-var F = {
+var I = {
 	소액: 10,
 	단독: 15,
 	합의: 15,
@@ -181,23 +181,23 @@ var F = {
 	상고: 8,
 	조정: 5,
 	독촉: 6
-}, I = 5500;
-function L({ parties: e, procedure: t, unitFee: n = I }) {
-	return e * F[t] * n;
+}, L = 5500;
+function R({ parties: e, procedure: t, unitFee: n = L }) {
+	return e * I[t] * n;
 }
-var R = 3e7, re = (e) => `${e.toLocaleString("ko-KR")}원`, z = (e = "") => Number(e.replace(/[^\d]/g, "")) || 0;
-function ie(e, t, n = {}) {
-	let r = (n) => z(t[e.find((e) => n.test(e)) ?? ""]), i = { ...t }, a = (n, r) => {
-		for (let a of e) n.test(a) && !t[a]?.trim() && (i[a] = re(r));
+var z = 3e7, ne = (e) => `${e.toLocaleString("ko-KR")}원`, B = (e = "") => Number(e.replace(/[^\d]/g, "")) || 0;
+function re(e, t, n = {}) {
+	let r = (n) => B(t[e.find((e) => n.test(e)) ?? ""]), i = { ...t }, a = (n, r) => {
+		for (let a of e) n.test(a) && !t[a]?.trim() && (i[a] = ne(r));
 	}, o = n.parties ?? 2, s = r(/^(소가|소송목적의\s*값)/);
-	s && (a(/^인지(액|대)/, M(s, n)), a(/^송달료/, L({
+	s && (a(/^인지(액|대)/, N(s, n)), a(/^송달료/, R({
 		parties: o,
 		procedure: s <= 3e7 ? "소액" : "단독",
 		unitFee: n.unitFee
 	})));
 	let c = r(/^청구금액/);
 	if (c && e.some((e) => /^독촉절차/.test(e))) {
-		let e = /^독촉절차\s*인지(액|대)/, t = /^독촉절차\s*송달료/, i = P(c), s = L({
+		let e = /^독촉절차\s*인지(액|대)/, t = /^독촉절차\s*송달료/, i = F(c), s = R({
 			parties: o,
 			procedure: "독촉",
 			unitFee: n.unitFee
@@ -208,36 +208,36 @@ function ie(e, t, n = {}) {
 }
 //#endregion
 //#region src/amount.ts
-var ae = "영일이삼사오육칠팔구", oe = [
+var ie = "영일이삼사오육칠팔구", ae = [
 	"천",
 	"백",
 	"십",
 	""
-], se = [
+], oe = [
 	"",
 	"만",
 	"억",
 	"조",
 	"경"
 ];
-function B(e) {
+function V(e) {
 	if (!Number.isSafeInteger(e)) throw RangeError(`금액은 정수여야 해요: ${e}`);
 	if (e === 0) return "영";
-	if (e < 0) return `마이너스 ${B(-e)}`;
+	if (e < 0) return `마이너스 ${V(-e)}`;
 	let t = "", n = String(e).padStart(Math.ceil(String(e).length / 4) * 4, "0");
 	for (let e = 0; e < n.length / 4; e++) {
 		let r = n.slice(e * 4, e * 4 + 4);
 		if (r !== "0000") {
-			for (let e = 0; e < 4; e++) r[e] !== "0" && (t += ae[+r[e]] + oe[e]);
-			t += se[n.length / 4 - 1 - e];
+			for (let e = 0; e < 4; e++) r[e] !== "0" && (t += ie[+r[e]] + ae[e]);
+			t += oe[n.length / 4 - 1 - e];
 		}
 	}
 	return t;
 }
-var V = (e) => Number(e.replace(/[^\d]/g, "")) || 0;
+var se = (e) => Number(e.replace(/[^\d]/g, "")) || 0;
 function H(e, t = "소장") {
 	let n = e.toLocaleString("ko-KR");
-	return t === "소장" ? `금 ${n}원` : `금 ${B(e)} 원정(₩${n})`;
+	return t === "소장" ? `금 ${n}원` : `금 ${V(e)} 원정(₩${n})`;
 }
 //#endregion
 //#region src/io.ts
@@ -327,18 +327,18 @@ function G(e, t) {
 	};
 	return c(e.content), n;
 }
-var ue = (e) => e.replace(/[&<>"]/g, (e) => `&#${e.charCodeAt(0)};`), K = (e) => e.map((e) => {
+var K = (e) => e.replace(/[&<>"]/g, (e) => `&#${e.charCodeAt(0)};`), ue = (e) => e.map((e) => {
 	if (e.br) return "<br>";
-	let t = ue(e.text);
+	let t = K(e.text);
 	return e.bold && (t = `<b>${t}</b>`), e.italics && (t = `<i>${t}</i>`), e.underline && (t = `<u>${t}</u>`), e.strike && (t = `<s>${t}</s>`), t;
 }).join("");
 function de(e, t) {
 	return G(e, t).map((e) => {
 		if (e.kind === "table") {
-			let t = (e) => `<td${e.colspan > 1 ? ` colspan="${e.colspan}"` : ""}${e.rowspan > 1 ? ` rowspan="${e.rowspan}"` : ""}>${K(e.runs)}</td>`;
+			let t = (e) => `<td${e.colspan > 1 ? ` colspan="${e.colspan}"` : ""}${e.rowspan > 1 ? ` rowspan="${e.rowspan}"` : ""}>${ue(e.runs)}</td>`;
 			return `<table>${e.rows.map((e) => `<tr>${e.map(t).join("")}</tr>`).join("")}</table>`;
 		}
-		let t = (e.label ? e.kind === "article" ? `<b>${e.label}</b> ` : `${e.label} ` : "") + K(e.runs);
+		let t = (e.label ? e.kind === "article" ? `<b>${e.label}</b> ` : `${e.label} ` : "") + ue(e.runs);
 		if (e.kind === "title") return `<h1>${t}</h1>`;
 		if (e.kind === "section") return `<h3>${t}</h3>`;
 		let n = e.label ? e.depth - 1 : e.depth;
@@ -440,6 +440,30 @@ function be(e) {
 	}
 	return null;
 }
+var xe = "(（[【〔", Se = ")）]】〕";
+function Ce(e) {
+	let t = e.length - e.trimStart().length, n = e.trimStart();
+	if (xe.includes(n[0] ?? "_")) {
+		let e = 0;
+		for (let r = 0; r < Math.min(n.length, 60); r++) if (xe.includes(n[r])) e++;
+		else if (Se.includes(n[r]) && --e === 0) return t + r + 1;
+		return 0;
+	}
+	return n.trim().length <= 20 && !/[.다]$/.test(n.trim()) ? e.length : 0;
+}
+function we(e, t) {
+	let n = e.ownerDocument.createRange();
+	n.setStart(e, 0), n.setEnd(e, e.childNodes.length);
+	let r = e.ownerDocument.createTreeWalker(e, NodeFilter.SHOW_TEXT), i = t;
+	for (let e = r.nextNode(); e; e = r.nextNode()) {
+		if (i <= e.data.length) {
+			n.setEnd(e, i);
+			break;
+		}
+		i -= e.data.length;
+	}
+	return n.extractContents();
+}
 function Z(e, t) {
 	let n = typeof t == "number" ? t : e.textContent.match(t)[0].length, r = e.ownerDocument.createTreeWalker(e, NodeFilter.SHOW_TEXT);
 	for (let e = r.nextNode(); e && n > 0; e = r.nextNode()) {
@@ -479,8 +503,9 @@ function Q(e) {
 			let n = t.createElement("h3");
 			n.textContent = r, e.replaceWith(n), a = null, o.fill(0), s.fill(0);
 		} else if (e.tagName === "P" && Y.test(n)) {
+			Z(e, Y);
 			let n = t.createElement("h2");
-			n.innerHTML = e.innerHTML, Z(n, Y), e.replaceWith(n), a = null, o.fill(0), s.fill(0);
+			n.append(we(e, Ce(e.textContent ?? ""))), Z(e, /^\s*/), e.replaceWith(n), e.textContent.trim() && n.after(e), a = null, o.fill(0), s.fill(0);
 		} else if (e.tagName === "P" && he.test(n)) {
 			let r = n.trim().charCodeAt(0) - 9311;
 			(!a || a.children.length + Number(a.getAttribute("start") ?? 1) !== r) && (e.before(a = t.createElement("ol")), r > 1 && a.setAttribute("start", String(r))), Z(e, he);
@@ -500,37 +525,51 @@ function Q(e) {
 	}
 	return t.body.innerHTML;
 }
-async function $(e) {
+async function Te(e) {
 	let { default: t } = await import("mammoth"), { value: n } = await t.convertToHtml({ arrayBuffer: await e.arrayBuffer() });
 	return Q(n);
 }
-async function xe(e) {
+async function Ee(e) {
 	let { detectFormat: t, hwpToHwpx: n, HwpxReader: r } = await import("hwp-convert"), i = new Uint8Array(await e.arrayBuffer());
 	t(i) === "hwp" && (i = new Uint8Array(await n(i)));
 	let a = new r();
 	return await a.loadFromArrayBuffer(i.buffer), Q(await a.extractHtml());
 }
-function Se(e) {
-	return /\.docx$/i.test(e.name) ? $(e) : /\.hwpx?$/i.test(e.name) ? xe(e) : Promise.reject(/* @__PURE__ */ Error(".docx, .hwp, .hwpx 파일만 열 수 있어요"));
+async function De(e) {
+	let { parseMsDoc: t } = await import("@file-viewer/doc");
+	return Q(ke(t(new Uint8Array(await e.arrayBuffer())).blocks));
+}
+var Oe = (e) => e.replace(/[\x00-\x08\x0c\x0e-\x1f]/g, "");
+function ke(e) {
+	let t = (e) => Oe(e).split("\r").filter((e) => e.trim()).map((e) => `<p>${K(e).replace(/\v/g, "<br>")}</p>`).join("");
+	return e.map((e) => {
+		if (e.type === "paragraph") return t(e.text);
+		if (e.type !== "table") return "";
+		let n = (e) => `<td${(e.colspan ?? 1) > 1 ? ` colspan="${e.colspan}"` : ""}${(e.rowspan ?? 1) > 1 ? ` rowspan="${e.rowspan}"` : ""}>${e.paragraphs.map((e) => K(Oe(e.text).replace(/[\r\v]/g, ""))).filter(Boolean).join("<br>")}</td>`;
+		return `<table>${e.rows.map((e) => `<tr>${e.cells.filter((e) => !e.hidden).map(n).join("")}</tr>`).join("")}</table>`;
+	}).join("");
+}
+function Ae(e) {
+	return /\.docx$/i.test(e.name) ? Te(e) : /\.doc$/i.test(e.name) ? De(e) : /\.hwpx?$/i.test(e.name) ? Ee(e) : Promise.reject(/* @__PURE__ */ Error(".docx, .doc, .hwp, .hwpx 파일만 열 수 있어요"));
 }
 //#endregion
 //#region src/LegalEditor.tsx
-function Ce(e) {
+function $(e) {
 	let t = /* @__PURE__ */ new Set();
 	return e.state.doc.descendants((e) => {
 		e.type.name === "variable" && t.add(e.attrs.name);
 	}), [...t];
 }
-function we() {
+function je() {
 	let e = document.documentElement;
 	e.classList.add("le-printing"), window.addEventListener("afterprint", () => e.classList.remove("le-printing"), { once: !0 }), window.print();
 }
-function Te(e, t) {
+function Me(e, t) {
 	let n = document.createElement("a");
 	n.href = URL.createObjectURL(e), n.download = t, n.click(), setTimeout(() => URL.revokeObjectURL(n.href), 1e3);
 }
-function Ee({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, editable: u = !0, autoFees: d, searchCases: f, clauses: p, hwpWasmUrl: ee }) {
-	let [v, y] = t(s), [b, x] = t([]), [S, ne] = t(""), [C, w] = t(null), [T, E] = t(""), [D, k] = t(""), A = d ? ie(b, v, d === !0 ? {} : d) : v, M = r({
+function Ne({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, editable: u = !0, autoFees: d, searchCases: f, clauses: p, hwpWasmUrl: ee }) {
+	let [v, b] = t(s), [x, S] = t([]), [C, te] = t(""), [w, T] = t(null), [E, D] = t(""), [O, A] = t(""), j = d ? re(x, v, d === !0 ? {} : d) : v, N = r({
 		extensions: [
 			i.configure({ heading: { levels: [
 				1,
@@ -539,60 +578,60 @@ function Ee({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, e
 			] } }),
 			a,
 			g,
-			te,
-			j
+			y,
+			M
 		],
 		content: _(o),
 		editable: u,
 		immediatelyRender: !1,
 		editorProps: { attributes: { class: "legal-doc" } },
-		onCreate: ({ editor: e }) => x(Ce(e)),
+		onCreate: ({ editor: e }) => S($(e)),
 		onUpdate: ({ editor: e }) => {
-			x(Ce(e)), c?.(e.getHTML());
+			S($(e)), c?.(e.getHTML());
 		}
 	});
 	e(() => {
-		M && (M.storage.variable.values = A, M.storage.variable.views.forEach((e) => e()));
-	}, [M, A]);
-	let N = (e, t) => {
+		N && (N.storage.variable.values = j, N.storage.variable.views.forEach((e) => e()));
+	}, [N, j]);
+	let P = (e, t) => {
 		let n = {
 			...v,
 			[e]: t
 		};
-		y(n), l?.(n);
-	}, P = () => {
+		b(n), l?.(n);
+	}, F = () => {
 		let e = window.prompt("변수 이름 (예: 갑, 계약일)")?.replace(/[{}<>"]/g, "").trim();
-		e && M?.chain().focus().insertContent({
+		e && N?.chain().focus().insertContent({
 			type: "variable",
 			attrs: { name: e }
 		}).run();
-	}, F = async (e) => {
+	}, I = async (e) => {
 		let t = e.target.files?.[0];
-		if (e.target.value = "", t && M) try {
-			M.commands.setContent(_(await Se(t)), { emitUpdate: !0 });
+		if (e.target.value = "", t && N) try {
+			N.commands.setContent(_(await Ae(t)), { emitUpdate: !0 });
 		} catch (e) {
 			window.alert(`파일을 열 수 없어요: ${e.message}`);
 		}
-	}, I = async (e, t) => {
-		let n = M.state.doc.firstChild?.textContent.trim() || "문서";
+	}, L = async (e, t) => {
+		let n = N.state.doc.firstChild?.textContent.trim() || "문서";
 		try {
-			Te(await e(M.getJSON(), A), `${n}.${t}`);
+			Me(await e(N.getJSON(), j), `${n}.${t}`);
 		} catch (e) {
 			window.alert(`저장하지 못했어요: ${e.message}`);
 		}
-	}, L = async () => {
-		let e = S.trim();
+	}, R = async () => {
+		let e = C.trim();
 		if (f && e) {
-			E("검색 중…");
+			D("검색 중…");
 			try {
-				w(await f(e)), E("");
+				T(await f(e)), D("");
 			} catch (e) {
-				w(null), E(`검색하지 못했어요: ${e.message}`);
+				T(null), D(`검색하지 못했어요: ${e.message}`);
 			}
 		}
-	}, R = () => M.chain().focus(), re = (e) => R().setNumbering(M.getAttributes("paragraph").num === e ? null : e).run(), z = (e) => {
-		let { from: t, to: n } = M.state.selection, r = V(M.state.doc.textBetween(t, n));
-		r && R().insertContentAt({
+	}, z = () => N.chain().focus(), ne = (e) => z().setNumbering(N.getAttributes("paragraph").num === e ? null : e).run(), B = (e) => {
+		let { from: t, to: n } = N.state.selection, r = se(N.state.doc.textBetween(t, n));
+		r && z().insertContentAt({
 			from: t,
 			to: n
 		}, H(r, e)).run();
@@ -601,22 +640,22 @@ function Ee({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, e
 		className: "le-root",
 		children: [/* @__PURE__ */ h("div", {
 			className: "le-main",
-			children: [u && M && /* @__PURE__ */ h("div", {
+			children: [u && N && /* @__PURE__ */ h("div", {
 				className: "le-toolbar",
 				children: [
 					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => R().toggleHeading({ level: 1 }).run(),
+						onClick: () => z().toggleHeading({ level: 1 }).run(),
 						children: "제목"
 					}),
 					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => R().toggleHeading({ level: 3 }).run(),
+						onClick: () => z().toggleHeading({ level: 3 }).run(),
 						children: "소제목"
 					}),
 					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => R().toggleHeading({ level: 2 }).run(),
+						onClick: () => z().toggleHeading({ level: 2 }).run(),
 						children: "조"
 					}),
 					[
@@ -627,37 +666,37 @@ function Ee({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, e
 					].map((e, t) => /* @__PURE__ */ m("button", {
 						type: "button",
 						title: "번호 문단 — Tab·Shift+Tab 단계 변경, 맨 앞 Backspace 해제",
-						onClick: () => re(t + 1),
+						onClick: () => ne(t + 1),
 						children: e
 					}, e)),
 					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => R().toggleOrderedList().run(),
+						onClick: () => z().toggleOrderedList().run(),
 						children: "항"
 					}),
 					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => R().sinkListItem("listItem").run(),
+						onClick: () => z().sinkListItem("listItem").run(),
 						children: "호 →"
 					}),
 					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => R().liftListItem("listItem").run(),
+						onClick: () => z().liftListItem("listItem").run(),
 						children: "← 내어쓰기"
 					}),
 					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => R().toggleBold().run(),
+						onClick: () => z().toggleBold().run(),
 						children: /* @__PURE__ */ m("b", { children: "B" })
 					}),
 					/* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: P,
+						onClick: F,
 						children: ["{{ }}", " 변수"]
 					}),
 					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => R().insertTable({
+						onClick: () => z().insertTable({
 							rows: 3,
 							cols: 3,
 							withHeaderRow: !1
@@ -667,13 +706,13 @@ function Ee({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, e
 					/* @__PURE__ */ m("button", {
 						type: "button",
 						title: "선택한 금액 → 금 37,200,000원",
-						onClick: () => z("소장"),
+						onClick: () => B("소장"),
 						children: "금액"
 					}),
 					/* @__PURE__ */ m("button", {
 						type: "button",
 						title: "선택한 금액 → 금 삼천칠백이십만 원정(₩37,200,000)",
-						onClick: () => z("계약서"),
+						onClick: () => B("계약서"),
 						children: "금액(한글)"
 					}),
 					/* @__PURE__ */ m("span", { className: "le-spacer" }),
@@ -681,39 +720,39 @@ function Ee({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, e
 						className: "le-btn",
 						children: ["열기", /* @__PURE__ */ m("input", {
 							type: "file",
-							accept: ".docx,.hwp,.hwpx",
+							accept: ".docx,.doc,.hwp,.hwpx",
 							hidden: !0,
-							onChange: F
+							onChange: I
 						})]
 					}),
 					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => I(pe, "docx"),
+						onClick: () => L(pe, "docx"),
 						children: "Word 저장"
 					}),
 					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => I(q, "hwpx"),
+						onClick: () => L(q, "hwpx"),
 						children: "한글(.hwpx) 저장"
 					}),
 					/* @__PURE__ */ m("button", {
 						type: "button",
 						title: "HWP 5.0 — 처음 저장할 때 변환기(약 10MB)를 불러와요",
-						onClick: () => I((e, t) => me(e, t, { wasm: ee }), "hwp"),
+						onClick: () => L((e, t) => me(e, t, { wasm: ee }), "hwp"),
 						children: "한글(.hwp) 저장"
 					}),
 					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: we,
+						onClick: je,
 						children: "인쇄 · PDF"
 					})
 				]
-			}), /* @__PURE__ */ m(n, { editor: M })]
+			}), /* @__PURE__ */ m(n, { editor: N })]
 		}), /* @__PURE__ */ h("aside", {
 			className: "le-panel",
 			children: [
 				/* @__PURE__ */ m("h3", { children: "입력값" }),
-				b.length === 0 && /* @__PURE__ */ h("p", {
+				x.length === 0 && /* @__PURE__ */ h("p", {
 					className: "le-hint",
 					children: [
 						"본문에 ",
@@ -721,27 +760,27 @@ function Ee({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, e
 						"처럼 입력하면 변수가 생겨요."
 					]
 				}),
-				b.map((e) => /* @__PURE__ */ h("label", { children: [e, /* @__PURE__ */ m("input", {
+				x.map((e) => /* @__PURE__ */ h("label", { children: [e, /* @__PURE__ */ m("input", {
 					value: v[e] ?? "",
-					placeholder: v[e] ? void 0 : A[e],
-					onChange: (t) => N(e, t.target.value)
+					placeholder: v[e] ? void 0 : j[e],
+					onChange: (t) => P(e, t.target.value)
 				})] }, e)),
 				p && /* @__PURE__ */ h("section", {
 					className: "le-clauses",
 					children: [
 						/* @__PURE__ */ m("h3", { children: "조항 라이브러리" }),
 						/* @__PURE__ */ m("input", {
-							value: D,
+							value: O,
 							placeholder: "조항 찾기 (예: 해지)",
-							onChange: (e) => k(e.target.value)
+							onChange: (e) => A(e.target.value)
 						}),
 						/* @__PURE__ */ m("ul", {
 							className: "le-clause-list",
-							children: p.filter((e) => `${e.category} ${e.title}`.includes(D.trim())).map((e) => /* @__PURE__ */ m("li", { children: /* @__PURE__ */ h("button", {
+							children: p.filter((e) => `${e.category} ${e.title}`.includes(O.trim())).map((e) => /* @__PURE__ */ m("li", { children: /* @__PURE__ */ h("button", {
 								type: "button",
 								disabled: !u,
 								title: "커서 위치에 조항 넣기",
-								onClick: () => M?.chain().focus().insertContent(_(e.html), { parseOptions: { preserveWhitespace: !1 } }).run(),
+								onClick: () => N?.chain().focus().insertContent(_(e.html), { parseOptions: { preserveWhitespace: !1 } }).run(),
 								children: [/* @__PURE__ */ m("small", { children: e.category }), e.title]
 							}) }, e.id))
 						})
@@ -754,36 +793,36 @@ function Ee({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, e
 						/* @__PURE__ */ h("div", {
 							className: "le-cases-bar",
 							children: [/* @__PURE__ */ m("input", {
-								value: S,
+								value: C,
 								placeholder: "사건명·사건번호·키워드",
-								onChange: (e) => ne(e.target.value),
+								onChange: (e) => te(e.target.value),
 								onKeyDown: (e) => {
-									e.key === "Enter" && !e.nativeEvent.isComposing && (e.preventDefault(), L());
+									e.key === "Enter" && !e.nativeEvent.isComposing && (e.preventDefault(), R());
 								}
 							}), /* @__PURE__ */ m("button", {
 								type: "button",
-								onClick: L,
+								onClick: R,
 								children: "검색"
 							})]
 						}),
-						T && /* @__PURE__ */ m("p", {
+						E && /* @__PURE__ */ m("p", {
 							className: "le-hint",
-							children: T
+							children: E
 						}),
-						!T && C?.length === 0 && /* @__PURE__ */ m("p", {
+						!E && w?.length === 0 && /* @__PURE__ */ m("p", {
 							className: "le-hint",
 							children: "결과가 없어요."
 						}),
 						/* @__PURE__ */ m("ul", {
 							className: "le-case-list",
-							children: C?.map((e) => /* @__PURE__ */ h("li", { children: [/* @__PURE__ */ h("button", {
+							children: w?.map((e) => /* @__PURE__ */ h("li", { children: [/* @__PURE__ */ h("button", {
 								type: "button",
 								disabled: !u,
 								title: "커서 위치에 인용 넣기",
-								onClick: () => M?.chain().focus().insertContent(O(e)).run(),
+								onClick: () => N?.chain().focus().insertContent(k(e)).run(),
 								children: [
 									/* @__PURE__ */ m("strong", { children: e.title }),
-									/* @__PURE__ */ m("span", { children: O(e) }),
+									/* @__PURE__ */ m("span", { children: k(e) }),
 									e.summary && /* @__PURE__ */ m("small", { children: e.summary })
 								]
 							}), /* @__PURE__ */ m("a", {
@@ -801,7 +840,7 @@ function Ee({ content: o = "", values: s = {}, onChange: c, onValuesChange: l, e
 }
 //#endregion
 //#region src/templates.ts
-var De = [
+var Pe = [
 	{
 		id: "complaint-loan",
 		title: "소장 (대여금)",
@@ -826,7 +865,7 @@ var De = [
 		description: "재판 없이 법원의 지급명령을 받는 독촉절차 신청서. 인지대는 소장의 10분의 1, 송달료는 당사자 수 × 6회분",
 		html: "\n<h1>지 급 명 령 신 청 서</h1>\n<p>채 권 자 {{채권자 이름}}</p>\n<p>주소 {{채권자 주소}}</p>\n<p>연락처 {{채권자 연락처}}</p>\n<p>채 무 자 {{채무자 이름}}</p>\n<p>주소 {{채무자 주소}}</p>\n<p>대여금 청구 독촉사건</p>\n<p>청구금액 {{청구금액}}</p>\n<h3>신 청 취 지</h3>\n<p>채무자는 채권자에게 아래 청구금액 및 독촉절차비용을 지급하라는 명령을 구합니다.</p>\n<p data-num=\"1\">{{청구금액}}</p>\n<p data-num=\"1\">위 금액에 대하여 {{변제기 다음 날}}부터 이 사건 지급명령정본을 송달받은 날까지는 연 5%의, 그 다음 날부터 다 갚는 날까지는 연 12%의 각 비율로 계산한 돈</p>\n<p data-num=\"1\">독촉절차비용 {{독촉절차비용}} (인지대 {{독촉절차 인지대}}, 송달료 {{독촉절차 송달료}})</p>\n<h3>신 청 이 유</h3>\n<p data-num=\"1\">채권자는 {{대여일}} 채무자에게 {{청구금액}}을 변제기 {{변제기}}로 정하여 빌려주었습니다.</p>\n<p data-num=\"1\">그러나 채무자는 변제기가 지났는데도 위 돈을 갚지 않고 있습니다.</p>\n<p data-num=\"1\">따라서 채권자는 채무자에게 위 청구금액과 지연손해금 및 독촉절차비용의 지급을 구하기 위하여 이 신청에 이르렀습니다.</p>\n<h3>첨 부 서 류</h3>\n<p data-num=\"1\">차용증 사본 1통</p>\n<p data-num=\"1\">송달료 납부서 1통</p>\n<p>{{작성일}}</p>\n<p>채권자 {{채권자 이름}} (서명 또는 날인)</p>\n<p>{{관할 법원}} 귀중</p>\n"
 	}
-], Oe = [
+], Fe = [
 	{
 		id: "purpose",
 		title: "목적",
@@ -895,4 +934,4 @@ var De = [
 	}
 ];
 //#endregion
-export { j as CitationLink, Ee as LegalEditor, te as Numbering, F as SERVICE_ROUNDS, I as SERVICE_UNIT_FEE, R as SMALL_CLAIM_LIMIT, g as Variable, P as calcPaymentOrderStampFee, L as calcServiceFee, M as calcStampFee, Oe as clauses, ee as fillTemplate, D as findCitations, H as formatAmount, O as formatCaseCitation, $ as fromDocx, Se as fromFile, xe as fromHwp, Q as normalizeLegalHtml, V as parseAmount, De as templates, _ as toChips, pe as toDocx, me as toHwp, q as toHwpx, B as toKoreanAmount, de as toPlainHtml, ie as withCourtFees };
+export { M as CitationLink, Ne as LegalEditor, y as Numbering, I as SERVICE_ROUNDS, L as SERVICE_UNIT_FEE, z as SMALL_CLAIM_LIMIT, g as Variable, F as calcPaymentOrderStampFee, R as calcServiceFee, N as calcStampFee, Fe as clauses, ee as fillTemplate, O as findCitations, H as formatAmount, k as formatCaseCitation, De as fromDoc, Te as fromDocx, Ae as fromFile, Ee as fromHwp, Q as normalizeLegalHtml, se as parseAmount, Pe as templates, _ as toChips, pe as toDocx, me as toHwp, q as toHwpx, V as toKoreanAmount, de as toPlainHtml, re as withCourtFees };

package/dist/io.d.ts

@@ -1,4 +1,5 @@
 import type { JSONContent } from '@tiptap/core';
+import type { MsDocBlock } from '@file-viewer/doc';
 import type { Values } from './variable';
 /** 번호가 텍스트로 박힌 독립 HTML — CSS 없이도 조·항·호가 보여서 메일·다른 변환기에 넘기기 좋음 */
 export declare function toPlainHtml(doc: JSONContent, values: Values): string;
@@ -14,6 +15,13 @@ export declare function toHwpx(doc: JSONContent, values: Values): Promise<Blob>;
 export declare function toHwp(doc: JSONContent, values: Values, opts?: {
     wasm?: string | URL | BufferSource;
 }): Promise<Blob>;
+/**
+ * "제N조"를 뗀 나머지에서 조 제목이 차지하는 글자 수.
+ * - 괄호 제목 "(목적) 본문" → 괄호까지 (괄호 안 괄호도 짝을 셈)
+ * - 괄호 없는 짧은 한 줄 "목적" → 전체
+ * - 괄호 없이 문장 "갑은 …한다." → 0 (제목 없음, 전부 본문)
+ */
+export declare function articleTitleLength(text: string): number;
 /**
  * 문단으로만 된 법률문서 HTML(한글·워드에서 온 것)을 에디터 구조로 정리.
  * - 빈 줄 문단 제거, 짧은 첫 줄 → 제목(h1), "청 구 취 지" 같은 소제목 → h3, [빈칸] → {{변수}}
@@ -27,5 +35,12 @@ export declare function normalizeLegalHtml(html: string): string;
 export declare function fromDocx(file: Blob): Promise<string>;
 /** .hwp / .hwpx → 에디터용 HTML. .hwp는 hwpx로 바꾼 뒤 읽음 (암호화·배포용·HWP 3.0은 에러) */
 export declare function fromHwp(file: Blob): Promise<string>;
-/** 확장자로 골라 여는 헬퍼: .docx / .hwp / .hwpx */
+/** .doc(Word 97–2003) → 에디터용 HTML. @file-viewer/doc로 읽고 글자·표만 옮김 */
+export declare function fromDoc(file: Blob): Promise<string>;
+/**
+ * .doc 파싱 결과 → 단순 HTML. 한 문단 블록 안에 단락 기호(\r)로 여러 문단이 붙어 오는 경우가 있어 \r로 나누고, \v(줄 바꿈)는 <br>로
+ * ponytail: 글자 서식(굵게 등)·그림은 옮기지 않음 — 필요하면 inlines의 글자 속성을 읽어 확장
+ */
+export declare function docBlocksToHtml(blocks: MsDocBlock[]): string;
+/** 확장자로 골라 여는 헬퍼: .docx / .doc / .hwp / .hwpx */
 export declare function fromFile(file: File): Promise<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "legal-doc-editor",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "법률문서(계약서·소장·고소장) 생성용 React 에디터 — 조항·번호 자동 매김, {{변수}} 채우기, 한글(hwp·hwpx)·Word(docx) 열기·저장",
   "license": "MIT",
   "repository": {
@@ -50,6 +50,7 @@
     "react-dom": ">=18"
   },
   "dependencies": {
+    "@file-viewer/doc": "^3.1.1",
     "@rhwp/core": "^0.8.6",
     "@tiptap/core": "^3.31.3",
     "@tiptap/extension-table": "^3.31.3",