tsviewer 0.1.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.
Files changed (35) hide show
  1. package/README.md +24 -0
  2. package/babel.config.js +5 -0
  3. package/dist/demo.html +1 -0
  4. package/dist/tsviewer.common.js +33247 -0
  5. package/dist/tsviewer.common.js.map +1 -0
  6. package/dist/tsviewer.umd.js +33259 -0
  7. package/dist/tsviewer.umd.js.map +1 -0
  8. package/dist/tsviewer.umd.min.js +4 -0
  9. package/dist/tsviewer.umd.min.js.map +1 -0
  10. package/jsconfig.json +19 -0
  11. package/package.json +61 -0
  12. package/public/favicon.ico +0 -0
  13. package/public/index.html +17 -0
  14. package/src/App.vue +41 -0
  15. package/src/assets/icons/blackfynn-amplitude-zoom.js +11 -0
  16. package/src/assets/icons/blackfynn-timescale.js +11 -0
  17. package/src/assets/icons/icon-controller-pause.js +11 -0
  18. package/src/assets/icons/icon-controller-play.js +11 -0
  19. package/src/assets/icons/icon-next-page.js +11 -0
  20. package/src/assets/icons/icon-previous-page.js +11 -0
  21. package/src/assets/icons/icon-stopwatch.js +11 -0
  22. package/src/assets/icons/index.js +7 -0
  23. package/src/components/TSPlotCanvas.vue +1868 -0
  24. package/src/components/TSScrubber.vue +420 -0
  25. package/src/components/TSViewer.vue +595 -0
  26. package/src/components/TSViewerCanvas.vue +793 -0
  27. package/src/components/TSViewerToolbar.vue +356 -0
  28. package/src/components/index.js +13 -0
  29. package/src/main.js +23 -0
  30. package/src/mixins/request/index.js +100 -0
  31. package/src/mixins/ts-annotation/index.js +202 -0
  32. package/src/mixins/viewer-active-tool/index.js +36 -0
  33. package/src/store/index.js +184 -0
  34. package/src/utils/constants.js +15 -0
  35. package/vue.config.js +12 -0
