chore: add favicon

0disoft · 0disoft · commit f0ce3973d5bb · 2026-06-14T20:06:42.000+09:00
diff --git a/src/app.html b/src/app.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" href="%sveltekit.assets%/favicon.svg" type="image/svg+xml" />
     %sveltekit.head%
   </head>
   <body data-sveltekit-preload-data="hover">
diff --git a/src/lib/dc/export-document.ts b/src/lib/dc/export-document.ts
@@ -16,7 +16,6 @@ import { normalizeQuoteStyle, type QuoteStyle } from "$lib/editor/quote-style";
 import { normalizeTutorialStepNumber } from "$lib/editor/tutorial-block";
 import {
   defaultProseFontFamily,
-  safeDcCodeFontFamily as safeCodeFontFamily,
   safeDcInlineCodeFontFamily as safeInlineCodeFontFamily,
   safeDcProseFontFamily as safeProseFontFamily,
 } from "./font-stacks";
diff --git a/src/lib/editor/code-block-highlight.ts b/src/lib/editor/code-block-highlight.ts
@@ -743,22 +743,8 @@ function scanMarkdownTokens(
     "keyword",
     tokens,
   );
-  scanRegexTokens(
-    line,
-    lineOffset,
-    protectedRanges,
-    /```+[^`]*|~~~+[^~]*/g,
-    "keyword",
-    tokens,
-  );
-  scanRegexTokens(
-    line,
-    lineOffset,
-    protectedRanges,
-    /\[[^\]]+]\([^)]+\)/g,
-    "string",
-    tokens,
-  );
+  scanRegexTokens(line, lineOffset, protectedRanges, /```+[^`]*|~~~+[^~]*/g, "keyword", tokens);
+  scanRegexTokens(line, lineOffset, protectedRanges, /\[[^\]]+]\([^)]+\)/g, "string", tokens);
 }
 
 function scanFunctionTokens(
diff --git a/src/lib/editor/sample-document.ts b/src/lib/editor/sample-document.ts
@@ -13,7 +13,7 @@ function paragraph(content: JSONContent[]): JSONContent {
 }
 
 function summaryItem(content: JSONContent[]): JSONContent {
-  return { type: "summaryItem", content }
+  return { type: "summaryItem", content };
 }
 
 function codeBlock(
@@ -56,10 +56,7 @@ function tutorialStep(number: string, title: string, content: JSONContent[]): JS
   return {
     type: "tutorialStep",
     attrs: { number },
-    content: [
-      { type: "heading", attrs: { level: 1 }, content: [text(title)] },
-      ...content,
-    ],
+    content: [{ type: "heading", attrs: { level: 1 }, content: [text(title)] }, ...content],
   };
 }
 
@@ -102,12 +99,8 @@ export const sampleDocument: JSONContent = {
       type: "summaryBox",
       attrs: { label: "이 도구로 할 수 있는 것" },
       content: [
-        summaryItem([
-          text("Markdown으로 글을 작성하고 에디터에 바로 적용할 수 있다."),
-        ]),
-        summaryItem([
-          text("코드블록에 파일명, 언어, 강조줄, 추가줄, 삭제줄 표시를 넣을 수 있다."),
-        ]),
+        summaryItem([text("Markdown으로 글을 작성하고 에디터에 바로 적용할 수 있다.")]),
+        summaryItem([text("코드블록에 파일명, 언어, 강조줄, 추가줄, 삭제줄 표시를 넣을 수 있다.")]),
         summaryItem([
           text("콜아웃, 비교, 튜토리얼, 링크박스, CTA 버튼 같은 서식 블록을 쓸 수 있다."),
         ]),
@@ -118,9 +111,7 @@ export const sampleDocument: JSONContent = {
       ],
     },
     paragraph([
-      text(
-        "LLM을 써서 글을 빠르게 초안으로 만들 수도 있다. 상단 툴바의 ",
-      ),
+      text("LLM을 써서 글을 빠르게 초안으로 만들 수도 있다. 상단 툴바의 "),
       codeText("LLM 가이드"),
       text(
         " 버튼을 누르면 이 도구의 Markdown 문법 설명이 클립보드에 복사된다. 이걸 ChatGPT·Claude·DeepSeek 같은 LLM에 붙여넣고 글 작성을 요청하면 된다.",
@@ -129,9 +120,7 @@ export const sampleDocument: JSONContent = {
     callout("tipBox", "Markdown 붙여넣기 방법", "#16a34a", [
       text("LLM 결과를 왼쪽 편집기에 직접 붙여넣으면 서식이 깨진다. "),
       codeText("Markdown"),
-      text(
-        " 버튼으로 입력창을 열고, 거기에 붙여넣은 뒤 ",
-      ),
+      text(" 버튼으로 입력창을 열고, 거기에 붙여넣은 뒤 "),
       codeText("적용하기"),
       text("를 눌러야 한다."),
     ]),
@@ -140,7 +129,9 @@ export const sampleDocument: JSONContent = {
       content: [
         comparisonColumn("기존 방식", [
           paragraph([
-            text("DCInside 에디터에서 색상·폰트·표를 손으로 하나씩 맞춤. 코드는 고정폭 서식으로만 표현 가능."),
+            text(
+              "DCInside 에디터에서 색상·폰트·표를 손으로 하나씩 맞춤. 코드는 고정폭 서식으로만 표현 가능.",
+            ),
           ]),
         ]),
         comparisonColumn("dc-code-paste 사용", [
@@ -154,11 +145,7 @@ export const sampleDocument: JSONContent = {
       type: "tutorialBlock",
       content: [
         tutorialStep("01", "LLM 가이드 복사", [
-          paragraph([
-            text("상단 툴바 "),
-            codeText("LLM 가이드"),
-            text(" 버튼을 클릭한다."),
-          ]),
+          paragraph([text("상단 툴바 "), codeText("LLM 가이드"), text(" 버튼을 클릭한다.")]),
         ]),
         tutorialStep("02", "LLM에게 글 요청", [
           paragraph([
@@ -175,7 +162,9 @@ export const sampleDocument: JSONContent = {
         tutorialStep("04", "적용 및 미리보기 확인", [
           paragraph([
             codeText("적용하기"),
-            text(" 버튼을 누르면 에디터에 내용이 반영되고, 오른쪽 미리보기에서 결과를 확인할 수 있다."),
+            text(
+              " 버튼을 누르면 에디터에 내용이 반영되고, 오른쪽 미리보기에서 결과를 확인할 수 있다.",
+            ),
           ]),
         ]),
         tutorialStep("05", "디씨 복사", [
@@ -218,7 +207,9 @@ export const sampleDocument: JSONContent = {
 :::`,
     ),
     callout("warningBox", "줄 번호 범위 주의", "#d97706", [
-      text("강조줄·추가줄·삭제줄 번호는 코드블록 실제 줄 수 안에서 지정해야 한다. 범위를 벗어나면 조용히 무시된다."),
+      text(
+        "강조줄·추가줄·삭제줄 번호는 코드블록 실제 줄 수 안에서 지정해야 한다. 범위를 벗어나면 조용히 무시된다.",
+      ),
     ]),
     {
       type: "referenceList",
diff --git a/src/lib/highlighter/catalog.ts b/src/lib/highlighter/catalog.ts
@@ -5,14 +5,7 @@ type SupportedLanguage = {
   readonly shikiLanguage?: string;
 };
 
-type SupportedLanguageGroupId =
-  | "native"
-  | "web"
-  | "data"
-  | "docs"
-  | "diff"
-  | "script"
-  | "general";
+type SupportedLanguageGroupId = "native" | "web" | "data" | "docs" | "diff" | "script" | "general";
 
 export const supportedLanguageGroupLabels = {
   native: "시스템/네이티브",
diff --git a/static/favicon.svg b/static/favicon.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="dc-code-paste">
+  <rect width="64" height="64" rx="14" fill="#1f1e19" />
+  <rect x="10" y="10" width="44" height="44" rx="9" fill="#2a291f" stroke="#d9ff2f" stroke-width="3" />
+  <path
+    d="M25 24 17 32l8 8M39 24l8 8-8 8"
+    fill="none"
+    stroke="#f7f3e8"
+    stroke-width="5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path d="M35 20 29 44" fill="none" stroke="#d9ff2f" stroke-width="4" stroke-linecap="round" />
+</svg>
diff --git a/tests/unit/code-block-highlight.test.ts b/tests/unit/code-block-highlight.test.ts
@@ -61,21 +61,11 @@ describe("editor code block highlighting", () => {
   });
 
   it("highlights common markdown and mermaid tokens", () => {
-    const markdown = [
-      "# 제목",
-      "- 항목",
-      "[문서](https://example.com)",
-    ].join("\n");
-    const mermaid = [
-      "graph TD",
-      "  A --> B",
-      "%% comment",
-    ].join("\n");
+    const markdown = ["# 제목", "- 항목", "[문서](https://example.com)"].join("\n");
+    const mermaid = ["graph TD", "  A --> B", "%% comment"].join("\n");
 
     expect(tokenTexts(markdown, "keyword", "markdown")).toEqual(["#", "- "]);
-    expect(tokenTexts(markdown, "string", "markdown")).toEqual([
-      "[문서](https://example.com)",
-    ]);
+    expect(tokenTexts(markdown, "string", "markdown")).toEqual(["[문서](https://example.com)"]);
     expect(tokenTexts(mermaid, "keyword", "mermaid")).toEqual(["graph"]);
     expect(tokenTexts(mermaid, "comment", "mermaid")).toEqual(["%% comment"]);
   });
diff --git a/tests/unit/code-line-range.test.ts b/tests/unit/code-line-range.test.ts
@@ -23,7 +23,12 @@ describe("code line range", () => {
   ].join("\n");
 
   function lineStartOffset(line: number) {
-    return text.split("\n").slice(0, line - 1).join("\n").length + (line > 1 ? 1 : 0);
+    return (
+      text
+        .split("\n")
+        .slice(0, line - 1)
+        .join("\n").length + (line > 1 ? 1 : 0)
+    );
   }
 
   it("maps code offsets to one-based line numbers", () => {
@@ -33,11 +38,7 @@ describe("code line range", () => {
   });
 
   it("creates an inclusive line range from a text selection", () => {
-    const range = selectedCodeLineRangeFromOffsets(
-      text,
-      lineStartOffset(9),
-      lineStartOffset(12),
-    );
+    const range = selectedCodeLineRangeFromOffsets(text, lineStartOffset(9), lineStartOffset(12));
 
     expect(range).toEqual({ fromLine: 9, toLine: 11 });
     expect(range && codeLineRangeLabel(range)).toBe("9-11번 줄");
diff --git a/tests/unit/highlighter-catalog.test.ts b/tests/unit/highlighter-catalog.test.ts
@@ -22,10 +22,7 @@ describe("highlighter catalog", () => {
     const docsGroup = supportedLanguageGroups.find((group) => group.id === "docs");
 
     expect(docsGroup?.label).toBe("문서/다이어그램");
-    expect(docsGroup?.languages.map((language) => language.id)).toEqual([
-      "markdown",
-      "mermaid",
-    ]);
+    expect(docsGroup?.languages.map((language) => language.id)).toEqual(["markdown", "mermaid"]);
   });
 
   it("keeps every listed language selectable and grouped", () => {
diff --git a/tests/unit/sample-document.test.ts b/tests/unit/sample-document.test.ts
@@ -39,7 +39,11 @@ function collectNodeTypes(node: JSONContent, found = new Set<string>()): Set<str
   return found;
 }
 
-function collectNodesByType(node: JSONContent, type: string, found: JSONContent[] = []): JSONContent[] {
+function collectNodesByType(
+  node: JSONContent,
+  type: string,
+  found: JSONContent[] = [],
+): JSONContent[] {
   if (node.type === type) {
     found.push(node);
   }
@@ -69,7 +73,9 @@ describe("sampleDocument", () => {
     expect(text).toContain("적용하기를 눌러야 한다");
     expect(text).not.toContain("Go 반복문 정복: for 하나로 모든 루프를 제어한다");
     expect(text).not.toContain("Go에는 for 키워드 하나만 존재하며");
-    expect(text).not.toContain("for range로 슬라이스를 순회할 때 반환되는 value는 요소의 복사본이다.");
+    expect(text).not.toContain(
+      "for range로 슬라이스를 순회할 때 반환되는 value는 요소의 복사본이다.",
+    );
   });
 
   it("highlights the embedded example.md block as Markdown", () => {
