insightsoftwareconsortium / itk-viewer-bootstrap-ui Goto Github PK

How it is

Suggestion: use file names like in the original itk-vtk-viewer

With an intensity image and a label image and a short viewer height, the elements go beyond the viewer. Perhaps we should scroll in this case? Or something better? Observed with itkwidgets. @PaulHax could you please take a look?

jsdelivr: Package size exceeded the configured limit of 100 MB.

With the latest itkwidgets (and itk-vtk-viewer, itk-viewer-bootstrap-ui), slider clicks are not registered:

The widget now shows up with a gray background. It should not be there when not necessary (as in the original version of the viewer).

actorContext.image.scaleInfo[actorContext.renderedScale].ranges[actorContext.selectedComponent]
is undefined for some datasets (e.g., astronaut.zarr)

Global state object should not have references to UI elements. But we may want dark mode and thats how its implemented now with performance impacts. Make a plan for this.

• Change naming
• Launch new version
• Change URLs in the documentation (e.g., User Guide where there are index.html examples)

The original app shows the Index, Position and Value as we drag the mouse over the 3D object (Volume [4] mode). We could recover such feature for this version of the app.

We need that cropping goodness! 🥧

App startup is slow, and sliders are laggy.

We are re-rendering the whole component tree on any state change. With useSelector we should avoid that.

When parent components are sorted, check SampleDistanceSlider #10 (comment)

Or just displaced enough from the bottom so it does not overlap with the slice sliders.

I do not recall whether this needs to happen in itk-vtk-viewer or here.

See: https://github.com/imjoy-team/jupyter.imjoy.io

@oeway

Reference:

https://github.com/Kitware/itk-vtk-viewer/tree/master/.github/workflows

Per InsightSoftwareConsortium/itk-viewer-material-ui#23

The shortcuts do not work when the user is interacting with the image.
To reproduce the issue:

1. Click on a button;
2. Type a shortcut key, such as p. This works as expected --- the object spins in 3D;
3. Click somewhere in the 3D image;
4. Type a shortcut key, such as p. This does not work as expected ---the object does not spin in 3D.

Expected behavior: all shortcuts should work in situations 2) and 4) .

When we click a "toggable" button like "Spin in 3D" the button takes focus, the background is light gray, and the button is toggled. Clicking the button again toggles the button, but the appearance does not change (because we are using dark gray background to indicated "isClicked" and the focus light gray background takes precedence.) Every time a button is clicked, we want the down/up feedback and its "isClicked" state to be visible.

The "annotation" button in commit 08aaa09 is almost there. 2 issues:

• It is hard to tell if the button is checked when hovering with the mouse. Fix by having hover not change the background, instead show the border like with focus.
• the "is checked" background is subtle. Lets darken the "checked" background style.

Lets make all our buttons constant with slightly modified "annotaiton" button above. Or something different? Open to ideas. Only big divergence from the react-bootstrap ToggleButton feel is the hover effect to avoid interfering with the "is checked" state:
https://react-bootstrap-v4.netlify.app/components/buttons/#checkbox--radio

as soon as it gets launched

Because 'labelImageWeights' is 'Map(0)'

1. Local Sphinx inititialization in the docs directory this repository
2. Enable markdown syntax via MyST
3. Add some basic documentation: Landing description with screenshot, Developer Documentation page
4. Create a PR
5. Set up ReadTheDocs
6. ...

• NumPy
• SciPy
• Pandas
• SciKit Learn

Good list of possibilities

Right now, when loaded a 2D image, the viewer show the 3D volume rendering view.

When loading a 2D image, just show the 2D (Z slice) view right away. Hide the XYZ/Volume view changing buttons, hide the slice scrub sliders on the bottom.

Right now we use the local host 8082. This should be changed as soon as the data is available in Datalad.

Try a version released after Apr 12, 2021, which was when the Offcanvas component was added. This would be a better component to use as a drawer in the Panel.jsx

After commit b0e8aec, when I run npm run dev I get the error:

failed to load config from /home/local/KHQ/laryssa.abdala/sfw/itk-viewer-bootstrap-ui/vite.config.js
error when starting dev server:
Error: Cannot find module 'vite-plugin-css-injected-by-js'

Currently, the point sets menu is inherited from the reference UI