chore: update deps

.github/workflows/nodejs.yml

@@ -10,9 +10,9 @@ jobs:
   nodejs:
     uses: zakodium/workflows/.github/workflows/nodejs.yml@nodejs-v1
     with:
-      node-version: 18.x
+      node-version: 22.x
       lint-check-types: true
       npm-test-command: npm run build
-      node-version-matrix: '[18]'
+      node-version-matrix: '[22]'
       upload-coverage: false
       disable-test-package: true

.github/workflows/spellcheck.yml

@@ -6,21 +6,13 @@ on:
       - main
   pull_request:
 
-env:
-  NODE_VERSION: 18.x
-
 jobs:
   spellcheck:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-        with:
-          node-version: ${{ env.NODE_VERSION }}
-          cache: npm
-      - name: Install dependencies
-        run: npm ci
-      - uses: streetsidesoftware/cspell-action@v2
+      - uses: actions/checkout@v4
+      - uses: streetsidesoftware/cspell-action@v7
         with:
+          config: ./cspell.config.yaml
           files: |
             **/*.md

.node-version

@@ -0,0 +1 @@
+22

docs/Features/Comparison/Addition.md

@@ -4,7 +4,7 @@ sidebar_position: 10
 
 # Addition
 
-_Makes an addition between two images._
+_Add two images together._
 
 [🖼️ Image options and parameters of `add` method](https://image-js.github.io/image-js-typescript/classes/Image.html#add 'github.io link')
 

docs/Features/Operations/Threshold.md

@@ -71,6 +71,6 @@ _Choose a threshold value_: This value is determined based on the characteristic
 _Compare each pixel's intensity value with the threshold value:_ If the pixel value is greater than or equal to the threshold value, it is assigned to one group (foreground or object).
 If the pixel value is less than the threshold value, it is assigned to the other group (background).
 
-_Generate a binary image:_ The result of thresholding is a binary image(mask) where pixels belonging to the foreground are assigned a value of 1 (white) and pixels belonging to the background are assigned a value of 0 (black).
+_Generate a binary image:_ The result of thresholding is a mask where pixels belonging to the foreground are assigned a value of 1 (white) and pixels belonging to the background are assigned a value of 0 (black).
 
 </details>

docusaurus.config.js

@@ -4,8 +4,6 @@ const path = require('path');
 
 const darkCodeTheme = require('prism-react-renderer').themes.dracula;
 const lightCodeTheme = require('prism-react-renderer').themes.github;
-const katex = require('rehype-katex');
-const math = require('remark-math');
 
 async function demoLoaderPlugin() {
   return {
@@ -39,171 +37,175 @@ async function demoLoaderPlugin() {
   };
 }
 
-/** @type {import('@docusaurus/types').Config} */
-const config = {
-  title: 'ImageJS',
-  tagline: 'Advanced image processing and manipulation in JavaScript.',
-  favicon: 'img/favicon.ico',
+/** @type {() => Promise<import('@docusaurus/types').Config>} */
+async function createConfig() {
+  const remarkPlugins = [(await import('remark-math')).default];
+  const rehypePlugins = [(await import('rehype-katex')).default];
+  return {
+    title: 'ImageJS',
+    tagline: 'Advanced image processing and manipulation in JavaScript.',
+    favicon: 'img/favicon.ico',
 
-  // Set the production url of your site here
-  url: 'https://image-js-docs.pages.dev/',
-  // Set the /<baseUrl>/ pathname under which your site is served
-  // For GitHub pages deployment, it is often '/<projectName>/'
-  baseUrl: '/',
+    // Set the production url of your site here
+    url: 'https://image-js-docs.pages.dev/',
+    // Set the /<baseUrl>/ pathname under which your site is served
+    // For GitHub pages deployment, it is often '/<projectName>/'
+    baseUrl: '/',
 
-  // GitHub pages deployment config.
-  // If you aren't using GitHub pages, you don't need these.
-  organizationName: 'Zakodium', // Usually your GitHub org/user name.
-  projectName: 'image-js', // Usually your repo name.
+    // GitHub pages deployment config.
+    // If you aren't using GitHub pages, you don't need these.
+    organizationName: 'Zakodium', // Usually your GitHub org/user name.
+    projectName: 'image-js', // Usually your repo name.
 
-  plugins: [
-    demoLoaderPlugin,
-    [
-      '@orama/plugin-docusaurus-v3',
-      {
-        searchbox: {
-          disableChat: true,
+    plugins: [
+      demoLoaderPlugin,
+      [
+        '@orama/plugin-docusaurus-v3',
+        {
+          searchbox: {
+            disableChat: true,
+          },
         },
-      },
+      ],
     ],
-  ],
 
-  onBrokenLinks: 'throw',
-  onBrokenMarkdownLinks: 'warn',
+    onBrokenLinks: 'throw',
+    onBrokenMarkdownLinks: 'warn',
 
-  // Even if you don't use internalization, you can use this field to set useful
-  // metadata like html lang. For example, if your site is Chinese, you may want
-  // to replace "en" with "zh-Hans".
-  i18n: {
-    defaultLocale: 'en',
-    locales: ['en'],
-  },
+    // Even if you don't use internalization, you can use this field to set useful
+    // metadata like html lang. For example, if your site is Chinese, you may want
+    // to replace "en" with "zh-Hans".
+    i18n: {
+      defaultLocale: 'en',
+      locales: ['en'],
+    },
 
-  presets: [
-    [
-      'classic',
-      /** @type {import('@docusaurus/preset-classic').Options} */
+    presets: [
+      [
+        'classic',
+        /** @type {import('@docusaurus/preset-classic').Options} */
+        {
+          docs: {
+            sidebarPath: require.resolve('./sidebars.js'),
+            // Please change this to your repo.
+            // Remove this to remove the "edit this page" links.
+            editUrl: 'https://github.com/image-js/image-js-docs/tree/main/',
+            remarkPlugins,
+            rehypePlugins,
+          },
+          blog: {
+            showReadingTime: true,
+            blogTitle: 'Docusaurus blog!',
+            blogDescription: 'A Docusaurus powered blog!',
+            blogSidebarTitle: 'All posts',
+            blogSidebarCount: 'ALL',
+            // Please change this to your repo.
+            // Remove this to remove the "edit this page" links.
+            editUrl: 'https://github.com/image-js/image-js-docs/tree/main/',
+          },
+          theme: {
+            customCss: require.resolve('./src/css/custom.css'),
+          },
+        },
+      ],
+    ],
+    stylesheets: [
+      {
+        href: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css',
+        type: 'text/css',
+        integrity:
+          'sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM',
+        crossorigin: 'anonymous',
+      },
+    ],
+    themeConfig:
+      /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
       ({
-        docs: {
-          sidebarPath: require.resolve('./sidebars.js'),
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
-          editUrl: 'https://github.com/image-js/image-js-docs/tree/main/',
-          remarkPlugins: [math],
-          rehypePlugins: [katex],
+        // Replace with your project's social card
+        image: 'img/docusaurus-social-card.jpg',
+        navbar: {
+          title: 'ImageJS',
+          logo: {
+            alt: 'ImageJS',
+            src: 'img/logo.svg',
+          },
+          items: [
+            {
+              type: 'doc',
+              docId: 'Getting started',
+              position: 'left',
+              label: 'Docs',
+            },
+            { to: '/blog', label: 'Blog', position: 'left' },
+            {
+              href: 'https://image-js.github.io/image-js-typescript/',
+              label: 'API reference',
+              position: 'left',
+            },
+          ],
         },
-        blog: {
-          showReadingTime: true,
-          blogTitle: 'Docusaurus blog!',
-          blogDescription: 'A Docusaurus powered blog!',
-          blogSidebarTitle: 'All posts',
-          blogSidebarCount: 'ALL',
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
-          editUrl: 'https://github.com/image-js/image-js-docs/tree/main/',
+        footer: {
+          style: 'dark',
+          links: [
+            {
+              title: 'Docs',
+              items: [
+                {
+                  label: 'Getting started',
+                  to: '/docs/Getting started',
+                },
+                {
+                  label: 'Basics',
+                  to: '/docs/Basics',
+                },
+                {
+                  label: 'Features',
+                  to: '/docs/Features',
+                },
+              ],
+            },
+            {
+              title: 'Learn',
+              items: [
+                {
+                  label: 'Tutorials',
+                  to: '/docs/Tutorials',
+                },
+                {
+                  label: 'Useful tips',
+                  to: '/docs/Useful tips',
+                },
+                {
+                  label: 'Glossary',
+                  to: '/docs/Glossary',
+                },
+              ],
+            },
+            {
+              title: 'More',
+              items: [
+                {
+                  label: 'GitHub',
+                  href: 'https://github.com/image-js/image-js-typescript',
+                },
+                {
+                  label: 'API reference',
+                  href: 'https://image-js.github.io/image-js-typescript/',
+                },
+                {
+                  label: 'Zakodium',
+                  href: 'https://www.zakodium.com/',
+                },
+              ],
+            },
+          ],
         },
-        theme: {
-          customCss: require.resolve('./src/css/custom.css'),
+        prism: {
+          theme: lightCodeTheme,
+          darkTheme: darkCodeTheme,
         },
       }),
-    ],
-  ],
-  stylesheets: [
-    {
-      href: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css',
-      type: 'text/css',
-      integrity:
-        'sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM',
-      crossorigin: 'anonymous',
-    },
-  ],
-  themeConfig:
-    /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
-    ({
-      // Replace with your project's social card
-      image: 'img/docusaurus-social-card.jpg',
-      navbar: {
-        title: 'ImageJS',
-        logo: {
-          alt: 'ImageJS',
-          src: 'img/logo.svg',
-        },
-        items: [
-          {
-            type: 'doc',
-            docId: 'Getting started',
-            position: 'left',
-            label: 'Docs',
-          },
-          { to: '/blog', label: 'Blog', position: 'left' },
-          {
-            href: 'https://image-js.github.io/image-js-typescript/',
-            label: 'API reference',
-            position: 'left',
-          },
-        ],
-      },
-      footer: {
-        style: 'dark',
-        links: [
-          {
-            title: 'Docs',
-            items: [
-              {
-                label: 'Getting started',
-                to: '/docs/Getting started',
-              },
-              {
-                label: 'Basics',
-                to: '/docs/Basics',
-              },
-              {
-                label: 'Features',
-                to: '/docs/Features',
-              },
-            ],
-          },
-          {
-            title: 'Learn',
-            items: [
-              {
-                label: 'Tutorials',
-                to: '/docs/Tutorials',
-              },
-              {
-                label: 'Useful tips',
-                to: '/docs/Useful tips',
-              },
-              {
-                label: 'Glossary',
-                to: '/docs/Glossary',
-              },
-            ],
-          },
-          {
-            title: 'More',
-            items: [
-              {
-                label: 'GitHub',
-                href: 'https://github.com/image-js/image-js-typescript',
-              },
-              {
-                label: 'API reference',
-                href: 'https://image-js.github.io/image-js-typescript/',
-              },
-              {
-                label: 'Zakodium',
-                href: 'https://www.zakodium.com/',
-              },
-            ],
-          },
-        ],
-      },
-      prism: {
-        theme: lightCodeTheme,
-        darkTheme: darkCodeTheme,
-      },
-    }),
-};
+  };
+}
 
-module.exports = config;
+module.exports = createConfig;