pagyra-js 0.0.1

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.
Files changed (540) hide show
  1. package/.eslintrc.json +30 -0
  2. package/CHANGELOG.md +13 -0
  3. package/README.md +275 -0
  4. package/UA_Styles_Chromium.md +93 -0
  5. package/_ext/woff2_conversion/brotli-decode.d.ts +139 -0
  6. package/_ext/woff2_conversion/brotli-encode.d.ts +129 -0
  7. package/_ext/woff2_conversion/brotli-port.d.ts +12 -0
  8. package/_ext/woff2_conversion/brotli-shared-dictionary.d.ts +25 -0
  9. package/_ext/woff2_conversion/brotli-types.d.ts +15 -0
  10. package/_ext/woff2_conversion/woff2-common.d.ts +37 -0
  11. package/_ext/woff2_conversion/woff2-decode.d.ts +32 -0
  12. package/_ext/woff2_conversion/woff2-encode.d.ts +31 -0
  13. package/_ext/woff2_conversion/woff2-output.d.ts +39 -0
  14. package/_ext/woff2_original_cpp/brotli/brotli.c +1559 -0
  15. package/_ext/woff2_original_cpp/brotli/brotli.md +116 -0
  16. package/_ext/woff2_original_cpp/brotli/decode.h +409 -0
  17. package/_ext/woff2_original_cpp/brotli/encode.h +505 -0
  18. package/_ext/woff2_original_cpp/brotli/port.h +302 -0
  19. package/_ext/woff2_original_cpp/brotli/shared_dictionary.h +100 -0
  20. package/_ext/woff2_original_cpp/brotli/types.h +83 -0
  21. package/_ext/woff2_original_cpp/cmake/FindBrotliDec.cmake +35 -0
  22. package/_ext/woff2_original_cpp/cmake/FindBrotliEnc.cmake +35 -0
  23. package/_ext/woff2_original_cpp/include/woff2/decode.h +36 -0
  24. package/_ext/woff2_original_cpp/include/woff2/encode.h +43 -0
  25. package/_ext/woff2_original_cpp/include/woff2/output.h +86 -0
  26. package/_ext/woff2_original_cpp/src/buffer.h +164 -0
  27. package/_ext/woff2_original_cpp/src/convert_woff2ttf_fuzzer.cc +13 -0
  28. package/_ext/woff2_original_cpp/src/convert_woff2ttf_fuzzer_new_entry.cc +12 -0
  29. package/_ext/woff2_original_cpp/src/file.h +30 -0
  30. package/_ext/woff2_original_cpp/src/font.cc +400 -0
  31. package/_ext/woff2_original_cpp/src/font.h +105 -0
  32. package/_ext/woff2_original_cpp/src/glyph.cc +383 -0
  33. package/_ext/woff2_original_cpp/src/glyph.h +71 -0
  34. package/_ext/woff2_original_cpp/src/normalize.cc +314 -0
  35. package/_ext/woff2_original_cpp/src/normalize.h +39 -0
  36. package/_ext/woff2_original_cpp/src/port.h +66 -0
  37. package/_ext/woff2_original_cpp/src/round.h +27 -0
  38. package/_ext/woff2_original_cpp/src/store_bytes.h +55 -0
  39. package/_ext/woff2_original_cpp/src/table_tags.cc +82 -0
  40. package/_ext/woff2_original_cpp/src/table_tags.h +30 -0
  41. package/_ext/woff2_original_cpp/src/transform.cc +430 -0
  42. package/_ext/woff2_original_cpp/src/transform.h +26 -0
  43. package/_ext/woff2_original_cpp/src/variable_length.cc +129 -0
  44. package/_ext/woff2_original_cpp/src/variable_length.h +30 -0
  45. package/_ext/woff2_original_cpp/src/woff2_common.cc +50 -0
  46. package/_ext/woff2_original_cpp/src/woff2_common.h +64 -0
  47. package/_ext/woff2_original_cpp/src/woff2_compress.cc +43 -0
  48. package/_ext/woff2_original_cpp/src/woff2_dec.cc +1398 -0
  49. package/_ext/woff2_original_cpp/src/woff2_decompress.cc +41 -0
  50. package/_ext/woff2_original_cpp/src/woff2_enc.cc +458 -0
  51. package/_ext/woff2_original_cpp/src/woff2_info.cc +142 -0
  52. package/_ext/woff2_original_cpp/src/woff2_out.cc +63 -0
  53. package/assets/fonts/ttf/arimo/Arimo-Bold.ttf +0 -0
  54. package/assets/fonts/ttf/arimo/Arimo-BoldItalic.ttf +0 -0
  55. package/assets/fonts/ttf/arimo/Arimo-Italic.ttf +0 -0
  56. package/assets/fonts/ttf/arimo/Arimo-Regular.ttf +0 -0
  57. package/assets/fonts/ttf/cinzeldecorative/CinzelDecorative-Black.ttf +0 -0
  58. package/assets/fonts/ttf/cinzeldecorative/CinzelDecorative-Bold.ttf +0 -0
  59. package/assets/fonts/ttf/cinzeldecorative/CinzelDecorative-Regular.ttf +0 -0
  60. package/assets/fonts/ttf/dejavu/DejaVuSans.ttf +0 -0
  61. package/assets/fonts/ttf/firecode/FiraCode-Bold.ttf +0 -0
  62. package/assets/fonts/ttf/firecode/FiraCode-Light.ttf +0 -0
  63. package/assets/fonts/ttf/firecode/FiraCode-Medium.ttf +0 -0
  64. package/assets/fonts/ttf/firecode/FiraCode-Regular.ttf +0 -0
  65. package/assets/fonts/ttf/firecode/FiraCode-SemiBold.ttf +0 -0
  66. package/assets/fonts/ttf/notoemoji/NotoEmoji-Bold.ttf +0 -0
  67. package/assets/fonts/ttf/notoemoji/NotoEmoji-Light.ttf +0 -0
  68. package/assets/fonts/ttf/notoemoji/NotoEmoji-Medium.ttf +0 -0
  69. package/assets/fonts/ttf/notoemoji/NotoEmoji-Regular.ttf +0 -0
  70. package/assets/fonts/ttf/notoemoji/NotoEmoji-SemiBold.ttf +0 -0
  71. package/assets/fonts/ttf/notosans/NotoSans-Regular.ttf +0 -0
  72. package/assets/fonts/ttf/roboto/Roboto-Bold.ttf +0 -0
  73. package/assets/fonts/ttf/roboto/Roboto-BoldItalic.ttf +0 -0
  74. package/assets/fonts/ttf/roboto/Roboto-Italic.ttf +0 -0
  75. package/assets/fonts/ttf/roboto/Roboto-Regular.ttf +0 -0
  76. package/assets/fonts/ttf/stixtwomath/STIXTwoMath-Regular.ttf +0 -0
  77. package/assets/fonts/ttf/tinos/Tinos-Bold.ttf +0 -0
  78. package/assets/fonts/ttf/tinos/Tinos-BoldItalic.ttf +0 -0
  79. package/assets/fonts/ttf/tinos/Tinos-Italic.ttf +0 -0
  80. package/assets/fonts/ttf/tinos/Tinos-Regular.ttf +0 -0
  81. package/assets/fonts/woff/lato/lato-latin-400-italic.woff +0 -0
  82. package/assets/fonts/woff/lato/lato-latin-400-normal.woff +0 -0
  83. package/assets/fonts/woff/lato/lato-latin-700-italic.woff +0 -0
  84. package/assets/fonts/woff/lato/lato-latin-700-normal.woff +0 -0
  85. package/assets/fonts/woff2/caveat/Caveat-Bold.woff2 +0 -0
  86. package/assets/fonts/woff2/caveat/Caveat-Regular.woff2 +0 -0
  87. package/assets/fonts/woff2/lato/lato-latin-400-italic.woff2 +0 -0
  88. package/assets/fonts/woff2/lato/lato-latin-400-normal.woff2 +0 -0
  89. package/assets/fonts/woff2/lato/lato-latin-700-italic.woff2 +0 -0
  90. package/assets/fonts/woff2/lato/lato-latin-700-normal.woff2 +0 -0
  91. package/docs/AGENTS.md +288 -0
  92. package/docs/BACKGROUND-REPEAT-IMPLEMENTATION.md +127 -0
  93. package/docs/BACKGROUND-REPEAT-REFERENCE.md +127 -0
  94. package/docs/BACKGROUND-REPEAT-SPACE-ROUND.md +164 -0
  95. package/docs/css-properties-support.md +256 -0
  96. package/docs/src_modules_table.md +172 -0
  97. package/docs/text-overlap-fix.md +85 -0
  98. package/docs/text-overlap-investigation.md +27 -0
  99. package/eslint.config.js +36 -0
  100. package/glyph_measure.htm +1458 -0
  101. package/package.json +50 -0
  102. package/playground/browser-entry.ts +2 -0
  103. package/playground/exports/background-text-debug.pdf +0 -0
  104. package/playground/public/app.js +875 -0
  105. package/playground/public/assets/1.webp +0 -0
  106. package/playground/public/examples/accents-test.html +24 -0
  107. package/playground/public/examples/advanced-selectors-demo.html +118 -0
  108. package/playground/public/examples/background-advanced-showcase.html +82 -0
  109. package/playground/public/examples/background-clip-text.html +36 -0
  110. package/playground/public/examples/background-origin-showcase.html +137 -0
  111. package/playground/public/examples/background-position-showcase.html +83 -0
  112. package/playground/public/examples/background-repeat-showcase.html +83 -0
  113. package/playground/public/examples/background-repeat-space-round.html +348 -0
  114. package/playground/public/examples/background-size-showcase.html +82 -0
  115. package/playground/public/examples/background-text-debug.html +18 -0
  116. package/playground/public/examples/baseline-test.html +24 -0
  117. package/playground/public/examples/bold-showcase.html +150 -0
  118. package/playground/public/examples/bold-strike-example.html +12 -0
  119. package/playground/public/examples/border-collapse-test.html +23 -0
  120. package/playground/public/examples/centered-shadow-div.html +72 -0
  121. package/playground/public/examples/css-variables.html +50 -0
  122. package/playground/public/examples/debug-accents.html +11 -0
  123. package/playground/public/examples/debug-text-overlap.html +46 -0
  124. package/playground/public/examples/flex-gap-column.html +130 -0
  125. package/playground/public/examples/flex-gap-row.html +137 -0
  126. package/playground/public/examples/flex-padding-test.html +29 -0
  127. package/playground/public/examples/flexbox-text-test.html +193 -0
  128. package/playground/public/examples/fonts-demo.html +126 -0
  129. package/playground/public/examples/footer-example.html +4 -0
  130. package/playground/public/examples/gradient-text.html +54 -0
  131. package/playground/public/examples/grid-gap-demo.html +156 -0
  132. package/playground/public/examples/header-example.html +4 -0
  133. package/playground/public/examples/header-footer-example.html +27 -0
  134. package/playground/public/examples/image-showcase.html +33 -0
  135. package/playground/public/examples/justify-text.html +22 -0
  136. package/playground/public/examples/linear-gradient-example.html +38 -0
  137. package/playground/public/examples/lorem-span.html +14 -0
  138. package/playground/public/examples/margin-block-showcase.html +21 -0
  139. package/playground/public/examples/margin-inline-showcase.html +21 -0
  140. package/playground/public/examples/monthly-summary.html +95 -0
  141. package/playground/public/examples/multi-page-lorem.html +190 -0
  142. package/playground/public/examples/opacity-debug.html +39 -0
  143. package/playground/public/examples/opacity-example.html +70 -0
  144. package/playground/public/examples/png-image-example.html +13 -0
  145. package/playground/public/examples/red-rectangle.html +18 -0
  146. package/playground/public/examples/repro.html +24 -0
  147. package/playground/public/examples/rounded-borders-test.html +24 -0
  148. package/playground/public/examples/simple-list.html +89 -0
  149. package/playground/public/examples/simple-svg.html +37 -0
  150. package/playground/public/examples/simple-table.html +52 -0
  151. package/playground/public/examples/skew-div.html +138 -0
  152. package/playground/public/examples/skew-text.html +21 -0
  153. package/playground/public/examples/starter-report.css +51 -0
  154. package/playground/public/examples/starter-report.html +23 -0
  155. package/playground/public/examples/svg-aspect-ratio-showcase.html +116 -0
  156. package/playground/public/examples/svg-gradients-linear.html +28 -0
  157. package/playground/public/examples/svg-gradients-radial.html +29 -0
  158. package/playground/public/examples/svg-gradients-showcase.html +66 -0
  159. package/playground/public/examples/svg-image-path-test.html +43 -0
  160. package/playground/public/examples/svg-images-clipping.html +27 -0
  161. package/playground/public/examples/svg-path-gallery.html +118 -0
  162. package/playground/public/examples/svg-radial-transform-demo.html +78 -0
  163. package/playground/public/examples/svg-transform-stack.html +103 -0
  164. package/playground/public/examples/svg-transforms-demo.html +127 -0
  165. package/playground/public/examples/table-merge-test.html +34 -0
  166. package/playground/public/examples/text-decoration-showcase.html +138 -0
  167. package/playground/public/examples/text-indent-showcase.html +137 -0
  168. package/playground/public/examples/text-shadow-example.html +29 -0
  169. package/playground/public/examples/very-complex-css.html +293 -0
  170. package/playground/public/examples/webp-example.html +13 -0
  171. package/playground/public/examples/z-index-demo.html +93 -0
  172. package/playground/public/examples.json +240 -0
  173. package/playground/public/images/dice.png +0 -0
  174. package/playground/public/images/duck.jpg +0 -0
  175. package/playground/public/index.html +149 -0
  176. package/playground/public/mode.js +1 -0
  177. package/playground/public/styles.css +382 -0
  178. package/playground/public/tmp-h2-debug.html +33 -0
  179. package/playground/public/tmp-italic-debug.html +32 -0
  180. package/playground/public/vendor/codemirror/codemirror.min.css +1 -0
  181. package/playground/public/vendor/codemirror/codemirror.min.js +1 -0
  182. package/playground/public/vendor/codemirror/css.min.js +1 -0
  183. package/playground/public/vendor/codemirror/darcula.min.css +1 -0
  184. package/playground/public/vendor/codemirror/htmlmixed.min.js +1 -0
  185. package/playground/public/vendor/codemirror/javascript.min.js +1 -0
  186. package/playground/public/vendor/codemirror/xml.min.js +1 -0
  187. package/playground/public/vendor/pagyra-playground-browser.js +165966 -0
  188. package/playground/public/vendor/pagyra-playground-browser.js.map +7 -0
  189. package/playground/server.d.ts +1 -0
  190. package/playground/server.js +68 -0
  191. package/playground/server.ts +128 -0
  192. package/scripts/browser-build.ts +101 -0
  193. package/scripts/build-browser-bundle.ts +52 -0
  194. package/scripts/glyph-comparison/simulate.ts +744 -0
  195. package/scripts/playground-browser-server.ts +57 -0
  196. package/scripts/probe-roboto.ts +6 -0
  197. package/scripts/render-playground-example.ts +121 -0
  198. package/scripts/run-glyph-atlas-tuner-runner.mjs +113 -0
  199. package/scripts/run-glyph-atlas-tuner.ts +141 -0
  200. package/scripts/top-ts-files.ps1 +39 -0
  201. package/scripts/top-ts-files.sh +37 -0
  202. package/scripts/woff2_info.ps1 +132 -0
  203. package/src/browser-entry.ts +14 -0
  204. package/src/compression/adler32.ts +45 -0
  205. package/src/compression/brotli/brotli.ts +463 -0
  206. package/src/compression/brotli/index.ts +15 -0
  207. package/src/compression/brotli/transform.ts +184 -0
  208. package/src/compression/brotli/types.ts +58 -0
  209. package/src/compression/brotli/utils.ts +157 -0
  210. package/src/compression/brotli/vendor/bit_reader.js +124 -0
  211. package/src/compression/brotli/vendor/context.js +250 -0
  212. package/src/compression/brotli/vendor/decode.d.ts +2 -0
  213. package/src/compression/brotli/vendor/decode.js +938 -0
  214. package/src/compression/brotli/vendor/dictionary-data.js +9469 -0
  215. package/src/compression/brotli/vendor/dictionary.js +36 -0
  216. package/src/compression/brotli/vendor/huffman.js +123 -0
  217. package/src/compression/brotli/vendor/package.json +3 -0
  218. package/src/compression/brotli/vendor/prefix.js +60 -0
  219. package/src/compression/brotli/vendor/streams.js +31 -0
  220. package/src/compression/brotli/vendor/transform.js +247 -0
  221. package/src/compression/brotli/vendor-decode.d.ts +4 -0
  222. package/src/compression/brotli/woff2-glyf-transform.ts +623 -0
  223. package/src/compression/decompress.ts +16 -0
  224. package/src/compression/deflate.ts +295 -0
  225. package/src/compression/index.ts +4 -0
  226. package/src/compression/types.ts +26 -0
  227. package/src/compression/utils.ts +107 -0
  228. package/src/core.ts +18 -0
  229. package/src/css/apply-declarations.ts +86 -0
  230. package/src/css/background-types.ts +65 -0
  231. package/src/css/browser-defaults.ts +16 -0
  232. package/src/css/clip-path-types.ts +13 -0
  233. package/src/css/compute-style.ts +494 -0
  234. package/src/css/css-unit-resolver.ts +65 -0
  235. package/src/css/custom-properties.ts +215 -0
  236. package/src/css/enums.ts +127 -0
  237. package/src/css/font-face-parser.ts +233 -0
  238. package/src/css/font-weight.ts +65 -0
  239. package/src/css/inline-style-parser.ts +27 -0
  240. package/src/css/layout-property-resolver.ts +75 -0
  241. package/src/css/length.ts +141 -0
  242. package/src/css/line-height.ts +96 -0
  243. package/src/css/named-colors.ts +150 -0
  244. package/src/css/parsers/background-parser-extended.ts +111 -0
  245. package/src/css/parsers/background-parser.ts +456 -0
  246. package/src/css/parsers/border-block-parser.ts +26 -0
  247. package/src/css/parsers/border-inline-parser.ts +26 -0
  248. package/src/css/parsers/border-parser-extended.ts +256 -0
  249. package/src/css/parsers/border-parser.ts +175 -0
  250. package/src/css/parsers/box-shadow-parser.ts +106 -0
  251. package/src/css/parsers/clip-path-parser.ts +92 -0
  252. package/src/css/parsers/color-parser.ts +14 -0
  253. package/src/css/parsers/dimension-parser.ts +117 -0
  254. package/src/css/parsers/display-flex-parser.ts +59 -0
  255. package/src/css/parsers/flex-parser.ts +144 -0
  256. package/src/css/parsers/font-parser.ts +40 -0
  257. package/src/css/parsers/gradient-parser.ts +366 -0
  258. package/src/css/parsers/grid-parser-extended.ts +55 -0
  259. package/src/css/parsers/grid-parser.ts +218 -0
  260. package/src/css/parsers/length-parser.ts +95 -0
  261. package/src/css/parsers/list-style-parser.ts +39 -0
  262. package/src/css/parsers/margin-block-parser.ts +12 -0
  263. package/src/css/parsers/margin-inline-parser.ts +12 -0
  264. package/src/css/parsers/margin-parser.ts +30 -0
  265. package/src/css/parsers/opacity-parser.ts +32 -0
  266. package/src/css/parsers/overflow-wrap-parser.ts +38 -0
  267. package/src/css/parsers/padding-block-parser.ts +12 -0
  268. package/src/css/parsers/padding-inline-parser.ts +12 -0
  269. package/src/css/parsers/padding-parser.ts +30 -0
  270. package/src/css/parsers/position-parser.ts +75 -0
  271. package/src/css/parsers/register-parsers.ts +302 -0
  272. package/src/css/parsers/registry.ts +18 -0
  273. package/src/css/parsers/text-parser-extended.ts +144 -0
  274. package/src/css/parsers/text-parser.ts +25 -0
  275. package/src/css/parsers/text-shadow-parser.ts +94 -0
  276. package/src/css/properties/box-model.ts +82 -0
  277. package/src/css/properties/flexbox.ts +44 -0
  278. package/src/css/properties/gap.ts +14 -0
  279. package/src/css/properties/grid.ts +94 -0
  280. package/src/css/properties/layout.ts +59 -0
  281. package/src/css/properties/misc.ts +44 -0
  282. package/src/css/properties/typography.ts +71 -0
  283. package/src/css/properties/visual.ts +68 -0
  284. package/src/css/selectors/matcher.ts +219 -0
  285. package/src/css/selectors/parser.ts +163 -0
  286. package/src/css/selectors/simple-key.ts +31 -0
  287. package/src/css/selectors/specificity.ts +41 -0
  288. package/src/css/selectors/types.ts +31 -0
  289. package/src/css/shorthands/border-shorthand.ts +68 -0
  290. package/src/css/shorthands/box-shorthand.ts +33 -0
  291. package/src/css/style-inheritance.ts +50 -0
  292. package/src/css/style.ts +402 -0
  293. package/src/css/ua-defaults/base-defaults.ts +266 -0
  294. package/src/css/ua-defaults/browser-defaults.ts +134 -0
  295. package/src/css/ua-defaults/element-defaults.ts +374 -0
  296. package/src/css/ua-defaults/types.ts +43 -0
  297. package/src/css/unit-conversion.ts +24 -0
  298. package/src/css/utils.ts +108 -0
  299. package/src/css/viewport.ts +17 -0
  300. package/src/debug/audit.ts +20 -0
  301. package/src/debug/ids.ts +13 -0
  302. package/src/debug/log.js +28 -0
  303. package/src/debug/log.ts +52 -0
  304. package/src/debug/tree.ts +57 -0
  305. package/src/dom/node.ts +133 -0
  306. package/src/environment/browser-environment.ts +78 -0
  307. package/src/environment/environment.ts +35 -0
  308. package/src/environment/global.ts +13 -0
  309. package/src/environment/node-environment.browser.ts +28 -0
  310. package/src/environment/node-environment.ts +64 -0
  311. package/src/fonts/detector.ts +28 -0
  312. package/src/fonts/engines/ttf-engine.ts +28 -0
  313. package/src/fonts/engines/woff-engine.ts +38 -0
  314. package/src/fonts/engines/woff2-engine.ts +41 -0
  315. package/src/fonts/extractors/metrics-extractor.ts +362 -0
  316. package/src/fonts/font-registry-resolver.ts +132 -0
  317. package/src/fonts/index.ts +3 -0
  318. package/src/fonts/orchestrator.ts +92 -0
  319. package/src/fonts/parsers/base-parser.ts +23 -0
  320. package/src/fonts/types.ts +85 -0
  321. package/src/fonts/utils/ttf-reconstructor.ts +120 -0
  322. package/src/fonts/woff/decoder.ts +105 -0
  323. package/src/fonts/woff2/buffer.ts +106 -0
  324. package/src/fonts/woff2/decoder.ts +981 -0
  325. package/src/geometry/box.ts +48 -0
  326. package/src/geometry/matrix.ts +59 -0
  327. package/src/html/css/parse-css.ts +85 -0
  328. package/src/html/dom-converter.ts +433 -0
  329. package/src/html/image-converter.ts +200 -0
  330. package/src/html-to-pdf.ts +410 -0
  331. package/src/image/base-decoder.ts +149 -0
  332. package/src/image/image-service.ts +188 -0
  333. package/src/image/jpeg-decoder.ts +73 -0
  334. package/src/image/png-decoder.ts +550 -0
  335. package/src/image/types.ts +20 -0
  336. package/src/image/webp-decoder.ts +242 -0
  337. package/src/image/webp-huffman.ts +218 -0
  338. package/src/image/webp-riff-parser.ts +54 -0
  339. package/src/image/webp-vp8l-decoder.ts +199 -0
  340. package/src/index.ts +35 -0
  341. package/src/layout/context/float-context.ts +62 -0
  342. package/src/layout/context/layout-environment.ts +29 -0
  343. package/src/layout/debug.ts +18 -0
  344. package/src/layout/inline/bounding-box-calculator.ts +132 -0
  345. package/src/layout/inline/font-baseline-calculator.ts +76 -0
  346. package/src/layout/inline/inline-utils.ts +94 -0
  347. package/src/layout/inline/layout.ts +285 -0
  348. package/src/layout/inline/line_breaker.ts +109 -0
  349. package/src/layout/inline/measurement.ts +144 -0
  350. package/src/layout/inline/run-placer.ts +139 -0
  351. package/src/layout/inline/text-alignment.ts +70 -0
  352. package/src/layout/inline/tokenizer.ts +195 -0
  353. package/src/layout/inline/types.ts +76 -0
  354. package/src/layout/pipeline/context-factory.ts +16 -0
  355. package/src/layout/pipeline/default-engine.ts +24 -0
  356. package/src/layout/pipeline/engine.ts +59 -0
  357. package/src/layout/pipeline/layout-tree.ts +13 -0
  358. package/src/layout/pipeline/out-of-flow-manager.ts +73 -0
  359. package/src/layout/pipeline/strategy.ts +12 -0
  360. package/src/layout/pipeline/text-metrics-initializer.ts +13 -0
  361. package/src/layout/strategies/block.ts +236 -0
  362. package/src/layout/strategies/display-none.ts +14 -0
  363. package/src/layout/strategies/fallback.ts +15 -0
  364. package/src/layout/strategies/flex.ts +477 -0
  365. package/src/layout/strategies/fragmentation.ts +17 -0
  366. package/src/layout/strategies/grid.ts +247 -0
  367. package/src/layout/strategies/image.ts +342 -0
  368. package/src/layout/strategies/inline.ts +128 -0
  369. package/src/layout/strategies/table.ts +595 -0
  370. package/src/layout/table/cell_layout.ts +31 -0
  371. package/src/layout/table/diagnostics.ts +19 -0
  372. package/src/layout/text-run.ts +42 -0
  373. package/src/layout/utils/content-measurer.ts +117 -0
  374. package/src/layout/utils/display-utils.ts +24 -0
  375. package/src/layout/utils/floats.ts +98 -0
  376. package/src/layout/utils/gap-calculator.ts +167 -0
  377. package/src/layout/utils/inline-formatter.ts +31 -0
  378. package/src/layout/utils/inline-formatting.ts +9 -0
  379. package/src/layout/utils/margin.ts +140 -0
  380. package/src/layout/utils/node-math.ts +237 -0
  381. package/src/layout/utils/overflow.ts +14 -0
  382. package/src/layout/utils/sizing.ts +12 -0
  383. package/src/layout/utils/text-metrics.ts +361 -0
  384. package/src/logging/debug.ts +58 -0
  385. package/src/pdf/font/base14/widths-courier-bold.ts +159 -0
  386. package/src/pdf/font/base14/widths-courier.ts +159 -0
  387. package/src/pdf/font/base14/widths-helvetica-bold.ts +158 -0
  388. package/src/pdf/font/base14/widths-helvetica.ts +158 -0
  389. package/src/pdf/font/base14/widths-times-bold.ts +158 -0
  390. package/src/pdf/font/base14/widths-times-roman.ts +158 -0
  391. package/src/pdf/font/base14/widths-types.ts +25 -0
  392. package/src/pdf/font/base14-widths.ts +32 -0
  393. package/src/pdf/font/blur.ts +81 -0
  394. package/src/pdf/font/builtin-fonts.browser.ts +262 -0
  395. package/src/pdf/font/builtin-fonts.ts +126 -0
  396. package/src/pdf/font/composite-glyph-parser.ts +242 -0
  397. package/src/pdf/font/embedder.ts +395 -0
  398. package/src/pdf/font/font-config.ts +190 -0
  399. package/src/pdf/font/font-registry.ts +263 -0
  400. package/src/pdf/font/font-subset.ts +258 -0
  401. package/src/pdf/font/glyph-atlas-maxrects.ts +305 -0
  402. package/src/pdf/font/glyph-atlas-tuner.ts +98 -0
  403. package/src/pdf/font/glyph-atlas.ts +226 -0
  404. package/src/pdf/font/glyph-cache.ts +127 -0
  405. package/src/pdf/font/loca-reader.ts +109 -0
  406. package/src/pdf/font/managers/font-resource-manager.ts +73 -0
  407. package/src/pdf/font/managers/subset-resource-manager.ts +164 -0
  408. package/src/pdf/font/rasterizer.ts +270 -0
  409. package/src/pdf/font/resolvers/base-font-mapper.ts +77 -0
  410. package/src/pdf/font/resolvers/family-resolver.ts +33 -0
  411. package/src/pdf/font/resolvers/weight-style-applicator.ts +63 -0
  412. package/src/pdf/font/simple-glyph-parser.ts +289 -0
  413. package/src/pdf/font/to-unicode.ts +109 -0
  414. package/src/pdf/font/transformation-matrix.ts +136 -0
  415. package/src/pdf/font/ttf-cmap.ts +180 -0
  416. package/src/pdf/font/ttf-global-metrics.ts +58 -0
  417. package/src/pdf/font/ttf-glyf.ts +125 -0
  418. package/src/pdf/font/ttf-glyph-metrics.ts +43 -0
  419. package/src/pdf/font/ttf-lite.ts +269 -0
  420. package/src/pdf/font/ttf-table-parser.ts +132 -0
  421. package/src/pdf/font/ttf-table-provider.ts +61 -0
  422. package/src/pdf/font/widths.ts +79 -0
  423. package/src/pdf/font-subset/font-registry.ts +127 -0
  424. package/src/pdf/header-footer-layout.ts +153 -0
  425. package/src/pdf/header-footer-painter.ts +209 -0
  426. package/src/pdf/header-footer-renderer.ts +357 -0
  427. package/src/pdf/header-footer-tokens.ts +55 -0
  428. package/src/pdf/header-footer.ts +25 -0
  429. package/src/pdf/layout-tree-builder.ts +261 -0
  430. package/src/pdf/page-painter.ts +241 -0
  431. package/src/pdf/pagination.ts +155 -0
  432. package/src/pdf/primitives/pdf-builder.ts +378 -0
  433. package/src/pdf/primitives/pdf-bytes.ts +40 -0
  434. package/src/pdf/primitives/pdf-document.ts +108 -0
  435. package/src/pdf/primitives/pdf-reference-manager.ts +47 -0
  436. package/src/pdf/primitives/pdf-resource-registries.ts +255 -0
  437. package/src/pdf/primitives/pdf-serializers.ts +194 -0
  438. package/src/pdf/primitives/pdf-types.ts +73 -0
  439. package/src/pdf/render.ts +210 -0
  440. package/src/pdf/renderer/box-painter.ts +236 -0
  441. package/src/pdf/renderer/page-paint.ts +102 -0
  442. package/src/pdf/renderer/paint-box-shadows.ts +218 -0
  443. package/src/pdf/renderer/radius.ts +58 -0
  444. package/src/pdf/renderers/graphics-state-manager.ts +40 -0
  445. package/src/pdf/renderers/image-renderer.ts +127 -0
  446. package/src/pdf/renderers/radius-utils.ts +80 -0
  447. package/src/pdf/renderers/rectangle-renderer.ts +129 -0
  448. package/src/pdf/renderers/rounded-rect-path.ts +120 -0
  449. package/src/pdf/renderers/shape-renderer.ts +563 -0
  450. package/src/pdf/renderers/shape-utils.ts +194 -0
  451. package/src/pdf/renderers/text-decoration-renderer.ts +313 -0
  452. package/src/pdf/renderers/text-encoder.ts +41 -0
  453. package/src/pdf/renderers/text-font-resolver.ts +75 -0
  454. package/src/pdf/renderers/text-renderer-utils.ts +28 -0
  455. package/src/pdf/renderers/text-renderer.ts +391 -0
  456. package/src/pdf/renderers/text-shadow-renderer.ts +300 -0
  457. package/src/pdf/shading/gradient-service.ts +525 -0
  458. package/src/pdf/shading/index.ts +1 -0
  459. package/src/pdf/stacking/build-stacking-contexts.ts +93 -0
  460. package/src/pdf/stacking/resolve-paint-order.ts +157 -0
  461. package/src/pdf/stacking/types.ts +40 -0
  462. package/src/pdf/svg/aspect-ratio.ts +81 -0
  463. package/src/pdf/svg/coordinate-mapper.ts +81 -0
  464. package/src/pdf/svg/geometry-builder.ts +45 -0
  465. package/src/pdf/svg/render-svg.ts +296 -0
  466. package/src/pdf/svg/shape-renderer.ts +463 -0
  467. package/src/pdf/svg/style-computer.ts +246 -0
  468. package/src/pdf/transform-adapter.ts +26 -0
  469. package/src/pdf/types.ts +377 -0
  470. package/src/pdf/utils/background-layer-resolver.ts +439 -0
  471. package/src/pdf/utils/background-tiles.ts +192 -0
  472. package/src/pdf/utils/border-dashes.ts +109 -0
  473. package/src/pdf/utils/border-radius-utils.ts +86 -0
  474. package/src/pdf/utils/box-dimensions-utils.ts +47 -0
  475. package/src/pdf/utils/clip-path-resolver.ts +50 -0
  476. package/src/pdf/utils/clipping-path-builder.ts +190 -0
  477. package/src/pdf/utils/color-utils.ts +102 -0
  478. package/src/pdf/utils/coordinate-transformer.ts +30 -0
  479. package/src/pdf/utils/drop-shadow-raster.ts +233 -0
  480. package/src/pdf/utils/encoding.ts +98 -0
  481. package/src/pdf/utils/glyph-atlas-registrar.ts +13 -0
  482. package/src/pdf/utils/glyph-run-renderer.ts +129 -0
  483. package/src/pdf/utils/image-command-partitioner.ts +28 -0
  484. package/src/pdf/utils/image-matrix-builder.ts +31 -0
  485. package/src/pdf/utils/image-utils.ts +26 -0
  486. package/src/pdf/utils/list-utils.ts +194 -0
  487. package/src/pdf/utils/node-text-run-factory.ts +202 -0
  488. package/src/pdf/utils/page-resource-registrar.ts +46 -0
  489. package/src/pdf/utils/result-combiner.ts +102 -0
  490. package/src/pdf/utils/shadow-utils.ts +127 -0
  491. package/src/pdf/utils/text-alignment-resolver.ts +76 -0
  492. package/src/pdf/utils/text-decoration-utils.ts +64 -0
  493. package/src/pdf/utils/text-layout-adjuster.ts +185 -0
  494. package/src/pdf/utils/text-utils.ts +193 -0
  495. package/src/pdf/utils/transform-scope-manager.ts +69 -0
  496. package/src/render/offset.ts +170 -0
  497. package/src/shim/empty.ts +2 -0
  498. package/src/shim/fs-empty.ts +5 -0
  499. package/src/shim/url-empty.ts +7 -0
  500. package/src/shim/zlib-empty.ts +9 -0
  501. package/src/style/shorthands/index.ts +19 -0
  502. package/src/style/ua/defaults.ts +69 -0
  503. package/src/svg/index.ts +4 -0
  504. package/src/svg/parser-registry.ts +71 -0
  505. package/src/svg/parser.ts +486 -0
  506. package/src/svg/path-data.ts +515 -0
  507. package/src/svg/types.ts +194 -0
  508. package/src/text/line-breaker.ts +321 -0
  509. package/src/text/text-transform.ts +43 -0
  510. package/src/text/text.ts +33 -0
  511. package/src/transform/css-parser.ts +95 -0
  512. package/src/types/fonts.ts +62 -0
  513. package/src/types/public.ts +19 -0
  514. package/src/units/page-utils.ts +58 -0
  515. package/src/units/units.ts +50 -0
  516. package/src/utils/base64.ts +24 -0
  517. package/test-output.txt +79 -0
  518. package/tests/css/background-parser.spec.ts +14 -0
  519. package/tests/css/clip-path-parser.spec.ts +66 -0
  520. package/tests/environment/path-resolution.spec.ts +104 -0
  521. package/tests/helpers/ai-layout-diagnostics.ts +141 -0
  522. package/tests/helpers/render-utils.ts +52 -0
  523. package/tests/helpers/text-geometry.ts +56 -0
  524. package/tests/layout/custom-properties.test.ts +38 -0
  525. package/tests/layout/gap-calculator.spec.ts +196 -0
  526. package/tests/layout/inline-background-alignment.spec.ts +93 -0
  527. package/tests/layout/inline-fragments.spec.ts +26 -0
  528. package/tests/layout/run-placer-baseline.spec.ts +108 -0
  529. package/tests/pdf/alignments.spec.ts +26 -0
  530. package/tests/pdf/background-clip.spec.ts +57 -0
  531. package/tests/pdf/background-repeat-space-round.spec.ts +35 -0
  532. package/tests/pdf/background-repeat.spec.ts +137 -0
  533. package/tests/pdf/border-radius.spec.ts +151 -0
  534. package/tests/pdf/clip-path.spec.ts +92 -0
  535. package/tests/pdf/radial-gradient.spec.ts +50 -0
  536. package/tests/pdf/svg-stroke-dash.spec.ts +81 -0
  537. package/tests/pdf/text-transform-matrix.spec.ts +43 -0
  538. package/tsconfig.json +17 -0
  539. package/types/fonts.js +10 -0
  540. package/vitest.config.ts +9 -0
