chore(deps-js): update all pnpm dependencies

.prettierignore

@@ -32,3 +32,14 @@ docs/static/js/api.json
 docs/docs/js/api/
 example-apps/react-js/src/data/contributor-credits.json
 third_party/
+.venv
+.img2num-state
+.npmrc
+LICENSE*
+example-apps/*-py/
+example-apps/*-cpp/
+example-apps/*-c/
+bindings/py/
+bindings/c/
+packages/py
+docs/static/

.prettierrc

@@ -1 +1,10 @@
-{}
+{
+  "overrides": [
+    {
+      "files": ["docs/**/*.md"],
+      "options": {
+        "parser": "mdx"
+      }
+    }
+  ]
+}

bindings/c/src/cimg2num.cpp

@@ -1,10 +1,10 @@
 #include "cimg2num.h"
 
+#include <cstring>
+
 #include "img2num.h"
 #include "img2num/Error.h"
 
-#include <cstring>
-
 extern "C" {
 
 void img2num_gaussian_blur_fft(uint8_t *image, size_t width, size_t height, double sigma) {

bindings/py/src/img2num_pybind.cpp

@@ -22,8 +22,8 @@ PYBIND11_MODULE(_img2num, m) {
             img2num::gaussian_blur_fft(out_image.mutable_data(), width, height, sigma);
             return out_image;
         },
-        pybind11::arg("image"), pybind11::arg("width"), pybind11::arg("height"), pybind11::arg("sigma"),
-        "Apply Gaussian blur using FFT");
+        pybind11::arg("image"), pybind11::arg("width"), pybind11::arg("height"),
+        pybind11::arg("sigma"), "Apply Gaussian blur using FFT");
 
     m.def(
         "invert_image",
@@ -48,8 +48,8 @@ PYBIND11_MODULE(_img2num, m) {
             img2num::threshold_image(out_image.mutable_data(), width, height, num_thresholds);
             return out_image;
         },
-        pybind11::arg("image"), pybind11::arg("width"), pybind11::arg("height"), pybind11::arg("num_thresholds"),
-        "Apply thresholding to the image");
+        pybind11::arg("image"), pybind11::arg("width"), pybind11::arg("height"),
+        pybind11::arg("num_thresholds"), "Apply thresholding to the image");
 
     m.def(
         "black_threshold_image",
@@ -62,8 +62,8 @@ PYBIND11_MODULE(_img2num, m) {
             img2num::black_threshold_image(out_image.mutable_data(), width, height, num_thresholds);
             return out_image;
         },
-        pybind11::arg("image"), pybind11::arg("width"), pybind11::arg("height"), pybind11::arg("num_thresholds"),
-        "Apply black thresholding to the image");
+        pybind11::arg("image"), pybind11::arg("width"), pybind11::arg("height"),
+        pybind11::arg("num_thresholds"), "Apply black thresholding to the image");
 
     m.def(
         "bilateral_filter",
@@ -74,17 +74,17 @@ PYBIND11_MODULE(_img2num, m) {
             std::memcpy(out_image.mutable_data(), buf.ptr, buf.size * sizeof(uint8_t));
 
             img2num::bilateral_filter(out_image.mutable_data(), width, height, sigma_spatial,
-                                     sigma_range, color_space);
+                                      sigma_range, color_space);
             return out_image;
         },
