diff --git a/.github/workflows/nodejs.yml b/.github/workflows/nodejs.yml index 6f5d2fa6..7cb8dfd6 100644 --- a/.github/workflows/nodejs.yml +++ b/.github/workflows/nodejs.yml @@ -10,9 +10,9 @@ jobs: nodejs: uses: zakodium/workflows/.github/workflows/nodejs.yml@nodejs-v1 with: - node-version: 22.x + node-version: 24.x lint-check-types: true npm-test-command: npm run build - node-version-matrix: '[22]' + node-version-matrix: '[24]' upload-coverage: false disable-test-package: true diff --git a/.github/workflows/spellcheck.yml b/.github/workflows/spellcheck.yml index b7ac57f2..58a43760 100644 --- a/.github/workflows/spellcheck.yml +++ b/.github/workflows/spellcheck.yml @@ -10,7 +10,7 @@ jobs: spellcheck: runs-on: ubuntu-latest steps: - - uses: actions/checkout@v4 + - uses: actions/checkout@v5 - uses: streetsidesoftware/cspell-action@v7 with: config: ./cspell.config.yaml diff --git a/.node-version b/.node-version index 8fdd954d..a45fd52c 100644 --- a/.node-version +++ b/.node-version @@ -1 +1 @@ -22 \ No newline at end of file +24 diff --git a/.npmrc b/.npmrc deleted file mode 100644 index 4eae7876..00000000 --- a/.npmrc +++ /dev/null @@ -1 +0,0 @@ -lockfile-version=3 diff --git a/.nvmrc b/.nvmrc deleted file mode 100644 index 19c7bdba..00000000 --- a/.nvmrc +++ /dev/null @@ -1 +0,0 @@ -16 \ No newline at end of file diff --git a/.prettierrc b/.prettierrc.json similarity index 100% rename from .prettierrc rename to .prettierrc.json diff --git a/README.md b/README.md index 2387d7b4..94f0edf2 100644 --- a/README.md +++ b/README.md @@ -1,12 +1,12 @@ # image-js-docs -This is the source code repository for the documentation of [image-js](https://github.com/image-js/image-js-typescript) +This is the source code repository for the documentation of [image-js](https://github.com/image-js/image-js) -The documentation is available on [https://image-js-docs.pages.dev/](https://image-js-docs.pages.dev/) +The documentation is available on . ## Create demos -A demo is simply function which takes an image or mask as input and returns an image or mask as output. When imported in `md` files, it will be transformed into a demo component which allows to choose from various image or video sources to showcase the image transformation. +A demo is simply a function which takes an image or mask as input and returns an image or mask as output. When imported in `md` files, it will be transformed into a demo component which allows choosing from various image or video sources to showcase the image transformation. ### Image example diff --git a/blog/release.md b/blog/release.md index 52944138..ed44112d 100644 --- a/blog/release.md +++ b/blog/release.md @@ -4,7 +4,8 @@ title: Release notes v1 date: 2025-07-25 --- -We're excited to announce the release of a new major version of ImageJS. This version brings TypeScript support and a more intuitive API while maintaining the powerful image processing capabilities you love. +We're excited to announce the release of a new major version of ImageJS. +This version brings TypeScript support and a more intuitive API while maintaining the powerful image processing capabilities you love. @@ -22,7 +23,8 @@ const pixel = img.getPixel(x, y); // any[] const pixel = img.getPixel(x, y); // number[] with proper channel count ``` -This helps preventing runtime type errors and enables better IntelliSense, autocomplete, and refactoring support in your IDE. Developers can now catch bugs at compile time rather than discovering them in production. +This helps prevent runtime type errors and enables better IntelliSense, autocomplete, and refactoring support in your IDE. +Developers can now catch bugs at compile time rather than discovering them in production. ## ⚠️ Breaking changes @@ -54,11 +56,11 @@ const img = readSync('cat.jpg'); writeSync('newCat.jpg', img); ``` -Those changes separates I/O operations from image manipulation for a clearer API design. +Those changes separate I/O operations from image manipulation for a clearer API design. #### Creating images -When creating a new image, unlike before, image's width and height must be specified. +When creating a new image, unlike before, the image's width and height must be specified. ```ts import { Image } from 'image-js'; @@ -78,8 +80,8 @@ Coordinates are now represented using `Point` objects instead of arrays. This ch ```ts // Before const croppedImage = img.crop({ - x:10, - y:10 + x: 10, + y: 10, width: 10, height: 10, }); @@ -91,7 +93,7 @@ const croppedImage = img.crop({ }); ``` -It is a more explicit and self-documenting code. It also eliminates confusion about array order (column vs row). +It is a more explicit and self-documenting code. It also removes confusion about array order (column vs row). ### Masks @@ -146,7 +148,7 @@ const whiteRegions = roiMap.whiteRois; The new `blackRois` and `whiteRois` properties provide more intuitive access to region data based on pixel values rather than geometric dimensions. -For more information, please, visit these tutorials: +For more information, please visit these tutorials: - [Image segmentation with `threshold()` and `fromMask()`](../docs/Tutorials/Image%20segmentation%20with%20threshold) - [Image segmentation with `watershed()`](../docs/Tutorials/Image%20segmentation%20with%20watershed) @@ -263,21 +265,21 @@ The following deprecated features have been removed: #### Images -- `countAlphaPixel()` - Use custom pixel counting with [`getPixel()`](https://image-js.github.io/image-js/classes/index.Image.html#getpixel 'API link on getPixel'). +- `countAlphaPixel()` - Use custom pixel counting with [`getPixel()`](https://api.image-js.org/classes/index.Image.html#getpixel 'API link on getPixel'). - `paintLabels()` and `roi.paint()` - Features have been removed due to dependency issues. We plan to add it back in future updates. - `warpingFourPoints()` - Use [`getPerspectiveWarpMatrix()`](../docs/Features/Geometry/Get%20Perspective%20Warp%20Matrix 'internal link on getPerspectiveWarp') + [`transform()`](release.md#transform) instead. - 32-bit color depth support and `abs()` have been removed. - `CMYK` and `HSL` color models have been removed. -- `paintMasks()` has been removed. Use [`paintMask()`](https://image-js.github.io/image-js/classes/index.Image.html#paintmask 'API link on paintMask')+ a `for` loop. +- `paintMasks()` has been removed. Use [`paintMask()`](https://api.image-js.org/classes/index.Image.html#paintmask 'API link on paintMask')+ a `for` loop. - `clearBit()` and `toggleBit()` have been removed, due to changes in `Mask` - data representation (see ["Masks"](#masks)). Use [`setBit()`](https://image-js.github.io/image-js/classes/index.Mask.html#setbit 'API link on setBit') or [`setValue()`](https://image-js.github.io/image-js/classes/index.Image.html#setvalue 'API link on setValue') instead. + data representation (see ["Masks"](#masks)). Use [`setBit()`](https://api.image-js.org/classes/index.Mask.html#setbit 'API link on setBit') or [`setValue()`](https://api.image-js.org/classes/index.Image.html#setvalue 'API link on setValue') instead. - `combineChannels()` has been removed. -- `rgba8()` and `rgba()` have been removed. Use a combination of [`convertColor()`](https://image-js.github.io/image-js/classes/index.Image.html#convertcolor 'API link on convertColor') and [`convertBitDepth()`](https://image-js.github.io/image-js/classes/index.Image.html#convertbitdepth 'API link on convertBitDepth') instead. +- `rgba8()` and `rgba()` have been removed. Use a combination of [`convertColor()`](https://api.image-js.org/classes/index.Image.html#convertcolor 'API link on convertColor') and [`convertBitDepth()`](https://api.image-js.org/classes/index.Image.html#convertbitdepth 'API link on convertBitDepth') instead. - `histograms()` and `colorHistogram()` have been removed. - `getPixelGrid()` has been removed. - `getClosestCommonParent()` and `getRelativePosition()` have been removed. - `getSimilarity()` and `getIntersection()` have been removed. -- `paintPolygons()` and `paintPolylines()`have been removed. Use [`drawPolygon()`](https://image-js.github.io/image-js/classes/index.Image.html#drawpolygon 'API link on drawPolygon')/ [`drawPolyline()`](https://image-js.github.io/image-js/classes/index.Image.html#drawpolyline 'API link on drawPolyline') + a `for` loop. +- `paintPolygons()` and `paintPolylines()`have been removed. Use [`drawPolygon()`](https://api.image-js.org/classes/index.Image.html#drawpolygon 'API link on drawPolygon')/ [`drawPolyline()`](https://api.image-js.org/classes/index.Image.html#drawpolyline 'API link on drawPolyline') + a `for` loop. - `getMoment()` has been removed. #### ROIs and its management @@ -289,7 +291,7 @@ The following deprecated features have been removed: - `findCorrespondingRoi()` has been removed. - `resetPainted()` has been removed. - `mergeRoi()` and `mergeRois()` have been removed. -- `minX`,`minY`,`meanX`,`meanY`,`maxX`,`maxY` have been removed. Use [ROI's `origin`, combined with its `width` and `height`](https://image-js.github.io/image-js/classes/index.Roi.html 'API link on ROI'). +- `minX`,`minY`,`meanX`,`meanY`,`maxX`,`maxY` have been removed. Use [ROI's `origin`, combined with its `width` and `height`](https://api.image-js.org/classes/index.Roi.html 'API link on ROI'). ## 🆕 New features @@ -374,7 +376,7 @@ const corrected = image.correctColor(measured, reference); ### `variance()` -A function that calculates image's [variance](https://en.wikipedia.org/wiki/Variance 'wikipedia link on variance') has been added. +A function that calculates an image's [variance](https://en.wikipedia.org/wiki/Variance 'wikipedia link on variance') has been added. ```ts // Calculate variance for entire image @@ -412,7 +414,7 @@ const pixelatedImage = image.pixelate({ ### `cropRectangle()` -While `crop()` and `cropRectangle()` might appear similar. However, they provide provide different approaches to extracting image regions. +While `crop()` and `cropRectangle()` might appear similar. However, they provide different approaches to extracting image regions. `crop()` - Standard rectangular cropping that maintains the original image orientation: @@ -585,14 +587,14 @@ Bugs in multiple functions have been fixed: ## 📚 Resources -- [API Documentation](https://image-js.github.io/image-js-typescript/ 'link on API') -- [Examples and Tutorials](https://image-js-docs.pages.dev/ 'link on image-js tutorials and tips') +- [API Documentation](https://api.image-js.org/ 'link on API') +- [Examples and Tutorials](https://docs.image-js.org/ 'link on image-js tutorials and tips') ## 🤝 Contributing We welcome contributions! The new TypeScript codebase makes it easier than ever to contribute. -- [GitHub Repository](https://github.com/image-js/image-js-typescript 'link on github repository') +- [GitHub Repository](https://github.com/image-js/image-js 'link on github repository') ## 🙏 Acknowledgments diff --git a/cspell.config.yaml b/cspell.config.yaml index 0c9be060..26b06884 100644 --- a/cspell.config.yaml +++ b/cspell.config.yaml @@ -1,6 +1,5 @@ --- $schema: https://raw.githubusercontent.com/streetsidesoftware/cspell/main/cspell.schema.json -version: '0.2' dictionaryDefinitions: - name: project-words path: './project-words.txt' diff --git a/docs/Basics/Working with Masks.md b/docs/Basics/Working with Masks.md index a626c588..79361b61 100644 --- a/docs/Basics/Working with Masks.md +++ b/docs/Basics/Working with Masks.md @@ -16,10 +16,10 @@ const mask = new Mask(500, 500); // Creates a simple mask filled with 0s of size #### Options -| Property | Required | Default value | -| --------------------------------------------------------------------------------------------- | -------- | ---------------------- | -| [`origin`](https://image-js.github.io/image-js-typescript/interfaces/MaskOptions.html#origin) | no | `{row: 0, column: 0 }` | -| [`data`](https://image-js.github.io/image-js-typescript/interfaces/MaskOptions.html#data) | no | - | +| Property | Required | Default value | +| ----------------------------------------------------------------------------- | -------- | ---------------------- | +| [`origin`](https://api.image-js.org/interfaces/index.MaskOptions.html#origin) | no | `{row: 0, column: 0 }` | +| [`data`](https://api.image-js.org/interfaces/index.MaskOptions.html#data) | no | - | ### Use `threshold()` method diff --git a/docs/Features/Comparison/Addition.md b/docs/Features/Comparison/Addition.md index 5e3987d2..f05b2aa0 100644 --- a/docs/Features/Comparison/Addition.md +++ b/docs/Features/Comparison/Addition.md @@ -6,7 +6,7 @@ sidebar_position: 10 _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') +[🖼️ Image options and parameters of `add` method](https://api.image-js.org/classes/index.Image.html#add) `add` method, opposed to [subtraction](./Subtraction.md 'internal link on subtract'), takes another Image and makes an addition between each respective pixel value. It works like this: @@ -36,4 +36,4 @@ Images must have the same size, channel number and bit depth for compatibility r ### Parameters and default values -- [`otherImage`](https://image-js.github.io/image-js-typescript/classes/Mask.html#add 'github.io link') +- [`otherImage`](https://api.image-js.org/classes/index.Mask.html#add) diff --git a/docs/Features/Comparison/Hypotenuse.md b/docs/Features/Comparison/Hypotenuse.md index 7e5bad7e..dca79500 100644 --- a/docs/Features/Comparison/Hypotenuse.md +++ b/docs/Features/Comparison/Hypotenuse.md @@ -6,7 +6,7 @@ sidebar_position: 30 _Calculates the euclidean distance of two points between two images._ -[🖼️ Image options and parameters of `hypotenuse` method](https://image-js.github.io/image-js-typescript/classes/Image.html#hypotenuse 'github.io link') +[🖼️ Image options and parameters of `hypotenuse` method](https://api.image-js.org/classes/index.Image.html#hypotenuse) A "hypotenuse filter" is using two compatible images to change values of each pixel by calculating [Euclidean distance](https://en.wikipedia.org/wiki/Euclidean_distance 'wikipedia link on Euclidean distance') with the formula: @@ -32,9 +32,9 @@ Where $$Value1$$ is a value of the pixel in the first image and $$Value2$$ is th #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------- | -------- | ------------- | -| [`channels`](https://image-js.github.io/image-js-typescript/interfaces/HypotenuseOptions.html#channels) | no | - | +| Property | Required | Default value | +| --------------------------------------------------------------------------------------- | -------- | ------------- | +| [`channels`](https://api.image-js.org/interfaces/index.HypotenuseOptions.html#channels) | no | - | :::caution Images must be compatible by size, bit depth, number of channels and number of alpha channels. However, for the resulting image user can choose the bit depth of the resulting image as well as channels which the algorithm will be applied to. diff --git a/docs/Features/Comparison/Logical conjunction.md b/docs/Features/Comparison/Logical conjunction.md index d536664f..5456baac 100644 --- a/docs/Features/Comparison/Logical conjunction.md +++ b/docs/Features/Comparison/Logical conjunction.md @@ -6,7 +6,7 @@ sidebar_position: 100 _Makes a logical conjunction between masks._ -[🎭 Mask options and parameters of `and` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#and 'github.io link') +[🎭 Mask options and parameters of `and` method](https://api.image-js.org/classes/index.Mask.html#and) `and` method performs a [logical conjunction](https://en.wikipedia.org/wiki/Logical_conjunction 'wikipedia link on logical conjunction') between bits of two masks. @@ -31,6 +31,6 @@ Masks must have the same size for compatibility reasons. #### Options -| Property | Required | Default value | -| -------------------------------------------------------------------------------------- | -------- | ------------- | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/AndOptions.html#out) | no | - | +| Property | Required | Default value | +| ---------------------------------------------------------------------- | -------- | ------------- | +| [`out`](https://api.image-js.org/interfaces/index.AndOptions.html#out) | no | - | diff --git a/docs/Features/Comparison/Logical disjunction.md b/docs/Features/Comparison/Logical disjunction.md index 6ee561c7..111e10e9 100644 --- a/docs/Features/Comparison/Logical disjunction.md +++ b/docs/Features/Comparison/Logical disjunction.md @@ -6,7 +6,7 @@ sidebar_position: 110 _Makes a logical disjunction between masks._ -[🎭 Mask options and parameters of `or` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#or 'github.io link') +[🎭 Mask options and parameters of `or` method](https://api.image-js.org/classes/index.Mask.html#or) `or` method performs a [logical disjunction](https://en.wikipedia.org/wiki/Logical_disjunction 'wikipedia link on logical disjunction') between bits of two masks. @@ -31,6 +31,6 @@ Masks must have the same size for compatibility reasons. #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------- | -------- | ------------- | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/OrOptions.html#out) | no | - | +| Property | Required | Default value | +| --------------------------------------------------------------------- | -------- | ------------- | +| [`out`](https://api.image-js.org/interfaces/index.OrOptions.html#out) | no | - | diff --git a/docs/Features/Comparison/Subtraction.md b/docs/Features/Comparison/Subtraction.md index 4027fd86..154867a8 100644 --- a/docs/Features/Comparison/Subtraction.md +++ b/docs/Features/Comparison/Subtraction.md @@ -6,8 +6,8 @@ sidebar_position: 20 _Makes a subtraction between two images._ -[🖼️ Image options and parameters of `subtract` method](https://image-js.github.io/image-js-typescript/classes/Image.html#subtract 'github.io link') -[🎭 Mask options and parameters of `subtract` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#subtract 'github.io link') +[🖼️ Image options and parameters of `subtract` method](https://api.image-js.org/classes/index.Image.html#subtract) +[🎭 Mask options and parameters of `subtract` method](https://api.image-js.org/classes/index.Mask.html#subtract) Method called `subtract`, as the name suggests, takes another Image(or Mask) and makes a subtraction between each respective bit. It works like this: @@ -47,9 +47,9 @@ Parameters and options for Images and Masks are the same. #### Options -| Property | Required | Default value | -| ---------------------------------------------------------------------------------------------------------- | -------- | ------------- | -| [`absolute`](https://image-js.github.io/image-js-typescript/interfaces/SubtractImageOptions.html#absolute) | no | `false` | +| Property | Required | Default value | +| ------------------------------------------------------------------------------------------ | -------- | ------------- | +| [`absolute`](https://api.image-js.org/interfaces/index.SubtractImageOptions.html#absolute) | no | `false` | :::info The method is also available for Masks. diff --git a/docs/Features/Filters/Blur.md b/docs/Features/Filters/Blur.md index 9a02cd13..d657f04a 100644 --- a/docs/Features/Filters/Blur.md +++ b/docs/Features/Filters/Blur.md @@ -8,7 +8,7 @@ import BlurDemo from './demos/blur.demo.tsx' _Reduces image details and sharpness by averaging or mixing neighboring pixel values._ -[🖼️ Image options and parameters of `blur` method](https://image-js.github.io/image-js-typescript/classes/Image.html#blur 'link on github io') +[🖼️ Image options and parameters of `blur` method](https://api.image-js.org/classes/index.Image.html#blur 'link on github io') Blur, also known as average blur or box blur, is a simple image processing technique used to reduce noise and smooth out images. It involves replacing the color value of a pixel with the average color value of its neighboring pixels within a specified window or kernel. This process effectively blurs the image and reduces high-frequency noise. @@ -31,13 +31,13 @@ More advanced blurring techniques, such as [Gaussian blur](./Gaussian%20Blur.md #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------- | -------- | ------------- | -| [`height`](https://image-js.github.io/image-js-typescript/interfaces/BlurOptions.html#height) | **yes** | - | -| [`width`](https://image-js.github.io/image-js-typescript/interfaces/BlurOptions.html#width) | **yes** | - | -| [`borderType`](https://image-js.github.io/image-js-typescript/interfaces/BlurOptions.html#borderType) | no | `reflect101` | -| [`borderValue`](https://image-js.github.io/image-js-typescript/interfaces/BlurOptions.html#borderValue) | no | `0` | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/BlurOptions.html#out) | no | - | +| Property | Required | Default value | +| --------------------------------------------------------------------------------------- | -------- | ------------- | +| [`height`](https://api.image-js.org/interfaces/index.BlurOptions.html#height) | **yes** | - | +| [`width`](https://api.image-js.org/interfaces/index.BlurOptions.html#width) | **yes** | - | +| [`borderType`](https://api.image-js.org/interfaces/index.BlurOptions.html#borderType) | no | `reflect101` | +| [`borderValue`](https://api.image-js.org/interfaces/index.BlurOptions.html#borderValue) | no | `0` | +| [`out`](https://api.image-js.org/interfaces/index.BlurOptions.html#out) | no | - |
diff --git a/docs/Features/Filters/Derivative.md b/docs/Features/Filters/Derivative.md index 7dae724f..2ff0bfff 100644 --- a/docs/Features/Filters/Derivative.md +++ b/docs/Features/Filters/Derivative.md @@ -8,7 +8,7 @@ import DerivativeDemo from './demos//derivative.demo.tsx' _Gradient filter but using predefined kernels._ -[🖼️ Image options and parameters of `derivative` method](https://image-js.github.io/image-js-typescript/classes/Image.html#derivativeFilter 'link on github io') +[🖼️ Image options and parameters of `derivative` method](https://api.image-js.org/classes/index.Image.html#derivativeFilter 'link on github io') Derivative filter is a special case of a gradient filter, therefore it uses gradient algorithm. However, the key difference are the kernels used in this very algorithm. In ImageJS there are three distinguished kernels: [Sobel](https://en.wikipedia.org/wiki/Sobel_operator 'wikipedia link on Sobel kernel'), [Scharr](https://en.wikipedia.org/wiki/Sobel_operator#Alternative_operators 'wikipedia link on Scharr operator') and [Prewitt](https://en.wikipedia.org/wiki/Prewitt_operator 'wikipedia link on Prewitt kernel'). @@ -28,12 +28,12 @@ Derivative filter is a special case of a gradient filter, therefore it uses grad #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------------------- | -------- | ---------------- | -| [`bitDepth`](https://image-js.github.io/image-js-typescript/interfaces/DerivativeFilterOptions.html#bitDepth) | no | `image.bitDepth` | -| [`borderType`](https://image-js.github.io/image-js-typescript/interfaces/DerivativeFilterOptions.html#borderType) | no | `replicate` | -| [`borderValue`](https://image-js.github.io/image-js-typescript/interfaces/DerivativeFilterOptions.html#borderValue) | no | `0` | -| [`filter`](https://image-js.github.io/image-js-typescript/interfaces/DerivativeFilterOptions.html#filter) | no | `sobel` | +| Property | Required | Default value | +| --------------------------------------------------------------------------------------------------- | -------- | ---------------- | +| [`bitDepth`](https://api.image-js.org/interfaces/index.DerivativeFilterOptions.html#bitDepth) | no | `image.bitDepth` | +| [`borderType`](https://api.image-js.org/interfaces/index.DerivativeFilterOptions.html#borderType) | no | `replicate` | +| [`borderValue`](https://api.image-js.org/interfaces/index.DerivativeFilterOptions.html#borderValue) | no | `0` | +| [`filter`](https://api.image-js.org/interfaces/index.DerivativeFilterOptions.html#filter) | no | `sobel` | - ## Sobel kernel diff --git a/docs/Features/Filters/Gaussian Blur.md b/docs/Features/Filters/Gaussian Blur.md index dd296ab5..0b65ab9d 100644 --- a/docs/Features/Filters/Gaussian Blur.md +++ b/docs/Features/Filters/Gaussian Blur.md @@ -8,7 +8,7 @@ import GaussianBlurDemo from './demos/gaussianBlur.demo.tsx' _A blur filter that uses gaussian function for smoothing._ -[🖼️ Image options and parameters of `gaussianBlur` method](https://image-js.github.io/image-js-typescript/classes/Image.html#gaussianBlur 'link on github io') +[🖼️ Image options and parameters of `gaussianBlur` method](https://api.image-js.org/classes/index.Image.html#gaussianBlur 'link on github io') [Gaussian blur](https://en.wikipedia.org/wiki/Gaussian_blur 'Wikipedia link on gaussian blur') is a widely used image processing technique that smooths an image by reducing high-frequency noise and fine details while preserving the overall structure and larger features. It's named after the [Gaussian function](https://en.wikipedia.org/wiki/Gaussian_function 'wikipedia link on gaussian function'), which is a mathematical function that represents a bell-shaped curve. Gaussian blur is often applied to images before other processing steps like edge detection to improve their quality and reliability. @@ -34,23 +34,23 @@ With Gaussian blur there are two ways of passing options: through sigma and thro #### Sigma Variant: -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------------------ | -------- | ------------------------------ | -| [`sigma`](https://image-js.github.io/image-js-typescript/interfaces/GaussianBlurSigmaOptions.html#sigma) | **yes** | - | -| [`borderType`](https://image-js.github.io/image-js-typescript/interfaces/GaussianBlurSigmaOptions.html#borderType) | no | `reflect101` | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/GaussianBlurSigmaOptions.html#out) | no | - | -| [`size`](https://image-js.github.io/image-js-typescript/interfaces/GaussianBlurSigmaOptions.html#size) | no | `2 * Math.ceil(2 * sigma) + 1` | +| Property | Required | Default value | +| -------------------------------------------------------------------------------------------------- | -------- | ------------------------------ | +| [`sigma`](https://api.image-js.org/interfaces/index.GaussianBlurSigmaOptions.html#sigma) | **yes** | - | +| [`borderType`](https://api.image-js.org/interfaces/index.GaussianBlurSigmaOptions.html#borderType) | no | `reflect101` | +| [`out`](https://api.image-js.org/interfaces/index.GaussianBlurSigmaOptions.html#out) | no | - | +| [`size`](https://api.image-js.org/interfaces/index.GaussianBlurSigmaOptions.html#size) | no | `2 * Math.ceil(2 * sigma) + 1` | #### SigmaXY Variant -| Property | Required | Default value | -| --------------------------------------------------------------------------------------------------------------- | -------- | ------------------------------- | -| [`sigmaX`](https://image-js.github.io/image-js-typescript/interfaces/GaussianBlurXYOptions.html#sigmaX) | **yes** | - | -| [`sigmaY`](https://image-js.github.io/image-js-typescript/interfaces/GaussianBlurXYOptions.html#sigmaY) | **yes** | - | -| [`borderType`](https://image-js.github.io/image-js-typescript/interfaces/GaussianBlurXYOptions.html#borderType) | no | `reflect101` | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/GaussianBlurXYOptions.html#out) | no | - | -| [`sizeX`](https://image-js.github.io/image-js-typescript/interfaces/GaussianBlurXYOptions.html#sizeX) | no | `2 * Math.ceil(2 * sigmaX) + 1` | -| [`sizeY`](https://image-js.github.io/image-js-typescript/interfaces/GaussianBlurXYOptions.html#sizeY) | no | `2 * Math.ceil(2 * sigmaY) + 1` | +| Property | Required | Default value | +| ----------------------------------------------------------------------------------------------- | -------- | ------------------------------- | +| [`sigmaX`](https://api.image-js.org/interfaces/index.GaussianBlurXYOptions.html#sigmaX) | **yes** | - | +| [`sigmaY`](https://api.image-js.org/interfaces/index.GaussianBlurXYOptions.html#sigmaY) | **yes** | - | +| [`borderType`](https://api.image-js.org/interfaces/index.GaussianBlurXYOptions.html#borderType) | no | `reflect101` | +| [`out`](https://api.image-js.org/interfaces/index.GaussianBlurXYOptions.html#out) | no | - | +| [`sizeX`](https://api.image-js.org/interfaces/index.GaussianBlurXYOptions.html#sizeX) | no | `2 * Math.ceil(2 * sigmaX) + 1` | +| [`sizeY`](https://api.image-js.org/interfaces/index.GaussianBlurXYOptions.html#sizeY) | no | `2 * Math.ceil(2 * sigmaY) + 1` | The size of the Gaussian kernel and the standard deviation parameter (which controls the spread of the Gaussian curve) influence the degree of smoothing. A larger kernel or a higher standard deviation will produce more pronounced smoothing, but might also result in a loss of fine details. diff --git a/docs/Features/Filters/Gradient.md b/docs/Features/Filters/Gradient.md index e1c17a17..d4d09448 100644 --- a/docs/Features/Filters/Gradient.md +++ b/docs/Features/Filters/Gradient.md @@ -8,7 +8,7 @@ import GradientDemo from './demos/gradient.demo.tsx' _Highlights changes in color or intensity within an image by accentuating transitions and edges._ -[🖼️ Image options and parameters of `gradient` method](https://image-js.github.io/image-js-typescript/classes/Image.html#gradientFilter 'link on github.io') +[🖼️ Image options and parameters of `gradient` method](https://api.image-js.org/classes/index.Image.html#gradientFilter) Gradient filter or specifically[ a gradient-based edge detection filter](https://en.wikipedia.org/wiki/Graduated_neutral-density_filter 'wikipedia link on gradient filter'), is an image processing technique used to highlight edges and boundaries within an image by emphasizing areas of rapid intensity change. The gradient filter operates by calculating the rate of change of pixel intensities across the image. When there's a rapid transition from one intensity level to another, [the convolution operation](../../Glossary.md#convolution 'glossary link on convolution') captures this change as a high gradient magnitude value, indicating the presence of an edge. It's a fundamental step in various computer vision and image analysis tasks, such as edge detection, object recognition, and image segmentation. @@ -34,13 +34,13 @@ Keep in mind that gradient filters can be sensitive to noise and might result in #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------------------ | -------- | ---------------- | -| [`kernelX`](https://image-js.github.io/image-js-typescript/interfaces/GradientFilterXOptions.html#kernelX) | **\*** | - | -| [`kernelY`](https://image-js.github.io/image-js-typescript/interfaces/GradientFilterYOptions.html#kernelY) | **\*** | - | -| [`bitDepth`](https://image-js.github.io/image-js-typescript/interfaces/GradientFilterXOptions.html#bitDepth) | no | `image.bitDepth` | -| [`borderType`](https://image-js.github.io/image-js-typescript/interfaces/GradientFilterXOptions.html#borderType) | no | `replicate` | -| [`borderValue`](https://image-js.github.io/image-js-typescript/interfaces/GradientFilterXOptions.html#borderValue) | no | `0` | +| Property | Required | Default value | +| -------------------------------------------------------------------------------------------------- | -------- | ---------------- | +| [`kernelX`](https://api.image-js.org/interfaces/index.GradientFilterXOptions.html#kernelX) | **\*** | - | +| [`kernelY`](https://api.image-js.org/interfaces/index.GradientFilterYOptions.html#kernelY) | **\*** | - | +| [`bitDepth`](https://api.image-js.org/interfaces/index.GradientFilterXOptions.html#bitDepth) | no | `image.bitDepth` | +| [`borderType`](https://api.image-js.org/interfaces/index.GradientFilterXOptions.html#borderType) | no | `replicate` | +| [`borderValue`](https://api.image-js.org/interfaces/index.GradientFilterXOptions.html#borderValue) | no | `0` | **\*** - if applying filter is necessary in only one of directions, then a user can pass one kernel instead of two. However, if none were passed on, function will throw an error. diff --git a/docs/Features/Filters/Grayscale.md b/docs/Features/Filters/Grayscale.md index 70b92255..df5371d8 100644 --- a/docs/Features/Filters/Grayscale.md +++ b/docs/Features/Filters/Grayscale.md @@ -8,7 +8,7 @@ import GrayDemo from './demos/grayscale.demo.tsx' _Converts color image into shades of gray._ -[🖼️ Image options and parameters of `grayscale` method](https://image-js.github.io/image-js-typescript/classes/Image.html#grey 'github.io link') +[🖼️ Image options and parameters of `grayscale` method](https://api.image-js.org/classes/index.Image.html#grey) [Grayscale filter](https://en.wikipedia.org/wiki/Grayscale 'Wikipedia link on grayscale filter'), often called a black-and-white filter, is an image processing technique used to convert a colored image into a grayscale version. In a grayscale image, each pixel is represented by a single intensity value, typically ranging from 0 (black) to 255 (white), with various shades of gray in between. This process removes color information and retains only the brightness information of the image. @@ -30,12 +30,12 @@ The grayscale filter essentially eliminates the color information from the image #### Options -| Property | Required | Default value | -| ----------------------------------------------------------------------------------------------------- | -------- | ------------- | -| [`algorithm`](https://image-js.github.io/image-js-typescript/variables/GreyAlgorithm-1.html) | no | `luma709` | -| [`keepAlpha`](https://image-js.github.io/image-js-typescript/interfaces/GreyOptions.html#keepAlpha) | no | `false` | -| [`mergeAlpha`](https://image-js.github.io/image-js-typescript/interfaces/GreyOptions.html#mergeAlpha) | no | `true` | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/GreyOptions.html#out) | no | - | +| Property | Required | Default value | +| ------------------------------------------------------------------------------------- | -------- | ------------- | +| [`algorithm`](https://api.image-js.org/variables/index.GreyAlgorithm.html) | no | `luma709` | +| [`keepAlpha`](https://api.image-js.org/interfaces/index.GreyOptions.html#keepAlpha) | no | `false` | +| [`mergeAlpha`](https://api.image-js.org/interfaces/index.GreyOptions.html#mergeAlpha) | no | `true` | +| [`out`](https://api.image-js.org/interfaces/index.GreyOptions.html#out) | no | - | #### List of grayscale algorithms: diff --git a/docs/Features/Filters/Invert.md b/docs/Features/Filters/Invert.md index a56d586a..756fcb8f 100644 --- a/docs/Features/Filters/Invert.md +++ b/docs/Features/Filters/Invert.md @@ -8,8 +8,8 @@ import InvertDemo from './demos/invert.demo.tsx' _Reverses the colors of an image, transforming dark areas into light and vice versa._ -[🖼️ Image options and parameters of `invert` method](https://image-js.github.io/image-js-typescript/classes/Image.html#invert 'github.io link') -[🎭 Mask options and parameters of `invert` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#invert 'github.io link') +[🖼️ Image options and parameters of `invert` method](https://api.image-js.org/classes/index.Image.html#invert) +[🎭 Mask options and parameters of `invert` method](https://api.image-js.org/classes/index.Mask.html#invert) [Invert filter]( 'wikipedia link on negative filtering') is an image processing technique used to reverse the color values of an image, creating a negative or "inverted" version of the original. In this process, the darkest areas become the lightest, and the lightest areas become the darkest, while the midtones are adjusted accordingly. The invert filter is a simple but effective way to create visual contrast and produce interesting effects. @@ -35,9 +35,9 @@ Parameters and options for Images and Masks are the same. #### Options -| Property | Required | Default value | -| ----------------------------------------------------------------------------------------- | -------- | ------------- | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/InvertOptions.html#out) | no | - | +| Property | Required | Default value | +| ------------------------------------------------------------------------- | -------- | ------------- | +| [`out`](https://api.image-js.org/interfaces/index.InvertOptions.html#out) | no | - | :::info The method is also available for Masks. diff --git a/docs/Features/Filters/Level.md b/docs/Features/Filters/Level.md index 27bccae0..6f139f23 100644 --- a/docs/Features/Filters/Level.md +++ b/docs/Features/Filters/Level.md @@ -8,7 +8,7 @@ import LevelDemo from './demos/level.demo.tsx' _Redistributes pixel intensities to achieve a more uniform histogram distribution._ -[🖼️ Image options and parameters of `level` method](https://image-js.github.io/image-js-typescript/classes/Image.html#level 'github.io link') +[🖼️ Image options and parameters of `level` method](https://api.image-js.org/classes/index.Image.html#level) Level method applies process called ["histogram equalization"](https://en.wikipedia.org/wiki/Histogram_equalization 'wikipedia link on histogram equalization'). Histogram equalization is a technique used in image processing to enhance the contrast and visibility of details in an image by redistributing the pixel intensity values. @@ -30,15 +30,15 @@ This process can make details in both dark and bright regions of the image more #### Options -| Property | Required | Default value | -| ---------------------------------------------------------------------------------------------------- | -------- | ---------------- | -| [`channels`](https://image-js.github.io/image-js-typescript/interfaces/LevelOptions.html#channels) | no | - | -| [`gamma`](https://image-js.github.io/image-js-typescript/interfaces/LevelOptions.html#gamma) | no | `1` | -| [`inputMin`](https://image-js.github.io/image-js-typescript/interfaces/LevelOptions.html#inputMin) | no | `0` | -| [`inputMax`](https://image-js.github.io/image-js-typescript/interfaces/LevelOptions.html#inputMax) | no | `image.maxValue` | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/LevelOptions.html#out) | no | - | -| [`outputMin`](https://image-js.github.io/image-js-typescript/interfaces/LevelOptions.html#outputMin) | no | `0` | -| [`outputMax`](https://image-js.github.io/image-js-typescript/interfaces/LevelOptions.html#outputMax) | no | `image.maxValue` | +| Property | Required | Default value | +| ------------------------------------------------------------------------------------ | -------- | ---------------- | +| [`channels`](https://api.image-js.org/interfaces/index.LevelOptions.html#channels) | no | - | +| [`gamma`](https://api.image-js.org/interfaces/index.LevelOptions.html#gamma) | no | `1` | +| [`inputMin`](https://api.image-js.org/interfaces/index.LevelOptions.html#inputMin) | no | `0` | +| [`inputMax`](https://api.image-js.org/interfaces/index.LevelOptions.html#inputMax) | no | `image.maxValue` | +| [`out`](https://api.image-js.org/interfaces/index.LevelOptions.html#out) | no | - | +| [`outputMin`](https://api.image-js.org/interfaces/index.LevelOptions.html#outputMin) | no | `0` | +| [`outputMax`](https://api.image-js.org/interfaces/index.LevelOptions.html#outputMax) | no | `image.maxValue` |
Implementation diff --git a/docs/Features/Filters/Median.md b/docs/Features/Filters/Median.md index 5d5686fd..a613b3b3 100644 --- a/docs/Features/Filters/Median.md +++ b/docs/Features/Filters/Median.md @@ -8,7 +8,7 @@ import MedianDemo from './demos/median.demo.tsx' _Replaces each pixel's value with the median value of neighboring pixels, effectively reducing noise and preserving edge details._ -[🖼️ Image options and parameters of `median` method](https://image-js.github.io/image-js-typescript/classes/Image.html#medianFilter 'github.io link') +[🖼️ Image options and parameters of `median` method](https://api.image-js.org/classes/index.Image.html#medianFilter) [Median filter](https://en.wikipedia.org/wiki/Median_filter 'wikipedia link on median filter') is a digital image processing technique used to reduce noise in an image by replacing each pixel's value with the median value of neighboring pixels. It's particularly effective at removing ["salt and pepper"](https://en.wikipedia.org/wiki/Salt-and-pepper_noise 'wikipedia link on salt and pepper effect') noise. @@ -32,11 +32,11 @@ However, the median filter also has limitations. It can blur sharp edges and thi #### Options -| Property | Required | Default value | -| --------------------------------------------------------------------------------------------------------------- | -------- | ------------- | -| [`cellSize`](https://image-js.github.io/image-js-typescript/interfaces/MedianFilterOptions.html#cellSize) | **yes** | `1` | -| [`borderType`](https://image-js.github.io/image-js-typescript/interfaces/MedianFilterOptions.html#borderType) | no | `reflect101` | -| [`borderValue`](https://image-js.github.io/image-js-typescript/interfaces/MedianFilterOptions.html#borderValue) | no | `0` | +| Property | Required | Default value | +| ----------------------------------------------------------------------------------------------- | -------- | ------------- | +| [`cellSize`](https://api.image-js.org/interfaces/index.MedianFilterOptions.html#cellSize) | **yes** | `1` | +| [`borderType`](https://api.image-js.org/interfaces/index.MedianFilterOptions.html#borderType) | no | `reflect101` | +| [`borderValue`](https://api.image-js.org/interfaces/index.MedianFilterOptions.html#borderValue) | no | `0` |
Implementation diff --git a/docs/Features/Filters/Pixelate.md b/docs/Features/Filters/Pixelate.md index 53eb991e..4aba0e88 100644 --- a/docs/Features/Filters/Pixelate.md +++ b/docs/Features/Filters/Pixelate.md @@ -8,7 +8,7 @@ import PixelateDemo from './demos/pixelate.demo.tsx' _Reduces the level of detail in an image by replacing groups of pixels with a single representative pixel, creating a blocky or mosaic-like appearance._ -[🖼️ Image options and parameters of `pixelate` method](https://image-js.github.io/image-js-typescript/classes/Image.html#pixelate 'github.io link') +[🖼️ Image options and parameters of `pixelate` method](https://api.image-js.org/classes/index.Image.html#pixelate) [Pixelate filter](https://en.wikipedia.org/wiki/Pixelization 'Wikipedia link on pixelization concept') is a digital image processing technique used to reduce the level of detail in an image by replacing groups of pixels with a single, average color value. This creates a mosaic-like effect where the image appears to be composed of larger, blocky elements rather than fine details. @@ -28,11 +28,11 @@ _Reduces the level of detail in an image by replacing groups of pixels with a si #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------- | -------- | ------------- | -| [`cellSize`](https://image-js.github.io/image-js-typescript/interfaces/PixelateOptions.html#cellSize) | **yes** | - | -| [`algorithm`](https://image-js.github.io/image-js-typescript/interfaces/PixelateOptions.html#algorithm) | no | `center` | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/PixelateOptions.html#out) | no | - | +| Property | Required | Default value | +| --------------------------------------------------------------------------------------- | -------- | ------------- | +| [`cellSize`](https://api.image-js.org/interfaces/index.PixelateOptions.html#cellSize) | **yes** | - | +| [`algorithm`](https://api.image-js.org/interfaces/index.PixelateOptions.html#algorithm) | no | `center` | +| [`out`](https://api.image-js.org/interfaces/index.PixelateOptions.html#out) | no | - |
Implementation diff --git a/docs/Features/Geometry/Flip.md b/docs/Features/Geometry/Flip.md index 51dcf3c8..71b243b0 100644 --- a/docs/Features/Geometry/Flip.md +++ b/docs/Features/Geometry/Flip.md @@ -8,7 +8,7 @@ import FlipDemo from './demos/flip.demo.tsx' _Mirrors or reverses an image horizontally or vertically._ -[🖼️ Image options and parameters of `flip` method](https://image-js.github.io/image-js-typescript/classes/Image.html#flip 'github.io link') +[🖼️ Image options and parameters of `flip` method](https://api.image-js.org/classes/index.Image.html#flip) Flip filter in image processing refers to a transformation that horizontally or vertically flips an image. This operation is also known as a "mirror" operation. Flipping an image horizontally means reversing the order of pixels in each row, while flipping vertically means reversing the order of pixels in each column. @@ -28,7 +28,7 @@ Flip filter in image processing refers to a transformation that horizontally or #### Options -| Property | Required | Default value | -| ----------------------------------------------------------------------------------------- | -------- | ------------- | -| [`axis`](https://image-js.github.io/image-js-typescript/interfaces/FlipOptions.html#axis) | no | `horizontal` | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/FlipOptions.html#out) | no | - | +| Property | Required | Default value | +| ------------------------------------------------------------------------- | -------- | ------------- | +| [`axis`](https://api.image-js.org/interfaces/index.FlipOptions.html#axis) | no | `horizontal` | +| [`out`](https://api.image-js.org/interfaces/index.FlipOptions.html#out) | no | - | diff --git a/docs/Features/Geometry/Get Perspective Warp Matrix.md b/docs/Features/Geometry/Get Perspective Warp Matrix.md index 3f071922..66de098c 100644 --- a/docs/Features/Geometry/Get Perspective Warp Matrix.md +++ b/docs/Features/Geometry/Get Perspective Warp Matrix.md @@ -6,7 +6,7 @@ sidebar_position: 41 _Returns a perspective transformation matrix from source points that transforms a quadrilateral._ -[Options and parameters of `getPerspectiveWarp` function](https://image-js.github.io/image-js-typescript/functions/getPerspectiveWarp.html) +[Options and parameters of `getPerspectiveWarp` function](https://api.image-js.org/functions/index.getPerspectiveWarp.html) `getPerspectiveWarp` function takes 4 corner points (source quadrilateral) and then calculates the 3×3 perspective transformation matrix that allows removing [perspective distortion](https://en.wikipedia.org/wiki/Perspective_distortion). The function also returns width and height of the new image. @@ -47,7 +47,7 @@ const projectedImage = image.transform(matrix.matrix, { #### Options -| Property | Required | Default value | -| ----------------------------------------------------------------------------------------------------------- | -------- | ------------- | -| [`width`](https://image-js.github.io/image-js-typescript/interfaces/GetPerspectiveWarpOptions.html#width) | no | - | -| [`height`](https://image-js.github.io/image-js-typescript/interfaces/GetPerspectiveWarpOptions.html#height) | no | - | +| Property | Required | Default value | +| ------------------------------------------------------------------------------------------- | -------- | ------------- | +| [`width`](https://api.image-js.org/interfaces/index.GetPerspectiveWarpOptions.html#width) | no | - | +| [`height`](https://api.image-js.org/interfaces/index.GetPerspectiveWarpOptions.html#height) | no | - | diff --git a/docs/Features/Geometry/Resize.md b/docs/Features/Geometry/Resize.md index 1d26ddfb..684ecee6 100644 --- a/docs/Features/Geometry/Resize.md +++ b/docs/Features/Geometry/Resize.md @@ -8,7 +8,7 @@ import ResizeDemo from './demos/resize.demo.tsx' _Changes the size of an image._ -[🖼️ Image options and parameters of `resize` method](https://image-js.github.io/image-js-typescript/classes/Image.html#resize 'github.io link') +[🖼️ Image options and parameters of `resize` method](https://api.image-js.org/classes/index.Image.html#resize) Image resizing, also known as [image rescaling](https://en.wikipedia.org/wiki/Image_scaling 'wikipedia link on image rescaling'), is an image processing technique used to change the dimensions (size) of an image. Rescaling can involve both enlarging and reducing the image's size. The goal is to adapt an image to fit within specific dimensions, whether it's for display, printing, or other purposes. @@ -28,13 +28,13 @@ Image resizing, also known as [image rescaling](https://en.wikipedia.org/wiki/Im #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------------------------- | -------- | ------------- | -| [`borderType`](https://image-js.github.io/image-js-typescript/interfaces/ResizeOptions.html#borderType) | no | `constant` | -| [`borderValue`](https://image-js.github.io/image-js-typescript/interfaces/ResizeOptions.html#borderValue) | no | `0` | -| [`height`](https://image-js.github.io/image-js-typescript/interfaces/ResizeOptions.html#height) | no | - | -| [`interpolationType`](https://image-js.github.io/image-js-typescript/interfaces/ResizeOptions.html#interpolationType) | no | `bilinear` | -| [`preserveAspectRatio`](https://image-js.github.io/image-js-typescript/interfaces/ResizeOptions.html#preserveAspectRatio) | no | `true` | -| [`width`](https://image-js.github.io/image-js-typescript/interfaces/ResizeOptions.html#width) | no | - | -| [`xFactor`](https://image-js.github.io/image-js-typescript/interfaces/ResizeOptions.html#xFactor) | no | - | -| [`yFactor`](https://image-js.github.io/image-js-typescript/interfaces/ResizeOptions.html#yFactor) | no | - | +| Property | Required | Default value | +| --------------------------------------------------------------------------------------------------------- | -------- | ------------- | +| [`borderType`](https://api.image-js.org/interfaces/index.ResizeOptions.html#borderType) | no | `constant` | +| [`borderValue`](https://api.image-js.org/interfaces/index.ResizeOptions.html#borderValue) | no | `0` | +| [`height`](https://api.image-js.org/interfaces/index.ResizeOptions.html#height) | no | - | +| [`interpolationType`](https://api.image-js.org/interfaces/index.ResizeOptions.html#interpolationType) | no | `bilinear` | +| [`preserveAspectRatio`](https://api.image-js.org/interfaces/index.ResizeOptions.html#preserveAspectRatio) | no | `true` | +| [`width`](https://api.image-js.org/interfaces/index.ResizeOptions.html#width) | no | - | +| [`xFactor`](https://api.image-js.org/interfaces/index.ResizeOptions.html#xFactor) | no | - | +| [`yFactor`](https://api.image-js.org/interfaces/index.ResizeOptions.html#yFactor) | no | - | diff --git a/docs/Features/Geometry/Rotate.md b/docs/Features/Geometry/Rotate.md index c19c0adb..04d62549 100644 --- a/docs/Features/Geometry/Rotate.md +++ b/docs/Features/Geometry/Rotate.md @@ -8,7 +8,7 @@ import RotateDemo from './demos/rotate.demo.tsx' _Rotates an image by a multiple of 90 degrees._ -[🖼️ Image options and parameters of `rotate` method](https://image-js.github.io/image-js-typescript/classes/Image.html#rotate 'github.io link') +[🖼️ Image options and parameters of `rotate` method](https://api.image-js.org/classes/index.Image.html#rotate) Rotating images in image processing involves changing the orientation of the image by a certain angle. This can be useful for correcting the orientation of images, creating artistic effects, or preparing images for specific tasks. Just like with flipping, you can achieve this using various programming languages and image processing libraries. diff --git a/docs/Features/Geometry/Transform and Rotate.md b/docs/Features/Geometry/Transform and Rotate.md index 5fd1f2dc..f04127a4 100644 --- a/docs/Features/Geometry/Transform and Rotate.md +++ b/docs/Features/Geometry/Transform and Rotate.md @@ -8,7 +8,7 @@ import TransRotateDemo from './demos/transformRotate.demo.tsx' _Rotates an image by any angle._ -[🖼️ Image options and parameters of `transformRotate` method](https://image-js.github.io/image-js-typescript/classes/Image.html#transformRotate 'github.io link') +[🖼️ Image options and parameters of `transformRotate` method](https://api.image-js.org/classes/index.Image.html#transformRotate) `transformRotate` method rotates image anti-clockwise at any angle that user sets. It applies the same principle as [transform](./Transform.md 'internal link on transform demo') method, but user only needs to pass a rotation angle as a parameter instead of the whole matrix. @@ -30,17 +30,17 @@ _Rotates an image by any angle._ #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------------------------------ | -------- | ------------- | -| [`borderType`](https://image-js.github.io/image-js-typescript/interfaces/TransformRotateOptions.html#borderType) | no | `constant` | -| [`borderValue`](https://image-js.github.io/image-js-typescript/interfaces/TransformRotateOptions.html#borderValue) | no | `0` | -| [`center`](https://image-js.github.io/image-js-typescript/interfaces/TransformRotateOptions.html#center) | no | `center` | -| [`fullImage`](https://image-js.github.io/image-js-typescript/interfaces/TransformRotateOptions.html#fullImage) | no | - | -| [`height`](https://image-js.github.io/image-js-typescript/interfaces/TransformRotateOptions.html#height) | no | - | -| [`interpolationType`](https://image-js.github.io/image-js-typescript/interfaces/TransformRotateOptions.html#interpolationType) | no | `bilinear` | -| [`inverse`](https://image-js.github.io/image-js-typescript/interfaces/TransformRotateOptions.html#inverse) | no | - | -| [`scale`](https://image-js.github.io/image-js-typescript/interfaces/TransformRotateOptions.html#scale) | no | `1` | -| [`width`](https://image-js.github.io/image-js-typescript/interfaces/TransformRotateOptions.html#width) | no | - | +| Property | Required | Default value | +| -------------------------------------------------------------------------------------------------------------- | -------- | ------------- | +| [`borderType`](https://api.image-js.org/interfaces/index.TransformRotateOptions.html#borderType) | no | `constant` | +| [`borderValue`](https://api.image-js.org/interfaces/index.TransformRotateOptions.html#borderValue) | no | `0` | +| [`center`](https://api.image-js.org/interfaces/index.TransformRotateOptions.html#center) | no | `center` | +| [`fullImage`](https://api.image-js.org/interfaces/index.TransformRotateOptions.html#fullImage) | no | - | +| [`height`](https://api.image-js.org/interfaces/index.TransformRotateOptions.html#height) | no | - | +| [`interpolationType`](https://api.image-js.org/interfaces/index.TransformRotateOptions.html#interpolationType) | no | `bilinear` | +| [`inverse`](https://api.image-js.org/interfaces/index.TransformRotateOptions.html#inverse) | no | - | +| [`scale`](https://api.image-js.org/interfaces/index.TransformRotateOptions.html#scale) | no | `1` | +| [`width`](https://api.image-js.org/interfaces/index.TransformRotateOptions.html#width) | no | - | :::info Technically, `transform` method can still be applied to rotate an image. However it is harder. diff --git a/docs/Features/Geometry/Transform.md b/docs/Features/Geometry/Transform.md index 9fba1267..3d8f941f 100644 --- a/docs/Features/Geometry/Transform.md +++ b/docs/Features/Geometry/Transform.md @@ -8,7 +8,7 @@ import TransformDemo from './demos/transform.demo.tsx' _Applies linear transformations to an image, such as scaling, rotation, skewing, or warping, altering its shape or orientation._ -[🖼️ Image options and parameters of `transform` method](https://image-js.github.io/image-js-typescript/classes/Image.html#transform 'github.io link') +[🖼️ Image options and parameters of `transform` method](https://api.image-js.org/classes/index.Image.html#transform) `transform` method uses transformation matrix to rotate, translate, and/or scale the image. User needs to pass on the matrix that will be applied to the image. Matrix must have either 2 rows and 3 columns or 3 rows and 3 columns: @@ -52,12 +52,12 @@ Matrix cannot be singular. Otherwise it cannot be inverted. Click [here](https:/ #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------------------------ | -------- | ------------- | -| [`borderType`](https://image-js.github.io/image-js-typescript/interfaces/TransformOptions.html#borderType) | no | `constant` | -| [`borderValue`](https://image-js.github.io/image-js-typescript/interfaces/TransformOptions.html#borderValue) | no | `0` | -| [`fullImage`](https://image-js.github.io/image-js-typescript/interfaces/TransformOptions.html#fullImage) | no | - | -| [`height`](https://image-js.github.io/image-js-typescript/interfaces/TransformOptions.html#height) | no | - | -| [`interpolationType`](https://image-js.github.io/image-js-typescript/interfaces/TransformOptions.html#interpolationType) | no | `bilinear` | -| [`inverse`](https://image-js.github.io/image-js-typescript/interfaces/TransformOptions.html#inverse) | no | - | -| [`width`](https://image-js.github.io/image-js-typescript/interfaces/TransformOptions.html#width) | no | - | +| Property | Required | Default value | +| -------------------------------------------------------------------------------------------------------- | -------- | ------------- | +| [`borderType`](https://api.image-js.org/interfaces/index.TransformOptions.html#borderType) | no | `constant` | +| [`borderValue`](https://api.image-js.org/interfaces/index.TransformOptions.html#borderValue) | no | `0` | +| [`fullImage`](https://api.image-js.org/interfaces/index.TransformOptions.html#fullImage) | no | - | +| [`height`](https://api.image-js.org/interfaces/index.TransformOptions.html#height) | no | - | +| [`interpolationType`](https://api.image-js.org/interfaces/index.TransformOptions.html#interpolationType) | no | `bilinear` | +| [`inverse`](https://api.image-js.org/interfaces/index.TransformOptions.html#inverse) | no | - | +| [`width`](https://api.image-js.org/interfaces/index.TransformOptions.html#width) | no | - | diff --git a/docs/Features/Morphology/Bottom Hat.md b/docs/Features/Morphology/Bottom Hat.md index 4f9cff8c..69d29c20 100644 --- a/docs/Features/Morphology/Bottom Hat.md +++ b/docs/Features/Morphology/Bottom Hat.md @@ -8,8 +8,8 @@ import BottomHatDemo from './demos/bottomHat.mask.demo.tsx' _Enhances the fine details or small objects within an image by subtracting an opened version of the image from the original._ -[🖼️ Image options and parameters of `bottomHat` method](https://image-js.github.io/image-js-typescript/classes/Image.html#bottomHat 'github.io link') -[🎭 Mask options and parameters of `bottomHat` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#bottomHat 'github.io link') +[🖼️ Image options and parameters of `bottomHat` method](https://api.image-js.org/classes/index.Image.html#bottomHat) +[🎭 Mask options and parameters of `bottomHat` method](https://api.image-js.org/classes/index.Mask.html#bottomHat) Similarly to [top hat](./Top%20Hat.md 'internal link to top hat'), [bottom hat](https://en.wikipedia.org/wiki/Top-hat_transform 'wikipedia link to top hat') operation computes the difference between two images. However, if top hat was using [opening method](./Opening.md 'internal link on open method'), bottom hat is using [closing method](./Closing.md 'internal link on close method'). The purpose of bottom hat(or, as it is also called, _black-hat_) is to enhance and extract **darker** regions of the image. @@ -34,10 +34,10 @@ Parameters and options for Images and Masks are the same. #### Options -| Property | Required | Default value | -| ---------------------------------------------------------------------------------------------------------- | -------- | --------------------------------- | -| [`iterations`](https://image-js.github.io/image-js-typescript/interfaces/BottomHatOptions.html#iterations) | no | `1` | -| [`kernel`](https://image-js.github.io/image-js-typescript/interfaces/BottomHatOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | +| Property | Required | Default value | +| ------------------------------------------------------------------------------------------ | -------- | --------------------------------- | +| [`iterations`](https://api.image-js.org/interfaces/index.BottomHatOptions.html#iterations) | no | `1` | +| [`kernel`](https://api.image-js.org/interfaces/index.BottomHatOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | :::info The method is also available for Masks. diff --git a/docs/Features/Morphology/Canny Edge Detector.md b/docs/Features/Morphology/Canny Edge Detector.md index 2492144d..c5be49d7 100644 --- a/docs/Features/Morphology/Canny Edge Detector.md +++ b/docs/Features/Morphology/Canny Edge Detector.md @@ -8,7 +8,7 @@ import CannyEdgeDemo from './demos/cannyEdgeDetector.demo.tsx' _Identifies edges in an image by detecting areas of rapid intensity changes, highlighting object boundaries and edges with thin and accurate lines._ -[🖼️ Image options and parameters of `cannyEdgeDetector` method](https://image-js.github.io/image-js-typescript/classes/Image.html#cannyEdgeDetector 'github.io link') +[🖼️ Image options and parameters of `cannyEdgeDetector` method](https://api.image-js.org/classes/index.Image.html#cannyEdgeDetector) The Canny edge detector is a popular and widely used image processing technique for detecting edges in images. It is widely used in computer vision, image processing, and various applications such as object recognition, image segmentation, and feature extraction due to its ability to accurately detect edges and suppress noise. @@ -37,13 +37,13 @@ The Canny edge detector is known for its ability to: #### Options -| Property | Required | Default value | -| ---------------------------------------------------------------------------------------------------------------------------- | -------- | ------------- | -| [`gaussianBlurOptions`](https://image-js.github.io/image-js-typescript/interfaces/CannyEdgeOptions.html#gaussianBlurOptions) | no | `1` | -| [`highThreshold`](https://image-js.github.io/image-js-typescript/interfaces/CannyEdgeOptions.html#highThreshold) | no | `0.1` | -| [`lowThreshold`](https://image-js.github.io/image-js-typescript/interfaces/CannyEdgeOptions.html#lowThreshold) | no | `0.04` | -| [`hysteresis`](https://image-js.github.io/image-js-typescript/interfaces/CannyEdgeOptions.html#hysteresis) | no | `true` | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/CannyEdgeOptions.html#out) | no | - | +| Property | Required | Default value | +| ------------------------------------------------------------------------------------------------------------ | -------- | ------------- | +| [`gaussianBlurOptions`](https://api.image-js.org/interfaces/index.CannyEdgeOptions.html#gaussianBlurOptions) | no | `1` | +| [`highThreshold`](https://api.image-js.org/interfaces/index.CannyEdgeOptions.html#highThreshold) | no | `0.1` | +| [`lowThreshold`](https://api.image-js.org/interfaces/index.CannyEdgeOptions.html#lowThreshold) | no | `0.04` | +| [`hysteresis`](https://api.image-js.org/interfaces/index.CannyEdgeOptions.html#hysteresis) | no | `true` | +| [`out`](https://api.image-js.org/interfaces/index.CannyEdgeOptions.html#out) | no | - |
diff --git a/docs/Features/Morphology/Closing.md b/docs/Features/Morphology/Closing.md index 7467d9e2..c7572925 100644 --- a/docs/Features/Morphology/Closing.md +++ b/docs/Features/Morphology/Closing.md @@ -8,8 +8,8 @@ import CloseDemo from './demos/close.mask.demo.tsx' _Combines a dilation filter followed by an erosion filter._ -[🖼️ Image options and parameters of `close` method](https://image-js.github.io/image-js-typescript/classes/Image.html#close 'github.io link') -[🎭 Mask options and parameters of `close` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#close 'github.io link') +[🖼️ Image options and parameters of `close` method](https://api.image-js.org/classes/index.Image.html#close) +[🎭 Mask options and parameters of `close` method](https://api.image-js.org/classes/index.Mask.html#close) Opposed to [opening](./Opening.md 'internal link to open method'), [closing process]( 'wikipedia link on closing') first [erodes](./Erosion.md 'internal link to erode method') an image and only then [dilates](./Dilation.md 'internal link to dilate method') it. It is a useful process for filling small holes in the image, while preserving the shape and size of large holes and objects. @@ -34,10 +34,10 @@ Parameters and options for Images and Masks are the same. #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------ | -------- | --------------------------------- | -| [`iterations`](https://image-js.github.io/image-js-typescript/interfaces/CloseOptions.html#iterations) | no | `1` | -| [`kernel`](https://image-js.github.io/image-js-typescript/interfaces/CloseOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | +| Property | Required | Default value | +| -------------------------------------------------------------------------------------- | -------- | --------------------------------- | +| [`iterations`](https://api.image-js.org/interfaces/index.CloseOptions.html#iterations) | no | `1` | +| [`kernel`](https://api.image-js.org/interfaces/index.CloseOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | :::info The method is also available for Masks. diff --git a/docs/Features/Morphology/Dilation.md b/docs/Features/Morphology/Dilation.md index ab2f20db..808ad481 100644 --- a/docs/Features/Morphology/Dilation.md +++ b/docs/Features/Morphology/Dilation.md @@ -8,8 +8,8 @@ import DilateDemo from './demos/dilate.mask.demo.tsx' _Enlarges the size of foreground objects by iteratively expanding their boundaries._ -[🖼️ Image options and parameters of `dilate` method](https://image-js.github.io/image-js-typescript/classes/Image.html#dilate 'github.io link') -[🎭 Mask options and parameters of `dilate` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#dilate 'github.io link') +[🖼️ Image options and parameters of `dilate` method](https://api.image-js.org/classes/index.Image.html#dilate) +[🎭 Mask options and parameters of `dilate` method](https://api.image-js.org/classes/index.Mask.html#dilate) [Dilation]( 'wikipedia link on dilation') is a fundamental morphological operation in image processing that is used to expand the size of foreground objects ([regions of interest](../../Glossary.md#roiregion-of-interest 'internal link on region of interest')) within an image while preserving their shape and structure. It involves moving a [structuring element](../../Glossary.md#structuring-element 'internal link on structuring element') over the image and replacing each pixel with the **maximum** value of the pixels covered by the structuring element. Dilation is commonly used for tasks like noise reduction, object enlargement, and feature enhancement. @@ -33,10 +33,10 @@ Parameters and options for Images and Masks are the same. #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------- | -------- | --------------------------------- | -| [`iterations`](https://image-js.github.io/image-js-typescript/interfaces/DilateOptions.html#iterations) | no | `1` | -| [`kernel`](https://image-js.github.io/image-js-typescript/interfaces/DilateOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | +| Property | Required | Default value | +| --------------------------------------------------------------------------------------- | -------- | --------------------------------- | +| [`iterations`](https://api.image-js.org/interfaces/index.DilateOptions.html#iterations) | no | `1` | +| [`kernel`](https://api.image-js.org/interfaces/index.DilateOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | :::info The method is also available for Masks. diff --git a/docs/Features/Morphology/Erosion.md b/docs/Features/Morphology/Erosion.md index c672aeae..16884252 100644 --- a/docs/Features/Morphology/Erosion.md +++ b/docs/Features/Morphology/Erosion.md @@ -8,8 +8,8 @@ import ErodeDemo from './demos/erode.mask.demo.tsx' _Reduces the size of foreground objects by iteratively shrinking their boundaries._ -[🖼️ Image options and parameters of `erode` method](https://image-js.github.io/image-js-typescript/classes/Image.html#erode 'github.io link') -[🎭 Mask options and parameters of `erode` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#erode 'github.io link') +[🖼️ Image options and parameters of `erode` method](https://api.image-js.org/classes/index.Image.html#erode) +[🎭 Mask options and parameters of `erode` method](https://api.image-js.org/classes/index.Mask.html#erode) [Erosion](https://en.wikipedia.org/wiki/Erosion 'wikipedia link on erosion') is a fundamental morphological operation in image processing that is used to reduce the size of foreground objects ([regions of interest](../../Glossary.md#roiregion-of-interest 'internal link on region of interest')) within an image while preserving their shape and structure. It works by moving a [structuring element](../../Glossary.md#structuring-element 'internal link on structuring element') over the image and replacing each pixel with the **minimum** value of the pixels covered by the structuring element. Erosion is particularly useful for tasks like noise reduction, edge detection, and object separation. @@ -33,10 +33,10 @@ Parameters and options for Images and Masks are the same. #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------ | -------- | --------------------------------- | -| [`iterations`](https://image-js.github.io/image-js-typescript/interfaces/ErodeOptions.html#iterations) | no | `1` | -| [`kernel`](https://image-js.github.io/image-js-typescript/interfaces/ErodeOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | +| Property | Required | Default value | +| -------------------------------------------------------------------------------------- | -------- | --------------------------------- | +| [`iterations`](https://api.image-js.org/interfaces/index.ErodeOptions.html#iterations) | no | `1` | +| [`kernel`](https://api.image-js.org/interfaces/index.ErodeOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | :::info The method is also available for Masks. diff --git a/docs/Features/Morphology/Morphological Gradient.md b/docs/Features/Morphology/Morphological Gradient.md index 51970168..1c8ba431 100644 --- a/docs/Features/Morphology/Morphological Gradient.md +++ b/docs/Features/Morphology/Morphological Gradient.md @@ -8,8 +8,8 @@ import MorphGradientDemo from './demos/morphologicalGradient.mask.demo.tsx' _Emphasizes the boundaries of objects in a binary or grayscale image by calculating the difference between the dilation and erosion of the image._ -[🖼️ Image options and parameters of `morphologicalGradient` method](https://image-js.github.io/image-js-typescript/classes/Image.html#morphologicalGradient 'github.io link') -[🎭 Mask options and parameters of `morphologicalGradient` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#morphologicalGradient 'github.io link') +[🖼️ Image options and parameters of `morphologicalGradient` method](https://api.image-js.org/classes/index.Image.html#morphologicalGradient) +[🎭 Mask options and parameters of `morphologicalGradient` method](https://api.image-js.org/classes/index.Mask.html#morphologicalGradient) [The morphological gradient](https://en.wikipedia.org/wiki/Morphological_gradient 'wikipedia link on morphological gradient') is a mathematical operation used in image processing and mathematical morphology to highlight the boundaries of objects or regions within an image. It is a fundamental concept in morphological image analysis and is often used for tasks such as edge detection and image segmentation. @@ -37,10 +37,10 @@ Parameters and options for Images and Masks are the same. #### Options -| Property | Required | Default value | -| ---------------------------------------------------------------------------------------------------------------------- | -------- | --------------------------------- | -| [`iterations`](https://image-js.github.io/image-js-typescript/interfaces/MorphologicalGradientOptions.html#iterations) | no | `1` | -| [`kernel`](https://image-js.github.io/image-js-typescript/interfaces/MorphologicalGradientOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | +| Property | Required | Default value | +| ------------------------------------------------------------------------------------------------------ | -------- | --------------------------------- | +| [`iterations`](https://api.image-js.org/interfaces/index.MorphologicalGradientOptions.html#iterations) | no | `1` | +| [`kernel`](https://api.image-js.org/interfaces/index.MorphologicalGradientOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | :::info The method is also available for Masks. diff --git a/docs/Features/Morphology/Opening.md b/docs/Features/Morphology/Opening.md index b1967d68..c63aa890 100644 --- a/docs/Features/Morphology/Opening.md +++ b/docs/Features/Morphology/Opening.md @@ -8,8 +8,8 @@ import OpenDemo from './demos/open.mask.demo.tsx' _Combines an erosion filter followed by a dilation filter._ -[🖼️ Image options and parameters of `open` method](https://image-js.github.io/image-js-typescript/classes/Image.html#open 'github.io link') -[🎭 Mask options and parameters of `open` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#open 'github.io link') +[🖼️ Image options and parameters of `open` method](https://api.image-js.org/classes/index.Image.html#open) +[🎭 Mask options and parameters of `open` method](https://api.image-js.org/classes/index.Mask.html#open) [Opening]() process in morphology involves a dilation of an image, followed by its erosion. This process allows removing small objects and thin lines while preserving the shape and size of larger objects. @@ -34,10 +34,10 @@ Parameters and options for Images and Masks are the same. #### Options -| Property | Required | Default value | -| ----------------------------------------------------------------------------------------------------- | -------- | --------------------------------- | -| [`iterations`](https://image-js.github.io/image-js-typescript/interfaces/OpenOptions.html#iterations) | no | `1` | -| [`kernel`](https://image-js.github.io/image-js-typescript/interfaces/OpenOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | +| Property | Required | Default value | +| ------------------------------------------------------------------------------------- | -------- | --------------------------------- | +| [`iterations`](https://api.image-js.org/interfaces/index.OpenOptions.html#iterations) | no | `1` | +| [`kernel`](https://api.image-js.org/interfaces/index.OpenOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | :::info The method is also available for Masks. diff --git a/docs/Features/Morphology/Top Hat.md b/docs/Features/Morphology/Top Hat.md index 99bf789b..b41cbfd3 100644 --- a/docs/Features/Morphology/Top Hat.md +++ b/docs/Features/Morphology/Top Hat.md @@ -8,8 +8,8 @@ import TopHatDemo from './demos/topHat.mask.demo.tsx' _Enhances the fine details or small objects within an image by subtracting an opened version of the image from the original._ -[🖼️ Image options and parameters of `topHat` method](https://image-js.github.io/image-js-typescript/classes/Image.html#topHat 'github.io link') -[🎭 Mask options and parameters of `topHat` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#topHat 'github.io link') +[🖼️ Image options and parameters of `topHat` method](https://api.image-js.org/classes/index.Image.html#topHat) +[🎭 Mask options and parameters of `topHat` method](https://api.image-js.org/classes/index.Mask.html#topHat) In morphology and image processing, [Top Hat](https://en.wikipedia.org/wiki/Top-hat_transform 'wikipedia link on top hat') is an operation used to enhance or extract small bright regions or details from an image while suppressing the larger surrounding structures. It is the result of subtraction between the result of input image [opening](./Opening.md 'internal link on open method') and the input image itself. @@ -31,10 +31,10 @@ The purpose of bottom hat(or as it is also called _black-hat_) is to enhance and #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------- | -------- | --------------------------------- | -| [`iterations`](https://image-js.github.io/image-js-typescript/interfaces/TopHatOptions.html#iterations) | no | `1` | -| [`kernel`](https://image-js.github.io/image-js-typescript/interfaces/TopHatOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | +| Property | Required | Default value | +| --------------------------------------------------------------------------------------- | -------- | --------------------------------- | +| [`iterations`](https://api.image-js.org/interfaces/index.TopHatOptions.html#iterations) | no | `1` | +| [`kernel`](https://api.image-js.org/interfaces/index.TopHatOptions.html#kernel) | no | `[[1, 1, 1],[1, 1, 1],[1, 1, 1]]` | :::info The method is also available for Masks. diff --git a/docs/Features/Operations/Clear border.md b/docs/Features/Operations/Clear border.md index 8f58bac5..344c464a 100644 --- a/docs/Features/Operations/Clear border.md +++ b/docs/Features/Operations/Clear border.md @@ -4,7 +4,7 @@ sidebar_position: 50 _Removes mask regions at the border of a mask._ -[🎭 Mask options and parameters of `clearBorder` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#clearBorder 'github.io link') +[🎭 Mask options and parameters of `clearBorder` method](https://api.image-js.org/classes/index.Mask.html#clearBorder) `clearBorder()` method removes the elements at the border of the mask. The elements are cleared depending on the color that user specifies as a parameter. This can be used as a preparatory tool for ROI analysis since there are times when regions do not fit completely on an image. With incomplete elements considered as regions the analysis can become misleading. @@ -18,8 +18,8 @@ _Removes mask regions at the border of a mask._ #### Options -| Property | Required | Default value | -| ---------------------------------------------------------------------------------------------------------------- | -------- | ------------- | -| [`allowCorners`](https://image-js.github.io/image-js-typescript/interfaces/ClearBorderOptions.html#allowCorners) | no | `false` | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/ClearBorderOptions.html#out) | no | - | -| [`color`](https://image-js.github.io/image-js-typescript/interfaces/ClearBorderOptions.html#color) | no | `white` | +| Property | Required | Default value | +| ------------------------------------------------------------------------------------------------ | -------- | ------------- | +| [`allowCorners`](https://api.image-js.org/interfaces/index.ClearBorderOptions.html#allowCorners) | no | `false` | +| [`out`](https://api.image-js.org/interfaces/index.ClearBorderOptions.html#out) | no | - | +| [`color`](https://api.image-js.org/interfaces/index.ClearBorderOptions.html#color) | no | `white` | diff --git a/docs/Features/Operations/Get extrema.md b/docs/Features/Operations/Get extrema.md index d51d6d0d..a043ca31 100644 --- a/docs/Features/Operations/Get extrema.md +++ b/docs/Features/Operations/Get extrema.md @@ -4,7 +4,7 @@ sidebar_position: 20 _Finds extreme pixel values in the image._ -[🖼️ Image options and parameters of `getExtrema` function](https://image-js.github.io/image-js-typescript/functions/getExtrema.html 'github.io link') +[🖼️ Image options and parameters of `getExtrema` function](https://api.image-js.org/functions/index.getExtrema.html) `getExtrema`, as the name suggests, finds extreme intensity values of the image. If user looks for minimum values it finds the darkest points, when maximum - the brightest. @@ -37,9 +37,9 @@ You can add a mask as an option to specify locations where to look for extrema. #### Options -| Property | Required | Default value | -| ------------------------------------------------------------------------------------------------------ | -------- | ------------- | -| [`kind`](https://image-js.github.io/image-js-typescript/interfaces/ExtremaOptions.html#kind) | no | `'maximum'` | -| [`mask`](https://image-js.github.io/image-js-typescript/interfaces/ExtremaOptions.html#mask) | no | - | -| [`algorithm`](https://image-js.github.io/image-js-typescript/interfaces/ExtremaOptions.html#algorithm) | no | `star` | -| [`maxEquals`](https://image-js.github.io/image-js-typescript/interfaces/ExtremaOptions.html#maxEquals) | no | `2` | +| Property | Required | Default value | +| -------------------------------------------------------------------------------------- | -------- | ------------- | +| [`kind`](https://api.image-js.org/interfaces/index.ExtremaOptions.html#kind) | no | `'maximum'` | +| [`mask`](https://api.image-js.org/interfaces/index.ExtremaOptions.html#mask) | no | - | +| [`algorithm`](https://api.image-js.org/interfaces/index.ExtremaOptions.html#algorithm) | no | `star` | +| [`maxEquals`](https://api.image-js.org/interfaces/index.ExtremaOptions.html#maxEquals) | no | `2` | diff --git a/docs/Features/Operations/Paint mask.md b/docs/Features/Operations/Paint mask.md index ab84af51..3633a9fe 100644 --- a/docs/Features/Operations/Paint mask.md +++ b/docs/Features/Operations/Paint mask.md @@ -4,8 +4,8 @@ sidebar_position: 60 _Paints mask on the image._ -[🖼️ Image options and parameters of `paintMask` method](https://image-js.github.io/image-js-typescript/classes/Image.html#paintMask 'github.io link') -[🎭 Mask options and parameters of `paintMask` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#paintMask 'github.io link') +[🖼️ Image options and parameters of `paintMask` method](https://api.image-js.org/classes/index.Image.html#paintMask) +[🎭 Mask options and parameters of `paintMask` method](https://api.image-js.org/classes/index.Mask.html#paintMask) This method allows painting a mask on the image or on the mask. It can serve as a good visualization tool to highlight the regions in question. For instance, by painting a mask of each black ROI here, we can highlight all the particles present on the image. @@ -43,17 +43,17 @@ for (const roi of rois) { **For image:** -| Property | Required | Default value | -| --------------------------------------------------------------------------------------------------------- | -------- | ------------------ | -| [`blend`](https://image-js.github.io/image-js-typescript/interfaces/PaintMaskOnImageOptions.html#blend) | no | `true` | -| [`color`](https://image-js.github.io/image-js-typescript/interfaces/PaintMaskOnImageOptions.html#color) | no | black | -| [`origin`](https://image-js.github.io/image-js-typescript/interfaces/PaintMaskOnImageOptions.html#origin) | no | `{column:0,row:0}` | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/PaintMaskOnImageOptions.html#out) | no | - | +| Property | Required | Default value | +| ----------------------------------------------------------------------------------------- | -------- | ------------------ | +| [`blend`](https://api.image-js.org/interfaces/index.PaintMaskOnImageOptions.html#blend) | no | `true` | +| [`color`](https://api.image-js.org/interfaces/index.PaintMaskOnImageOptions.html#color) | no | black | +| [`origin`](https://api.image-js.org/interfaces/index.PaintMaskOnImageOptions.html#origin) | no | `{column:0,row:0}` | +| [`out`](https://api.image-js.org/interfaces/index.PaintMaskOnImageOptions.html#out) | no | - | **For mask:** -| Property | Required | Default value | -| -------------------------------------------------------------------------------------------------------- | -------- | ------------------ | -| [`value`](https://image-js.github.io/image-js-typescript/interfaces/PaintMaskOnMaskOptions.html#value) | no | `1` | -| [`origin`](https://image-js.github.io/image-js-typescript/interfaces/PaintMaskOnMaskOptions.html#origin) | no | `{column:0,row:0}` | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/PaintMaskOnMaskOptions.html#out) | no | - | +| Property | Required | Default value | +| ---------------------------------------------------------------------------------------- | -------- | ------------------ | +| [`value`](https://api.image-js.org/interfaces/index.PaintMaskOnMaskOptions.html#value) | no | `1` | +| [`origin`](https://api.image-js.org/interfaces/index.PaintMaskOnMaskOptions.html#origin) | no | `{column:0,row:0}` | +| [`out`](https://api.image-js.org/interfaces/index.PaintMaskOnMaskOptions.html#out) | no | - | diff --git a/docs/Features/Operations/Remove points.md b/docs/Features/Operations/Remove points.md index db684b40..95db930f 100644 --- a/docs/Features/Operations/Remove points.md +++ b/docs/Features/Operations/Remove points.md @@ -6,7 +6,7 @@ sidebar_position: 30 _Filters close points by minimum distance between each other._ -[🖼️ Image options and parameters of `removeClosePoints` function](https://image-js.github.io/image-js-typescript/functions/removeClosePoints.html 'github.io link') +[🖼️ Image options and parameters of `removeClosePoints` function](https://api.image-js.org/functions/index.removeClosePoints.html) `removeClosePoints` function is used for filtering points that are close to each other. @@ -34,8 +34,8 @@ This function sorts an array of points by intensity and then calculates euclidea #### Options -| Property | Required | Default value | -| -------------------------------------------------------------------------------------------------------------- | -------- | ------------- | -| [`distance`](https://image-js.github.io/image-js-typescript/interfaces/RemoveClosePointsOptions.html#distance) | yes | `0` | -| [`kind`](https://image-js.github.io/image-js-typescript/interfaces/RemoveClosePointsOptions.html#kind) | yes | `'maximum'` | -| [`channel`](https://image-js.github.io/image-js-typescript/interfaces/RemoveClosePointsOptions.html#channel) | no | `0` | +| Property | Required | Default value | +| ---------------------------------------------------------------------------------------------- | -------- | ------------- | +| [`distance`](https://api.image-js.org/interfaces/index.RemoveClosePointsOptions.html#distance) | yes | `0` | +| [`kind`](https://api.image-js.org/interfaces/index.RemoveClosePointsOptions.html#kind) | yes | `'maximum'` | +| [`channel`](https://api.image-js.org/interfaces/index.RemoveClosePointsOptions.html#channel) | no | `0` | diff --git a/docs/Features/Operations/Threshold.md b/docs/Features/Operations/Threshold.md index ab25fc99..8e1da662 100644 --- a/docs/Features/Operations/Threshold.md +++ b/docs/Features/Operations/Threshold.md @@ -8,7 +8,7 @@ import ThresholdDemo from './demos/threshold.demo.tsx' _Grayscale image into a binary image by setting a specific threshold value or algorithm._ -[🖼️ Image options and parameters of `threshold` method](https://image-js.github.io/image-js-typescript/classes/Image.html#threshold 'github.io link') +[🖼️ Image options and parameters of `threshold` method](https://api.image-js.org/classes/index.Image.html#threshold) Thresholding is a common image processing technique used to segment an image into regions based on pixel intensity values. The goal of thresholding is to separate objects or features of interest from the background or noise by setting a threshold value that divides the pixel values into two groups: those above the threshold and those below it. Thresholding is widely used for tasks like object detection, image segmentation, and feature extraction. @@ -30,17 +30,17 @@ With threshold filter there are two ways of passing options: by passing threshol #### Threshold Variant: -| Property | Required | Default value | -| ----------------------------------------------------------------------------------------------------------------- | -------- | ------------- | -| [`threshold`](https://image-js.github.io/image-js-typescript/interfaces/ThresholdOptionsThreshold.html#threshold) | no | - | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/ThresholdOptionsThreshold.html#out) | no | - | +| Property | Required | Default value | +| ------------------------------------------------------------------------------------------------- | -------- | ------------- | +| [`threshold`](https://api.image-js.org/interfaces/index.ThresholdOptionsThreshold.html#threshold) | no | - | +| [`out`](https://api.image-js.org/interfaces/index.ThresholdOptionsThreshold.html#out) | no | - | #### Threshold Algorithm Variant -| Property | Required | Default value | -| ----------------------------------------------------------------------------------------------------------------- | -------- | ------------- | -| [`algorithm`](https://image-js.github.io/image-js-typescript/interfaces/ThresholdOptionsAlgorithm.html#algorithm) | no | `otsu` | -| [`out`](https://image-js.github.io/image-js-typescript/interfaces/ThresholdOptionsAlgorithm.html#out) | no | - | +| Property | Required | Default value | +| ------------------------------------------------------------------------------------------------- | -------- | ------------- | +| [`algorithm`](https://api.image-js.org/interfaces/index.ThresholdOptionsAlgorithm.html#algorithm) | no | `otsu` | +| [`out`](https://api.image-js.org/interfaces/index.ThresholdOptionsAlgorithm.html#out) | no | - | #### List of threshold algorithms: diff --git a/docs/Features/Operations/Watershed.md b/docs/Features/Operations/Watershed.md index 2a42179a..bf30bc7a 100644 --- a/docs/Features/Operations/Watershed.md +++ b/docs/Features/Operations/Watershed.md @@ -6,7 +6,7 @@ sidebar_position: 40 _Separates and identifies distinct regions or objects within an image through gradient information and marker-based segmentation._ -[🖼️ Image options and parameters of `waterShed` function](https://image-js.github.io/image-js-typescript/functions/waterShed.html 'github io link') +[🖼️ Image options and parameters of `waterShed` function](https://api.image-js.org/functions/index.waterShed.html 'github io link') [Watershed filter]( 'wikipedia link on watershed') is a way of identifying objects by finding image's extreme points (minima or maxima) in terms of intensity and filling these spaces with color (label). The process reminds geological [watershed](https://en.wikipedia.org/wiki/Drainage_divide 'wikipedia link on drainage divide'), which is the origin of algorithm's name. In order for the "water" not to go overboard and stay within the limits of the region, these limits must be set. @@ -38,8 +38,8 @@ If you look for bright-colored ROIs, then either look for maximum points or inve #### Options -| Property | Required | Default value | -| -------------------------------------------------------------------------------------------------------- | -------- | ------------------------------------------------------------------------------------------------ | -| [`mask`](https://image-js.github.io/image-js-typescript/interfaces/WaterShedOptions.html#mask) | no | - | -| [`points`](https://image-js.github.io/image-js-typescript/interfaces/WaterShedOptions.html#points) | no | minimum points from [`getExtrema()`](./Get%20extrema.md 'internal link on get extrema') function | -| [`threshold`](https://image-js.github.io/image-js-typescript/interfaces/WaterShedOptions.html#threshold) | no | `1` | +| Property | Required | Default value | +| ---------------------------------------------------------------------------------------- | -------- | ------------------------------------------------------------------------------------------------ | +| [`mask`](https://api.image-js.org/interfaces/index.WaterShedOptions.html#mask) | no | - | +| [`points`](https://api.image-js.org/interfaces/index.WaterShedOptions.html#points) | no | minimum points from [`getExtrema()`](./Get%20extrema.md 'internal link on get extrema') function | +| [`threshold`](https://api.image-js.org/interfaces/index.WaterShedOptions.html#threshold) | no | `1` | diff --git a/docs/Features/Regions of interest/Centroid.md b/docs/Features/Regions of interest/Centroid.md index ace24d66..f7c81635 100644 --- a/docs/Features/Regions of interest/Centroid.md +++ b/docs/Features/Regions of interest/Centroid.md @@ -6,7 +6,7 @@ sidebar_position: 70 _Center of mass of the current ROI._ -[🔎 ROI options and parameters of `centroid` accessor](https://image-js.github.io/image-js-typescript/classes/Roi.html#centroid 'github.io link') +[🔎 ROI options and parameters of `centroid` accessor](https://api.image-js.org/classes/index.Roi.html#centroid) In image processing, centroid is the weighted average of all the coordinates that belong to the region of interest. diff --git a/docs/Features/Regions of interest/Convex Hull.md b/docs/Features/Regions of interest/Convex Hull.md index 8b12b990..dd5800d1 100644 --- a/docs/Features/Regions of interest/Convex Hull.md +++ b/docs/Features/Regions of interest/Convex Hull.md @@ -6,8 +6,8 @@ sidebar_position: 0 _Smallest convex polygon or polyhedron that contains region of interest._ -[🎭 Mask options and parameters `getConvexHull` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#getConvexHull 'github.io link') -[🔎 ROI options and parameters of `convexHull` accessor](https://image-js.github.io/image-js-typescript/classes/Roi.html#convexHull 'github.io link') +[🎭 Mask options and parameters `getConvexHull` method](https://api.image-js.org/classes/index.Mask.html#getConvexHull) +[🔎 ROI options and parameters of `convexHull` accessor](https://api.image-js.org/classes/index.Roi.html#convexHull) [Convex Hull](https://en.wikipedia.org/wiki/Convex_hull 'wikipedia link on convex hull') is a way of characterizing the shape of an image by determining which pixels are adjacent to other pixels of the same intensity. This is a good way to find convex features in an image. @@ -19,11 +19,11 @@ To understand what convex hull is, picture a rubber band wrapped around your obj In ImageJS convex hull is a ROI class accessor that returns a `ConvexHull` object. -| Property name | Description | Property type | -| -------------------------------------------------------------------------------------------------- | ---------------------------- | ------------- | -| [`points`](https://image-js.github.io/image-js-typescript/interfaces/ConvexHull.html#points) | points that form convex hull | `Point[]` | -| [`surface`](https://image-js.github.io/image-js-typescript/interfaces/ConvexHull.html#surface) | convex hull's surface | `number` | -| [`perimeter`](https://image-js.github.io/image-js-typescript/interfaces/ConvexHull.html#perimeter) | convex hull's perimeter | `number` | +| Property name | Description | Property type | +| ---------------------------------------------------------------------------------- | ---------------------------- | ------------- | +| [`points`](https://api.image-js.org/interfaces/index.ConvexHull.html#points) | points that form convex hull | `Point[]` | +| [`surface`](https://api.image-js.org/interfaces/index.ConvexHull.html#surface) | convex hull's surface | `number` | +| [`perimeter`](https://api.image-js.org/interfaces/index.ConvexHull.html#perimeter) | convex hull's perimeter | `number` | ```ts const convexHull = roi.convexHull; diff --git a/docs/Features/Regions of interest/EQPC.md b/docs/Features/Regions of interest/EQPC.md index ac32b16e..ff97f585 100644 --- a/docs/Features/Regions of interest/EQPC.md +++ b/docs/Features/Regions of interest/EQPC.md @@ -6,7 +6,7 @@ sidebar_position: 60 _Diameter of a circle that has the same area as the projection area of the region of interest._ -[🔎 ROI options and parameters of `eqpc` accessor](https://image-js.github.io/image-js-typescript/classes/Roi.html#eqpc 'github.io link') +[🔎 ROI options and parameters of `eqpc` accessor](https://api.image-js.org/classes/index.Roi.html#eqpc) EQPC represents a circle of equal projection area. This means that it is a diameter of a circle that has the same area as an object of interest. It is widely used for the evaluation of particles sizes from the projection area A of a non-spherical particle. diff --git a/docs/Features/Regions of interest/Ellipse.md b/docs/Features/Regions of interest/Ellipse.md index cd8ff252..bf558ef9 100644 --- a/docs/Features/Regions of interest/Ellipse.md +++ b/docs/Features/Regions of interest/Ellipse.md @@ -4,18 +4,18 @@ sidebar_position: 60 _Calculates ellipse around a region of interest._ -[🔎 ROI options and parameters of `ellipse` accessor](https://image-js.github.io/image-js-typescript/classes/Roi.html#ellipse 'github.io link') +[🔎 ROI options and parameters of `ellipse` accessor](https://api.image-js.org/classes/index.Roi.html#ellipse) As it is obvious from the name, `ellipse` calculates the ellipse around the region of interest. In ImageJS ellipse is a ROI class accessor that returns an Ellipse object: -| Property name | Description | Property type | -| ----------------------------------------------------------------------------------------------- | ---------------------- | -------------------------------------------------------- | -| [`center`](https://image-js.github.io/image-js-typescript/interfaces/Ellipse.html#center) | Ellipse's center point | `Point[]` | -| [`majorAxis`](https://image-js.github.io/image-js-typescript/interfaces/Ellipse.html#majorAxis) | Ellipse's major axis | `{points: [Point,Point] ,length: number ,angle: number}` | -| [`minorAxis`](https://image-js.github.io/image-js-typescript/interfaces/Ellipse.html#minorAxis) | Ellipse's minor axis | `{points: [Point,Point] ,length: number ,angle: number}` | -| [`surface`](https://image-js.github.io/image-js-typescript/interfaces/Ellipse.html#surface) | Ellipse's surface | `{points: [Point,Point] ,length: number ,angle: number}` | +| Property name | Description | Property type | +| ------------------------------------------------------------------------------- | ---------------------- | -------------------------------------------------------- | +| [`center`](https://api.image-js.org/interfaces/index.Ellipse.html#center) | Ellipse's center point | `Point[]` | +| [`majorAxis`](https://api.image-js.org/interfaces/index.Ellipse.html#majorAxis) | Ellipse's major axis | `{points: [Point,Point] ,length: number ,angle: number}` | +| [`minorAxis`](https://api.image-js.org/interfaces/index.Ellipse.html#minorAxis) | Ellipse's minor axis | `{points: [Point,Point] ,length: number ,angle: number}` | +| [`surface`](https://api.image-js.org/interfaces/index.Ellipse.html#surface) | Ellipse's surface | `{points: [Point,Point] ,length: number ,angle: number}` | ```ts const ellipse = roi.ellipse; diff --git a/docs/Features/Regions of interest/Feret Diameters.md b/docs/Features/Regions of interest/Feret Diameters.md index d3932b27..2c55116f 100644 --- a/docs/Features/Regions of interest/Feret Diameters.md +++ b/docs/Features/Regions of interest/Feret Diameters.md @@ -6,8 +6,8 @@ sidebar_position: 10 _The longest and shortest distances between two parallel lines that touch a region of interest._ -[🎭 Mask options and parameters of `getFeret` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#getFeret 'github.io link') -[🔎 ROI options and parameters of `feret` accessor](https://image-js.github.io/image-js-typescript/classes/Roi.html#feret 'github.io link') +[🎭 Mask options and parameters of `getFeret` method](https://api.image-js.org/classes/index.Mask.html#getFeret) +[🔎 ROI options and parameters of `feret` accessor](https://api.image-js.org/classes/index.Roi.html#feret) [Feret diameters](https://en.wikipedia.org/wiki/Feret_diameter 'wikipedia link on feret diameter') are determined by measuring the minimum and the maximum distances between two parallel tangents that touch the boundary of the region of interest. This measurement is commonly employed for the analysis of shapes and structures in images. @@ -20,11 +20,11 @@ Feret diameters can be defined by the points as if the object was measured by [c In ImageJS Feret diameters are a ROI class accessor that return a Feret object: -| Property name | Description | Property type | -| ------------------------------------------------------------------------------------------------- | ------------------------------ | --------------- | -| [`minDiameter`](https://image-js.github.io/image-js-typescript/interfaces/Feret.html#minDiameter) | minimum diameter | `FeretDiameter` | -| [`maxDiameter`](https://image-js.github.io/image-js-typescript/interfaces/Feret.html#maxDiameter) | maximum diameter | `FeretDiameter` | -| [`aspectRatio`](https://image-js.github.io/image-js-typescript/interfaces/Feret.html#aspectRatio) | ratio between diameter lengths | `number` | +| Property name | Description | Property type | +| --------------------------------------------------------------------------------- | ------------------------------ | --------------- | +| [`minDiameter`](https://api.image-js.org/interfaces/index.Feret.html#minDiameter) | minimum diameter | `FeretDiameter` | +| [`maxDiameter`](https://api.image-js.org/interfaces/index.Feret.html#maxDiameter) | maximum diameter | `FeretDiameter` | +| [`aspectRatio`](https://api.image-js.org/interfaces/index.Feret.html#aspectRatio) | ratio between diameter lengths | `number` | ```ts const feret = roi.feret; @@ -39,12 +39,12 @@ const feret = mask.getFeret(); :::info Each diameter in itself is also an object which has its own properties: -| Property name | Description | Property type | -| ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | ---------------------------------- | -| [`angle`](https://image-js.github.io/image-js-typescript/interfaces/FeretDiameter.html#angle) | Angle between the diameter and a horizontal line in degrees. | `number` | -| [`calliperLines`](https://image-js.github.io/image-js-typescript/interfaces/FeretDiameter.html#calliperLines) | Calliper lines that pass by endpoints of Feret diameters. | `[[Point, Point], [Point, Point]]` | -| [`length`](https://image-js.github.io/image-js-typescript/interfaces/FeretDiameter.html#length) | length of the diameter | `number` | -| [`points`](https://image-js.github.io/image-js-typescript/interfaces/FeretDiameter.html#points) | start and end points of the diameter | `[Point, Point]` | +| Property name | Description | Property type | +| --------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | ---------------------------------- | +| [`angle`](https://api.image-js.org/interfaces/index.FeretDiameter.html#angle) | Angle between the diameter and a horizontal line in degrees. | `number` | +| [`calliperLines`](https://api.image-js.org/interfaces/index.FeretDiameter.html#calliperLines) | Calliper lines that pass by endpoints of Feret diameters. | `[[Point, Point], [Point, Point]]` | +| [`length`](https://api.image-js.org/interfaces/index.FeretDiameter.html#length) | length of the diameter | `number` | +| [`points`](https://api.image-js.org/interfaces/index.FeretDiameter.html#points) | start and end points of the diameter | `[Point, Point]` | ::: diff --git a/docs/Features/Regions of interest/Fill ratio.md b/docs/Features/Regions of interest/Fill ratio.md index 613c0731..57c56686 100644 --- a/docs/Features/Regions of interest/Fill ratio.md +++ b/docs/Features/Regions of interest/Fill ratio.md @@ -6,7 +6,7 @@ sidebar_position: 80 _Ratio of the actual filled space to the total available space._ -[🔎 ROI options and parameters of `fillRatio` accessor](https://image-js.github.io/image-js-typescript/classes/Roi.html#fillRatio 'github.io link') +[🔎 ROI options and parameters of `fillRatio` accessor](https://api.image-js.org/classes/index.Roi.html#fillRatio) Fill ratio represents the ratio of how much of region's surface is filled with holes. Basically it helps understanding the actual ROI shape and how it is affected by holes in it. For example, if an object does not have holes or cavities in it the fill ratio will be equal to 1. diff --git a/docs/Features/Regions of interest/Holes info.md b/docs/Features/Regions of interest/Holes info.md index 0999ca07..dcf0f74a 100644 --- a/docs/Features/Regions of interest/Holes info.md +++ b/docs/Features/Regions of interest/Holes info.md @@ -4,7 +4,7 @@ sidebar_position: 81 _Information about holes in the ROI._ -[🔎 ROI options and parameters of `holesInfo` method](https://image-js.github.io/image-js-typescript/classes/Roi.html#holesInfo 'github.io link') +[🔎 ROI options and parameters of `holesInfo` method](https://api.image-js.org/classes/index.Roi.html#holesInfo) Holes info provides information about the number of and the overall surface of holes within the region of interest. It allows finding [fill ratio](./Fill%20ratio.md) and provides insight about form of the ROI. diff --git a/docs/Features/Regions of interest/MBR.md b/docs/Features/Regions of interest/MBR.md index 10096848..6718d575 100644 --- a/docs/Features/Regions of interest/MBR.md +++ b/docs/Features/Regions of interest/MBR.md @@ -6,8 +6,8 @@ sidebar_position: 20 _Smallest rectangle that fully encloses a region of interest, providing a bounding box with minimal area._ -[🎭 Mask options and parameters of `getMbr` method](https://image-js.github.io/image-js-typescript/classes/Mask.html#getMbr 'github.io link') -[🔎 ROI options and parameters of `mbr` accessor](https://image-js.github.io/image-js-typescript/classes/Roi.html#mbr 'github.io link') +[🎭 Mask options and parameters of `getMbr` method](https://api.image-js.org/classes/index.Mask.html#getMbr) +[🔎 ROI options and parameters of `mbr` accessor](https://api.image-js.org/classes/index.Roi.html#mbr) Minimum Bounding Rectangle(MBR) is the smallest rectangle which can fit the region of interest in question. @@ -17,15 +17,15 @@ MBR is relevant for such things as extracting features, detecting collisions or In ImageJS minimum bounding rectangle is a ROI class accessor that returns a `Mbr` object. -| Property name | Description | Property type | -| ----------------------------------------------------------------------------------------------- | ------------------------------------ | ------------- | -| [`points`](https://image-js.github.io/image-js-typescript/interfaces/Mbr.html#points) | points that form MBR | `Point[]` | -| [`perimeter`](https://image-js.github.io/image-js-typescript/interfaces/Mbr.html#perimeter) | MBR's perimeter | `number` | -| [`surface`](https://image-js.github.io/image-js-typescript/interfaces/Mbr.html#surface) | MBR's surface | `number` | -| [`height`](https://image-js.github.io/image-js-typescript/interfaces/Mbr.html#height) | MBR's height | `number` | -| [`width`](https://image-js.github.io/image-js-typescript/interfaces/Mbr.html#width) | MBR's width | `number` | -| [`angle`](https://image-js.github.io/image-js-typescript/interfaces/Mbr.html#angle) | MBR's angle | `number` | -| [`aspectRatio`](https://image-js.github.io/image-js-typescript/interfaces/Mbr.html#aspectRatio) | ratio between MBR's width and height | `number` | +| Property name | Description | Property type | +| ------------------------------------------------------------------------------- | ------------------------------------ | ------------- | +| [`points`](https://api.image-js.org/interfaces/index.Mbr.html#points) | points that form MBR | `Point[]` | +| [`perimeter`](https://api.image-js.org/interfaces/index.Mbr.html#perimeter) | MBR's perimeter | `number` | +| [`surface`](https://api.image-js.org/interfaces/index.Mbr.html#surface) | MBR's surface | `number` | +| [`height`](https://api.image-js.org/interfaces/index.Mbr.html#height) | MBR's height | `number` | +| [`width`](https://api.image-js.org/interfaces/index.Mbr.html#width) | MBR's width | `number` | +| [`angle`](https://api.image-js.org/interfaces/index.Mbr.html#angle) | MBR's angle | `number` | +| [`aspectRatio`](https://api.image-js.org/interfaces/index.Mbr.html#aspectRatio) | ratio between MBR's width and height | `number` | ```ts const mbr = roi.mbr; diff --git a/docs/Features/Regions of interest/PED.md b/docs/Features/Regions of interest/PED.md index b744a73e..0e1f7bd1 100644 --- a/docs/Features/Regions of interest/PED.md +++ b/docs/Features/Regions of interest/PED.md @@ -6,7 +6,7 @@ sidebar_position: 50 _Diameter of a circle that has the same perimeter as the region of interest._ -[🔎 ROI options and parameters of `ped` accessor](https://image-js.github.io/image-js-typescript/classes/Roi.html#ped 'github.io link') +[🔎 ROI options and parameters of `ped` accessor](https://api.image-js.org/classes/index.Roi.html#ped) PED represents a diameter of a circle that has the same perimeter as the particle image. Similarly to [EQPC](./EQPC.md 'internal link on eqpc') it is used to evaluate ROI's sizes albeit from its perimeter and not surface. diff --git a/docs/Features/Regions of interest/Perimeter.md b/docs/Features/Regions of interest/Perimeter.md index b3052725..38c0f957 100644 --- a/docs/Features/Regions of interest/Perimeter.md +++ b/docs/Features/Regions of interest/Perimeter.md @@ -6,7 +6,7 @@ sidebar_position: 40 _Total length of the object's outer borders._ -[🔎 ROI options and parameters of `perimeter` accessor](https://image-js.github.io/image-js-typescript/classes/Roi.html#perimeter 'github.io link') +[🔎 ROI options and parameters of `perimeter` accessor](https://api.image-js.org/classes/index.Roi.html#perimeter) Although perimeter might seem like a straight-forward sum of border pixels this is not the case. In ImageJS each pixel's perimeter gets calculated depending on the number of sides that the pixel is exposed to externally. diff --git a/docs/Features/Regions of interest/Roundness.md b/docs/Features/Regions of interest/Roundness.md index ef552a96..c941abcc 100644 --- a/docs/Features/Regions of interest/Roundness.md +++ b/docs/Features/Regions of interest/Roundness.md @@ -6,7 +6,7 @@ sidebar_position: 100 _Quantifies the deviation of an object's shape from a perfect circle._ -[🔎 ROI options and parameters of `roundness` accessor](https://image-js.github.io/image-js-typescript/classes/Roi.html#roundness 'github.io link') +[🔎 ROI options and parameters of `roundness` accessor](https://api.image-js.org/classes/index.Roi.html#roundness) Roundness is the measure of how closely the shape of an object approaches that of a mathematically perfect circle. To compute it the formula is this: diff --git a/docs/Features/Regions of interest/Solidity.md b/docs/Features/Regions of interest/Solidity.md index 1bd30722..ccdd6398 100644 --- a/docs/Features/Regions of interest/Solidity.md +++ b/docs/Features/Regions of interest/Solidity.md @@ -6,7 +6,7 @@ sidebar_position: 90 _Measure of the compactness of a region or object._ -[🔎 ROI options and parameters of `solidity` accessor](https://image-js.github.io/image-js-typescript/classes/Roi.html#solidity 'github.io link') +[🔎 ROI options and parameters of `solidity` accessor](https://api.image-js.org/classes/index.Roi.html#solidity) The solidity describes the extent to which a shape is convex or concave. It is calculated through this formula. diff --git a/docs/Features/Regions of interest/Sphericity.md b/docs/Features/Regions of interest/Sphericity.md index 2de5a722..d96f8ed6 100644 --- a/docs/Features/Regions of interest/Sphericity.md +++ b/docs/Features/Regions of interest/Sphericity.md @@ -6,9 +6,9 @@ sidebar_position: 110 _Ratio that assesses how closely an object approaches the shape of a perfect sphere._ -[🔎 ROI options and parameters of `sphericity` accessor](https://image-js.github.io/image-js-typescript/classes/Roi.html#sphericity 'github.io link') +[🔎 ROI options and parameters of `sphericity` accessor](https://api.image-js.org/classes/index.Roi.html#sphericity) -Sphericity is a measure of the degree to which a particle approximates the shape of a sphere, and is independent of its size. The value is always between 0 and 1. The less spheric the ROI is the smaller is the number. +Sphericity is a measure of the degree to which a particle approximates the shape of a sphere and is independent of its size. The value is always between 0 and 1. The less spheric the ROI is the smaller is the number. It is calculated through this formula: $$ diff --git a/docs/Tutorials/Applying transform function on images.md b/docs/Tutorials/Applying transform function on images.md index 0ac91fd5..8ca1e5be 100644 --- a/docs/Tutorials/Applying transform function on images.md +++ b/docs/Tutorials/Applying transform function on images.md @@ -86,7 +86,7 @@ Each parameter controls specific aspects of the transformation: - `g`, `h`: Perspective distortion (horizontal and vertical) - `i`: Normalization factor (usually 1) -For affine transformation 2x3 matrix will be used, because last row is not necessary for this kind of transformation. +For affine transformation 2x3 matrix will be used because the last row is not necessary for this kind of transformation. ## Affine Transformations @@ -122,7 +122,7 @@ const stretchedImage = image.transform(transformationMatrix); :::note ImageJS also has [`resize`](../Features/Geometry/Resize.md) function that allows to scale an image. -Current tutorial just demonstrates the basic principle behind transformation of such kind. +The current tutorial just demonstrates the basic principle behind transformation of such kind. ::: #### Common Scaling Examples diff --git a/docs/Useful tips/Out-parameter and its purpose.md b/docs/Useful tips/Out-parameter and its purpose.md index f918ba38..354f885b 100644 --- a/docs/Useful tips/Out-parameter and its purpose.md +++ b/docs/Useful tips/Out-parameter and its purpose.md @@ -43,7 +43,7 @@ console.log(image === testImage); // true ``` :::caution -Some functions like [`convertColor`](https://image-js.github.io/image-js-typescript/functions/convertColor.html 'github.io link') can have an `out` parameter but cannot use the source image as the target image, since the function changes the color model of the input image. +Some functions like [`convertColor`](https://api.image-js.org/functions/index.convertColor.html) can have an `out` parameter but cannot use the source image as the target image, since the function changes the color model of the input image. ```ts let image1 = testUtils.createGreyImage([[1, 1, 1]]); diff --git a/docusaurus.config.js b/docusaurus.config.js index cf92a775..723fc07f 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -47,7 +47,7 @@ async function createConfig() { favicon: 'img/image-js-favicon.svg', // Set the production url of your site here - url: 'https://image-js-docs.pages.dev/', + url: 'https://docs.image-js.org/', // Set the // pathname under which your site is served // For GitHub pages deployment, it is often '//' baseUrl: '/', @@ -139,7 +139,7 @@ async function createConfig() { }, { to: '/blog', label: 'Blog', position: 'left' }, { - href: 'https://image-js.github.io/image-js-typescript/', + href: 'https://api.image-js.org/', label: 'API reference', position: 'left', }, @@ -187,11 +187,11 @@ async function createConfig() { items: [ { label: 'GitHub', - href: 'https://github.com/image-js/image-js-typescript', + href: 'https://github.com/image-js/image-js', }, { label: 'API reference', - href: 'https://image-js.github.io/image-js-typescript/', + href: 'https://api.image-js.org/', }, { label: 'Zakodium', diff --git a/package-lock.json b/package-lock.json index f5ac9b16..e74a79d0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,32 +8,32 @@ "name": "image-js-docs", "version": "0.0.0", "dependencies": { - "@docusaurus/core": "^3.7.0", - "@docusaurus/preset-classic": "^3.7.0", + "@docusaurus/core": "^3.8.1", + "@docusaurus/preset-classic": "^3.8.1", "@docusaurus/theme-common": "^3.8.1", - "@mdx-js/react": "^3.0.0", - "@monaco-editor/react": "^4.5.0", + "@mdx-js/react": "^3.1.0", + "@monaco-editor/react": "^4.7.0", "@orama/plugin-docusaurus-v3": "^3.1.11", - "@orama/plugin-secure-proxy": "^3.0.5", + "@orama/plugin-secure-proxy": "^3.1.11", "clsx": "^2.1.1", "image-js": "0.0.0-next-1a96bf38e6", "immer": "^10.1.1", - "prism-react-renderer": "^2.1.0", + "prism-react-renderer": "^2.4.1", "react": "^19.1.1", "react-dom": "^19.1.1", "react-icons": "^5.5.0", "react-kbs": "^2.1.1", - "rehype-katex": "^7.0.0", + "rehype-katex": "^7.0.1", "remark-math": "^6.0.0", "remove": "^0.1.5" }, "devDependencies": { - "@docusaurus/module-type-aliases": "^3.7.0", - "@docusaurus/tsconfig": "^3.7.0", - "@docusaurus/types": "^3.7.0", - "@types/react": "^19.1.9", + "@docusaurus/module-type-aliases": "^3.8.1", + "@docusaurus/tsconfig": "^3.8.1", + "@docusaurus/types": "^3.8.1", + "@types/react": "^19.1.10", "cspell": "^9.2.0", - "eslint": "^9.32.0", + "eslint": "^9.33.0", "eslint-config-zakodium": "^16.0.0", "prettier": "^3.6.2", "raw-loader": "^4.0.2", @@ -356,21 +356,21 @@ } }, "node_modules/@babel/core": { - "version": "7.28.0", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.0.tgz", - "integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.3.tgz", + "integrity": "sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==", "license": "MIT", "dependencies": { "@ampproject/remapping": "^2.2.0", "@babel/code-frame": "^7.27.1", - "@babel/generator": "^7.28.0", + "@babel/generator": "^7.28.3", "@babel/helper-compilation-targets": "^7.27.2", - "@babel/helper-module-transforms": "^7.27.3", - "@babel/helpers": "^7.27.6", - "@babel/parser": "^7.28.0", + "@babel/helper-module-transforms": "^7.28.3", + "@babel/helpers": "^7.28.3", + "@babel/parser": "^7.28.3", "@babel/template": "^7.27.2", - "@babel/traverse": "^7.28.0", - "@babel/types": "^7.28.0", + "@babel/traverse": "^7.28.3", + "@babel/types": "^7.28.2", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", @@ -395,13 +395,13 @@ } }, "node_modules/@babel/generator": { - "version": "7.28.0", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.0.tgz", - "integrity": "sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.3.tgz", + "integrity": "sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==", "license": "MIT", "dependencies": { - "@babel/parser": "^7.28.0", - "@babel/types": "^7.28.0", + "@babel/parser": "^7.28.3", + "@babel/types": "^7.28.2", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" @@ -448,17 +448,17 @@ } }, "node_modules/@babel/helper-create-class-features-plugin": { - "version": "7.27.1", - "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz", - "integrity": "sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.3.tgz", + "integrity": "sha512-V9f6ZFIYSLNEbuGA/92uOvYsGCJNsuA8ESZ4ldc09bWk/j8H8TKiPw8Mk1eG6olpnO0ALHJmYfZvF4MEE4gajg==", "license": "MIT", "dependencies": { - "@babel/helper-annotate-as-pure": "^7.27.1", + "@babel/helper-annotate-as-pure": "^7.27.3", "@babel/helper-member-expression-to-functions": "^7.27.1", "@babel/helper-optimise-call-expression": "^7.27.1", "@babel/helper-replace-supers": "^7.27.1", "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1", - "@babel/traverse": "^7.27.1", + "@babel/traverse": "^7.28.3", "semver": "^6.3.1" }, "engines": { @@ -555,14 +555,14 @@ } }, "node_modules/@babel/helper-module-transforms": { - "version": "7.27.3", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz", - "integrity": "sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz", + "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==", "license": "MIT", "dependencies": { "@babel/helper-module-imports": "^7.27.1", "@babel/helper-validator-identifier": "^7.27.1", - "@babel/traverse": "^7.27.3" + "@babel/traverse": "^7.28.3" }, "engines": { "node": ">=6.9.0" @@ -667,23 +667,23 @@ } }, "node_modules/@babel/helper-wrap-function": { - "version": "7.27.1", - "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.27.1.tgz", - "integrity": "sha512-NFJK2sHUvrjo8wAU/nQTWU890/zB2jj0qBcCbZbbf+005cAsv6tMjXz31fBign6M5ov1o0Bllu+9nbqkfsjjJQ==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.28.3.tgz", + "integrity": "sha512-zdf983tNfLZFletc0RRXYrHrucBEg95NIFMkn6K9dbeMYnsgHaSBGcQqdsCSStG2PYwRre0Qc2NNSCXbG+xc6g==", "license": "MIT", "dependencies": { - "@babel/template": "^7.27.1", - "@babel/traverse": "^7.27.1", - "@babel/types": "^7.27.1" + "@babel/template": "^7.27.2", + "@babel/traverse": "^7.28.3", + "@babel/types": "^7.28.2" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helpers": { - "version": "7.28.2", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.2.tgz", - "integrity": "sha512-/V9771t+EgXz62aCcyofnQhGM8DQACbRhvzKFsXKC9QM+5MadF8ZmIm0crDMaz3+o0h0zXfJnd4EhbYbxsrcFw==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.3.tgz", + "integrity": "sha512-PTNtvUQihsAsDHMOP5pfobP8C6CM4JWXmP8DrEIt46c3r2bf87Ua1zoqevsMo9g+tWDwgWrFP5EIxuBx5RudAw==", "license": "MIT", "dependencies": { "@babel/template": "^7.27.2", @@ -694,12 +694,12 @@ } }, "node_modules/@babel/parser": { - "version": "7.28.0", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.0.tgz", - "integrity": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.3.tgz", + "integrity": "sha512-7+Ey1mAgYqFAx2h0RuoxcQT5+MlG3GTV0TQrgr7/ZliKsm/MNDxVVutlWaziMq7wJNAz8MTqz55XLpWvva6StA==", "license": "MIT", "dependencies": { - "@babel/types": "^7.28.0" + "@babel/types": "^7.28.2" }, "bin": { "parser": "bin/babel-parser.js" @@ -772,13 +772,13 @@ } }, "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": { - "version": "7.27.1", - "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.27.1.tgz", - "integrity": "sha512-6BpaYGDavZqkI6yT+KSPdpZFfpnd68UKXbcjI9pJ13pvHhPrCKWOOLp+ysvMeA+DxnhuPpgIaRpxRxo5A9t5jw==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.3.tgz", + "integrity": "sha512-b6YTX108evsvE4YgWyQ921ZAFFQm3Bn+CA3+ZXlNVnPhx+UfsVURoPjfGAPCjBgrqo30yX/C2nZGX96DxvR9Iw==", "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.27.1", - "@babel/traverse": "^7.27.1" + "@babel/traverse": "^7.28.3" }, "engines": { "node": ">=6.9.0" @@ -983,12 +983,12 @@ } }, "node_modules/@babel/plugin-transform-class-static-block": { - "version": "7.27.1", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.27.1.tgz", - "integrity": "sha512-s734HmYU78MVzZ++joYM+NkJusItbdRcbm+AGRgJCt3iA+yux0QpD9cBVdz3tKyrjVYWRl7j0mHSmv4lhV0aoA==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.3.tgz", + "integrity": "sha512-LtPXlBbRoc4Njl/oh1CeD/3jC+atytbnf/UqLoqTDcEYGUPj022+rvfkbDYieUrSj3CaV4yHDByPE+T2HwfsJg==", "license": "MIT", "dependencies": { - "@babel/helper-create-class-features-plugin": "^7.27.1", + "@babel/helper-create-class-features-plugin": "^7.28.3", "@babel/helper-plugin-utils": "^7.27.1" }, "engines": { @@ -999,9 +999,9 @@ } }, "node_modules/@babel/plugin-transform-classes": { - "version": "7.28.0", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.0.tgz", - "integrity": "sha512-IjM1IoJNw72AZFlj33Cu8X0q2XK/6AaVC3jQu+cgQ5lThWD5ajnuUAml80dqRmOhmPkTH8uAwnpMu9Rvj0LTRA==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.3.tgz", + "integrity": "sha512-DoEWC5SuxuARF2KdKmGUq3ghfPMO6ZzR12Dnp5gubwbeWJo4dbNWXJPVlwvh4Zlq6Z7YVvL8VFxeSOJgjsx4Sg==", "license": "MIT", "dependencies": { "@babel/helper-annotate-as-pure": "^7.27.3", @@ -1009,7 +1009,7 @@ "@babel/helper-globals": "^7.28.0", "@babel/helper-plugin-utils": "^7.27.1", "@babel/helper-replace-supers": "^7.27.1", - "@babel/traverse": "^7.28.0" + "@babel/traverse": "^7.28.3" }, "engines": { "node": ">=6.9.0" @@ -1588,9 +1588,9 @@ } }, "node_modules/@babel/plugin-transform-regenerator": { - "version": "7.28.1", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.1.tgz", - "integrity": "sha512-P0QiV/taaa3kXpLY+sXla5zec4E+4t4Aqc9ggHlfZ7a2cp8/x/Gv08jfwEtn9gnnYIMvHx6aoOZ8XJL8eU71Dg==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.3.tgz", + "integrity": "sha512-K3/M/a4+ESb5LEldjQb+XSrpY0nF+ZBFlTCbSnKaYAMfD8v33O6PMs4uYnOk19HlcsI8WMu3McdFPTiQHF/1/A==", "license": "MIT", "dependencies": { "@babel/helper-plugin-utils": "^7.27.1" @@ -1634,9 +1634,9 @@ } }, "node_modules/@babel/plugin-transform-runtime": { - "version": "7.28.0", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.0.tgz", - "integrity": "sha512-dGopk9nZrtCs2+nfIem25UuHyt5moSJamArzIoh9/vezUQPmYDOzjaHDCkAzuGJibCIkPup8rMT2+wYB6S73cA==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.3.tgz", + "integrity": "sha512-Y6ab1kGqZ0u42Zv/4a7l0l72n9DKP/MKoKWaUSBylrhNZO2prYuqFOLbn5aW5SIFXwSH93yfjbgllL8lxuGKLg==", "license": "MIT", "dependencies": { "@babel/helper-module-imports": "^7.27.1", @@ -1821,9 +1821,9 @@ } }, "node_modules/@babel/preset-env": { - "version": "7.28.0", - "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.28.0.tgz", - "integrity": "sha512-VmaxeGOwuDqzLl5JUkIRM1X2Qu2uKGxHEQWh+cvvbl7JuJRgKGJSfsEF/bUaxFhJl/XAyxBe7q7qSuTbKFuCyg==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.28.3.tgz", + "integrity": "sha512-ROiDcM+GbYVPYBOeCR6uBXKkQpBExLl8k9HO1ygXEyds39j+vCCsjmj7S8GOniZQlEs81QlkdJZe76IpLSiqpg==", "license": "MIT", "dependencies": { "@babel/compat-data": "^7.28.0", @@ -1834,7 +1834,7 @@ "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.27.1", "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.27.1", "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.27.1", - "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.27.1", + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.28.3", "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2", "@babel/plugin-syntax-import-assertions": "^7.27.1", "@babel/plugin-syntax-import-attributes": "^7.27.1", @@ -1845,8 +1845,8 @@ "@babel/plugin-transform-block-scoped-functions": "^7.27.1", "@babel/plugin-transform-block-scoping": "^7.28.0", "@babel/plugin-transform-class-properties": "^7.27.1", - "@babel/plugin-transform-class-static-block": "^7.27.1", - "@babel/plugin-transform-classes": "^7.28.0", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-classes": "^7.28.3", "@babel/plugin-transform-computed-properties": "^7.27.1", "@babel/plugin-transform-destructuring": "^7.28.0", "@babel/plugin-transform-dotall-regex": "^7.27.1", @@ -1878,7 +1878,7 @@ "@babel/plugin-transform-private-methods": "^7.27.1", "@babel/plugin-transform-private-property-in-object": "^7.27.1", "@babel/plugin-transform-property-literals": "^7.27.1", - "@babel/plugin-transform-regenerator": "^7.28.0", + "@babel/plugin-transform-regenerator": "^7.28.3", "@babel/plugin-transform-regexp-modifiers": "^7.27.1", "@babel/plugin-transform-reserved-words": "^7.27.1", "@babel/plugin-transform-shorthand-properties": "^7.27.1", @@ -1967,18 +1967,18 @@ } }, "node_modules/@babel/runtime": { - "version": "7.28.2", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.2.tgz", - "integrity": "sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.3.tgz", + "integrity": "sha512-9uIQ10o0WGdpP6GDhXcdOJPJuDgFtIDtN/9+ArJQ2NAfAmiuhTQdzkaTGR33v43GYS2UrSA0eX2pPPHoFVvpxA==", "license": "MIT", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/runtime-corejs3": { - "version": "7.28.2", - "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.28.2.tgz", - "integrity": "sha512-FVFaVs2/dZgD3Y9ZD+AKNKjyGKzwu0C54laAXWUXgLcVXcCX6YZ6GhK2cp7FogSN2OA0Fu+QT8dP3FUdo9ShSQ==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.28.3.tgz", + "integrity": "sha512-LKYxD2CIfocUFNREQ1yk+dW+8OH8CRqmgatBZYXb+XhuObO8wsDpEoCNri5bKld9cnj8xukqZjxSX8p1YiRF8Q==", "license": "MIT", "dependencies": { "core-js-pure": "^3.43.0" @@ -2002,17 +2002,17 @@ } }, "node_modules/@babel/traverse": { - "version": "7.28.0", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.0.tgz", - "integrity": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==", + "version": "7.28.3", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.3.tgz", + "integrity": "sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ==", "license": "MIT", "dependencies": { "@babel/code-frame": "^7.27.1", - "@babel/generator": "^7.28.0", + "@babel/generator": "^7.28.3", "@babel/helper-globals": "^7.28.0", - "@babel/parser": "^7.28.0", + "@babel/parser": "^7.28.3", "@babel/template": "^7.27.2", - "@babel/types": "^7.28.0", + "@babel/types": "^7.28.2", "debug": "^4.3.1" }, "engines": { @@ -2200,9 +2200,9 @@ } }, "node_modules/@cspell/dict-companies": { - "version": "3.2.3", - "resolved": "https://registry.npmjs.org/@cspell/dict-companies/-/dict-companies-3.2.3.tgz", - "integrity": "sha512-7ekwamRYeS7G3I3LEKM3t0WIyAytCbsx2I2h2z2eEvF+b3TmtJVcV7UI7BScLue3bep4sPB/b4CV3BUv3QfyzQ==", + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/@cspell/dict-companies/-/dict-companies-3.2.4.tgz", + "integrity": "sha512-36NoOjW3Vl1Sl+ccEvD6NDA4YhaKo2mg2zAyah8n7tpaFXf5QNBlnZsPCgRwPM6aG1UfN30jiyd2hIVOeoKj9A==", "dev": true, "license": "MIT" }, @@ -2465,9 +2465,9 @@ "license": "MIT" }, "node_modules/@cspell/dict-npm": { - "version": "5.2.13", - "resolved": "https://registry.npmjs.org/@cspell/dict-npm/-/dict-npm-5.2.13.tgz", - "integrity": "sha512-yE7DfpiQjDFW6TLr5/fsSj4BlUy1A8lsuz2LQQHv4lQAAkZ4RsePYFL9DkRRfEtxn8CZYetUnU74/jQbfsnyrA==", + "version": "5.2.14", + "resolved": "https://registry.npmjs.org/@cspell/dict-npm/-/dict-npm-5.2.14.tgz", + "integrity": "sha512-amZCBJIqzRmPq5uKh0v2fdejt9AJQsQwx0spPFQaBZ2cRoE6qlqstPWLLc5lhz668QgSQeZ7mlURtCEWWlOtPw==", "dev": true, "license": "MIT" }, @@ -2486,9 +2486,9 @@ "license": "MIT" }, "node_modules/@cspell/dict-public-licenses": { - "version": "2.0.14", - "resolved": "https://registry.npmjs.org/@cspell/dict-public-licenses/-/dict-public-licenses-2.0.14.tgz", - "integrity": "sha512-8NhNzQWALF6+NlLeKZKilSHbeW9MWeiD+NcrjehMAcovKFbsn8smmQG/bVxw+Ymtd6WEgNpLgswAqNsbSQQ4og==", + "version": "2.0.15", + "resolved": "https://registry.npmjs.org/@cspell/dict-public-licenses/-/dict-public-licenses-2.0.15.tgz", + "integrity": "sha512-cJEOs901H13Pfy0fl4dCD1U+xpWIMaEPq8MeYU83FfDZvellAuSo4GqWCripfIqlhns/L6+UZEIJSOZnjgy7Wg==", "dev": true, "license": "MIT" }, @@ -4579,9 +4579,9 @@ } }, "node_modules/@eslint/config-helpers": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.3.0.tgz", - "integrity": "sha512-ViuymvFmcJi04qdZeDc2whTHryouGcDlaxPqarTD0ZE10ISpxGUVZGZDx4w01upyIynL3iu6IXH2bS1NhclQMw==", + "version": "0.3.1", + "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.3.1.tgz", + "integrity": "sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==", "dev": true, "license": "Apache-2.0", "engines": { @@ -4589,9 +4589,9 @@ } }, "node_modules/@eslint/core": { - "version": "0.15.1", - "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.1.tgz", - "integrity": "sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==", + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.2.tgz", + "integrity": "sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==", "dev": true, "license": "Apache-2.0", "dependencies": { @@ -4640,9 +4640,9 @@ } }, "node_modules/@eslint/js": { - "version": "9.32.0", - "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.32.0.tgz", - "integrity": "sha512-BBpRFZK3eX6uMLKz8WxFOBIFFcGFJ/g8XuwjTHCqHROSIsopI+ddn/d5Cfh36+7+e5edVS8dbSHnBNhrLEX0zg==", + "version": "9.33.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.33.0.tgz", + "integrity": "sha512-5K1/mKhWaMfreBGJTwval43JJmkip0RmM+3+IuqupeSKNC/Th2Kc7ucaq5ovTSra/OOKB9c58CGSz3QMVbWt0A==", "dev": true, "license": "MIT", "engines": { @@ -4663,13 +4663,13 @@ } }, "node_modules/@eslint/plugin-kit": { - "version": "0.3.4", - "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.4.tgz", - "integrity": "sha512-Ul5l+lHEcw3L5+k8POx6r74mxEYKG5kOb6Xpy2gCRW6zweT6TEhAf8vhxGgjhqrd/VO/Dirhsb+1hNpD1ue9hw==", + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.5.tgz", + "integrity": "sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==", "dev": true, "license": "Apache-2.0", "dependencies": { - "@eslint/core": "^0.15.1", + "@eslint/core": "^0.15.2", "levn": "^0.4.1" }, "engines": { @@ -4787,9 +4787,9 @@ } }, "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.12", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz", - "integrity": "sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==", + "version": "0.3.13", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", + "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==", "license": "MIT", "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", @@ -4806,9 +4806,9 @@ } }, "node_modules/@jridgewell/source-map": { - "version": "0.3.10", - "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.10.tgz", - "integrity": "sha512-0pPkgz9dY+bijgistcTTJ5mR+ocqRXLuhXHYdzoMmmoJ2C9S46RCm2GMUbatPEUK9Yjy26IrAy8D/M00lLkv+Q==", + "version": "0.3.11", + "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz", + "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==", "license": "MIT", "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", @@ -4816,15 +4816,15 @@ } }, "node_modules/@jridgewell/sourcemap-codec": { - "version": "1.5.4", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.4.tgz", - "integrity": "sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==", + "version": "1.5.5", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", + "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", "license": "MIT" }, "node_modules/@jridgewell/trace-mapping": { - "version": "0.3.29", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz", - "integrity": "sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==", + "version": "0.3.30", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.30.tgz", + "integrity": "sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==", "license": "MIT", "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", @@ -6847,9 +6847,9 @@ "license": "MIT" }, "node_modules/@types/node": { - "version": "24.2.0", - "resolved": "https://registry.npmjs.org/@types/node/-/node-24.2.0.tgz", - "integrity": "sha512-3xyG3pMCq3oYCNg7/ZP+E1ooTaGB4cG8JWRsqqOYQdbWNY4zbaV0Ennrd7stjiJEFZCaybcIgpTjJWHRfBSIDw==", + "version": "24.3.0", + "resolved": "https://registry.npmjs.org/@types/node/-/node-24.3.0.tgz", + "integrity": "sha512-aPTXCrfwnDLj4VvXrm+UUCQjNEvJgNA8s5F1cvwQU+3KNltTOkBm1j30uNLyqqPNe7gE3KFzImYoZEfLhp4Yow==", "license": "MIT", "dependencies": { "undici-types": "~7.10.0" @@ -6875,9 +6875,9 @@ } }, "node_modules/@types/pako": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@types/pako/-/pako-2.0.3.tgz", - "integrity": "sha512-bq0hMV9opAcrmE0Byyo0fY3Ew4tgOevJmQ9grUhpXQhYfyLJ1Kqg3P33JT5fdbT2AjeAjR51zqqVjAL/HMkx7Q==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@types/pako/-/pako-2.0.4.tgz", + "integrity": "sha512-VWDCbrLeVXJM9fihYodcLiIv0ku+AlOa/TQ1SvYOaBuyrSKgEcro95LJyIsJ4vSo6BXIxOKxiJAat04CmST9Fw==", "license": "MIT" }, "node_modules/@types/parse5": { @@ -6905,9 +6905,9 @@ "license": "MIT" }, "node_modules/@types/react": { - "version": "19.1.9", - "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.9.tgz", - "integrity": "sha512-WmdoynAX8Stew/36uTSVMcLJJ1KRh6L3IZRx1PZ7qJtBqT3dYTgyDTx8H1qoRghErydW7xw9mSJ3wS//tCRpFA==", + "version": "19.1.10", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.10.tgz", + "integrity": "sha512-EhBeSYX0Y6ye8pNebpKrwFJq7BoQ8J5SO6NlvNwwHjSj6adXJViPQrKlsyPw7hLBLvckEMO1yxeGdR82YBBlDg==", "license": "MIT", "dependencies": { "csstype": "^3.0.2" @@ -7036,17 +7036,17 @@ "license": "MIT" }, "node_modules/@typescript-eslint/eslint-plugin": { - "version": "8.39.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.39.0.tgz", - "integrity": "sha512-bhEz6OZeUR+O/6yx9Jk6ohX6H9JSFTaiY0v9/PuKT3oGK0rn0jNplLmyFUGV+a9gfYnVNwGDwS/UkLIuXNb2Rw==", + "version": "8.40.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.40.0.tgz", + "integrity": "sha512-w/EboPlBwnmOBtRbiOvzjD+wdiZdgFeo17lkltrtn7X37vagKKWJABvyfsJXTlHe6XBzugmYgd4A4nW+k8Mixw==", "dev": true, "license": "MIT", "dependencies": { "@eslint-community/regexpp": "^4.10.0", - "@typescript-eslint/scope-manager": "8.39.0", - "@typescript-eslint/type-utils": "8.39.0", - "@typescript-eslint/utils": "8.39.0", - "@typescript-eslint/visitor-keys": "8.39.0", + "@typescript-eslint/scope-manager": "8.40.0", + "@typescript-eslint/type-utils": "8.40.0", + "@typescript-eslint/utils": "8.40.0", + "@typescript-eslint/visitor-keys": "8.40.0", "graphemer": "^1.4.0", "ignore": "^7.0.0", "natural-compare": "^1.4.0", @@ -7060,7 +7060,7 @@ "url": "https://opencollective.com/typescript-eslint" }, "peerDependencies": { - "@typescript-eslint/parser": "^8.39.0", + "@typescript-eslint/parser": "^8.40.0", "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } @@ -7076,16 +7076,16 @@ } }, "node_modules/@typescript-eslint/parser": { - "version": "8.39.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.39.0.tgz", - "integrity": "sha512-g3WpVQHngx0aLXn6kfIYCZxM6rRJlWzEkVpqEFLT3SgEDsp9cpCbxxgwnE504q4H+ruSDh/VGS6nqZIDynP+vg==", + "version": "8.40.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.40.0.tgz", + "integrity": "sha512-jCNyAuXx8dr5KJMkecGmZ8KI61KBUhkCob+SD+C+I5+Y1FWI2Y3QmY4/cxMCC5WAsZqoEtEETVhUiUMIGCf6Bw==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/scope-manager": "8.39.0", - "@typescript-eslint/types": "8.39.0", - "@typescript-eslint/typescript-estree": "8.39.0", - "@typescript-eslint/visitor-keys": "8.39.0", + "@typescript-eslint/scope-manager": "8.40.0", + "@typescript-eslint/types": "8.40.0", + "@typescript-eslint/typescript-estree": "8.40.0", + "@typescript-eslint/visitor-keys": "8.40.0", "debug": "^4.3.4" }, "engines": { @@ -7101,14 +7101,14 @@ } }, "node_modules/@typescript-eslint/project-service": { - "version": "8.39.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.39.0.tgz", - "integrity": "sha512-CTzJqaSq30V/Z2Og9jogzZt8lJRR5TKlAdXmWgdu4hgcC9Kww5flQ+xFvMxIBWVNdxJO7OifgdOK4PokMIWPew==", + "version": "8.40.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.40.0.tgz", + "integrity": "sha512-/A89vz7Wf5DEXsGVvcGdYKbVM9F7DyFXj52lNYUDS1L9yJfqjW/fIp5PgMuEJL/KeqVTe2QSbXAGUZljDUpArw==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/tsconfig-utils": "^8.39.0", - "@typescript-eslint/types": "^8.39.0", + "@typescript-eslint/tsconfig-utils": "^8.40.0", + "@typescript-eslint/types": "^8.40.0", "debug": "^4.3.4" }, "engines": { @@ -7123,14 +7123,14 @@ } }, "node_modules/@typescript-eslint/scope-manager": { - "version": "8.39.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.39.0.tgz", - "integrity": "sha512-8QOzff9UKxOh6npZQ/4FQu4mjdOCGSdO3p44ww0hk8Vu+IGbg0tB/H1LcTARRDzGCC8pDGbh2rissBuuoPgH8A==", + "version": "8.40.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.40.0.tgz", + "integrity": "sha512-y9ObStCcdCiZKzwqsE8CcpyuVMwRouJbbSrNuThDpv16dFAj429IkM6LNb1dZ2m7hK5fHyzNcErZf7CEeKXR4w==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/types": "8.39.0", - "@typescript-eslint/visitor-keys": "8.39.0" + "@typescript-eslint/types": "8.40.0", + "@typescript-eslint/visitor-keys": "8.40.0" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -7141,9 +7141,9 @@ } }, "node_modules/@typescript-eslint/tsconfig-utils": { - "version": "8.39.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.39.0.tgz", - "integrity": "sha512-Fd3/QjmFV2sKmvv3Mrj8r6N8CryYiCS8Wdb/6/rgOXAWGcFuc+VkQuG28uk/4kVNVZBQuuDHEDUpo/pQ32zsIQ==", + "version": "8.40.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.40.0.tgz", + "integrity": "sha512-jtMytmUaG9d/9kqSl/W3E3xaWESo4hFDxAIHGVW/WKKtQhesnRIJSAJO6XckluuJ6KDB5woD1EiqknriCtAmcw==", "dev": true, "license": "MIT", "engines": { @@ -7158,15 +7158,15 @@ } }, "node_modules/@typescript-eslint/type-utils": { - "version": "8.39.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.39.0.tgz", - "integrity": "sha512-6B3z0c1DXVT2vYA9+z9axjtc09rqKUPRmijD5m9iv8iQpHBRYRMBcgxSiKTZKm6FwWw1/cI4v6em35OsKCiN5Q==", + "version": "8.40.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.40.0.tgz", + "integrity": "sha512-eE60cK4KzAc6ZrzlJnflXdrMqOBaugeukWICO2rB0KNvwdIMaEaYiywwHMzA1qFpTxrLhN9Lp4E/00EgWcD3Ow==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/types": "8.39.0", - "@typescript-eslint/typescript-estree": "8.39.0", - "@typescript-eslint/utils": "8.39.0", + "@typescript-eslint/types": "8.40.0", + "@typescript-eslint/typescript-estree": "8.40.0", + "@typescript-eslint/utils": "8.40.0", "debug": "^4.3.4", "ts-api-utils": "^2.1.0" }, @@ -7183,9 +7183,9 @@ } }, "node_modules/@typescript-eslint/types": { - "version": "8.39.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.39.0.tgz", - "integrity": "sha512-ArDdaOllnCj3yn/lzKn9s0pBQYmmyme/v1HbGIGB0GB/knFI3fWMHloC+oYTJW46tVbYnGKTMDK4ah1sC2v0Kg==", + "version": "8.40.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.40.0.tgz", + "integrity": "sha512-ETdbFlgbAmXHyFPwqUIYrfc12ArvpBhEVgGAxVYSwli26dn8Ko+lIo4Su9vI9ykTZdJn+vJprs/0eZU0YMAEQg==", "dev": true, "license": "MIT", "engines": { @@ -7197,16 +7197,16 @@ } }, "node_modules/@typescript-eslint/typescript-estree": { - "version": "8.39.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.39.0.tgz", - "integrity": "sha512-ndWdiflRMvfIgQRpckQQLiB5qAKQ7w++V4LlCHwp62eym1HLB/kw7D9f2e8ytONls/jt89TEasgvb+VwnRprsw==", + "version": "8.40.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.40.0.tgz", + "integrity": "sha512-k1z9+GJReVVOkc1WfVKs1vBrR5MIKKbdAjDTPvIK3L8De6KbFfPFt6BKpdkdk7rZS2GtC/m6yI5MYX+UsuvVYQ==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/project-service": "8.39.0", - "@typescript-eslint/tsconfig-utils": "8.39.0", - "@typescript-eslint/types": "8.39.0", - "@typescript-eslint/visitor-keys": "8.39.0", + "@typescript-eslint/project-service": "8.40.0", + "@typescript-eslint/tsconfig-utils": "8.40.0", + "@typescript-eslint/types": "8.40.0", + "@typescript-eslint/visitor-keys": "8.40.0", "debug": "^4.3.4", "fast-glob": "^3.3.2", "is-glob": "^4.0.3", @@ -7252,16 +7252,16 @@ } }, "node_modules/@typescript-eslint/utils": { - "version": "8.39.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.39.0.tgz", - "integrity": "sha512-4GVSvNA0Vx1Ktwvf4sFE+exxJ3QGUorQG1/A5mRfRNZtkBT2xrA/BCO2H0eALx/PnvCS6/vmYwRdDA41EoffkQ==", + "version": "8.40.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.40.0.tgz", + "integrity": "sha512-Cgzi2MXSZyAUOY+BFwGs17s7ad/7L+gKt6Y8rAVVWS+7o6wrjeFN4nVfTpbE25MNcxyJ+iYUXflbs2xR9h4UBg==", "dev": true, "license": "MIT", "dependencies": { "@eslint-community/eslint-utils": "^4.7.0", - "@typescript-eslint/scope-manager": "8.39.0", - "@typescript-eslint/types": "8.39.0", - "@typescript-eslint/typescript-estree": "8.39.0" + "@typescript-eslint/scope-manager": "8.40.0", + "@typescript-eslint/types": "8.40.0", + "@typescript-eslint/typescript-estree": "8.40.0" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -7276,13 +7276,13 @@ } }, "node_modules/@typescript-eslint/visitor-keys": { - "version": "8.39.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.39.0.tgz", - "integrity": "sha512-ldgiJ+VAhQCfIjeOgu8Kj5nSxds0ktPOSO9p4+0VDH2R2pLvQraaM5Oen2d7NxzMCm+Sn/vJT+mv2H5u6b/3fA==", + "version": "8.40.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.40.0.tgz", + "integrity": "sha512-8CZ47QwalyRjsypfwnbI3hKy5gJDPmrkLjkgMxhi0+DZZ2QNx2naS6/hWoVYUHU7LU2zleF68V9miaVZvhFfTA==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/types": "8.39.0", + "@typescript-eslint/types": "8.40.0", "eslint-visitor-keys": "^4.2.1" }, "engines": { @@ -8497,9 +8497,9 @@ "license": "MIT" }, "node_modules/browserslist": { - "version": "4.25.1", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.1.tgz", - "integrity": "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==", + "version": "4.25.3", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.3.tgz", + "integrity": "sha512-cDGv1kkDI4/0e5yON9yM5G/0A5u8sf5TnmdX5C9qHzI9PPu++sQ9zjm1k9NiOrf3riY4OkK0zSGqfvJyJsgCBQ==", "funding": [ { "type": "opencollective", @@ -8516,8 +8516,8 @@ ], "license": "MIT", "dependencies": { - "caniuse-lite": "^1.0.30001726", - "electron-to-chromium": "^1.5.173", + "caniuse-lite": "^1.0.30001735", + "electron-to-chromium": "^1.5.204", "node-releases": "^2.0.19", "update-browserslist-db": "^1.1.3" }, @@ -8674,9 +8674,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001731", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001731.tgz", - "integrity": "sha512-lDdp2/wrOmTRWuoB5DpfNkC0rJDU8DqRa6nYL6HK6sytw70QMopt/NIc/9SM7ylItlBWfACXk0tEn37UWM/+mg==", + "version": "1.0.30001735", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001735.tgz", + "integrity": "sha512-EV/laoX7Wq2J9TQlyIXRxTJqIw4sxfXS4OYgudGxBYRuTv0q7AM6yMEpU/Vo1I94thg9U6EZ2NfZx9GJq83u7w==", "funding": [ { "type": "opencollective", @@ -8748,9 +8748,9 @@ } }, "node_modules/chalk-template/node_modules/chalk": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.5.0.tgz", - "integrity": "sha512-1tm8DTaJhPBG3bIkVeZt1iZM9GfSX2lzOeDVZH9R9ffRHpmHvxZ/QhgQH/aDTkswQVt+YHdXAdS/In/30OjCbg==", + "version": "5.6.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.0.tgz", + "integrity": "sha512-46QrSQFyVSEyYAgQ22hQ+zDa60YHA4fBstHmtSApj1Y5vKtG27fWowW03jCk5KcbXEWPZUIR894aARCA/G1kfQ==", "dev": true, "license": "MIT", "engines": { @@ -9704,9 +9704,9 @@ } }, "node_modules/cspell/node_modules/chalk": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.5.0.tgz", - "integrity": "sha512-1tm8DTaJhPBG3bIkVeZt1iZM9GfSX2lzOeDVZH9R9ffRHpmHvxZ/QhgQH/aDTkswQVt+YHdXAdS/In/30OjCbg==", + "version": "5.6.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.0.tgz", + "integrity": "sha512-46QrSQFyVSEyYAgQ22hQ+zDa60YHA4fBstHmtSApj1Y5vKtG27fWowW03jCk5KcbXEWPZUIR894aARCA/G1kfQ==", "dev": true, "license": "MIT", "engines": { @@ -10686,9 +10686,9 @@ "license": "MIT" }, "node_modules/electron-to-chromium": { - "version": "1.5.195", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.195.tgz", - "integrity": "sha512-URclP0iIaDUzqcAyV1v2PgduJ9N0IdXmWsnPzPfelvBmjmZzEy6xJcjb1cXj+TbYqXgtLrjHEoaSIdTYhw4ezg==", + "version": "1.5.207", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.207.tgz", + "integrity": "sha512-mryFrrL/GXDTmAtIVMVf+eIXM09BBPlO5IQ7lUyKmK8d+A4VpRGG+M3ofoVef6qyF8s60rJei8ymlJxjUA8Faw==", "license": "ISC" }, "node_modules/emoji-regex": { @@ -10738,9 +10738,9 @@ } }, "node_modules/enhanced-resolve": { - "version": "5.18.2", - "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.2.tgz", - "integrity": "sha512-6Jw4sE1maoRJo3q8MsSIn2onJFbLTOjY9hlx4DZXmOKvLRd1Ok2kXmAGXaafL2+ijsJZ1ClYbl/pmqr9+k4iUQ==", + "version": "5.18.3", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz", + "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==", "license": "MIT", "dependencies": { "graceful-fs": "^4.2.4", @@ -11049,20 +11049,20 @@ } }, "node_modules/eslint": { - "version": "9.32.0", - "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.32.0.tgz", - "integrity": "sha512-LSehfdpgMeWcTZkWZVIJl+tkZ2nuSkyyB9C27MZqFWXuph7DvaowgcTvKqxvpLW1JZIk8PN7hFY3Rj9LQ7m7lg==", + "version": "9.33.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.33.0.tgz", + "integrity": "sha512-TS9bTNIryDzStCpJN93aC5VRSW3uTx9sClUn4B87pwiCaJh220otoI0X8mJKr+VcPtniMdN8GKjlwgWGUv5ZKA==", "dev": true, "license": "MIT", "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.12.1", "@eslint/config-array": "^0.21.0", - "@eslint/config-helpers": "^0.3.0", - "@eslint/core": "^0.15.0", + "@eslint/config-helpers": "^0.3.1", + "@eslint/core": "^0.15.2", "@eslint/eslintrc": "^3.3.1", - "@eslint/js": "9.32.0", - "@eslint/plugin-kit": "^0.3.4", + "@eslint/js": "9.33.0", + "@eslint/plugin-kit": "^0.3.5", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", "@humanwhocodes/retry": "^0.4.2", @@ -11266,19 +11266,19 @@ } }, "node_modules/eslint-plugin-better-tailwindcss": { - "version": "3.7.4", - "resolved": "https://registry.npmjs.org/eslint-plugin-better-tailwindcss/-/eslint-plugin-better-tailwindcss-3.7.4.tgz", - "integrity": "sha512-jlLHLoqrNbcqqROVjFojGDv1m2LGiJwFqynbARbyeRj9rc1Hmh46EeQhmYVQihhD4j+DSxG/bcwoA9PABIpLmw==", + "version": "3.7.5", + "resolved": "https://registry.npmjs.org/eslint-plugin-better-tailwindcss/-/eslint-plugin-better-tailwindcss-3.7.5.tgz", + "integrity": "sha512-O6xqnXe7hCMMBecFHVmSUg3oER/Olt0EAiAxe6V7MfLG2Kys3MC56RAbgfv0tIRE0xiL7AoYydlxQ1iIMU8qKQ==", "dev": true, "license": "MIT", "dependencies": { "@eslint/css-tree": "^3.6.3", - "enhanced-resolve": "^5.18.2", + "enhanced-resolve": "^5.18.3", "jiti": "^2.5.1", "postcss": "^8.5.6", "postcss-import": "^16.1.1", "synckit": "^0.11.11", - "tailwind-csstree": "^0.1.2", + "tailwind-csstree": "^0.1.3", "tsconfig-paths-webpack-plugin": "^4.2.0" }, "engines": { @@ -11443,9 +11443,9 @@ } }, "node_modules/eslint-plugin-react-you-might-not-need-an-effect": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/eslint-plugin-react-you-might-not-need-an-effect/-/eslint-plugin-react-you-might-not-need-an-effect-0.4.1.tgz", - "integrity": "sha512-N+pzY6OYmzi5cupucUruNBNgpoM0QlQD6Ca3Fsv/roGQ7YIvxuk4nWRUY3ophddN8HEGXLCGz2EjbC7WVFbjBQ==", + "version": "0.4.2", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-you-might-not-need-an-effect/-/eslint-plugin-react-you-might-not-need-an-effect-0.4.2.tgz", + "integrity": "sha512-3J/bJ5PPK0IgR034XyGPdhjfAFDCdZnJ5VvrANvwhFk2BhML5XkuekL8JjbngkTXCRbiq2iXdH3GuIUEokD7AA==", "dev": true, "license": "MIT", "dependencies": { @@ -11985,9 +11985,9 @@ } }, "node_modules/fast-bmp": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fast-bmp/-/fast-bmp-4.0.0.tgz", - "integrity": "sha512-/K6GpDRBDJ5hUZuRnmi7KyutDRKXM0zjYmHBW1G7awwOFGOw5Lh+8kpsO5NAmAc4RfMTpujMc7v8RcffM9g0vA==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/fast-bmp/-/fast-bmp-4.0.1.tgz", + "integrity": "sha512-+KtMijJj+uA8Sl6EXAnhza7US7EXSY5Z9NeiJwT1wopVUksyLMXL5iFmn9FjY8FdkstOkpJI9RuEVXkGpIPSwg==", "license": "MIT", "dependencies": { "iobuffer": "^6.0.0" @@ -12026,13 +12026,13 @@ } }, "node_modules/fast-jpeg": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/fast-jpeg/-/fast-jpeg-3.0.0.tgz", - "integrity": "sha512-iKAbJ8hpdZaQ/R/bUP80YfCM3a21uYwBNxbj30jQ0tzT3IFTNCr8KSc0/5jcnSTLHMHsNqmdpSbOIYHzKo24Aw==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/fast-jpeg/-/fast-jpeg-3.0.1.tgz", + "integrity": "sha512-1r4CO4rgRY1CeqaHlXVBPhdGC+rbNwWFJvV9s3HTUC+svqTE7hC1cEH9srp5MPgAmhDdsZ/WtU3WGM8zVobFCA==", "license": "MIT", "dependencies": { "iobuffer": "^6.0.0", - "tiff": "^7.0.0" + "tiff": "^7.1.0" } }, "node_modules/fast-json-stable-stringify": { @@ -12049,9 +12049,9 @@ "license": "MIT" }, "node_modules/fast-png": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/fast-png/-/fast-png-7.0.0.tgz", - "integrity": "sha512-1AQ2rDcrfcuYL3o+3ocUYEUrZ9w6q4qdlWQPJxnhw8fj1Ykjr63b1hrepL7SlUKKPDK4Dv0kK5AF6ZXnVeI1eg==", + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fast-png/-/fast-png-7.0.1.tgz", + "integrity": "sha512-aD5BELuxRrAPlRhb9V/z1PVMFJy3cUXqIvoxM3IQ+7Rku+T4cbXxWclZ47f1XwhViEl4n30TAN8JmvTJKKc2Dw==", "license": "MIT", "dependencies": { "@types/pako": "^2.0.3", @@ -12446,9 +12446,9 @@ } }, "node_modules/fs-extra": { - "version": "11.3.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz", - "integrity": "sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==", + "version": "11.3.1", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.1.tgz", + "integrity": "sha512-eXvGGwZ5CL17ZSwHWd3bbgk7UUpF6IFHtP57NYYakPvHOs8GDgDe5KJI36jIJzDkJ6eJjuzRA8eBQb6SkKue0g==", "license": "MIT", "dependencies": { "graceful-fs": "^4.2.0", @@ -14347,9 +14347,9 @@ } }, "node_modules/html-webpack-plugin": { - "version": "5.6.3", - "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.6.3.tgz", - "integrity": "sha512-QSf1yjtSAsmf7rYBV7XX86uua4W/vkhIt0xNXKbsi2foEeW7vjJQz4bhnpL3xH+l1ryl1680uNv968Z+X6jSYg==", + "version": "5.6.4", + "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.6.4.tgz", + "integrity": "sha512-V/PZeWsqhfpE27nKeX9EO2sbR+D17A+tLf6qU+ht66jdUsN0QLKJN27Z+1+gHrVMKgndBahes0PU6rRihDgHTw==", "license": "MIT", "dependencies": { "@types/html-minifier-terser": "^6.0.0", @@ -14810,9 +14810,9 @@ } }, "node_modules/iobuffer": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/iobuffer/-/iobuffer-6.0.0.tgz", - "integrity": "sha512-sEIVQ307ZoqUxFl2P1oS3G6YLzYcQbvHCdAF7bS26cnfACkpFseR6ifwSAevTf3pItPjAbUpokLam0H7ZpMxQA==", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/iobuffer/-/iobuffer-6.0.1.tgz", + "integrity": "sha512-SZWYkWNfjIXIBYSDpXDYIgshqtbOPsi4lviawAEceR1Kqk+sHDlcQjWrzNQsii80AyBY0q5c8HCTNjqo74ul+Q==", "license": "MIT" }, "node_modules/ipaddr.js": { @@ -15755,9 +15755,9 @@ } }, "node_modules/jsonfile": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", - "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz", + "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==", "license": "MIT", "dependencies": { "universalify": "^2.0.0" @@ -15850,9 +15850,9 @@ } }, "node_modules/launch-editor": { - "version": "2.11.0", - "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.11.0.tgz", - "integrity": "sha512-R/PIF14L6e2eHkhvQPu7jDRCr0msfCYCxbYiLgkkAGi0dVPWuM+RrsPu0a5dpuNe0KWGL3jpAkOlv53xGfPheQ==", + "version": "2.11.1", + "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.11.1.tgz", + "integrity": "sha512-SEET7oNfgSaB6Ym0jufAdCeo3meJVeCaaDyzRygy0xsp2BFKCprcfHljTq4QkzTLUxEKkFK6OK4811YM2oSrRg==", "license": "MIT", "dependencies": { "picocolors": "^1.1.1", @@ -18737,9 +18737,9 @@ } }, "node_modules/mini-css-extract-plugin": { - "version": "2.9.3", - "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.3.tgz", - "integrity": "sha512-tRA0+PsS4kLVijnN1w9jUu5lkxBwUk9E8SbgEB5dBJqchE6pVYdawROG6uQtpmAri7tdCK9i7b1bULeVWqS6Ag==", + "version": "2.9.4", + "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.4.tgz", + "integrity": "sha512-ZWYT7ln73Hptxqxk2DxPU9MmapXRhxkJD6tkSR04dnQxm8BGu2hzgKLugK5yySD97u/8yy7Ma7E76k9ZdvtjkQ==", "license": "MIT", "dependencies": { "schema-utils": "^4.0.0", @@ -18918,9 +18918,9 @@ } }, "node_modules/ml-spectra-processing": { - "version": "14.14.0", - "resolved": "https://registry.npmjs.org/ml-spectra-processing/-/ml-spectra-processing-14.14.0.tgz", - "integrity": "sha512-3+nQBRQwO4e5SwsuF/PJXN+mJOptBLZxaT2l/aqRy45lKHrkauA7qdXLhCZF/VLEXJr3TOEaFlZT2fDfnJBcrA==", + "version": "14.17.0", + "resolved": "https://registry.npmjs.org/ml-spectra-processing/-/ml-spectra-processing-14.17.0.tgz", + "integrity": "sha512-IsegYLe16LCsRvwXdhOG0Y/6gYb9JU5rbLMMEI2OZSzcGQpGG6XAq2WE3IAkfWiRE2dCm4w3jzYWZlIJbCy1MA==", "license": "MIT", "dependencies": { "binary-search": "^1.3.6", @@ -19467,9 +19467,9 @@ } }, "node_modules/openai/node_modules/@types/node": { - "version": "18.19.121", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.121.tgz", - "integrity": "sha512-bHOrbyztmyYIi4f1R0s17QsPs1uyyYnGcXeZoGEd227oZjry0q6XQBQxd82X1I57zEfwO8h9Xo+Kl5gX1d9MwQ==", + "version": "18.19.123", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.123.tgz", + "integrity": "sha512-K7DIaHnh0mzVxreCR9qwgNxp3MH9dltPNIEddW9MYUlcKAzm+3grKNSTe2vCJHI1FaLpvpL5JGJrz1UZDKYvDg==", "license": "MIT", "dependencies": { "undici-types": "~5.26.4" @@ -26950,9 +26950,9 @@ } }, "node_modules/smol-toml": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.4.1.tgz", - "integrity": "sha512-CxdwHXyYTONGHThDbq5XdwbFsuY4wlClRGejfE2NtwUtiHYsP1QtNsHb/hnj31jKYSchztJsaA8pSQoVzkfCFg==", + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.4.2.tgz", + "integrity": "sha512-rInDH6lCNiEyn3+hH8KVGFdbjc099j47+OSgbMrfDYX1CmXLfdKd7qi6IfcWj2wFxvSVkuI46M+wPGYfEOEj6g==", "dev": true, "license": "BSD-3-Clause", "engines": { @@ -27058,9 +27058,9 @@ } }, "node_modules/spdx-license-ids": { - "version": "3.0.21", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.21.tgz", - "integrity": "sha512-Bvg/8F5XephndSK3JffaRqdT+gyhfqIPwDHpX80tJrF8QQRYMo8sNMeaZ2Dp5+jhwKnUmIOyFFQfHRkjJm5nXg==", + "version": "3.0.22", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.22.tgz", + "integrity": "sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==", "dev": true, "license": "CC0-1.0" }, @@ -27186,9 +27186,9 @@ } }, "node_modules/string-width/node_modules/ansi-regex": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", - "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.0.tgz", + "integrity": "sha512-TKY5pyBkHyADOPYlRT9Lx6F544mPl0vS5Ew7BJ45hA08Q+t3GjbueLliBWN3sMICk6+y7HdyxSzC4bWS8baBdg==", "license": "MIT", "engines": { "node": ">=12" @@ -27533,9 +27533,9 @@ } }, "node_modules/tailwind-csstree": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/tailwind-csstree/-/tailwind-csstree-0.1.2.tgz", - "integrity": "sha512-SP36MjhkSGa0Yux/B863QyxljQku+WbGH5f+dqyFJXvdexemcC0Fwj/2du2DoXVkboO5Rc1Pd4i45EmFJual6w==", + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/tailwind-csstree/-/tailwind-csstree-0.1.3.tgz", + "integrity": "sha512-LfOT807005OVfyxAjHpOajlIgoEaE894jqjkrhONC/HqBLS8OAhhNifnNs3Y5wD26eIdf0vk1zu9gja2oI3/1Q==", "dev": true, "license": "Apache-2.0", "engines": { @@ -27547,9 +27547,9 @@ } }, "node_modules/tailwindcss": { - "version": "4.1.11", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.11.tgz", - "integrity": "sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA==", + "version": "4.1.12", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.12.tgz", + "integrity": "sha512-DzFtxOi+7NsFf7DBtI3BJsynR+0Yp6etH+nRPTbpWnS2pZBaSksv/JGctNwSWzbFjp0vxSqknaUylseZqMDGrA==", "dev": true, "license": "MIT", "peer": true @@ -27657,9 +27657,9 @@ "license": "MIT" }, "node_modules/tiff": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/tiff/-/tiff-7.1.0.tgz", - "integrity": "sha512-Z3J9P6/u5HWI5DBY5tWNeXwsdXqjP4DFghsPjwNJMeZMTNI8M6ihC7zWfEnWfn38+FfMcDCfkQdRR8Bhq9y/yg==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/tiff/-/tiff-7.1.1.tgz", + "integrity": "sha512-ALGAQIfYGSeyOvTN02tB9QN6RsMLQ6xDZKvckHsYZ7o2a32l8S7nhWqwFQ4wy3PnqCfuBvjL6tjes20rnKNAwQ==", "license": "MIT", "dependencies": { "iobuffer": "^6.0.0", @@ -27696,11 +27696,14 @@ } }, "node_modules/tinyglobby/node_modules/fdir": { - "version": "6.4.6", - "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz", - "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==", + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz", + "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==", "dev": true, "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, "peerDependencies": { "picomatch": "^3 || ^4" }, @@ -28071,16 +28074,16 @@ } }, "node_modules/typescript-eslint": { - "version": "8.39.0", - "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.39.0.tgz", - "integrity": "sha512-lH8FvtdtzcHJCkMOKnN73LIn6SLTpoojgJqDAxPm1jCR14eWSGPX8ul/gggBdPMk/d5+u9V854vTYQ8T5jF/1Q==", + "version": "8.40.0", + "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.40.0.tgz", + "integrity": "sha512-Xvd2l+ZmFDPEt4oj1QEXzA4A2uUK6opvKu3eGN9aGjB8au02lIVcLyi375w94hHyejTOmzIU77L8ol2sRg9n7Q==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/eslint-plugin": "8.39.0", - "@typescript-eslint/parser": "8.39.0", - "@typescript-eslint/typescript-estree": "8.39.0", - "@typescript-eslint/utils": "8.39.0" + "@typescript-eslint/eslint-plugin": "8.40.0", + "@typescript-eslint/parser": "8.40.0", + "@typescript-eslint/typescript-estree": "8.40.0", + "@typescript-eslint/utils": "8.40.0" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -28506,9 +28509,9 @@ } }, "node_modules/update-notifier/node_modules/chalk": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.5.0.tgz", - "integrity": "sha512-1tm8DTaJhPBG3bIkVeZt1iZM9GfSX2lzOeDVZH9R9ffRHpmHvxZ/QhgQH/aDTkswQVt+YHdXAdS/In/30OjCbg==", + "version": "5.6.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.0.tgz", + "integrity": "sha512-46QrSQFyVSEyYAgQ22hQ+zDa60YHA4fBstHmtSApj1Y5vKtG27fWowW03jCk5KcbXEWPZUIR894aARCA/G1kfQ==", "license": "MIT", "engines": { "node": "^12.17.0 || ^14.13 || >=16.0.0" @@ -28870,9 +28873,9 @@ } }, "node_modules/webpack": { - "version": "5.101.0", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.101.0.tgz", - "integrity": "sha512-B4t+nJqytPeuZlHuIKTbalhljIFXeNRqrUGAQgTGlfOl2lXXKXw+yZu6bicycP+PUlM44CxBjCFD6aciKFT3LQ==", + "version": "5.101.3", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.101.3.tgz", + "integrity": "sha512-7b0dTKR3Ed//AD/6kkx/o7duS8H3f1a4w3BYpIriX4BzIhjkn4teo05cptsxvLesHFKK5KObnadmCHBwGc+51A==", "license": "MIT", "dependencies": { "@types/eslint-scope": "^3.7.7", @@ -28885,7 +28888,7 @@ "acorn-import-phases": "^1.0.3", "browserslist": "^4.24.0", "chrome-trace-event": "^1.0.2", - "enhanced-resolve": "^5.17.2", + "enhanced-resolve": "^5.17.3", "es-module-lexer": "^1.2.1", "eslint-scope": "5.1.1", "events": "^3.2.0", @@ -29410,9 +29413,9 @@ } }, "node_modules/wrap-ansi/node_modules/ansi-regex": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", - "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.0.tgz", + "integrity": "sha512-TKY5pyBkHyADOPYlRT9Lx6F544mPl0vS5Ew7BJ45hA08Q+t3GjbueLliBWN3sMICk6+y7HdyxSzC4bWS8baBdg==", "license": "MIT", "engines": { "node": ">=12" @@ -29533,9 +29536,9 @@ "license": "ISC" }, "node_modules/yaml": { - "version": "2.8.0", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.0.tgz", - "integrity": "sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ==", + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz", + "integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==", "dev": true, "license": "ISC", "bin": { diff --git a/package.json b/package.json index 142b24bd..512600ff 100644 --- a/package.json +++ b/package.json @@ -21,32 +21,32 @@ "write-translations": "docusaurus write-translations" }, "dependencies": { - "@docusaurus/core": "^3.7.0", - "@docusaurus/preset-classic": "^3.7.0", + "@docusaurus/core": "^3.8.1", + "@docusaurus/preset-classic": "^3.8.1", "@docusaurus/theme-common": "^3.8.1", - "@mdx-js/react": "^3.0.0", - "@monaco-editor/react": "^4.5.0", + "@mdx-js/react": "^3.1.0", + "@monaco-editor/react": "^4.7.0", "@orama/plugin-docusaurus-v3": "^3.1.11", - "@orama/plugin-secure-proxy": "^3.0.5", + "@orama/plugin-secure-proxy": "^3.1.11", "clsx": "^2.1.1", "image-js": "0.0.0-next-1a96bf38e6", "immer": "^10.1.1", - "prism-react-renderer": "^2.1.0", + "prism-react-renderer": "^2.4.1", "react": "^19.1.1", "react-dom": "^19.1.1", "react-icons": "^5.5.0", "react-kbs": "^2.1.1", - "rehype-katex": "^7.0.0", + "rehype-katex": "^7.0.1", "remark-math": "^6.0.0", "remove": "^0.1.5" }, "devDependencies": { - "@docusaurus/module-type-aliases": "^3.7.0", - "@docusaurus/tsconfig": "^3.7.0", - "@docusaurus/types": "^3.7.0", - "@types/react": "^19.1.9", + "@docusaurus/module-type-aliases": "^3.8.1", + "@docusaurus/tsconfig": "^3.8.1", + "@docusaurus/types": "^3.8.1", + "@types/react": "^19.1.10", "cspell": "^9.2.0", - "eslint": "^9.32.0", + "eslint": "^9.33.0", "eslint-config-zakodium": "^16.0.0", "prettier": "^3.6.2", "raw-loader": "^4.0.2", @@ -68,6 +68,6 @@ "node": ">=18" }, "volta": { - "node": "22.18.0" + "node": "24.6.0" } } diff --git a/src/demo/contexts/demo/defaultImages.ts b/src/demo/contexts/demo/defaultImages.ts index 33256dbf..dde759b6 100644 --- a/src/demo/contexts/demo/defaultImages.ts +++ b/src/demo/contexts/demo/defaultImages.ts @@ -1,10 +1,8 @@ import type { UrlOption } from '../importImage/importImageContext'; -const standardUrl = 'https://image-js.github.io/image-dataset-demo/standard'; -const standardMaskUrl = - 'https://image-js.github.io/image-dataset-demo/standard_mask'; -const morphologyMaskUrl = - 'https://image-js.github.io/image-dataset-demo/morphology_mask'; +const standardUrl = 'https://demo-dataset.image-js.org/standard'; +const standardMaskUrl = 'https://demo-dataset.image-js.org/standard_mask'; +const morphologyMaskUrl = 'https://demo-dataset.image-js.org/morphology_mask'; export const defaultImages: UrlOption[] = [ { diff --git a/static/.nojekyll b/static/.nojekyll deleted file mode 100644 index e69de29b..00000000