Renamed WSI to IIIF as the visualization supports any image served through IIIF standard APIs.

Author: sandeep-ps

…rc/components/visualizations/WSI/WSI.tsx …/components/visualizations/IIIF/IIIF.tsxfrontend/src/components/visualizations/WSI/WSI.tsx renamed to frontend/src/components/visualizations/IIIF/IIIF.tsx frontend/src/components/visualizations/WSI/WSI.tsx renamed to frontend/src/components/visualizations/IIIF/IIIF.tsx

@@ -6,11 +6,11 @@ import miradorAnnotationPlugin from "mirador-annotations";
 import LocalStorageAdapter from "mirador-annotations/lib/LocalStorageAdapter";
 import { VisualizationConfigOut } from "../../../openapi/v2";
 
-type WSIProps = {
+type IIIFProps = {
 	visConfigEntry?: VisualizationConfigOut;
 };
 
-export default function WSI(props: WSIProps) {
+export default function IIIF(props: IIIFProps) {
 	const { visConfigEntry } = props;
 
 	useEffect(() => {

…ponents/visualizations/WSI/manifest.json …onents/visualizations/IIIF/manifest.jsonfrontend/src/components/visualizations/WSI/manifest.json renamed to frontend/src/components/visualizations/IIIF/manifest.json frontend/src/components/visualizations/WSI/manifest.json renamed to frontend/src/components/visualizations/IIIF/manifest.json

@@ -1,18 +1,18 @@
 {
-	"name": "wsi-visualization",
+	"name": "iiif-visualization",
 	"version": "1.0.0",
-	"description": "A React component for visualizing and annotating Whole Slide Images (WSIs)",
-	"main": "WSI.tsx",
+	"description": "A React component for visualizing and annotating images rendered using the IIIF standard.",
+	"main": "IIIF.tsx",
 	"dependencies": {
 		"clowder2-core": "1.0.0",
 		"react": "^17.0.2",
 		"react-dom": "^17.0.2",
 		"mirador": "^3.4.3"
 	},
 	"visConfig": {
-		"name": "WSI",
+		"name": "IIIF",
 		"mainType": "image",
-		"mimeTypes": ["application/octet-stream"],
+		"mimeTypes": ["image/x-iiif"],
 		"fields": []
 	}
 }

frontend/src/visualization.config.ts

@@ -52,7 +52,7 @@ visComponentDefinitions.push({
 	component: React.createElement(registerComponent(configImage)),
 });
 
-const configWholeSlideImage = require("./components/visualizations/WSI/manifest.json");
+const configWholeSlideImage = require("./components/visualizations/IIIF/manifest.json");
 visComponentDefinitions.push({
 	name: configWholeSlideImage.name,
 	mainType: configWholeSlideImage.visConfig.mainType,