imposium-js-sdk 3.5.6 → 3.5.7

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 (70) hide show
  1. package/.prettierignore +13 -0
  2. package/CODESTEWARDS.md +12 -0
  3. package/README.md +14 -15
  4. package/coverage/base.css +224 -0
  5. package/coverage/block-navigation.js +87 -0
  6. package/coverage/cobertura-coverage.xml +1574 -0
  7. package/coverage/coverage-final.json +13 -0
  8. package/coverage/coverage-summary.json +14 -0
  9. package/coverage/favicon.png +0 -0
  10. package/coverage/index.html +176 -0
  11. package/coverage/junit.xml +355 -0
  12. package/coverage/lcov-report/base.css +224 -0
  13. package/coverage/lcov-report/block-navigation.js +87 -0
  14. package/coverage/lcov-report/favicon.png +0 -0
  15. package/coverage/lcov-report/index.html +176 -0
  16. package/coverage/lcov-report/prettify.css +1 -0
  17. package/coverage/lcov-report/prettify.js +2 -0
  18. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  19. package/coverage/lcov-report/sorter.js +210 -0
  20. package/coverage/lcov-report/src/Entry.ts.html +205 -0
  21. package/coverage/lcov-report/src/client/Client.ts.html +1468 -0
  22. package/coverage/lcov-report/src/client/DirectDeliveryPipe.ts.html +658 -0
  23. package/coverage/lcov-report/src/client/http/API.ts.html +526 -0
  24. package/coverage/lcov-report/src/client/http/index.html +116 -0
  25. package/coverage/lcov-report/src/client/index.html +131 -0
  26. package/coverage/lcov-report/src/index.html +116 -0
  27. package/coverage/lcov-report/src/scaffolding/ExceptionPipe.ts.html +430 -0
  28. package/coverage/lcov-report/src/scaffolding/Exceptions.ts.html +616 -0
  29. package/coverage/lcov-report/src/scaffolding/GoogleAnalytics.ts.html +424 -0
  30. package/coverage/lcov-report/src/scaffolding/Helpers.ts.html +412 -0
  31. package/coverage/lcov-report/src/scaffolding/Version.ts.html +118 -0
  32. package/coverage/lcov-report/src/scaffolding/index.html +176 -0
  33. package/coverage/lcov-report/src/video/FallbackPlayer.ts.html +133 -0
  34. package/coverage/lcov-report/src/video/Player.ts.html +1663 -0
  35. package/coverage/lcov-report/src/video/VideoPlayer.ts.html +679 -0
  36. package/coverage/lcov-report/src/video/index.html +146 -0
  37. package/coverage/lcov.info +1426 -0
  38. package/coverage/prettify.css +1 -0
  39. package/coverage/prettify.js +2 -0
  40. package/coverage/sort-arrow-sprite.png +0 -0
  41. package/coverage/sorter.js +210 -0
  42. package/coverage/src/Entry.ts.html +205 -0
  43. package/coverage/src/client/Client.ts.html +1468 -0
  44. package/coverage/src/client/DirectDeliveryPipe.ts.html +658 -0
  45. package/coverage/src/client/http/API.ts.html +526 -0
  46. package/coverage/src/client/http/index.html +116 -0
  47. package/coverage/src/client/index.html +131 -0
  48. package/coverage/src/index.html +116 -0
  49. package/coverage/src/scaffolding/ExceptionPipe.ts.html +430 -0
  50. package/coverage/src/scaffolding/Exceptions.ts.html +616 -0
  51. package/coverage/src/scaffolding/GoogleAnalytics.ts.html +424 -0
  52. package/coverage/src/scaffolding/Helpers.ts.html +412 -0
  53. package/coverage/src/scaffolding/Version.ts.html +118 -0
  54. package/coverage/src/scaffolding/index.html +176 -0
  55. package/coverage/src/video/FallbackPlayer.ts.html +133 -0
  56. package/coverage/src/video/Player.ts.html +1663 -0
  57. package/coverage/src/video/VideoPlayer.ts.html +679 -0
  58. package/coverage/src/video/index.html +146 -0
  59. package/eslint-report.xml +1 -0
  60. package/examples/web/.eslintrc.json +10 -14
  61. package/lib/imposium.js +18815 -61068
  62. package/lib/imposium.js.map +1 -1
  63. package/lib/imposium.min.js +1 -1
  64. package/lib/imposium.min.js.LICENSE.txt +15 -2
  65. package/lib/imposium.min.js.map +1 -1
  66. package/package.json +40 -11
  67. package/tsconfig.eslint.json +8 -0
  68. package/vitest.config.ts +37 -0
  69. package/.eslintrc.js +0 -168
  70. package/CODEOWNERS +0 -1