-        pybind11::arg("image"), pybind11::arg("width"), pybind11::arg("height"), pybind11::arg("sigma_spatial"),
-        pybind11::arg("sigma_range"), pybind11::arg("color_space"),
+        pybind11::arg("image"), pybind11::arg("width"), pybind11::arg("height"),
+        pybind11::arg("sigma_spatial"), pybind11::arg("sigma_range"), pybind11::arg("color_space"),
         "Apply bilateral filter");
 
     m.def(
         "kmeans",
-        [](pybind11::array_t<uint8_t, pybind11::array::c_style> data, int32_t width, int32_t height, int32_t k,
-           int32_t max_iter, uint8_t color_space) {
+        [](pybind11::array_t<uint8_t, pybind11::array::c_style> data, int32_t width, int32_t height,
+           int32_t k, int32_t max_iter, uint8_t color_space) {
             pybind11::buffer_info data_buf = data.request();
 
             // Allocate NumPy arrays for the outputs
@@ -96,28 +96,28 @@ PYBIND11_MODULE(_img2num, m) {
 
             // Call C function
             img2num::kmeans(static_cast<const uint8_t*>(data_buf.ptr), out_data_ptr, out_labels_ptr,
-                           width, height, k, max_iter, color_space);
+                            width, height, k, max_iter, color_space);
 
             // Return a tuple of (out_data, out_labels)
             return pybind11::make_tuple(out_data, out_labels);
         },
-        pybind11::arg("data"), pybind11::arg("width"), pybind11::arg("height"), pybind11::arg("k"), pybind11::arg("max_iter"),
-        pybind11::arg("color_space"),
+        pybind11::arg("data"), pybind11::arg("width"), pybind11::arg("height"), pybind11::arg("k"),
+        pybind11::arg("max_iter"), pybind11::arg("color_space"),
         "Run K-Means clustering. Returns a tuple: (quantized_image, labels_array)");
 
     m.def(
         "labels_to_svg",
         [](pybind11::array_t<uint8_t, pybind11::array::c_style> data,
-           pybind11::array_t<int32_t, pybind11::array::c_style> labels, int width, int height, int min_area) {
-
+           pybind11::array_t<int32_t, pybind11::array::c_style> labels, int width, int height,
+           int min_area) {
             const uint8_t* data_ptr{static_cast<const uint8_t*>(data.request().ptr)};
             const int32_t* labels_ptr{static_cast<const int32_t*>(labels.request().ptr)};
-            
+
             std::string svg{img2num::labels_to_svg(data_ptr, labels_ptr, width, height, min_area)};
             pybind11::str svg_py_str(std::move(svg));
-            
+
             return svg_py_str;
         },
-        pybind11::arg("data"), pybind11::arg("labels"), pybind11::arg("width"), pybind11::arg("height"),
-        pybind11::arg("min_area"), "Convert labels to SVG string");
+        pybind11::arg("data"), pybind11::arg("labels"), pybind11::arg("width"),
+        pybind11::arg("height"), pybind11::arg("min_area"), "Convert labels to SVG string");
 }

core/include/img2num.h

@@ -38,8 +38,8 @@ void bilateral_filter(uint8_t *image, size_t width, size_t height, double sigma_
                       double sigma_range, uint8_t color_space);
 
 /// @copydoc IMG2NUM_H_LABELS_TO_SVG_DOC
-std::string labels_to_svg(const uint8_t *data, const int32_t *labels, const int width, const int height,
-                    const int min_area);
+std::string labels_to_svg(const uint8_t *data, const int32_t *labels, const int width,
+                          const int height, const int min_area);
 }  // namespace img2num
 
 #endif  // IMG2NUM_H

core/src/internal/labels_to_svg.cpp

@@ -186,8 +186,8 @@ format ([r,g,b,a, r,g,b,a, ...]) labels: int32_t* -> output of labelled regions
 from K-Means, should be 1/4 the size of data since data is RGBA labels : width *
 height : number of pixels in image = 1 : 1 : 1
 */
