chore: regenerate package-lock and re-fix prettier

Author: stropitek

package-lock.json

@@ -16,6 +16,7 @@
     "dev": "docusaurus start",
     "swizzle": "docusaurus swizzle",
     "check-types": "tsc",
+    "test": "npm run prettier && npm run eslint && npm run check-types",
     "write-heading-ids": "docusaurus write-heading-ids",
     "write-translations": "docusaurus write-translations"
   },

package.json

@@ -1,11 +1,8 @@
 import { produce } from 'immer';
-import type { ReactNode} from 'react';
+import type { ReactNode } from 'react';
 import React, { useEffect, useMemo, useReducer } from 'react';
 
-import type {
-  CameraAction,
-  CameraContext,
-  CameraState} from './cameraContext';
+import type { CameraAction, CameraContext, CameraState } from './cameraContext';
 import {
   cameraContext,
   defaultCameraState,

src/components/camera/CameraProvider.tsx

@@ -1,11 +1,5 @@
-import type {
-  Dispatch,
-  RefObject} from 'react';
-import {
-  createContext,
-  useContext,
-  useEffect,
-} from 'react';
+import type { Dispatch, RefObject } from 'react';
+import { createContext, useContext, useEffect } from 'react';
 
 export interface CameraState {
   cameras: MediaDeviceInfo[];

src/components/camera/cameraContext.tsx

@@ -1,8 +1,6 @@
-import type { Image, Mask} from 'image-js';
+import type { Image, Mask } from 'image-js';
 import { writeCanvas } from 'image-js';
-import type {
-  Dispatch,
-  SetStateAction} from 'react';
+import type { Dispatch, SetStateAction } from 'react';
 import React, {
   createContext,
   useCallback,

src/demo/components/image/ExpandableImages.tsx

@@ -4,11 +4,8 @@ import {
   demoDispatchContext,
   demoStateContext,
 } from '../../contexts/demo/demoContext';
-import type {
-  DemoInitialConfig} from '../../contexts/demo/demoReducer';
-import {
-  useDemoReducer,
-} from '../../contexts/demo/demoReducer';
+import type { DemoInitialConfig } from '../../contexts/demo/demoReducer';
+import { useDemoReducer } from '../../contexts/demo/demoReducer';
 
 export default function ImageDemoProvider(props: {
   children: React.ReactNode;

src/demo/components/providers/ImageDemoProvider.tsx

@@ -1,12 +1,9 @@
-import type { ReactNode} from 'react';
+import type { ReactNode } from 'react';
 import React, { useMemo, useReducer } from 'react';
 
 import { defaultImages, defaultMasks } from '../../contexts/demo/defaultImages';
-import type {
-  ImageDemoInputOption} from '../../contexts/importImage/importImageContext';
-import {
-  imageContext
-} from '../../contexts/importImage/importImageContext';
+import type { ImageDemoInputOption } from '../../contexts/importImage/importImageContext';
+import { imageContext } from '../../contexts/importImage/importImageContext';
 
 export function ImportImageProvider(props: { children: ReactNode }) {
   const [options, addOptions] = useReducer(

src/demo/components/providers/ImportImageProvider.tsx

@@ -8,11 +8,8 @@ import { RxCodesandboxLogo } from 'react-icons/rx';
 
 import { useDemoStateContext } from '../../contexts/demo/demoContext';
 import { useSelectImage } from '../../contexts/demo/dispatchHelpers';
-import type {
-  ImageDemoInputOption} from '../../contexts/importImage/importImageContext';
-import {
-  useImportImageContext,
-} from '../../contexts/importImage/importImageContext';
+import type { ImageDemoInputOption } from '../../contexts/importImage/importImageContext';
+import { useImportImageContext } from '../../contexts/importImage/importImageContext';
 import AddonButton from '../addons/AddonButton';
 import { ImageInputButton } from '../addons/ImageInputButton';
 import CameraImageButton from '../snapshot/CameraImageButton';
@@ -44,24 +41,22 @@ export default function ImageDemoToolbar() {
         {isMask ? null : <CameraStreamButton />}
         <ImageInputButton
           onImages={(images) => {
-            const newOptions: ImageDemoInputOption[] = images.map(
-              (image) => {
-                if (isMask) {
-                  const mask = imageToMask(image.image);
-                  return {
-                    type: 'mask',
-                    value: `${image.file.name} (mask)`,
-                    mask,
-                  };
-                } else {
-                  return {
-                    type: 'image',
-                    value: image.file.name,
-                    image: image.image,
-                  };
-                }
-              },
-            );
+            const newOptions: ImageDemoInputOption[] = images.map((image) => {
+              if (isMask) {
+                const mask = imageToMask(image.image);
+                return {
+                  type: 'mask',
+                  value: `${image.file.name} (mask)`,
+                  mask,
+                };
+              } else {
+                return {
+                  type: 'image',
+                  value: image.file.name,
+                  image: image.image,
+                };
+              }
+            });
             addOptions(newOptions);
             if (newOptions.length) {
               selectImage(newOptions[newOptions.length - 1]);

src/demo/components/toolbar/ImageDemoToolbar.tsx

@@ -1,5 +1,5 @@
 import { useImportImageContext } from '@site/src/demo/contexts/importImage/importImageContext';
-import type { Dispatch} from 'react';
+import type { Dispatch } from 'react';
 import { createContext, useContext, useMemo } from 'react';
 
 import type { DemoAction, DemoState } from './demoReducer';

src/demo/contexts/demo/demoContext.ts

@@ -1,5 +1,5 @@
 import type { Image, Mask } from 'image-js';
-import type { DispatchWithoutAction} from 'react';
+import type { DispatchWithoutAction } from 'react';
 import { createContext, useContext } from 'react';
 
 export interface UrlOption {