weasyprint-tsx 0.1.3 → 0.1.5

package/README.md

@@ -95,5 +95,5 @@ export default config;
 `@weasyprint-tsx/ui` provides print-optimized Preact components. See [`packages/ui/README.md`](packages/ui/README.md) for the full API.
 
 ```tsx
-import { H1, H2, Page, UL, LI, Table, Entry } from "@weasyprint-tsx/ui";
+import { H1, H2, Page, UL, LI, Table, Entry, Chart } from "@weasyprint-tsx/ui";
 ```

package/bun.lock

@@ -4,13 +4,10 @@
   "workspaces": {
     "": {
       "name": "@weasyprint-tsx/build",
-      "dependencies": {
-        "@fontsource-variable/public-sans": "^5.2.7",
-      },
     },
     "packages/build": {
       "name": "@weasyprint-tsx/build",
-      "version": "0.1.1",
+      "version": "0.1.6",
       "bin": {
         "weasyprint-tsx": "./src/cli.ts",
       },
@@ -27,20 +24,23 @@
     },
     "packages/create": {
       "name": "@weasyprint-tsx/create",
-      "version": "0.1.0",
+      "version": "0.1.1",
       "bin": {
         "create-weasyprint-tsx": "cli.js",
       },
-      "dependencies": {
-        "highlight.js": "11.11.1",
-      },
     },
     "packages/ui": {
       "name": "@weasyprint-tsx/ui",
-      "version": "0.1.0",
+      "version": "0.1.13",
       "dependencies": {
-        "highlight.js": "^11.11.1",
+        "@napi-rs/canvas": "^1.0.0",
+        "chart.js": "^4.5.1",
+        "highlight.js": "11.11.1",
         "katex": "^0.16.47",
+        "qrcode": "^1.5.4",
+      },
+      "devDependencies": {
+        "@types/qrcode": "^1.5.6",
       },
     },
   },
@@ -55,8 +55,6 @@
 
     "@csstools/utilities": ["@csstools/utilities@3.0.0", "", { "peerDependencies": { "postcss": "^8.4" } }, "sha512-etDqA/4jYvOGBM6yfKCOsEXfH96BKztZdgGmGqKi2xHnDe0ILIBraRspwgYatJH9JsCZ5HCGoCst8w18EKOAdg=="],
 
-    "@fontsource-variable/public-sans": ["@fontsource-variable/public-sans@5.2.7", "", {}, "sha512-4mvade2J3slKkvwRkS+p8T3szet/0vhWoSnuUJTVU81Uo2pRpSZY/Y8bSLRqpSwzIPxjVmRJ53oq6JKP/l/PSg=="],
-
     "@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
 
     "@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="],
@@ -67,6 +65,32 @@
 
     "@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="],
 
