for-humanity 0.11.0 → 0.13.0

package/src/style/token.css

@@ -1,186 +0,0 @@
-/*
- * 공통 토큰의 단일 출처 · --app-종류-쓰임
- * 사용 기준: templates/document/design.md · 테마 분기는 color-scheme에 한정
- * 폭 기준 1360px·1024px·640px · 양쪽 탐색과 본문 배치
- */
-
-:root {
-    /* 시스템의 밝게·어둡게 설정을 그대로 따름 */
-    color-scheme: light dark;
-
-    /* 바탕 · ground 페이지, surface 상자, code 코드 */
-    --app-color-ground: light-dark(#fff, #181818);
-    --app-color-surface: light-dark(#fff, #181818);
-    --app-color-code: light-dark(#f1f1eb, #22221f);
-    --app-color-backdrop: light-dark(rgb(0 0 0 / 30%), rgb(0 0 0 / 55%));
-
-    /* 글 · text 본문, strong 강조, muted 라벨 */
-    --app-color-text: light-dark(#333, #d5d5d5);
-    --app-color-text-strong: light-dark(#222, #eee);
-    --app-color-text-muted: light-dark(#666, #aaa);
-
-    /* 앵커로 도착한 제목 · 형광펜 바탕과 테마별 읽기 대비 */
-    --app-color-anchor-highlight: light-dark(#f4f58a, #666322);
-
-    /* 제목 강조 해제 · 움직임 감소는 base.css에서 일괄 차단 */
-    --app-motion-duration-highlight-fade: 600ms;
-    --app-motion-easing-out: ease-out;
-
-    /* 선 · border 상자·목록, soft 표 구분, layout 열 경계 */
-    --app-color-border: light-dark(#aaa, #555);
-    --app-color-border-soft: light-dark(#ddd, #333);
-    --app-color-border-layout: light-dark(#eee, #2b2b2b);
-
-    /* 강조 · 현재 절·코드 · soft 행 hover 바탕 */
-    --app-color-accent: light-dark(#555, #b5b5b5);
-    --app-color-accent-soft: light-dark(#f5f5f2, #222);
-
-    /* 코드 판정 색 · soft 는 블록 바탕(메타 bad·good), mark 는 그 위의 줄 표기 · warn 은 줄 표기만 */
-    --app-color-bad: light-dark(#b2412e, #ff9b8a);
-    --app-color-bad-soft: light-dark(#f9ebe8, #3a2522);
-    --app-color-bad-mark: light-dark(#f1cdc6, #5b322c);
-    --app-color-good: light-dark(#2f7a47, #8bd3a3);
-    --app-color-good-soft: light-dark(#e4f3ed, #1c342c);
-    --app-color-good-mark: light-dark(#c4e4d4, #27503f);
-    --app-color-warn: light-dark(#8a6400, #e6c46a);
-    --app-color-warn-soft: light-dark(#fbf3d9, #3d3418);
-
-    /* 링크 · 기본·방문·hover */
-    --app-color-link: light-dark(#11a, #9db8ff);
-    --app-color-link-visited: light-dark(#51a, #c5a5ed);
-    --app-color-link-hover: light-dark(#44d, #c1d1ff);
-
-    /* 상태 표지 · verified 초록, unverified amber */
-    --app-color-verified: light-dark(#176b36, #82cf95);
-    --app-color-verified-soft: light-dark(#edf5ed, #1d2c20);
-    --app-color-unverified: light-dark(#855700, #dfb26c);
-    --app-color-unverified-soft: light-dark(#faf2df, #30291c);
-
-    /*
-     * 내장 글꼴 · CLI는 @font-face와 자원 URL 생성
-     * 본문·라벨·인라인 코드 한글 IBM Plex Sans KR·영문 Monoplex KR · 코드 블록·흐름도 Monoplex KR · 사이트 이름 Architects Daughter
-     * 영문 폭 0.528em = 흐름도 12px 격자의 6.336px · 코드 블록·흐름도의 한글은 정확히 2칸
-     * 본문 맨 앞의 IBM Plex Sans KR은 한글 unicode-range만 담당 · 영문·숫자·기호는 다음 순서의 Monoplex KR
-     */
-    --app-font-mono: "Monoplex KR", ui-monospace, monospace;
-    --app-font-body: "IBM Plex Sans KR", var(--app-font-mono);
-    --app-font-brand: "Architects Daughter", var(--app-font-body);
-
-    /* 글자 크기 · 11px 비상호작용 묶음 · 12px 기본과 역할별 제목 크기 */
-    --app-font-size-group: 11px;
-    --app-font-size-detail: 12px;
-    --app-font-size-dense: 12px;
-    --app-font-size-body: 12px;
-    --app-font-size-lead: 12px;
-    --app-font-size-part: 13px;
-    --app-font-size-section: 15px;
-    --app-font-size-title: 16px;
-
-    /* 굵기 · 기본 400 · 현재 위치·제목·강조 600 */
-    --app-font-weight-mark: 400;
-    --app-font-weight-active: 600;
-    --app-font-weight-strong: 600;
-    --app-font-weight-title: 600;
-
-    /* 행간 · 작은 제목·탐색은 1.4, 본문은 한글 획 사이 여유 확보 */
-    --app-line-height-title: 1.5;
-    --app-line-height-heading: 1.5;
-    --app-line-height-tight: 1.4;
-    --app-line-height-code: 1.65;
-    --app-line-height-body: 1.7;
-
-    /* 자간 · 본문·라벨·인라인 코드를 조이고 제목은 그보다 조금 더 · 사이트 이름은 기본 폭 · 코드 블록·흐름도는 격자를 위해 0 */
-    --app-letter-spacing-body: -0.03em;
-    --app-letter-spacing-brand: 0;
-    --app-letter-spacing-heading: -0.04em;
-    --app-letter-spacing-title: -0.045em;
-
-    /* 공통 간격 · margin·padding·gap의 리듬 · 단독 보정은 지역 값 */
-    --app-space-inline: 6px;
-    --app-space-stack: 10px;
-    --app-space-block: 14px;
-    --app-space-group: 20px;
-    --app-space-subsection: 28px;
-    --app-space-section: 64px;
-
-    /* 탐색 트리 · 항목 위아래 여백·묶음 사이·묶음 라벨 아래·중첩 들여쓰기 */
-    --app-space-tree-row: 0px;
-    --app-space-tree-group: 16px;
-    --app-space-tree-label: 2px;
-    --app-space-tree-indent: 12px;
-
-    /* 페이지 틀 · 좁은 화면 값은 아래 @media */
-    --app-space-page-top: 28px;
-    --app-space-gutter: 28px;
-    --app-space-column: 32px;
-    --app-space-sidebar-gap: 32px;
-    --app-size-sidebar: 200px;
-
-    /* 페이지 최대 폭 · 본문은 사이드바·간격을 뺀 나머지 전체 */
-    --app-size-page: 1920px;
-    --app-size-brand: calc(var(--app-font-size-title) * var(--app-line-height-title) + var(--app-space-page-top) + var(--app-space-group));
-    --app-size-mobile-header: 56px;
-    --app-size-menu-button: 44px;
-    --app-size-drawer: 320px;
-    --app-size-navigation-fade: 28px;
-
-    /* 화면 위쪽 제목 여백 · hash 도착점과 목차 읽는 선의 공통 기준 */
-    --app-space-anchor: 80px;
-
-    /* 모서리 · 직각 기본값 */
-    --app-radius-pill: 0;
-    --app-radius-card: 0;
-    --app-radius-box: 0;
-    --app-radius-inline: 0;
-    --app-radius-mark: 0;
-
-    /* 키보드 포커스 표시 */
-    --app-outline-focus: 2px solid var(--app-color-link);
-    --app-outline-focus-offset: 2px;
-
-    /* 사이드바 사이트 이름 · 커서 장식 */
-    --app-z-index-sticky: 100;
-    --app-z-index-popper: 300;
-
-    /*
-     * Shiki CSS 변수 · 기존 역할색 재사용
-     * 키워드 strong · 함수 accent
-     */
-    --app-code-foreground: var(--app-color-text);
-    --app-code-background: var(--app-color-code);
-    --app-code-token-keyword: var(--app-color-text-strong);
-    --app-code-token-function: var(--app-color-accent);
-    --app-code-token-string: var(--app-color-verified);
-    --app-code-token-string-expression: var(--app-color-verified);
-    --app-code-token-constant: var(--app-color-unverified);
-    --app-code-token-parameter: var(--app-color-text);
-    --app-code-token-comment: var(--app-color-text-muted);
-    --app-code-token-punctuation: var(--app-color-text-muted);
-    --app-code-token-link: var(--app-color-link);
-}
-
-/* 폭 조건 · shell의 breakpoint와 일치 */
-@media (width < 1024px) {
-    :root {
-        --app-space-page-top: 24px;
-        --app-space-gutter: 20px;
-        --app-space-tree-row: 7px;
-        --app-space-anchor: calc(var(--app-size-mobile-header) + var(--app-space-block));
-    }
-}
-
-@media (width < 640px) {
-    :root {
-        --app-space-page-top: 20px;
-        --app-space-gutter: 16px;
-    }
-}
-
-/* 블록 색 · 펜스 메타 bad·good · Shiki 가 pre 에 인라인으로 쓰는 코드 바탕을 바꿈 */
-.wg_prose__code--bad {
-    --app-code-background: var(--app-color-bad-soft);
-}
-
-.wg_prose__code--good {
-    --app-code-background: var(--app-color-good-soft);
-}

package/src/type/doc-content.ts

@@ -1,15 +0,0 @@
-import type {DocOutline} from "@/type/doc-outline";
-
-/**
- * README 홈과 일반 문서가 공유하는 렌더링 결과
- */
-export interface DocContent {
-    /**
-     * 문서 머리와 본문을 포함한 HTML
-     */
-    html: string;
-    /**
-     * 현재 문서의 독립 목차 입력
-     */
-    outline: DocOutline;
-}

package/src/type/doc-data.ts

@@ -1,38 +0,0 @@
-import {z} from "zod";
-import {doc_order_default, doc_type} from "@/constant/doc";
-import {groupPathSchema} from "@/type/group-path";
-
-/**
- * 문서 frontmatter 스키마 · 검증 실패 시 빌드 중단
- */
-export const docDataSchema = z.object({
-    /**
-     * 문서 이름 · 제목·목록 · 같은 첫 글자 허용
-     */
-    name: z.string().trim().min(1),
-    /**
-     * 짧은 문서 설명 · 사이드바 툴팁
-     */
-    label: z.string(),
-    /**
-     * 기존 type 값 호환 · 생략 권장, 렌더링 차이 없음
-     */
-    type: z.enum(doc_type).default(doc_type.document),
-    /**
-     * 사이드바의 문서 묶음 경로 · 문자열도 배열로 정규화
-     */
-    group: groupPathSchema,
-    /**
-     * 같은 묶음 안의 부모 문서 id · 확장자 제외, ./·../ 상대 경로도 허용
-     */
-    parent: z.string().trim().min(1).optional(),
-    /**
-     * 묶음 안의 읽는 순서 · 미지정 문서는 뒤에서 이름순
-     */
-    order: z.number().int().nonnegative().default(doc_order_default),
-});
-
-/**
- * 기본값을 적용한 문서 frontmatter
- */
-export type DocData = z.infer<typeof docDataSchema>;

package/src/type/doc-file-data.ts

@@ -1,21 +0,0 @@
-import type {DocData} from "@/type/doc-data";
-import type {DocHeading} from "@/type/doc-heading";
-import type {DocSection} from "@/type/doc-section";
-
-/**
- * 문서 처리 중간 계약 · read-docs의 머리말과 rehype의 제목·절 정보
- */
-export interface DocFileData {
-    /**
-     * 일반 문서의 검증된 머리말 · README 홈은 생략
-     */
-    frontmatter?: DocData;
-    /**
-     * 작성한 제목 · 문서 순서
-     */
-    headings: DocHeading[];
-    /**
-     * 제목별 가름 · headings의 h2·h3 순서와 일치
-     */
-    sections: DocSection[];
-}

package/src/type/doc-heading.ts

@@ -1,17 +0,0 @@
-/**
- * 제목 하나의 목차 계약 · 문서 순서
- */
-export interface DocHeading {
-    /**
-     * 제목 깊이 · h1 = 1, h2 = 2
-     */
-    depth: number;
-    /**
-     * 제목 id · URL hash 대상
-     */
-    slug: string;
-    /**
-     * 작성한 제목 텍스트
-     */
-    text: string;
-}

package/src/type/doc-outline.ts

@@ -1,16 +0,0 @@
-import type {DocHeading} from "@/type/doc-heading";
-import type {DocSection} from "@/type/doc-section";
-
-/**
- * 문서 렌더링 결과의 목차 입력
- */
-export interface DocOutline {
-    /**
-     * 작성한 제목의 id와 텍스트 · 문서 순서
-     */
-    headings: DocHeading[];
-    /**
-     * 제목별 가름 · headings의 h2·h3 순서와 일치
-     */
-    sections: DocSection[];
-}

package/src/type/doc-section.ts

@@ -1,9 +0,0 @@
-/**
- * h2·h3의 가름 · 문서 순서
- */
-export interface DocSection {
-    /**
-     * 이 절에서 시작하는 가름 이름
-     */
-    part?: string;
-}

package/src/type/doc.ts

@@ -1,20 +0,0 @@
-import type {DocContent} from "@/type/doc-content";
-import type {DocData} from "@/type/doc-data";
-
-/**
- * Markdown 파일 하나의 렌더링 결과
- */
-export interface Doc extends DocContent {
-    /**
-     * 문서 URL id · 확장자 제외 소문자 경로 · 하위 폴더 포함
-     */
-    id: string;
-    /**
-     * 검증된 머리말
-     */
-    data: DocData;
-    /**
-     * 검증된 부모 문서 경로 · 최상위부터 직접 부모까지, 자신은 제외
-     */
-    ancestors: string[];
-}

package/src/type/group-path.ts

@@ -1,7 +0,0 @@
-import {z} from "zod";
-
-/**
- * 탐색 묶음 경로 · 기존 단일 이름과 중첩 배열을 한 번만 정규화
- * 쉼표·슬래시는 이름 그대로 유지하며 빈 경로·단계는 거부
- */
-export const groupPathSchema = z.union([z.string().trim().min(1), z.array(z.string().trim().min(1)).min(1)]).transform((path) => (typeof path === "string" ? [path] : path));

package/src/type/site-assets.ts

@@ -1,25 +0,0 @@
-/**
- * 모든 페이지가 공유하는 HTML 머리 자원
- */
-export interface SiteAssets {
-    /**
-     * 내용 지문으로 구분한 스타일시트 URL
-     */
-    stylePath: string;
-    /**
-     * 셸 DOM 뒤에서 동기 실행할 단일 Hono JSX 브라우저 번들
-     */
-    browserScript: string;
-    /**
-     * 내장 @font-face · head의 style 내용
-     */
-    fontCss: string;
-    /**
-     * 선요청 글꼴 URL · 사이트 이름·본문 공통 조각·코드
-     */
-    preload: string[];
-    /**
-     * dev 전용 문서 새로고침 스크립트 포함 여부
-     */
-    reload: boolean;
-}

package/src/type/site-config.ts

@@ -1,73 +0,0 @@
-import {z} from "zod";
-import {copy_error_navigation_clash, copy_error_site_url, copy_site_title_default} from "@/constant/copy";
-import {site_navigation_default, site_port_default, site_port_max, site_port_min} from "@/constant/site";
-import {status_default_phrases, status_kind} from "@/constant/status";
-import {groupPathSchema} from "@/type/group-path";
-
-/**
- * for-humanity.config.mjs 설정 스키마
- * 명령 시작 시 검증과 기본값 적용 · 앱은 검증 결과만 사용
- */
-export const siteConfigSchema = z.object({
-    /**
-     * 사이드바 이름과 탭 제목
-     */
-    title: z.string().default(copy_site_title_default),
-    /**
-     * HTML 설명 메타데이터 · 선택
-     */
-    description: z.string().optional(),
-    /**
-     * 공개 사이트 루트 URL · 지정할 때만 robots.txt와 sitemap.xml 생성
-     */
-    url: z
-        .url({protocol: /^https?$/})
-        .transform((value) => new URL(value))
-        .refine((value) => value.username === "" && value.password === "" && value.pathname === "/" && value.search === "" && value.hash === "", copy_error_site_url)
-        .transform((value) => value.origin)
-        .optional(),
-    /**
-     * dev·preview 서버 포트 · 같은 기계에서 문서 프로젝트 둘을 나란히 띄울 때 한쪽에 지정
-     */
-    port: z.int().min(site_port_min).max(site_port_max).default(site_port_default),
-    /**
-     * 데스크톱 커서 옆 픽셀 얼굴 · 기본 꺼짐 · favicon 은 설정과 무관
-     */
-    cursorFace: z.boolean().default(false),
-    /**
-     * 탐색 묶음 경로의 읽는 순서 · 미지정 형제 묶음은 뒤에서 이름순
-     */
-    navigation: z
-        .array(groupPathSchema)
-        .refine((groups) => new Set(groups.map((path) => JSON.stringify(path))).size === groups.length, copy_error_navigation_clash)
-        .default(site_navigation_default.map((name) => [name])),
-    /**
-     * 본문에서 상태 표지로 표시할 문구
-     */
-    status: z
-        .array(
-            z.object({
-                /**
-                 * 찾을 문구 원문
-                 */
-                phrase: z
-                    .string()
-                    .min(1)
-                    .refine((phrase) => phrase.trim().length > 0),
-                /**
-                 * 상태 표지의 색 종류
-                 */
-                kind: z.enum(status_kind),
-                /**
-                 * 문구 뒤의 YYYY-MM-DD 날짜 포함 여부
-                 */
-                date: z.boolean().optional(),
-            }),
-        )
-        .default(status_default_phrases),
-});
-
-/**
- * 기본값을 적용한 사이트 설정
- */
-export type SiteConfig = z.infer<typeof siteConfigSchema>;

package/src/type/vfile-data.d.ts

@@ -1,10 +0,0 @@
-import type {DocFileData} from "@/type/doc-file-data";
-
-declare module "vfile" {
-    interface DataMap {
-        /**
-         * 문서 처리 플러그인 간 공유 데이터
-         */
-        fh?: DocFileData;
-    }
-}

package/src/util/async/to-change-queue.test.ts

@@ -1,58 +0,0 @@
-import assert from "node:assert/strict";
-import {test} from "node:test";
-import {toChangeQueue} from "@/util/async/to-change-queue";
-
-test("coalesces changes during an active render and never overlaps work", async () => {
-    const gate = Promise.withResolvers<void>();
-    const renders: number[] = [];
-    const errors: unknown[] = [];
-    let version = 1;
-    let running = 0;
-    const queue = toChangeQueue({
-        run: async () => {
-            running += 1;
-            assert.equal(running, 1);
-            const current = version;
-            if (current === 1) await gate.promise;
-            renders.push(current);
-            running -= 1;
-        },
-        onError: (error) => errors.push(error),
-    });
-    const first = queue();
-    for (const next of [2, 3, 4, 5]) {
-        version = next;
-        await queue();
-    }
-    gate.resolve();
-    await first;
-    assert.deepEqual(renders, [1, 5]);
-    assert.deepEqual(errors, []);
-});
-
-test("a failed render does not lose a queued recovery or block later edits", async () => {
-    const gate = Promise.withResolvers<void>();
-    const errors: unknown[] = [];
-    const renders: number[] = [];
-    let version = 1;
-    const queue = toChangeQueue({
-        run: async () => {
-            const current = version;
-            if (current === 1) {
-                await gate.promise;
-                throw new Error("Invalid source");
-            }
-            renders.push(current);
-        },
-        onError: (error) => errors.push(error),
-    });
-    const first = queue();
-    version = 2;
-    await queue();
-    gate.resolve();
-    await first;
-    version = 3;
-    await queue();
-    assert.deepEqual(renders, [2, 3]);
-    assert.equal(errors.length, 1);
-});

package/src/util/async/to-change-queue.ts

@@ -1,43 +0,0 @@
-/**
- * 변경 재처리의 실행과 오류 보고 계약
- */
-export interface ChangeQueueOptions {
-    /**
-     * 한 번의 최신 입력 처리 · 이전 실행이 끝난 뒤 호출
-     */
-    run: () => Promise<void>;
-    /**
-     * 실패 보고 · 대기 중인 변경과 다음 실행은 유지
-     */
-    onError: (error: unknown) => void;
-}
-
-/**
- * 동시에 하나만 실행하는 변경 요청 함수 · 실행 중 요청은 다음 한 번으로 합침
- * 활성 실행의 반환 Promise는 대기 요청까지 끝나면 완료, 중첩 요청은 즉시 반환
- */
-export const toChangeQueue = (options: ChangeQueueOptions) => {
-    const state = {requested: 0, completed: 0, running: false};
-
-    return async () => {
-        state.requested += 1;
-        if (state.running) {
-            return;
-        }
-        state.running = true;
-        try {
-            while (state.completed !== state.requested) {
-                const requested = state.requested;
-                try {
-                    await options.run();
-                } catch (error) {
-                    options.onError(error);
-                } finally {
-                    state.completed = requested;
-                }
-            }
-        } finally {
-            state.running = false;
-        }
-    };
-};

package/src/util/dom/find-hash-target.ts

@@ -1,18 +0,0 @@
-/**
- * URL hash 대상 · 한국어 제목의 percent encoding 해석
- */
-export const findHashTarget = (hash: string): HTMLElement | null => {
-    if (!hash) {
-        return null;
-    }
-
-    try {
-        return document.getElementById(decodeURIComponent(hash.slice(1)));
-    } catch (error) {
-        if (error instanceof URIError) {
-            return null;
-        }
-
-        throw error;
-    }
-};

package/src/util/dom/reveal-hash-target.ts

@@ -1,15 +0,0 @@
-import {findHashTarget} from "@/util/dom/find-hash-target";
-
-/**
- * 접힌 내용의 hash 대상과 상위 Details 공개
- * 초기 접속·문서 안 링크·hash 변경에 동일 적용
- */
-export const revealHashTarget = (hash: string): HTMLElement | null => {
-    const target = findHashTarget(hash);
-
-    for (let fold = target?.closest("details"); fold; fold = fold.parentElement?.closest("details")) {
-        fold.open = true;
-    }
-
-    return target;
-};

package/src/util/error/to-error-message.ts

@@ -1,10 +0,0 @@
-/**
- * CLI·dev 공통 오류 문구 · 문법 오류의 파일과 줄 번호 포함
- */
-export const toErrorMessage = (error: unknown): string => {
-    if (error instanceof Error && "file" in error && typeof error.file === "string" && "line" in error && typeof error.line === "number") {
-        return `${error.file}:${error.line}: ${error.message}`;
-    }
-
-    return error instanceof Error ? error.message : String(error);
-};

package/src/util/file/to-asset-path.ts

@@ -1,26 +0,0 @@
-import {createHash} from "node:crypto";
-import {readFileSync} from "node:fs";
-import {posix} from "node:path";
-
-/**
- * 파일 내용으로 자원 URL을 구분하는 입력
- */
-export interface AssetPathOptions {
-    /**
-     * 사이트 루트 기준 기본 자원 경로
-     */
-    path: string;
-    /**
-     * 배포할 실제 파일 경로
-     */
-    file: string;
-}
-
-/**
- * 파일명에 내용 지문 추가 · 같은 내용은 같은 URL, 변경한 내용은 새 캐시 키 사용
- */
-export const toAssetPath = (options: AssetPathOptions) => {
-    const extension = posix.extname(options.path);
-
-    return `${posix.dirname(options.path)}/${posix.basename(options.path, extension)}.${createHash("sha256").update(readFileSync(options.file)).digest("hex")}${extension}`;
-};

package/src/util/font/to-font-css.test.ts

@@ -1,41 +0,0 @@
-import assert from "node:assert/strict";
-import {mkdtempSync, rmSync, writeFileSync} from "node:fs";
-import {tmpdir} from "node:os";
-import {join} from "node:path";
-import {test} from "node:test";
-import {asset_font_dir} from "@/constant/asset";
-import {font_body_css, font_brand_css, font_mono_css} from "@/constant/font";
-import {toFontCss} from "@/util/font/to-font-css";
-
-test("bundled fonts prevent a late swap after fallback text is visible", () => {
-    for (const css of [font_mono_css, font_body_css, font_brand_css]) {
-        const result = toFontCss({css: join(process.cwd(), css), fontDir: asset_font_dir});
-
-        assert.match(result.css, /font-display:\s*optional;/);
-        assert.doesNotMatch(result.css, /font-display:\s*swap;/);
-    }
-});
-
-test("font URLs stay stable for unchanged bytes and change when the font changes", (t) => {
-    const root = mkdtempSync(join(tmpdir(), "for-humanity-font-"));
-    const file = join(root, "example.woff2");
-    const css = join(root, "font.css");
-
-    t.after(() => rmSync(root, {recursive: true, force: true}));
-    writeFileSync(css, "@font-face { font-family: Example; font-display: swap; src: url(./example.woff2); }");
-    writeFileSync(file, "first font bytes");
-
-    const first = toFontCss({css, fontDir: asset_font_dir});
-    const repeated = toFontCss({css, fontDir: asset_font_dir});
-
-    assert.deepEqual([...first.files], [...repeated.files]);
-    assert.match(first.css, /example\.[a-f0-9]+\.woff2/);
-    assert.deepEqual([...first.files.values()], [file]);
-
-    writeFileSync(file, "changed font bytes");
-
-    const changed = toFontCss({css, fontDir: asset_font_dir});
-
-    assert.notDeepEqual([...first.files.keys()], [...changed.files.keys()]);
-    assert.notEqual(first.css, changed.css);
-});