chore: apply eslint to demos

stropitek · stropitek · commit bb9148edde6a · 2025-08-08T10:18:56.000+02:00
diff --git a/docs/Basics/cannyEdgeMask.demo.tsx b/docs/Basics/cannyEdgeMask.demo.tsx
@@ -1,6 +1,6 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function maskDemo(image: Image) {
-  let mask = image.grey().cannyEdgeDetector();
+  const mask = image.grey().cannyEdgeDetector();
   return mask;
 }
diff --git a/docs/Basics/image.demo.tsx b/docs/Basics/image.demo.tsx
@@ -1,6 +1,6 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function ImageDemo(image: Image) {
-  let mask = image.invert();
+  const mask = image.invert();
   return mask;
 }
diff --git a/docs/Basics/thresholdMask.demo.tsx b/docs/Basics/thresholdMask.demo.tsx
@@ -1,6 +1,6 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function maskDemo(image: Image) {
-  let mask = image.grey().threshold();
+  const mask = image.grey().threshold();
   return mask;
 }
diff --git a/docs/Features/Filters/demos/blur.demo.tsx b/docs/Features/Filters/demos/blur.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function blur(image: Image) {
   return image.blur({ width: 3, height: 3 });
diff --git a/docs/Features/Filters/demos/derivative.demo.tsx b/docs/Features/Filters/demos/derivative.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function derivativeFilter(image: Image) {
   image = image.grey();
diff --git a/docs/Features/Filters/demos/gaussianBlur.demo.tsx b/docs/Features/Filters/demos/gaussianBlur.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function blur(image: Image) {
   return image.gaussianBlur({ sigma: 2 });
diff --git a/docs/Features/Filters/demos/gradient.demo.tsx b/docs/Features/Filters/demos/gradient.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function gradientFilter(image: Image) {
   image = image.grey();
diff --git a/docs/Features/Filters/demos/grayscale.demo.tsx b/docs/Features/Filters/demos/grayscale.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function grey(image: Image) {
   return image.grey({ algorithm: 'luma601' });
diff --git a/docs/Features/Filters/demos/invert.demo.tsx b/docs/Features/Filters/demos/invert.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function invert(image: Image) {
   return image.invert();
diff --git a/docs/Features/Filters/demos/invert.mask.demo.tsx b/docs/Features/Filters/demos/invert.mask.demo.tsx
@@ -1,4 +1,4 @@
-import { Mask } from 'image-js';
+import type { Mask } from 'image-js';
 
 export default function invert(mask: Mask) {
   return mask.invert();
diff --git a/docs/Features/Filters/demos/level.demo.tsx b/docs/Features/Filters/demos/level.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function level(image: Image) {
   image = image.grey();
diff --git a/docs/Features/Filters/demos/median.demo.tsx b/docs/Features/Filters/demos/median.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function median(image: Image) {
   return image.medianFilter({ borderType: 'constant', cellSize: 3 });
diff --git a/docs/Features/Filters/demos/pixelate.demo.tsx b/docs/Features/Filters/demos/pixelate.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function pixelate(image: Image) {
   return image.pixelate({ cellSize: 7 });
diff --git a/docs/Features/Geometry/demos/flip.demo.tsx b/docs/Features/Geometry/demos/flip.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function derivativeFilter(image: Image) {
   return image.flip();
diff --git a/docs/Features/Geometry/demos/resize.demo.tsx b/docs/Features/Geometry/demos/resize.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function resize(image: Image) {
   return image.resize({ xFactor: 2 });
diff --git a/docs/Features/Geometry/demos/rotate.demo.tsx b/docs/Features/Geometry/demos/rotate.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function resize(image: Image) {
   return image.rotate(90);
diff --git a/docs/Features/Geometry/demos/transform.demo.tsx b/docs/Features/Geometry/demos/transform.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function transform(image: Image) {
   const imageMatrix = [
diff --git a/docs/Features/Geometry/demos/transformRotate.demo.tsx b/docs/Features/Geometry/demos/transformRotate.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function transformRotate(image: Image) {
   return image.transformRotate(25);
diff --git a/docs/Features/Morphology/demos/bottomHat.demo.tsx b/docs/Features/Morphology/demos/bottomHat.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function bottomHat(image: Image) {
   image = image.grey();
diff --git a/docs/Features/Morphology/demos/bottomHat.mask.demo.tsx b/docs/Features/Morphology/demos/bottomHat.mask.demo.tsx
@@ -1,4 +1,4 @@
-import { Mask } from 'image-js';
+import type { Mask } from 'image-js';
 
 export default function bottomHat(mask: Mask) {
   return mask.bottomHat();
diff --git a/docs/Features/Morphology/demos/cannyEdgeDetector.demo.tsx b/docs/Features/Morphology/demos/cannyEdgeDetector.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function cannyEdgeDetector(image: Image) {
   image = image.grey();
diff --git a/docs/Features/Morphology/demos/cannyEdgeDetector.mask.demo.tsx b/docs/Features/Morphology/demos/cannyEdgeDetector.mask.demo.tsx
@@ -1,4 +1,4 @@
-import { Mask } from 'image-js';
+import type { Mask } from 'image-js';
 
 export default function cannyEdgeDetector(mask: Mask) {
   return mask.morphologicalGradient();
diff --git a/docs/Features/Morphology/demos/close.demo.tsx b/docs/Features/Morphology/demos/close.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function close(image: Image) {
   image = image.grey();
diff --git a/docs/Features/Morphology/demos/close.mask.demo.tsx b/docs/Features/Morphology/demos/close.mask.demo.tsx
@@ -1,4 +1,4 @@
-import { Mask } from 'image-js';
+import type { Mask } from 'image-js';
 
 export default function close(mask: Mask) {
   return mask.close();
diff --git a/docs/Features/Morphology/demos/dilate.demo.tsx b/docs/Features/Morphology/demos/dilate.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function dilate(image: Image) {
   image = image.grey();
diff --git a/docs/Features/Morphology/demos/dilate.mask.demo.tsx b/docs/Features/Morphology/demos/dilate.mask.demo.tsx
@@ -1,4 +1,4 @@
-import { Mask } from 'image-js';
+import type { Mask } from 'image-js';
 
 export default function dilate(mask: Mask) {
   return mask.dilate();
diff --git a/docs/Features/Morphology/demos/erode.demo.tsx b/docs/Features/Morphology/demos/erode.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function erode(image: Image) {
   image = image.grey();
diff --git a/docs/Features/Morphology/demos/erode.mask.demo.tsx b/docs/Features/Morphology/demos/erode.mask.demo.tsx
@@ -1,4 +1,4 @@
-import { Mask } from 'image-js';
+import type { Mask } from 'image-js';
 
 export default function erode(mask: Mask) {
   return mask.erode();
diff --git a/docs/Features/Morphology/demos/morphologicalGradient.demo.tsx b/docs/Features/Morphology/demos/morphologicalGradient.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function morphologicalGradient(image: Image) {
   image = image.grey();
diff --git a/docs/Features/Morphology/demos/morphologicalGradient.mask.demo.tsx b/docs/Features/Morphology/demos/morphologicalGradient.mask.demo.tsx
@@ -1,4 +1,4 @@
-import { Mask } from 'image-js';
+import type { Mask } from 'image-js';
 
 export default function morphologicalGradient(mask: Mask) {
   return mask.morphologicalGradient();
diff --git a/docs/Features/Morphology/demos/open.demo.tsx b/docs/Features/Morphology/demos/open.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function open(image: Image) {
   image = image.grey();
diff --git a/docs/Features/Morphology/demos/open.mask.demo.tsx b/docs/Features/Morphology/demos/open.mask.demo.tsx
@@ -1,4 +1,4 @@
-import { Mask } from 'image-js';
+import type { Mask } from 'image-js';
 
 export default function open(mask: Mask) {
   return mask.open();
diff --git a/docs/Features/Morphology/demos/topHat.demo.tsx b/docs/Features/Morphology/demos/topHat.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function topHat(image: Image) {
   image = image.grey();
diff --git a/docs/Features/Morphology/demos/topHat.mask.demo.tsx b/docs/Features/Morphology/demos/topHat.mask.demo.tsx
@@ -1,4 +1,4 @@
-import { Mask } from 'image-js';
+import type { Mask } from 'image-js';
 
 export default function topHat(mask: Mask) {
   return mask.topHat();
diff --git a/docs/Features/Operations/demos/threshold.demo.tsx b/docs/Features/Operations/demos/threshold.demo.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'image-js';
+import type { Image } from 'image-js';
 
 export default function threshold(image: Image) {
   image = image.grey();
diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
     "deploy": "docusaurus deploy",
     "docusaurus": "docusaurus",
     "cspell": "cspell lint \"**/*.md\"",
-    "eslint": "eslint --cache ./src",
+    "eslint": "eslint --cache ./src ./docs",
     "eslint-fix": "npm run eslint -- --fix",
     "prettier": "prettier --check ./",
     "prettier-write": "prettier --write ./",
diff --git a/src/demo/contexts/demo/demoReducer.ts b/src/demo/contexts/demo/demoReducer.ts
@@ -1,11 +1,11 @@
-import { assertUnreachable } from "@site/src/utils/assert";
-import type { Image, Mask } from "image-js";
-import type { WritableDraft } from "immer";
-import { produce } from "immer";
-import { useReducer } from "react";
+import { assertUnreachable } from '@site/src/utils/assert';
+import type { Image, Mask } from 'image-js';
+import type { WritableDraft } from 'immer';
+import { produce } from 'immer';
+import { useReducer } from 'react';
 
-import type { Addon } from "../../utils/types";
-import type { ImageDemoInputOption } from "../importImage/importImageContext";
+import type { Addon } from '../../utils/types';
+import type { ImageDemoInputOption } from '../importImage/importImageContext';
 
 export type DemoAction =
   | {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`		`-import { Image } from 'image-js';`
	`1`	`+import type { Image } from 'image-js';`
`2`	`2`
`3`	`3`	`export default function maskDemo(image: Image) {`
`4`		`- let mask = image.grey().cannyEdgeDetector();`
	`4`	`+ const mask = image.grey().cannyEdgeDetector();`
`5`	`5`	`return mask;`
`6`	`6`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Image } from 'image-js';`
	`1`	`+import type { Image } from 'image-js';`
`2`	`2`
`3`	`3`	`export default function blur(image: Image) {`
`4`	`4`	`return image.blur({ width: 3, height: 3 });`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Mask } from 'image-js';`
	`1`	`+import type { Mask } from 'image-js';`
`2`	`2`
`3`	`3`	`export default function invert(mask: Mask) {`
`4`	`4`	`return mask.invert();`