-std::string labels_to_svg(const uint8_t *data, const int32_t *labels, const int width, const int height,
-                    const int min_area) {
+std::string labels_to_svg(const uint8_t *data, const int32_t *labels, const int width,
+                          const int height, const int min_area) {
     const int32_t num_pixels{width * height};
     std::vector<int32_t> labels_vector{labels, labels + num_pixels};
     std::vector<int32_t> region_labels;

docs/blog/2025-12-05-launch.md

@@ -7,7 +7,7 @@ tags: [launch, tutorial]
 
 We are excited to launch **Img2Num**, the interactive app that converts any image into a color-by-number template.
 
-<!-- truncate -->
+{/* truncate */}
 
 Try it out online at [https://ryan-millard.github.io/Img2Num/](https://ryan-millard.github.io/Img2Num/) and start coloring your favorite images today!
 

docs/docs/c/api-reference.md

@@ -6,16 +6,25 @@ description: >
   for easier navigation and code browsing.
 ---
 
-import FullscreenIframe from '@site/src/components/FullscreenIframe';
+import FullscreenIframe from "@site/src/components/FullscreenIframe";
+
+export const DocsLink = () => (
+  <a
+    href="/Img2Num/info/docs/c/api/"
+    onClick={(e) => {
+      e.preventDefault();
+      window.location.href = "/Img2Num/info/docs/c/api/";
+    }}
+  >
+    {" "}
+    Doxygen documentation{" "}
+  </a>
+);
 
 > Don't like iframes?
-> Visit the{' '}
-> <a href="/Img2Num/info/docs/c/api/" onClick={(e) => { e.preventDefault(); window.location.href = "/Img2Num/info/docs/c/api/"; }}> Doxygen documentation </a>{' '} directly.
+> Visit the{' '} <DocsLink /> directly.
 
-<FullscreenIframe
-  src="/Img2Num/info/docs/c/api/"
-  title="C API Reference (Doxygen)"
-/>
+<FullscreenIframe src="/Img2Num/info/docs/c/api/" title="C API Reference (Doxygen)" />
 
 ## About this page
 

docs/docs/c/docs/index.md

@@ -1,6 +1,6 @@
 # Docs
 
-import Hedgehog from '@site/src/components/Hedgehog';
+import Hedgehog from "@site/src/components/Hedgehog";
 
 :::danger Help Wanted!
 We need help with writing manual docs.

docs/docs/c/index.md

@@ -4,12 +4,12 @@ sidebar_label: C
 sidebar_position: 3
 ---
 
-<!--DO NOT CHANGE THE TITLE (see @site/src/md/_partials/IntsallingCoreOrCFromSrc.md and the C++ version of this page to understand why-->
+{/* DO NOT CHANGE THE TITLE (see @site/src/md/_partials/IntsallingCoreOrCFromSrc.md and the C++ version of this page to understand why */}
 
-import Features from '@site/src/md/\_partials/library-features.md';
+import Features from "@site/src/md/\_partials/library-features.md";
 
 <Features />
 
-import InstallingCoreOrCFromSrc from '@site/src/md/\_partials/IntsallingCoreOrCFromSrc.md';
+import InstallingCoreOrCFromSrc from "@site/src/md/\_partials/IntsallingCoreOrCFromSrc.md";
 
 <InstallingCoreOrCFromSrc />

docs/docs/contributing/setup-and-dependencies/index.md

@@ -5,8 +5,8 @@ sidebar_label: 🛠️ Setup & Dependencies
 sidebar_position: 1
 ---
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
 
 ## Prerequisites
 
@@ -67,12 +67,14 @@ values={[
 </Tabs>
 
 :::info About the `img2num` script
+
 It is a thin wrapper around Docker and pnpm that allows you to conveniently run scripts inside the Docker environment.
 
 > See [img2num](https://github.com/Ryan-Millard/Img2Num/blob/main/example-apps/react-js/src/components/WasmImageProcessor.jsx),
 > [img2num.ps1](https://github.com/Ryan-Millard/Img2Num/blob/main/img2num.ps1),
 > and [img2num.bat](https://github.com/Ryan-Millard/Img2Num/blob/main/img2num.bat).
-> :::
+
+:::
 
 ### Using the Docker wrapper script
 
@@ -115,27 +117,16 @@ In future docs, assume that the commands are to be run in the Docker terminal.
 
 - `./img2num pnpm <args>` is a proxy to pnpm inside the Docker container's shell.
   <Tabs
-  defaultValue="root"
-  values={[
-  { label: 'Root', value: 'root' },
-  { label: 'Docs', value: 'docs' },
-  { label: 'React Example App', value: 'react-example' },
-  ]}>
-  <TabItem value="root">
-  `bash title="Fuzzy find scripts local to the root project"
-./img2num pnpm run help
-`
-  </TabItem>
-  <TabItem value="docs">
-  `bash title="Fuzzy find scripts local to the documentation"
-./img2num pnpm run -F docs help
-`
-  </TabItem>
-  <TabItem value="react-example">
-  `bash title="Fuzzy find scripts local to the React Example app"
-./img2num pnpm run -F react-example help
-`
-  </TabItem>
+    defaultValue="root"
+    values={[
+      { label: "Root", value: "root" },
+      { label: "Docs", value: "docs" },
+      { label: "React Example App", value: "react-example" },
+    ]}
+  >
+    <TabItem value="root">`bash title="Fuzzy find scripts local to the root project" ./img2num pnpm run help `</TabItem>
+    <TabItem value="docs">`bash title="Fuzzy find scripts local to the documentation" ./img2num pnpm run -F docs help `</TabItem>
+    <TabItem value="react-example">`bash title="Fuzzy find scripts local to the React Example app" ./img2num pnpm run -F react-example help `</TabItem>
   </Tabs>
 - `./img2num sh`, `./img2num shell`, and `./img2num bash` all open the Docker container's interactive terminal.
 
@@ -191,8 +182,9 @@ cmake --install build
 :::info JavaScript Prerequisite
 Excluding the documentation and CLI scripts, compiling the library to WASM is required before using the JavaScript library.
 
-> The example apps depend on the library, so they will also fail if you have not compiled the WASM.
-> :::
+The example apps depend on the library, so they will also fail if you have not compiled the WASM.
+
+:::
 
 This compiles the core C++ image processing library to WebAssembly using Emscripten.
 

docs/docs/cpp/api-reference.md

@@ -6,16 +6,25 @@ description: >
   for easier navigation and code browsing.
 ---
 
-import FullscreenIframe from '@site/src/components/FullscreenIframe';
+import FullscreenIframe from "@site/src/components/FullscreenIframe";
+
+export const DocsLink = () => (
+  <a
+    href="/Img2Num/info/docs/cpp/api/"
+    onClick={(e) => {
+      e.preventDefault();
+      window.location.href = "/Img2Num/info/docs/cpp/api/";
+    }}
+  >
+    {" "}
+    Doxygen documentation{" "}
+  </a>
+);
 
 > Don't like iframes?
-> Visit the{' '}
-> <a href="/Img2Num/info/docs/cpp/api/" onClick={(e) => { e.preventDefault(); window.location.href = "/Img2Num/info/docs/cpp/api/"; }}> Doxygen documentation </a>{' '} directly.
+> Visit the{' '} <DocsLink /> directly.
 
-<FullscreenIframe
-  src="/Img2Num/info/docs/cpp/api/"
-  title="C++ API Reference (Doxygen)"
-/>
+<FullscreenIframe src="/Img2Num/info/docs/cpp/api/" title="C++ API Reference (Doxygen)" />
 
 ## About this page
 

docs/docs/cpp/docs/index.md

@@ -1,6 +1,6 @@
 # Docs
 
-import Hedgehog from '@site/src/components/Hedgehog';
+import Hedgehog from "@site/src/components/Hedgehog";
 
 :::danger Help Wanted!
 We need help with writing manual docs.

docs/docs/cpp/index.md

@@ -4,12 +4,12 @@ sidebar_label: C++
 sidebar_position: 2
 ---
 
-<!--DO NOT CHANGE THE TITLE (see @site/src/md/_partials/IntsallingCoreOrCFromSrc.md and the C version of this page to understand why-->
+{/* DO NOT CHANGE THE TITLE (see @site/src/md/_partials/IntsallingCoreOrCFromSrc.md and the C version of this page to understand why */}
 
-import Features from '@site/src/md/\_partials/library-features.md';
+import Features from "@site/src/md/\_partials/library-features.md";
 
 <Features />
 
-import InstallingCoreOrCFromSrc from '@site/src/md/\_partials/IntsallingCoreOrCFromSrc.md';
+import InstallingCoreOrCFromSrc from "@site/src/md/\_partials/IntsallingCoreOrCFromSrc.md";
 
 <InstallingCoreOrCFromSrc />

docs/docs/internal/example-apps/console-c-and-console-cpp/index.md

@@ -37,8 +37,8 @@ The application needs to be compiled beforehand, so make sure to follow the inst
 Once built, you can run the applications as shown below.
 :::
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
 
 <Tabs defaultValue="cpp">
 <TabItem value="cpp" label="C++ console app">

docs/docs/internal/example-apps/react-js/css/global/variables/theme/dark.md

@@ -6,7 +6,7 @@ sidebar_position: 2
 
 Defined inside `:root.dark { ... }` in `/src/global-styles/variables.css`.
 
-import ColorSwatch from '@site/src/components/ColorSwatch';
+import ColorSwatch from "@site/src/components/ColorSwatch";
 
 ## Colors — Dark mode (Deep Forest Night)
 

docs/docs/internal/example-apps/react-js/css/global/variables/theme/light.md

@@ -6,7 +6,7 @@ sidebar_position: 1
 
 Defined inside `:root.light { ... }` in `/src/global-styles/variables.css`.
 
-import ColorSwatch from '@site/src/components/ColorSwatch';
+import ColorSwatch from "@site/src/components/ColorSwatch";
 
 ## Colors — Light mode (Warm Hedgehog Palette)
 

docs/docs/internal/packages/js/index.md

@@ -23,8 +23,8 @@ All data is copied between JavaScript and WASM - this avoids unexpected use-afte
 
 ### Key responsibilities
 
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
 
 <Tabs groupId="wasm-worker" defaultValue="flow">
 <TabItem value="flow" label="Flow diagram">