feat: Add interleaved HTJ2K and volume progressive loading (#4276)
This commit is contained in:
1 parent
2845f07806
commit
a2084f319b
11 files changed
+336
-17
No files matched your search
@@ -1,5 +1,5 @@
|
||||
---
|
||||
sidebar_position: 1
|
||||
sidebar_position: 2
|
||||
sidebar_label: 3.7 -> 3.8
|
||||
---
|
||||
|
||||
|
||||
@@ -0,0 +1,215 @@
|
||||
---
|
||||
sidebar_position: 1
|
||||
sidebar_label: 3.8 -> 3.9-beta
|
||||
---
|
||||
|
||||
import Tabs from '@theme/Tabs';
|
||||
import TabItem from '@theme/TabItem';
|
||||
|
||||
|
||||
# Migration Guide
|
||||
|
||||
|
||||
## React 18 Migration Guide
|
||||
As we upgrade to React 18, we're making some exciting changes to improve performance and developer experience. This guide will help you navigate the key updates and ensure your custom extensions and modes are compatible with the new version.
|
||||
What's Changing?
|
||||
<Tabs>
|
||||
<TabItem value="Before" label="Before" default>
|
||||
|
||||
```md
|
||||
- React 17
|
||||
- Using `defaultProps`
|
||||
- `babel-inline-svg` for SVG imports
|
||||
```
|
||||
|
||||
</TabItem>
|
||||
<TabItem value="After" label="After">
|
||||
|
||||
```md
|
||||
- React 18
|
||||
- Default parameters for props
|
||||
- `svgr` for SVG imports
|
||||
```
|
||||
|
||||
</TabItem>
|
||||
</Tabs>
|
||||
|
||||
|
||||
|
||||
### Update React version:
|
||||
In your custom extensions and modes, change the version of react and react-dom to ^18.3.1.
|
||||
|
||||
### Replace defaultProps with default parameters:
|
||||
|
||||
<Tabs>
|
||||
<TabItem value="Before" label="Before" default>
|
||||
|
||||
```jsx
|
||||
const MyComponent = ({ prop1, prop2 }) => {
|
||||
return <div>{prop1} {prop2}</div>
|
||||
}
|
||||
|
||||
MyComponent.defaultProps = {
|
||||
prop1: 'default value',
|
||||
prop2: 'default value'
|
||||
}
|
||||
```
|
||||
|
||||
</TabItem>
|
||||
<TabItem value="After" label="After">
|
||||
|
||||
```jsx
|
||||
const MyComponent = ({ prop1 = 'default value', prop2 = 'default value' }) => {
|
||||
return <div>{prop1} {prop2}</div>
|
||||
}
|
||||
```
|
||||
</TabItem>
|
||||
</Tabs>
|
||||
|
||||
### Update SVG imports:
|
||||
|
||||
<Tabs>
|
||||
<TabItem value="Before" label="Before" default>
|
||||
|
||||
```javascript
|
||||
import arrowDown from './../../assets/icons/arrow-down.svg';
|
||||
```
|
||||
|
||||
</TabItem>
|
||||
<TabItem value="After" label="After">
|
||||
|
||||
```javascript
|
||||
import { ReactComponent as arrowDown } from './../../assets/icons/arrow-down.svg';
|
||||
```
|
||||
|
||||
</TabItem>
|
||||
</Tabs>
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Renaming
|
||||
|
||||
The panel in the default extension is renamed from `measure` to `measurements` to be more consistent with the rest of the extensions.
|
||||
|
||||
**Action Needed**
|
||||
|
||||
Update any references to the `measure` panel to `measurements` in your code.
|
||||
|
||||
Find and replace
|
||||
|
||||
<Tabs>
|
||||
<TabItem value="Before" label="Before 🕰️" default>
|
||||
@ohif/extension-default.panelModule.measure
|
||||
</TabItem>
|
||||
<TabItem value="After" label="After 🚀" >
|
||||
@ohif/extension-default.panelModule.measurements
|
||||
</TabItem>
|
||||
</Tabs>
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## RTStructure Set has transitioned from VTK actors to SVG.
|
||||
|
||||
We have transitioned from VTK-based rendering to SVG-based rendering for RTStructure Set contours. This change should not require any modifications to your codebase. We anticipate improved stability and speed in our contour rendering.
|
||||
|
||||
As a result of this update, viewports rendering RTStructure Sets will no longer convert to volume viewports. Instead, they will remain as stack viewports.
|
||||
|
||||
|
||||
Read more in Pull Requests:
|
||||
- https://github.com/OHIF/Viewers/pull/4074
|
||||
- https://github.com/OHIF/Viewers/pull/4157
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Crosshairs
|
||||
|
||||
They now have new colors in their associated viewports in the MPR view. However, you can turn this feature off.
|
||||
|
||||
To disable it, remove the configuration from the `initToolGroups` in your mode.
|
||||
|
||||
```
|
||||
{
|
||||
configuration: {
|
||||
viewportIndicators: true,
|
||||
viewportIndicatorsConfig: {
|
||||
circleRadius: 5,
|
||||
xOffset: 0.95,
|
||||
yOffset: 0.05,
|
||||
},
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## BulkDataURI Configuration
|
||||
|
||||
We've updated the configuration for BulkDataURI to provide more flexibility and control. This guide will help you migrate from the old configuration to the new one.
|
||||
|
||||
### What's Changing?
|
||||
|
||||
<Tabs>
|
||||
<TabItem value="Before" label="Before 🕰️" default>
|
||||
|
||||
```javascript
|
||||
useBulkDataURI: false,
|
||||
```
|
||||
|
||||
</TabItem>
|
||||
<TabItem value="After" label="After 🚀">
|
||||
|
||||
```javascript
|
||||
bulkDataURI: {
|
||||
enabled: true,
|
||||
// Additional configuration options
|
||||
},
|
||||
```
|
||||
|
||||
</TabItem>
|
||||
</Tabs>
|
||||
|
||||
|
||||
Additional Notes:
|
||||
- The new configuration allows for more granular control over BulkDataURI behavior.
|
||||
- You can now add custom URL prefixing logic using the startsWith and prefixWith properties.
|
||||
- This change enables easier correction of retrieval URLs, especially in scenarios where URLs pass through multiple systems.
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Polyfill.io
|
||||
|
||||
We have removed the Polyfill.io script from the Viewer. If you require polyfills, you can add them to your project manually. This change primarily affects Internet Explorer, which Microsoft has already [ended support for](https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge#is-internet-explorer-11-the-last-version-of-internet-explorer-).
|
||||
|
||||
|
||||
<br/>
|
||||
|
||||
---
|
||||
|
||||
<br/>
|
||||
|
||||
## Dynamic Modules
|
||||
|
||||
TBD
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
sidebar_position: 2
|
||||
sidebar_position: 3
|
||||
sidebar_label: 2.x -> 3.5
|
||||
---
|
||||
|
||||
|
||||
Reference in new issue
Block a user