@cytario/web 2.1.4 → 2.1.6

package/app/routes/search.route.tsx

@@ -6,15 +6,11 @@ import type { ConnectionConfig } from "~/.generated/client";
 import { authContext } from "~/.server/auth/authMiddleware";
 import { getS3Client } from "~/.server/auth/getS3Client";
 import { Section } from "~/components/Container";
-import {
-  buildDirectoryTree,
-  TreeNode,
-} from "~/components/DirectoryView/buildDirectoryTree";
+import { buildDirectoryTree, TreeNode } from "~/components/DirectoryView/buildDirectoryTree";
 import { DirectoryTree } from "~/components/DirectoryView/DirectoryViewTree";
 import { getObjects } from "~/utils/getObjects";
 import { getPrefix } from "~/utils/pathUtils";
 
-
 interface ConfigFiles {
   config: ConnectionConfig;
   files: _Object[];
@@ -37,11 +33,7 @@ export const loader = async ({
   const url = new URL(request.url);
   const searchQuery = url.searchParams.get("query") ?? "";
 
-  const {
-    user,
-    credentials: connectionsCredentials,
-    connectionConfigs,
-  } = context.get(authContext);
+  const { user, credentials: connectionsCredentials, connectionConfigs } = context.get(authContext);
 
   const results: ConfigFiles[] = [];
 
@@ -54,8 +46,7 @@ export const loader = async ({
 
     const s3Client = await getS3Client(connectionConfig, credentials, user.sub);
     const prefix = getPrefix(connectionConfig.prefix);
-    const files =
-      (await getObjects(connectionConfig, s3Client, searchQuery, prefix)) ?? [];
+    const files = (await getObjects(connectionConfig, s3Client, searchQuery, prefix)) ?? [];
 
     if (files.length > 0) {
       results.push({ config: connectionConfig, files, prefix });
@@ -68,11 +59,7 @@ export const loader = async ({
     name: config.name,
     type: "bucket" as const,
     pathName: "",
-    children: buildDirectoryTree(
-      files as _Object[],
-      config.name,
-      prefix ?? "",
-    ),
+    children: buildDirectoryTree(files as _Object[], config.name, prefix ?? ""),
   }));
 
   return { searchQuery, nodes };

package/app/routes.ts

@@ -92,10 +92,7 @@ const apiRoutes = [
 
 export default [
   ...authRoutes,
-  layout("routes/layouts/protected.layout.tsx", [
-    ...appRoutes,
-    ...adminRoutes,
-  ]),
+  layout("routes/layouts/protected.layout.tsx", [...appRoutes, ...adminRoutes]),
   ...apiRoutes,
 
   {

package/app/tailwind.css

@@ -3,7 +3,7 @@
 @plugin "tailwindcss-react-aria-components";
 
 /* Scan @cytario/design dist for class usage */
-@source "../node_modules/@cytario/design/dist";
+@source "@cytario/design/dist";
 
 /* Match cytario-design's selector convention */
 @custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
@@ -12,16 +12,16 @@
   /* Custom colors */
   --color-cytario-purple-500: #5c2483;
 
-  --color-cytario-turquoise-50: #F0FAFA;
-  --color-cytario-turquoise-100: #CCEDED;
-  --color-cytario-turquoise-200: #99DBDB;
-  --color-cytario-turquoise-300: #66C9C9;
-  --color-cytario-turquoise-400: #4DC3C3;
-  --color-cytario-turquoise-500: #35B7B8;
-  --color-cytario-turquoise-600: #2A9293;
-  --color-cytario-turquoise-700: #1F7172;
+  --color-cytario-turquoise-50: #f0fafa;
+  --color-cytario-turquoise-100: #cceded;
+  --color-cytario-turquoise-200: #99dbdb;
+  --color-cytario-turquoise-300: #66c9c9;
+  --color-cytario-turquoise-400: #4dc3c3;
+  --color-cytario-turquoise-500: #35b7b8;
+  --color-cytario-turquoise-600: #2a9293;
+  --color-cytario-turquoise-700: #1f7172;
   --color-cytario-turquoise-800: #165859;
-  --color-cytario-turquoise-900: #0D3F40;
+  --color-cytario-turquoise-900: #0d3f40;
   --color-cytario-turquoise-950: #072425;
 
   /* Custom font family */
@@ -46,8 +46,13 @@
 }
 
 @keyframes pulse-once {
-  0%, 100% { opacity: 0; }
-  50% { opacity: 1; }
+  0%,
+  100% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
 }
 
 html,

package/app/types/cornerstone-codecs.d.ts

@@ -1,36 +1,32 @@
 declare module "@cornerstonejs/codec-openjpeg" {
-    export function initialize(config?: {
-        wasmModuleURL?: string;
-    }): Promise<void>;
+  export function initialize(config?: { wasmModuleURL?: string }): Promise<void>;
 }
 
 declare module "@cornerstonejs/codec-openjpeg/dist/openjpegwasm_decode" {
-    interface EmscriptenModule {
-        [key: string]: unknown;
-    }
+  interface EmscriptenModule {
+    [key: string]: unknown;
+  }
 
-    type EmscriptenModuleFactory<T = EmscriptenModule> = (
-        moduleOverrides?: Partial<T>
-    ) => Promise<T>;
+  type EmscriptenModuleFactory<T = EmscriptenModule> = (moduleOverrides?: Partial<T>) => Promise<T>;
 
-    export class J2KDecoder {
-        decode: () => unknown;
-        getBlockDimensions: () => unknown;
-        getColorSpace: () => unknown;
-        getDecodedBuffer: () => unknown;
-        getEncodedBuffer: (length: number) => unknown;
-        getFrameInfo: () => unknown;
-        getImageOffset: () => unknown;
-        getIsReversible: () => unknown;
-        getNumDecompositions: () => unknown;
-        getNumLayers: () => unknown;
-        getProgressionOrder: () => number;
-        getTileOffset: () => unknown;
-        getTileSize: () => unknown;
-    }
-    export interface OpenJpegModule extends EmscriptenModule {
-        J2KDecoder: typeof J2KDecoder;
-    }
-    declare const Module: EmscriptenModuleFactory<OpenJpegModule>;
-    export { Module };
+  export class J2KDecoder {
+    decode: () => unknown;
+    getBlockDimensions: () => unknown;
+    getColorSpace: () => unknown;
+    getDecodedBuffer: () => unknown;
+    getEncodedBuffer: (length: number) => unknown;
+    getFrameInfo: () => unknown;
+    getImageOffset: () => unknown;
+    getIsReversible: () => unknown;
+    getNumDecompositions: () => unknown;
+    getNumLayers: () => unknown;
+    getProgressionOrder: () => number;
+    getTileOffset: () => unknown;
+    getTileSize: () => unknown;
+  }
+  export interface OpenJpegModule extends EmscriptenModule {
+    J2KDecoder: typeof J2KDecoder;
+  }
+  declare const Module: EmscriptenModuleFactory<OpenJpegModule>;
+  export { Module };
 }

package/app/utils/connectionsStore/selectors.ts

@@ -75,12 +75,8 @@ export const selectHttpsUrl =
  * For reactive use, subscribe to `selectHttpsUrl`. For non-reactive use
  * (async callbacks), use `resolveResourceId`.
  */
-function resolveResource(
-  resourceId: string,
-  state: ConnectionsStore,
-): ResolvedResource | null {
-  const { connectionName, pathName: connectionPathName } =
-    parseResourceId(resourceId);
+function resolveResource(resourceId: string, state: ConnectionsStore): ResolvedResource | null {
+  const { connectionName, pathName: connectionPathName } = parseResourceId(resourceId);
 
   const connection = state.connections[connectionName];
   if (!connection) return null;

package/app/utils/connectionsStore/useConnectionsStore.ts

@@ -31,10 +31,7 @@ export interface ConnectionsStore {
    * set of credentials per connection). Prunes entries for connections
    * deleted server-side.
    */
-  setConnections: (
-    configs: ConnectionConfig[],
-    credentials: Record<string, Credentials>,
-  ) => void;
+  setConnections: (configs: ConnectionConfig[], credentials: Record<string, Credentials>) => void;
 }
 
 const name = "ConnectionsStore";
@@ -85,8 +82,7 @@ export const useConnectionsStore = create<ConnectionsStore>()(
           connections: state.connections,
         }),
         onRehydrateStorage: () => (_state, error) => {
-          if (error)
-            console.error("[ConnectionsStore] Rehydration failed:", error);
+          if (error) console.error("[ConnectionsStore] Rehydration failed:", error);
         },
       },
     ),

package/app/utils/db/convertCsvToParquet.ts

@@ -54,9 +54,7 @@ export async function convertCsvToParquet(resourceId: string) {
     // Write to Parquet with WKB geometry
     const parquetDestination = `${s3Uri}.parquet`;
 
-    console.log(
-      `[CSV→Parquet] Writing to S3 as Parquet (ZSTD compression, 500k row groups)...`
-    );
+    console.log(`[CSV→Parquet] Writing to S3 as Parquet (ZSTD compression, 500k row groups)...`);
     console.log(`[CSV→Parquet] → Destination: ${parquetDestination}`);
     console.log("[CSV→Parquet] ⏳ This may take a while for large datasets...");
 

package/app/utils/db/createDatabase.ts

@@ -70,9 +70,7 @@ const createDatabaseInternal = async (
   await connection.query(`SET s3_url_style='path'`);
   await connection.query(`SET s3_use_ssl=${useSSL}`);
 
-  console.info(
-    `[createDatabase] DuckDB initialized (endpoint: ${hostname}, style: path)`,
-  );
+  console.info(`[createDatabase] DuckDB initialized (endpoint: ${hostname}, style: path)`);
 
   return connection;
 };

package/app/utils/db/createSingleton.ts

@@ -6,7 +6,7 @@
  * @returns Memoized version that caches by first parameter (key)
  */
 export function createSingleton<K, V, Args extends unknown[]>(
-  initFn: (key: K, ...args: Args) => Promise<V>
+  initFn: (key: K, ...args: Args) => Promise<V>,
 ): (key: K, ...args: Args) => Promise<V> {
   const cache = new Map<K, Promise<V>>();
 

package/app/utils/db/getBlobFromObjectNode.ts

@@ -1,8 +1,4 @@
-
-import {
-  useFileStore,
-  type DownloadProgress,
-} from "../localFilesStore/useFileStore";
+import { useFileStore, type DownloadProgress } from "../localFilesStore/useFileStore";
 import { parseResourceId } from "../resourceId";
 
 export type ProgressCallback = (progress: DownloadProgress) => void;
@@ -12,7 +8,7 @@ export type ProgressCallback = (progress: DownloadProgress) => void;
  */
 async function downloadFileWithProgress(
   url: string,
-  onProgress?: ProgressCallback
+  onProgress?: ProgressCallback,
 ): Promise<Uint8Array> {
   const response = await fetch(url);
 
@@ -73,9 +69,7 @@ async function getPresignedUrl(resourceId: string): Promise<string> {
  * Get file data for a resourceId, with caching and progress tracking
  * @param resourceId - S3 resource identifier (provider/bucketName/pathName)
  */
-export const getUint8ArrayForResourceId = async (
-  resourceId: string
-): Promise<Uint8Array> => {
+export const getUint8ArrayForResourceId = async (resourceId: string): Promise<Uint8Array> => {
   const { getFile, saveFile, setFileProgress } = useFileStore.getState();
 
   // Check cache first

package/app/utils/db/getGeomQuery.ts

@@ -17,7 +17,7 @@ function buildBitmaskExpression(markerColumns: string[]): string {
   const limitedMarkers = markerColumns.slice(0, 32);
 
   const expressions = limitedMarkers.map(
-    (col, idx) => `(CAST(CAST("${col}" AS BOOLEAN) AS INTEGER) << ${idx})`
+    (col, idx) => `(CAST(CAST("${col}" AS BOOLEAN) AS INTEGER) << ${idx})`,
   );
 
   return `(${expressions.join(" | ")})`;

package/app/utils/db/getMarkerInfoWasm.ts

@@ -5,9 +5,7 @@ import { MarkerInfo } from "~/components/.client/ImageViewer/components/Overlays
 /**
  * Extract marker information from DuckDB-WASM database.
  */
-export async function getMarkerInfoWasm(
-  resourceId: string,
-): Promise<MarkerInfo> {
+export async function getMarkerInfoWasm(resourceId: string): Promise<MarkerInfo> {
   const { credentials, connectionConfig, s3Uri } = resolveResourceId(resourceId);
   const connection = await createDatabase(resourceId, credentials, connectionConfig);
 

package/app/utils/db/getTileBoundingBox.ts

@@ -9,10 +9,7 @@ interface TileIndex {
 /**
  * Get tile bounding box in projected coordinates
  */
-export function getTileBoundingBox(
-  { z, x, y }: TileIndex,
-  tileSize: number = 256
-): BBox {
+export function getTileBoundingBox({ z, x, y }: TileIndex, tileSize: number = 256): BBox {
   const zoom = z * -1 + 1;
   const projectedTileSize = tileSize * 2 ** zoom;
 

package/app/utils/db/sqlQueries.ts

@@ -1,7 +1,4 @@
-export function buildCreateTableQuery(
-  id: string,
-  geometryColumn: string = "polygon"
-): string {
+export function buildCreateTableQuery(id: string, geometryColumn: string = "polygon"): string {
   return /*sql*/ `
     CREATE TABLE IF NOT EXISTS geometries AS
     SELECT

package/app/utils/fileType.ts

@@ -42,16 +42,86 @@ interface FileTypeEntry {
 // specific pattern. Built-ins stay hardcoded (not auto-derived from the
 // registry) so labels are available during SSR before bootstrap runs.
 const STATIC_FILE_TYPES: FileTypeEntry[] = [
-  { pattern: /\.ome\.tiff?$/i, type: "OME-TIFF", label: "OME-TIFF", icon: "Microscope", iconComponent: Microscope, isImage: true },
-  { pattern: /\.ome\.zarr\/?$/i, type: "OME-Zarr", label: "OME-Zarr", icon: "Microscope", iconComponent: Microscope, isImage: true },
-  { pattern: /\.zarr\/?$/i, type: "OME-Zarr", label: "OME-Zarr", icon: "Microscope", iconComponent: Microscope, isImage: true },
-  { pattern: /\.tiff?$/i, type: "TIFF", label: "TIFF", icon: "Image", iconComponent: Image, isImage: true },
-  { pattern: /\.parquet$/i, type: "Parquet", label: "Parquet", icon: "Table", iconComponent: Table, isImage: false },
-  { pattern: /\.csv$/i, type: "CSV", label: "CSV", icon: "FileSpreadsheet", iconComponent: FileSpreadsheet, isImage: false },
-  { pattern: /\.ndjson$/i, type: "JSON", label: "NDJSON", icon: "Braces", iconComponent: Braces, isImage: false },
-  { pattern: /\.json$/i, type: "JSON", label: "JSON", icon: "Braces", iconComponent: Braces, isImage: false },
-  { pattern: /\.png$/i, type: "PNG", label: "PNG", icon: "Image", iconComponent: Image, isImage: true },
-  { pattern: /\.jpe?g$/i, type: "JPEG", label: "JPEG", icon: "Image", iconComponent: Image, isImage: true },
+  {
+    pattern: /\.ome\.tiff?$/i,
+    type: "OME-TIFF",
+    label: "OME-TIFF",
+    icon: "Microscope",
+    iconComponent: Microscope,
+    isImage: true,
+  },
+  {
+    pattern: /\.ome\.zarr\/?$/i,
+    type: "OME-Zarr",
+    label: "OME-Zarr",
+    icon: "Microscope",
+    iconComponent: Microscope,
+    isImage: true,
+  },
+  {
+    pattern: /\.zarr\/?$/i,
+    type: "OME-Zarr",
+    label: "OME-Zarr",
+    icon: "Microscope",
+    iconComponent: Microscope,
+    isImage: true,
+  },
+  {
+    pattern: /\.tiff?$/i,
+    type: "TIFF",
+    label: "TIFF",
+    icon: "Image",
+    iconComponent: Image,
+    isImage: true,
+  },
+  {
+    pattern: /\.parquet$/i,
+    type: "Parquet",
+    label: "Parquet",
+    icon: "Table",
+    iconComponent: Table,
+    isImage: false,
+  },
+  {
+    pattern: /\.csv$/i,
+    type: "CSV",
+    label: "CSV",
+    icon: "FileSpreadsheet",
+    iconComponent: FileSpreadsheet,
+    isImage: false,
+  },
+  {
+    pattern: /\.ndjson$/i,
+    type: "JSON",
+    label: "NDJSON",
+    icon: "Braces",
+    iconComponent: Braces,
+    isImage: false,
+  },
+  {
+    pattern: /\.json$/i,
+    type: "JSON",
+    label: "JSON",
+    icon: "Braces",
+    iconComponent: Braces,
+    isImage: false,
+  },
+  {
+    pattern: /\.png$/i,
+    type: "PNG",
+    label: "PNG",
+    icon: "Image",
+    iconComponent: Image,
+    isImage: true,
+  },
+  {
+    pattern: /\.jpe?g$/i,
+    type: "JPEG",
+    label: "JPEG",
+    icon: "Image",
+    iconComponent: Image,
+    isImage: true,
+  },
 ];
 
 function escapeForRegExp(s: string): string {

package/app/utils/filterObjects.ts

@@ -3,14 +3,11 @@ import { _Object } from "@aws-sdk/client-s3";
 import { search } from "~/components/GlobalSearch/search";
 import { cytarioConfig } from "~/config";
 
-export const allowedFilesPattern = new RegExp(
-  cytarioConfig.setup.allowedFiles,
-  "i"
-);
+export const allowedFilesPattern = new RegExp(cytarioConfig.setup.allowedFiles, "i");
 
 export const filterObjects = (
   objects: Readonly<_Object>[] = [],
-  { query }: { query?: string | null }
+  { query }: { query?: string | null },
 ): _Object[] => {
   return objects
     .reduce((acc, item) => {

package/app/utils/localFilesStore/useFileStore.ts

@@ -63,7 +63,7 @@ export const useFileStore = create<FileStore>()(
             },
           }),
           false,
-          "saveFile"
+          "saveFile",
         );
       },
 
@@ -79,7 +79,7 @@ export const useFileStore = create<FileStore>()(
             },
           }),
           false,
-          "setFileProgress"
+          "setFileProgress",
         );
       },
 
@@ -98,7 +98,7 @@ export const useFileStore = create<FileStore>()(
             return { files: rest };
           },
           false,
-          "deleteFile"
+          "deleteFile",
         );
       },
 
@@ -113,7 +113,7 @@ export const useFileStore = create<FileStore>()(
               key,
               size: data?.length ?? 0,
             };
-          })
+          }),
         );
 
         set(
@@ -144,10 +144,10 @@ export const useFileStore = create<FileStore>()(
             return { files };
           },
           false,
-          "hydrate"
+          "hydrate",
         );
       },
     }),
-    { name }
-  )
+    { name },
+  ),
 );

package/app/utils/recentlyViewed.server.ts

@@ -28,10 +28,7 @@ export async function upsertRecentlyViewed(
 }
 
 /** Get the most recently viewed items for a user, ordered newest-first. */
-export async function getRecentlyViewed(
-  userId: string,
-  limit = 20,
-): Promise<RecentlyViewed[]> {
+export async function getRecentlyViewed(userId: string, limit = 20): Promise<RecentlyViewed[]> {
   return prisma.recentlyViewed.findMany({
     where: { userId },
     orderBy: { viewedAt: "desc" },

package/app/utils/resourceId.ts

@@ -25,9 +25,7 @@ export function parseResourceId(resourceId: string): ResourceIdParts {
     .replace(/^\/+/, "");
 
   if (!connectionName) {
-    throw new Error(
-      `Invalid resourceId: "${resourceId}" — empty connectionName`,
-    );
+    throw new Error(`Invalid resourceId: "${resourceId}" — empty connectionName`);
   }
 
   return { connectionName, pathName };
@@ -40,10 +38,7 @@ export function getFileName(resourceId: string): string {
 }
 
 /** Builds a routable URL path from a connection name and an object path. */
-export function buildConnectionPath(
-  connectionName: string,
-  pathName: string,
-): string {
+export function buildConnectionPath(connectionName: string, pathName: string): string {
   const path = pathName
     ? `/connections/${connectionName}/${pathName}`
     : `/connections/${connectionName}`;
@@ -70,10 +65,7 @@ export function buildConnectionPath(
  * constructS3Url({ bucketName: "b", endpoint: "http://localhost:9000" }, "x.zarr")
  * // → "http://localhost:9000/b/x.zarr"
  */
-export function constructS3Url(
-  connectionConfig: ConnectionConfig,
-  s3Key: string,
-): string {
+export function constructS3Url(connectionConfig: ConnectionConfig, s3Key: string): string {
   const bucket = connectionConfig.bucketName;
   const encodedPath = s3Key.split("/").map(encodeURIComponent).join("/");
 

package/app/utils/s3Provider.ts

@@ -32,7 +32,7 @@ export function isAwsS3Endpoint(endpoint?: string | null): boolean {
  */
 export function getS3ProviderConfig(
   endpoint?: string | null,
-  region?: string | null
+  region?: string | null,
 ): S3ProviderConfig {
   const actualRegion = region ?? DEFAULT_REGION;
   const actualEndpoint = endpoint ?? DEFAULT_ENDPOINT;
@@ -41,12 +41,8 @@ export function getS3ProviderConfig(
   return {
     isAwsS3,
     usePathStyle: !isAwsS3,
-    stsEndpoint: isAwsS3
-      ? `https://sts.${actualRegion}.amazonaws.com`
-      : actualEndpoint,
-    s3Endpoint: isAwsS3
-      ? `https://s3.${actualRegion}.amazonaws.com`
-      : actualEndpoint,
+    stsEndpoint: isAwsS3 ? `https://sts.${actualRegion}.amazonaws.com` : actualEndpoint,
+    s3Endpoint: isAwsS3 ? `https://s3.${actualRegion}.amazonaws.com` : actualEndpoint,
   };
 }
 

package/app/utils/signedFetch.ts

@@ -5,10 +5,7 @@ import { SignatureV4 } from "@smithy/signature-v4";
 import type { ConnectionConfig } from "~/.generated/client";
 import { sanitizeHeaders } from "~/utils/sanitizeHeaders";
 
-export type SignedFetch = (
-  url: string,
-  init?: RequestInit,
-) => Promise<Response>;
+export type SignedFetch = (url: string, init?: RequestInit) => Promise<Response>;
 
 // Image tile/chunk bytes are immutable per object version → 7-day cache.
 const IMAGE_DATA_CACHE_CONTROL = "private, max-age=604800";
@@ -20,9 +17,7 @@ const OTHER_DATA_CACHE_CONTROL = "private, max-age=3600";
 // TIFF/OME-TIFF reads, or OME-Zarr chunks whose last path segment is digits
 // only (`image.zarr/0/0/0` or `image.zarr/0.0.0`).
 function isImageDataPath(pathname: string): boolean {
-  return (
-    /\.tiff?$/i.test(pathname) || /\/\d+(?:\.\d+)*$/.test(pathname)
-  );
+  return /\.tiff?$/i.test(pathname) || /\/\d+(?:\.\d+)*$/.test(pathname);
 }
 
 /**
@@ -43,9 +38,7 @@ export function createSignedFetch(
     const credentials = getCredentials();
 
     if (!credentials.AccessKeyId || !credentials.SecretAccessKey) {
-      throw new Error(
-        "Invalid credentials: AccessKeyId and SecretAccessKey are required",
-      );
+      throw new Error("Invalid credentials: AccessKeyId and SecretAccessKey are required");
     }
 
     if (credentials.AccessKeyId !== cachedKeyId) {
@@ -76,9 +69,7 @@ export function createSignedFetch(
     // avoid CORS/signature mismatches. Caller-supplied headers run through
     // sanitizeHeaders, and the merge order below puts signed headers LAST
     // so a bypass of sanitizeHeaders still cannot override the signature.
-    const callerHeaders = sanitizeHeaders(
-      (init?.headers as Record<string, string> | undefined),
-    );
+    const callerHeaders = sanitizeHeaders(init?.headers as Record<string, string> | undefined);
 
     const request = {
       method: (init?.method as string) ?? "GET",

package/bin-src/codegen.ts

@@ -14,7 +14,10 @@ export class InvalidPluginNameError extends Error {
 
 /** Validate + parse the CYTARIO_PLUGINS env var. Invalid entries throw. */
 export function parseCytarioPluginsEnv(env: string | undefined): CodegenInput {
-  const raw = (env ?? "").split(",").map((s) => s.trim()).filter(Boolean);
+  const raw = (env ?? "")
+    .split(",")
+    .map((s) => s.trim())
+    .filter(Boolean);
   for (const name of raw) {
     if (!NPM_NAME_RE.test(name)) {
       throw new InvalidPluginNameError(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cytario/web",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "description": "Cytario Web — scientific imaging data browser and viewer for OME-TIFF, OME-Zarr, Parquet and GeoTIFF on S3-compatible storage.",
   "license": "AGPL-3.0",
   "sideEffects": false,
@@ -60,6 +60,8 @@
     "lint": "eslint --cache --cache-location ./node_modules/.cache/eslint .",
     "prestart": "npm run build:server",
     "start": "node bin/cytario-web.mjs start",
+    "format:check": "prettier --check .",
+    "format:write": "prettier --write .",
     "typecheck": "react-router typegen && tsc",
     "test": "vitest",
     "coverage": "vitest run --coverage"
@@ -151,6 +153,7 @@
     "@vitest/coverage-v8": "^3.2.3",
     "concurrently": "^9.2.1",
     "eslint": ">=8.38.0",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": ">=3.6.1",
     "eslint-plugin-import": ">=2.28.1",
     "eslint-plugin-jsx-a11y": ">=6.7.1",
@@ -159,6 +162,7 @@
     "happy-dom": ">=20.0.2",
     "husky": ">=9.1.7",
     "jsdom-testing-mocks": "^1.16.0",
+    "prettier": "^3.8.3",
     "semantic-release": "^25.0.3",
     "tsup": "^8.3.5",
     "tsx": "^4.21.0",