ivmartel / dwv-vue

Medical image viewer using DWV (DICOM Web Viewer) and Vue.js.

dwv-vue

Medical viewer using DWV (DICOM Web Viewer) and Vue.js.

All coding/implementation contributions and comments are welcome. Releases should be ready for deployment otherwise download the code and install dependencies with a yarn or npm install.

dwv-vue is not certified for diagnostic use. Released under GNU GPL-3.0 license (see license.txt).

Available Scripts

• ìnstall: install dependencies
• dev: serve with hot reload at localhost:5173
• lint: run linting
• test: run unit tests with hot reload
• build: build for production

Unit tests use Vitest.

This project was generated with vite version 5.2.0.

For a detailed explanation on how things work, check out the vite guide.

Steps to run the viewer from scratch

# get the code
git clone https://github.com/ivmartel/dwv-vue.git

# move to its folder
cd dwv-vue

# install dependencies
yarn install

# call the start script to launch the viewer on a local server
yarn run dwv

You can now open a browser at http://localhost:5173 and enjoy!

dwv-vue's Issues

An in-range update of @vue/cli-plugin-babel is breaking the build 🚨

The devDependency @vue/cli-plugin-babel was updated from 4.1.0 to 4.1.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@vue/cli-plugin-babel is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).

---

Release Notes for v4.1.1

🐛 Bug Fix

• @vue/cli-plugin-typescript
  • #4894 fix: fix tsx compilation (@sodatea)

Committers: 1

• Haoqun Jiang (@sodatea)

Commits

The new version differs by 3 commits.

• 2ddcc65 v4.1.1
• dd98fa6 fix: fix tsx compilation (#4894)
• d21245d workflow: correctly decide which dist-tag to use

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

An in-range update of vue is breaking the build 🚨

The dependency vue was updated from 2.5.17 to 2.5.18.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

vue is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).

---

Release Notes for v2.5.18

Includes everything in 2.5.18-beta.0

Bug Fixes

