higlass 2.2.1 → 2.2.2

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 (17) hide show
  1. package/app/missing-types.d.ts +6 -0
  2. package/app/scripts/HiGlassComponent.jsx +1 -1
  3. package/app/scripts/TiledPixiTrack.js +4 -4
  4. package/app/scripts/TiledPlot.jsx +1 -1
  5. package/app/scripts/hglib.jsx +17 -0
  6. package/app/scripts/utils/tile-to-canvas.js +1 -1
  7. package/dist/app/scripts/TiledPixiTrack.d.ts +5 -7
  8. package/dist/app/scripts/data-fetchers/DataFetcher.d.ts +0 -1
  9. package/dist/app/scripts/hglib.d.ts +2 -0
  10. package/dist/app/scripts/utils/tile-to-canvas.d.ts +2 -2
  11. package/dist/esm.html +1 -0
  12. package/dist/hglib.js +37407 -36581
  13. package/dist/hglib.min.js +95 -111
  14. package/dist/higlass.mjs +37598 -36772
  15. package/dist/package.json +5 -6
  16. package/dist/shadow-dom.html +242 -0
  17. package/package.json +5 -6
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "higlass",
3
- "version": "2.2.1",
3
+ "version": "2.2.2",
4
4
  "description": "HiGlass Hi-C / genomic / large data viewer",
5
5
  "author": "Peter Kerpedjiev <pkerpedjiev@gmail.com>",
6
6
  "main": "dist/hglib.js",
@@ -112,7 +112,7 @@
112
112
  "@types/prop-types": "^15.7.3",
113
113
  "@types/react": "^17.0.2",
114
114
  "@types/react-dom": "^17.0.2",
115
- "@vitejs/plugin-react": "^4.2.0",
115
+ "@vitejs/plugin-react": "^5.1.4",
116
116
  "@vitest/browser": "^3.0.5",
117
117
  "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
118
118
  "ajv-cli": "^5.0.0",
@@ -125,10 +125,9 @@
125
125
  "react": "^17.0.2",
126
126
  "react-dom": "^17.0.2",
127
127
  "sass": "^1.89.2",
128
- "typescript": "^5.7.3",
129
- "vite": "^5.0.3",
130
- "vite-plugin-babel": "^1.1.3",
131
- "vite-plugin-css-injected-by-js": "^3.3.0",
128
+ "typescript": "^5.9.3",
129
+ "vite": "^7.3.1",
130
+ "vite-plugin-babel": "^1.5.1",
132
131
  "vitest": "^3.0.5"
133
132
  }
134
133
  }
