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/playground/public/examples/svg-radial-transform-demo.html ADDED
@@ -0,0 +1,78 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <title>SVG Radial Gradient Transform Demo</title>
6
+ <style>
7
+ body{font-family:Arial,sans-serif;margin:20px}
8
+ svg{border:1px solid #ddd;margin:10px 0}
9
+ .row{display:flex;gap:24px;align-items:center}
10
+ .cell{width:320px}
11
+ </style>
12
+ </head>
13
+ <body>
14
+ <h1>Radial Gradient Transform Demo</h1>
15
+ <p>This page shows radial gradients with different <code>gradientTransform</code> values and units.</p>
16
+
17
+ <div class="row">
18
+ <div class="cell">
19
+ <h3>Ratio units (objectBoundingBox) — scale(2,1)</h3>
20
+ <svg width="300" height="120">
21
+ <defs>
22
+ <radialGradient id="rg-scale" cx="50%" cy="50%" r="50%" gradientTransform="scale(2,1)">
23
+ <stop offset="0%" stop-color="#fff" />
24
+ <stop offset="100%" stop-color="#e91e63" />
25
+ </radialGradient>
26
+ </defs>
27
+ <circle cx="60" cy="60" r="50" fill="url(#rg-scale)" />
28
+ <rect x="140" y="20" width="120" height="80" fill="url(#rg-scale)" />
29
+ </svg>
30
+ </div>
31
+
32
+ <div class="cell">
33
+ <h3>User space units — rotate(30)</h3>
34
+ <svg width="300" height="120">
35
+ <defs>
36
+ <radialGradient id="rg-rotate" gradientUnits="userSpaceOnUse" cx="80" cy="60" r="50" gradientTransform="rotate(30 80 60)">
37
+ <stop offset="0%" stop-color="#fff" />
38
+ <stop offset="100%" stop-color="#2196f3" />
39
+ </radialGradient>
40
+ </defs>
41
+ <circle cx="80" cy="60" r="50" fill="url(#rg-rotate)" />
42
+ <rect x="160" y="20" width="120" height="80" fill="url(#rg-rotate)" />
43
+ </svg>
44
+ </div>
45
+ </div>
46
+
47
+ <div class="row">
48
+ <div class="cell">
49
+ <h3>Ratio units — skewX(30)</h3>
50
+ <svg width="300" height="120">
51
+ <defs>
52
+ <radialGradient id="rg-skew" cx="50%" cy="50%" r="50%" gradientTransform="skewX(30)">
53
+ <stop offset="0%" stop-color="#fff" />
54
+ <stop offset="100%" stop-color="#4caf50" />
55
+ </radialGradient>
56
+ </defs>
57
+ <circle cx="60" cy="60" r="50" fill="url(#rg-skew)" />
58
+ <rect x="140" y="20" width="120" height="80" fill="url(#rg-skew)" />
59
+ </svg>
60
+ </div>
61
+
62
+ <div class="cell">
63
+ <h3>User space — combined transforms</h3>
64
+ <svg width="300" height="120">
65
+ <defs>
66
+ <radialGradient id="rg-combined" gradientUnits="userSpaceOnUse" cx="60" cy="60" r="45" gradientTransform="translate(10,0) scale(1.5,0.8) rotate(20 60 60)">
67
+ <stop offset="0%" stop-color="#fff" />
68
+ <stop offset="100%" stop-color="#ff9800" />
69
+ </radialGradient>
70
+ </defs>
71
+ <circle cx="60" cy="60" r="50" fill="url(#rg-combined)" />
72
+ <rect x="140" y="20" width="120" height="80" fill="url(#rg-combined)" />
73
+ </svg>
74
+ </div>
75
+ </div>
76
+
77
+ </body>
78
+ </html>
package/playground/public/examples/svg-transform-stack.html ADDED
@@ -0,0 +1,103 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <title>SVG Transform Stack</title>
6
+ <style>
7
+ body {
8
+ font-family: system-ui, sans-serif;
9
+ margin: 24px;
10
+ line-height: 1.5;
11
+ background: #f4f7fb;
12
+ color: #1f2a3a;
13
+ }
14
+
15
+ .canvas {
16
+ max-width: 640px;
17
+ margin: 0 auto;
18
+ padding: 24px;
19
+ background: #ffffff;
20
+ border-radius: 12px;
21
+ box-shadow: 0 16px 32px rgba(21, 45, 72, 0.12);
22
+ }
23
+
24
+ h1, h2 {
25
+ text-align: center;
26
+ }
27
+
28
+ svg {
29
+ width: 100%;
30
+ height: auto;
31
+ display: block;
32
+ border-radius: 8px;
33
+ overflow: visible;
34
+ }
35
+
36
+ dl {
37
+ display: grid;
38
+ grid-template-columns: max-content 1fr;
39
+ gap: 4px 12px;
40
+ margin-top: 20px;
41
+ font-size: 0.95rem;
42
+ }
43
+
44
+ dt {
45
+ font-weight: 600;
46
+ }
47
+ </style>
48
+ </head>
49
+ <body>
50
+ <div class="canvas">
51
+ <h1>SVG Transform Stack</h1>
52
+ <p>
53
+ Nested groups with translate, rotate, scale, and skew transforms rendered into PDF path commands. Each axis helper
54
+ is generated once and reused with different transforms to confirm the push/pop logic.
55
+ </p>
56
+ <svg viewBox="0 0 320 200">
57
+ <defs>
58
+ <g id="axes">
59
+ <line x1="0" y1="0" x2="60" y2="0" stroke="#1f77b4" stroke-width="4" stroke-linecap="round" />
60
+ <line x1="0" y1="0" x2="0" y2="60" stroke="#ff7f0e" stroke-width="4" stroke-linecap="round" />
61
+ <circle cx="0" cy="0" r="5" fill="#1f2a3a" />
62
+ </g>
63
+ </defs>
64
+
65
+ <g transform="translate(70 60)">
66
+ <use href="#axes" />
67
+ <text x="68" y="-6" font-size="12" text-anchor="start">Origin</text>
68
+ </g>
69
+
70
+ <g transform="translate(200 60) rotate(25)">
71
+ <use href="#axes" />
72
+ <text x="64" y="-8" font-size="12" text-anchor="start">Rotate 25°</text>
73
+ </g>
74
+
75
+ <g transform="translate(70 150) skewX(25)">
76
+ <use href="#axes" />
77
+ <text x="64" y="-8" font-size="12" text-anchor="start">SkewX 25°</text>
78
+ </g>
79
+
80
+ <g transform="translate(200 140) scale(1.2 0.6) rotate(-30)">
81
+ <use href="#axes" />
82
+ <path
83
+ d="M0 -10 L30 0 L0 10 Z"
84
+ fill="#d62728"
85
+ stroke="#7f1d1d"
86
+ stroke-width="2"
87
+ />
88
+ <text x="40" y="-12" font-size="12">Scale + Rotate</text>
89
+ </g>
90
+ </svg>
91
+
92
+ <h2>What To Look For</h2>
93
+ <dl>
94
+ <dt>Nested state:</dt>
95
+ <dd>Each group uses a different combination of transforms; the renderer must compose matrices per node.</dd>
96
+ <dt>Stroke scaling:</dt>
97
+ <dd>Line thickness adapts to the combined scale so axes remain balanced.</dd>
98
+ <dt>Text orientation:</dt>
99
+ <dd>Labels follow the final matrix, proving text rendering respects transforms.</dd>
100
+ </dl>
101
+ </div>
102
+ </body>
103
+ </html>
package/playground/public/examples/svg-transforms-demo.html ADDED
@@ -0,0 +1,127 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>SVG Transforms Demo</title>
7
+ <style>
8
+ body {
9
+ font-family: Arial, sans-serif;
10
+ margin: 20px;
11
+ }
12
+ .demo-section {
13
+ margin-bottom: 30px;
14
+ border: 1px solid #ccc;
15
+ padding: 20px;
16
+ }
17
+ .demo-title {
18
+ font-size: 18px;
19
+ font-weight: bold;
20
+ margin-bottom: 10px;
21
+ }
22
+ svg {
23
+ border: 1px solid #ddd;
24
+ margin: 10px 0;
25
+ }
26
+ </style>
27
+ </head>
28
+ <body>
29
+ <h1>SVG Transforms Demo</h1>
30
+ <p>This example demonstrates the transform matrix pre-computation feature. Transform strings are now parsed to matrices during the parsing phase for better performance.</p>
31
+
32
+ <div class="demo-section">
33
+ <div class="demo-title">1. Basic Transforms</div>
34
+ <svg width="500" height="200" viewBox="0 0 500 200">
35
+ <rect x="50" y="50" width="50" height="50" fill="#3498db" transform="translate(0,0)"/>
36
+ <rect x="50" y="50" width="50" height="50" fill="#e74c3c" transform="translate(80,0) rotate(15)"/>
37
+ <rect x="50" y="50" width="50" height="50" fill="#27ae60" transform="translate(160,0) scale(1.5)"/>
38
+ <rect x="50" y="50" width="50" height="50" fill="#f39c12" transform="translate(280,0) skewX(20)"/>
39
+ <rect x="50" y="50" width="50" height="50" fill="#9b59b6" transform="translate(380,0) matrix(1,0.2,0.2,1,0,0)"/>
40
+ <text x="75" y="125" text-anchor="middle" font-size="10">Original</text>
41
+ <text x="155" y="125" text-anchor="middle" font-size="10">Rotate</text>
42
+ <text x="235" y="125" text-anchor="middle" font-size="10">Scale</text>
43
+ <text x="355" y="125" text-anchor="middle" font-size="10">Skew</text>
44
+ <text x="455" y="125" text-anchor="middle" font-size="10">Matrix</text>
45
+ </svg>
46
+ </div>
47
+
48
+ <div class="demo-section">
49
+ <div class="demo-title">2. Complex Transform Chains</div>
50
+ <svg width="500" height="250" viewBox="0 0 500 250">
51
+ <g transform="translate(50,50)">
52
+ <rect x="0" y="0" width="40" height="40" fill="#3498db"/>
53
+ <rect x="50" y="0" width="40" height="40" fill="#e74c3c" transform="rotate(30 20 20)"/>
54
+ <rect x="100" y="0" width="40" height="40" fill="#27ae60" transform="scale(1.2) rotate(15 20 20)"/>
55
+ <rect x="150" y="0" width="40" height="40" fill="#f39c12" transform="skewX(15) scale(0.8)"/>
56
+ <rect x="200" y="0" width="40" height="40" fill="#9b59b6" transform="translate(10,10) rotate(45 15 15) scale(1.3)"/>
57
+ </g>
58
+ <g transform="translate(50,120)">
59
+ <circle cx="20" cy="20" r="15" fill="#1abc9c" transform="scale(1.5)"/>
60
+ <circle cx="70" cy="20" r="15" fill="#34495e" transform="rotate(45 0 0) translate(20,0)"/>
61
+ <circle cx="120" cy="20" r="15" fill="#e67e22" transform="skewY(10) scale(0.7)"/>
62
+ <circle cx="170" cy="20" r="15" fill="#95a5a6" transform="matrix(0.8,0.2,-0.2,0.8,0,0)"/>
63
+ </g>
64
+ <text x="250" y="220" text-anchor="middle" font-size="14" fill="#666">
65
+ Transform matrices are pre-computed during parsing!
66
+ </text>
67
+ </svg>
68
+ </div>
69
+
70
+ <div class="demo-section">
71
+ <div class="demo-title">3. Transform Order Matters</div>
72
+ <svg width="500" height="200" viewBox="0 0 500 200">
73
+ <!-- Different transform orders produce different results -->
74
+ <g transform="translate(50,50)">
75
+ <rect x="0" y="0" width="30" height="30" fill="#3498db" transform="translate(20,0) rotate(30)"/>
76
+ <text x="15" y="50" text-anchor="middle" font-size="10">Translate then Rotate</text>
77
+ </g>
78
+ <g transform="translate(150,50)">
79
+ <rect x="0" y="0" width="30" height="30" fill="#e74c3c" transform="rotate(30) translate(20,0)"/>
80
+ <text x="15" y="50" text-anchor="middle" font-size="10">Rotate then Translate</text>
81
+ </g>
82
+ <g transform="translate(250,50)">
83
+ <rect x="0" y="0" width="30" height="30" fill="#27ae60" transform="scale(1.5) rotate(45) translate(10,5)"/>
84
+ <text x="15" y="50" text-anchor="middle" font-size="10">Scale, Rotate, Translate</text>
85
+ </g>
86
+ <g transform="translate(350,50)">
87
+ <rect x="0" y="0" width="30" height="30" fill="#f39c12" transform="translate(10,5) rotate(45) scale(1.5)"/>
88
+ <text x="15" y="50" text-anchor="middle" font-size="10">Translate, Rotate, Scale</text>
89
+ </g>
90
+ </svg>
91
+ </div>
92
+
93
+ <div class="demo-section">
94
+ <div class="demo-title">4. Nested Transforms</div>
95
+ <svg width="500" height="200" viewBox="0 0 500 200">
96
+ <g transform="translate(50,50)">
97
+ <rect x="0" y="0" width="50" height="50" fill="#3498db"/>
98
+ <g transform="rotate(15 25 25)">
99
+ <rect x="70" y="0" width="50" height="50" fill="#e74c3c"/>
100
+ <g transform="scale(0.8)">
101
+ <rect x="140" y="0" width="50" height="50" fill="#27ae60"/>
102
+ <g transform="skewX(10)">
103
+ <rect x="210" y="0" width="50" height="50" fill="#f39c12"/>
104
+ </g>
105
+ </g>
106
+ </g>
107
+ </g>
108
+ <text x="250" y="150" text-anchor="middle" font-size="12" fill="#666">
109
+ Nested groups with cumulative transforms
110
+ </text>
111
+ </svg>
112
+ </div>
113
+
114
+ <div class="demo-section">
115
+ <h2>Implementation Notes</h2>
116
+ <ul>
117
+ <li><strong>Pre-computation:</strong> Transform strings are parsed to Matrix objects during SVG parsing</li>
118
+ <li><strong>Performance:</strong> Eliminates repeated parsing during rendering phase</li>
119
+ <li><strong>Compatibility:</strong> Original transform strings are preserved for reference</li>
120
+ <li><strong>Matrix Operations:</strong> Support for translate, scale, rotate, skewX, skewY, and matrix transforms</li>
121
+ <li><strong>Transform Order:</strong> Proper handling of transform application order</li>
122
+ <li><strong>Nested Transforms:</strong> Correct composition of parent and child transforms</li>
123
+ </ul>
124
+ <p><em>Note: This demonstrates the parsing capability. Full rendering would show the visual effects of these transforms.</em></p>
125
+ </div>
126
+ </body>
127
+ </html>
package/playground/public/examples/table-merge-test.html ADDED
@@ -0,0 +1,34 @@
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>Tabela com mescla</title>
6
+ <style>
7
+ table {
8
+ border-collapse: collapse;
9
+ width: 300px;
10
+ }
11
+ td, th {
12
+ border: 1px solid #333;
13
+ padding: 8px;
14
+ text-align: center;
15
+ }
16
+ </style>
17
+ </head>
18
+ <body>
19
+
20
+ <table>
21
+ <tr>
22
+ <th colspan="2">Cabeçalho mesclado</th>
23
+ </tr>
24
+ <tr>
25
+ <td rowspan="2">Mescla vertical</td>
26
+ <td>Linha 1</td>
27
+ </tr>
28
+ <tr>
29
+ <td>Linha 2</td>
30
+ </tr>
31
+ </table>
32
+
33
+ </body>
34
+ </html>
package/playground/public/examples/text-decoration-showcase.html ADDED
@@ -0,0 +1,138 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <title>Text Decoration Showcase</title>
6
+ <style>
7
+ :root {
8
+ font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
9
+ color: #1b1f24;
10
+ }
11
+
12
+ body {
13
+ margin: 48px;
14
+ line-height: 1.5;
15
+ }
16
+
17
+ h1 {
18
+ font-size: 28px;
19
+ margin-bottom: 8px;
20
+ }
21
+
22
+ p.subtitle {
23
+ color: #6b7280;
24
+ margin-top: 0;
25
+ }
26
+
27
+ section {
28
+ margin-top: 32px;
29
+ padding: 20px 24px;
30
+ border: 1px solid #d1d5db;
31
+ border-radius: 12px;
32
+ background: linear-gradient(180deg, #fff, #f8fafc);
33
+ }
34
+
35
+ section + section {
36
+ margin-top: 24px;
37
+ }
38
+
39
+ .example-label {
40
+ font-size: 13px;
41
+ text-transform: uppercase;
42
+ letter-spacing: 0.08em;
43
+ color: #9ca3af;
44
+ margin-bottom: 8px;
45
+ }
46
+
47
+ .stack {
48
+ display: flex;
49
+ flex-direction: column;
50
+ gap: 12px;
51
+ }
52
+
53
+ .swatch {
54
+ display: inline-flex;
55
+ align-items: center;
56
+ gap: 12px;
57
+ padding: 12px 16px;
58
+ border-radius: 10px;
59
+ background: #fff;
60
+ border: 1px dashed #cbd5f5;
61
+ }
62
+
63
+ .swatch strong {
64
+ min-width: 140px;
65
+ color: #64748b;
66
+ }
67
+
68
+ .accent {
69
+ text-decoration: underline;
70
+ text-decoration-thickness: 2px;
71
+ }
72
+
73
+ .accent-ruby {
74
+ text-decoration: underline #d946ef;
75
+ }
76
+
77
+ .accent-amber {
78
+ text-decoration-line: underline;
79
+ text-decoration-color: #f97316;
80
+ }
81
+
82
+ .accent-current {
83
+ color: #0284c7;
84
+ text-decoration: underline currentColor;
85
+ }
86
+
87
+ .accent-overline {
88
+ text-decoration: overline;
89
+ text-decoration-color: #059669;
90
+ }
91
+
92
+ .accent-multi {
93
+ text-decoration: underline overline line-through;
94
+ text-decoration-color: rgb(244, 63, 94);
95
+ }
96
+ </style>
97
+ </head>
98
+ <body>
99
+ <h1>Text Decoration Showcase</h1>
100
+ <p class="subtitle">Underline, overline, strike-through, and custom colors rendered through the PDF pipeline.</p>
101
+
102
+ <section>
103
+ <div class="example-label">Underline Styles</div>
104
+ <div class="stack">
105
+ <div class="swatch">
106
+ <strong>Default</strong>
107
+ <span class="accent">Deterministic rendering matters.</span>
108
+ </div>
109
+ <div class="swatch">
110
+ <strong>Shorthand Color</strong>
111
+ <span class="accent-ruby">Audit-ready highlights in one declaration.</span>
112
+ </div>
113
+ <div class="swatch">
114
+ <strong>Longhand Color</strong>
115
+ <span class="accent-amber">Underline with text-decoration-color.</span>
116
+ </div>
117
+ <div class="swatch">
118
+ <strong>currentColor</strong>
119
+ <span class="accent-current">Decoration tracks the text color.</span>
120
+ </div>
121
+ </div>
122
+ </section>
123
+
124
+ <section>
125
+ <div class="example-label">Compound Decorations</div>
126
+ <div class="stack">
127
+ <div class="swatch">
128
+ <strong>Overline</strong>
129
+ <span class="accent-overline">Budget variance flagged above the run.</span>
130
+ </div>
131
+ <div class="swatch">
132
+ <strong>Combined</strong>
133
+ <span class="accent-multi">Escalations demand bold emphasis.</span>
134
+ </div>
135
+ </div>
136
+ </section>
137
+ </body>
138
+ </html>
package/playground/public/examples/text-indent-showcase.html ADDED
@@ -0,0 +1,137 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <title>Text Indent Showcase</title>
6
+ <style>
7
+ :root {
8
+ font-family: "Times New Roman", Georgia, serif;
9
+ color: #252525;
10
+ background: #f4f5f7;
11
+ }
12
+
13
+ body {
14
+ margin: 24px;
15
+ }
16
+
17
+ h1 {
18
+ font-size: 24px;
19
+ margin-bottom: 12px;
20
+ }
21
+
22
+ p.lead {
23
+ margin-bottom: 20px;
24
+ max-width: 540px;
25
+ }
26
+
27
+ .cards {
28
+ display: grid;
29
+ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
30
+ gap: 16px;
31
+ }
32
+
33
+ .card {
34
+ background: #fff;
35
+ border-radius: 12px;
36
+ padding: 16px 18px;
37
+ box-shadow: 0 6px 18px rgba(15, 37, 64, 0.08);
38
+ }
39
+
40
+ .card h2 {
41
+ font-size: 16px;
42
+ margin: 0 0 8px;
43
+ text-transform: uppercase;
44
+ letter-spacing: 0.08em;
45
+ color: #5b6070;
46
+ }
47
+
48
+ .sample {
49
+ margin: 0;
50
+ font-size: 15px;
51
+ line-height: 1.6;
52
+ background: linear-gradient(90deg, rgba(40, 127, 249, 0.12) 0, transparent 0) repeat-y;
53
+ background-size: 1px 100%;
54
+ background-position: 0 0;
55
+ padding-left: 14px;
56
+ }
57
+
58
+ .sample em {
59
+ font-style: normal;
60
+ color: #7a859e;
61
+ letter-spacing: 0.05em;
62
+ text-transform: uppercase;
63
+ font-size: 12px;
64
+ display: inline-block;
65
+ margin-bottom: 4px;
66
+ }
67
+
68
+ /* Demo cases */
69
+ .classic {
70
+ text-indent: 2em;
71
+ }
72
+
73
+ .press-release {
74
+ text-indent: 18%;
75
+ }
76
+
77
+ .hanging {
78
+ text-indent: -1.5em;
79
+ padding-left: 1.5em;
80
+ }
81
+
82
+ .override span {
83
+ display: block;
84
+ text-indent: 32px;
85
+ }
86
+
87
+ .override span strong {
88
+ text-indent: 0;
89
+ display: inline-block;
90
+ }
91
+ </style>
92
+ </head>
93
+ <body>
94
+ <h1>Text Indent Showcase</h1>
95
+ <p class="lead">
96
+ Quick reference for first-line indentation values. Each block shares the same width so you can compare pixels,
97
+ percentages, negative hanging indents, and local overrides.
98
+ </p>
99
+
100
+ <section class="cards">
101
+ <article class="card">
102
+ <h2>Classic Paragraph</h2>
103
+ <p class="sample classic">
104
+ <em>text-indent: 2em;</em>
105
+ Traveling scribes once relied on geometric first-line offsets to separate thought and tone. Today we bring
106
+ that same cadence to PDF layout.
107
+ </p>
108
+ </article>
109
+
110
+ <article class="card">
111
+ <h2>Percent Based</h2>
112
+ <p class="sample press-release">
113
+ <em>text-indent: 18%;</em>
114
+ When brands publish statements, the opening sentence often slides forward by a proportional amount so the
115
+ typography scales with the column width.
116
+ </p>
117
+ </article>
118
+
119
+ <article class="card">
120
+ <h2>Hanging Quote</h2>
121
+ <p class="sample hanging">
122
+ <em>text-indent: -1.5em;</em>
123
+ “Some indents pull left to keep quotation marks outside the column while preserving a flush text edge.”
124
+ </p>
125
+ </article>
126
+
127
+ <article class="card">
128
+ <h2>Local Override</h2>
129
+ <p class="sample override">
130
+ <em>text-indent cascade</em>
131
+ <span>Default copy inherits the 32px indent from the parent container to match corporate guidelines.</span>
132
+ <span><strong>Labels reset indent</strong> when we need a flush baseline for inline tags.</span>
133
+ </p>
134
+ </article>
135
+ </section>
136
+ </body>
137
+ </html>
package/playground/public/examples/text-shadow-example.html ADDED
@@ -0,0 +1,29 @@
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Exemplo de text-shadow (fundo branco)</title>
7
+ <style>
8
+ body {
9
+ display: flex;
10
+ justify-content: center;
11
+ align-items: center;
12
+ height: 100vh;
13
+ margin: 0;
14
+ background-color: #fff;
15
+ font-family: Arial, sans-serif;
16
+ }
17
+
18
+ h1 {
19
+ color: #333;
20
+ text-shadow:
21
+ 2px 2px 4px rgba(255, 0, 0, 0.7),
22
+ 0 4px 8px rgba(0, 0, 0, 0.2);
23
+ }
24
+ </style>
25
+ </head>
26
+ <body>
27
+ <h1>Olá, sombra!</h1>
28
+ </body>
29
+ </html>