@@ -0,0 +1,13 @@
1
+ dist/
2
+ node_modules/
3
+ lib/
4
+ .gitignore
5
+ .npmignore
6
+ .npmrc
7
+ .prettierignore
8
+ package.json
9
+ package-lock.json
10
+ tests/
11
+ .claude/
12
+ CLAUDE.md
13
+ coverage/
@@ -0,0 +1,12 @@
1
+ # Code Stewards
2
+
3
+ Code stewards are a set of people who are very familiar with the repository and can act as stakeholders and authority for design and architecture decisions. They serve as default reviewers for pull requests.
4
+
5
+ ## Current Code Stewards
6
+
7
+ 1. **Greg Webber**
8
+ - Email: greg.webber@innovid.com
9
+
10
+ ---
11
+
12
+ **Note:** For questions about workflow, design decisions, or architecture, consult the code stewards listed above.
package/README.md CHANGED
@@ -1,12 +1,10 @@
1
- Imposium JavaScript SDK
2
- ====================================================
1
+ # Imposium JavaScript SDK
2
+
3
+ # Documentation
3
4
 
4
- Documentation
5
- ======
6
5
  <a href="https://docs.imposium.com/js-sdk/" target="_blank">https://docs.imposium.com/js-sdk/</a>
7
6
 
8
- Basic Example
9
- ======
7
+ # Basic Example
10
8
 
11
9
  ### 1. Install:
12
10
 
@@ -15,17 +13,18 @@ Basic Example
15
13
  ### 2. Create an Imposium reference:
16
14
 
17
15
  ```javascript
18
-
19
16
  // Choose one of the following:
20
17
 
21
18
  // commonJS
22
19
  var Imposium = require('imposium-js-sdk');
23
20
 
24
- // ES6 modules
21
+ // ES6 modules
25
22
  import * as Imposium from 'imposium-js-sdk';
26
23
 
27
24
  // Include
28
- <script type = "text/javascript" src = "../lib/imposium.min.js"></script>
25
+ <script
26
+ type='text/javascript'
27
+ src='../lib/imposium.min.js'></script>;
29
28
  ```
30
29
 
31
30
  ### 3. Set up your Imposium configuration:
@@ -34,8 +33,8 @@ The following values are used to communicate with your project. You will receive
34
33
 
35
34
  ```javascript
36
35
  var config = {
37
- accessToken: 'your_access_token',
38
- storyId: 'your_story_id'
36
+ accessToken: 'your_access_token',
37
+ storyId: 'your_story_id'
39
38
  };
40
39
  ```
41
40
 
@@ -58,11 +57,11 @@ var player = new Imposium.Player(videoElement, client);
58
57
 
59
58
  ### 5. Define events you want to listen for:
60
59
 
61
- The Imposium client has a number of events you can listen for to help you control functionality around our SDK. For this example, let's say you want to receive status updates related to processing. To do this, you must set a callback function for the `STATUS_UPDATE` event.
60
+ The Imposium client has a number of events you can listen for to help you control functionality around our SDK. For this example, let's say you want to receive status updates related to processing. To do this, you must set a callback function for the `STATUS_UPDATE` event.
62
61
 
63
62
  ```javascript
64
63
  function statusUpdate(event) {
65
- console.log(event.status);
64
+ console.log(event.status);
66
65
  }
67
66
 
68
67
  client.on(Imposium.Events.STATUS_UPDATE, statusUpdate);
@@ -77,8 +76,8 @@ var fileInput = document.getElementById('my-file-input');
77
76
  var imageFile = fileInput.files[0];
78
77
 
79
78
  var inventory = {
80
- text: 'hello_world',
81
- image: imageFile
79
+ text: 'hello_world',
80
+ image: imageFile
82
81
  };
83
82
  ```
84
83
 