package/scripts/glyph-comparison/simulate.ts ADDED
@@ -0,0 +1,744 @@
1
+ import { readFile } from "node:fs/promises";
2
+ import { chromium } from "playwright";
3
+ import { prepareHtmlRender } from "../../src/html-to-pdf.js";
4
+ import type { RenderBox, Run } from "../../src/pdf/types.js";
5
+ import { PdfDocument } from "../../src/pdf/primitives/pdf-document.js";
6
+ import { initFontSystem } from "../../src/pdf/font/font-registry.js";
7
+ import { loadBuiltinFontConfig } from "../../src/pdf/font/builtin-fonts.js";
8
+ import { FontRegistryResolver } from "../../src/fonts/font-registry-resolver.js";
9
+ import { computeGlyphRun, applyWordSpacingToGlyphRun } from "../../src/pdf/utils/node-text-run-factory.js";
10
+ import { DEFAULT_PAGE_WIDTH_PX, DEFAULT_PAGE_MARGINS_PX, maxContentDimension } from "../../src/units/page-utils.js";
11
+
12
+ type TextAlign = "left" | "right" | "center" | "justify";
13
+ type Direction = "ltr" | "rtl";
14
+
15
+ interface BrowserConfig {
16
+ text: string;
17
+ fontFamily: string;
18
+ fontSize: number;
19
+ lineHeight: number;
20
+ direction: Direction;
21
+ textAlign: TextAlign;
22
+ containerWidth: number;
23
+ viewportHeight: number;
24
+ }
25
+
26
+ interface CompareOptions {
27
+ text: string;
28
+ fontFamily: string;
29
+ fontSize: number;
30
+ textAlign: TextAlign;
31
+ direction: Direction;
32
+ lineHeight: number;
33
+ containerWidth: number;
34
+ viewportHeight: number;
35
+ pageHeight: number;
36
+ }
37
+
38
+ interface GlyphEntry {
39
+ char: string;
40
+ width: number;
41
+ height: number;
42
+ x: number;
43
+ y: number;
44
+ line: number;
45
+ }
46
+
47
+ interface BrowserMeasurement {
48
+ glyphs: GlyphEntry[];
49
+ lines: BrowserLine[];
50
+ usedFont: string;
51
+ }
52
+
53
+ interface BrowserLine {
54
+ line: number;
55
+ width: number;
56
+ x: number;
57
+ y: number;
58
+ }
59
+
60
+ interface PdfMeasurement {
61
+ glyphs: GlyphEntry[];
62
+ lines: PdfLineSummary[];
63
+ usedFont: string;
64
+ }
65
+
66
+ interface PdfLineSummary {
67
+ line: number;
68
+ width: number;
69
+ start: number;
70
+ end: number;
71
+ isLastLine: boolean;
72
+ }
73
+
74
+ interface PdfRunInfo {
75
+ lineIndex: number;
76
+ x: number;
77
+ advanceWidth: number;
78
+ isLastLine: boolean;
79
+ }
80
+
81
+ // Default content width: A4 page width minus default margins,
82
+ // matching the playground's default viewport width.
83
+ const DEFAULT_CONTAINER_WIDTH =
84
+ maxContentDimension(DEFAULT_PAGE_WIDTH_PX, DEFAULT_PAGE_MARGINS_PX.left + DEFAULT_PAGE_MARGINS_PX.right);
85
+
86
+ const DEFAULT_TEXT =
87
+ "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. " +
88
+ "Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. " +
89
+ "Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.";
90
+
91
+ const DEFAULT_CONFIG: Omit<CompareOptions, "text"> = {
92
+ fontFamily: "'Tinos', Georgia, 'Times New Roman', serif",
93
+ fontSize: 16,
94
+ textAlign: "justify",
95
+ direction: "ltr",
96
+ lineHeight: 1.5,
97
+ containerWidth: DEFAULT_CONTAINER_WIDTH,
98
+ viewportHeight: 900,
99
+ pageHeight: 900,
100
+ };
101
+
102
+ async function main() {
103
+ const options = await resolveOptions();
104
+ console.log(`Running glyph comparison for text (${options.text.length} characters)`);
105
+ console.log(
106
+ `Font: ${options.fontFamily} @ ${options.fontSize}px, align=${options.textAlign}, direction=${options.direction}, width=${options.containerWidth}px`,
107
+ );
108
+
109
+ const browserMetrics = await captureBrowserMeasurement(options);
110
+ const pdfMetrics = await capturePdfMeasurement(options);
111
+
112
+ reportComparison(browserMetrics, pdfMetrics);
113
+ }
114
+
115
+ // ----------------------------------------
116
+ // Browser measurement via injected script
117
+ // ----------------------------------------
118
+
119
+ async function captureBrowserMeasurement(options: CompareOptions): Promise<BrowserMeasurement> {
120
+ const browser = await chromium.launch();
121
+ try {
122
+ const viewportWidth = Math.round(options.containerWidth + 120);
123
+ const page = await browser.newPage({
124
+ viewport: { width: viewportWidth, height: options.viewportHeight },
125
+ });
126
+ await page.setContent("<!doctype html><html><head><meta charset='utf-8'/><title>glyph debug</title></head><body></body></html>", {
127
+ waitUntil: "domcontentloaded",
128
+ });
129
+
130
+ const browserMeasurementScript = `
131
+ return (async function(cfg) {
132
+ const container = document.createElement("div");
133
+ container.id = "glyph-debug-container";
134
+ Object.assign(container.style, {
135
+ position: "absolute",
136
+ top: "0",
137
+ left: "0",
138
+ width: cfg.containerWidth + "px",
139
+ fontFamily: cfg.fontFamily,
140
+ fontSize: cfg.fontSize + "px",
141
+ lineHeight: cfg.lineHeight + "",
142
+ textAlign: cfg.textAlign,
143
+ direction: cfg.direction,
144
+ color: "black",
145
+ backgroundColor: "white",
146
+ visibility: "hidden",
147
+ whiteSpace: "normal",
148
+ wordWrap: "break-word",
149
+ maxWidth: cfg.containerWidth + "px",
150
+ });
151
+ container.dir = cfg.direction;
152
+ container.textContent = cfg.text;
153
+ document.body.style.margin = "0";
154
+ document.body.style.padding = "0";
155
+ document.body.appendChild(container);
156
+ await (document.fonts?.ready ?? Promise.resolve());
157
+
158
+ const RectStrategies = {
159
+ widest: (rects) => {
160
+ if (!rects.length) return null;
161
+ let chosen = rects[0];
162
+ for (let i = 1; i < rects.length; i++) {
163
+ if (rects[i].width > chosen.width) {
164
+ chosen = rects[i];
165
+ }
166
+ }
167
+ return [chosen];
168
+ },
169
+ first: (rects) => (rects.length ? [rects[0]] : null),
170
+ largest: (rects) => {
171
+ if (!rects.length) return null;
172
+ let chosen = rects[0];
173
+ let maxArea = chosen.width * chosen.height;
174
+ for (let i = 1; i < rects.length; i++) {
175
+ const area = rects[i].width * rects[i].height;
176
+ if (area > maxArea) {
177
+ chosen = rects[i];
178
+ maxArea = area;
179
+ }
180
+ }
181
+ return [chosen];
182
+ },
183
+ union: (rects) => {
184
+ if (!rects.length) return null;
185
+ let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
186
+ for (let i = 0; i < rects.length; i++) {
187
+ const r = rects[i];
188
+ minX = Math.min(minX, r.left);
189
+ minY = Math.min(minY, r.top);
190
+ maxX = Math.max(maxX, r.right);
191
+ maxY = Math.max(maxY, r.bottom);
192
+ }
193
+ return [
194
+ {
195
+ left: minX,
196
+ top: minY,
197
+ right: maxX,
198
+ bottom: maxY,
199
+ width: maxX - minX,
200
+ height: maxY - minY,
201
+ x: minX,
202
+ y: minY,
203
+ },
204
+ ];
205
+ },
206
+ all: (rects) => (rects.length ? Array.from(rects) : null),
207
+ };
208
+
209
+ const ThresholdStrategies = {
210
+ manual: (_glyphs, manualValue) => ({ threshold: manualValue, method: "manual" }),
211
+ auto: (_glyphs, _manual, paragraph) => {
212
+ const style = window.getComputedStyle(paragraph);
213
+ const lineHeight = parseFloat(style.lineHeight);
214
+ const fontSize = parseFloat(style.fontSize);
215
+ const effectiveLineHeight = Number.isNaN(lineHeight) ? fontSize * 1.2 : lineHeight;
216
+ return { threshold: Math.max(1, effectiveLineHeight * 0.3), method: "auto" };
217
+ },
218
+ adaptive: () => ({ threshold: 5, method: "adaptive" }),
219
+ };
220
+
221
+ function getTextNodes(root) {
222
+ const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);
223
+ const nodes = [];
224
+ while (walker.nextNode()) nodes.push(walker.currentNode);
225
+ return nodes;
226
+ }
227
+
228
+ function segmentText(text) {
229
+ if (window.Intl?.Segmenter) {
230
+ const seg = new window.Intl.Segmenter(undefined, { granularity: "grapheme" });
231
+ return Array.from(seg.segment(text)).map((s) => ({
232
+ segment: s.segment,
233
+ start: s.index,
234
+ end: s.index + s.segment.length,
235
+ }));
236
+ }
237
+ return text.split("").map((ch, i) => ({ segment: ch, start: i, end: i + 1 }));
238
+ }
239
+
240
+ function formatNumber(value, precision) {
241
+ if (precision === "full") return value;
242
+ if (precision === "integer") return Math.round(value);
243
+ return Math.round(value * 100) / 100;
244
+ }
245
+
246
+ function isRTL(element) {
247
+ return window.getComputedStyle(element).direction === "rtl";
248
+ }
249
+
250
+ function debugJustifiedParagraph(paragraph, opts) {
251
+ const textNodes = getTextNodes(paragraph);
252
+ const range = document.createRange();
253
+ const glyphs = [];
254
+ const paraRect = paragraph.getBoundingClientRect();
255
+ const rtl = isRTL(paragraph);
256
+
257
+ textNodes.forEach((node) => {
258
+ const value = node.nodeValue || "";
259
+ const segments = segmentText(value);
260
+
261
+ segments.forEach((segment) => {
262
+ range.setStart(node, segment.start);
263
+ range.setEnd(node, segment.end);
264
+ const rects = range.getClientRects();
265
+ if (!rects.length) return;
266
+
267
+ const strategy = RectStrategies[opts.rectStrategy] || RectStrategies.widest;
268
+ const selected = strategy(rects);
269
+ if (!selected || !selected.length) return;
270
+ const chosen = selected[0];
271
+
272
+ let x = chosen.left;
273
+ let y = chosen.top;
274
+ if (opts.coordMode === "relative") {
275
+ x -= paraRect.left;
276
+ y -= paraRect.top;
277
+ }
278
+
279
+ glyphs.push({
280
+ char: segment.segment,
281
+ width: formatNumber(chosen.width, opts.precision),
282
+ height: formatNumber(chosen.height, opts.precision),
283
+ x: formatNumber(x, opts.precision),
284
+ y: formatNumber(y, opts.precision),
285
+ line: 0,
286
+ _rawY: chosen.top,
287
+ });
288
+ });
289
+ });
290
+
291
+ if (!glyphs.length) {
292
+ range.detach?.();
293
+ return { glyphs: [], lines: [] };
294
+ }
295
+
296
+ const thresholdResult = ThresholdStrategies[opts.thresholdMode](glyphs, opts.lineThreshold, paragraph);
297
+ const threshold = thresholdResult.threshold ?? opts.lineThreshold;
298
+
299
+ glyphs.sort((a, b) => {
300
+ const diffY = a._rawY - b._rawY;
301
+ if (Math.abs(diffY) > 1) return diffY;
302
+ return rtl ? b.x - a.x : a.x - b.x;
303
+ });
304
+
305
+ let currentLine = 0;
306
+ let currentTop = glyphs[0]._rawY;
307
+ glyphs.forEach((glyph) => {
308
+ if (Math.abs(glyph._rawY - currentTop) > threshold) {
309
+ currentLine++;
310
+ currentTop = glyph._rawY;
311
+ }
312
+ glyph.line = currentLine;
313
+ delete glyph._rawY;
314
+ });
315
+
316
+ const byLine = new Map();
317
+ glyphs.forEach((glyph) => {
318
+ const list = byLine.get(glyph.line) || [];
319
+ list.push(glyph);
320
+ byLine.set(glyph.line, list);
321
+ });
322
+
323
+ const lines = [];
324
+ byLine.forEach((items, line) => {
325
+ items.sort((a, b) => (rtl ? b.x - a.x : a.x - b.x));
326
+ const first = items[0];
327
+ const last = items[items.length - 1];
328
+ const width = Math.max(0, last.x + last.width - first.x);
329
+ lines.push({
330
+ line,
331
+ width,
332
+ x: first.x,
333
+ y: first.y,
334
+ });
335
+ });
336
+
337
+ range.detach?.();
338
+ return { glyphs, lines };
339
+ }
340
+
341
+ const measurement = debugJustifiedParagraph(container, {
342
+ rectStrategy: "widest",
343
+ coordMode: "relative",
344
+ precision: "full",
345
+ thresholdMode: "auto",
346
+ lineThreshold: 2,
347
+ });
348
+
349
+ const computedStyle = window.getComputedStyle(container);
350
+ const usedFont = computedStyle.fontFamily;
351
+
352
+ container.remove();
353
+
354
+ return { ...measurement, usedFont };
355
+ })(cfg);
356
+ `;
357
+
358
+ const pageFunction = new Function("cfg", browserMeasurementScript) as (cfg: BrowserConfig) => Promise<BrowserMeasurement>;
359
+ const config: BrowserConfig = {
360
+ text: options.text,
361
+ fontFamily: options.fontFamily,
362
+ fontSize: options.fontSize,
363
+ lineHeight: options.lineHeight,
364
+ direction: options.direction,
365
+ textAlign: options.textAlign,
366
+ containerWidth: options.containerWidth,
367
+ viewportHeight: options.viewportHeight,
368
+ };
369
+ const result = await page.evaluate(pageFunction, config);
370
+
371
+ return result;
372
+ } finally {
373
+ await browser.close();
374
+ }
375
+ }
376
+
377
+ // ----------------------------------------
378
+ // PDF measurement via render pipeline
379
+ // ----------------------------------------
380
+
381
+ async function capturePdfMeasurement(options: CompareOptions): Promise<PdfMeasurement> {
382
+ const html = `
383
+ <!doctype html>
384
+ <html lang="en">
385
+ <head>
386
+ <meta charset="utf-8" />
387
+ <style>
388
+ html, body {
389
+ margin: 0;
390
+ padding: 0;
391
+ }
392
+ body {
393
+ font-family: ${options.fontFamily};
394
+ font-size: ${options.fontSize}px;
395
+ line-height: ${options.lineHeight};
396
+ }
397
+ .wrapper {
398
+ width: ${options.containerWidth}px;
399
+ }
400
+ .wrapper p {
401
+ margin: 0;
402
+ text-align: ${options.textAlign};
403
+ font-size: ${options.fontSize}px;
404
+ line-height: ${options.lineHeight};
405
+ }
406
+ </style>
407
+ </head>
408
+ <body dir="${options.direction}">
409
+ <div class="wrapper">
410
+ <p id="text" dir="${options.direction}">${escapeHtml(options.text)}</p>
411
+ </div>
412
+ </body>
413
+ </html>`;
414
+
415
+ const fontConfig = await loadBuiltinFontConfig();
416
+ const prepared = await prepareHtmlRender({
417
+ html,
418
+ css: "",
419
+ viewportWidth: options.containerWidth,
420
+ viewportHeight: options.viewportHeight,
421
+ pageWidth: options.containerWidth,
422
+ pageHeight: options.pageHeight,
423
+ margins: { top: 0, right: 0, bottom: 0, left: 0 },
424
+ fontConfig: fontConfig ?? undefined,
425
+ });
426
+
427
+ const doc = new PdfDocument();
428
+ const fontRegistry = initFontSystem(doc, prepared.renderTree.css);
429
+ if (fontConfig) {
430
+ await fontRegistry.initializeEmbedder(fontConfig);
431
+ }
432
+ const fontResolver = new FontRegistryResolver(fontRegistry);
433
+ await enrichTreeWithGlyphRuns(prepared.renderTree.root, fontResolver);
434
+
435
+ const runs = collectRuns(prepared.renderTree.root);
436
+ const glyphs = runs.flatMap(convertRunToGlyphEntries);
437
+ const runInfos = runs.map(extractRunInfo).filter((r): r is PdfRunInfo => r !== null);
438
+ const lines = summarizePdfLinesFromRuns(runInfos);
439
+
440
+ const firstRunWithFont = runs.find((r: any) => r._debugFontName);
441
+ const usedFont = (firstRunWithFont as any)?._debugFontName ?? "Unknown Font";
442
+
443
+ return { glyphs, lines, usedFont };
444
+ }
445
+
446
+ function collectRuns(box: RenderBox): Run[] {
447
+ const runs = [...box.textRuns];
448
+ for (const child of box.children) {
449
+ runs.push(...collectRuns(child));
450
+ }
451
+ return runs;
452
+ }
453
+
454
+ function convertRunToGlyphEntries(run: Run): GlyphEntry[] {
455
+ const glyphRun = run.glyphs;
456
+ if (!glyphRun) {
457
+ return [];
458
+ }
459
+ const lineStart = run.lineIndex ?? 0;
460
+ const baseX = run.lineMatrix?.e ?? 0;
461
+ const baseline = run.lineMatrix?.f ?? 0;
462
+ const fontSize = run.fontSize ?? glyphRun.fontSize;
463
+ const textChars = Array.from(glyphRun.text);
464
+
465
+ return glyphRun.positions.map((position, index) => {
466
+ const nextPosition = glyphRun.positions[index + 1]?.x;
467
+ const runWidth = glyphRun.width ?? position.x;
468
+ const width = Math.max((nextPosition ?? runWidth) - position.x, 0);
469
+ return {
470
+ char: textChars[index] ?? glyphRun.text[index] ?? "",
471
+ width,
472
+ height: fontSize,
473
+ line: lineStart,
474
+ x: baseX + position.x,
475
+ y: baseline - fontSize,
476
+ };
477
+ });
478
+ }
479
+
480
+ function extractRunInfo(run: Run): PdfRunInfo | null {
481
+ if (typeof run.lineIndex !== 'number') {
482
+ return null;
483
+ }
484
+ return {
485
+ lineIndex: run.lineIndex,
486
+ x: run.lineMatrix?.e ?? 0,
487
+ advanceWidth: run.advanceWidth ?? 0,
488
+ isLastLine: run.isLastLine ?? false,
489
+ };
490
+ }
491
+
492
+ function summarizePdfLinesFromRuns(runs: PdfRunInfo[]): PdfLineSummary[] {
493
+ const grouped = new Map<number, { runs: PdfRunInfo[]; isLastLine: boolean }>();
494
+
495
+ for (const run of runs) {
496
+ const current = grouped.get(run.lineIndex) ?? { runs: [], isLastLine: false };
497
+ current.runs.push(run);
498
+ current.isLastLine = run.isLastLine;
499
+ grouped.set(run.lineIndex, current);
500
+ }
501
+
502
+ return Array.from(grouped.entries())
503
+ .map(([line, data]) => {
504
+ // Sort runs by x position
505
+ const sortedRuns = data.runs.sort((a, b) => a.x - b.x);
506
+
507
+ if (sortedRuns.length === 0) {
508
+ return {
509
+ line,
510
+ start: 0,
511
+ end: 0,
512
+ width: 0,
513
+ isLastLine: data.isLastLine,
514
+ };
515
+ }
516
+
517
+ const start = sortedRuns[0].x;
518
+ // Calculate end as sum of all run widths from the start position
519
+ const totalWidth = sortedRuns.reduce((sum, run) => sum + run.advanceWidth, 0);
520
+ const end = start + totalWidth;
521
+
522
+ // Debug: log run details for this line
523
+ if (process.env.DEBUG_RUNS) {
524
+ console.log(` Line ${line} (${data.isLastLine ? 'last' : 'justified'}):`, sortedRuns.map(r => ({
525
+ x: r.x.toFixed(2),
526
+ advanceWidth: r.advanceWidth.toFixed(2),
527
+ isLastLine: r.isLastLine
528
+ })));
529
+ }
530
+
531
+ return {
532
+ line,
533
+ start,
534
+ end,
535
+ width: totalWidth,
536
+ isLastLine: data.isLastLine,
537
+ };
538
+ })
539
+ .sort((a, b) => a.line - b.line);
540
+ }
541
+
542
+ async function enrichTreeWithGlyphRuns(root: RenderBox, fontResolver: FontRegistryResolver): Promise<void> {
543
+ const stack: RenderBox[] = [root];
544
+ while (stack.length) {
545
+ const node = stack.pop()!;
546
+ if (node.textRuns) {
547
+ for (const run of node.textRuns) {
548
+ await enrichRunGlyphData(run, fontResolver);
549
+ }
550
+ }
551
+ for (const child of node.children) {
552
+ stack.push(child);
553
+ }
554
+ }
555
+ }
556
+
557
+ async function enrichRunGlyphData(run: Run, fontResolver: FontRegistryResolver): Promise<void> {
558
+ if (run.glyphs) {
559
+ return;
560
+ }
561
+ try {
562
+ const font = await fontResolver.resolve(run.fontFamily, run.fontWeight, run.fontStyle);
563
+
564
+ (run as any)._debugFontName = (font as any).fullName ?? (font as any).familyName ?? run.fontFamily;
565
+
566
+ const glyphRun = computeGlyphRun(font, run.text, run.fontSize, run.letterSpacing ?? 0);
567
+ applyWordSpacingToGlyphRun(glyphRun, run.text, run.wordSpacing);
568
+ run.glyphs = glyphRun;
569
+ } catch (error) {
570
+ console.warn("Failed to enrich glyph data for run:", run.text, error);
571
+ }
572
+ }
573
+
574
+ // ----------------------------------------
575
+ // Comparison helpers
576
+ // ----------------------------------------
577
+
578
+ function reportComparison(browser: BrowserMeasurement, pdf: PdfMeasurement) {
579
+ console.log(`\nSources:`);
580
+ console.log(` Browser resolved font: "${browser.usedFont}"`);
581
+ console.log(` PDF pipeline resolved font: "${pdf.usedFont}"`);
582
+
583
+ const count = Math.min(browser.glyphs.length, pdf.glyphs.length);
584
+ console.log(`\nGlyph counts -> browser: ${browser.glyphs.length}, pdf: ${pdf.glyphs.length}`);
585
+
586
+ const diffs = [];
587
+ for (let i = 0; i < count; i++) {
588
+ const before = browser.glyphs[i];
589
+ const after = pdf.glyphs[i];
590
+ diffs.push({
591
+ index: i,
592
+ char: before.char || after.char || "?",
593
+ line: before.line,
594
+ browserWidth: before.width,
595
+ pdfWidth: after.width,
596
+ diff: after.width - before.width,
597
+ });
598
+ }
599
+
600
+ const averageDiff = diffs.reduce((sum, item) => sum + item.diff, 0) / (diffs.length || 1);
601
+ const maxAbsDiff = Math.max(...diffs.map((item) => Math.abs(item.diff)), 0);
602
+ console.log(`Average glyph width delta: ${averageDiff.toFixed(2)} px, max absolute delta: ${maxAbsDiff.toFixed(2)} px`);
603
+
604
+ const reportCount = Math.min(10, diffs.length);
605
+ console.log(`First ${reportCount} glyph comparisons (browser vs pdf widths):`);
606
+ for (let i = 0; i < reportCount; i++) {
607
+ const { char, browserWidth, pdfWidth, diff, line } = diffs[i];
608
+ console.log(
609
+ ` [line ${line}] '${previewChar(char)}' -> browser ${browserWidth.toFixed(2)}, pdf ${pdfWidth.toFixed(2)}, delta ${diff.toFixed(2)}`,
610
+ );
611
+ }
612
+
613
+ const lineDiffs = combineLineWidths(browser.lines, pdf.lines);
614
+ console.log("\nLine width comparison:");
615
+ for (const lineDiff of lineDiffs) {
616
+ const justifyStatus = lineDiff.isLastLine ? "(last line, not justified)" : "(justified)";
617
+ console.log(
618
+ ` line ${lineDiff.line}: browser ${lineDiff.browserWidth.toFixed(2)} px, pdf ${lineDiff.pdfWidth.toFixed(2)} px (delta ${lineDiff.delta.toFixed(2)} px) ${justifyStatus}`,
619
+ );
620
+ }
621
+ }
622
+
623
+ function combineLineWidths(browserLines: BrowserLine[], pdfLines: PdfLineSummary[]) {
624
+ const merged = new Map<number, { browserWidth: number; pdfWidth: number; isLastLine: boolean }>();
625
+ for (const line of browserLines) {
626
+ const entry = merged.get(line.line) ?? { browserWidth: 0, pdfWidth: 0, isLastLine: false };
627
+ entry.browserWidth = line.width;
628
+ merged.set(line.line, entry);
629
+ }
630
+ for (const line of pdfLines) {
631
+ const entry = merged.get(line.line) ?? { browserWidth: 0, pdfWidth: 0, isLastLine: false };
632
+ entry.pdfWidth = line.width;
633
+ entry.isLastLine = line.isLastLine;
634
+ merged.set(line.line, entry);
635
+ }
636
+ return Array.from(merged.entries())
637
+ .sort((a, b) => a[0] - b[0])
638
+ .map(([line, { browserWidth, pdfWidth, isLastLine }]) => ({
639
+ line,
640
+ browserWidth,
641
+ pdfWidth,
642
+ delta: pdfWidth - browserWidth,
643
+ isLastLine,
644
+ }));
645
+ }
646
+
647
+ function previewChar(value: string) {
648
+ if (!value || value.trim().length === 0) {
649
+ return value === " " ? "space" : "?";
650
+ }
651
+ return value.length === 1 ? value : value;
652
+ }
653
+
654
+ // ----------------------------------------
655
+ // CLI helpers
656
+ // ----------------------------------------
657
+
658
+ async function resolveOptions(): Promise<CompareOptions> {
659
+ const args = parseCliArgs(process.argv.slice(2));
660
+ const textFile = args["text-file"];
661
+ const textFromFile = textFile ? await readFile(textFile, "utf-8") : undefined;
662
+ const text = textFromFile ?? args["text"] ?? DEFAULT_TEXT;
663
+
664
+ return {
665
+ text,
666
+ fontFamily: args["font-family"] ?? DEFAULT_CONFIG.fontFamily,
667
+ fontSize: parseNumber(args["font-size"], DEFAULT_CONFIG.fontSize),
668
+ textAlign: parseTextAlign(args["align"] ?? args["text-align"]) ?? DEFAULT_CONFIG.textAlign,
669
+ direction: parseDirection(args["direction"]) ?? DEFAULT_CONFIG.direction,
670
+ lineHeight: parseNumber(args["line-height"], DEFAULT_CONFIG.lineHeight),
671
+ containerWidth: parseNumber(args["width"], DEFAULT_CONFIG.containerWidth),
672
+ viewportHeight: parseNumber(args["viewport-height"], DEFAULT_CONFIG.viewportHeight),
673
+ pageHeight: parseNumber(args["page-height"], DEFAULT_CONFIG.pageHeight),
674
+ };
675
+ }
676
+
677
+ function parseCliArgs(argv: string[]): Record<string, string> {
678
+ const collected: Record<string, string> = {};
679
+ for (let index = 0; index < argv.length; index++) {
680
+ const item = argv[index];
681
+ if (!item.startsWith("--")) {
682
+ continue;
683
+ }
684
+ const withoutPrefix = item.slice(2);
685
+ const equalsIndex = withoutPrefix.indexOf("=");
686
+ let key: string;
687
+ let value: string;
688
+ if (equalsIndex >= 0) {
689
+ key = withoutPrefix.slice(0, equalsIndex);
690
+ value = withoutPrefix.slice(equalsIndex + 1);
691
+ } else {
692
+ key = withoutPrefix;
693
+ const next = argv[index + 1];
694
+ if (next && !next.startsWith("--")) {
695
+ value = next;
696
+ index++;
697
+ } else {
698
+ value = "true";
699
+ }
700
+ }
701
+ collected[key] = value;
702
+ }
703
+ return collected;
704
+ }
705
+
706
+ function parseNumber(value: string | undefined, fallback: number): number {
707
+ if (!value) {
708
+ return fallback;
709
+ }
710
+ const parsed = Number.parseFloat(value);
711
+ return Number.isFinite(parsed) ? parsed : fallback;
712
+ }
713
+
714
+ function parseTextAlign(value: string | undefined): TextAlign | undefined {
715
+ if (!value) return undefined;
716
+ const normalized = value.toLowerCase();
717
+ if (normalized === "left" || normalized === "right" || normalized === "center" || normalized === "justify") {
718
+ return normalized as TextAlign;
719
+ }
720
+ return undefined;
721
+ }
722
+
723
+ function parseDirection(value: string | undefined): Direction | undefined {
724
+ if (!value) return undefined;
725
+ const normalized = value.toLowerCase();
726
+ if (normalized === "ltr" || normalized === "rtl") {
727
+ return normalized as Direction;
728
+ }
729
+ return undefined;
730
+ }
731
+
732
+ function escapeHtml(value: string): string {
733
+ return value
734
+ .replace(/&/g, "&amp;")
735
+ .replace(/</g, "&lt;")
736
+ .replace(/>/g, "&gt;")
737
+ .replace(/"/g, "&quot;")
738
+ .replace(/'/g, "&#39;");
739
+ }
740
+
741
+ main().catch((error) => {
742
+ console.error("Glyph comparison failed:", error);
743
+ process.exit(1);
744
+ });