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.
Files changed (111) hide show
  1. package/README.md +1056 -5
  2. package/dist/Scene/copperScene.d.ts +3 -0
  3. package/dist/Scene/copperScene.js +13 -0
  4. package/dist/Scene/copperScene.js.map +1 -1
  5. package/dist/Utils/segmentation/CommToolsData.d.ts +109 -6
  6. package/dist/Utils/segmentation/CommToolsData.js +314 -50
  7. package/dist/Utils/segmentation/CommToolsData.js.map +1 -1
  8. package/dist/Utils/segmentation/DragOperator.d.ts +13 -7
  9. package/dist/Utils/segmentation/DragOperator.js +51 -165
  10. package/dist/Utils/segmentation/DragOperator.js.map +1 -1
  11. package/dist/Utils/segmentation/DrawToolCore.d.ts +57 -76
  12. package/dist/Utils/segmentation/DrawToolCore.js +368 -878
  13. package/dist/Utils/segmentation/DrawToolCore.js.map +1 -1
  14. package/dist/Utils/segmentation/NrrdTools.d.ts +277 -15
  15. package/dist/Utils/segmentation/NrrdTools.js +594 -232
  16. package/dist/Utils/segmentation/NrrdTools.js.map +1 -1
  17. package/dist/Utils/segmentation/core/MaskVolume.d.ts +477 -0
  18. package/dist/Utils/segmentation/core/MaskVolume.js +1238 -0
  19. package/dist/Utils/segmentation/core/MaskVolume.js.map +1 -0
  20. package/dist/Utils/segmentation/core/MigrationUtils.d.ts +97 -0
  21. package/dist/Utils/segmentation/core/MigrationUtils.js +163 -0
  22. package/dist/Utils/segmentation/core/MigrationUtils.js.map +1 -0
  23. package/dist/Utils/segmentation/core/UndoManager.d.ts +47 -0
  24. package/dist/Utils/segmentation/core/UndoManager.js +86 -0
  25. package/dist/Utils/segmentation/core/UndoManager.js.map +1 -0
  26. package/dist/Utils/segmentation/core/index.d.ts +76 -0
  27. package/dist/Utils/segmentation/core/index.js +75 -0
  28. package/dist/Utils/segmentation/core/index.js.map +1 -0
  29. package/dist/Utils/segmentation/core/types.d.ts +106 -0
  30. package/dist/Utils/segmentation/core/types.js +98 -0
  31. package/dist/Utils/segmentation/core/types.js.map +1 -0
  32. package/dist/Utils/segmentation/coreTools/coreType.d.ts +55 -36
  33. package/dist/Utils/segmentation/coreTools/coreType.js.map +1 -1
  34. package/dist/Utils/segmentation/coreTools/gui.d.ts +6 -16
  35. package/dist/Utils/segmentation/coreTools/gui.js +23 -27
  36. package/dist/Utils/segmentation/coreTools/gui.js.map +1 -1
  37. package/dist/Utils/segmentation/eventRouter/EventRouter.d.ts +144 -0
  38. package/dist/Utils/segmentation/eventRouter/EventRouter.js +369 -0
  39. package/dist/Utils/segmentation/eventRouter/EventRouter.js.map +1 -0
  40. package/dist/Utils/segmentation/eventRouter/index.d.ts +7 -0
  41. package/dist/Utils/segmentation/eventRouter/index.js +7 -0
  42. package/dist/Utils/segmentation/eventRouter/index.js.map +1 -0
  43. package/dist/Utils/segmentation/eventRouter/types.d.ts +70 -0
  44. package/dist/Utils/segmentation/eventRouter/types.js +7 -0
  45. package/dist/Utils/segmentation/eventRouter/types.js.map +1 -0
  46. package/dist/Utils/segmentation/tools/BaseTool.d.ts +25 -0
  47. package/dist/Utils/segmentation/tools/BaseTool.js +18 -0
  48. package/dist/Utils/segmentation/tools/BaseTool.js.map +1 -0
  49. package/dist/Utils/segmentation/tools/ContrastTool.d.ts +26 -0
  50. package/dist/Utils/segmentation/tools/ContrastTool.js +118 -0
  51. package/dist/Utils/segmentation/tools/ContrastTool.js.map +1 -0
  52. package/dist/Utils/segmentation/tools/CrosshairTool.d.ts +30 -0
  53. package/dist/Utils/segmentation/tools/CrosshairTool.js +157 -0
  54. package/dist/Utils/segmentation/tools/CrosshairTool.js.map +1 -0
  55. package/dist/Utils/segmentation/tools/DragSliceTool.d.ts +44 -0
  56. package/dist/Utils/segmentation/tools/DragSliceTool.js +170 -0
  57. package/dist/Utils/segmentation/tools/DragSliceTool.js.map +1 -0
  58. package/dist/Utils/segmentation/tools/EraserTool.d.ts +16 -0
  59. package/dist/Utils/segmentation/tools/EraserTool.js +92 -0
  60. package/dist/Utils/segmentation/tools/EraserTool.js.map +1 -0
  61. package/dist/Utils/segmentation/tools/ImageStoreHelper.d.ts +65 -0
  62. package/dist/Utils/segmentation/tools/ImageStoreHelper.js +174 -0
  63. package/dist/Utils/segmentation/tools/ImageStoreHelper.js.map +1 -0
  64. package/dist/Utils/segmentation/tools/SphereTool.d.ts +38 -0
  65. package/dist/Utils/segmentation/tools/SphereTool.js +193 -0
  66. package/dist/Utils/segmentation/tools/SphereTool.js.map +1 -0
  67. package/dist/Utils/segmentation/tools/ZoomTool.d.ts +20 -0
  68. package/dist/Utils/segmentation/tools/ZoomTool.js +59 -0
  69. package/dist/Utils/segmentation/tools/ZoomTool.js.map +1 -0
  70. package/dist/Utils/segmentation/tools/index.d.ts +22 -0
  71. package/dist/Utils/segmentation/tools/index.js +23 -0
  72. package/dist/Utils/segmentation/tools/index.js.map +1 -0
  73. package/dist/bundle.esm.js +4740 -1979
  74. package/dist/bundle.umd.js +4743 -1978
  75. package/dist/index.d.ts +5 -3
  76. package/dist/index.js +4 -2
  77. package/dist/index.js.map +1 -1
  78. package/dist/types/Renderer/copperRenderer.d.ts +1 -1
  79. package/dist/types/Renderer/copperRendererOnDemond.d.ts +1 -1
  80. package/dist/types/Scene/copperScene.d.ts +3 -0
  81. package/dist/types/Utils/segmentation/CommToolsData.d.ts +109 -6
  82. package/dist/types/Utils/segmentation/DragOperator.d.ts +13 -7
  83. package/dist/types/Utils/segmentation/DrawToolCore.d.ts +57 -76
  84. package/dist/types/Utils/segmentation/NrrdTools.d.ts +277 -15
  85. package/dist/types/Utils/segmentation/core/MaskVolume.d.ts +477 -0
  86. package/dist/types/Utils/segmentation/core/MigrationUtils.d.ts +97 -0
  87. package/dist/types/Utils/segmentation/core/UndoManager.d.ts +47 -0
  88. package/dist/types/Utils/segmentation/core/index.d.ts +76 -0
  89. package/dist/types/Utils/segmentation/core/types.d.ts +106 -0
  90. package/dist/types/Utils/segmentation/coreTools/coreType.d.ts +55 -36
  91. package/dist/types/Utils/segmentation/coreTools/gui.d.ts +6 -16
  92. package/dist/types/Utils/segmentation/eventRouter/EventRouter.d.ts +144 -0
  93. package/dist/types/Utils/segmentation/eventRouter/index.d.ts +7 -0
  94. package/dist/types/Utils/segmentation/eventRouter/types.d.ts +70 -0
  95. package/dist/types/Utils/segmentation/tools/BaseTool.d.ts +25 -0
  96. package/dist/types/Utils/segmentation/tools/ContrastTool.d.ts +26 -0
  97. package/dist/types/Utils/segmentation/tools/CrosshairTool.d.ts +30 -0
  98. package/dist/types/Utils/segmentation/tools/DragSliceTool.d.ts +44 -0
  99. package/dist/types/Utils/segmentation/tools/EraserTool.d.ts +16 -0
  100. package/dist/types/Utils/segmentation/tools/ImageStoreHelper.d.ts +65 -0
  101. package/dist/types/Utils/segmentation/tools/SphereTool.d.ts +38 -0
  102. package/dist/types/Utils/segmentation/tools/ZoomTool.d.ts +20 -0
  103. package/dist/types/Utils/segmentation/tools/index.d.ts +22 -0
  104. package/dist/types/index.d.ts +5 -3
  105. package/dist/types/types/types.d.ts +3 -3
  106. package/dist/types/types.d.ts +3 -3
  107. package/package.json +1 -1
  108. package/dist/Utils/segmentation/coreTools/archive.d.ts +0 -1
  109. package/dist/Utils/segmentation/coreTools/archive.js +0 -23
  110. package/dist/Utils/segmentation/coreTools/archive.js.map +0 -1
  111. 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