• compiler: fix codegen for v-for component inside template 1b4a8a0, closes #9142
• ssr: fix ssr template publicPath generation f077ed1, closes #9145
• fix keyName checking for space and delete in IE11 (#9150) 0ed0aad, closes #9150 #9112
• transition-group: fix activeInstance regression 8a2dbf5, closes #9151
• types: correct scopedSlot types (#9131) 448ba65, closes #9131 #8946
• types: type support for advanced async components (#8438) dfaf9e2, closes #8438

Commits

The new version differs by 164 commits ahead by 164, behind by 4.

• dadc918 build: release 2.5.18
• eb81ec2 build: build 2.5.18
• dfaf9e2 fix(types): type support for advanced async components (#8438)
• 8a2dbf5 fix(transition-group): fix activeInstance regression
• 0ed0aad fix: fix keyName checking for space and delete in IE11 (#9150)
• f077ed1 fix(ssr): fix ssr template publicPath generation
• 93850f4 chore: fix sponsor link
• 1b4a8a0 fix(compiler): fix codegen for v-for component inside template
• 448ba65 fix(types): correct scopedSlot types (#9131)
• 0d7fb73 chore: update sponsors/backers [ci skip]
• e8031b4 build: release v2.5.18-beta.0
• fe194dd build: build v2.5.18-beta.0
• 3078352 fix(ssr): resolve server directives the same as on client (#9129)
• aca17b4 ci: add regression test for popular libraries in Vue.js ecosystem (#8608)
• e4b1b57 fix(ssr): adjust call stack size defer threshold

There are 164 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Add simple draw

A simple draw tool could be added.

Update to vue v2.7

See announcement: https://blog.vuejs.org/posts/vue-2-7-naruto.html

An in-range update of vue-template-compiler is breaking the build 🚨

The devDependency vue-template-compiler was updated from 2.5.17 to 2.5.18.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

vue-template-compiler is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).

---

Release Notes for v2.5.18

Includes everything in 2.5.18-beta.0

Bug Fixes

• compiler: fix codegen for v-for component inside template 1b4a8a0, closes #9142
• ssr: fix ssr template publicPath generation f077ed1, closes #9145
• fix keyName checking for space and delete in IE11 (#9150) 0ed0aad, closes #9150 #9112
• transition-group: fix activeInstance regression 8a2dbf5, closes #9151
• types: correct scopedSlot types (#9131) 448ba65, closes #9131 #8946
• types: type support for advanced async components (#8438) dfaf9e2, closes #8438

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Update CI to use node 16

Node 16 is the active version or node, see node releases, it must be used to test the app.

An in-range update of @vue/cli-plugin-eslint is breaking the build 🚨

The devDependency @vue/cli-plugin-eslint was updated from 3.3.0 to 3.4.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@vue/cli-plugin-eslint is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Commits

The new version differs by 49 commits.

• 22232df v3.4.0
• bf19fe2 chore: pre release sync
• 49a2c72 chore: @vue/[email protected]
• 6e5e117 fix: add webpack to plugins' dependencies, fix yarn peer dep warnings
• 3d6eab9 fix: add @vue/component-compiler-utils to dependencies, fix yarn pnp compatibility
• 9a9a707 chore: update deps
• f3fe8b3 fix: fix linting of tsx script in .vue file (#3097)
• 2163260 chore: also show typescript version in vue info
• 6a75056 fix: should check yarn when no pacakage manager specified
• fb71653 fix(cli-plugin-babel): transpileDependencies should only match packages inside node_modules, close #3057 (#3229)
• 10c253a chore: validates multiple arguments for vue create command (#3195)
• 0a0a65f fix: pin webpack version, fixes #3335
• 189ea54 feat: update eslint-config-typescript to use @typescript-eslint (#3359)
• b61ea45 feat: add typings for vue.config.js options (#3387)
• 09be0f2 fix: add timeout for requests

There are 49 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Uncaught TypeError: Cannot read properties of undefined (reading 'meta')

### When I try to upload DCM file its throwing me error.

Uncaught TypeError: Cannot read properties of undefined (reading 'meta')
at Proxy.getMetaData (dwv.min.js?e730:3)
at Array.eval (dwv.vue?1f80:147)
at w.utils.ListenerHandler.fireEvent (dwv.min.js?e730:3)
at y (dwv.min.js?e730:3)
at L (dwv.min.js?e730:3)
at w.io.FilesLoader.eval [as onload] (dwv.min.js?e730:3)
at w.utils.ThreadPool.h [as onwork] (dwv.min.js?e730:3)
at w.utils.ThreadPool.onTaskEnd (dwv.min.js?e730:3)
at w.utils.WorkerThread.stop (dwv.min.js?e730:3)
at t (dwv.min.js?e730:3)

Update dwv to v0.27

dwv 0.27 will soon come out (🤞), prepare for it!

Move to Github actions

Travis seems to have changed their priorities and is taking too long to answer to build credit requests. Github actions provides the same services, it will be used to build this repo from now on.

conflict with bootstrap css

Hi! Thanks for the project, I'm new with it and I'm having problems with the integration with bootstrap. The example it's made with angular material but my site uses bootstrap.

When I import the bootstrap css:

import Vue from 'vue'
import App from './App.vue'
import index from "./router";
import BootstrapVue from 'bootstrap-vue'

import 'bootstrap/dist/css/bootstrap.css'  // <------ this import
import 'bootstrap-vue/dist/bootstrap-vue.css'


Vue.config.productionTip = false

Vue.use(BootstrapVue)

new Vue({
  router: index,
  render: h => h(App),
}).$mount('#app')

I'm unable to load any file, I'm getting this error:

Uncaught TypeError: r is not a function
    at Array.i (dwv.min.js?e730:3)
    at w.utils.ListenerHandler.fireEvent (dwv.min.js?e730:3)
    at HTMLDivElement.h (dwv.min.js?e730:3)

Any help would be appreciated as I really can't understand how the css can affect the js logic.

An in-range update of eslint-plugin-vue is breaking the build 🚨

The devDependency eslint-plugin-vue was updated from 5.2.2 to 5.2.3.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint-plugin-vue is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Commits

The new version differs by 3 commits.

• 1064f10 🔖 5.2.3
• 158c10b chore: update ESLint to v6
• 082c03d fix: remove eslint internal traverser (#910)

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

关于请求问题

请问这个框架我怎样更改请求方式，除了这种拖拽方式是否可以使用http

An in-range update of @vue/cli-plugin-pwa is breaking the build 🚨

The devDependency @vue/cli-plugin-pwa was updated from 3.3.0 to 3.4.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@vue/cli-plugin-pwa is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Commits

The new version differs by 49 commits.

• 22232df v3.4.0
• bf19fe2 chore: pre release sync
• 49a2c72 chore: @vue/[email protected]
• 6e5e117 fix: add webpack to plugins' dependencies, fix yarn peer dep warnings
• 3d6eab9 fix: add @vue/component-compiler-utils to dependencies, fix yarn pnp compatibility
• 9a9a707 chore: update deps
• f3fe8b3 fix: fix linting of tsx script in .vue file (#3097)
• 2163260 chore: also show typescript version in vue info
• 6a75056 fix: should check yarn when no pacakage manager specified
• fb71653 fix(cli-plugin-babel): transpileDependencies should only match packages inside node_modules, close #3057 (#3229)
• 10c253a chore: validates multiple arguments for vue create command (#3195)
• 0a0a65f fix: pin webpack version, fixes #3335
• 189ea54 feat: update eslint-config-typescript to use @typescript-eslint (#3359)
• b61ea45 feat: add typings for vue.config.js options (#3387)
• 09be0f2 fix: add timeout for requests

There are 49 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Add a reset view button

The user must be able to reset the zoom, pan and contrast.

Add an orientation toggle

The user must be able to switch the orientation of the data.

Activate dwv decoders

dwv decoders are needed to decode JPEG encoded DICOM data. They come as web workers and their script must be accessible.

Update to vue v3

This project must update vue to v3, see

• announcement: https://blog.vuejs.org/posts/vue-3-one-piece.html
• migration guide: https://v3-migration.vuejs.org/

Update dwv to v0.25.2

A new version of dwv is out. It does not have the fitToWindow option so the code must be updated to compensate for it.

Update project to vue-cli 3 structure

The vue-cli tool version 3 is out and changes a lot of things... This project should be updated to the new simpler and more maintainable structure.

Add window/level preset chooser

The viewer must provide a drop-down menu with different window/level pre-sets: the ones of the DICOM file, modality specific ones and some user specific.

An in-range update of @vue/cli-plugin-unit-jest is breaking the build 🚨

The devDependency @vue/cli-plugin-unit-jest was updated from 3.0.5 to 3.1.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@vue/cli-plugin-unit-jest is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Loading several dicom files

Firstly thank you for your work producing this.

I tried to upload two dicom files using dwv api (dwv.App.loadFiles)and have faced with load-item error with the second one. Uploading any one file works fine, but when i try to upload several, only the first one is uploaded, the rest give an error. The same problem occurred when uploading the same files to the demo version - https://ivmartel.github.io/dwv-vue/demo/stable/index.html

I attach the files that caused the error for verification. Both anonymized: test.zip

Any ideas how to fix this, or is this my fault?

Thank you in advance

Add dark/light theme support

The viewer must provide different colour scheme for light and dark theme settings.

Tags instance number slider has empty values

The slider has ticks for instance numbers that are not present. The meta data shows as object.

An in-range update of core-js is breaking the build 🚨

The dependency core-js was updated from 3.4.6 to 3.4.7.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

core-js is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Release Notes for 3.4.7 - 2019.12.03

• Fixed an NPM publishing issue

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Switch to using icons in toolbar

Icons would make the interface more user friendly.

Add a shape color chooser

The viewer must provide a drop-down menu with the available shape colours.

Add a colour map chooser

The viewer must provide a drop-down menu with the available colour maps.

Enforce code styling

Code styling should be enforced via eslint. For example:

quote: ['error', 'single']
semi: ['error', 'never'] (vue style)
'space-before-function-paren': ['error', {anonymous: 'never', named: 'always'}]

Tools plugins can be used to apply these rules when saving files and avoid errors at the automatic linting before tests.

Cannot get past install

Tried yarn install, but it failed. Tried npm install, and that failed, too. Please see attached file 2020-09-22T13_45_48_124Z-debug.log for error message. Any advice?

Add input file option

The front page must provide an input file option to load data via file selection.

Add a progress bar

For the file download and possible decoding.

An in-range update of @vue/cli-plugin-babel is breaking the build 🚨

The devDependency @vue/cli-plugin-babel was updated from 3.3.0 to 3.4.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@vue/cli-plugin-babel is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Commits

The new version differs by 49 commits.

• 22232df v3.4.0
• bf19fe2 chore: pre release sync
• 49a2c72 chore: @vue/[email protected]
• 6e5e117 fix: add webpack to plugins' dependencies, fix yarn peer dep warnings
• 3d6eab9 fix: add @vue/component-compiler-utils to dependencies, fix yarn pnp compatibility
• 9a9a707 chore: update deps
• f3fe8b3 fix: fix linting of tsx script in .vue file (#3097)
• 2163260 chore: also show typescript version in vue info
• 6a75056 fix: should check yarn when no pacakage manager specified
• fb71653 fix(cli-plugin-babel): transpileDependencies should only match packages inside node_modules, close #3057 (#3229)
• 10c253a chore: validates multiple arguments for vue create command (#3195)
• 0a0a65f fix: pin webpack version, fixes #3335
• 189ea54 feat: update eslint-config-typescript to use @typescript-eslint (#3359)
• b61ea45 feat: add typings for vue.config.js options (#3387)
• 09be0f2 fix: add timeout for requests

There are 49 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Length not displaying on multi-framed images

Firstly thank you for your work producing this.

I am running the component straight out of the box and it all works fine when parsing multiple URLs. However, when using a single image with multiple frames I try to draw on the image and get the following.

Any idea how to fix this or is this a known issue?

An in-range update of @vue/cli-plugin-unit-jest is breaking the build 🚨

The devDependency @vue/cli-plugin-unit-jest was updated from 4.1.0 to 4.1.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@vue/cli-plugin-unit-jest is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).

---

Release Notes for v4.1.1

🐛 Bug Fix

• @vue/cli-plugin-typescript
  • #4894 fix: fix tsx compilation (@sodatea)

Committers: 1

• Haoqun Jiang (@sodatea)

Commits

The new version differs by 3 commits.

• 2ddcc65 v4.1.1
• dd98fa6 fix: fix tsx compilation (#4894)
• d21245d workflow: correctly decide which dist-tag to use

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

An in-range update of @vue/cli-service is breaking the build 🚨

The devDependency @vue/cli-service was updated from 3.3.1 to 3.4.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@vue/cli-service is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Add DICOM tags view

The user must be able to view the DICOM tags associated to the loaded data.

Depends on dwv/issues/498.