package/jsconfig.json ADDED
@@ -0,0 +1,19 @@
1
+ {
2
+ "compilerOptions": {
3
+ "target": "es5",
4
+ "module": "esnext",
5
+ "baseUrl": "./",
6
+ "moduleResolution": "node",
7
+ "paths": {
8
+ "@/*": [
9
+ "src/*"
10
+ ]
11
+ },
12
+ "lib": [
13
+ "esnext",
14
+ "dom",
15
+ "dom.iterable",
16
+ "scripthost"
17
+ ]
18
+ }
19
+ }
package/package.json ADDED
@@ -0,0 +1,61 @@
1
+ {
2
+ "name": "tsviewer",
3
+ "version": "0.1.0",
4
+ "scripts": {
5
+ "serve": "vue-cli-service serve",
6
+ "build": "vue-cli-service build",
7
+ "build-lib": "vue-cli-service build --target lib --name tsviewer src/components/index.js",
8
+ "build-dev-lib": "vue-cli-service build --mode development --target lib --name tsviewer src/components/index.js",
9
+ "lint": "vue-cli-service lint"
10
+ },
11
+ "main": "./dist/tsviewer.common.js",
12
+ "files": [
13
+ "dist/*",
14
+ "src/*",
15
+ "public/*",
16
+ "*.json",
17
+ "*.js"
18
+ ],
19
+ "dependencies": {
20
+ "core-js": "^3.8.3",
21
+ "protobufjs": "^6.11.2",
22
+ "ramda": "^0.28.0"
23
+ },
24
+ "devDependencies": {
25
+ "@babel/core": "^7.12.16",
26
+ "@babel/eslint-parser": "^7.12.16",
27
+ "@nih-sparc/sparc-design-system-components": "^0.26.15",
28
+ "@vue/cli-plugin-babel": "~5.0.0",
29
+ "@vue/cli-plugin-eslint": "~5.0.0",
30
+ "@vue/cli-service": "~5.0.0",
31
+ "eslint": "^7.32.0",
32
+ "eslint-plugin-vue": "^8.0.3",
33
+ "node-sass": "^7.0.1",
34
+ "sass-loader": "^12.6.0",
35
+ "vue-template-compiler": "^2.6.14",
36
+ "vuex": "3.6.2",
37
+ "vue": "^2.6.14",
38
+ "vue-svgicon": "^3.2.9"
39
+ },
40
+ "eslintConfig": {
41
+ "root": true,
42
+ "env": {
43
+ "node": true
44
+ },
45
+ "extends": [
46
+ "plugin:vue/essential",
47
+ "eslint:recommended"
48
+ ],
49
+ "parserOptions": {
50
+ "parser": "@babel/eslint-parser"
51
+ },
52
+ "rules": {}
53
+ },
54
+ "browserslist": [
55
+ "> 1%",
56
+ "last 2 versions",
57
+ "not dead"
58
+ ],
59
+ "_id": "tsviewer@0.1.0",
60
+ "readme": "ERROR: No README data found!"
61
+ }
package/public/favicon.ico ADDED
Binary file
package/public/index.html ADDED
@@ -0,0 +1,17 @@
1
+ <!DOCTYPE html>
2
+ <html lang="">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width,initial-scale=1.0">
7
+ <link rel="icon" href="<%= BASE_URL %>favicon.ico">
8
+ <title><%= htmlWebpackPlugin.options.title %></title>
9
+ </head>
10
+ <body>
11
+ <noscript>
12
+ <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13
+ </noscript>
14
+ <div id="app"></div>
15
+ <!-- built files will be auto injected -->
16
+ </body>
17
+ </html>
package/src/App.vue ADDED
@@ -0,0 +1,41 @@
1
+ <template>
2
+ <div id="app">
3
+ <TSViewer
4
+ :userToken="userToken"
5
+ :packageId="packageId"
6
+ :packageType="packageType"
7
+ />
8
+ </div>
9
+ </template>
10
+
11
+ <script>
12
+ import TSViewer from "./components/TSViewer.vue"
13
+
14
+ export default {
15
+ name: 'App',
16
+ components: {
17
+ TSViewer
18
+ },
19
+ data() {
20
+ return {
21
+ // test data for a timeseries file in dataset 214 on pennsieve.io: PackageId = N:package:0930a78f-518c-4028-b33e-092fe5df87ad
22
+ // test data for a timeseries file in dataset 4982 on pennsieve.net: PackageId = N:package:311c0f93-f1cf-4527-922d-80b61de81d5e
23
+ packageId: 'N:package:311c0f93-f1cf-4527-922d-80b61de81d5e',
24
+ // In order to test in isolation you will need to set this user token. You can retrieve it by logging into pennsieve.net and inspecting the network calls for the api_key value
25
+ userToken: 'eyJraWQiOiJ1UUMzRDl1RGpTTlhoNzZJRW1ldExcL05uOGRMazFyaU1LWSt5T2ZTUytHaz0iLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJlMjYwMDE2ZS04MmU0LTRlNmItYTAyYS0wMTcxNzgwZmE5YjQiLCJ0b2tlbl91c2UiOiJhY2Nlc3MiLCJzY29wZSI6Im9wZW5pZCIsImF1dGhfdGltZSI6MTY1MzQwODQxMCwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfRlZMaEo3Q1FBIiwiZXhwIjoxNjUzNDEyMDEwLCJpYXQiOjE2NTM0MDg0MTEsInZlcnNpb24iOjIsImp0aSI6ImMwNDVlODllLTg3NjktNGQxMi05OWUzLWVkZDUwMmNhNzllNSIsImNsaWVudF9pZCI6IjcwM2xtNWQ4b2RjY3UyMXBhZ2NmamtlYWVhIiwidXNlcm5hbWUiOiJlMjYwMDE2ZS04MmU0LTRlNmItYTAyYS0wMTcxNzgwZmE5YjQifQ.sfhRcP0U0qU52o-WJv7D0QnKdfiFLl9S8QnXTmNgs5zOLYaqwnY6Ml4u_NT6F6959zvTlS0us-KKG5j94hGKhiB8bLnm3WnTCpKgMzcJFseqNmhqSSz0w35s302ayAAskxKx9jQYvNM0vF5T3zX2_ftmi9gx6CNOckiFpiMh3tMhVyEJJXVcjBULApCgLFXru3Y4VLYGqnI8iXHH4hhQyg1L-oo-S2FalgYJFDoQbDmjyv6TBcDSeZnTNVe9DYGWLzyade_HlFhfFVzF8ATD8DSTbJ29WoyUiH7CVGYR65faZnD1FnKUWTUDpySFLsFvWSoCyyt91LZ_8LXYgi3YXg',
26
+ packageType: 'TimeSeries',
27
+ }
28
+ },
29
+ }
30
+ </script>
31
+
32
+ <style>
33
+ #app {
34
+ font-family: Avenir, Helvetica, Arial, sans-serif;
35
+ -webkit-font-smoothing: antialiased;
36
+ -moz-osx-font-smoothing: grayscale;
37
+ text-align: center;
38
+ color: #2c3e50;
39
+ margin-top: 60px;
40
+ }
41
+ </style>
package/src/assets/icons/blackfynn-amplitude-zoom.js ADDED
@@ -0,0 +1,11 @@
1
+ /* eslint-disable */
2
+
3
+ var icon = require('vue-svgicon')
4
+ icon.register({
5
+ 'blackfynn-amplitude-zoom': {
6
+ width: 16,
7
+ height: 16,
8
+ viewBox: '0 0 16 16',
9
+ data: `<path d="M15.715625,12.416875 L13.35375,10.055 C13.71,9.470625 13.915,8.783125 13.915,8.04875 C13.915,5.913125 12.064375,4.063125 9.92875,4.063125 C7.793125,4.0625 6.0625,5.79375 6.0625,7.929375 C6.0625,10.064375 7.913125,11.915 10.048125,11.915 C10.75875,11.915 11.423125,11.721875 11.995,11.3875 L14.369375,13.763125 C14.601875,13.995 14.97875,13.995 15.210625,13.763125 L15.8,13.17375 C16.031875,12.941875 15.9475,12.64875 15.715625,12.416875 Z M7.2525,7.929375 C7.2525,6.450625 8.450625,5.2525 9.92875,5.2525 C11.4075,5.2525 12.725,6.569375 12.725,8.04875 C12.725,9.526875 11.52625,10.725625 10.048125,10.725625 C8.569375,10.725 7.2525,9.4075 7.2525,7.929375 Z M3,0 L6,3 L4,3 L4,7 L2,7 L2,3 L0,3 L3,0 Z M6,13 L3,16 L0,13 L2,13 L2,7 L4,7 L4,13 L6,13 Z"/>`
10
+ }
11
+ })
package/src/assets/icons/blackfynn-timescale.js ADDED
@@ -0,0 +1,11 @@
1
+ /* eslint-disable */
2
+
3
+ var icon = require('vue-svgicon')
4
+ icon.register({
5
+ 'blackfynn-timescale': {
6
+ width: 16,
7
+ height: 16,
8
+ viewBox: '0 0 16 16',
9
+ data: `<path d="M13.653125,14.3537502 L11.29125,11.9918752 C11.6475,11.4075002 11.8525,10.7200002 11.8525,9.98562517 C11.8525,7.85000017 10.001875,6.00000017 7.86625,6.00000017 C5.730625,5.99937517 4,7.73062517 4,9.86625017 C4,12.0012502 5.850625,13.8518752 7.985625,13.8518752 C8.69625,13.8518752 9.360625,13.6587502 9.9325,13.3243752 L12.306875,15.7000002 C12.539375,15.9318752 12.91625,15.9318752 13.148125,15.7000002 L13.7375,15.1106252 C13.969375,14.8787502 13.885,14.5856252 13.653125,14.3537502 Z M5.19,9.86625017 C5.19,8.38750017 6.388125,7.18937517 7.86625,7.18937517 C9.345,7.18937517 10.6625,8.50625017 10.6625,9.98562517 C10.6625,11.4637502 9.46375,12.6625002 7.985625,12.6625002 C6.506875,12.6618752 5.19,11.3443752 5.19,9.86625017 Z M16,3 L13,6 L13,4 L9,4 L9,2 L13,2 L13,6.2778623e-16 L16,3 Z M3,6 L2.66453526e-15,3 L3,-7.66951701e-17 L3,2 L9,2 L9,4 L3,4 L3,6 Z"/>`
10
+ }
11
+ })
package/src/assets/icons/icon-controller-pause.js ADDED
@@ -0,0 +1,11 @@
1
+ /* eslint-disable */
2
+
3
+ var icon = require('vue-svgicon')
4
+ icon.register({
5
+ 'icon-controller-pause': {
6
+ width: 10,
7
+ height: 12,
8
+ viewBox: '0 0 10 12',
9
+ data: `<path d="M2,0 C2.553,0 3,0.048 3,0.6 L3,11.4 C3,11.952 2.553,12 2,12 L1,12 C0.447,12 0,11.952 0,11.4 L0,0.6 C0,0.048 0.447,0 1,0 L2,0 Z M9,0 C9.553,0 10,0.048 10,0.6 L10,11.4 C10,11.952 9.553,12 9,12 L8,12 C7.447,12 7,11.952 7,11.4 L7,0.6 C7,0.048 7.447,0 8,0 L9,0 Z"/>`
10
+ }
11
+ })
package/src/assets/icons/icon-controller-play.js ADDED
@@ -0,0 +1,11 @@
1
+ /* eslint-disable */
2
+
3
+ var icon = require('vue-svgicon')
4
+ icon.register({
5
+ 'icon-controller-play': {
6
+ width: 10,
7
+ height: 12,
8
+ viewBox: '0 0 10 12',
9
+ data: `<path d="M10,6.001 C10,6.3 9.695,6.515 9.695,6.515 L1.134,11.818 C0.51,12.227 0,11.924 0,11.149 L0,0.852 C0,0.075 0.51,-0.226 1.135,0.182 L9.696,5.487 C9.695,5.487 10,5.702 10,6.001 Z"/>`
10
+ }
11
+ })
package/src/assets/icons/icon-next-page.js ADDED
@@ -0,0 +1,11 @@
1
+ /* eslint-disable */
2
+
3
+ var icon = require('vue-svgicon')
4
+ icon.register({
5
+ 'icon-next-page': {
6
+ width: 12,
7
+ height: 12,
8
+ viewBox: '0 0 12 12',
9
+ data: `<path d="M8.244,5.52 L1.041,0.571 C0.469,0.188 0,0.469 0,1.196 L0,10.805 C0,11.53 0.469,11.811 1.041,11.43 L8.244,6.479 C8.244,6.479 8.523,6.28 8.523,6.001 C8.523,5.721 8.244,5.52 8.244,5.52 Z M10,0 L11,0 C11.553,0 12,0.048 12,0.6 L12,11.4 C12,11.952 11.553,12 11,12 L10,12 C9.447,12 9,11.952 9,11.4 L9,0.6 C9,0.048 9.447,0 10,0 Z"/>`
10
+ }
11
+ })
package/src/assets/icons/icon-previous-page.js ADDED
@@ -0,0 +1,11 @@
1
+ /* eslint-disable */
2
+
3
+ var icon = require('vue-svgicon')
4
+ icon.register({
5
+ 'icon-previous-page': {
6
+ width: 12,
7
+ height: 12,
8
+ viewBox: '0 0 12 12',
9
+ data: `<path d="M10.959,0.571 L3.756,5.52 C3.756,5.52 3.477,5.721 3.477,6.001 C3.477,6.281 3.756,6.48 3.756,6.48 L10.959,11.431 C11.531,11.811 12,11.53 12,10.805 L12,1.196 C12,0.469 11.531,0.188 10.959,0.571 Z M2,0 L1,0 C0.447,0 0,0.048 0,0.6 L0,11.4 C0,11.952 0.447,12 1,12 L2,12 C2.553,12 3,11.952 3,11.4 L3,0.6 C3,0.048 2.553,0 2,0 Z"/>`
10
+ }
11
+ })
package/src/assets/icons/icon-stopwatch.js ADDED
@@ -0,0 +1,11 @@
1
+ /* eslint-disable */
2
+
3
+ var icon = require('vue-svgicon')
4
+ icon.register({
5
+ 'icon-stopwatch': {
6
+ width: 15,
7
+ height: 16,
8
+ viewBox: '0 0 15 16',
9
+ data: `<path d="M5.1008,5.396 C4.7432,5.616 6.0584,8.7896 6.3792,9.3064 C6.6592,9.7616 7.2536,9.9 7.7056,9.6216 C8.16,9.34 8.3016,8.7464 8.0216,8.2936 C7.704,7.7752 5.4576,5.1752 5.1008,5.396 Z M4.8328,1.9216 C5.5752,1.6632 6.3704,1.52 7.2,1.52 C8.0296,1.52 8.8248,1.6632 9.5672,1.9216 C9.8304,2.0128 10.1792,1.8296 10.0248,1.4328 C9.912,1.1448 9.8032,0.8632 9.7592,0.7488 C9.6544,0.4776 9.2792,0.2536 9.116,0.2168 C8.4984,0.0776 7.8584,0 7.2,0 C6.5416,0 5.9016,0.0776 5.2832,0.2168 C5.12,0.2536 4.7456,0.4776 4.6408,0.7488 C4.5968,0.8632 4.4872,1.1448 4.3752,1.4328 C4.2208,1.8296 4.5696,2.0136 4.8328,1.9216 Z M14.4784,2.5488 C14.3248,2.3648 14.1616,2.1848 13.988,2.0112 C13.8152,1.8376 13.6352,1.6752 13.452,1.5208 C13.3296,1.4176 12.9696,1.3336 12.7416,1.5616 C12.5144,1.7896 11.4232,2.8792 11.4232,2.8792 C11.7448,3.1096 12.0576,3.3632 12.3472,3.652 C12.6368,3.9408 12.8888,4.2536 13.12,4.576 C13.12,4.576 14.2104,3.4864 14.4376,3.2584 C14.6664,3.0296 14.5824,2.6704 14.4784,2.5488 Z M7.2,2.32 C3.62,2.32 0.7192,5.2208 0.7192,8.8 C0.7192,12.38 3.62,15.2808 7.2,15.2808 C10.7784,15.2808 13.68,12.38 13.68,8.8 C13.68,5.2216 10.7784,2.32 7.2,2.32 Z M7.2,13.6808 C4.5056,13.6808 2.32,11.496 2.32,8.8008 C2.32,6.1056 4.5048,3.9208 7.2,3.9208 C9.8952,3.9208 12.0808,6.1056 12.0808,8.8008 C12.0808,11.4952 9.8952,13.6808 7.2,13.6808 Z"/>`
10
+ }
11
+ })
package/src/assets/icons/index.js ADDED
@@ -0,0 +1,7 @@
1
+ require('./blackfynn-timescale')
2
+ require('./blackfynn-amplitude-zoom')
3
+ require('./icon-next-page')
4
+ require('./icon-previous-page')
5
+ require('./icon-controller-pause')
6
+ require('./icon-controller-play')
7
+ require('./icon-stopwatch')