- interface IStoredPaintImages {
67
- label1: IPaintImages;
68
- label2: IPaintImages;
69
- label3: IPaintImages;
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
- paintImagesLabel1: IPaintImages;
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
- segmentation: true;
133
+ pencil: boolean;
122
134
  fillColor: string;
123
135
  brushColor: string;
124
136
  brushAndEraserSize: number;
125
137
  cursor: string;
126
- label: string;
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
- labels: ["label1", "label2", "label3"];
195
- configKeyBoard: boolean;
196
- keyboardSettings: IKeyBoardSettings;
197
- getMask: (mask: ImageData, sliceId: number, label: string, width: number, height: number, clearAllFlag: boolean) => void;
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?: (mask: ImageData, sliceId: number, label: string, width: number, height: number, clearAllFlag?: boolean) => void;
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
- segmentation: {
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
- label: {
306
- name: "Label";
307
- value: ["label1", "label2", "label3"];
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, IStoredPaintImages, ISkipSlicesDictType, IMaskData, IUndoType, ICursorPage, IGuiParameterSettings };
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, paintedImages: IPaintImages) => IPaintImage;
29
+ filterDrawedImage: (axis: "x" | "y" | "z", sliceIndex: number) => IPaintImage | undefined;
30
30
  setEmptyCanvasSize: (axis?: "x" | "y" | "z") => void;
31
- storeAllImages: (index: number, label: string) => void;
31
+ storeAllImages: (index: number, layer: string) => void;
32
32
  drawImageOnEmptyImage: (canvas: HTMLCanvasElement) => void;
33
- checkSharedPlaceSlice: (width: number, height: number, imageData: ImageData) => Uint8ClampedArray;
34
- replaceArray: (mainArr: number[] | Uint8ClampedArray, replaceArr: number[] | Uint8ClampedArray) => void;
35
- findSliceInSharedPlace: () => ImageData[];
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
+ }