kasaframe 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/NOTICE +298 -0
- package/README.md +16 -3
- package/docs/AGENTS.md +1 -1
- package/package.json +1 -1
- package/packages/cli/src/commands/doctor.ts +15 -2
- package/packages/cli/src/commands/fonts.ts +118 -0
- package/packages/cli/src/commands/update.ts +66 -0
- package/packages/cli/src/fonts.ts +405 -0
- package/packages/cli/src/kf.ts +5 -0
- package/packages/cli/src/update.ts +250 -0
- package/packages/plan/src/asks.ts +1 -1
- package/packages/plan/src/themes.ts +8 -2
- package/packages/themes/kit/THEME-MAKE.md +2 -2
- package/packages/themes/kit/fonts/display.json +3517 -0
- package/packages/themes/kit/fonts/sans.json +5155 -0
- package/packages/themes/kit/fonts/serif.json +5229 -0
- package/packages/themes/kit/fonts.json +243 -79
- package/packages/themes/package.json +3 -1
- package/packages/themes/src/fontfile.ts +183 -0
- package/packages/themes/src/fonts.ts +296 -0
- package/packages/themes/src/index.ts +10 -2
- package/packages/themes/src/look.ts +34 -8
- package/packages/themes/src/types.ts +5 -0
- package/packages/themes/src/vary.ts +35 -34
- package/presets/kawaii-pastel.json +2 -2
- package/skills/kasaframe/SKILL.md +1 -0
- package/themes/blueprint/sample/style.json +5 -5
- package/themes/blueprint/style.json +5 -5
- package/themes/blueprint/theme.json +3 -1
- package/themes/blueprint/variants/deep-rose-suit.json +1 -1
- package/themes/blueprint/variants/navy-coral-2.json +1 -1
- package/themes/blueprint/variants/navy-coral-suit.json +1 -1
- package/themes/blueprint/variants/navy-orange-2.json +1 -1
- package/themes/blueprint/variants/navy-orange-suit.json +1 -1
- package/themes/cartography/sample/style.json +2 -2
- package/themes/cartography/style.json +2 -2
- package/themes/cartography/theme.json +3 -1
- package/themes/cartography/variants/deep-plum.json +1 -1
- package/themes/cartography/variants/frost-teal.json +1 -1
- package/themes/cartography/variants/navy-green.json +1 -1
- package/themes/circuit-board/sample/style.json +2 -2
- package/themes/circuit-board/style.json +2 -2
- package/themes/circuit-board/theme.json +3 -1
- package/themes/circuit-board/variants/dusk-gold-pretendard.json +1 -1
- package/themes/circuit-board/variants/navy-gold-grain.json +1 -1
- package/themes/circuit-board/variants/wine-gold-pretendard.json +1 -1
- package/themes/clay-toy/sample/style.json +2 -2
- package/themes/clay-toy/style.json +2 -2
- package/themes/clay-toy/theme.json +3 -1
- package/themes/clay-toy/variants/blush-coral-grain.json +1 -1
- package/themes/clay-toy/variants/chalk-teal.json +1 -1
- package/themes/clay-toy/variants/frost-sky.json +1 -1
- package/themes/clay-toy/variants/frost-teal.json +1 -1
- package/themes/clay-toy/variants/lilac-plum-round.json +1 -1
- package/themes/clay-toy/variants/lilac-plum.json +1 -1
- package/themes/clay-toy/variants/sage-indigo.json +1 -1
- package/themes/conveyor-factory/sample/style.json +3 -3
- package/themes/conveyor-factory/style.json +3 -3
- package/themes/conveyor-factory/theme.json +3 -1
- package/themes/conveyor-factory/variants/cocoa-gold.json +1 -1
- package/themes/conveyor-factory/variants/navy-gold.json +1 -1
- package/themes/conveyor-factory/variants/slate-amber-2.json +1 -1
- package/themes/conveyor-factory/variants/slate-amber-suit.json +1 -1
- package/themes/conveyor-factory/variants/slate-gold-bold.json +1 -1
- package/themes/data-journal/theme.json +3 -1
- package/themes/data-journal/variants/deep-coral.json +1 -1
- package/themes/data-journal/variants/navy-lime.json +1 -1
- package/themes/data-journal/variants/wine-indigo.json +1 -1
- package/themes/debug-hud/sample/style.json +1 -1
- package/themes/debug-hud/style.json +1 -1
- package/themes/debug-hud/theme.json +2 -1
- package/themes/debug-hud/variants/cocoa-teal.json +2 -2
- package/themes/debug-hud/variants/deep-teal-scan.json +2 -2
- package/themes/debug-hud/variants/dusk-plum.json +2 -2
- package/themes/debug-hud/variants/forest-lime.json +2 -2
- package/themes/debug-hud/variants/slate-green.json +2 -2
- package/themes/debug-hud/variants/wine-gold.json +2 -2
- package/themes/depth-flight/sample/style.json +1 -1
- package/themes/depth-flight/style.json +1 -1
- package/themes/depth-flight/theme.json +3 -1
- package/themes/depth-flight/variants/cocoa-cyan.json +1 -1
- package/themes/depth-flight/variants/cocoa-violet.json +1 -1
- package/themes/depth-flight/variants/deep-sky.json +1 -1
- package/themes/depth-flight/variants/forest-blue.json +1 -1
- package/themes/depth-flight/variants/navy-sky-grain.json +1 -1
- package/themes/depth-flight/variants/navy-sky.json +1 -1
- package/themes/depth-flight/variants/night-teal.json +1 -1
- package/themes/depth-flight/variants/slate-indigo.json +1 -1
- package/themes/depth-flight/variants/slate-violet.json +1 -1
- package/themes/film-reel/sample/style.json +2 -2
- package/themes/film-reel/style.json +2 -2
- package/themes/film-reel/theme.json +3 -1
- package/themes/film-reel/variants/chalk-pink.json +1 -1
- package/themes/film-reel/variants/lilac-gold.json +1 -1
- package/themes/film-reel/variants/lilac-violet.json +1 -1
- package/themes/glass-light/sample/style.json +1 -1
- package/themes/glass-light/style.json +1 -1
- package/themes/glass-light/theme.json +3 -1
- package/themes/glass-light/variants/blush-pink.json +1 -1
- package/themes/glass-light/variants/blush-plum.json +1 -1
- package/themes/glass-light/variants/cream-violet.json +1 -1
- package/themes/glass-light/variants/frost-sky-suit.json +1 -1
- package/themes/glass-light/variants/frost-sky.json +1 -1
- package/themes/glass-light/variants/sage-green.json +1 -1
- package/themes/ink-wash/sample/style.json +3 -3
- package/themes/ink-wash/style.json +3 -3
- package/themes/ink-wash/theme.json +3 -1
- package/themes/iso-diorama/sample/style.json +1 -1
- package/themes/iso-diorama/style.json +1 -1
- package/themes/iso-diorama/theme.json +3 -1
- package/themes/iso-diorama/variants/chalk-plum.json +1 -1
- package/themes/iso-diorama/variants/cocoa-indigo.json +1 -1
- package/themes/iso-diorama/variants/dusk-blue.json +1 -1
- package/themes/iso-diorama/variants/dusk-coral.json +1 -1
- package/themes/iso-diorama/variants/dusk-jade.json +1 -1
- package/themes/iso-diorama/variants/forest-cyan.json +1 -1
- package/themes/iso-diorama/variants/frost-green.json +1 -1
- package/themes/iso-diorama/variants/frost-teal.json +1 -1
- package/themes/iso-diorama/variants/navy-amber.json +1 -1
- package/themes/isotype/sample/style.json +2 -2
- package/themes/isotype/style.json +2 -2
- package/themes/isotype/theme.json +2 -1
- package/themes/isotype/variants/blush-rose.json +1 -1
- package/themes/isotype/variants/chalk-coral.json +1 -1
- package/themes/isotype/variants/chalk-orange.json +1 -1
- package/themes/isotype/variants/frost-amber.json +1 -1
- package/themes/isotype/variants/frost-coral.json +1 -1
- package/themes/isotype/variants/frost-orange.json +1 -1
- package/themes/isotype/variants/sand-amber.json +1 -1
- package/themes/kawaii-sticker/sample/style.json +2 -2
- package/themes/kawaii-sticker/style.json +2 -2
- package/themes/kawaii-sticker/theme.json +3 -1
- package/themes/kawaii-sticker/variants/cream-gold.json +1 -1
- package/themes/kawaii-sticker/variants/dusk-green.json +1 -1
- package/themes/kawaii-sticker/variants/dusk-indigo.json +1 -1
- package/themes/kawaii-sticker/variants/dusk-sky.json +1 -1
- package/themes/kawaii-sticker/variants/dusk-teal.json +1 -1
- package/themes/kawaii-sticker/variants/frost-blue.json +1 -1
- package/themes/kawaii-sticker/variants/frost-plum.json +1 -1
- package/themes/kawaii-sticker/variants/lilac-violet.json +1 -1
- package/themes/kawaii-sticker/variants/navy-gold.json +1 -1
- package/themes/kawaii-sticker/variants/navy-plum.json +1 -1
- package/themes/lab-notebook/sample/style.json +3 -3
- package/themes/lab-notebook/style.json +3 -3
- package/themes/lab-notebook/theme.json +2 -1
- package/themes/lab-notebook/variants/blush-orange.json +1 -1
- package/themes/lab-notebook/variants/chalk-coral.json +1 -1
- package/themes/lab-notebook/variants/chalk-orange.json +1 -1
- package/themes/lab-notebook/variants/chalk-rose.json +1 -1
- package/themes/lab-notebook/variants/lilac-rose.json +1 -1
- package/themes/lab-notebook/variants/sage-rose.json +1 -1
- package/themes/lab-notebook/variants/sand-orange.json +1 -1
- package/themes/lab-notebook/variants/snow-orange.json +1 -1
- package/themes/lab-notebook/variants/snow-rose.json +1 -1
- package/themes/manga-panel/sample/style.json +3 -3
- package/themes/manga-panel/style.json +3 -3
- package/themes/manga-panel/theme.json +3 -1
- package/themes/manga-panel/variants/chalk-cyan-dots.json +1 -1
- package/themes/manga-panel/variants/chalk-rose.json +1 -1
- package/themes/manga-panel/variants/snow-cyan.json +1 -1
- package/themes/manga-panel/variants/snow-magenta-dots.json +1 -1
- package/themes/marble-run/sample/style.json +2 -2
- package/themes/marble-run/style.json +2 -2
- package/themes/marble-run/theme.json +3 -1
- package/themes/marble-run/variants/slate-orange.json +1 -1
- package/themes/neon-sign/sample/style.json +2 -2
- package/themes/neon-sign/style.json +2 -2
- package/themes/neon-sign/theme.json +2 -1
- package/themes/neon-sign/variants/dusk-plum.json +1 -1
- package/themes/neon-sign/variants/forest-magenta.json +1 -1
- package/themes/neon-sign/variants/night-pink.json +1 -1
- package/themes/neon-sign/variants/night-violet.json +1 -1
- package/themes/neon-sign/variants/slate-violet.json +1 -1
- package/themes/newspaper/sample/style.json +2 -2
- package/themes/newspaper/style.json +2 -2
- package/themes/newspaper/theme.json +2 -1
- package/themes/newspaper/variants/blush-amber.json +1 -1
- package/themes/newspaper/variants/chalk-magenta.json +1 -1
- package/themes/newspaper/variants/frost-sky.json +1 -1
- package/themes/newspaper/variants/lilac-green.json +1 -1
- package/themes/newspaper/variants/sage-lime.json +1 -1
- package/themes/og-measure/THEME.md +32 -6
- package/themes/og-measure/effects.ts +219 -115
- package/themes/og-measure/sample/assets/brand/og-logo.svg +11 -11
- package/themes/og-measure/sample/lib/data.ts +6 -0
- package/themes/og-measure/sample/scenes/end.ts +14 -10
- package/themes/og-measure/sample/scenes/gather.ts +12 -1
- package/themes/og-measure/sample/scenes/models.ts +13 -2
- package/themes/og-measure/sample/scenes/one.ts +8 -6
- package/themes/og-measure/sample/scenes/price.ts +20 -3
- package/themes/og-measure/sample/style.json +30 -35
- package/themes/og-measure/slots.ts +25 -30
- package/themes/og-measure/still.png +0 -0
- package/themes/og-measure/style.json +30 -35
- package/themes/og-measure/theme.json +64 -49
- package/themes/og-measure/variants/snow-blue.json +90 -0
- package/themes/orbit-system/sample/style.json +3 -3
- package/themes/orbit-system/style.json +3 -3
- package/themes/orbit-system/theme.json +3 -1
- package/themes/orbit-system/variants/cocoa-amber.json +1 -1
- package/themes/orbit-system/variants/cocoa-cyan.json +1 -1
- package/themes/orbit-system/variants/dusk-magenta.json +1 -1
- package/themes/orbit-system/variants/dusk-violet.json +1 -1
- package/themes/orbit-system/variants/forest-coral.json +1 -1
- package/themes/orbit-system/variants/wine-amber.json +1 -1
- package/themes/orbit-system/variants/wine-magenta.json +1 -1
- package/themes/origami-fold/sample/style.json +1 -1
- package/themes/origami-fold/style.json +1 -1
- package/themes/origami-fold/theme.json +3 -1
- package/themes/origami-fold/variants/deep-amber-sunflower.json +1 -1
- package/themes/origami-fold/variants/deep-orange.json +1 -1
- package/themes/origami-fold/variants/forest-coral.json +1 -1
- package/themes/origami-fold/variants/forest-pink.json +1 -1
- package/themes/origami-fold/variants/frost-amber-paper.json +1 -1
- package/themes/origami-fold/variants/sage-coral-sunflower.json +1 -1
- package/themes/origami-fold/variants/sage-coral.json +1 -1
- package/themes/origami-fold/variants/sage-pink-round.json +1 -1
- package/themes/origami-fold/variants/sage-pink.json +1 -1
- package/themes/paper-cutout/sample/style.json +2 -2
- package/themes/paper-cutout/style.json +2 -2
- package/themes/paper-cutout/theme.json +3 -1
- package/themes/paper-cutout/variants/blush-violet.json +1 -1
- package/themes/paper-cutout/variants/frost-lime.json +1 -1
- package/themes/paper-cutout/variants/lilac-gold.json +1 -1
- package/themes/paper-cutout/variants/sage-cyan.json +1 -1
- package/themes/paper-cutout/variants/sage-green.json +1 -1
- package/themes/paper-cutout/variants/sage-pink.json +1 -1
- package/themes/paper-cutout/variants/sand-blue.json +1 -1
- package/themes/pixel-quest/theme.json +2 -1
- package/themes/receipt/sample/style.json +2 -2
- package/themes/receipt/style.json +2 -2
- package/themes/riso-zine/sample/style.json +2 -2
- package/themes/riso-zine/style.json +2 -2
- package/themes/riso-zine/theme.json +3 -1
- package/themes/riso-zine/variants/chalk-lime.json +1 -1
- package/themes/riso-zine/variants/frost-green.json +1 -1
- package/themes/riso-zine/variants/lilac-plum.json +1 -1
- package/themes/riso-zine/variants/lilac-violet.json +1 -1
- package/themes/server-hall/sample/style.json +2 -2
- package/themes/server-hall/style.json +2 -2
- package/themes/server-hall/theme.json +3 -1
- package/themes/server-hall/variants/night-indigo.json +1 -1
- package/themes/server-hall/variants/wine-plum.json +1 -1
- package/themes/subway-map/sample/style.json +2 -2
- package/themes/subway-map/style.json +2 -2
- package/themes/subway-map/theme.json +3 -1
- package/themes/subway-map/variants/deep-green.json +1 -1
- package/themes/subway-map/variants/deep-teal.json +1 -1
- package/themes/subway-map/variants/frost-jade.json +1 -1
- package/themes/subway-map/variants/frost-teal.json +1 -1
- package/themes/subway-map/variants/slate-green.json +1 -1
- package/themes/subway-map/variants/snow-jade.json +1 -1
- package/themes/swiss-poster/sample/style.json +2 -2
- package/themes/swiss-poster/style.json +2 -2
- package/themes/swiss-poster/theme.json +3 -1
- package/themes/swiss-poster/variants/chalk-plum.json +1 -1
- package/themes/swiss-poster/variants/cocoa-cyan.json +1 -1
- package/themes/swiss-poster/variants/dusk-magenta.json +1 -1
- package/themes/swiss-poster/variants/frost-indigo.json +1 -1
- package/themes/swiss-poster/variants/slate-orange.json +1 -1
- package/themes/water-works/sample/style.json +1 -1
- package/themes/water-works/style.json +1 -1
- package/themes/water-works/theme.json +3 -1
- package/themes/water-works/variants/chalk-cyan.json +1 -1
- package/themes/water-works/variants/frost-indigo.json +1 -1
- package/themes/water-works/variants/sand-amber.json +1 -1
- package/themes/water-works/variants/sand-plum.json +1 -1
- package/themes/whiteboard/sample/style.json +2 -2
- package/themes/whiteboard/style.json +2 -2
- package/themes/whiteboard/theme.json +3 -1
- package/themes/whiteboard/variants/chalk-coral.json +1 -1
- package/themes/whiteboard/variants/cream-lime.json +1 -1
- package/themes/whiteboard/variants/frost-teal.json +1 -1
- package/themes/whiteboard/variants/lilac-indigo.json +1 -1
- package/themes/whiteboard/variants/sage-plum.json +1 -1
- package/themes/whiteboard/variants/snow-cyan.json +1 -1
- package/themes/whiteboard/variants/snow-green.json +1 -1
- package/themes/whiteboard/variants/snow-magenta.json +1 -1
- package/themes/og-measure/sample/assets/brand/og-logo-full.svg +0 -12
- package/themes/og-measure/variants/chalk-orange.json +0 -102
- package/themes/og-measure/variants/cocoa-amber.json +0 -138
- package/themes/og-measure/variants/cocoa-cyan.json +0 -138
- package/themes/og-measure/variants/cocoa-gold.json +0 -129
- package/themes/og-measure/variants/cream-lime.json +0 -137
- package/themes/og-measure/variants/deep-jade.json +0 -100
- package/themes/og-measure/variants/dusk-violet.json +0 -133
- package/themes/og-measure/variants/forest-cyan.json +0 -123
- package/themes/og-measure/variants/frost-amber.json +0 -129
- package/themes/og-measure/variants/frost-cyan.json +0 -133
- package/themes/og-measure/variants/lilac-plum.json +0 -127
- package/themes/og-measure/variants/lilac-violet.json +0 -139
- package/themes/og-measure/variants/sage-green.json +0 -137
- package/themes/og-measure/variants/wine-jade.json +0 -127
- package/themes/og-measure/variants/wine-plum.json +0 -127
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { createInterface } from "node:readline/promises";
|
|
2
|
+
import { type Command, parseFlags } from "../command.ts";
|
|
3
|
+
import { commandFor, current, isNewer, noticeLine, refresh, upgrade } from "../update.ts";
|
|
4
|
+
|
|
5
|
+
async function confirm(q: string): Promise<boolean> {
|
|
6
|
+
const rl = createInterface({ input: process.stdin, output: process.stdout });
|
|
7
|
+
try {
|
|
8
|
+
return /^(|y|yes|ㅇ|응|네)$/i.test((await rl.question(q)).trim());
|
|
9
|
+
} catch {
|
|
10
|
+
return false;
|
|
11
|
+
} finally {
|
|
12
|
+
rl.close();
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
const cmd: Command = {
|
|
17
|
+
summary: "새 판 확인·올리기 — 지금 레지스트리를 보고 새 판이면 깐 방식(npm·pnpm·bun·yarn)대로 올린다",
|
|
18
|
+
usage: `kf update 지금 확인하고 새 판이면 올린다(터미널이면 한 번 묻는다)
|
|
19
|
+
kf update --check 올리지 않고 보기만
|
|
20
|
+
kf update --json {current, latest, update, command} 를 표준 출력에 — 올리지 않는다
|
|
21
|
+
kf update --yes 묻지 않고 올린다(에이전트용 — 표준 오류에 「[kasaframe] 새 판 …」 줄이 보이면)
|
|
22
|
+
레지스트리는 npm 설정(npm_config_registry·~/.npmrc)을 따른다. kf 는 몇 시간에 한 번 뒤에서 확인해 두고,
|
|
23
|
+
새 판을 알면 터미널에선 명령 전에 묻고 아니면 표준 오류에 한 줄 찍는다. 끄기: KF_NO_UPDATE_CHECK=1 · CI
|
|
24
|
+
종료 코드: 0 최신이거나 올림 · 1 확인·설치 실패 · 2 올리지 않음(묻기 거절·--yes 없이 터미널 밖·레포 체크아웃)`,
|
|
25
|
+
async run(argv) {
|
|
26
|
+
const { opts } = parseFlags(argv);
|
|
27
|
+
let latest: string;
|
|
28
|
+
try {
|
|
29
|
+
latest = await refresh();
|
|
30
|
+
} catch (e) {
|
|
31
|
+
const error = (e as Error).message;
|
|
32
|
+
if (opts.json) console.log(JSON.stringify({ current, latest: null, update: false, command: null, error }));
|
|
33
|
+
else console.error(`kf update: 새 판을 확인하지 못했다 — ${error}`);
|
|
34
|
+
return 1;
|
|
35
|
+
}
|
|
36
|
+
const update = isNewer(latest, current);
|
|
37
|
+
const command = update ? commandFor(latest) : null;
|
|
38
|
+
if (opts.json) {
|
|
39
|
+
console.log(JSON.stringify({ current, latest, update, command: command?.join(" ") ?? null }));
|
|
40
|
+
return 0;
|
|
41
|
+
}
|
|
42
|
+
if (!update) {
|
|
43
|
+
console.log(`kasaframe ${current} — 최신이다${latest === current ? "" : `(레지스트리 최신 ${latest})`}`);
|
|
44
|
+
return 0;
|
|
45
|
+
}
|
|
46
|
+
if (!command) {
|
|
47
|
+
console.log(`${noticeLine(latest)}\n레포 체크아웃에서 돌고 있다 — 설치본이 아니라 올리지 않는다(git pull)`);
|
|
48
|
+
return opts.check ? 0 : 2;
|
|
49
|
+
}
|
|
50
|
+
if (opts.check) {
|
|
51
|
+
console.log(`${noticeLine(latest)}\n올리는 명령: ${command.join(" ")}`);
|
|
52
|
+
return 0;
|
|
53
|
+
}
|
|
54
|
+
if (!opts.yes) {
|
|
55
|
+
if (!(process.stdin.isTTY && process.stdout.isTTY)) {
|
|
56
|
+
console.error(`${noticeLine(latest)}\n터미널이 아니라 묻지 못한다 — 묻지 않고 올리려면 kf update --yes`);
|
|
57
|
+
return 2;
|
|
58
|
+
}
|
|
59
|
+
if (!(await confirm(`kasaframe ${current} → ${latest} 로 올릴까(${command.join(" ")})? [Y/n] `))) return 2;
|
|
60
|
+
}
|
|
61
|
+
if (!upgrade(command, latest)) return 1;
|
|
62
|
+
console.log(`kasaframe ${latest} 로 올렸다`);
|
|
63
|
+
return 0;
|
|
64
|
+
},
|
|
65
|
+
};
|
|
66
|
+
export default cmd;
|
|
@@ -0,0 +1,405 @@
|
|
|
1
|
+
// kf fonts — 글꼴 짝을 받아 재고(주소·판·라이선스 글·한글 덮음·굵기) 크롬으로 견본을 찍어 글이 실제로 서는지 본다.
|
|
2
|
+
// 받은 파일은 <캐시>/fonts/files 에 두고, 크롬에는 그 파일을 같은 주소로 내준다 — 두 번째부터는 주소가 살았는지만 묻는다.
|
|
3
|
+
import { createHash } from "node:crypto";
|
|
4
|
+
import { existsSync, mkdirSync, readFileSync, renameSync, writeFileSync } from "node:fs";
|
|
5
|
+
import { homedir } from "node:os";
|
|
6
|
+
import { join } from "node:path";
|
|
7
|
+
import type { BrowserContext, Page } from "playwright";
|
|
8
|
+
import { readFontFile } from "@kasaframe/themes/fontfile";
|
|
9
|
+
import {
|
|
10
|
+
type FaceFile,
|
|
11
|
+
faceForChar,
|
|
12
|
+
FONT_SAMPLE,
|
|
13
|
+
type FontPair,
|
|
14
|
+
licenseVerdict,
|
|
15
|
+
measurePair,
|
|
16
|
+
type PairMeasure,
|
|
17
|
+
pairProblems,
|
|
18
|
+
type SampleLine,
|
|
19
|
+
stackFamilies,
|
|
20
|
+
stackUses,
|
|
21
|
+
} from "@kasaframe/themes/fonts";
|
|
22
|
+
import { launch } from "./browser.ts";
|
|
23
|
+
import { pool } from "./pool.ts";
|
|
24
|
+
|
|
25
|
+
export const fontCacheDir = (): string => join(process.env.KF_CACHE_DIR ?? join(homedir(), ".cache", "kasaframe"), "fonts");
|
|
26
|
+
export const cachedFontFile = (url: string) => join(fontCacheDir(), "files", `${createHash("sha1").update(url).digest("hex").slice(0, 20)}${/\.\w+$/.exec(new URL(url).pathname)?.[0] ?? ""}`);
|
|
27
|
+
|
|
28
|
+
interface Fetched {
|
|
29
|
+
/** HTTP 상태, 못 닿으면 까닭 */
|
|
30
|
+
status: number | string;
|
|
31
|
+
text?: string;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
async function get(url: string, how: "head" | "file" | "text"): Promise<Fetched> {
|
|
35
|
+
for (let tries = 0; ; tries++) {
|
|
36
|
+
try {
|
|
37
|
+
const r = await fetch(url, { method: how === "head" ? "HEAD" : "GET", redirect: "follow", signal: AbortSignal.timeout(60_000) });
|
|
38
|
+
if (r.status >= 500 && tries < 2) continue;
|
|
39
|
+
if (!r.ok || how === "head") return { status: r.status };
|
|
40
|
+
if (how === "text") return { status: r.status, text: await r.text() };
|
|
41
|
+
const path = cachedFontFile(url);
|
|
42
|
+
mkdirSync(join(fontCacheDir(), "files"), { recursive: true });
|
|
43
|
+
writeFileSync(`${path}.tmp`, Buffer.from(await r.arrayBuffer()));
|
|
44
|
+
renameSync(`${path}.tmp`, path);
|
|
45
|
+
return { status: r.status };
|
|
46
|
+
} catch (err) {
|
|
47
|
+
if (tries < 2) continue;
|
|
48
|
+
return { status: (err as Error).message };
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
export interface RenderLine {
|
|
54
|
+
stack: string;
|
|
55
|
+
weight: number;
|
|
56
|
+
line: SampleLine;
|
|
57
|
+
fonts: { family: string; custom: boolean; glyphs: number }[];
|
|
58
|
+
ink: number;
|
|
59
|
+
tofu: string[];
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
export interface PairReport {
|
|
63
|
+
id: string;
|
|
64
|
+
group: string;
|
|
65
|
+
name: string;
|
|
66
|
+
ok: boolean;
|
|
67
|
+
hangul?: PairMeasure["hangul"];
|
|
68
|
+
syllables?: number;
|
|
69
|
+
boldest?: number;
|
|
70
|
+
licenses: string[];
|
|
71
|
+
problems: string[];
|
|
72
|
+
notes: string[];
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
export interface CheckOptions {
|
|
76
|
+
/** 주소를 묻지 않고 캐시만 — 처음 보는 파일은 문제로 남는다 */
|
|
77
|
+
offline?: boolean;
|
|
78
|
+
render?: boolean;
|
|
79
|
+
log?: (s: string) => void;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
/** 짝들을 재고 찍어 본다 — 받기는 주소마다 한 번 */
|
|
83
|
+
export async function checkFonts(list: { group: string; pair: FontPair }[], o: CheckOptions = {}): Promise<PairReport[]> {
|
|
84
|
+
const log = o.log ?? (() => {});
|
|
85
|
+
const srcs = [...new Set(list.flatMap(({ pair }) => (pair.faces ?? []).map((f) => f.src)))];
|
|
86
|
+
const sources = o.offline ? [] : [...new Set(list.flatMap(({ pair }) => (pair.faces ?? []).map((f) => f.source).filter(Boolean)))];
|
|
87
|
+
// 같은 주소가 파일로도 라이선스 글로도 쓰일 수 있어 둘을 따로 둔다
|
|
88
|
+
const net = { file: new Map<string, Fetched>(), text: new Map<string, Fetched>() };
|
|
89
|
+
let done = 0;
|
|
90
|
+
await pool([...srcs.map((u) => ({ u, kind: "file" as const })), ...sources.map((u) => ({ u, kind: "text" as const }))], 8, async ({ u, kind }) => {
|
|
91
|
+
let r: Fetched;
|
|
92
|
+
try {
|
|
93
|
+
new URL(u);
|
|
94
|
+
} catch {
|
|
95
|
+
net[kind].set(u, { status: "주소가 아니다" });
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
const cached = kind === "file" && existsSync(cachedFontFile(u));
|
|
99
|
+
if (o.offline) r = { status: cached ? 200 : "캐시에 없다(--offline)" };
|
|
100
|
+
else r = await get(u, cached ? "head" : kind);
|
|
101
|
+
net[kind].set(u, r);
|
|
102
|
+
if (++done % 25 === 0) log(` 주소 ${done}/${srcs.length + sources.length}`);
|
|
103
|
+
});
|
|
104
|
+
|
|
105
|
+
const files = new Map<string, FaceFile>();
|
|
106
|
+
const broken = new Map<string, string>();
|
|
107
|
+
for (const u of srcs) {
|
|
108
|
+
if (!existsSync(cachedFontFile(u))) continue;
|
|
109
|
+
try {
|
|
110
|
+
const f = readFontFile(readFileSync(cachedFontFile(u)));
|
|
111
|
+
files.set(u, { cps: f.cps, weight: f.weight, wght: f.wght, names: f.families, licenseText: f.licenseText });
|
|
112
|
+
} catch (err) {
|
|
113
|
+
broken.set(u, (err as Error).message);
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
const reports = list.map(({ group, pair }): PairReport => {
|
|
118
|
+
const problems = pairProblems(pair);
|
|
119
|
+
const notes: string[] = [];
|
|
120
|
+
for (const f of pair.faces ?? []) {
|
|
121
|
+
const where = `${f.family}(${f.weight})`;
|
|
122
|
+
const s = net.file.get(f.src)?.status;
|
|
123
|
+
if (s !== 200) problems.push(`${where} 주소 ${s} — ${f.src}`);
|
|
124
|
+
if (broken.has(f.src)) problems.push(`${where} 파일을 못 읽는다 — ${broken.get(f.src)}`);
|
|
125
|
+
if (!f.source || o.offline) continue;
|
|
126
|
+
const lic = net.text.get(f.source);
|
|
127
|
+
if (lic?.status !== 200) {
|
|
128
|
+
problems.push(`${where} 라이선스 글 주소 ${lic?.status} — ${f.source}`);
|
|
129
|
+
continue;
|
|
130
|
+
}
|
|
131
|
+
const v = licenseVerdict(f, lic.text ?? "", files.get(f.src)?.licenseText ?? "");
|
|
132
|
+
if (v.problem) problems.push(v.problem);
|
|
133
|
+
if (v.note) notes.push(v.note);
|
|
134
|
+
}
|
|
135
|
+
const ready = (pair.faces ?? []).length > 0 && pair.faces.every((f) => files.has(f.src));
|
|
136
|
+
const m = ready ? measurePair(pair, files) : null;
|
|
137
|
+
return {
|
|
138
|
+
id: pair.id,
|
|
139
|
+
group,
|
|
140
|
+
name: pair.name,
|
|
141
|
+
ok: false,
|
|
142
|
+
...(m ? { hangul: m.hangul, syllables: m.syllables, boldest: m.boldest } : {}),
|
|
143
|
+
licenses: [...new Set((pair.faces ?? []).map((f) => f.license))],
|
|
144
|
+
problems: [...problems, ...(m?.problems ?? [])],
|
|
145
|
+
notes: [...notes, ...(m?.notes ?? [])],
|
|
146
|
+
};
|
|
147
|
+
});
|
|
148
|
+
|
|
149
|
+
if (o.render !== false) {
|
|
150
|
+
const todo = list.filter(({ pair }) => pair.faces?.length && pair.faces.every((f) => files.has(f.src)));
|
|
151
|
+
log(` 크롬으로 견본 찍기 — 짝 ${todo.length}`);
|
|
152
|
+
const browser = await launch();
|
|
153
|
+
try {
|
|
154
|
+
const context = await browser.newContext({ deviceScaleFactor: 1 });
|
|
155
|
+
await serveCached(context);
|
|
156
|
+
const queue = [...todo];
|
|
157
|
+
let n = 0;
|
|
158
|
+
await Promise.all(
|
|
159
|
+
Array.from({ length: Math.min(4, todo.length) }, async () => {
|
|
160
|
+
const page = await context.newPage();
|
|
161
|
+
for (let x = queue.shift(); x; x = queue.shift()) {
|
|
162
|
+
const r = reports.find((y) => y.id === x.pair.id)!;
|
|
163
|
+
r.problems.push(...judgeRender(x.pair, files, await renderPair(page, x.pair)));
|
|
164
|
+
if (++n % 20 === 0) log(` 찍음 ${n}/${todo.length}`);
|
|
165
|
+
}
|
|
166
|
+
}),
|
|
167
|
+
);
|
|
168
|
+
} finally {
|
|
169
|
+
await browser.close();
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
for (const r of reports) r.ok = !r.problems.length;
|
|
173
|
+
return reports;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
const ORIGIN = "https://kf-fonts.local/";
|
|
177
|
+
const MIME: Record<string, string> = { woff2: "font/woff2", woff: "font/woff", ttf: "font/ttf", otf: "font/otf" };
|
|
178
|
+
|
|
179
|
+
/** 글꼴 주소는 캐시 파일로, 견본 쪽은 빈 문서로 — 크롬이 따로 받지 않아 같은 파일을 본다 */
|
|
180
|
+
async function serveCached(context: BrowserContext): Promise<void> {
|
|
181
|
+
await context.route("**/*", (route) => {
|
|
182
|
+
const url = route.request().url();
|
|
183
|
+
if (url.startsWith(ORIGIN)) return route.fulfill({ contentType: "text/html; charset=utf-8", body: "<!doctype html><meta charset=utf-8><body></body>" });
|
|
184
|
+
const path = cachedFontFile(url);
|
|
185
|
+
if (!existsSync(path)) return route.abort();
|
|
186
|
+
const ext = /\.(\w+)$/.exec(path)?.[1] ?? "woff2";
|
|
187
|
+
return route.fulfill({ body: readFileSync(path), headers: { "content-type": MIME[ext] ?? "application/octet-stream", "access-control-allow-origin": "*" } });
|
|
188
|
+
});
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
export interface Rendered {
|
|
192
|
+
loadErrors: { family: string; weight: string; error: string }[];
|
|
193
|
+
lines: RenderLine[];
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
/** 짝 하나를 빈 문서에 — face 를 하나씩 받아 실패를 그 face 에 붙이고, 줄마다 크롬이 고른 글꼴(CDP)·먹 양·두부 글자를 잰다 */
|
|
197
|
+
async function renderPair(page: Page, p: FontPair): Promise<Rendered> {
|
|
198
|
+
await page.goto(ORIGIN);
|
|
199
|
+
const uses = stackUses(p);
|
|
200
|
+
const spans = uses.flatMap((u) => (Object.keys(FONT_SAMPLE) as SampleLine[]).map((line) => ({ stack: u.stack, css: u.css, weight: u.weight, line, text: FONT_SAMPLE[line] })));
|
|
201
|
+
const inPage = await page.evaluate(
|
|
202
|
+
async ({ faces, spans }) => {
|
|
203
|
+
const loadErrors: { family: string; weight: string; error: string }[] = [];
|
|
204
|
+
await Promise.all(
|
|
205
|
+
faces.map(async (f) => {
|
|
206
|
+
const ff = new FontFace(f.family, `url("${f.src}")`, { weight: f.weight ?? "100 900", display: "block" });
|
|
207
|
+
document.fonts.add(ff);
|
|
208
|
+
await ff.load().catch((e: Error) => loadErrors.push({ family: f.family, weight: f.weight ?? "", error: String(e?.message ?? e) }));
|
|
209
|
+
}),
|
|
210
|
+
);
|
|
211
|
+
const canvas = document.createElement("canvas");
|
|
212
|
+
const ctx = canvas.getContext("2d", { willReadFrequently: true })!;
|
|
213
|
+
const paint = (font: string, text: string, w: number, h: number): Uint8ClampedArray => {
|
|
214
|
+
canvas.width = w;
|
|
215
|
+
canvas.height = h;
|
|
216
|
+
ctx.font = font;
|
|
217
|
+
ctx.textBaseline = "middle";
|
|
218
|
+
ctx.fillText(text, 4, h / 2);
|
|
219
|
+
return ctx.getImageData(0, 0, w, h).data;
|
|
220
|
+
};
|
|
221
|
+
const inkOf = (d: Uint8ClampedArray) => {
|
|
222
|
+
let n = 0;
|
|
223
|
+
for (let i = 3; i < d.length; i += 4) if (d[i] > 40) n++;
|
|
224
|
+
return n;
|
|
225
|
+
};
|
|
226
|
+
const measured = spans.map((s, i) => {
|
|
227
|
+
const el = document.createElement("div");
|
|
228
|
+
el.dataset.k = String(i);
|
|
229
|
+
el.style.cssText = `font-family: ${s.css}; font-weight: ${s.weight}; font-size: 48px; white-space: pre; line-height: 1.4`;
|
|
230
|
+
el.textContent = s.text;
|
|
231
|
+
document.body.append(el);
|
|
232
|
+
const font = `${s.weight} 48px ${s.css}`;
|
|
233
|
+
const notdef = paint(font, "\u{10FFFD}", 80, 80).join(",");
|
|
234
|
+
const tofu = [...new Set([...s.text].filter((ch) => ch !== " "))].filter((ch) => {
|
|
235
|
+
const d = paint(font, ch, 80, 80);
|
|
236
|
+
return inkOf(d) > 0 && d.join(",") === notdef;
|
|
237
|
+
});
|
|
238
|
+
return { ink: inkOf(paint(font, s.text, 1600, 90)), tofu };
|
|
239
|
+
});
|
|
240
|
+
return { loadErrors, measured };
|
|
241
|
+
},
|
|
242
|
+
{ faces: p.faces.map(({ family, src, weight }) => ({ family, src, weight })), spans: spans.map(({ css, weight, text }) => ({ css, weight, text })) },
|
|
243
|
+
);
|
|
244
|
+
const cdp = await page.context().newCDPSession(page);
|
|
245
|
+
try {
|
|
246
|
+
await cdp.send("DOM.enable");
|
|
247
|
+
await cdp.send("CSS.enable");
|
|
248
|
+
const { root } = await cdp.send("DOM.getDocument");
|
|
249
|
+
const lines: RenderLine[] = [];
|
|
250
|
+
for (const [i, s] of spans.entries()) {
|
|
251
|
+
const { nodeId } = await cdp.send("DOM.querySelector", { nodeId: root.nodeId, selector: `[data-k="${i}"]` });
|
|
252
|
+
const { fonts } = await cdp.send("CSS.getPlatformFontsForNode", { nodeId });
|
|
253
|
+
lines.push({ stack: s.stack, weight: s.weight, line: s.line, fonts: fonts.map((f) => ({ family: f.familyName, custom: f.isCustomFont, glyphs: f.glyphCount })), ...inPage.measured[i] });
|
|
254
|
+
}
|
|
255
|
+
return { loadErrors: inPage.loadErrors, lines };
|
|
256
|
+
} finally {
|
|
257
|
+
await cdp.detach();
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
/** 찍은 것을 cmap 으로 예상한 것과 댄다 — 투명·두부·시스템으로 떨어짐·다른 face 로 떨어짐 */
|
|
262
|
+
export function judgeRender(p: FontPair, files: Map<string, FaceFile>, r: Rendered): string[] {
|
|
263
|
+
const bad = r.loadErrors.map((e) => `${e.family}(${e.weight}) 를 크롬이 못 읽는다 — ${e.error}`);
|
|
264
|
+
if (bad.length) return bad;
|
|
265
|
+
for (const l of r.lines) {
|
|
266
|
+
const where = `${l.stack}@${l.weight} ${l.line} 줄`;
|
|
267
|
+
const text = FONT_SAMPLE[l.line];
|
|
268
|
+
const css = p[l.stack as "display"];
|
|
269
|
+
const namesOf = (ch: string) => {
|
|
270
|
+
const f = faceForChar(p, css, l.weight, ch.codePointAt(0)!, files);
|
|
271
|
+
return f ? (files.get(f.src)?.names ?? []) : [];
|
|
272
|
+
};
|
|
273
|
+
const expected = [...new Set([...text].filter((ch) => ch !== " "))].map((ch) => namesOf(ch));
|
|
274
|
+
const allowed = new Set([...expected.flat(), ...namesOf(" "), ...stackFamilies(css).slice(0, 1).flatMap((fam) => p.faces.filter((f) => f.family === fam).flatMap((f) => files.get(f.src)?.names ?? []))]);
|
|
275
|
+
if (!l.ink) bad.push(`${where} 이 투명하게 찍힌다`);
|
|
276
|
+
if (l.tofu.length) bad.push(`${where} ${l.tofu.join("")} 가 두부로 찍힌다`);
|
|
277
|
+
for (const f of l.fonts) {
|
|
278
|
+
if (!f.custom) bad.push(`${where} 이 시스템 글꼴 ${f.family} 로 떨어진다(글리프 ${f.glyphs})`);
|
|
279
|
+
else if (!allowed.has(f.family)) bad.push(`${where} 이 예상 밖 글꼴 ${f.family} 로 찍힌다(글리프 ${f.glyphs})`);
|
|
280
|
+
}
|
|
281
|
+
const used = new Set(l.fonts.filter((f) => f.custom).map((f) => f.family));
|
|
282
|
+
const missed = [...new Set(expected.filter((names) => names.length && !names.some((n) => used.has(n))).map((names) => names[0]))];
|
|
283
|
+
if (missed.length) bad.push(`${where} 에서 ${missed.join("·")} 가 안 쓰였다 — 다른 글꼴로 떨어졌다`);
|
|
284
|
+
}
|
|
285
|
+
return bad;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
const GENERIC = new Set(["serif", "sans-serif", "monospace", "cursive", "fantasy", "system-ui", "ui-serif", "ui-sans-serif", "ui-monospace", "ui-rounded", "emoji", "math", "fangsong"]);
|
|
289
|
+
const esc = (s: string) => s.replace(/[&<>"]/g, (c) => `&${{ "&": "amp", "<": "lt", ">": "gt", '"': "quot" }[c]};`);
|
|
290
|
+
|
|
291
|
+
/** 짝 견본 격자 한 장 — 사람이 눈으로 고르는 용. 같은 이름인데 파일이 다른 face 는 짝끼리 섞이지 않게 이름을 갈라 싣는다 */
|
|
292
|
+
export async function fontSheet(list: { group: string; pair: FontPair }[], out: string, o: { log?: (s: string) => void } = {}): Promise<void> {
|
|
293
|
+
const log = o.log ?? (() => {});
|
|
294
|
+
const missing = [...new Set(list.flatMap(({ pair }) => pair.faces.map((f) => f.src)))].filter((u) => !existsSync(cachedFontFile(u)));
|
|
295
|
+
if (missing.length) {
|
|
296
|
+
log(` 글꼴 받기 ${missing.length}`);
|
|
297
|
+
await pool(missing, 8, (u) => get(u, "file"));
|
|
298
|
+
}
|
|
299
|
+
const alias = new Map<string, string>();
|
|
300
|
+
const sigs = new Map<string, string[]>();
|
|
301
|
+
const aliasOf = (p: FontPair, family: string) => {
|
|
302
|
+
const sig = p.faces.filter((f) => f.family === family).map((f) => `${f.weight}=${f.src}`).sort().join("|");
|
|
303
|
+
const seen = sigs.get(family) ?? [];
|
|
304
|
+
if (!seen.includes(sig)) sigs.set(family, [...seen, sig]);
|
|
305
|
+
const k = sigs.get(family)!.indexOf(sig);
|
|
306
|
+
const name = k ? `${family} #${k + 1}` : family;
|
|
307
|
+
for (const f of p.faces.filter((x) => x.family === family)) alias.set(`${name}\n${f.src}\n${f.weight}`, name);
|
|
308
|
+
return name;
|
|
309
|
+
};
|
|
310
|
+
const stackOf = (p: FontPair, css: string) =>
|
|
311
|
+
stackFamilies(css)
|
|
312
|
+
.map((fam) => (p.faces.some((f) => f.family === fam) ? `"${aliasOf(p, fam)}"` : GENERIC.has(fam) ? fam : `"${fam}"`))
|
|
313
|
+
.join(", ");
|
|
314
|
+
const cards = list.map(({ group, pair: p }) => {
|
|
315
|
+
const display = stackOf(p, p.monoAll ? p.mono : p.display);
|
|
316
|
+
const sans = stackOf(p, p.monoAll ? p.mono : p.sans);
|
|
317
|
+
const mono = stackOf(p, p.mono);
|
|
318
|
+
const meta = `${p.hangul ?? "?"} · ${[...new Set(p.faces.map((f) => f.license))].join(",")} · ${p.tags.join(" ")}`;
|
|
319
|
+
return `<section><header><b>${esc(p.id)}</b><span>${esc(group)}</span></header>
|
|
320
|
+
<p class=t style='font-family:${display};font-weight:${p.weightDisplay};letter-spacing:${p.tracking}'>오늘의 제목 Title 2026</p>
|
|
321
|
+
<p class=b style='font-family:${sans};font-weight:${p.weightBody}'>${esc(p.ko)} — Sphinx of black quartz ₩12,000 · 45% → 0123456789</p>
|
|
322
|
+
<p class=m style='font-family:${mono};font-weight:${p.weightBody}'>const 값 = 42; // 결과 → 1,234</p>
|
|
323
|
+
<footer>${esc(p.name)} · ${esc(meta)}</footer></section>`;
|
|
324
|
+
});
|
|
325
|
+
const faces = [...alias.entries()].map(([k, name]) => {
|
|
326
|
+
const [, src, weight] = k.split("\n");
|
|
327
|
+
return { family: name, src, weight };
|
|
328
|
+
});
|
|
329
|
+
const cols = Math.min(8, Math.max(3, Math.ceil(list.length / 40)));
|
|
330
|
+
const html = `<!doctype html><meta charset=utf-8><style>
|
|
331
|
+
body { margin: 0; padding: 28px; background: #efece6; color: #171717; font: 14px/1.35 -apple-system, "Apple SD Gothic Neo", sans-serif; }
|
|
332
|
+
h1 { font-size: 20px; margin: 0 0 18px; font-weight: 600; }
|
|
333
|
+
main { display: grid; grid-template-columns: repeat(${cols}, 520px); gap: 14px; }
|
|
334
|
+
section { background: #fff; border: 1px solid #d9d4ca; padding: 14px 18px 12px; overflow: hidden; }
|
|
335
|
+
header { display: flex; justify-content: space-between; font: 12px/1 ui-monospace, monospace; color: #6b655c; }
|
|
336
|
+
header b { color: #171717; }
|
|
337
|
+
p { margin: 10px 0 0; white-space: nowrap; overflow: hidden; text-overflow: clip; }
|
|
338
|
+
.t { font-size: 44px; line-height: 1.15; }
|
|
339
|
+
.b { font-size: 19px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
|
|
340
|
+
.m { font-size: 17px; color: #3a3631; }
|
|
341
|
+
footer { margin-top: 10px; font-size: 12px; color: #8a8378; white-space: nowrap; overflow: hidden; }
|
|
342
|
+
</style><h1>kasaframe 글꼴 짝 ${list.length} — ${esc([...new Set(list.map((x) => x.group))].join(" · "))}</h1><main>${cards.join("")}</main>`;
|
|
343
|
+
const browser = await launch();
|
|
344
|
+
try {
|
|
345
|
+
const context = await browser.newContext({ deviceScaleFactor: 1, viewport: { width: cols * 534 + 56, height: 900 } });
|
|
346
|
+
await serveCached(context);
|
|
347
|
+
const page = await context.newPage();
|
|
348
|
+
await page.goto(ORIGIN);
|
|
349
|
+
const failed = await page.evaluate(
|
|
350
|
+
async ({ html, faces }) => {
|
|
351
|
+
document.open();
|
|
352
|
+
document.write(html);
|
|
353
|
+
document.close();
|
|
354
|
+
const bad: string[] = [];
|
|
355
|
+
await Promise.all(
|
|
356
|
+
faces.map(async (f) => {
|
|
357
|
+
const ff = new FontFace(f.family, `url("${f.src}")`, { weight: f.weight, display: "block" });
|
|
358
|
+
document.fonts.add(ff);
|
|
359
|
+
await ff.load().catch(() => bad.push(`${f.family}(${f.weight})`));
|
|
360
|
+
}),
|
|
361
|
+
);
|
|
362
|
+
await document.fonts.ready;
|
|
363
|
+
return bad;
|
|
364
|
+
},
|
|
365
|
+
{ html, faces },
|
|
366
|
+
);
|
|
367
|
+
if (failed.length) log(` 못 실은 face: ${failed.join(", ")}`);
|
|
368
|
+
mkdirSync(join(out, ".."), { recursive: true });
|
|
369
|
+
await page.screenshot({ path: out, fullPage: true });
|
|
370
|
+
} finally {
|
|
371
|
+
await browser.close();
|
|
372
|
+
}
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
const NOTICE_HEAD = "글꼴 짝 — packages/themes/kit/fonts.json · kit/fonts/<무리>.json (kf fonts notice --write 가 이 절을 짓는다)";
|
|
376
|
+
const RULE = "-".repeat(70);
|
|
377
|
+
|
|
378
|
+
/** NOTICE 의 글꼴 절 — 글꼴 이름마다 라이선스와 라이선스 글 한 줄 */
|
|
379
|
+
export function noticeSection(pairs: FontPair[]): string {
|
|
380
|
+
const rows = new Map<string, [string, string, string]>();
|
|
381
|
+
for (const f of pairs.flatMap((p) => p.faces)) rows.set(`${f.family}\n${f.license}\n${f.source}`, [f.family, f.license, f.source]);
|
|
382
|
+
const list = [...rows.values()].sort((a, b) => a[0].localeCompare(b[0]) || a[2].localeCompare(b[2]));
|
|
383
|
+
const w = Math.max(...list.map((r) => r[0].length));
|
|
384
|
+
const lw = Math.max(...list.map((r) => r[1].length));
|
|
385
|
+
return [
|
|
386
|
+
RULE,
|
|
387
|
+
NOTICE_HEAD,
|
|
388
|
+
"글꼴 파일은 싣지 않는다 — 영상을 구울 때 판을 박은 주소(jsdelivr gh@커밋·npm@판)에서 받는다. 모두 상업 이용·영상·",
|
|
389
|
+
"웹 임베딩이 허용된 라이선스이고 출처 표기 의무가 없다. kf fonts check 가 라이선스 글이나 파일 name 13 에서 그 문구를 대 본다.",
|
|
390
|
+
`짝 ${pairs.length} · 글꼴 ${new Set(list.map((r) => r[0])).size} — 이름 · 라이선스 · 라이선스 글`,
|
|
391
|
+
"",
|
|
392
|
+
...list.map(([fam, lic, src]) => ` ${fam.padEnd(w)} ${lic.padEnd(lw)} ${src}`),
|
|
393
|
+
"",
|
|
394
|
+
].join("\n");
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
/** NOTICE 글에서 글꼴 절을 갈아 끼운다 — 없으면 끝에 붙인다 */
|
|
398
|
+
export function replaceNotice(notice: string, section: string): string {
|
|
399
|
+
const lines = notice.split("\n");
|
|
400
|
+
const head = lines.indexOf(NOTICE_HEAD);
|
|
401
|
+
if (head < 0) return `${notice.trimEnd()}\n\n${section}`;
|
|
402
|
+
const from = lines[head - 1] === RULE ? head - 1 : head;
|
|
403
|
+
const next = lines.findIndex((l, i) => i > head && l === RULE);
|
|
404
|
+
return [...lines.slice(0, from), ...section.split("\n").slice(0, -1), ...(next < 0 ? [""] : lines.slice(next))].join("\n");
|
|
405
|
+
}
|
package/packages/cli/src/kf.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { readdirSync } from "node:fs";
|
|
|
3
3
|
import { fileURLToPath } from "node:url";
|
|
4
4
|
import { fontsMissing } from "@kasaframe/jizura/install";
|
|
5
5
|
import type { Command } from "./command.ts";
|
|
6
|
+
import { updateGate } from "./update.ts";
|
|
6
7
|
|
|
7
8
|
const commandsDir = fileURLToPath(new URL("./commands/", import.meta.url));
|
|
8
9
|
|
|
@@ -42,6 +43,10 @@ async function main(argv: string[]): Promise<number> {
|
|
|
42
43
|
console.log(`kf ${name} — ${cmd.summary}\n\n${cmd.usage ?? ""}`.trimEnd());
|
|
43
44
|
return 0;
|
|
44
45
|
}
|
|
46
|
+
if (name !== "update") {
|
|
47
|
+
const relaunched = await updateGate(argv).catch(() => null);
|
|
48
|
+
if (relaunched !== null) return relaunched;
|
|
49
|
+
}
|
|
45
50
|
return (await cmd.run(rest)) ?? 0;
|
|
46
51
|
}
|
|
47
52
|
|