feat: mac orthanc配置和mpr接通
This commit is contained in:
mozzie
parent
e25ff341cd
commit
cc731b93a9
|
|
@ -25,9 +25,10 @@ export const getPacsPath = (
|
|||
|
||||
export const runOrthancServer = (pacsPath: string) => {
|
||||
if (existsSync(pacsPath)) {
|
||||
const child_process = spawn(pacsPath);
|
||||
const configPath = path.join(path.dirname(pacsPath), "config.json");
|
||||
const child_process = spawn(pacsPath, [configPath]);
|
||||
child_process.stdout.on("data", (data) => log.info(data));
|
||||
// child_process.stderr.on('data', data => log.error(data))
|
||||
child_process.stderr.on("data", (data) => log.error(data));
|
||||
} else {
|
||||
console.error("pacsPath is a not exist");
|
||||
log.error("pacsPath is a not exist");
|
||||
|
|
|
|||
|
|
@ -38,6 +38,8 @@ const themeTitleBarStyles = {
|
|||
|
||||
export const platform = process.platform === "darwin" ? "macos" : "windows";
|
||||
|
||||
app.commandLine.appendSwitch('disable-web-security');
|
||||
|
||||
function createWindow() {
|
||||
win = new BrowserWindow({
|
||||
width: 1280,
|
||||
|
|
@ -49,7 +51,7 @@ function createWindow() {
|
|||
titleBarOverlay: { height: 36, ...themeTitleBarStyles[theme] }, // 渲染进程发消息动态改变这个
|
||||
webPreferences: {
|
||||
preload: path.join(__dirname, "preload.mjs"),
|
||||
nodeIntegration: true,
|
||||
nodeIntegration: true
|
||||
},
|
||||
});
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -1,14 +1,26 @@
|
|||
{
|
||||
// The reference of the Orthanc configuration file is available at:
|
||||
// https://orthanc.uclouvain.be/hg/orthanc/file/default/OrthancServer/Resources/Configuration.json
|
||||
"Name" : "MyOrthanc",
|
||||
"Name": "macos-othanc-dev",
|
||||
|
||||
// Load all the Orthanc plugins that are available in this folder:
|
||||
"Plugins" : [ "." ],
|
||||
"Plugins": ["./libOrthancDicomWeb.dylib"],
|
||||
|
||||
"DicomWeb": {
|
||||
"Enable": true,
|
||||
"Root": "/dicom-web/",
|
||||
"EnableWado": true,
|
||||
"WadoRoot": "/wado",
|
||||
"Ssl": false,
|
||||
"StudiesMetadata": "Full",
|
||||
"SeriesMetadata": "Full",
|
||||
"MetadataWorkerThreadsCount": 4,
|
||||
"PublicRoot": "/"
|
||||
},
|
||||
|
||||
// Orthanc Explorer 2 configuration. Reference is available at:
|
||||
// https://github.com/orthanc-server/orthanc-explorer-2/blob/master/Plugin/DefaultConfiguration.json
|
||||
"OrthancExplorer2" : {
|
||||
"OrthancExplorer2": {
|
||||
"Enable": true,
|
||||
"IsDefaultOrthancUI": false
|
||||
}
|
||||
27
apps/desktop/extraResources/orthanc-win64-1.12.4/config.json
Normal file
27
apps/desktop/extraResources/orthanc-win64-1.12.4/config.json
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
{
|
||||
// The reference of the Orthanc configuration file is available at:
|
||||
// https://orthanc.uclouvain.be/hg/orthanc/file/default/OrthancServer/Resources/Configuration.json
|
||||
"Name": "macos-othanc-dev",
|
||||
|
||||
// Load all the Orthanc plugins that are available in this folder:
|
||||
"Plugins": ["./libOrthancDicomWeb.dylib"],
|
||||
|
||||
"DicomWeb": {
|
||||
"Enable": true,
|
||||
"Root": "/dicom-web/",
|
||||
"EnableWado": true,
|
||||
"WadoRoot": "/wado",
|
||||
"Ssl": false,
|
||||
"StudiesMetadata": "Full",
|
||||
"SeriesMetadata": "Full",
|
||||
"MetadataWorkerThreadsCount": 4,
|
||||
"PublicRoot": "/"
|
||||
},
|
||||
|
||||
// Orthanc Explorer 2 configuration. Reference is available at:
|
||||
// https://github.com/orthanc-server/orthanc-explorer-2/blob/master/Plugin/DefaultConfiguration.json
|
||||
"OrthancExplorer2": {
|
||||
"Enable": true,
|
||||
"IsDefaultOrthancUI": false
|
||||
}
|
||||
}
|
||||
|
|
@ -65,7 +65,13 @@
|
|||
"axios": "1.7.7",
|
||||
"lodash": "4.17.21",
|
||||
"electron-log": "5.2.0",
|
||||
"form-data": "4.0.0"
|
||||
"form-data": "4.0.0",
|
||||
"@cornerstonejs/core": "1.84.4",
|
||||
"@cornerstonejs/tools": "1.84.4",
|
||||
"@cornerstonejs/dicom-image-loader": "1.84.4",
|
||||
"@cornerstonejs/streaming-image-volume-loader": "1.84.4",
|
||||
"dicomweb-client": "0.10.4",
|
||||
"dcmjs": "0.34.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@radix-ui/react-icons": "^1.3.0",
|
||||
|
|
@ -87,6 +93,7 @@
|
|||
"vite": "^5.1.6",
|
||||
"vite-plugin-electron": "^0.28.6",
|
||||
"vite-plugin-electron-renderer": "^0.14.5",
|
||||
"@types/lodash": "4.17.7"
|
||||
"@types/lodash": "4.17.7",
|
||||
"vite-plugin-node-polyfills": "0.22.0"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,51 +1,49 @@
|
|||
import { Card } from "@/components/ui/card"
|
||||
import { Card } from "@/components/ui/card";
|
||||
import {
|
||||
Carousel,
|
||||
CarouselContent,
|
||||
CarouselItem,
|
||||
type CarouselApi,
|
||||
} from "@/components/ui/carousel"
|
||||
import { EllipsisIcon, FileDown, Rotate3DIcon, Sparkles, Torus } from "lucide-react";
|
||||
import { useEffect, useState } from "react"
|
||||
import { SeriesInfo } from "./type"
|
||||
import { Badge } from "@/components/ui/badge"
|
||||
import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuShortcut, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
|
||||
} from "@/components/ui/carousel";
|
||||
import {
|
||||
EllipsisIcon,
|
||||
FileDown,
|
||||
Rotate3DIcon,
|
||||
Sparkles,
|
||||
Torus,
|
||||
} from "lucide-react";
|
||||
import { SeriesInfo } from "./type";
|
||||
import { Badge } from "@/components/ui/badge";
|
||||
import {
|
||||
DropdownMenu,
|
||||
DropdownMenuContent,
|
||||
DropdownMenuGroup,
|
||||
DropdownMenuItem,
|
||||
DropdownMenuShortcut,
|
||||
DropdownMenuTrigger,
|
||||
} from "@/components/ui/dropdown-menu";
|
||||
|
||||
export type CarouselAction = 'viewMpr' | 'view3D' | 'exportMeaurement' | 'viewReport'
|
||||
export type CarouselAction =
|
||||
| "viewMpr"
|
||||
| "view3D"
|
||||
| "exportMeaurement"
|
||||
| "viewReport";
|
||||
|
||||
interface CarouselSeriesProps {
|
||||
seriesList: SeriesInfo[]
|
||||
onClickItem?: (series: SeriesInfo, action: CarouselAction) => void
|
||||
seriesList: SeriesInfo[];
|
||||
onClickItem?: (series: SeriesInfo, action: CarouselAction) => void;
|
||||
}
|
||||
|
||||
export function CarouselSeries(props: CarouselSeriesProps) {
|
||||
const [api, setApi] = useState<CarouselApi>()
|
||||
const [current, setCurrent] = useState(0)
|
||||
const [count, setCount] = useState(0)
|
||||
|
||||
useEffect(() => {
|
||||
if (!api) return
|
||||
|
||||
setCount(api.scrollSnapList().length)
|
||||
setCurrent(api.selectedScrollSnap() + 1)
|
||||
|
||||
api.on("select", () => {
|
||||
setCurrent(api.selectedScrollSnap() + 1)
|
||||
})
|
||||
}, [api])
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<div className="mx-auto">
|
||||
<Carousel setApi={setApi} className="w-full">
|
||||
<Carousel orientation="vertical">
|
||||
<CarouselContent>
|
||||
{props.seriesList.map((series) => (
|
||||
<CarouselItem key={series.ID}>
|
||||
<CarouselItem key={series.ID} className="basis-1">
|
||||
<Card
|
||||
className={`flex shadow-none flex-col items-start gap-2 rounded-lg border p-3 text-left text-sm transition-all hover:bg-accent`}
|
||||
>
|
||||
<div className="flex w-full flex-col gap-1">
|
||||
<div className="flex flex-col gap-1 w-full">
|
||||
<div className="flex items-center">
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="font-semibold">
|
||||
|
|
@ -59,35 +57,63 @@ export function CarouselSeries(props: CarouselSeriesProps) {
|
|||
</DropdownMenuTrigger>
|
||||
<DropdownMenuContent className="w-36">
|
||||
<DropdownMenuGroup>
|
||||
<DropdownMenuItem onClick={() => props.onClickItem?.(series, 'viewMpr')}>
|
||||
<DropdownMenuItem
|
||||
onClick={() =>
|
||||
props.onClickItem?.(series, "viewMpr")
|
||||
}
|
||||
>
|
||||
MPR 阅片
|
||||
<DropdownMenuShortcut><Rotate3DIcon className="w-4 h-4" /></DropdownMenuShortcut>
|
||||
<DropdownMenuShortcut>
|
||||
<Rotate3DIcon className="w-4 h-4" />
|
||||
</DropdownMenuShortcut>
|
||||
</DropdownMenuItem>
|
||||
<DropdownMenuItem onClick={() => props.onClickItem?.(series, 'view3D')}>
|
||||
<DropdownMenuItem
|
||||
onClick={() =>
|
||||
props.onClickItem?.(series, "view3D")
|
||||
}
|
||||
>
|
||||
3D 重建
|
||||
<DropdownMenuShortcut><Torus className="w-4 h-4" /></DropdownMenuShortcut>
|
||||
<DropdownMenuShortcut>
|
||||
<Torus className="w-4 h-4" />
|
||||
</DropdownMenuShortcut>
|
||||
</DropdownMenuItem>
|
||||
<DropdownMenuItem onClick={() => props.onClickItem?.(series, 'exportMeaurement')}>
|
||||
<DropdownMenuItem
|
||||
onClick={() =>
|
||||
props.onClickItem?.(series, "exportMeaurement")
|
||||
}
|
||||
>
|
||||
导出测量
|
||||
<DropdownMenuShortcut><FileDown className="w-4 h-4" /></DropdownMenuShortcut>
|
||||
<DropdownMenuShortcut>
|
||||
<FileDown className="w-4 h-4" />
|
||||
</DropdownMenuShortcut>
|
||||
</DropdownMenuItem>
|
||||
<DropdownMenuItem onClick={() => props.onClickItem?.(series, 'viewReport')}>
|
||||
<DropdownMenuItem
|
||||
onClick={() =>
|
||||
props.onClickItem?.(series, "viewReport")
|
||||
}
|
||||
>
|
||||
查看报告
|
||||
<DropdownMenuShortcut><Sparkles className="w-4 h-4" /></DropdownMenuShortcut>
|
||||
<DropdownMenuShortcut>
|
||||
<Sparkles className="w-4 h-4" />
|
||||
</DropdownMenuShortcut>
|
||||
</DropdownMenuItem>
|
||||
</DropdownMenuGroup>
|
||||
</DropdownMenuContent>
|
||||
</DropdownMenu>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-xs font-medium">
|
||||
{series.MainDicomTags.SeriesDescription}
|
||||
<div className="line-clamp-2 text-xs text-muted-foreground">
|
||||
<span>{series.MainDicomTags.SeriesDescription}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="line-clamp-2 text-xs text-muted-foreground">
|
||||
<div className="line-clamp-2 text-xs text-muted-foreground flex gap-x-2">
|
||||
<div className="flex items-center gap-2">
|
||||
<Badge variant="secondary">{series.Instances.length}</Badge>
|
||||
{series.MainDicomTags.BodyPartExamined && <Badge variant="secondary">{series.MainDicomTags.BodyPartExamined}</Badge>}
|
||||
{series.MainDicomTags.BodyPartExamined && (
|
||||
<Badge variant="secondary">
|
||||
{series.MainDicomTags.BodyPartExamined}
|
||||
</Badge>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
|
|
@ -95,9 +121,6 @@ export function CarouselSeries(props: CarouselSeriesProps) {
|
|||
))}
|
||||
</CarouselContent>
|
||||
</Carousel>
|
||||
<div className="text-center text-sm text-muted-foreground">
|
||||
{current} / {count}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,72 @@
|
|||
import { metaData } from "@cornerstonejs/core";
|
||||
import cornerstoneDICOMImageLoader from "@cornerstonejs/dicom-image-loader";
|
||||
|
||||
/**
|
||||
* Preloads imageIds metadata in memory
|
||||
**/
|
||||
export const prefetchMetadataInformation = async (
|
||||
imageIdsToPrefetch: string[]
|
||||
): Promise<void> => {
|
||||
for (let i = 0; i < imageIdsToPrefetch.length; i++) {
|
||||
await cornerstoneDICOMImageLoader.wadouri.loadImage(imageIdsToPrefetch[i])
|
||||
.promise;
|
||||
}
|
||||
};
|
||||
|
||||
interface FrameInformation {
|
||||
frameIndex: number;
|
||||
imageIdFrameless: string;
|
||||
}
|
||||
|
||||
export const getFrameInformation = (imageId: string): FrameInformation => {
|
||||
if (imageId.includes("wadors:")) {
|
||||
const frameIndex = imageId.indexOf("/frames/");
|
||||
const imageIdFrameless =
|
||||
frameIndex > 0 ? imageId.slice(0, frameIndex + 8) : imageId;
|
||||
return {
|
||||
frameIndex,
|
||||
imageIdFrameless,
|
||||
};
|
||||
} else {
|
||||
const frameIndex = imageId.indexOf("&frame=");
|
||||
let imageIdFrameless =
|
||||
frameIndex > 0 ? imageId.slice(0, frameIndex + 7) : imageId;
|
||||
if (!imageIdFrameless.includes("&frame=")) {
|
||||
imageIdFrameless += "&frame=";
|
||||
}
|
||||
return {
|
||||
frameIndex,
|
||||
imageIdFrameless,
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Converts a list of imageids possibly referring to multiframe dicom images
|
||||
* into a list of imageids where each imageid refers to one frame.
|
||||
* For each imageId representing a multiframe image with n frames,
|
||||
* it creates n new imageids, one for each frame, and returns the new list of imageids.
|
||||
* If a particular imageid does not refer to a multiframe image data, it will be just copied into the new list.
|
||||
* @returns new list of imageids where each imageid represents a frame
|
||||
*/
|
||||
export const convertMultiframeImageIds = (imageIds: string[]): string[] => {
|
||||
const newImageIds: string[] = [];
|
||||
imageIds.forEach((imageId) => {
|
||||
const { imageIdFrameless } = getFrameInformation(imageId);
|
||||
const instanceMetaData = metaData.get("multiframeModule", imageId);
|
||||
if (
|
||||
instanceMetaData &&
|
||||
instanceMetaData.NumberOfFrames &&
|
||||
instanceMetaData.NumberOfFrames > 1
|
||||
) {
|
||||
const numberOfFrames = instanceMetaData.NumberOfFrames;
|
||||
for (let i = 0; i < numberOfFrames; i++) {
|
||||
const newImageId = imageIdFrameless + (i + 1);
|
||||
newImageIds.push(newImageId);
|
||||
}
|
||||
} else {
|
||||
newImageIds.push(imageId);
|
||||
}
|
||||
});
|
||||
return newImageIds;
|
||||
};
|
||||
|
|
@ -0,0 +1,139 @@
|
|||
import { api } from "dicomweb-client";
|
||||
import dcmjs from "dcmjs";
|
||||
import { utilities } from "@cornerstonejs/core";
|
||||
import cornerstoneDICOMImageLoader from "@cornerstonejs/dicom-image-loader";
|
||||
import { getPixelSpacingInformation } from "./getPixelSpacingInformation";
|
||||
import { convertMultiframeImageIds } from "./convertMultiframeImageIds";
|
||||
import { removeInvalidTags } from "./removeInvalidTags";
|
||||
import getPTImageIdInstanceMetadata from "./getPTImageIdInstanceMetadata";
|
||||
import { calculateSUVScalingFactors } from "@cornerstonejs/calculate-suv";
|
||||
import ptScalingMetaDataProvider from "./ptScalingMetaDataProvider";
|
||||
|
||||
const { DicomMetaDictionary } = dcmjs.data;
|
||||
const { calibratedPixelSpacingMetadataProvider } = utilities;
|
||||
|
||||
const SOP_INSTANCE_UID = "00080018";
|
||||
const SERIES_INSTANCE_UID = "0020000E";
|
||||
const MODALITY = "00080060";
|
||||
|
||||
interface CreateImageIdsAndCacheMetaDataOptions {
|
||||
StudyInstanceUID: string;
|
||||
SeriesInstanceUID: string;
|
||||
SOPInstanceUID?: string | null;
|
||||
wadoRsRoot: string;
|
||||
client?: api.DICOMwebClient | null;
|
||||
}
|
||||
|
||||
/**
|
||||
* 从 DICOMweb 服务创建图像 ID 并缓存相关元数据。
|
||||
*
|
||||
* @param options - 包含图像和 DICOMweb 服务信息的对象
|
||||
* @returns 图像 ID 数组
|
||||
*/
|
||||
export const createImageIdsAndCacheMetaData = async (
|
||||
options: CreateImageIdsAndCacheMetaDataOptions
|
||||
): Promise<string[]> => {
|
||||
const client =
|
||||
options.client ||
|
||||
new api.DICOMwebClient({ url: options.wadoRsRoot, singlepart: true });
|
||||
|
||||
try {
|
||||
const instances = await client.retrieveSeriesMetadata({
|
||||
studyInstanceUID: options.StudyInstanceUID,
|
||||
seriesInstanceUID: options.SeriesInstanceUID,
|
||||
});
|
||||
|
||||
const modality = (instances[0] as unknown as any)[MODALITY].Value[0];
|
||||
console.log("modality", modality);
|
||||
|
||||
let imageIds = instances.map((instanceMetaData: any) => {
|
||||
const SeriesInstanceUID = instanceMetaData[SERIES_INSTANCE_UID].Value[0];
|
||||
const SOPInstanceUIDToUse =
|
||||
options.SOPInstanceUID || instanceMetaData[SOP_INSTANCE_UID].Value[0];
|
||||
|
||||
const prefix = "wadors:";
|
||||
|
||||
const imageId =
|
||||
prefix +
|
||||
options.wadoRsRoot +
|
||||
"/studies/" +
|
||||
options.StudyInstanceUID +
|
||||
"/series/" +
|
||||
SeriesInstanceUID +
|
||||
"/instances/" +
|
||||
SOPInstanceUIDToUse +
|
||||
"/frames/1";
|
||||
|
||||
cornerstoneDICOMImageLoader.wadors.metaDataManager.add(
|
||||
imageId,
|
||||
instanceMetaData
|
||||
);
|
||||
return imageId;
|
||||
});
|
||||
|
||||
imageIds = convertMultiframeImageIds(imageIds);
|
||||
|
||||
imageIds.forEach((imageId) => {
|
||||
let instanceMetaData =
|
||||
cornerstoneDICOMImageLoader.wadors.metaDataManager.get(imageId);
|
||||
|
||||
instanceMetaData = removeInvalidTags(instanceMetaData);
|
||||
|
||||
if (instanceMetaData) {
|
||||
const metadata =
|
||||
DicomMetaDictionary.naturalizeDataset(instanceMetaData);
|
||||
const pixelSpacing = getPixelSpacingInformation(metadata) as Number[];
|
||||
|
||||
if (pixelSpacing) {
|
||||
// FIXME: cornerstone类型定义有问题，这里.add方法缺少type属性
|
||||
calibratedPixelSpacingMetadataProvider.add(imageId, {
|
||||
// @ts-ignore
|
||||
rowPixelSpacing: pixelSpacing[0],
|
||||
// @ts-ignore
|
||||
columnPixelSpacing: pixelSpacing[1],
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
if (modality === "PT") {
|
||||
const InstanceMetadataArray: any = [];
|
||||
imageIds.forEach((imageId) => {
|
||||
const instanceMetadata = getPTImageIdInstanceMetadata(imageId);
|
||||
|
||||
// TODO: Temporary fix because static-wado is producing a string, not an array of values
|
||||
// (or maybe dcmjs isn't parsing it correctly?)
|
||||
// It's showing up like 'DECY\\ATTN\\SCAT\\DTIM\\RAN\\RADL\\DCAL\\SLSENS\\NORM'
|
||||
// but calculate-suv expects ['DECY', 'ATTN', ...]
|
||||
if (typeof instanceMetadata.CorrectedImage === "string") {
|
||||
instanceMetadata.CorrectedImage =
|
||||
instanceMetadata.CorrectedImage.split("\\");
|
||||
}
|
||||
|
||||
if (instanceMetadata) {
|
||||
InstanceMetadataArray.push(instanceMetadata);
|
||||
}
|
||||
});
|
||||
if (InstanceMetadataArray.length) {
|
||||
try {
|
||||
const suvScalingFactors = calculateSUVScalingFactors(
|
||||
InstanceMetadataArray
|
||||
);
|
||||
InstanceMetadataArray.forEach((instanceMetadata, index) => {
|
||||
ptScalingMetaDataProvider.addInstance(
|
||||
imageIds[index],
|
||||
suvScalingFactors[index]
|
||||
);
|
||||
});
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return imageIds;
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
throw new Error("PACS 中数据不存在");
|
||||
}
|
||||
};
|
||||
|
|
@ -0,0 +1,211 @@
|
|||
import { metaData } from "@cornerstonejs/core";
|
||||
import type { InstanceMetadata } from "@cornerstonejs/calculate-suv";
|
||||
|
||||
export default function getPTImageIdInstanceMetadata(
|
||||
imageId: string
|
||||
): InstanceMetadata {
|
||||
const petSequenceModule = metaData.get("petIsotopeModule", imageId);
|
||||
const generalSeriesModule = metaData.get("generalSeriesModule", imageId);
|
||||
const patientStudyModule = metaData.get("patientStudyModule", imageId);
|
||||
|
||||
const ptSeriesModule = metaData.get("petSeriesModule", imageId);
|
||||
const ptImageModule = metaData.get("petImageModule", imageId);
|
||||
|
||||
if (!petSequenceModule) {
|
||||
throw new Error("petSequenceModule metadata is required");
|
||||
}
|
||||
|
||||
const radiopharmaceuticalInfo = petSequenceModule.radiopharmaceuticalInfo;
|
||||
|
||||
const { seriesDate, seriesTime, acquisitionDate, acquisitionTime } =
|
||||
generalSeriesModule;
|
||||
const { patientWeight } = patientStudyModule;
|
||||
const { correctedImage, units, decayCorrection } = ptSeriesModule;
|
||||
|
||||
if (
|
||||
seriesDate === undefined ||
|
||||
seriesTime === undefined ||
|
||||
patientWeight === undefined ||
|
||||
acquisitionDate === undefined ||
|
||||
acquisitionTime === undefined ||
|
||||
correctedImage === undefined ||
|
||||
units === undefined ||
|
||||
decayCorrection === undefined ||
|
||||
radiopharmaceuticalInfo.radionuclideTotalDose === undefined ||
|
||||
radiopharmaceuticalInfo.radionuclideHalfLife === undefined ||
|
||||
(radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime === undefined &&
|
||||
seriesDate === undefined &&
|
||||
radiopharmaceuticalInfo.radiopharmaceuticalStartTime === undefined)
|
||||
//
|
||||
) {
|
||||
throw new Error("required metadata are missing");
|
||||
}
|
||||
|
||||
const instanceMetadata: InstanceMetadata = {
|
||||
CorrectedImage: correctedImage,
|
||||
Units: units,
|
||||
RadionuclideHalfLife: radiopharmaceuticalInfo.radionuclideHalfLife,
|
||||
RadionuclideTotalDose: radiopharmaceuticalInfo.radionuclideTotalDose,
|
||||
DecayCorrection: decayCorrection,
|
||||
PatientWeight: patientWeight,
|
||||
SeriesDate: seriesDate,
|
||||
SeriesTime: seriesTime,
|
||||
AcquisitionDate: acquisitionDate,
|
||||
AcquisitionTime: acquisitionTime,
|
||||
};
|
||||
|
||||
if (
|
||||
radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime &&
|
||||
radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime !== undefined &&
|
||||
typeof radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime === "string"
|
||||
) {
|
||||
instanceMetadata.RadiopharmaceuticalStartDateTime =
|
||||
radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime;
|
||||
}
|
||||
|
||||
if (
|
||||
radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime &&
|
||||
radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime !== undefined &&
|
||||
typeof radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime !== "string"
|
||||
) {
|
||||
const dateString = convertInterfaceDateToString(
|
||||
radiopharmaceuticalInfo.radiopharmaceuticalStartDateTime
|
||||
);
|
||||
instanceMetadata.RadiopharmaceuticalStartDateTime = dateString;
|
||||
}
|
||||
|
||||
if (
|
||||
instanceMetadata.AcquisitionDate &&
|
||||
instanceMetadata.AcquisitionDate !== undefined &&
|
||||
typeof instanceMetadata.AcquisitionDate !== "string"
|
||||
) {
|
||||
const dateString = convertInterfaceDateToString(
|
||||
instanceMetadata.AcquisitionDate
|
||||
);
|
||||
instanceMetadata.AcquisitionDate = dateString;
|
||||
}
|
||||
|
||||
if (
|
||||
instanceMetadata.SeriesDate &&
|
||||
instanceMetadata.SeriesDate !== undefined &&
|
||||
typeof instanceMetadata.SeriesDate !== "string"
|
||||
) {
|
||||
const dateString = convertInterfaceDateToString(
|
||||
instanceMetadata.SeriesDate
|
||||
);
|
||||
instanceMetadata.SeriesDate = dateString;
|
||||
}
|
||||
|
||||
if (
|
||||
radiopharmaceuticalInfo.radiopharmaceuticalStartTime &&
|
||||
radiopharmaceuticalInfo.radiopharmaceuticalStartTime !== undefined &&
|
||||
typeof radiopharmaceuticalInfo.radiopharmaceuticalStartTime === "string"
|
||||
) {
|
||||
instanceMetadata.RadiopharmaceuticalStartTime =
|
||||
radiopharmaceuticalInfo.radiopharmaceuticalStartTime;
|
||||
}
|
||||
|
||||
if (
|
||||
radiopharmaceuticalInfo.radiopharmaceuticalStartTime &&
|
||||
radiopharmaceuticalInfo.radiopharmaceuticalStartTime !== undefined &&
|
||||
typeof radiopharmaceuticalInfo.radiopharmaceuticalStartTime !== "string"
|
||||
) {
|
||||
const timeString = convertInterfaceTimeToString(
|
||||
radiopharmaceuticalInfo.radiopharmaceuticalStartTime
|
||||
);
|
||||
instanceMetadata.RadiopharmaceuticalStartTime = timeString;
|
||||
}
|
||||
|
||||
if (
|
||||
instanceMetadata.AcquisitionTime &&
|
||||
instanceMetadata.AcquisitionTime !== undefined &&
|
||||
typeof instanceMetadata.AcquisitionTime !== "string"
|
||||
) {
|
||||
const timeString = convertInterfaceTimeToString(
|
||||
instanceMetadata.AcquisitionTime
|
||||
);
|
||||
instanceMetadata.AcquisitionTime = timeString;
|
||||
}
|
||||
|
||||
if (
|
||||
instanceMetadata.SeriesTime &&
|
||||
instanceMetadata.SeriesTime !== undefined &&
|
||||
typeof instanceMetadata.SeriesTime !== "string"
|
||||
) {
|
||||
const timeString = convertInterfaceTimeToString(
|
||||
instanceMetadata.SeriesTime
|
||||
);
|
||||
instanceMetadata.SeriesTime = timeString;
|
||||
}
|
||||
|
||||
if (
|
||||
ptImageModule.frameReferenceTime &&
|
||||
ptImageModule.frameReferenceTime !== undefined
|
||||
) {
|
||||
instanceMetadata.FrameReferenceTime = ptImageModule.frameReferenceTime;
|
||||
}
|
||||
|
||||
if (
|
||||
ptImageModule.actualFrameDuration &&
|
||||
ptImageModule.actualFrameDuration !== undefined
|
||||
) {
|
||||
instanceMetadata.ActualFrameDuration = ptImageModule.actualFrameDuration;
|
||||
}
|
||||
|
||||
if (
|
||||
patientStudyModule.patientSex &&
|
||||
patientStudyModule.patientSex !== undefined
|
||||
) {
|
||||
instanceMetadata.PatientSex = patientStudyModule.patientSex;
|
||||
}
|
||||
|
||||
if (
|
||||
patientStudyModule.patientSize &&
|
||||
patientStudyModule.patientSize !== undefined
|
||||
) {
|
||||
instanceMetadata.PatientSize = patientStudyModule.patientSize;
|
||||
}
|
||||
|
||||
// Todo: add private tags
|
||||
// if (
|
||||
// dicomMetaData['70531000'] ||
|
||||
// dicomMetaData['70531000'] !== undefined ||
|
||||
// dicomMetaData['70531009'] ||
|
||||
// dicomMetaData['70531009'] !== undefined
|
||||
// ) {
|
||||
// const philipsPETPrivateGroup: PhilipsPETPrivateGroup = {
|
||||
// SUVScaleFactor: dicomMetaData['70531000'],
|
||||
// ActivityConcentrationScaleFactor: dicomMetaData['70531009'],
|
||||
// };
|
||||
// instanceMetadata.PhilipsPETPrivateGroup = philipsPETPrivateGroup;
|
||||
// }
|
||||
|
||||
// if (dicomMetaData['0009100d'] && dicomMetaData['0009100d'] !== undefined) {
|
||||
// instanceMetadata.GEPrivatePostInjectionDateTime = dicomMetaData['0009100d'];
|
||||
// }
|
||||
|
||||
return instanceMetadata;
|
||||
}
|
||||
|
||||
function convertInterfaceTimeToString(time): string {
|
||||
const hours = `${time.hours || "00"}`.padStart(2, "0");
|
||||
const minutes = `${time.minutes || "00"}`.padStart(2, "0");
|
||||
const seconds = `${time.seconds || "00"}`.padStart(2, "0");
|
||||
|
||||
const fractionalSeconds = `${time.fractionalSeconds || "000000"}`.padEnd(
|
||||
6,
|
||||
"0"
|
||||
);
|
||||
|
||||
const timeString = `${hours}${minutes}${seconds}.${fractionalSeconds}`;
|
||||
return timeString;
|
||||
}
|
||||
|
||||
function convertInterfaceDateToString(date): string {
|
||||
const month = `${date.month}`.padStart(2, "0");
|
||||
const day = `${date.day}`.padStart(2, "0");
|
||||
const dateString = `${date.year}${month}${day}`;
|
||||
return dateString;
|
||||
}
|
||||
|
||||
export { getPTImageIdInstanceMetadata };
|
||||
|
|
@ -0,0 +1,139 @@
|
|||
interface DICOMInstance {
|
||||
PixelSpacing?: number[];
|
||||
ImagerPixelSpacing?: number[];
|
||||
SOPClassUID?: string;
|
||||
PixelSpacingCalibrationType?: string;
|
||||
PixelSpacingCalibrationDescription?: string;
|
||||
EstimatedRadiographicMagnificationFactor?: number;
|
||||
SequenceOfUltrasoundRegions?: {
|
||||
PhysicalDeltaX: number;
|
||||
PhysicalDeltaY: number;
|
||||
}[]; // 根据实际需要调整类型
|
||||
}
|
||||
|
||||
interface PixelSpacingResult {
|
||||
PixelSpacing?: number[];
|
||||
type?: string;
|
||||
isProjection?: boolean;
|
||||
PixelSpacingCalibrationType?: string;
|
||||
PixelSpacingCalibrationDescription?: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取像素间距信息。
|
||||
* 此函数根据 DICOM 实例的不同属性来确定适当的像素间距。
|
||||
*
|
||||
* @param instance - DICOM 实例对象
|
||||
* @returns 像素间距信息
|
||||
*/
|
||||
export const getPixelSpacingInformation = (
|
||||
instance: DICOMInstance
|
||||
): PixelSpacingResult | number[] | undefined => {
|
||||
const projectionRadiographSOPClassUIDs: string[] = [
|
||||
"1.2.840.10008.5.1.4.1.1.1", // CR Image Storage
|
||||
"1.2.840.10008.5.1.4.1.1.1.1", // Digital X-Ray Image Storage – for Presentation
|
||||
"1.2.840.10008.5.1.4.1.1.1.1.1", // Digital X-Ray Image Storage – for Processing
|
||||
"1.2.840.10008.5.1.4.1.1.1.2", // Digital Mammography X-Ray Image Storage – for Presentation
|
||||
"1.2.840.10008.5.1.4.1.1.1.2.1", // Digital Mammography X-Ray Image Storage – for Processing
|
||||
"1.2.840.10008.5.1.4.1.1.1.3", // Digital Intra – oral X-Ray Image Storage – for Presentation
|
||||
"1.2.840.10008.5.1.4.1.1.1.3.1", // Digital Intra – oral X-Ray Image Storage – for Processing
|
||||
"1.2.840.10008.5.1.4.1.1.12.1", // X-Ray Angiographic Image Storage
|
||||
"1.2.840.10008.5.1.4.1.1.12.1.1", // Enhanced XA Image Storage
|
||||
"1.2.840.10008.5.1.4.1.1.12.2", // X-Ray Radiofluoroscopic Image Storage
|
||||
"1.2.840.10008.5.1.4.1.1.12.2.1", // Enhanced XRF Image Storage
|
||||
"1.2.840.10008.5.1.4.1.1.12.3", // X-Ray Angiographic Bi-plane Image Storage Retired
|
||||
];
|
||||
|
||||
const {
|
||||
PixelSpacing,
|
||||
ImagerPixelSpacing,
|
||||
SOPClassUID,
|
||||
PixelSpacingCalibrationType,
|
||||
PixelSpacingCalibrationDescription,
|
||||
EstimatedRadiographicMagnificationFactor,
|
||||
SequenceOfUltrasoundRegions,
|
||||
} = instance;
|
||||
|
||||
const isProjection = SOPClassUID
|
||||
? projectionRadiographSOPClassUIDs.includes(SOPClassUID)
|
||||
: false;
|
||||
|
||||
const TYPES = {
|
||||
NOT_APPLICABLE: "NOT_APPLICABLE",
|
||||
UNKNOWN: "UNKNOWN",
|
||||
CALIBRATED: "CALIBRATED",
|
||||
DETECTOR: "DETECTOR",
|
||||
};
|
||||
|
||||
if (!isProjection) {
|
||||
return PixelSpacing;
|
||||
}
|
||||
|
||||
if (isProjection && !ImagerPixelSpacing) {
|
||||
return {
|
||||
PixelSpacing,
|
||||
type: TYPES.UNKNOWN,
|
||||
isProjection,
|
||||
};
|
||||
} else if (
|
||||
PixelSpacing &&
|
||||
ImagerPixelSpacing &&
|
||||
PixelSpacing.join() === ImagerPixelSpacing.join()
|
||||
) {
|
||||
return {
|
||||
PixelSpacing,
|
||||
type: TYPES.DETECTOR,
|
||||
isProjection,
|
||||
};
|
||||
} else if (
|
||||
PixelSpacing &&
|
||||
ImagerPixelSpacing &&
|
||||
PixelSpacing.join() !== ImagerPixelSpacing.join()
|
||||
) {
|
||||
return {
|
||||
PixelSpacing,
|
||||
type: TYPES.CALIBRATED,
|
||||
isProjection,
|
||||
PixelSpacingCalibrationType,
|
||||
PixelSpacingCalibrationDescription,
|
||||
};
|
||||
} else if (!PixelSpacing && ImagerPixelSpacing) {
|
||||
let CorrectedImagerPixelSpacing = ImagerPixelSpacing;
|
||||
if (EstimatedRadiographicMagnificationFactor) {
|
||||
CorrectedImagerPixelSpacing = ImagerPixelSpacing.map(
|
||||
(pixelSpacing) =>
|
||||
pixelSpacing / EstimatedRadiographicMagnificationFactor
|
||||
);
|
||||
} else {
|
||||
console.warn(
|
||||
"EstimatedRadiographicMagnificationFactor was not present. Unable to correct ImagerPixelSpacing."
|
||||
);
|
||||
}
|
||||
|
||||
return {
|
||||
PixelSpacing: CorrectedImagerPixelSpacing,
|
||||
isProjection,
|
||||
};
|
||||
} else if (
|
||||
SequenceOfUltrasoundRegions &&
|
||||
Array.isArray(SequenceOfUltrasoundRegions) &&
|
||||
SequenceOfUltrasoundRegions.length > 0
|
||||
) {
|
||||
const { PhysicalDeltaX, PhysicalDeltaY } = SequenceOfUltrasoundRegions[0];
|
||||
const USPixelSpacing = [PhysicalDeltaX * 10, PhysicalDeltaY * 10];
|
||||
|
||||
return {
|
||||
PixelSpacing: USPixelSpacing,
|
||||
};
|
||||
} else if (isProjection && !ImagerPixelSpacing) {
|
||||
return {
|
||||
PixelSpacing,
|
||||
type: TYPES.NOT_APPLICABLE,
|
||||
isProjection,
|
||||
};
|
||||
}
|
||||
|
||||
console.warn(
|
||||
"Unknown combination of PixelSpacing and ImagerPixelSpacing identified. Unable to determine spacing."
|
||||
);
|
||||
};
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
import { initCornerstoneDICOMImageLoader } from "./initCornerstoneDicomImageLoader";
|
||||
import initVolumeLoader from "./initVolumeLoader";
|
||||
import { init as csRenderInit } from "@cornerstonejs/core";
|
||||
|
||||
// 入口
|
||||
export const initCornerstone = async () => {
|
||||
initCornerstoneDICOMImageLoader();
|
||||
initVolumeLoader();
|
||||
await csRenderInit();
|
||||
};
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
import dicomParser from "dicom-parser";
|
||||
import * as cornerstone from "@cornerstonejs/core";
|
||||
import cornerstoneDICOMImageLoader from "@cornerstonejs/dicom-image-loader";
|
||||
|
||||
window.cornerstone = cornerstone;
|
||||
|
||||
export const initCornerstoneDICOMImageLoader = () => {
|
||||
const { preferSizeOverAccuracy, useNorm16Texture } =
|
||||
cornerstone.getConfiguration().rendering;
|
||||
|
||||
cornerstone.setConfiguration({
|
||||
detectGPUConfig: {
|
||||
benchmarksURL: "http://localhost:9000",
|
||||
},
|
||||
rendering: cornerstone.getConfiguration().rendering,
|
||||
});
|
||||
|
||||
cornerstoneDICOMImageLoader.external.cornerstone = cornerstone;
|
||||
cornerstoneDICOMImageLoader.external.dicomParser = dicomParser;
|
||||
cornerstoneDICOMImageLoader.configure({
|
||||
useWebWorkers: true,
|
||||
decodeConfig: {
|
||||
convertFloatPixelDataToInt: false,
|
||||
use16BitDataType: preferSizeOverAccuracy || useNorm16Texture,
|
||||
},
|
||||
});
|
||||
|
||||
let maxWebWorkers = 1;
|
||||
|
||||
if (navigator.hardwareConcurrency) {
|
||||
maxWebWorkers = Math.min(navigator.hardwareConcurrency, 7);
|
||||
}
|
||||
|
||||
const config = {
|
||||
maxWebWorkers,
|
||||
startWebWorkersOnDemand: false,
|
||||
taskConfiguration: {
|
||||
decodeTask: {
|
||||
initializeCodecsOnStartup: false,
|
||||
strict: false,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
cornerstoneDICOMImageLoader.webWorkerManager.initialize(config);
|
||||
};
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
import * as cornerstone from "@cornerstonejs/core";
|
||||
import ptScalingMetaDataProvider from "./ptScalingMetaDataProvider";
|
||||
|
||||
const { calibratedPixelSpacingMetadataProvider } = cornerstone.utilities;
|
||||
|
||||
export default function initProviders() {
|
||||
cornerstone.metaData.addProvider(
|
||||
ptScalingMetaDataProvider.get.bind(ptScalingMetaDataProvider),
|
||||
10000
|
||||
);
|
||||
cornerstone.metaData.addProvider(
|
||||
calibratedPixelSpacingMetadataProvider.get.bind(
|
||||
calibratedPixelSpacingMetadataProvider
|
||||
),
|
||||
11000
|
||||
);
|
||||
}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
import { volumeLoader } from "@cornerstonejs/core";
|
||||
import {
|
||||
cornerstoneStreamingImageVolumeLoader,
|
||||
cornerstoneStreamingDynamicImageVolumeLoader,
|
||||
} from "@cornerstonejs/streaming-image-volume-loader";
|
||||
|
||||
export default function initVolumeLoader() {
|
||||
volumeLoader.registerUnknownVolumeLoader(
|
||||
cornerstoneStreamingImageVolumeLoader
|
||||
);
|
||||
volumeLoader.registerVolumeLoader(
|
||||
"cornerstoneStreamingImageVolume",
|
||||
cornerstoneStreamingImageVolumeLoader
|
||||
);
|
||||
volumeLoader.registerVolumeLoader(
|
||||
"cornerstoneStreamingDynamicImageVolume",
|
||||
cornerstoneStreamingDynamicImageVolumeLoader
|
||||
);
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
import { utilities as csUtils } from "@cornerstonejs/core";
|
||||
|
||||
const scalingPerImageId = {};
|
||||
|
||||
function addInstance(imageId, scalingMetaData) {
|
||||
const imageURI = csUtils.imageIdToURI(imageId);
|
||||
scalingPerImageId[imageURI] = scalingMetaData;
|
||||
}
|
||||
|
||||
function get(type, imageId) {
|
||||
if (type === "scalingModule") {
|
||||
const imageURI = csUtils.imageIdToURI(imageId);
|
||||
return scalingPerImageId[imageURI];
|
||||
}
|
||||
}
|
||||
|
||||
export default { addInstance, get };
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
/**
|
||||
* Removes invalid tags from a metadata object and returns a new object.
|
||||
*
|
||||
* This function currently removes tags that have `null` or `undefined` values.
|
||||
* Removing these values is important to prevent errors when processing
|
||||
* the metadata, such as when calling `naturalizeDataset(...)`.
|
||||
*
|
||||
* The performance of this function has been considered. Validating each
|
||||
* tag ID with a regex significantly reduces the function's speed, so this
|
||||
* approach is avoided. The function is designed to be efficient, with an
|
||||
* average runtime of around +12ms per 1000 images, though this can vary
|
||||
* depending on the machine.
|
||||
*
|
||||
* @param srcMetadata - The source metadata object containing the tags.
|
||||
* @returns A new metadata object with invalid tags removed.
|
||||
*/
|
||||
export const removeInvalidTags = (
|
||||
srcMetadata: Record<string, any>
|
||||
): Record<string, any> => {
|
||||
const dstMetadata: Record<string, any> = Object.create(null);
|
||||
const tagIds = Object.keys(srcMetadata);
|
||||
let tagValue: any;
|
||||
|
||||
tagIds.forEach((tagId) => {
|
||||
tagValue = srcMetadata[tagId];
|
||||
|
||||
if (tagValue !== undefined && tagValue !== null) {
|
||||
dstMetadata[tagId] = tagValue;
|
||||
}
|
||||
});
|
||||
|
||||
return dstMetadata;
|
||||
};
|
||||
246
apps/desktop/src/pages/Datasource/MprViewer/Crosshair.tsx
Normal file
246
apps/desktop/src/pages/Datasource/MprViewer/Crosshair.tsx
Normal file
|
|
@ -0,0 +1,246 @@
|
|||
import { useEffect, useRef } from "react";
|
||||
import initDemo from "./util/initDemo.js";
|
||||
import {
|
||||
RenderingEngine,
|
||||
Types,
|
||||
Enums,
|
||||
setVolumesForViewports,
|
||||
volumeLoader,
|
||||
getRenderingEngine,
|
||||
} from "@cornerstonejs/core";
|
||||
import * as cornerstoneTools from "@cornerstonejs/tools";
|
||||
import createImageIdsAndCacheMetaData from "./util/createImageIdsAndCacheMetaData";
|
||||
import { PublicViewportInput } from "@cornerstonejs/core/dist/types/types/IViewport.js";
|
||||
import setCtTransferFunctionForVolumeActor from "./util/setCtTransferFunctionForVolumeActor";
|
||||
import * as cornerstone from "@cornerstonejs/core";
|
||||
|
||||
const {
|
||||
ToolGroupManager,
|
||||
Enums: csToolsEnums,
|
||||
CrosshairsTool,
|
||||
StackScrollMouseWheelTool,
|
||||
} = cornerstoneTools;
|
||||
|
||||
const { ViewportType } = Enums;
|
||||
|
||||
interface CrosshairMprProps {
|
||||
children?: JSX.Element;
|
||||
}
|
||||
|
||||
const viewportId1 = "CT_AXIAL";
|
||||
const viewportId2 = "CT_SAGITTAL";
|
||||
const viewportId3 = "CT_CORONAL";
|
||||
const toolGroupId = "group";
|
||||
|
||||
const viewportColors = {
|
||||
[viewportId1]: "rgb(200, 0, 0)",
|
||||
[viewportId2]: "rgb(200, 200, 0)",
|
||||
[viewportId3]: "rgb(0, 200, 0)",
|
||||
};
|
||||
|
||||
const viewportReferenceLineControllable = [
|
||||
viewportId1,
|
||||
viewportId2,
|
||||
viewportId3,
|
||||
];
|
||||
|
||||
const viewportReferenceLineDraggableRotatable = [
|
||||
viewportId1,
|
||||
viewportId2,
|
||||
viewportId3,
|
||||
];
|
||||
|
||||
const viewportReferenceLineSlabThicknessControlsOn = [
|
||||
viewportId1,
|
||||
viewportId2,
|
||||
viewportId3,
|
||||
];
|
||||
|
||||
// Define a unique id for the volume
|
||||
const volumeName = "CT_VOLUME_ID"; // Id of the volume less loader prefix
|
||||
const volumeLoaderScheme = "cornerstoneStreamingImageVolume"; // Loader id which defines which volume loader to use
|
||||
const volumeId = `${volumeLoaderScheme}:${volumeName}`; // VolumeId with loader id + volume id
|
||||
|
||||
function getReferenceLineColor(viewportId) {
|
||||
return viewportColors[viewportId];
|
||||
}
|
||||
|
||||
function getReferenceLineControllable(viewportId) {
|
||||
const index = viewportReferenceLineControllable.indexOf(viewportId);
|
||||
return index !== -1;
|
||||
}
|
||||
|
||||
function getReferenceLineDraggableRotatable(viewportId) {
|
||||
const index = viewportReferenceLineDraggableRotatable.indexOf(viewportId);
|
||||
return index !== -1;
|
||||
}
|
||||
|
||||
function getReferenceLineSlabThicknessControlsOn(viewportId) {
|
||||
const index =
|
||||
viewportReferenceLineSlabThicknessControlsOn.indexOf(viewportId);
|
||||
return index !== -1;
|
||||
}
|
||||
|
||||
const renderingEngineId = "myRenderingEngine";
|
||||
|
||||
interface CrosshairMprProps {
|
||||
// StudyInstanceUID: string;
|
||||
// SeriesInstanceUID: string;
|
||||
}
|
||||
|
||||
export const CrosshairMpr = (props: CrosshairMprProps) => {
|
||||
const viewportId1Ref = useRef(null);
|
||||
const viewportId2Ref = useRef(null);
|
||||
const viewportId3Ref = useRef(null);
|
||||
const renderingEngine = useRef<RenderingEngine>();
|
||||
const imageIds = useRef<string[]>();
|
||||
|
||||
const run = async () => {
|
||||
initDemo();
|
||||
|
||||
// Get Cornerstone imageIds for the source data and fetch metadata into RAM
|
||||
imageIds.current = await createImageIdsAndCacheMetaData({
|
||||
StudyInstanceUID:
|
||||
"1.2.840.113564.118796721496052.50228.637325565454648183.8",
|
||||
SeriesInstanceUID:
|
||||
"1.3.12.2.1107.5.1.4.73399.30000020080900171669200001479",
|
||||
wadoRsRoot: "http://localhost:8042/dicom-web",
|
||||
});
|
||||
|
||||
// Define a volume in memory
|
||||
const volume = await volumeLoader.createAndCacheVolume(volumeId, {
|
||||
imageIds: imageIds.current ?? [],
|
||||
});
|
||||
|
||||
// Instantiate a rendering engine
|
||||
renderingEngine.current = new RenderingEngine(renderingEngineId);
|
||||
|
||||
// Create the viewports
|
||||
const viewportInputArray: PublicViewportInput[] = [
|
||||
{
|
||||
viewportId: viewportId1,
|
||||
type: ViewportType.ORTHOGRAPHIC,
|
||||
element: viewportId1Ref.current!,
|
||||
defaultOptions: {
|
||||
orientation: Enums.OrientationAxis.AXIAL,
|
||||
background: [0, 0, 0],
|
||||
},
|
||||
},
|
||||
{
|
||||
viewportId: viewportId2,
|
||||
type: ViewportType.ORTHOGRAPHIC,
|
||||
element: viewportId2Ref.current!,
|
||||
defaultOptions: {
|
||||
orientation: Enums.OrientationAxis.SAGITTAL,
|
||||
background: [0, 0, 0],
|
||||
},
|
||||
},
|
||||
{
|
||||
viewportId: viewportId3,
|
||||
type: ViewportType.ORTHOGRAPHIC,
|
||||
element: viewportId3Ref.current!,
|
||||
defaultOptions: {
|
||||
orientation: Enums.OrientationAxis.CORONAL,
|
||||
background: [0, 0, 0],
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
renderingEngine.current.setViewports(viewportInputArray);
|
||||
|
||||
console.log(volume);
|
||||
|
||||
// Set the volume to load
|
||||
volume.load();
|
||||
|
||||
// Set volumes on the viewports
|
||||
await setVolumesForViewports(
|
||||
renderingEngine.current,
|
||||
[
|
||||
{
|
||||
volumeId,
|
||||
callback: setCtTransferFunctionForVolumeActor,
|
||||
},
|
||||
],
|
||||
[viewportId1, viewportId2, viewportId3]
|
||||
);
|
||||
|
||||
// Define tool groups to add the segmentation display tool to
|
||||
const toolGroup = ToolGroupManager.createToolGroup(toolGroupId);
|
||||
|
||||
if (toolGroup) {
|
||||
// For the crosshairs to operate, the viewports must currently be
|
||||
// added ahead of setting the tool active. This will be improved in the future.
|
||||
toolGroup.addViewport(viewportId1, renderingEngineId);
|
||||
toolGroup.addViewport(viewportId2, renderingEngineId);
|
||||
toolGroup.addViewport(viewportId3, renderingEngineId);
|
||||
|
||||
// Manipulation Tools
|
||||
toolGroup.addTool(StackScrollMouseWheelTool.toolName);
|
||||
// Add Crosshairs tool and configure it to link the three viewports
|
||||
// These viewports could use different tool groups. See the PET-CT example
|
||||
// for a more complicated used case.
|
||||
|
||||
toolGroup.addTool(CrosshairsTool.toolName, {
|
||||
getReferenceLineColor,
|
||||
getReferenceLineControllable,
|
||||
getReferenceLineDraggableRotatable,
|
||||
getReferenceLineSlabThicknessControlsOn,
|
||||
});
|
||||
|
||||
toolGroup.setToolActive(CrosshairsTool.toolName, {
|
||||
bindings: [{ mouseButton: 1 }],
|
||||
});
|
||||
// As the Stack Scroll mouse wheel is a tool using the `mouseWheelCallback`
|
||||
// hook instead of mouse buttons, it does not need to assign any mouse button.
|
||||
toolGroup.setToolActive(StackScrollMouseWheelTool.toolName);
|
||||
}
|
||||
|
||||
renderingEngine.current.renderViewports([
|
||||
viewportId1,
|
||||
viewportId2,
|
||||
viewportId3,
|
||||
]);
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
run();
|
||||
cornerstoneTools.addTool(StackScrollMouseWheelTool);
|
||||
cornerstoneTools.addTool(CrosshairsTool);
|
||||
|
||||
return () => {
|
||||
// TODO: 是否需要写在组件，根据页面需要
|
||||
console.log("卸载tool2");
|
||||
cornerstoneTools.removeTool(StackScrollMouseWheelTool);
|
||||
cornerstoneTools.removeTool(CrosshairsTool);
|
||||
};
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
window.addEventListener("resize", () => {
|
||||
renderingEngine.current?.resize();
|
||||
});
|
||||
}, []);
|
||||
|
||||
const test = () => {
|
||||
// console.log(volumeLoader)
|
||||
console.log(cornerstone.cache.getVolume(volumeId).getScalarData());
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
document.addEventListener(Enums.Events.VOLUME_CACHE_VOLUME_ADDED, () => {
|
||||
console.log(111);
|
||||
});
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div style={{ display: "flex", gap: 20 }}>
|
||||
<div style={{ width: 300, height: 300 }} ref={viewportId1Ref}></div>
|
||||
<div style={{ width: 300, height: 300 }} ref={viewportId2Ref}></div>
|
||||
<div style={{ width: 300, height: 300 }} ref={viewportId3Ref}></div>
|
||||
</div>
|
||||
<button onClick={test}>测试</button>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
20
apps/desktop/src/pages/Datasource/MprViewer/index.tsx
Normal file
20
apps/desktop/src/pages/Datasource/MprViewer/index.tsx
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
import { useEffect } from "react";
|
||||
import { SeriesInfo } from "../type";
|
||||
import { CrosshairMpr } from "./Crosshair";
|
||||
|
||||
interface MprViewerProps {
|
||||
series?: SeriesInfo;
|
||||
}
|
||||
|
||||
function MprViewer(props: MprViewerProps) {
|
||||
useEffect(() => {
|
||||
if (props.series) console.log(props.series);
|
||||
}, [props.series]);
|
||||
return (
|
||||
<div>
|
||||
<CrosshairMpr />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default MprViewer;
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
import { metaData } from '@cornerstonejs/core';
|
||||
import cornerstoneDICOMImageLoader from '@cornerstonejs/dicom-image-loader';
|
||||
/**
|
||||
* preloads imageIds metadata in memory
|
||||
**/
|
||||
async function prefetchMetadataInformation(imageIdsToPrefetch) {
|
||||
for (let i = 0; i < imageIdsToPrefetch.length; i++) {
|
||||
await cornerstoneDICOMImageLoader.wadouri.loadImage(imageIdsToPrefetch[i])
|
||||
.promise;
|
||||
}
|
||||
}
|
||||
|
||||
function getFrameInformation(imageId) {
|
||||
if (imageId.includes('wadors:')) {
|
||||
const frameIndex = imageId.indexOf('/frames/');
|
||||
const imageIdFrameless =
|
||||
frameIndex > 0 ? imageId.slice(0, frameIndex + 8) : imageId;
|
||||
return {
|
||||
frameIndex,
|
||||
imageIdFrameless,
|
||||
};
|
||||
} else {
|
||||
const frameIndex = imageId.indexOf('&frame=');
|
||||
let imageIdFrameless =
|
||||
frameIndex > 0 ? imageId.slice(0, frameIndex + 7) : imageId;
|
||||
if (!imageIdFrameless.includes('&frame=')) {
|
||||
imageIdFrameless = imageIdFrameless + '&frame=';
|
||||
}
|
||||
return {
|
||||
frameIndex,
|
||||
imageIdFrameless,
|
||||
};
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Receives a list of imageids possibly referring to multiframe dicom images
|
||||
* and returns a list of imageid where each imageid referes to one frame.
|
||||
* For each imageId representing a multiframe image with n frames,
|
||||
* it will create n new imageids, one for each frame, and returns the new list of imageids
|
||||
* If a particular imageid no refer to a mutiframe image data, it will be just copied into the new list
|
||||
* @returns new list of imageids where each imageid represents a frame
|
||||
*/
|
||||
function convertMultiframeImageIds(imageIds) {
|
||||
const newImageIds = [];
|
||||
imageIds.forEach((imageId) => {
|
||||
const { imageIdFrameless } = getFrameInformation(imageId);
|
||||
const instanceMetaData = metaData.get('multiframeModule', imageId);
|
||||
if (
|
||||
instanceMetaData &&
|
||||
instanceMetaData.NumberOfFrames &&
|
||||
instanceMetaData.NumberOfFrames > 1
|
||||
) {
|
||||
const NumberOfFrames = instanceMetaData.NumberOfFrames;
|
||||
for (let i = 0; i < NumberOfFrames; i++) {
|
||||
const newImageId = imageIdFrameless + (i + 1);
|
||||
newImageIds.push(newImageId);
|
||||
}
|
||||
} else {
|
||||
newImageIds.push(imageId);
|
||||
}
|
||||
});
|
||||
return newImageIds;
|
||||
}
|
||||
|
||||
export { convertMultiframeImageIds, prefetchMetadataInformation };
|
||||
|
|
@ -0,0 +1,101 @@
|
|||
import { api } from 'dicomweb-client';
|
||||
import dcmjs from 'dcmjs';
|
||||
import { utilities } from '@cornerstonejs/core';
|
||||
import cornerstoneDICOMImageLoader from '@cornerstonejs/dicom-image-loader';
|
||||
import getPixelSpacingInformation from './getPixelSpacingInformation';
|
||||
import { convertMultiframeImageIds } from './convertMultiframeImageIds';
|
||||
import removeInvalidTags from './removeInvalidTags';
|
||||
|
||||
const { DicomMetaDictionary } = dcmjs.data;
|
||||
const { calibratedPixelSpacingMetadataProvider } = utilities;
|
||||
|
||||
/**
|
||||
/**
|
||||
* Uses dicomweb-client to fetch metadata of a study, cache it in cornerstone,
|
||||
* and return a list of imageIds for the frames.
|
||||
*
|
||||
* Uses the app config to choose which study to fetch, and which
|
||||
* dicom-web server to fetch it from.
|
||||
*
|
||||
* @returns {string[]} An array of imageIds for instances in the study.
|
||||
*/
|
||||
|
||||
export default async function createImageIdsAndCacheMetaData({
|
||||
StudyInstanceUID,
|
||||
SeriesInstanceUID,
|
||||
SOPInstanceUID = null,
|
||||
wadoRsRoot,
|
||||
client = null,
|
||||
}) {
|
||||
const SOP_INSTANCE_UID = '00080018';
|
||||
const SERIES_INSTANCE_UID = '0020000E';
|
||||
const MODALITY = '00080060';
|
||||
|
||||
const studySearchOptions = {
|
||||
studyInstanceUID: StudyInstanceUID,
|
||||
seriesInstanceUID: SeriesInstanceUID,
|
||||
};
|
||||
|
||||
client = client || new api.DICOMwebClient({ url: wadoRsRoot });
|
||||
let instances = await client.retrieveSeriesMetadata(studySearchOptions);
|
||||
|
||||
// if sop instance is provided we should filter the instances to only include the one we want
|
||||
if (SOPInstanceUID) {
|
||||
instances = instances.filter((instance) => {
|
||||
return instance[SOP_INSTANCE_UID].Value[0] === SOPInstanceUID;
|
||||
});
|
||||
}
|
||||
|
||||
const modality = instances[0][MODALITY].Value[0];
|
||||
let imageIds = instances.map((instanceMetaData) => {
|
||||
const SeriesInstanceUID = instanceMetaData[SERIES_INSTANCE_UID].Value[0];
|
||||
const SOPInstanceUIDToUse =
|
||||
SOPInstanceUID || instanceMetaData[SOP_INSTANCE_UID].Value[0];
|
||||
|
||||
const prefix = 'wadors:';
|
||||
|
||||
const imageId =
|
||||
prefix +
|
||||
wadoRsRoot +
|
||||
'/studies/' +
|
||||
StudyInstanceUID +
|
||||
'/series/' +
|
||||
SeriesInstanceUID +
|
||||
'/instances/' +
|
||||
SOPInstanceUIDToUse +
|
||||
'/frames/1';
|
||||
|
||||
cornerstoneDICOMImageLoader.wadors.metaDataManager.add(
|
||||
imageId,
|
||||
instanceMetaData
|
||||
);
|
||||
return imageId;
|
||||
});
|
||||
|
||||
// if the image ids represent multiframe information, creates a new list with one image id per frame
|
||||
// if not multiframe data available, just returns the same list given
|
||||
imageIds = convertMultiframeImageIds(imageIds);
|
||||
|
||||
imageIds.forEach((imageId) => {
|
||||
let instanceMetaData =
|
||||
cornerstoneDICOMImageLoader.wadors.metaDataManager.get(imageId);
|
||||
|
||||
// It was using JSON.parse(JSON.stringify(...)) before but it is 8x slower
|
||||
instanceMetaData = removeInvalidTags(instanceMetaData);
|
||||
|
||||
if (instanceMetaData) {
|
||||
// Add calibrated pixel spacing
|
||||
const metadata = DicomMetaDictionary.naturalizeDataset(instanceMetaData);
|
||||
const pixelSpacing = getPixelSpacingInformation(metadata);
|
||||
|
||||
if (pixelSpacing) {
|
||||
calibratedPixelSpacingMetadataProvider.add(imageId, {
|
||||
rowPixelSpacing: parseFloat(pixelSpacing[0]),
|
||||
columnPixelSpacing: parseFloat(pixelSpacing[1]),
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return imageIds;
|
||||
}
|
||||
|
|
@ -0,0 +1,136 @@
|
|||
// See https://github.com/OHIF/Viewers/blob/94a9067fe3d291d30e25a1bda5913511388edea2/platform/core/src/utils/metadataProvider/getPixelSpacingInformation.js
|
||||
|
||||
export default function getPixelSpacingInformation(instance) {
|
||||
// See http://gdcm.sourceforge.net/wiki/index.php/Imager_Pixel_Spacing
|
||||
|
||||
// TODO: Add Ultrasound region spacing
|
||||
// TODO: Add manual calibration
|
||||
|
||||
// TODO: Use ENUMS from dcmjs
|
||||
const projectionRadiographSOPClassUIDs = [
|
||||
'1.2.840.10008.5.1.4.1.1.1', // CR Image Storage
|
||||
'1.2.840.10008.5.1.4.1.1.1.1', // Digital X-Ray Image Storage – for Presentation
|
||||
'1.2.840.10008.5.1.4.1.1.1.1.1', // Digital X-Ray Image Storage – for Processing
|
||||
'1.2.840.10008.5.1.4.1.1.1.2', // Digital Mammography X-Ray Image Storage – for Presentation
|
||||
'1.2.840.10008.5.1.4.1.1.1.2.1', // Digital Mammography X-Ray Image Storage – for Processing
|
||||
'1.2.840.10008.5.1.4.1.1.1.3', // Digital Intra – oral X-Ray Image Storage – for Presentation
|
||||
'1.2.840.10008.5.1.4.1.1.1.3.1', // Digital Intra – oral X-Ray Image Storage – for Processing
|
||||
'1.2.840.10008.5.1.4.1.1.12.1', // X-Ray Angiographic Image Storage
|
||||
'1.2.840.10008.5.1.4.1.1.12.1.1', // Enhanced XA Image Storage
|
||||
'1.2.840.10008.5.1.4.1.1.12.2', // X-Ray Radiofluoroscopic Image Storage
|
||||
'1.2.840.10008.5.1.4.1.1.12.2.1', // Enhanced XRF Image Storage
|
||||
'1.2.840.10008.5.1.4.1.1.12.3', // X-Ray Angiographic Bi-plane Image Storage Retired
|
||||
];
|
||||
|
||||
const {
|
||||
PixelSpacing,
|
||||
ImagerPixelSpacing,
|
||||
SOPClassUID,
|
||||
PixelSpacingCalibrationType,
|
||||
PixelSpacingCalibrationDescription,
|
||||
EstimatedRadiographicMagnificationFactor,
|
||||
SequenceOfUltrasoundRegions,
|
||||
} = instance;
|
||||
|
||||
const isProjection = projectionRadiographSOPClassUIDs.includes(SOPClassUID);
|
||||
|
||||
const TYPES = {
|
||||
NOT_APPLICABLE: 'NOT_APPLICABLE',
|
||||
UNKNOWN: 'UNKNOWN',
|
||||
CALIBRATED: 'CALIBRATED',
|
||||
DETECTOR: 'DETECTOR',
|
||||
};
|
||||
|
||||
if (!isProjection) {
|
||||
return PixelSpacing;
|
||||
}
|
||||
|
||||
if (isProjection && !ImagerPixelSpacing) {
|
||||
// If only Pixel Spacing is present, and this is a projection radiograph,
|
||||
// PixelSpacing should be used, but the user should be informed that
|
||||
// what it means is unknown
|
||||
return {
|
||||
PixelSpacing,
|
||||
type: TYPES.UNKNOWN,
|
||||
isProjection,
|
||||
};
|
||||
} else if (
|
||||
PixelSpacing &&
|
||||
ImagerPixelSpacing &&
|
||||
PixelSpacing === ImagerPixelSpacing
|
||||
) {
|
||||
// If Imager Pixel Spacing and Pixel Spacing are present and they have the same values,
|
||||
// then the user should be informed that the measurements are at the detector plane
|
||||
return {
|
||||
PixelSpacing,
|
||||
type: TYPES.DETECTOR,
|
||||
isProjection,
|
||||
};
|
||||
} else if (
|
||||
PixelSpacing &&
|
||||
ImagerPixelSpacing &&
|
||||
PixelSpacing !== ImagerPixelSpacing
|
||||
) {
|
||||
// If Imager Pixel Spacing and Pixel Spacing are present and they have different values,
|
||||
// then the user should be informed that these are "calibrated"
|
||||
// (in some unknown manner if Pixel Spacing Calibration Type and/or
|
||||
// Pixel Spacing Calibration Description are absent)
|
||||
return {
|
||||
PixelSpacing,
|
||||
type: TYPES.CALIBRATED,
|
||||
isProjection,
|
||||
PixelSpacingCalibrationType,
|
||||
PixelSpacingCalibrationDescription,
|
||||
};
|
||||
} else if (!PixelSpacing && ImagerPixelSpacing) {
|
||||
let CorrectedImagerPixelSpacing = ImagerPixelSpacing;
|
||||
if (EstimatedRadiographicMagnificationFactor) {
|
||||
// Note that in IHE Mammo profile compliant displays, the value of Imager Pixel Spacing is required to be corrected by
|
||||
// Estimated Radiographic Magnification Factor and the user informed of that.
|
||||
// TODO: should this correction be done before all of this logic?
|
||||
CorrectedImagerPixelSpacing = ImagerPixelSpacing.map(
|
||||
(pixelSpacing) =>
|
||||
pixelSpacing / EstimatedRadiographicMagnificationFactor
|
||||
);
|
||||
} else {
|
||||
console.warn(
|
||||
'EstimatedRadiographicMagnificationFactor was not present. Unable to correct ImagerPixelSpacing.'
|
||||
);
|
||||
}
|
||||
|
||||
return {
|
||||
PixelSpacing: CorrectedImagerPixelSpacing,
|
||||
isProjection,
|
||||
};
|
||||
} else if (
|
||||
SequenceOfUltrasoundRegions &&
|
||||
typeof SequenceOfUltrasoundRegions === 'object'
|
||||
) {
|
||||
const { PhysicalDeltaX, PhysicalDeltaY } = SequenceOfUltrasoundRegions;
|
||||
const USPixelSpacing = [PhysicalDeltaX * 10, PhysicalDeltaY * 10];
|
||||
|
||||
return {
|
||||
PixelSpacing: USPixelSpacing,
|
||||
};
|
||||
} else if (
|
||||
SequenceOfUltrasoundRegions &&
|
||||
Array.isArray(SequenceOfUltrasoundRegions) &&
|
||||
SequenceOfUltrasoundRegions.length > 1
|
||||
) {
|
||||
console.warn(
|
||||
'Sequence of Ultrasound Regions > one entry. This is not yet implemented, all measurements will be shown in pixels.'
|
||||
);
|
||||
} else if (isProjection === false && !ImagerPixelSpacing) {
|
||||
// If only Pixel Spacing is present, and this is not a projection radiograph,
|
||||
// we can stop here
|
||||
return {
|
||||
PixelSpacing,
|
||||
type: TYPES.NOT_APPLICABLE,
|
||||
isProjection,
|
||||
};
|
||||
}
|
||||
|
||||
console.warn(
|
||||
'Unknown combination of PixelSpacing and ImagerPixelSpacing identified. Unable to determine spacing.'
|
||||
);
|
||||
}
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
import dicomParser from 'dicom-parser';
|
||||
import * as cornerstone from '@cornerstonejs/core';
|
||||
import * as cornerstoneTools from '@cornerstonejs/tools';
|
||||
import cornerstoneDICOMImageLoader from '@cornerstonejs/dicom-image-loader';
|
||||
|
||||
window.cornerstone = cornerstone;
|
||||
window.cornerstoneTools = cornerstoneTools;
|
||||
const { preferSizeOverAccuracy, useNorm16Texture } =
|
||||
cornerstone.getConfiguration().rendering;
|
||||
|
||||
export default function initCornerstoneDICOMImageLoader() {
|
||||
// TODO: 此处非常的蛇皮
|
||||
cornerstone.setUseSharedArrayBuffer(false)
|
||||
cornerstone.setConfiguration({
|
||||
detectGPUConfig: {
|
||||
// benchmarksURL: "http://localhost:9000"
|
||||
}
|
||||
})
|
||||
cornerstoneDICOMImageLoader.external.cornerstone = cornerstone;
|
||||
cornerstoneDICOMImageLoader.external.dicomParser = dicomParser;
|
||||
cornerstoneDICOMImageLoader.configure({
|
||||
useWebWorkers: true,
|
||||
decodeConfig: {
|
||||
convertFloatPixelDataToInt: false,
|
||||
use16BitDataType: preferSizeOverAccuracy || useNorm16Texture,
|
||||
},
|
||||
});
|
||||
|
||||
const config = {
|
||||
maxWebWorkers: navigator.hardwareConcurrency ? Math.min(navigator.hardwareConcurrency, 7) : 1,
|
||||
startWebWorkersOnDemand: false,
|
||||
taskConfiguration: {
|
||||
decodeTask: {
|
||||
initializeCodecsOnStartup: false,
|
||||
strict: false,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
cornerstoneDICOMImageLoader.webWorkerManager.initialize(config);
|
||||
}
|
||||
13
apps/desktop/src/pages/Datasource/MprViewer/util/initDemo.js
Normal file
13
apps/desktop/src/pages/Datasource/MprViewer/util/initDemo.js
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
import initProviders from './initProviders.js';
|
||||
import initCornerstoneDICOMImageLoader from './initCornerstoneDICOMImageLoader';
|
||||
import initVolumeLoader from './initVolumeLoader';
|
||||
import { init as csRenderInit } from '@cornerstonejs/core';
|
||||
import { init as csToolsInit } from '@cornerstonejs/tools';
|
||||
|
||||
export default async function initDemo() {
|
||||
initProviders();
|
||||
initCornerstoneDICOMImageLoader();
|
||||
initVolumeLoader();
|
||||
await csRenderInit();
|
||||
await csToolsInit();
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
import * as cornerstone from '@cornerstonejs/core';
|
||||
import ptScalingMetaDataProvider from './ptScalingMetaDataProvider';
|
||||
|
||||
const { calibratedPixelSpacingMetadataProvider } = cornerstone.utilities;
|
||||
|
||||
export default function initProviders() {
|
||||
cornerstone.metaData.addProvider(
|
||||
ptScalingMetaDataProvider.get.bind(ptScalingMetaDataProvider),
|
||||
10000
|
||||
);
|
||||
cornerstone.metaData.addProvider(
|
||||
calibratedPixelSpacingMetadataProvider.get.bind(
|
||||
calibratedPixelSpacingMetadataProvider
|
||||
),
|
||||
11000
|
||||
);
|
||||
}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
import { volumeLoader } from '@cornerstonejs/core';
|
||||
import {
|
||||
cornerstoneStreamingImageVolumeLoader,
|
||||
cornerstoneStreamingDynamicImageVolumeLoader,
|
||||
} from '@cornerstonejs/streaming-image-volume-loader';
|
||||
|
||||
export default function initVolumeLoader() {
|
||||
volumeLoader.registerUnknownVolumeLoader(
|
||||
cornerstoneStreamingImageVolumeLoader
|
||||
);
|
||||
volumeLoader.registerVolumeLoader(
|
||||
'cornerstoneStreamingImageVolume',
|
||||
cornerstoneStreamingImageVolumeLoader
|
||||
);
|
||||
volumeLoader.registerVolumeLoader(
|
||||
'cornerstoneStreamingDynamicImageVolume',
|
||||
cornerstoneStreamingDynamicImageVolumeLoader
|
||||
);
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
import { utilities as csUtils } from '@cornerstonejs/core';
|
||||
|
||||
const scalingPerImageId = {};
|
||||
|
||||
function addInstance(imageId, scalingMetaData) {
|
||||
const imageURI = csUtils.imageIdToURI(imageId);
|
||||
scalingPerImageId[imageURI] = scalingMetaData;
|
||||
}
|
||||
|
||||
function get(type, imageId) {
|
||||
if (type === 'scalingModule') {
|
||||
const imageURI = csUtils.imageIdToURI(imageId);
|
||||
return scalingPerImageId[imageURI];
|
||||
}
|
||||
}
|
||||
|
||||
export default { addInstance, get };
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
/**
|
||||
* Remove invalid tags from a metadata and return a new object.
|
||||
*
|
||||
* At this time it is only removing tags that has `null` or `undefined` values
|
||||
* which is our main goal because that breaks when `naturalizeDataset(...)` is
|
||||
* called.
|
||||
*
|
||||
* Validating the tag id using regex like /^[a-fA-F0-9]{8}$/ make it run
|
||||
* +50% slower and looping through all characteres (split+every+Set or simple
|
||||
* FOR+Set) double the time it takes to run. It is currently taking +12ms/1k
|
||||
* images on average which can change depending on the machine.
|
||||
*
|
||||
* @param srcMetadata - source metadata
|
||||
* @returns new metadata object without invalid tags
|
||||
*/
|
||||
function removeInvalidTags(srcMetadata) {
|
||||
// Object.create(null) make it ~9% faster
|
||||
const dstMetadata = Object.create(null);
|
||||
const tagIds = Object.keys(srcMetadata);
|
||||
let tagValue;
|
||||
|
||||
tagIds.forEach((tagId) => {
|
||||
tagValue = srcMetadata[tagId];
|
||||
|
||||
if (tagValue !== undefined && tagValue !== null) {
|
||||
dstMetadata[tagId] = tagValue;
|
||||
}
|
||||
});
|
||||
|
||||
return dstMetadata;
|
||||
}
|
||||
|
||||
export { removeInvalidTags as default, removeInvalidTags };
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
const windowWidth = 400;
|
||||
const windowCenter = 40;
|
||||
|
||||
const lower = windowCenter - windowWidth / 2.0;
|
||||
const upper = windowCenter + windowWidth / 2.0;
|
||||
|
||||
const ctVoiRange = { lower, upper };
|
||||
|
||||
export default function setCtTransferFunctionForVolumeActor({ volumeActor }) {
|
||||
volumeActor
|
||||
.getProperty()
|
||||
.getRGBTransferFunction(0)
|
||||
.setMappingRange(lower, upper);
|
||||
}
|
||||
|
||||
export { ctVoiRange };
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import { useEffect, useState } from "react";
|
||||
import { useEffect, useRef, useState } from "react";
|
||||
import { motion } from "framer-motion";
|
||||
import {
|
||||
ResizableHandle,
|
||||
|
|
@ -9,22 +9,52 @@ import { ScrollArea } from "@/components/ui/scroll-area";
|
|||
import { Card } from "@/components/ui/card";
|
||||
import { PatientInfo, SeriesInfo } from "./type";
|
||||
import { CarouselAction, CarouselSeries } from "./CarouselSeries";
|
||||
import { Input } from "@/components/ui/input";
|
||||
import { Search } from "lucide-react";
|
||||
import MprViewer from "./MprViewer";
|
||||
|
||||
export const Datasource = () => {
|
||||
const rawPatientsRef = useRef<PatientInfo[]>([]);
|
||||
const [patients, setPatients] = useState<PatientInfo[]>([]);
|
||||
const [activeSeries, setActiveSeries] = useState<SeriesInfo>();
|
||||
|
||||
useEffect(() => {
|
||||
window.ipcRenderer
|
||||
.invoke("dicom:select")
|
||||
.then((patients: PatientInfo[]) => {
|
||||
console.log(patients);
|
||||
setPatients(patients.map((p) => ({ ...p, active: false, children: p.children.map(s => ({ ...s, active: false })) })));
|
||||
rawPatientsRef.current = patients;
|
||||
setPatients(
|
||||
patients.map((p) => ({
|
||||
...p,
|
||||
active: false,
|
||||
children: p.children.map((s) => ({ ...s, active: false })),
|
||||
}))
|
||||
);
|
||||
});
|
||||
}, []);
|
||||
|
||||
const onClickSeriesItem = (series: SeriesInfo, action: CarouselAction) => {
|
||||
console.log(action, series)
|
||||
}
|
||||
console.log(action, series);
|
||||
switch (action) {
|
||||
case "viewMpr":
|
||||
setActiveSeries(series);
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
};
|
||||
|
||||
const handlePatientSearch = (filterValue: string) => {
|
||||
const raw = rawPatientsRef.current;
|
||||
setPatients(
|
||||
raw.filter((p) =>
|
||||
p.MainDicomTags.PatientName.toUpperCase().includes(
|
||||
filterValue.toUpperCase()
|
||||
)
|
||||
)
|
||||
);
|
||||
};
|
||||
|
||||
return (
|
||||
<motion.div
|
||||
|
|
@ -37,9 +67,19 @@ export const Datasource = () => {
|
|||
<div className="p-4 h-full flex flex-col">
|
||||
<ResizablePanelGroup direction="horizontal" className="w-full h-full">
|
||||
<ResizablePanel defaultSize={24}>
|
||||
<div className="flex flex-col h-full">
|
||||
<div className="flex flex-col h-full pt-2">
|
||||
<div className="px-4 pb-2">
|
||||
<div className="relative">
|
||||
<Search className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
|
||||
<Input
|
||||
placeholder="筛选姓名"
|
||||
onChange={(e) => handlePatientSearch(e.target.value)}
|
||||
className="pl-8"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<ScrollArea className="flex-grow w-full h-full px-4 pb-2">
|
||||
<div className="w-full flex flex-col gap-y-2">
|
||||
<div className="flex flex-col gap-y-2">
|
||||
{patients.map((patient) => (
|
||||
<Card
|
||||
key={patient.ID}
|
||||
|
|
@ -48,8 +88,9 @@ export const Datasource = () => {
|
|||
p.map((i) => ({ ...i, active: i.ID === patient.ID }))
|
||||
)
|
||||
}
|
||||
className={`flex shadow-none flex-col items-start gap-2 rounded-lg border p-3 text-left text-sm transition-all hover:bg-accent hover:cursor-pointer ${patient.active ? "bg-accent" : ""
|
||||
}`}
|
||||
className={`flex shadow-none flex-col items-start gap-2 rounded-lg border p-3 text-left text-sm transition-all hover:bg-accent hover:cursor-pointer ${
|
||||
patient.active ? "bg-accent" : ""
|
||||
}`}
|
||||
>
|
||||
<div className="flex w-full flex-col gap-1">
|
||||
<div className="flex items-center">
|
||||
|
|
@ -80,45 +121,61 @@ export const Datasource = () => {
|
|||
<ResizablePanel defaultSize={24}>
|
||||
<div className="flex flex-col h-full">
|
||||
<ScrollArea className="flex-grow w-full h-full px-4 pb-2">
|
||||
{patients.find(p => p.active) && patients.find(p => p.active)?.children.map(study => <Card
|
||||
key={study.ID}
|
||||
onClick={() =>
|
||||
setPatients((p) =>
|
||||
p.map((i) => ({ ...i, children: i.children.map(s => ({ ...s, active: s.ID === study.ID })) }))
|
||||
)
|
||||
}
|
||||
className={`flex shadow-none flex-col items-start gap-2 rounded-lg border p-3 text-left text-sm transition-all hover:bg-accent hover:cursor-pointer ${study.active ? "bg-accent" : ""}`}
|
||||
>
|
||||
<div className="flex w-full flex-col gap-1">
|
||||
<div className="flex items-center">
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="font-semibold">
|
||||
{study.MainDicomTags.StudyID}
|
||||
</div>
|
||||
</div>
|
||||
<div className="ml-auto text-xs text-foreground">
|
||||
{study.MainDicomTags.StudyDate}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="line-clamp-2 text-xs text-muted-foreground">
|
||||
{study.MainDicomTags.InstitutionName}
|
||||
</div>
|
||||
<div className="w-full py-2">
|
||||
<CarouselSeries seriesList={study.children} onClickItem={onClickSeriesItem} />
|
||||
</div>
|
||||
</Card>)}
|
||||
<div className="flex flex-col gap-y-2">
|
||||
{patients.find((p) => p.active) &&
|
||||
patients
|
||||
.find((p) => p.active)
|
||||
?.children.map((study) => (
|
||||
<Card
|
||||
key={study.ID}
|
||||
onClick={() =>
|
||||
setPatients((p) =>
|
||||
p.map((i) => ({
|
||||
...i,
|
||||
children: i.children.map((s) => ({
|
||||
...s,
|
||||
active: s.ID === study.ID,
|
||||
})),
|
||||
}))
|
||||
)
|
||||
}
|
||||
className={`flex shadow-none flex-col items-start gap-2 rounded-lg border p-3 text-left text-sm transition-all hover:bg-accent hover:cursor-pointer ${
|
||||
study.active ? "bg-accent" : ""
|
||||
}`}
|
||||
>
|
||||
<div className="flex w-full flex-col gap-1">
|
||||
<div className="flex items-center">
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="font-semibold">
|
||||
{study.MainDicomTags.StudyID ?? "无"}
|
||||
</div>
|
||||
</div>
|
||||
<div className="ml-auto text-xs text-foreground">
|
||||
{study.MainDicomTags.StudyDate}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="line-clamp-2 text-xs text-muted-foreground">
|
||||
{study.MainDicomTags.InstitutionName}
|
||||
</div>
|
||||
<div className="w-full">
|
||||
<CarouselSeries
|
||||
seriesList={study.children}
|
||||
onClickItem={onClickSeriesItem}
|
||||
/>
|
||||
</div>
|
||||
</Card>
|
||||
))}
|
||||
</div>
|
||||
</ScrollArea>
|
||||
</div>
|
||||
</ResizablePanel>
|
||||
<ResizableHandle withHandle />
|
||||
<ResizablePanel defaultSize={52}>
|
||||
<div className="px-4">
|
||||
123
|
||||
</div>
|
||||
<MprViewer series={activeSeries} />
|
||||
</ResizablePanel>
|
||||
</ResizablePanelGroup>
|
||||
</div>
|
||||
</motion.div >
|
||||
</motion.div>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ export interface PatientInfo {
|
|||
Studies: string[];
|
||||
Type: string;
|
||||
children: StudyInfo[];
|
||||
active: boolean
|
||||
active: boolean;
|
||||
}
|
||||
|
||||
export interface StudyInfo {
|
||||
|
|
@ -23,12 +23,12 @@ export interface StudyInfo {
|
|||
StudyID: string;
|
||||
StudyInstanceUID: string;
|
||||
StudyTime: string;
|
||||
InstitutionName: string
|
||||
InstitutionName: string;
|
||||
};
|
||||
ParentPatient: string;
|
||||
Series: string[];
|
||||
Type: string;
|
||||
active: boolean
|
||||
active: boolean;
|
||||
children: SeriesInfo[];
|
||||
}
|
||||
|
||||
|
|
@ -46,11 +46,11 @@ export interface SeriesInfo {
|
|||
SeriesInstanceUID: string; // 成像系列的唯一标识符
|
||||
SeriesNumber: number; // 成像系列的编号
|
||||
SeriesTime: string; // 成像系列的具体时间
|
||||
SeriesDescription: string // 描述
|
||||
BodyPartExamined: string // 检查的身体部位
|
||||
ProtocolName: string // 成像协议
|
||||
StationName: string // 成像操作的设备站点
|
||||
}
|
||||
SeriesDescription: string; // 描述
|
||||
BodyPartExamined: string; // 检查的身体部位
|
||||
ProtocolName: string; // 成像协议
|
||||
StationName: string; // 成像操作的设备站点
|
||||
};
|
||||
ParentStudy: string;
|
||||
Status: string;
|
||||
Type: string;
|
||||
|
|
|
|||
|
|
@ -2,11 +2,13 @@ import { defineConfig } from "vite";
|
|||
import path from "node:path";
|
||||
import electron from "vite-plugin-electron/simple";
|
||||
import react from "@vitejs/plugin-react";
|
||||
import { nodePolyfills } from "vite-plugin-node-polyfills";
|
||||
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [
|
||||
react(),
|
||||
nodePolyfills(),
|
||||
electron({
|
||||
main: {
|
||||
// Shortcut of `build.lib.entry`.
|
||||
|
|
|
|||
2892
pnpm-lock.yaml
2892
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user