package/dist/shadow-dom.html ADDED
@@ -0,0 +1,242 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width,initial-scale=1">
6
+ <title>HiGlass — Shadow DOM</title>
7
+ <script type="importmap">
8
+ {
9
+ "imports": {
10
+ "react": "https://esm.sh/react@17",
11
+ "react-dom": "https://esm.sh/react-dom@17",
12
+ "pixi.js": "https://esm.sh/pixi.js@6"
13
+ }
14
+ }
15
+ </script>
16
+ <style type="text/css">
17
+ #demo {
18
+ position: absolute;
19
+ left: 1rem;
20
+ top: 1rem;
21
+ bottom: 1rem;
22
+ right: 1rem;
23
+ overflow: hidden;
24
+ }
25
+ </style>
26
+ </head>
27
+
28
+ <body>
29
+ <div id="demo"></div>
30
+ </body>
31
+
32
+ <script type="module">
33
+ import { viewer, CSS } from "./higlass.mjs";
34
+
35
+ // Set up shadow root on #demo
36
+ const demo = document.getElementById('demo');
37
+ const shadow = demo.attachShadow({ mode: 'open' });
38
+
39
+ const style = document.createElement('style');
40
+ style.textContent = CSS;
41
+ shadow.appendChild(style);
42
+
43
+ const container = document.createElement('div');
44
+ container.style.cssText = 'width:800px;height:600px';
45
+ shadow.appendChild(container);
46
+
47
+ const viewConfig = {
48
+ zoomFixed: false,
49
+ views: [
50
+ {
51
+ layout: { w: 12, h: 7, x: 0, y: 0 },
52
+ uid: 'aa',
53
+ initialYDomain: [2534823997.9776945, 2547598956.834603],
54
+ initialXDomain: [2521015726.4619913, 2558682921.8435397],
55
+ tracks: {
56
+ left: [],
57
+ top: [
58
+ {
59
+ uid: 'genes',
60
+ tilesetUid: 'OHJakQICQD6gTD7skx4EWA',
61
+ server: 'http://higlass.io/api/v1',
62
+ type: 'horizontal-gene-annotations',
63
+ height: 48,
64
+ options: {
65
+ labelColor: 'black',
66
+ plusStrandColor: 'black',
67
+ labelPosition: 'hidden',
68
+ minusStrandColor: 'black',
69
+ fontSize: 11,
70
+ trackBorderWidth: 0,
71
+ trackBorderColor: 'black',
72
+ showMousePosition: true,
73
+ mousePositionColor: '#000000',
74
+ geneAnnotationHeight: 10,
75
+ geneLabelPosition: 'outside',
76
+ geneStrandSpacing: 4
77
+ },
78
+ },
79
+ {
80
+ uid: 'line1',
81
+ tilesetUid: 'PjIJKXGbSNCalUZO21e_HQ',
82
+ height: 20,
83
+ server: 'http://higlass.io/api/v1',
84
+ type: 'horizontal-line',
85
+ options: {
86
+ valueScaling: 'linear',
87
+ lineStrokeWidth: 2,
88
+ lineStrokeColor: '#4a35fc',
89
+ labelPosition: 'topLeft',
90
+ labelColor: 'black',
91
+ axisPositionHorizontal: 'right',
92
+ trackBorderWidth: 0,
93
+ trackBorderColor: 'black',
94
+ labelTextOpacity: 0.4,
95
+ showMousePosition: true,
96
+ mousePositionColor: '#000000',
97
+ showTooltip: false
98
+ }
99
+ },
100
+ {
101
+ uid: 'line2',
102
+ tilesetUid: 'PdAaSdibTLK34hCw7ubqKA',
103
+ height: 20,
104
+ server: 'http://higlass.io/api/v1',
105
+ type: 'horizontal-line',
106
+ options: {
107
+ valueScaling: 'linear',
108
+ lineStrokeWidth: 2,
109
+ lineStrokeColor: '#d104fa',
110
+ labelPosition: 'topLeft',
111
+ labelColor: 'black',
112
+ axisPositionHorizontal: 'right',
113
+ trackBorderWidth: 0,
114
+ trackBorderColor: 'black',
115
+ labelTextOpacity: 0.4,
116
+ showMousePosition: true,
117
+ mousePositionColor: '#000000',
118
+ showTooltip: false
119
+ },
120
+ },
121
+ {
122
+ uid: 'line3',
123
+ tilesetUid: 'e0DYtZBSTqiMLHoaimsSpg',
124
+ height: 20,
125
+ server: 'http://higlass.io/api/v1',
126
+ type: 'horizontal-line',
127
+ options: {
128
+ valueScaling: 'linear',
129
+ lineStrokeWidth: 2,
130
+ lineStrokeColor: '#ff0000',
131
+ labelPosition: 'topLeft',
132
+ labelColor: 'black',
133
+ axisPositionHorizontal: 'right',
134
+ trackBorderWidth: 0,
135
+ trackBorderColor: 'black',
136
+ labelTextOpacity: 0.4,
137
+ showMousePosition: true,
138
+ mousePositionColor: '#000000',
139
+ showTooltip: false
140
+ },
141
+ },
142
+ {
143
+ uid: 'line4',
144
+ tilesetUid: 'cE0nGyd0Q_yVYSyBUe89Ww',
145
+ height: 20,
146
+ server: 'http://higlass.io/api/v1',
147
+ type: 'horizontal-line',
148
+ options: {
149
+ valueScaling: 'linear',
150
+ lineStrokeWidth: 2,
151
+ lineStrokeColor: 'orange',
152
+ labelPosition: 'topLeft',
153
+ labelColor: 'black',
154
+ axisPositionHorizontal: 'right',
155
+ trackBorderWidth: 0,
156
+ trackBorderColor: 'black',
157
+ labelTextOpacity: 0.4,
158
+ showMousePosition: true,
159
+ mousePositionColor: '#000000',
160
+ showTooltip: false
161
+ },
162
+ },
163
+ {
164
+ uid: 'chroms',
165
+ height: 18,
166
+ chromInfoPath: '//s3.amazonaws.com/pkerp/data/hg19/chromSizes.tsv',
167
+ type: 'horizontal-chromosome-labels',
168
+ options: {
169
+ color: '#777777',
170
+ stroke: '#FFFFFF',
171
+ fontSize: 11,
172
+ fontIsLeftAligned: true,
173
+ showMousePosition: true,
174
+ mousePositionColor: '#000000'
175
+ },
176
+ }
177
+ ],
178
+ right: [],
179
+ center: [
180
+ {
181
+ uid: 'center',
182
+ type: 'combined',
183
+ contents: [
184
+ {
185
+ server: 'http://higlass.io/api/v1',
186
+ tilesetUid: 'dVBREuC2SvO01uXYMUh2aQ',
187
+ type: 'heatmap',
188
+ uid: 'Yqetzqw6Qfy-hREAJhAXEA',
189
+ options: {
190
+ backgroundColor: '#eeeeee',
191
+ labelPosition: 'topLeft',
192
+ labelTextOpacity: 0.4,
193
+ colorRange: [
194
+ 'white',
195
+ 'rgba(245,166,35,1.0)',
196
+ 'rgba(208,2,27,1.0)',
197
+ 'black'
198
+ ],
199
+ maxZoom: null,
200
+ colorbarPosition: 'topRight',
201
+ trackBorderWidth: 0,
202
+ trackBorderColor: 'black',
203
+ heatmapValueScaling: 'log',
204
+ showMousePosition: true,
205
+ mousePositionColor: '#000000',
206
+ showTooltip: true,
207
+ scaleStartPercent: '0.00000',
208
+ scaleEndPercent: '1.00000',
209
+ showMousePositionGlobally: true,
210
+ },
211
+ }
212
+ ],
213
+ }
214
+ ],
215
+ bottom: [],
216
+ whole: [],
217
+ gallery: []
218
+ },
219
+ chromInfoPath: '//s3.amazonaws.com/pkerp/data/hg19/chromSizes.tsv',
220
+ genomePositionSearchBox: {
221
+ visible: true,
222
+ chromInfoServer: 'http://higlass.io/api/v1',
223
+ chromInfoId: 'hg19',
224
+ autocompleteServer: 'http://higlass.io/api/v1',
225
+ autocompleteId: 'OHJakQICQD6gTD7skx4EWA'
226
+ }
227
+ }
228
+ ],
229
+ editable: true,
230
+ viewEditable: true,
231
+ tracksEditable: true,
232
+ exportViewUrl: '/api/v1/viewconfs',
233
+ trackSourceServers: ['http://higlass.io/api/v1'],
234
+ };
235
+
236
+ const hgApi = window.hgApi = await viewer(
237
+ container,
238
+ viewConfig,
239
+ { bounded: true },
240
+ );
241
+ </script>
242
+ </html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "higlass",
3
- "version": "2.2.1",
3
+ "version": "2.2.2",
4
4
  "description": "HiGlass Hi-C / genomic / large data viewer",
5
5
  "author": "Peter Kerpedjiev <pkerpedjiev@gmail.com>",
6
6
  "main": "dist/hglib.js",
@@ -112,7 +112,7 @@
112
112
  "@types/prop-types": "^15.7.3",
113
113
  "@types/react": "^17.0.2",
114
114
  "@types/react-dom": "^17.0.2",
115
- "@vitejs/plugin-react": "^4.2.0",
115
+ "@vitejs/plugin-react": "^5.1.4",
116
116
  "@vitest/browser": "^3.0.5",
117
117
  "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
118
118
  "ajv-cli": "^5.0.0",
@@ -125,10 +125,9 @@
125
125
  "react": "^17.0.2",
126
126
  "react-dom": "^17.0.2",
127
127
  "sass": "^1.89.2",
128
- "typescript": "^5.7.3",
129
- "vite": "^5.0.3",
130
- "vite-plugin-babel": "^1.1.3",
131
- "vite-plugin-css-injected-by-js": "^3.3.0",
128
+ "typescript": "^5.9.3",
129
+ "vite": "^7.3.1",
130
+ "vite-plugin-babel": "^1.5.1",
132
131
  "vitest": "^3.0.5"
133
132
  }
134
133
  }