@celldl/viewer 0.20260730.0 → 0.20260731.0
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.
- package/README.md +13 -10
- package/dist/CellDLViewer-VYbEXBgZ.js +12034 -0
- package/dist/CellDLViewer-VYbEXBgZ.js.map +1 -0
- package/dist/CellDLViewer.css +1 -0
- package/dist/CellDLViewer.es.js +1 -2
- package/dist/CellDLViewer.es.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/package.json +11 -10
- package/dist/CellDLViewer-Cyo8fJde.js +0 -1463
- package/dist/CellDLViewer-Cyo8fJde.js.map +0 -1
- package/dist/vendor-BsdU7enb.js +0 -14131
- package/dist/vendor-BsdU7enb.js.map +0 -1
- package/dist/viewer.css +0 -1
package/README.md
CHANGED
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
# The CellDL Model Viewer
|
|
2
2
|
|
|
3
|
-
**Add tracking events??**
|
|
4
|
-
|
|
5
|
-
* No -- responsibility of host app??
|
|
6
|
-
|
|
7
|
-
|
|
8
3
|
The **CellDL Model Viewer** can be:
|
|
9
4
|
|
|
10
5
|
1. Run as a standalone application in a Web browser (currently Chrome and Edge) to view CellDL files.
|
|
11
6
|
2. Integrated into a web application as a [Vue 3](https://vuejs.org/) component.
|
|
12
7
|
|
|
13
|
-
##
|
|
8
|
+
## As a Vue 3 component
|
|
9
|
+
|
|
10
|
+
### Installation:
|
|
11
|
+
|
|
12
|
+
```bash
|
|
13
|
+
npm install @celldl/viewer
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
### Usage:
|
|
14
17
|
|
|
15
18
|
- **index.html:**
|
|
16
19
|
|
|
17
|
-
The `Content-Security-Policy` **must** allow `data:` connections and
|
|
20
|
+
The `Content-Security-Policy` **must** allow `data:` connections and Web Assembly to be evaluated, for instance:
|
|
18
21
|
|
|
19
22
|
```html
|
|
20
23
|
<meta
|
|
@@ -49,10 +52,10 @@ createApp(App).mount('#app');
|
|
|
49
52
|
import * as vue from 'vue';
|
|
50
53
|
import * as vueusecore from '@vueuse/core';
|
|
51
54
|
|
|
52
|
-
import '@
|
|
55
|
+
import '@celldl/viewer/style.css';
|
|
53
56
|
|
|
54
|
-
import CellDLViewer from '@
|
|
55
|
-
import type { Annotations, Theme, ViewerEvent } from '@
|
|
57
|
+
import CellDLViewer from '@celldl/viewer'
|
|
58
|
+
import type { Annotations, Theme, ViewerEvent } from '@celldl/viewer'
|
|
56
59
|
|
|
57
60
|
const annotations = vue.ref<Annotations>({})
|
|
58
61
|
|