@@ -0,0 +1,224 @@
1
+ body, html {
2
+ margin:0; padding: 0;
3
+ height: 100%;
4
+ }
5
+ body {
6
+ font-family: Helvetica Neue, Helvetica, Arial;
7
+ font-size: 14px;
8
+ color:#333;
9
+ }
10
+ .small { font-size: 12px; }
11
+ *, *:after, *:before {
12
+ -webkit-box-sizing:border-box;
13
+ -moz-box-sizing:border-box;
14
+ box-sizing:border-box;
15
+ }
16
+ h1 { font-size: 20px; margin: 0;}
17
+ h2 { font-size: 14px; }
18
+ pre {
19
+ font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
20
+ margin: 0;
21
+ padding: 0;
22
+ -moz-tab-size: 2;
23
+ -o-tab-size: 2;
24
+ tab-size: 2;
25
+ }
26
+ a { color:#0074D9; text-decoration:none; }
27
+ a:hover { text-decoration:underline; }
28
+ .strong { font-weight: bold; }
29
+ .space-top1 { padding: 10px 0 0 0; }
30
+ .pad2y { padding: 20px 0; }
31
+ .pad1y { padding: 10px 0; }
32
+ .pad2x { padding: 0 20px; }
33
+ .pad2 { padding: 20px; }
34
+ .pad1 { padding: 10px; }
35
+ .space-left2 { padding-left:55px; }
36
+ .space-right2 { padding-right:20px; }
37
+ .center { text-align:center; }
38
+ .clearfix { display:block; }
39
+ .clearfix:after {
40
+ content:'';
41
+ display:block;
42
+ height:0;
43
+ clear:both;
44
+ visibility:hidden;
45
+ }
46
+ .fl { float: left; }
47
+ @media only screen and (max-width:640px) {
48
+ .col3 { width:100%; max-width:100%; }
49
+ .hide-mobile { display:none!important; }
50
+ }
51
+
52
+ .quiet {
53
+ color: #7f7f7f;
54
+ color: rgba(0,0,0,0.5);
55
+ }
56
+ .quiet a { opacity: 0.7; }
57
+
58
+ .fraction {
59
+ font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
60
+ font-size: 10px;
61
+ color: #555;
62
+ background: #E8E8E8;
63
+ padding: 4px 5px;
64
+ border-radius: 3px;
65
+ vertical-align: middle;
66
+ }
67
+
68
+ div.path a:link, div.path a:visited { color: #333; }
69
+ table.coverage {
70
+ border-collapse: collapse;
71
+ margin: 10px 0 0 0;
72
+ padding: 0;
73
+ }
74
+
75
+ table.coverage td {
76
+ margin: 0;
77
+ padding: 0;
78
+ vertical-align: top;
79
+ }
80
+ table.coverage td.line-count {
81
+ text-align: right;
82
+ padding: 0 5px 0 20px;
83
+ }
84
+ table.coverage td.line-coverage {
85
+ text-align: right;
86
+ padding-right: 10px;
87
+ min-width:20px;
88
+ }
89
+
90
+ table.coverage td span.cline-any {
91
+ display: inline-block;
92
+ padding: 0 5px;
93
+ width: 100%;
94
+ }
95
+ .missing-if-branch {
96
+ display: inline-block;
97
+ margin-right: 5px;
98
+ border-radius: 3px;
99
+ position: relative;
100
+ padding: 0 4px;
101
+ background: #333;
102
+ color: yellow;
103
+ }
104
+
105
+ .skip-if-branch {
106
+ display: none;
107
+ margin-right: 10px;
108
+ position: relative;
109
+ padding: 0 4px;
110
+ background: #ccc;
111
+ color: white;
112
+ }
113
+ .missing-if-branch .typ, .skip-if-branch .typ {
114
+ color: inherit !important;
115
+ }
116
+ .coverage-summary {
117
+ border-collapse: collapse;
118
+ width: 100%;
119
+ }
120
+ .coverage-summary tr { border-bottom: 1px solid #bbb; }
121
+ .keyline-all { border: 1px solid #ddd; }
122
+ .coverage-summary td, .coverage-summary th { padding: 10px; }
123
+ .coverage-summary tbody { border: 1px solid #bbb; }
124
+ .coverage-summary td { border-right: 1px solid #bbb; }
125
+ .coverage-summary td:last-child { border-right: none; }
126
+ .coverage-summary th {
127
+ text-align: left;
128
+ font-weight: normal;
129
+ white-space: nowrap;
130
+ }
131
+ .coverage-summary th.file { border-right: none !important; }
132
+ .coverage-summary th.pct { }
133
+ .coverage-summary th.pic,
134
+ .coverage-summary th.abs,
135
+ .coverage-summary td.pct,
136
+ .coverage-summary td.abs { text-align: right; }
137
+ .coverage-summary td.file { white-space: nowrap; }
138
+ .coverage-summary td.pic { min-width: 120px !important; }
139
+ .coverage-summary tfoot td { }
140
+
141
+ .coverage-summary .sorter {
142
+ height: 10px;
143
+ width: 7px;
144
+ display: inline-block;
145
+ margin-left: 0.5em;
146
+ background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
147
+ }
148
+ .coverage-summary .sorted .sorter {
149
+ background-position: 0 -20px;
150
+ }
151
+ .coverage-summary .sorted-desc .sorter {
152
+ background-position: 0 -10px;
153
+ }
154
+ .status-line { height: 10px; }
155
+ /* yellow */
156
+ .cbranch-no { background: yellow !important; color: #111; }
157
+ /* dark red */
158
+ .red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
159
+ .low .chart { border:1px solid #C21F39 }
160
+ .highlighted,
161
+ .highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
162
+ background: #C21F39 !important;
163
+ }
164
+ /* medium red */
165
+ .cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
166
+ /* light red */
167
+ .low, .cline-no { background:#FCE1E5 }
168
+ /* light green */
169
+ .high, .cline-yes { background:rgb(230,245,208) }
170
+ /* medium green */
171
+ .cstat-yes { background:rgb(161,215,106) }
172
+ /* dark green */
173
+ .status-line.high, .high .cover-fill { background:rgb(77,146,33) }
174
+ .high .chart { border:1px solid rgb(77,146,33) }
175
+ /* dark yellow (gold) */
176
+ .status-line.medium, .medium .cover-fill { background: #f9cd0b; }
177
+ .medium .chart { border:1px solid #f9cd0b; }
178
+ /* light yellow */
179
+ .medium { background: #fff4c2; }
180
+
181
+ .cstat-skip { background: #ddd; color: #111; }
182
+ .fstat-skip { background: #ddd; color: #111 !important; }
183
+ .cbranch-skip { background: #ddd !important; color: #111; }
184
+
185
+ span.cline-neutral { background: #eaeaea; }
186
+
187
+ .coverage-summary td.empty {
188
+ opacity: .5;
189
+ padding-top: 4px;
190
+ padding-bottom: 4px;
191
+ line-height: 1;
192
+ color: #888;
193
+ }
194
+
195
+ .cover-fill, .cover-empty {
196
+ display:inline-block;
197
+ height: 12px;
198
+ }
199
+ .chart {
200
+ line-height: 0;
201
+ }
202
+ .cover-empty {
203
+ background: white;
204
+ }
205
+ .cover-full {
206
+ border-right: none !important;
207
+ }
208
+ pre.prettyprint {
209
+ border: none !important;
210
+ padding: 0 !important;
211
+ margin: 0 !important;
212
+ }
213
+ .com { color: #999 !important; }
214
+ .ignore-none { color: #999; font-weight: normal; }
215
+
216
+ .wrapper {
217
+ min-height: 100%;
218
+ height: auto !important;
219
+ height: 100%;
220
+ margin: 0 auto -48px;
221
+ }
222
+ .footer, .push {
223
+ height: 48px;
224
+ }
@@ -0,0 +1,87 @@
1
+ /* eslint-disable */
2
+ var jumpToCode = (function init() {
3
+ // Classes of code we would like to highlight in the file view
4
+ var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no'];
5
+
6
+ // Elements to highlight in the file listing view
7
+ var fileListingElements = ['td.pct.low'];
8
+
9
+ // We don't want to select elements that are direct descendants of another match
10
+ var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > `
11
+
12
+ // Selector that finds elements on the page to which we can jump
13
+ var selector =
14
+ fileListingElements.join(', ') +
15
+ ', ' +
16
+ notSelector +
17
+ missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b`
18
+
19
+ // The NodeList of matching elements
20
+ var missingCoverageElements = document.querySelectorAll(selector);
21
+
22
+ var currentIndex;
23
+
24
+ function toggleClass(index) {
25
+ missingCoverageElements
26
+ .item(currentIndex)
27
+ .classList.remove('highlighted');
28
+ missingCoverageElements.item(index).classList.add('highlighted');
29
+ }
30
+
31
+ function makeCurrent(index) {
32
+ toggleClass(index);
33
+ currentIndex = index;
34
+ missingCoverageElements.item(index).scrollIntoView({
35
+ behavior: 'smooth',
36
+ block: 'center',
37
+ inline: 'center'
38
+ });
39
+ }
40
+
41
+ function goToPrevious() {
42
+ var nextIndex = 0;
43
+ if (typeof currentIndex !== 'number' || currentIndex === 0) {
44
+ nextIndex = missingCoverageElements.length - 1;
45
+ } else if (missingCoverageElements.length > 1) {
46
+ nextIndex = currentIndex - 1;
47
+ }
48
+
49
+ makeCurrent(nextIndex);
50
+ }
51
+
52
+ function goToNext() {
53
+ var nextIndex = 0;
54
+
55
+ if (
56
+ typeof currentIndex === 'number' &&
57
+ currentIndex < missingCoverageElements.length - 1
58
+ ) {
59
+ nextIndex = currentIndex + 1;
60
+ }
61
+
62
+ makeCurrent(nextIndex);
63
+ }
64
+
65
+ return function jump(event) {
66
+ if (
67
+ document.getElementById('fileSearch') === document.activeElement &&
68
+ document.activeElement != null
69
+ ) {
70
+ // if we're currently focused on the search input, we don't want to navigate
71
+ return;
72
+ }
73
+
74
+ switch (event.which) {
75
+ case 78: // n
76
+ case 74: // j
77
+ goToNext();
78
+ break;
79
+ case 66: // b
80
+ case 75: // k
81
+ case 80: // p
82
+ goToPrevious();
83
+ break;
84
+ }
85
+ };
86
+ })();
87
+ window.addEventListener('keydown', jumpToCode);