Skip to content

Commit b591df1

Browse files
hackartisanhackartisan
committed
Update universalviewer from 3 to 4, use package via yarn
closes #5778
1 parent 757fdd1 commit b591df1

File tree

90 files changed

+2295
-144321
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

90 files changed

+2295
-144321
lines changed

‎app/assets/stylesheets/components/viewer.scss

+1
Original file line numberDiff line numberDiff line change
@@ -31,4 +31,5 @@
3131
left: 0;
3232
width: 100%;
3333
height: 100%;
34+
border: none;
3435
}

‎app/javascript/entrypoints/viewer.js

+1-6
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,4 @@
11
import UVManager from '@viewer/uv_manager'
22
import 'leaflet/dist/leaflet.css'
33
const UVManagerInstance = new UVManager()
4-
let timer = window.setInterval(() => {
5-
if (window.UV !== undefined) {
6-
UVManagerInstance.initialize()
7-
window.clearInterval(timer)
8-
}
9-
}, 5)
4+
UVManagerInstance.initialize()

‎app/javascript/viewer/uv_manager.js

+22-17
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
/* global UV, $, createUV */
1+
import { init, IIIFURLAdapter } from "universalviewer";
2+
import "universalviewer/dist/esm/index.css";
23
import CDLTimer from '@viewer/cdl_timer'
34
import IIIFLogo from '@images/iiif-logo.svg'
45
import StatementOnHarmfulContentIcon from '@images/statement.png'
@@ -94,21 +95,25 @@ export default class UVManager {
9495
this.tabManager.onTabSelect(() => setTimeout(() => this.resize(), 100))
9596
this.processTitle(graphqlData)
9697
this.uvElement.show()
97-
this.uv = createUV('#uv', {
98-
root: 'uv',
99-
iiifResourceUri: this.manifest,
98+
const opts = {
10099
configUri: this.configURI,
101-
collectionIndex: Number(this.urlDataProvider.get('c', 0)),
102-
manifestIndex: Number(this.urlDataProvider.get('m', 0)),
103-
sequenceIndex: Number(this.urlDataProvider.get('s', 0)),
104-
canvasIndex: Number(this.urlDataProvider.get('cv', 0)),
105-
rangeId: this.urlDataProvider.get('rid', 0),
106-
rotation: Number(this.urlDataProvider.get('r', 0)),
107-
xywh: this.urlDataProvider.get('xywh', ''),
108-
embedded: true
109-
}, this.urlDataProvider)
100+
manifest: this.manifest,
101+
embedded: true,
102+
collectionIndex:
103+
this.iiifUrlAdapter.get('c') !== undefined
104+
? Number(this.iiifUrlAdapter.get('c'))
105+
: undefined,
106+
manifestIndex: Number(this.iiifUrlAdapter.get('m', 0)),
107+
canvasIndex: Number(this.iiifUrlAdapter.get('cv', 0)),
108+
rotation: Number(this.iiifUrlAdapter.get('r', 0)),
109+
rangeId: this.iiifUrlAdapter.get('rid', ''),
110+
xywh: this.iiifUrlAdapter.get('xywh', ''),
111+
sequenceIndex: Number(this.iiifUrlAdapter.get('s', 0))
112+
}
110113
this.cdlTimer = new CDLTimer(this.figgyId)
111114
this.cdlTimer.initializeTimer()
115+
116+
init("uv", opts);
112117
}
113118

114119
addViewerIcons () {
@@ -187,7 +192,7 @@ export default class UVManager {
187192
if (this.isFiggyManifest) {
188193
return '/viewer/config/' + this.manifest.replace('/manifest', '').replace(/.*\//, '') + '.json'
189194
} else {
190-
return this.urlDataProvider.get('config')
195+
return this.iiifUrlAdapter.get('config')
191196
}
192197
}
193198

@@ -237,12 +242,12 @@ export default class UVManager {
237242
})
238243
}
239244

240-
get urlDataProvider () {
241-
return new UV.URLDataProvider(false)
245+
get iiifUrlAdapter () {
246+
return new IIIFURLAdapter();
242247
}
243248

244249
get manifest () {
245-
return this.urlDataProvider.get('manifest')
250+
return this.iiifUrlAdapter.get('manifest')
246251
}
247252

248253
get uvElement () {

‎app/views/layouts/viewer_layout.html.erb

-5
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,11 @@
22
<head>
33
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
44
<%= csrf_meta_tag %>
5-
<link rel="stylesheet" type="text/css" href="uv/uv.css">
65
<%= vite_javascript_tag 'viewer' %>
76
<%= stylesheet_link_tag 'viewer' %>
87
<%= yield :head %>
9-
<script type="text/javascript" src="/uv/lib/offline.js"></script>
10-
<script type="text/javascript" src="/uv/lib/offline.js"></script>
11-
<script type="text/javascript" src="/uv/helpers.js"></script>
128
</head>
139
<body>
1410
<%= yield %>
15-
<script type="text/javascript" src="/uv/uv.js"></script>
1611
</body>
1712
</html>

‎package.json

+1
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,7 @@
3636
"sass": "^1.62.1",
3737
"unfetch": "^4.0.1",
3838
"uppy": "^3.9.1",
39+
"universalviewer": "^4.0.19",
3940
"vue": "^2.5.17",
4041
"vue-details": "^1.1.0",
4142
"vue-loader": "^15.4.2",

‎public/uv/build.js.map

-236
This file was deleted.

‎public/uv/favicon.ico

-276 Bytes
Binary file not shown.

‎public/uv/helpers.js

-173
This file was deleted.

‎public/uv/img/pixel.gif

-1.07 KB
Binary file not shown.

‎public/uv/info.json

-1
This file was deleted.

0 commit comments

Comments
 (0)