copper3d 2.2.3 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1056 -5
- package/dist/Scene/copperScene.d.ts +3 -0
- package/dist/Scene/copperScene.js +13 -0
- package/dist/Scene/copperScene.js.map +1 -1
- package/dist/Utils/segmentation/CommToolsData.d.ts +109 -6
- package/dist/Utils/segmentation/CommToolsData.js +314 -50
- package/dist/Utils/segmentation/CommToolsData.js.map +1 -1
- package/dist/Utils/segmentation/DragOperator.d.ts +13 -7
- package/dist/Utils/segmentation/DragOperator.js +51 -165
- package/dist/Utils/segmentation/DragOperator.js.map +1 -1
- package/dist/Utils/segmentation/DrawToolCore.d.ts +57 -76
- package/dist/Utils/segmentation/DrawToolCore.js +368 -878
- package/dist/Utils/segmentation/DrawToolCore.js.map +1 -1
- package/dist/Utils/segmentation/NrrdTools.d.ts +277 -15
- package/dist/Utils/segmentation/NrrdTools.js +594 -232
- package/dist/Utils/segmentation/NrrdTools.js.map +1 -1
- package/dist/Utils/segmentation/core/MaskVolume.d.ts +477 -0
- package/dist/Utils/segmentation/core/MaskVolume.js +1238 -0
- package/dist/Utils/segmentation/core/MaskVolume.js.map +1 -0
- package/dist/Utils/segmentation/core/MigrationUtils.d.ts +97 -0
- package/dist/Utils/segmentation/core/MigrationUtils.js +163 -0
- package/dist/Utils/segmentation/core/MigrationUtils.js.map +1 -0
- package/dist/Utils/segmentation/core/UndoManager.d.ts +47 -0
- package/dist/Utils/segmentation/core/UndoManager.js +86 -0
- package/dist/Utils/segmentation/core/UndoManager.js.map +1 -0
- package/dist/Utils/segmentation/core/index.d.ts +76 -0
- package/dist/Utils/segmentation/core/index.js +75 -0
- package/dist/Utils/segmentation/core/index.js.map +1 -0
- package/dist/Utils/segmentation/core/types.d.ts +106 -0
- package/dist/Utils/segmentation/core/types.js +98 -0
- package/dist/Utils/segmentation/core/types.js.map +1 -0
- package/dist/Utils/segmentation/coreTools/coreType.d.ts +55 -36
- package/dist/Utils/segmentation/coreTools/coreType.js.map +1 -1
- package/dist/Utils/segmentation/coreTools/gui.d.ts +6 -16
- package/dist/Utils/segmentation/coreTools/gui.js +23 -27
- package/dist/Utils/segmentation/coreTools/gui.js.map +1 -1
- package/dist/Utils/segmentation/eventRouter/EventRouter.d.ts +144 -0
- package/dist/Utils/segmentation/eventRouter/EventRouter.js +369 -0
- package/dist/Utils/segmentation/eventRouter/EventRouter.js.map +1 -0
- package/dist/Utils/segmentation/eventRouter/index.d.ts +7 -0
- package/dist/Utils/segmentation/eventRouter/index.js +7 -0
- package/dist/Utils/segmentation/eventRouter/index.js.map +1 -0
- package/dist/Utils/segmentation/eventRouter/types.d.ts +70 -0
- package/dist/Utils/segmentation/eventRouter/types.js +7 -0
- package/dist/Utils/segmentation/eventRouter/types.js.map +1 -0
- package/dist/Utils/segmentation/tools/BaseTool.d.ts +25 -0
- package/dist/Utils/segmentation/tools/BaseTool.js +18 -0
- package/dist/Utils/segmentation/tools/BaseTool.js.map +1 -0
- package/dist/Utils/segmentation/tools/ContrastTool.d.ts +26 -0
- package/dist/Utils/segmentation/tools/ContrastTool.js +118 -0
- package/dist/Utils/segmentation/tools/ContrastTool.js.map +1 -0
- package/dist/Utils/segmentation/tools/CrosshairTool.d.ts +30 -0
- package/dist/Utils/segmentation/tools/CrosshairTool.js +157 -0
- package/dist/Utils/segmentation/tools/CrosshairTool.js.map +1 -0
- package/dist/Utils/segmentation/tools/DragSliceTool.d.ts +44 -0
- package/dist/Utils/segmentation/tools/DragSliceTool.js +170 -0
- package/dist/Utils/segmentation/tools/DragSliceTool.js.map +1 -0
- package/dist/Utils/segmentation/tools/EraserTool.d.ts +16 -0
- package/dist/Utils/segmentation/tools/EraserTool.js +92 -0
- package/dist/Utils/segmentation/tools/EraserTool.js.map +1 -0
- package/dist/Utils/segmentation/tools/ImageStoreHelper.d.ts +65 -0
- package/dist/Utils/segmentation/tools/ImageStoreHelper.js +174 -0
- package/dist/Utils/segmentation/tools/ImageStoreHelper.js.map +1 -0
- package/dist/Utils/segmentation/tools/SphereTool.d.ts +38 -0
- package/dist/Utils/segmentation/tools/SphereTool.js +193 -0
- package/dist/Utils/segmentation/tools/SphereTool.js.map +1 -0
- package/dist/Utils/segmentation/tools/ZoomTool.d.ts +20 -0
- package/dist/Utils/segmentation/tools/ZoomTool.js +59 -0
- package/dist/Utils/segmentation/tools/ZoomTool.js.map +1 -0
- package/dist/Utils/segmentation/tools/index.d.ts +22 -0
- package/dist/Utils/segmentation/tools/index.js +23 -0
- package/dist/Utils/segmentation/tools/index.js.map +1 -0
- package/dist/bundle.esm.js +4740 -1979
- package/dist/bundle.umd.js +4743 -1978
- package/dist/index.d.ts +5 -3
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/types/Renderer/copperRenderer.d.ts +1 -1
- package/dist/types/Renderer/copperRendererOnDemond.d.ts +1 -1
- package/dist/types/Scene/copperScene.d.ts +3 -0
- package/dist/types/Utils/segmentation/CommToolsData.d.ts +109 -6
- package/dist/types/Utils/segmentation/DragOperator.d.ts +13 -7
- package/dist/types/Utils/segmentation/DrawToolCore.d.ts +57 -76
- package/dist/types/Utils/segmentation/NrrdTools.d.ts +277 -15
- package/dist/types/Utils/segmentation/core/MaskVolume.d.ts +477 -0
- package/dist/types/Utils/segmentation/core/MigrationUtils.d.ts +97 -0
- package/dist/types/Utils/segmentation/core/UndoManager.d.ts +47 -0
- package/dist/types/Utils/segmentation/core/index.d.ts +76 -0
- package/dist/types/Utils/segmentation/core/types.d.ts +106 -0
- package/dist/types/Utils/segmentation/coreTools/coreType.d.ts +55 -36
- package/dist/types/Utils/segmentation/coreTools/gui.d.ts +6 -16
- package/dist/types/Utils/segmentation/eventRouter/EventRouter.d.ts +144 -0
- package/dist/types/Utils/segmentation/eventRouter/index.d.ts +7 -0
- package/dist/types/Utils/segmentation/eventRouter/types.d.ts +70 -0
- package/dist/types/Utils/segmentation/tools/BaseTool.d.ts +25 -0
- package/dist/types/Utils/segmentation/tools/ContrastTool.d.ts +26 -0
- package/dist/types/Utils/segmentation/tools/CrosshairTool.d.ts +30 -0
- package/dist/types/Utils/segmentation/tools/DragSliceTool.d.ts +44 -0
- package/dist/types/Utils/segmentation/tools/EraserTool.d.ts +16 -0
- package/dist/types/Utils/segmentation/tools/ImageStoreHelper.d.ts +65 -0
- package/dist/types/Utils/segmentation/tools/SphereTool.d.ts +38 -0
- package/dist/types/Utils/segmentation/tools/ZoomTool.d.ts +20 -0
- package/dist/types/Utils/segmentation/tools/index.d.ts +22 -0
- package/dist/types/index.d.ts +5 -3
- package/dist/types/types/types.d.ts +3 -3
- package/dist/types/types.d.ts +3 -3
- package/package.json +1 -1
- package/dist/Utils/segmentation/coreTools/archive.d.ts +0 -1
- package/dist/Utils/segmentation/coreTools/archive.js +0 -23
- package/dist/Utils/segmentation/coreTools/archive.js.map +0 -1
- package/dist/types/Utils/segmentation/coreTools/archive.d.ts +0 -1
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Core Type Definitions for MaskVolume
|
|
3
|
+
*
|
|
4
|
+
* Shared types for the 3D volumetric mask storage system.
|
|
5
|
+
*/
|
|
6
|
+
/**
|
|
7
|
+
* 3D volume dimensions in voxels.
|
|
8
|
+
*
|
|
9
|
+
* Coordinate convention:
|
|
10
|
+
* x = left-right (sagittal axis)
|
|
11
|
+
* y = front-back (coronal axis)
|
|
12
|
+
* z = bottom-top (axial axis / slice direction)
|
|
13
|
+
*/
|
|
14
|
+
export interface Dimensions {
|
|
15
|
+
width: number;
|
|
16
|
+
height: number;
|
|
17
|
+
depth: number;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* RGBA color with each component in the range [0, 255].
|
|
21
|
+
*/
|
|
22
|
+
export interface RGBAColor {
|
|
23
|
+
r: number;
|
|
24
|
+
g: number;
|
|
25
|
+
b: number;
|
|
26
|
+
a: number;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* Maps channel indices to RGBA colors.
|
|
30
|
+
*/
|
|
31
|
+
export type ChannelColorMap = Record<number, RGBAColor>;
|
|
32
|
+
/**
|
|
33
|
+
* Rendering mode for slice extraction.
|
|
34
|
+
*/
|
|
35
|
+
export declare enum RenderMode {
|
|
36
|
+
/** Single channel as grayscale (original behavior). */
|
|
37
|
+
GRAYSCALE = "grayscale",
|
|
38
|
+
/** Single channel with predefined color. */
|
|
39
|
+
COLORED_SINGLE = "colored_single",
|
|
40
|
+
/** All channels composited with colors (last non-zero channel wins). */
|
|
41
|
+
COLORED_MULTI = "colored_multi",
|
|
42
|
+
/** All channels blended (additive). */
|
|
43
|
+
BLENDED = "blended"
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* Options for slice rendering via `getSliceImageData()`.
|
|
47
|
+
*/
|
|
48
|
+
export interface SliceRenderOptions {
|
|
49
|
+
/** Rendering mode (default: GRAYSCALE). */
|
|
50
|
+
mode?: RenderMode;
|
|
51
|
+
/** Specific channel to render (for GRAYSCALE / COLORED_SINGLE modes, default 0). */
|
|
52
|
+
channel?: number;
|
|
53
|
+
/** Custom color map (overrides the volume's default). */
|
|
54
|
+
colorMap?: ChannelColorMap;
|
|
55
|
+
/** Channel visibility mask (for COLORED_MULTI / BLENDED modes). */
|
|
56
|
+
visibleChannels?: boolean[];
|
|
57
|
+
/** Opacity multiplier 0.0 – 1.0 (default 1.0). */
|
|
58
|
+
opacity?: number;
|
|
59
|
+
}
|
|
60
|
+
/**
|
|
61
|
+
* Predefined color palette for mask channels.
|
|
62
|
+
*
|
|
63
|
+
* Based on common medical imaging conventions:
|
|
64
|
+
*
|
|
65
|
+
* | Channel | Role | Color |
|
|
66
|
+
* |---------|---------------------------|----------|
|
|
67
|
+
* | 0 | Background | transparent |
|
|
68
|
+
* | 1 | Primary / Tumor | Green |
|
|
69
|
+
* | 2 | Secondary / Edema | Red |
|
|
70
|
+
* | 3 | Tertiary / Necrosis | Blue |
|
|
71
|
+
* | 4 | Enhancement | Yellow |
|
|
72
|
+
* | 5 | Vessel / Boundary | Magenta |
|
|
73
|
+
* | 6 | Additional region | Cyan |
|
|
74
|
+
* | 7 | Auxiliary annotation | Orange |
|
|
75
|
+
* | 8 | Extended annotation | Purple |
|
|
76
|
+
*/
|
|
77
|
+
export declare const MASK_CHANNEL_COLORS: Readonly<ChannelColorMap>;
|
|
78
|
+
/**
|
|
79
|
+
* CSS color strings for the default channel palette (for reference / UI).
|
|
80
|
+
*/
|
|
81
|
+
export declare const MASK_CHANNEL_CSS_COLORS: Readonly<Record<number, string>>;
|
|
82
|
+
/**
|
|
83
|
+
* Layer identifier. Any string key is valid — layers are dynamically defined.
|
|
84
|
+
*/
|
|
85
|
+
export type LayerId = string;
|
|
86
|
+
/**
|
|
87
|
+
* Channel value (0 = transparent/erased, 1-8 = annotation channels).
|
|
88
|
+
*/
|
|
89
|
+
export type ChannelValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
|
|
90
|
+
/**
|
|
91
|
+
* Convenience alias for MASK_CHANNEL_CSS_COLORS.
|
|
92
|
+
* Used by Vue components via `Copper.CHANNEL_COLORS[channel]`.
|
|
93
|
+
*/
|
|
94
|
+
export declare const CHANNEL_COLORS: Readonly<Record<number, string>>;
|
|
95
|
+
/**
|
|
96
|
+
* Hex color strings for each channel (no alpha), used for fillColor/brushColor.
|
|
97
|
+
*/
|
|
98
|
+
export declare const CHANNEL_HEX_COLORS: Readonly<Record<number, string>>;
|
|
99
|
+
/**
|
|
100
|
+
* Convert an RGBAColor to a hex string (no alpha), e.g. '#ff0000'.
|
|
101
|
+
*/
|
|
102
|
+
export declare function rgbaToHex(color: RGBAColor): string;
|
|
103
|
+
/**
|
|
104
|
+
* Convert an RGBAColor to a CSS rgba() string, e.g. 'rgba(255,0,0,1.00)'.
|
|
105
|
+
*/
|
|
106
|
+
export declare function rgbaToCss(color: RGBAColor): string;
|
|
@@ -63,16 +63,32 @@ interface IPaintImage {
|
|
|
63
63
|
index: number;
|
|
64
64
|
image: ImageData;
|
|
65
65
|
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
66
|
+
/**
|
|
67
|
+
* Import MaskVolume from core module
|
|
68
|
+
* (imported where needed, not here to avoid circular deps)
|
|
69
|
+
*/
|
|
70
|
+
type MaskVolume = any;
|
|
71
|
+
/**
|
|
72
|
+
* New mask data structure using MaskVolume for true 3D storage.
|
|
73
|
+
* Dynamic N-layer support: keyed by layer id (e.g. 'layer1', 'layer2', ...).
|
|
74
|
+
*/
|
|
75
|
+
type INewMaskData = Record<string, MaskVolume>;
|
|
76
|
+
/**
|
|
77
|
+
* A paired canvas + 2D context for a single annotation layer.
|
|
78
|
+
* Stored atomically in IProtected.layerTargets to prevent canvas/ctx desync.
|
|
79
|
+
*/
|
|
80
|
+
interface ILayerRenderTarget {
|
|
81
|
+
canvas: HTMLCanvasElement;
|
|
82
|
+
ctx: CanvasRenderingContext2D;
|
|
70
83
|
}
|
|
84
|
+
/**
|
|
85
|
+
* Mask data storage using volumetric MaskVolume (Phase 3)
|
|
86
|
+
*
|
|
87
|
+
* Phase 2 legacy ImageData storage has been removed.
|
|
88
|
+
* All mask data now stored in 3D volumes for memory efficiency.
|
|
89
|
+
*/
|
|
71
90
|
type IMaskData = {
|
|
72
|
-
|
|
73
|
-
paintImagesLabel2: IPaintImages;
|
|
74
|
-
paintImagesLabel3: IPaintImages;
|
|
75
|
-
paintImages: IPaintImages;
|
|
91
|
+
volumes: INewMaskData;
|
|
76
92
|
};
|
|
77
93
|
interface IProtected {
|
|
78
94
|
container: HTMLElement;
|
|
@@ -89,15 +105,14 @@ interface IProtected {
|
|
|
89
105
|
axis: "x" | "y" | "z";
|
|
90
106
|
maskData: IMaskData;
|
|
91
107
|
previousDrawingImage?: ImageData;
|
|
108
|
+
/** Dynamic per-layer canvas+ctx pairs. Replaces hardcoded LayerOne/Two/Three fields. */
|
|
109
|
+
layerTargets: Map<string, ILayerRenderTarget>;
|
|
92
110
|
canvases: {
|
|
93
111
|
originCanvas: HTMLCanvasElement | any;
|
|
94
112
|
drawingCanvas: HTMLCanvasElement;
|
|
95
113
|
displayCanvas: HTMLCanvasElement;
|
|
96
114
|
drawingCanvasLayerMaster: HTMLCanvasElement;
|
|
97
|
-
drawingCanvasLayerOne: HTMLCanvasElement;
|
|
98
|
-
drawingCanvasLayerTwo: HTMLCanvasElement;
|
|
99
115
|
drawingSphereCanvas: HTMLCanvasElement;
|
|
100
|
-
drawingCanvasLayerThree: HTMLCanvasElement;
|
|
101
116
|
emptyCanvas: HTMLCanvasElement;
|
|
102
117
|
};
|
|
103
118
|
ctxes: {
|
|
@@ -106,9 +121,6 @@ interface IProtected {
|
|
|
106
121
|
emptyCtx: CanvasRenderingContext2D;
|
|
107
122
|
drawingSphereCtx: CanvasRenderingContext2D;
|
|
108
123
|
drawingLayerMasterCtx: CanvasRenderingContext2D;
|
|
109
|
-
drawingLayerOneCtx: CanvasRenderingContext2D;
|
|
110
|
-
drawingLayerTwoCtx: CanvasRenderingContext2D;
|
|
111
|
-
drawingLayerThreeCtx: CanvasRenderingContext2D;
|
|
112
124
|
};
|
|
113
125
|
}
|
|
114
126
|
interface IGUIStates {
|
|
@@ -118,12 +130,12 @@ interface IGUIStates {
|
|
|
118
130
|
globalAlpha: number;
|
|
119
131
|
lineWidth: number;
|
|
120
132
|
color: string;
|
|
121
|
-
|
|
133
|
+
pencil: boolean;
|
|
122
134
|
fillColor: string;
|
|
123
135
|
brushColor: string;
|
|
124
136
|
brushAndEraserSize: number;
|
|
125
137
|
cursor: string;
|
|
126
|
-
|
|
138
|
+
layer: string;
|
|
127
139
|
cal_distance: "tumour" | "skin" | "nipple" | "ribcage";
|
|
128
140
|
sphere: boolean;
|
|
129
141
|
calculator: boolean;
|
|
@@ -133,12 +145,20 @@ interface IGUIStates {
|
|
|
133
145
|
clear: () => void;
|
|
134
146
|
clearAll: () => void;
|
|
135
147
|
undo: () => void;
|
|
148
|
+
redo: () => void;
|
|
136
149
|
downloadCurrentMask: () => void;
|
|
137
150
|
resetZoom: () => void;
|
|
151
|
+
/** Currently active channel (1-8). Channel 0 is transparent/erased. */
|
|
152
|
+
activeChannel: number;
|
|
153
|
+
/** Layer visibility state: { layer1: true, layer2: true, layer3: true } */
|
|
154
|
+
layerVisibility: Record<string, boolean>;
|
|
155
|
+
/** Per-layer channel visibility: { layer1: { 1: true, ..., 8: true }, ... } */
|
|
156
|
+
channelVisibility: Record<string, Record<number, boolean>>;
|
|
138
157
|
}
|
|
139
158
|
interface IKeyBoardSettings {
|
|
140
159
|
draw: string;
|
|
141
160
|
undo: string;
|
|
161
|
+
redo: string;
|
|
142
162
|
contrast: string[];
|
|
143
163
|
crosshair: string;
|
|
144
164
|
mouseWheel: "Scroll:Zoom" | "Scroll:Slice";
|
|
@@ -164,7 +184,6 @@ interface INrrdStates {
|
|
|
164
184
|
dimensions: number[];
|
|
165
185
|
loadMaskJson: boolean;
|
|
166
186
|
ratios: ICommXYZ;
|
|
167
|
-
sharedPlace: ICommXYZ;
|
|
168
187
|
contrastNum: number;
|
|
169
188
|
showContrast: boolean;
|
|
170
189
|
enableCursorChoose: boolean;
|
|
@@ -191,10 +210,15 @@ interface INrrdStates {
|
|
|
191
210
|
previousPanelL: number;
|
|
192
211
|
previousPanelT: number;
|
|
193
212
|
switchSliceFlag: boolean;
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
213
|
+
layers: string[];
|
|
214
|
+
getMask: (sliceData: Uint8Array, layerId: string, channelId: number, sliceIndex: number, axis: "x" | "y" | "z", width: number, height: number, clearFlag: boolean) => void;
|
|
215
|
+
onClearLayerVolume: (layerId: string) => void;
|
|
216
|
+
onChannelColorChanged: (layerId: string, channel: number, color: {
|
|
217
|
+
r: number;
|
|
218
|
+
g: number;
|
|
219
|
+
b: number;
|
|
220
|
+
a: number;
|
|
221
|
+
}) => void;
|
|
198
222
|
getSphere: (sphereOrigin: number[], sphereRadius: number) => void;
|
|
199
223
|
getCalculateSpherePositions: (tumourSphereOrigin: ICommXYZ | null, skinSphereOrigin: ICommXYZ | null, ribSphereOrigin: ICommXYZ | null, nippleSphereOrigin: ICommXYZ | null, aixs: "x" | "y" | "z") => void;
|
|
200
224
|
drawStartPos: ICommXY;
|
|
@@ -204,19 +228,11 @@ interface IDragOpts {
|
|
|
204
228
|
getSliceNum?: (index: number, contrastNum: number) => void;
|
|
205
229
|
}
|
|
206
230
|
interface IDrawOpts {
|
|
207
|
-
getMaskData?: (
|
|
231
|
+
getMaskData?: (sliceData: Uint8Array, layerId: string, channelId: number, sliceIndex: number, axis: "x" | "y" | "z", width: number, height: number, clearFlag?: boolean) => void;
|
|
232
|
+
onClearLayerVolume?: (layerId: string) => void;
|
|
208
233
|
getSphereData?: (sphereOrigin: number[], sphereRadius: number) => void;
|
|
209
234
|
getCalculateSpherePositionsData?: (tumourSphereOrigin: ICommXYZ | null, skinSphereOrigin: ICommXYZ | null, ribSphereOrigin: ICommXYZ | null, nippleSphereOrigin: ICommXYZ | null, aixs: "x" | "y" | "z") => void;
|
|
210
235
|
}
|
|
211
|
-
type UndoLayerType = {
|
|
212
|
-
label1: Array<HTMLImageElement>;
|
|
213
|
-
label2: Array<HTMLImageElement>;
|
|
214
|
-
label3: Array<HTMLImageElement>;
|
|
215
|
-
};
|
|
216
|
-
interface IUndoType {
|
|
217
|
-
sliceIndex: number;
|
|
218
|
-
layers: UndoLayerType;
|
|
219
|
-
}
|
|
220
236
|
interface ICursorPage {
|
|
221
237
|
x: {
|
|
222
238
|
cursorPageX: number;
|
|
@@ -244,7 +260,7 @@ interface IGuiParameterSettings {
|
|
|
244
260
|
max: number;
|
|
245
261
|
step: number;
|
|
246
262
|
};
|
|
247
|
-
|
|
263
|
+
pencil: {
|
|
248
264
|
name: "Pencil";
|
|
249
265
|
onChange: () => void;
|
|
250
266
|
};
|
|
@@ -280,6 +296,9 @@ interface IGuiParameterSettings {
|
|
|
280
296
|
undo: {
|
|
281
297
|
name: "Undo";
|
|
282
298
|
};
|
|
299
|
+
redo: {
|
|
300
|
+
name: "Redo";
|
|
301
|
+
};
|
|
283
302
|
resetZoom: {
|
|
284
303
|
name: "ResetZoom";
|
|
285
304
|
};
|
|
@@ -302,9 +321,9 @@ interface IGuiParameterSettings {
|
|
|
302
321
|
onFinished: () => void;
|
|
303
322
|
};
|
|
304
323
|
advance: {
|
|
305
|
-
|
|
306
|
-
name: "
|
|
307
|
-
value: [
|
|
324
|
+
layer: {
|
|
325
|
+
name: "Layer";
|
|
326
|
+
value: string[];
|
|
308
327
|
};
|
|
309
328
|
cursor: {
|
|
310
329
|
name: "CursorIcon";
|
|
@@ -344,4 +363,4 @@ interface IGuiParameterSettings {
|
|
|
344
363
|
};
|
|
345
364
|
};
|
|
346
365
|
}
|
|
347
|
-
export { ICommXYZ, ICommXY, IDownloadImageConfig, IConvertObjType, IDragPrameters, IDrawingEvents, IContrastEvents, IProtected, IGUIStates, IDragOpts, IDrawOpts, INrrdStates, IPaintImage, IPaintImages,
|
|
366
|
+
export { ICommXYZ, ICommXY, IDownloadImageConfig, IConvertObjType, IDragPrameters, IDrawingEvents, IContrastEvents, IProtected, IGUIStates, IDragOpts, IDrawOpts, INrrdStates, IPaintImage, IPaintImages, ISkipSlicesDictType, IMaskData, INewMaskData, ILayerRenderTarget, ICursorPage, IGuiParameterSettings, IKeyBoardSettings };
|
|
@@ -11,6 +11,7 @@ interface IConfigGUI {
|
|
|
11
11
|
protectedData: IProtected;
|
|
12
12
|
eraserUrls: string[];
|
|
13
13
|
pencilUrls: string[];
|
|
14
|
+
getVolumeForLayer: (layer: string) => any;
|
|
14
15
|
mainPreSlices: any;
|
|
15
16
|
removeDragMode: () => void;
|
|
16
17
|
configDragMode: () => void;
|
|
@@ -24,26 +25,15 @@ interface IConfigGUI {
|
|
|
24
25
|
setSyncsliceNum: () => void;
|
|
25
26
|
resetLayerCanvas: () => void;
|
|
26
27
|
redrawDisplayCanvas: () => void;
|
|
27
|
-
reloadMaskToLabel: (paintImages: IPaintImages, ctx: CanvasRenderingContext2D) => void;
|
|
28
28
|
flipDisplayImageByAxis: () => void;
|
|
29
|
-
filterDrawedImage: (axis: "x" | "y" | "z", sliceIndex: number
|
|
29
|
+
filterDrawedImage: (axis: "x" | "y" | "z", sliceIndex: number) => IPaintImage | undefined;
|
|
30
30
|
setEmptyCanvasSize: (axis?: "x" | "y" | "z") => void;
|
|
31
|
-
storeAllImages: (index: number,
|
|
31
|
+
storeAllImages: (index: number, layer: string) => void;
|
|
32
32
|
drawImageOnEmptyImage: (canvas: HTMLCanvasElement) => void;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
sliceArrayH: (arr: Uint8ClampedArray, row: number, col: number) => Uint8ClampedArray[];
|
|
37
|
-
sliceArrayV: (arr: Uint8ClampedArray, row: number, col: number) => number[][];
|
|
38
|
-
storeImageToAxis: (index: number, paintedImages: IPaintImages, imageData: ImageData, axis?: "x" | "y" | "z") => void;
|
|
39
|
-
replaceVerticalColPixels: (paintImageArray: IPaintImage[], length: number, ratio: number, markedArr: number[][] | Uint8ClampedArray[], targetWidth: number, convertIndex: number) => void;
|
|
40
|
-
replaceHorizontalRowPixels: (paintImageArray: IPaintImage[], length: number, ratio: number, markedArr: number[][] | Uint8ClampedArray[], targetWidth: number, convertIndex: number) => void;
|
|
41
|
-
storeEachLayerImage: (index: number, label: string) => void;
|
|
42
|
-
storeImageToLabel: (index: number, canvas: HTMLCanvasElement, paintedImages: IPaintImages) => ImageData;
|
|
43
|
-
getRestLabel: () => ("label1" | "label2" | "label3")[];
|
|
33
|
+
storeEachLayerImage: (index: number, layer: string) => void;
|
|
34
|
+
storeImageToLayer: (index: number, canvas: HTMLCanvasElement, paintedImages: IPaintImages) => ImageData;
|
|
35
|
+
getRestLayer: () => string[];
|
|
44
36
|
setIsDrawFalse: (target: number) => void;
|
|
45
|
-
initPaintImages: (dimensions: Array<number>) => void;
|
|
46
|
-
createEmptyPaintImage: (dimensions: Array<number>, paintImages: IPaintImages) => void;
|
|
47
37
|
}
|
|
48
38
|
declare function setupGui(configs: IConfigGUI): IGuiParameterSettings;
|
|
49
39
|
declare function removeGuiFolderChilden(modeFolder: GUI): void;
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* EventRouter - Centralized Event Management
|
|
3
|
+
*
|
|
4
|
+
* Consolidates keyboard, pointer, and wheel event handling from
|
|
5
|
+
* DrawToolCore.ts and DragOperator.ts into a single unified system.
|
|
6
|
+
*
|
|
7
|
+
* Features:
|
|
8
|
+
* - Single point of event registration/cleanup
|
|
9
|
+
* - Mode-based event routing (draw, drag, contrast, crosshair, etc.)
|
|
10
|
+
* - Prevents memory leaks through proper handler cleanup
|
|
11
|
+
* - Eliminates duplicate keyboard listeners between DrawToolCore and DragOperator
|
|
12
|
+
*/
|
|
13
|
+
import type { InteractionMode, GuiTool, KeyboardHandler, PointerHandler, WheelHandler, ModeChangeCallback, EventRouterConfig, KeyboardSettings, InteractionState } from './types';
|
|
14
|
+
export declare class EventRouter {
|
|
15
|
+
private container;
|
|
16
|
+
private canvas;
|
|
17
|
+
private mode;
|
|
18
|
+
private guiTool;
|
|
19
|
+
private state;
|
|
20
|
+
private keyboardSettings;
|
|
21
|
+
/** When false, contrast key (Ctrl/Meta) is ignored for mode switching. */
|
|
22
|
+
private contrastEnabled;
|
|
23
|
+
private onModeChange?;
|
|
24
|
+
private modeChangeSubscribers;
|
|
25
|
+
private keydownHandler?;
|
|
26
|
+
private keyupHandler?;
|
|
27
|
+
private pointerDownHandler?;
|
|
28
|
+
private pointerMoveHandler?;
|
|
29
|
+
private pointerUpHandler?;
|
|
30
|
+
private pointerLeaveHandler?;
|
|
31
|
+
private wheelHandler?;
|
|
32
|
+
private boundKeyDown;
|
|
33
|
+
private boundKeyUp;
|
|
34
|
+
private boundPointerDown;
|
|
35
|
+
private boundPointerMove;
|
|
36
|
+
private boundPointerUp;
|
|
37
|
+
private boundPointerLeave;
|
|
38
|
+
private boundWheel;
|
|
39
|
+
private boundContextMenu;
|
|
40
|
+
private isBound;
|
|
41
|
+
constructor(config: EventRouterConfig);
|
|
42
|
+
/**
|
|
43
|
+
* Bind all event listeners to DOM elements.
|
|
44
|
+
* Call this after setting handlers.
|
|
45
|
+
*/
|
|
46
|
+
bindAll(): void;
|
|
47
|
+
/**
|
|
48
|
+
* Remove all event listeners from DOM elements.
|
|
49
|
+
* Call this on cleanup to prevent memory leaks.
|
|
50
|
+
*/
|
|
51
|
+
unbindAll(): void;
|
|
52
|
+
/**
|
|
53
|
+
* Get the current interaction mode.
|
|
54
|
+
*/
|
|
55
|
+
getMode(): InteractionMode;
|
|
56
|
+
/**
|
|
57
|
+
* Set the interaction mode directly.
|
|
58
|
+
*/
|
|
59
|
+
setMode(mode: InteractionMode): void;
|
|
60
|
+
/**
|
|
61
|
+
* Subscribe to mode change events.
|
|
62
|
+
* Returns an unsubscribe function.
|
|
63
|
+
*/
|
|
64
|
+
subscribeModeChange(callback: ModeChangeCallback): () => void;
|
|
65
|
+
/**
|
|
66
|
+
* Get the current GUI tool selection.
|
|
67
|
+
*/
|
|
68
|
+
getGuiTool(): GuiTool;
|
|
69
|
+
/**
|
|
70
|
+
* Set the GUI tool (from UI buttons).
|
|
71
|
+
*/
|
|
72
|
+
setGuiTool(tool: GuiTool): void;
|
|
73
|
+
/**
|
|
74
|
+
* Toggle crosshair mode.
|
|
75
|
+
*/
|
|
76
|
+
toggleCrosshair(): void;
|
|
77
|
+
/**
|
|
78
|
+
* Check if crosshair mode is enabled.
|
|
79
|
+
*/
|
|
80
|
+
isCrosshairEnabled(): boolean;
|
|
81
|
+
/**
|
|
82
|
+
* Get current interaction state.
|
|
83
|
+
*/
|
|
84
|
+
getState(): Readonly<InteractionState>;
|
|
85
|
+
isShiftHeld(): boolean;
|
|
86
|
+
isCtrlHeld(): boolean;
|
|
87
|
+
isLeftButtonDown(): boolean;
|
|
88
|
+
isRightButtonDown(): boolean;
|
|
89
|
+
/**
|
|
90
|
+
* Update keyboard settings.
|
|
91
|
+
*/
|
|
92
|
+
setKeyboardSettings(settings: Partial<KeyboardSettings>): void;
|
|
93
|
+
getKeyboardSettings(): KeyboardSettings;
|
|
94
|
+
/**
|
|
95
|
+
* Enable or disable the contrast shortcut (Ctrl/Meta key).
|
|
96
|
+
*
|
|
97
|
+
* When disabled:
|
|
98
|
+
* - `ctrlHeld` state is never set to true
|
|
99
|
+
* - The mode will not be changed to `'contrast'` via key events
|
|
100
|
+
* - If the mode is currently `'contrast'` it is reset to `'idle'`
|
|
101
|
+
*
|
|
102
|
+
* The external keydown/keyup handlers are still called regardless
|
|
103
|
+
* of this flag so other Ctrl-based shortcuts (e.g. Ctrl+Z undo)
|
|
104
|
+
* continue to work normally.
|
|
105
|
+
*/
|
|
106
|
+
setContrastEnabled(enabled: boolean): void;
|
|
107
|
+
/** Whether the contrast shortcut is currently enabled. */
|
|
108
|
+
isContrastEnabled(): boolean;
|
|
109
|
+
/**
|
|
110
|
+
* Register the keydown handler (from DrawToolCore/DragOperator).
|
|
111
|
+
*/
|
|
112
|
+
setKeydownHandler(handler: KeyboardHandler): void;
|
|
113
|
+
/**
|
|
114
|
+
* Register the keyup handler.
|
|
115
|
+
*/
|
|
116
|
+
setKeyupHandler(handler: KeyboardHandler): void;
|
|
117
|
+
/**
|
|
118
|
+
* Register pointer down handler.
|
|
119
|
+
*/
|
|
120
|
+
setPointerDownHandler(handler: PointerHandler): void;
|
|
121
|
+
/**
|
|
122
|
+
* Register pointer move handler.
|
|
123
|
+
*/
|
|
124
|
+
setPointerMoveHandler(handler: PointerHandler): void;
|
|
125
|
+
/**
|
|
126
|
+
* Register pointer up handler.
|
|
127
|
+
*/
|
|
128
|
+
setPointerUpHandler(handler: PointerHandler): void;
|
|
129
|
+
/**
|
|
130
|
+
* Register pointer leave handler.
|
|
131
|
+
*/
|
|
132
|
+
setPointerLeaveHandler(handler: PointerHandler): void;
|
|
133
|
+
/**
|
|
134
|
+
* Register wheel handler.
|
|
135
|
+
*/
|
|
136
|
+
setWheelHandler(handler: WheelHandler): void;
|
|
137
|
+
private handleKeyDown;
|
|
138
|
+
private handleKeyUp;
|
|
139
|
+
private handlePointerDown;
|
|
140
|
+
private handlePointerMove;
|
|
141
|
+
private handlePointerUp;
|
|
142
|
+
private handlePointerLeave;
|
|
143
|
+
private handleWheel;
|
|
144
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Event Router Module
|
|
3
|
+
*
|
|
4
|
+
* Exports centralized event handling components for the segmentation module.
|
|
5
|
+
*/
|
|
6
|
+
export { EventRouter } from './EventRouter';
|
|
7
|
+
export type { InteractionMode, GuiTool, KeyboardHandler, PointerHandler, WheelHandler, ModeChangeCallback, EventRouterConfig, KeyboardSettings, InteractionState } from './types';
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Event Router Types
|
|
3
|
+
*
|
|
4
|
+
* Type definitions for centralized event handling in the segmentation module.
|
|
5
|
+
*/
|
|
6
|
+
/**
|
|
7
|
+
* Interaction modes representing the current operational state.
|
|
8
|
+
*
|
|
9
|
+
* - `idle`: Default state, allows navigation (drag slice, wheel zoom)
|
|
10
|
+
* - `draw`: Shift held, left-drag paints (pencil/brush/eraser)
|
|
11
|
+
* - `drag`: Left-drag changes slices
|
|
12
|
+
* - `contrast`: Ctrl held, left-drag adjusts window/level
|
|
13
|
+
* - `crosshair`: Crosshair mode enabled (C key toggle)
|
|
14
|
+
* - `sphere`: Sphere placement tool active
|
|
15
|
+
* - `calculator`: Distance calculator tool active
|
|
16
|
+
* - `pan`: Right-drag panning the canvas
|
|
17
|
+
*/
|
|
18
|
+
export type InteractionMode = 'idle' | 'draw' | 'drag' | 'contrast' | 'crosshair' | 'sphere' | 'calculator' | 'pan';
|
|
19
|
+
/**
|
|
20
|
+
* GUI tool selection (set from UI buttons)
|
|
21
|
+
*/
|
|
22
|
+
export type GuiTool = 'pencil' | 'brush' | 'eraser' | 'sphere' | 'calculator';
|
|
23
|
+
/**
|
|
24
|
+
* Keyboard event handler type
|
|
25
|
+
*/
|
|
26
|
+
export type KeyboardHandler = (ev: KeyboardEvent) => void;
|
|
27
|
+
/**
|
|
28
|
+
* Pointer event handler type
|
|
29
|
+
*/
|
|
30
|
+
export type PointerHandler = (ev: PointerEvent) => void;
|
|
31
|
+
/**
|
|
32
|
+
* Wheel event handler type
|
|
33
|
+
*/
|
|
34
|
+
export type WheelHandler = (ev: WheelEvent) => void;
|
|
35
|
+
/**
|
|
36
|
+
* Mode change callback - called when interaction mode changes
|
|
37
|
+
*/
|
|
38
|
+
export type ModeChangeCallback = (prevMode: InteractionMode, newMode: InteractionMode) => void;
|
|
39
|
+
/**
|
|
40
|
+
* Configuration for EventRouter initialization
|
|
41
|
+
*/
|
|
42
|
+
export interface EventRouterConfig {
|
|
43
|
+
/** Container element to attach keyboard events */
|
|
44
|
+
container: HTMLElement;
|
|
45
|
+
/** Canvas element to attach pointer/wheel events */
|
|
46
|
+
canvas: HTMLCanvasElement;
|
|
47
|
+
/** Optional callback when mode changes */
|
|
48
|
+
onModeChange?: ModeChangeCallback;
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Keyboard settings from nrrd_states
|
|
52
|
+
*/
|
|
53
|
+
export interface KeyboardSettings {
|
|
54
|
+
draw: string;
|
|
55
|
+
undo: string;
|
|
56
|
+
redo: string;
|
|
57
|
+
contrast: string[];
|
|
58
|
+
crosshair: string;
|
|
59
|
+
mouseWheel: 'Scroll:Zoom' | 'Scroll:Slice';
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* State flags tracked by EventRouter
|
|
63
|
+
*/
|
|
64
|
+
export interface InteractionState {
|
|
65
|
+
shiftHeld: boolean;
|
|
66
|
+
ctrlHeld: boolean;
|
|
67
|
+
leftButtonDown: boolean;
|
|
68
|
+
rightButtonDown: boolean;
|
|
69
|
+
crosshairEnabled: boolean;
|
|
70
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* BaseTool - Abstract base for extracted DrawToolCore tools
|
|
3
|
+
*
|
|
4
|
+
* Provides shared access to the legacy state objects (nrrd_states,
|
|
5
|
+
* gui_states, protectedData) via a ToolContext interface.
|
|
6
|
+
*
|
|
7
|
+
* NOTE: This is for the OLD DrawToolCore system.
|
|
8
|
+
* The new SegmentationManager system has its own tools in manager/tools/.
|
|
9
|
+
*/
|
|
10
|
+
import type { INrrdStates, IGUIStates, IProtected, ICursorPage } from "../coreTools/coreType";
|
|
11
|
+
/**
|
|
12
|
+
* Shared context injected into every legacy tool.
|
|
13
|
+
* References are shared (not copied), so tools see the same state.
|
|
14
|
+
*/
|
|
15
|
+
export interface ToolContext {
|
|
16
|
+
nrrd_states: INrrdStates;
|
|
17
|
+
gui_states: IGUIStates;
|
|
18
|
+
protectedData: IProtected;
|
|
19
|
+
cursorPage: ICursorPage;
|
|
20
|
+
}
|
|
21
|
+
export declare abstract class BaseTool {
|
|
22
|
+
protected ctx: ToolContext;
|
|
23
|
+
constructor(ctx: ToolContext);
|
|
24
|
+
setContext(ctx: ToolContext): void;
|
|
25
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ContrastTool - Contrast adjustment event handlers
|
|
3
|
+
*
|
|
4
|
+
* Extracted from DrawToolCore.ts:
|
|
5
|
+
* - setupConrastEvents
|
|
6
|
+
* - configContrastDragMode / removeContrastDragMode
|
|
7
|
+
* - updateSlicesContrast / repraintCurrentContrastSlice
|
|
8
|
+
*/
|
|
9
|
+
import { BaseTool } from "./BaseTool";
|
|
10
|
+
import type { ToolContext } from "./BaseTool";
|
|
11
|
+
import type { IContrastEvents } from "../coreTools/coreType";
|
|
12
|
+
export interface ContrastCallbacks {
|
|
13
|
+
setIsDrawFalse: (target: number) => void;
|
|
14
|
+
setSyncsliceNum: () => void;
|
|
15
|
+
}
|
|
16
|
+
export declare class ContrastTool extends BaseTool {
|
|
17
|
+
private contrastEventPrameters;
|
|
18
|
+
private container;
|
|
19
|
+
private callbacks;
|
|
20
|
+
constructor(ctx: ToolContext, container: HTMLElement, contrastEventPrameters: IContrastEvents, callbacks: ContrastCallbacks);
|
|
21
|
+
setupConrastEvents(callback: (step: number, towards: "horizental" | "vertical") => void): void;
|
|
22
|
+
configContrastDragMode(): void;
|
|
23
|
+
removeContrastDragMode(): void;
|
|
24
|
+
updateSlicesContrast(value: number, flag: string): void;
|
|
25
|
+
repraintCurrentContrastSlice(): void;
|
|
26
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CrosshairTool - Crosshair positioning and cursor point conversion
|
|
3
|
+
*
|
|
4
|
+
* Extracted from DrawToolCore.ts:
|
|
5
|
+
* - enableCrosshair
|
|
6
|
+
* - convertCursorPoint
|
|
7
|
+
* - setUpSphereOrigins
|
|
8
|
+
*/
|
|
9
|
+
import { BaseTool } from "./BaseTool";
|
|
10
|
+
import type { IConvertObjType } from "../coreTools/coreType";
|
|
11
|
+
export declare class CrosshairTool extends BaseTool {
|
|
12
|
+
enableCrosshair(): void;
|
|
13
|
+
/**
|
|
14
|
+
* Convert cursor point between axis views.
|
|
15
|
+
*
|
|
16
|
+
* MRI slices are generated from threejs based on mm, but displayed based on pixel distance.
|
|
17
|
+
* The index number on each axis is the slice's depth in mm distance.
|
|
18
|
+
* Width/height on screen is in pixel distance.
|
|
19
|
+
*
|
|
20
|
+
* When switching views, we convert depth to pixel distance and vice versa.
|
|
21
|
+
*
|
|
22
|
+
* @param from Current view axis
|
|
23
|
+
* @param to Target view axis
|
|
24
|
+
* @param cursorNumX Cursor X on current axis (pixel distance)
|
|
25
|
+
* @param cursorNumY Cursor Y on current axis (pixel distance)
|
|
26
|
+
* @param currentSliceIndex Current slice depth (mm distance)
|
|
27
|
+
*/
|
|
28
|
+
convertCursorPoint(from: "x" | "y" | "z", to: "x" | "y" | "z", cursorNumX: number, cursorNumY: number, currentSliceIndex: number): IConvertObjType | undefined;
|
|
29
|
+
setUpSphereOrigins(mouseX: number, mouseY: number, sliceIndex: number): void;
|
|
30
|
+
}
|