+    "@kurkle/color": ["@kurkle/color@0.3.4", "", {}, "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w=="],
+
+    "@napi-rs/canvas": ["@napi-rs/canvas@1.0.0", "", { "optionalDependencies": { "@napi-rs/canvas-android-arm64": "1.0.0", "@napi-rs/canvas-darwin-arm64": "1.0.0", "@napi-rs/canvas-darwin-x64": "1.0.0", "@napi-rs/canvas-linux-arm-gnueabihf": "1.0.0", "@napi-rs/canvas-linux-arm64-gnu": "1.0.0", "@napi-rs/canvas-linux-arm64-musl": "1.0.0", "@napi-rs/canvas-linux-riscv64-gnu": "1.0.0", "@napi-rs/canvas-linux-x64-gnu": "1.0.0", "@napi-rs/canvas-linux-x64-musl": "1.0.0", "@napi-rs/canvas-win32-arm64-msvc": "1.0.0", "@napi-rs/canvas-win32-x64-msvc": "1.0.0" } }, "sha512-Jqxcy1XOIqj+lH9sl1GT+il6GR3uQv13vI2mrwubP3uT8Olak2ClDrK2RnxlQKjwv8BRr4b3ug0YR7c6hBX8wg=="],
+
+    "@napi-rs/canvas-android-arm64": ["@napi-rs/canvas-android-arm64@1.0.0", "", { "os": "android", "cpu": "arm64" }, "sha512-3hNKJObUK7JsCF9aJlVCs1J0/KE/gGfZNeK8MO1ge6bB3aicr5walGme9t9No1f/oyk9GgvdAT/rjSdsx3gbIw=="],
+
+    "@napi-rs/canvas-darwin-arm64": ["@napi-rs/canvas-darwin-arm64@1.0.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-ZIja19/BiGz2puhki+WUYSRriwFeFJ8Mi9eK3hZdSS85w4Y60cuEAJVhMCfKwswQkKkUtrnzdKMBuO7TupvexA=="],
+
+    "@napi-rs/canvas-darwin-x64": ["@napi-rs/canvas-darwin-x64@1.0.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-hImggWc82jqZVpEsFR9S7PE9OQYjq/H/D7vwCGB6X1jRH+UVBP1+1niJTPBOat1B154T6GKK7/kcFtoWgjgFzQ=="],
+
+    "@napi-rs/canvas-linux-arm-gnueabihf": ["@napi-rs/canvas-linux-arm-gnueabihf@1.0.0", "", { "os": "linux", "cpu": "arm" }, "sha512-hlJRy6d+kWLKVOG/+1rEvNQVURZ0DxxRPJsLmEWwhwiXZUJc0BF5o9esALHSEP4CoJK4wChRtj3hnyBgVx2oWA=="],
+
+    "@napi-rs/canvas-linux-arm64-gnu": ["@napi-rs/canvas-linux-arm64-gnu@1.0.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-5Hru4T3RXkosRQafcjelv7AUzw9mXqmGYsxnzeDDOWveFCJyEPMSJltvGCM+jfH98seOCbfwm9KyFg6Jm5FhAA=="],
+
+    "@napi-rs/canvas-linux-arm64-musl": ["@napi-rs/canvas-linux-arm64-musl@1.0.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-LTUl9jS8WsLSUGaxQZKQkxfluOJRpgvBuxxdM4pYcjib+di8AU4OzQc6+L6SzGMLcKc9H0RAjojRatBhTMqYdg=="],
+
+    "@napi-rs/canvas-linux-riscv64-gnu": ["@napi-rs/canvas-linux-riscv64-gnu@1.0.0", "", { "os": "linux", "cpu": "none" }, "sha512-Iz931SAZf+WVDzpjk52Q3ffW3zw0YflFwEZMgs036Wfu1kX/LrwT9wGjsuSqyduqefUkl91/vTdAjn8hQu5ezA=="],
+
+    "@napi-rs/canvas-linux-x64-gnu": ["@napi-rs/canvas-linux-x64-gnu@1.0.0", "", { "os": "linux", "cpu": "x64" }, "sha512-pFEQ5eFK4JusgN1K6KkO9DKP/Hi1WMJOkF8Ch03/khTc4bFbCKkCCsJG4YcOMOW9bI4XbT2/eMAWxhO0xaWgPA=="],
+
+    "@napi-rs/canvas-linux-x64-musl": ["@napi-rs/canvas-linux-x64-musl@1.0.0", "", { "os": "linux", "cpu": "x64" }, "sha512-jnvr8NrLHiZ3NCiOKWqDbkI4Ah+QDrqtZ+sddPZBltEb1mQ2coSvCSJYfict+oAwcm0c970oTmVySpjKP/lnaA=="],
+
+    "@napi-rs/canvas-win32-arm64-msvc": ["@napi-rs/canvas-win32-arm64-msvc@1.0.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-y2j9/Gfd5joqiqxdP/L1smqjQ+uAx3C4N0EC7bDHrnZEEH8ToM/OC5p3uHvtj4Lq591aHj+ArL01UDLNwT5HgQ=="],
+
+    "@napi-rs/canvas-win32-x64-msvc": ["@napi-rs/canvas-win32-x64-msvc@1.0.0", "", { "os": "win32", "cpu": "x64" }, "sha512-qwdhh9N6Gge/hC4pL9S1tQp0iKwhSl/dYjg7+RGp9k26iRGRi5MqqUyKGOXIWli0zOcuy5Y2wIH/jk2ry6i/jA=="],
+
     "@tailwindcss/node": ["@tailwindcss/node@4.3.0", "", { "dependencies": { "@jridgewell/remapping": "^2.3.5", "enhanced-resolve": "^5.21.0", "jiti": "^2.6.1", "lightningcss": "1.32.0", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", "tailwindcss": "4.3.0" } }, "sha512-aFb4gUhFOgdh9AXo4IzBEOzBkkAxm9VigwDJnMIYv3lcfXCJVesNfbEaBl4BNgVRyid92AmdviqwBUBRKSeY3g=="],
 
     "@tailwindcss/oxide": ["@tailwindcss/oxide@4.3.0", "", { "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.3.0", "@tailwindcss/oxide-darwin-arm64": "4.3.0", "@tailwindcss/oxide-darwin-x64": "4.3.0", "@tailwindcss/oxide-freebsd-x64": "4.3.0", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.0", "@tailwindcss/oxide-linux-arm64-gnu": "4.3.0", "@tailwindcss/oxide-linux-arm64-musl": "4.3.0", "@tailwindcss/oxide-linux-x64-gnu": "4.3.0", "@tailwindcss/oxide-linux-x64-musl": "4.3.0", "@tailwindcss/oxide-wasm32-wasi": "4.3.0", "@tailwindcss/oxide-win32-arm64-msvc": "4.3.0", "@tailwindcss/oxide-win32-x64-msvc": "4.3.0" } }, "sha512-F7HZGBeN9I0/AuuJS5PwcD8xayx5ri5GhjYUDBEVYUkexyA/giwbDNjRVrxSezE3T250OU2K/wp/ltWx3UOefg=="],
@@ -99,24 +123,52 @@
 
     "@types/node": ["@types/node@25.9.3", "", { "dependencies": { "undici-types": ">=7.24.0 <7.24.7" } }, "sha512-603BddQMv3pUcr4U2dhujk83N2tTDVr/34wII2B6bJy6g+8WD6yUb11jszNs0gdi4PesVWl7ABt8nYMVpnLUcg=="],
 
+    "@types/qrcode": ["@types/qrcode@1.5.6", "", { "dependencies": { "@types/node": "*" } }, "sha512-te7NQcV2BOvdj2b1hCAHzAoMNuj65kNBMz0KBaxM6c3VGBOhU0dURQKOtH8CFNI/dsKkwlv32p26qYQTWoB5bw=="],
+
     "@weasyprint-tsx/build": ["@weasyprint-tsx/build@workspace:packages/build"],
 
     "@weasyprint-tsx/create": ["@weasyprint-tsx/create@workspace:packages/create"],
 
     "@weasyprint-tsx/ui": ["@weasyprint-tsx/ui@workspace:packages/ui"],
 
+    "ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
+
+    "ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],
+
     "bun-types": ["bun-types@1.3.14", "", { "dependencies": { "@types/node": "*" } }, "sha512-4N0ig0fEomHt5R0KCFWjovxow98rIoRwKolrYdCcknNwMekCXRnWEUvgu5soYV8QXtVsrUD8B95MBOZGPvr6KQ=="],
 
+    "camelcase": ["camelcase@5.3.1", "", {}, "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="],
+
+    "chart.js": ["chart.js@4.5.1", "", { "dependencies": { "@kurkle/color": "^0.3.0" } }, "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw=="],
+
+    "cliui": ["cliui@6.0.0", "", { "dependencies": { "string-width": "^4.2.0", "strip-ansi": "^6.0.0", "wrap-ansi": "^6.2.0" } }, "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ=="],
+
+    "color-convert": ["color-convert@2.0.1", "", { "dependencies": { "color-name": "~1.1.4" } }, "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ=="],
+
+    "color-name": ["color-name@1.1.4", "", {}, "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="],
+
     "commander": ["commander@8.3.0", "", {}, "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww=="],
 
+    "decamelize": ["decamelize@1.2.0", "", {}, "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA=="],
+
     "detect-libc": ["detect-libc@2.1.2", "", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="],
 
+    "dijkstrajs": ["dijkstrajs@1.0.3", "", {}, "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA=="],
+
+    "emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
+
     "enhanced-resolve": ["enhanced-resolve@5.24.0", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.3.3" } }, "sha512-SkE2t82KlkkxQRVMVLAGKxLfORGQfrkx5dkj+vlgXRVNEdPc4eZcR+J/Fvj8C+yKSFH5L0q3NFlyufOVQnCcYQ=="],
 
+    "find-up": ["find-up@4.1.0", "", { "dependencies": { "locate-path": "^5.0.0", "path-exists": "^4.0.0" } }, "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw=="],
+
+    "get-caller-file": ["get-caller-file@2.0.5", "", {}, "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="],
+
     "graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
 
     "highlight.js": ["highlight.js@11.11.1", "", {}, "sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w=="],
 
+    "is-fullwidth-code-point": ["is-fullwidth-code-point@3.0.0", "", {}, "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="],
+
     "jiti": ["jiti@2.7.0", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ=="],
 
     "katex": ["katex@0.16.47", "", { "dependencies": { "commander": "^8.3.0" }, "bin": { "katex": "cli.js" } }, "sha512-Eeo8Ys1doU1z+x8AZsPpQu+p/QcZBI5PeOo7QGQdy2x2m0MU/hYagBbGOmXwr5KVbEfVuWv9LpnQWeehogurjg=="],
@@ -145,12 +197,24 @@
 
     "lightningcss-win32-x64-msvc": ["lightningcss-win32-x64-msvc@1.32.0", "", { "os": "win32", "cpu": "x64" }, "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q=="],
 
+    "locate-path": ["locate-path@5.0.0", "", { "dependencies": { "p-locate": "^4.1.0" } }, "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g=="],
+
     "magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
 
     "nanoid": ["nanoid@3.3.12", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ=="],
 
+    "p-limit": ["p-limit@2.3.0", "", { "dependencies": { "p-try": "^2.0.0" } }, "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w=="],
+
+    "p-locate": ["p-locate@4.1.0", "", { "dependencies": { "p-limit": "^2.2.0" } }, "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A=="],
+
+    "p-try": ["p-try@2.2.0", "", {}, "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="],
+
+    "path-exists": ["path-exists@4.0.0", "", {}, "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="],
+
     "picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
 
+    "pngjs": ["pngjs@5.0.0", "", {}, "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw=="],
+
     "postcss": ["postcss@8.5.15", "", { "dependencies": { "nanoid": "^3.3.12", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A=="],
 
     "postcss-custom-properties": ["postcss-custom-properties@15.0.1", "", { "dependencies": { "@csstools/cascade-layer-name-parser": "^3.0.0", "@csstools/css-parser-algorithms": "^4.0.0", "@csstools/css-tokenizer": "^4.0.0", "@csstools/utilities": "^3.0.0", "postcss-value-parser": "^4.2.0" }, "peerDependencies": { "postcss": "^8.4" } }, "sha512-cuyq8sd8dLY0GLbelz1KB8IMIoDECo6RVXMeHeXY2Uw3Q05k/d1GVITdaKLsheqrHbnxlwxzSRZQQ5u+rNtbMg=="],
@@ -161,14 +225,36 @@
 
     "preact-render-to-string": ["preact-render-to-string@6.7.0", "", { "peerDependencies": { "preact": ">=10 || >= 11.0.0-0" } }, "sha512-Z4WR8fmLMRpdYqJ9i7vrlXSsSrxVJydwrkEXHapexfARbWfGb7vGcnvNQnIzN0cXciMVOlz/XLoiMCi9gUsy9Q=="],
 
+    "qrcode": ["qrcode@1.5.4", "", { "dependencies": { "dijkstrajs": "^1.0.1", "pngjs": "^5.0.0", "yargs": "^15.3.1" }, "bin": { "qrcode": "bin/qrcode" } }, "sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg=="],
+
+    "require-directory": ["require-directory@2.1.1", "", {}, "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q=="],
+
+    "require-main-filename": ["require-main-filename@2.0.0", "", {}, "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="],
+
+    "set-blocking": ["set-blocking@2.0.0", "", {}, "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="],
+
     "source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
 
+    "string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
+
+    "strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
+
     "tailwindcss": ["tailwindcss@4.3.0", "", {}, "sha512-y6nxMGB1nMW9R6k96e5gdIFzcfL/gTJRNaqGes1YvkLnPVXzWgbqFF2yLC0T8G774n24cx3Pe8XrKoniCOAH+Q=="],
 
     "tapable": ["tapable@2.3.3", "", {}, "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A=="],
 
     "undici-types": ["undici-types@7.24.6", "", {}, "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg=="],
 
+    "which-module": ["which-module@2.0.1", "", {}, "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ=="],
+
+    "wrap-ansi": ["wrap-ansi@6.2.0", "", { "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", "strip-ansi": "^6.0.0" } }, "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA=="],
+
+    "y18n": ["y18n@4.0.3", "", {}, "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="],
+
+    "yargs": ["yargs@15.4.1", "", { "dependencies": { "cliui": "^6.0.0", "decamelize": "^1.2.0", "find-up": "^4.1.0", "get-caller-file": "^2.0.1", "require-directory": "^2.1.1", "require-main-filename": "^2.0.0", "set-blocking": "^2.0.0", "string-width": "^4.2.0", "which-module": "^2.0.0", "y18n": "^4.0.0", "yargs-parser": "^18.1.2" } }, "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A=="],
+
+    "yargs-parser": ["yargs-parser@18.1.3", "", { "dependencies": { "camelcase": "^5.0.0", "decamelize": "^1.2.0" } }, "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ=="],
+
     "@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.11.0", "", { "dependencies": { "@emnapi/wasi-threads": "1.2.2", "tslib": "^2.4.0" }, "bundled": true }, "sha512-l9Oo58x0HOP5znGzVhYW9U3e5wVuA4LAZU2AGezTmkhO1CgQRFDhDg4nneHsu/t3WniXg9QrG2nIXL/ZS8ln8Q=="],
 
     "@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.11.0", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-55coeOFKHv1ywEcUXJtWU5f+Jr/W5tZDvZig8DLKSwUN1JpROQ4rk/SNOQiFWmaR/VKF4zuFyW1B8JduOSv6Pg=="],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weasyprint-tsx",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "bin": {
     "create-weasyprint-tsx": "bun packages/create/cli.ts",
     "build-weasyprint-tsx": "bun packages/build/src/cli.ts"

package/packages/build/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weasyprint-tsx/build",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "main": "./src/index.ts",
   "exports": { ".": "./src/index.ts" },
   "types": "./src/index.ts",

package/packages/build/src/orchestrator.ts

@@ -46,7 +46,7 @@ export async function devMode(output?: string) {
 
   WATCH_DIRS.forEach((dir) =>
     watch(dir, { recursive: true }, async (_, f) => {
-      process.stdout.write(`file changed ${f}`);
+      process.stdout.write(`file changed ${f}\n`);
       await rebuild();
     }),
   );

package/packages/create/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weasyprint-tsx/create",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "bin": {
     "create-weasyprint-tsx": "cli.js"
   },

package/packages/create/template/AGENT.md

@@ -114,6 +114,5 @@ See the full API: https://github.com/weasyprint-tsx/weasyprint-tsx/blob/main/pac
 - **No `@media screen`** — the document is rendered in print media; use `@media print` or no media query
 - **Page geometry** belongs in `@page` rules, not on `html` or `body`
 - **All layout** should use CSS that WeasyPrint supports. Flexbox and CSS Grid have partial support — prefer block layout or the `BlockBox`/`Block` components for multi-column content
-- **Components are Preact**, not React — use `class` not `className` for raw HTML elements (Preact accepts both, but prefer `class`)
 - **Images** must be embedded as base64 data URIs or served by the dev server; external URLs may not resolve during build
 - **Fonts** must be declared in CSS with `@font-face` or imported via Tailwind; Google Fonts CDN links work at build time

package/packages/create/template/src/index.tsx

@@ -1,7 +1,6 @@
+import { Chart, H1, H2, LI, UL } from "@weasyprint-tsx/ui";
 import "./index.css";
 
-import { H1, H2, LI, UL } from "@weasyprint-tsx/ui";
-
 export default function Document() {
   return (
     <html lang="en">
@@ -13,12 +12,33 @@ export default function Document() {
       <body>
         <H1>My Document</H1>
         <H2>Introduction</H2>
-        <p>Edit <code>src/index.tsx</code> to start writing your document.</p>
+        <p>
+          Edit <code>src/index.tsx</code> to start writing your document.
+        </p>
         <UL>
-          <LI>Use components from <code>@weasyprint-tsx/ui</code></LI>
-          <LI>Style with Tailwind utility classes or plain CSS in <code>src/index.css</code></LI>
-          <LI>Run <code>bun run dev</code> for live preview</LI>
+          <LI>
+            Use components from <code>@weasyprint-tsx/ui</code>
+          </LI>
+          <LI>
+            Style with Tailwind utility classes or plain CSS in{" "}
+            <code>src/index.css</code>
+          </LI>
+          <LI>
+            Run <code>bun run dev</code> for live preview
+          </LI>
         </UL>
+        <H2>Chart Example</H2>
+        <Chart
+          config={{
+            type: "bar",
+            data: {
+              labels: ["Jan", "Feb", "Mar"],
+              datasets: [{ label: "Sales", data: [12, 8, 21] }],
+            },
+          }}
+          width={600}
+          height={300}
+        />
       </body>
     </html>
   );

package/packages/ui/README.md

@@ -276,3 +276,77 @@ LaTeX equation rendering via KaTeX.
 | `displayMode` | `boolean` | `false` | Render as block-level equation |
 | `aligned` | `boolean` | `false` | Wrap in `\begin{aligned}…\end{aligned}` |
 | `chemical` | `boolean` | `false` | Wrap in `\ce{…}` for chemical notation |
+
+---
+
+## Chart
+
+Renders a [chart.js](https://www.chartjs.org/) chart server-side as a base64-encoded PNG `<img>`.
+
+### `Chart`
+
+```tsx
+import type { ChartConfiguration } from "chart.js";
+import { Chart } from "@weasyprint-tsx/ui";
+
+const config: ChartConfiguration = {
+  type: "bar",
+  data: {
+    labels: ["Jan", "Feb", "Mar"],
+    datasets: [{ label: "Sales", data: [12, 8, 21] }],
+  },
+};
+
+<Chart config={config} width={600} height={300} />
+```
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `config` | `ChartConfiguration` | — | chart.js configuration object |
+| `width` | `number` | `800` | Canvas width in pixels |
+| `height` | `number` | `500` | Canvas height in pixels |
+| `...rest` | `Omit<ComponentProps<"img">, "src">` | — | All standard `<img>` attributes except `src` |
+
+---
+
+### `chartFunction`
+
+Samples a numeric function into a data array for chart datasets. Produces `sample + 1` values evaluated at `n * step` for `n` in `0..sample`.
+
+```ts
+chartFunction(func, options?)
+```
+
+| Param | Type | Default | Description |
+|-------|------|---------|-------------|
+| `func` | `(n: number) => number` | — | Function to sample |
+| `options.step` | `number` | `1` | Multiplier applied to the index before calling `func` |
+| `options.sample` | `number` | `100` | Number of intervals (yields `sample + 1` points) |
+
+```tsx
+import { Chart, chartFunction } from "@weasyprint-tsx/ui";
+
+<Chart config={{
+  type: "line",
+  data: {
+    labels: chartFunction(n => n, { step: 0.1 }),
+    datasets: [{ label: "sin(x)", data: chartFunction(Math.sin, { step: 0.1 }) }],
+  },
+}} />
+```
+
+---
+
+### `labelFunction`
+
+Same as `chartFunction` but the sampling function may return a `number` or `string`. Use to generate axis labels.
+
+```ts
+labelFunction(func, options?)
+```
+
+| Param | Type | Default | Description |
+|-------|------|---------|-------------|
+| `func` | `(n: number) => number \| string` | — | Function to sample |
+| `options.step` | `number` | `1` | Multiplier applied to the index |
+| `options.sample` | `number` | `100` | Number of intervals (yields `sample + 1` values) |

package/packages/ui/package.json

@@ -1,12 +1,18 @@
 {
   "name": "@weasyprint-tsx/ui",
-  "version": "0.1.7",
+  "version": "0.1.14",
   "exports": {
     ".": "./src/index.ts"
   },
   "types": "./src/index.ts",
   "dependencies": {
+    "@napi-rs/canvas": "^1.0.0",
+    "chart.js": "^4.5.1",
     "highlight.js": "11.11.1",
-    "katex": "^0.16.47"
+    "katex": "^0.16.47",
+    "qrcode": "^1.5.4"
+  },
+  "devDependencies": {
+    "@types/qrcode": "^1.5.6"
   }
 }

package/packages/ui/src/Chart.tsx

@@ -0,0 +1,54 @@
+import { createCanvas } from "@napi-rs/canvas";
+import type { ChartConfiguration } from "chart.js";
+import { Chart as ChartJS } from "chart.js/auto";
+import { ComponentProps } from "preact";
+
+export interface ChartProps extends Omit<ComponentProps<"img">, "src"> {
+  config: ChartConfiguration;
+  width?: number;
+  height?: number;
+}
+
+export function Chart({
+  config,
+  width = 800,
+  height = 500,
+  ...props
+}: ChartProps) {
+  const canvas = createCanvas(width, height);
+
+  const chart = new ChartJS(canvas as unknown as HTMLCanvasElement, {
+    ...config,
+    options: {
+      ...config.options,
+      animation: false,
+      responsive: false,
+    },
+  });
+
+  const dataUrl = `data:image/png;base64,${canvas.toBuffer("image/png").toString("base64")}`;
+  chart.destroy();
+
+  return <img src={dataUrl} width={width} height={height} {...props} />;
+}
+
+type FunctionOptions = {
+  step?: number;
+  sample?: number;
+};
+
+export function chartFunction(
+  func: (n: number) => number,
+  options?: FunctionOptions,
+) {
+  const { sample = 100, step = 1 } = options ?? {};
+  return Array.from({ length: sample + 1 }, (_, n) => func(n * step));
+}
+
+export function labelFunction(
+  func: (n: number) => number | string,
+  options?: FunctionOptions
+) {
+  const { sample = 100, step = 1 } = options ?? {};
+  return Array.from({ length: sample + 1 }, (_, n) => func(n * step));
+}

package/packages/ui/src/Equation.tsx

@@ -5,7 +5,10 @@ import { ComponentProps } from "preact";
 import styles from "./Equation.module.css";
 import { joinClasses } from "./utils";
 
-export interface EquationProps extends Omit<ComponentProps<"span">, "children"> {
+export interface EquationProps extends Omit<
+  ComponentProps<"span">,
+  "children"
+> {
   tex: string;
   displayMode?: boolean;
   aligned?: boolean;
@@ -71,10 +74,10 @@ export function functionFactory(txt: string, init: string = "x") {
 
 function formatNumber(tex: string | undefined) {
   if (!tex) return "";
-  return tex.replace(/\d+(?:\.\d+)?/g, (match) => {
-    const [intPart, decPart] = match.split(".");
+  return tex.replace(/(?:\d{4,}(?:[\.|\,]\d+)?|\d+[\.|\,]\d{4,})/g, (match) => {
+    const [intPart, decPart] = match.split(/\.|\,/);
     const formattedInt = intPart.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1\\,");
-    if (decPart === undefined) return formattedInt;
+    if (decPart === undefined) return `${formattedInt}\\:`;
     const formattedDec = decPart.replace(/(\d{3})(?=\d)/g, "$1\\,");
     return `${formattedInt},${formattedDec}\\:`;
   });

package/packages/ui/src/QrCode.tsx

@@ -0,0 +1,53 @@
+import { createCanvas } from "@napi-rs/canvas";
+import { ComponentProps } from "preact";
+import { create as createQR } from "qrcode";
+
+export interface QrCodeProps extends Omit<ComponentProps<"img">, "src"> {
+  href: string;
+  size?: number;
+  margin?: number;
+  color?: string;
+  bgColor?: string;
+}
+
+export function QrCode({
+  color = "#000",
+  bgColor = "transparent",
+  href,
+  size = 200,
+  margin = 4,
+  ...props
+}: QrCodeProps) {
+  const qr = createQR(href);
+  const moduleCount = qr.modules.size;
+  const cellSize = Math.floor((size - margin * 2) / moduleCount);
+  const actualSize = cellSize * moduleCount + margin * 2;
+
+  const canvas = createCanvas(actualSize, actualSize);
+  const ctx = canvas.getContext("2d");
+
+  ctx.fillStyle = bgColor;
+  ctx.fillRect(0, 0, actualSize, actualSize);
+
+  ctx.fillStyle = color;
+  for (let row = 0; row < moduleCount; row++) {
+    for (let col = 0; col < moduleCount; col++) {
+      if (qr.modules.get(row, col)) {
+        ctx.fillRect(
+          margin + col * cellSize,
+          margin + row * cellSize,
+          cellSize,
+          cellSize,
+        );
+      }
+    }
+  }
+
+  const dataUrl = `data:image/png;base64,${canvas.toBuffer("image/png").toString("base64")}`;
+
+  return (
+    <a href={href}>
+      <img src={dataUrl} width={actualSize} height={actualSize} {...props} />
+    </a>
+  );
+}

package/packages/ui/src/index.ts

@@ -1,3 +1,5 @@
+export { Chart, chartFunction, labelFunction } from "./Chart";
+export type { ChartProps } from "./Chart";
 export { Block, BlockBox } from "./BlockBox";
 export type { BlockBoxProps, BlockProps } from "./BlockBox";
 export { CodeBlock } from "./CodeBlock";
@@ -18,6 +20,8 @@ export { Stack } from "./Stack";
 export type { StackProps } from "./Stack";
 export { Entry, Table } from "./Table";
 export type { TableEntryProps, TableProps } from "./Table";
+export { QrCode } from "./QrCode";
+export type { QrCodeProps } from "./QrCode";
 export { H1, H2, H3, H4, H5, H6, ResetCounter, Title } from "./Titles";
 export type { Hprops, Htype, TitleProps } from "./Titles";
 export * from "./utils";

package/testUI/index.tsx

@@ -1,4 +1,4 @@
-import { Eq, Equation, functionFactory } from "@weasyprint-tsx/ui";
+import { Equation, functionFactory, LtX, QrCode } from "@weasyprint-tsx/ui";
 import "./index.css";
 
 const S = functionFactory("S" , "x")
@@ -11,11 +11,14 @@ export default function Document() {
         <title>weasyprint-tsx</title>
         <link rel="stylesheet" href="index.css" />
       </head>
-      <body>
+      <body className="bg-red-500">
         <Equation tex="C_m = 50000.0000000000000000001 g/L"></Equation>
-        <Eq>151545312313513.13543545345343 a151515131 .13513513</Eq>
+        <Equation tex="C_{1000} = 151545312313513.13543545345343 g/L"></Equation>
+        <LtX>151545312313513.13543545345343</LtX>
         <S/>
         <S>g</S>
+
+        <QrCode className="w-1/4" size={50} href="https://fr.wikipedia.org/wiki/Fichier:Laser,_principe_de_fonctionnement.ogv"/>
       </body>
     </html>
   );