@wix/video 1.72.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 (142) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +126 -0
  3. package/dist/cjs/Video.js +121 -0
  4. package/dist/cjs/Video.js.map +1 -0
  5. package/dist/cjs/Video.module.scss +27 -0
  6. package/dist/cjs/Video.stories.js +68 -0
  7. package/dist/cjs/Video.stories.js.map +1 -0
  8. package/dist/cjs/custom-element/WowVideo.js +88 -0
  9. package/dist/cjs/custom-element/WowVideo.js.map +1 -0
  10. package/dist/cjs/custom-element/registry.js +34 -0
  11. package/dist/cjs/custom-element/registry.js.map +1 -0
  12. package/dist/cjs/custom-element/utils.js +138 -0
  13. package/dist/cjs/custom-element/utils.js.map +1 -0
  14. package/dist/cjs/custom-element/videoLayout.js +120 -0
  15. package/dist/cjs/custom-element/videoLayout.js.map +1 -0
  16. package/dist/cjs/customElementInit.js +10 -0
  17. package/dist/cjs/customElementInit.js.map +1 -0
  18. package/dist/cjs/dataManifest.js +53 -0
  19. package/dist/cjs/dataManifest.js.map +1 -0
  20. package/dist/cjs/external-types.d.js +2 -0
  21. package/dist/cjs/external-types.d.js.map +1 -0
  22. package/dist/cjs/index.js +23 -0
  23. package/dist/cjs/index.js.map +1 -0
  24. package/dist/cjs/storybook/Container.js +33 -0
  25. package/dist/cjs/storybook/Container.js.map +1 -0
  26. package/dist/cjs/storybook/args.js +178 -0
  27. package/dist/cjs/storybook/args.js.map +1 -0
  28. package/dist/cjs/test-types.d.js +2 -0
  29. package/dist/cjs/test-types.d.js.map +1 -0
  30. package/dist/cjs/types.js +4 -0
  31. package/dist/cjs/types.js.map +1 -0
  32. package/dist/esm/Video.js +95 -0
  33. package/dist/esm/Video.js.map +1 -0
  34. package/dist/esm/Video.module.scss +27 -0
  35. package/dist/esm/Video.stories.js +47 -0
  36. package/dist/esm/Video.stories.js.map +1 -0
  37. package/dist/esm/custom-element/WowVideo.js +83 -0
  38. package/dist/esm/custom-element/WowVideo.js.map +1 -0
  39. package/dist/esm/custom-element/registry.js +29 -0
  40. package/dist/esm/custom-element/registry.js.map +1 -0
  41. package/dist/esm/custom-element/utils.js +131 -0
  42. package/dist/esm/custom-element/utils.js.map +1 -0
  43. package/dist/esm/custom-element/videoLayout.js +117 -0
  44. package/dist/esm/custom-element/videoLayout.js.map +1 -0
  45. package/dist/esm/customElementInit.js +13 -0
  46. package/dist/esm/customElementInit.js.map +1 -0
  47. package/dist/esm/dataManifest.js +49 -0
  48. package/dist/esm/dataManifest.js.map +1 -0
  49. package/dist/esm/external-types.d.js +2 -0
  50. package/dist/esm/external-types.d.js.map +1 -0
  51. package/dist/esm/index.js +6 -0
  52. package/dist/esm/index.js.map +1 -0
  53. package/dist/esm/storybook/Container.js +21 -0
  54. package/dist/esm/storybook/Container.js.map +1 -0
  55. package/dist/esm/storybook/args.js +174 -0
  56. package/dist/esm/storybook/args.js.map +1 -0
  57. package/dist/esm/test-types.d.js +2 -0
  58. package/dist/esm/test-types.d.js.map +1 -0
  59. package/dist/esm/types.js +2 -0
  60. package/dist/esm/types.js.map +1 -0
  61. package/dist/statics/189.chunk.js +35383 -0
  62. package/dist/statics/189.chunk.js.map +1 -0
  63. package/dist/statics/189.chunk.min.js +2 -0
  64. package/dist/statics/189.chunk.min.js.map +1 -0
  65. package/dist/statics/janet/110.8a580c2d.iframe.bundle.js +10826 -0
  66. package/dist/statics/janet/110.8a580c2d.iframe.bundle.js.map +1 -0
  67. package/dist/statics/janet/134.6007b391.iframe.bundle.js +484 -0
  68. package/dist/statics/janet/134.6007b391.iframe.bundle.js.map +1 -0
  69. package/dist/statics/janet/134.d48c36bc94ecd2280c0a.manager.bundle.js +1 -0
  70. package/dist/statics/janet/317.2df397a1e1f34d5a30fd.manager.bundle.js +1 -0
  71. package/dist/statics/janet/326.e8fcdb36.iframe.bundle.js +1998 -0
  72. package/dist/statics/janet/326.e8fcdb36.iframe.bundle.js.map +1 -0
  73. package/dist/statics/janet/326.ff40cdf1778fd94969c8.manager.bundle.js +2 -0
  74. package/dist/statics/janet/326.ff40cdf1778fd94969c8.manager.bundle.js.LICENSE.txt +31 -0
  75. package/dist/statics/janet/470.aab6696c.iframe.bundle.js +35380 -0
  76. package/dist/statics/janet/470.aab6696c.iframe.bundle.js.map +1 -0
  77. package/dist/statics/janet/599.37d4aa34.iframe.bundle.js +3294 -0
  78. package/dist/statics/janet/599.37d4aa34.iframe.bundle.js.map +1 -0
  79. package/dist/statics/janet/599.47c7dacc8997e4d71eac.manager.bundle.js +1 -0
  80. package/dist/statics/janet/61.5cb88eb5.iframe.bundle.js +2652 -0
  81. package/dist/statics/janet/61.5cb88eb5.iframe.bundle.js.map +1 -0
  82. package/dist/statics/janet/61.a575d4776ab0d42da5c8.manager.bundle.js +1 -0
  83. package/dist/statics/janet/673.59f2a23a.iframe.bundle.js +173 -0
  84. package/dist/statics/janet/673.59f2a23a.iframe.bundle.js.map +1 -0
  85. package/dist/statics/janet/725.0db49c6347dfe44ace2d.manager.bundle.js +2 -0
  86. package/dist/statics/janet/725.0db49c6347dfe44ace2d.manager.bundle.js.LICENSE.txt +8 -0
  87. package/dist/statics/janet/725.cbba2e4b.iframe.bundle.js +10451 -0
  88. package/dist/statics/janet/725.cbba2e4b.iframe.bundle.js.map +1 -0
  89. package/dist/statics/janet/734.428ea23e9773cd26fb57.manager.bundle.js +2 -0
  90. package/dist/statics/janet/734.428ea23e9773cd26fb57.manager.bundle.js.LICENSE.txt +94 -0
  91. package/dist/statics/janet/833.75275036.iframe.bundle.js +6777 -0
  92. package/dist/statics/janet/833.75275036.iframe.bundle.js.map +1 -0
  93. package/dist/statics/janet/833.ef639b005d7b76723595.manager.bundle.js +2 -0
  94. package/dist/statics/janet/833.ef639b005d7b76723595.manager.bundle.js.LICENSE.txt +12 -0
  95. package/dist/statics/janet/W-06.svg +1 -0
  96. package/dist/statics/janet/favicon.ico +0 -0
  97. package/dist/statics/janet/iframe.html +364 -0
  98. package/dist/statics/janet/index.html +59 -0
  99. package/dist/statics/janet/janet.json +10 -0
  100. package/dist/statics/janet/main.666d4853f3d62ab20aa1.manager.bundle.js +1 -0
  101. package/dist/statics/janet/main.d8a321d6.iframe.bundle.js +73260 -0
  102. package/dist/statics/janet/main.d8a321d6.iframe.bundle.js.map +1 -0
  103. package/dist/statics/janet/project.json +1 -0
  104. package/dist/statics/janet/runtime~main.2195d24e465f19ad9c9a.manager.bundle.js +1 -0
  105. package/dist/statics/janet/w-06.ico +0 -0
  106. package/dist/statics/manifest.json +4 -0
  107. package/dist/statics/manifest.min.json +4 -0
  108. package/dist/statics/video.css +10 -0
  109. package/dist/statics/video.css.map +1 -0
  110. package/dist/statics/video.min.css +1 -0
  111. package/dist/statics/video.rtl.css +8 -0
  112. package/dist/statics/video.rtl.min.css +1 -0
  113. package/dist/statics/video.umd.js +5990 -0
  114. package/dist/statics/video.umd.js.map +1 -0
  115. package/dist/statics/video.umd.min.js +2 -0
  116. package/dist/statics/video.umd.min.js.map +1 -0
  117. package/dist/tsconfig.tsbuildinfo +1 -0
  118. package/dist/types/Video.d.ts +5 -0
  119. package/dist/types/Video.d.ts.map +1 -0
  120. package/dist/types/Video.stories.d.ts +20 -0
  121. package/dist/types/Video.stories.d.ts.map +1 -0
  122. package/dist/types/custom-element/WowVideo.d.ts +4 -0
  123. package/dist/types/custom-element/WowVideo.d.ts.map +1 -0
  124. package/dist/types/custom-element/registry.d.ts +3 -0
  125. package/dist/types/custom-element/registry.d.ts.map +1 -0
  126. package/dist/types/custom-element/utils.d.ts +11 -0
  127. package/dist/types/custom-element/utils.d.ts.map +1 -0
  128. package/dist/types/custom-element/videoLayout.d.ts +35 -0
  129. package/dist/types/custom-element/videoLayout.d.ts.map +1 -0
  130. package/dist/types/customElementInit.d.ts +4 -0
  131. package/dist/types/customElementInit.d.ts.map +1 -0
  132. package/dist/types/dataManifest.d.ts +2 -0
  133. package/dist/types/dataManifest.d.ts.map +1 -0
  134. package/dist/types/index.d.ts +6 -0
  135. package/dist/types/index.d.ts.map +1 -0
  136. package/dist/types/storybook/Container.d.ts +5 -0
  137. package/dist/types/storybook/Container.d.ts.map +1 -0
  138. package/dist/types/storybook/args.d.ts +174 -0
  139. package/dist/types/storybook/args.d.ts.map +1 -0
  140. package/dist/types/types.d.ts +62 -0
  141. package/dist/types/types.d.ts.map +1 -0
  142. package/package.json +121 -0
@@ -0,0 +1,5 @@
1
+ import * as React from 'react';
2
+ import type { VideoProps } from './types';
3
+ declare const Video: React.FC<VideoProps>;
4
+ export default Video;
5
+ //# sourceMappingURL=Video.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAwB1C,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyG/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { Meta } from '@wix/yoshi-storybook-dependencies';
3
+ import type { QualityPolicy } from './types';
4
+ declare const _default: Meta<import("@wix/yoshi-storybook-dependencies").Args>;
5
+ export default _default;
6
+ type StoryArgs = {
7
+ qualityPolicy: QualityPolicy;
8
+ uri: string;
9
+ containerHeight: number;
10
+ containerWidth: number;
11
+ loop: boolean;
12
+ muted: boolean;
13
+ autoplay: boolean;
14
+ playbackRate: number;
15
+ posterEffect: 'fade';
16
+ focalPointX: number;
17
+ focalPointY: number;
18
+ };
19
+ export declare const Default: React.VFC<StoryArgs>;
20
+ //# sourceMappingURL=Video.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Video.stories.d.ts","sourceRoot":"","sources":["../../src/Video.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAIzD,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,SAAS,CAAC;;AAUzD,wBAIU;AAEV,KAAK,SAAS,GAAG;IACf,aAAa,EAAE,aAAa,CAAC;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CA+BxC,CAAC"}
@@ -0,0 +1,4 @@
1
+ import type { WowVideoServices } from '../types';
2
+ declare function wowVideoFactory(services: WowVideoServices, contextWindow: Window & typeof globalThis): any;
3
+ export default wowVideoFactory;
4
+ //# sourceMappingURL=WowVideo.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WowVideo.d.ts","sourceRoot":"","sources":["../../../src/custom-element/WowVideo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAW,MAAM,UAAU,CAAC;AAE1D,iBAAS,eAAe,CACtB,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EAAE,MAAM,GAAG,OAAO,UAAU,GACxC,GAAG,CAyGL;AAED,eAAe,eAAe,CAAC"}
@@ -0,0 +1,3 @@
1
+ import type { CustomElementServices } from '../types';
2
+ export declare function init(contextWindow: Window & typeof globalThis, services: CustomElementServices): void;
3
+ //# sourceMappingURL=registry.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../src/custom-element/registry.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,qBAAqB,EAGtB,MAAM,UAAU,CAAC;AAElB,wBAAgB,IAAI,CAClB,aAAa,EAAE,MAAM,GAAG,OAAO,UAAU,EACzC,QAAQ,EAAE,qBAAqB,QAqChC"}
@@ -0,0 +1,11 @@
1
+ import { AdaptiveVideoSource, QualityPolicy, VideoSource } from '../types';
2
+ export declare function sortQualities(sources: VideoSource[]): VideoSource[];
3
+ export declare function setVideoFocalPoint(videoNode: HTMLVideoElement, focalPoint: {
4
+ x: number;
5
+ y: number;
6
+ }): void;
7
+ export declare function getVideoSource(width: number, height: number, uri: string, qualityPolicy: QualityPolicy, sources?: VideoSource[], adaptiveSources?: AdaptiveVideoSource[], duration?: number, onError?: (error: Error) => void): Promise<{
8
+ videoSourceUrl: string;
9
+ patchVideoSource: (videoNode: HTMLVideoElement) => void;
10
+ }>;
11
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/custom-element/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAQ3E,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,iBAEnD;AA6CD,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,gBAAgB,EAC3B,UAAU,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,QAMrC;AAED,wBAAsB,cAAc,CAClC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,aAAa,EAC5B,OAAO,CAAC,EAAE,WAAW,EAAE,EACvB,eAAe,CAAC,EAAE,mBAAmB,EAAE,EACvC,QAAQ,CAAC,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAC/B,OAAO,CAAC;IACT,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,CAAC,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACzD,CAAC,CA6HD"}
@@ -0,0 +1,35 @@
1
+ import type { AdaptiveVideoSource, QualityPolicy, VideoSource } from '../types';
2
+ declare const _default: {
3
+ /**
4
+ * @param {HTMLVideoElement} videoNode
5
+ * @param {HTMLElement} container
6
+ * @param {QualityPolicy} quality
7
+ * @param {string} uri
8
+ * @param {Object[]} sources
9
+ * @param {Object[]} adaptiveSources
10
+ * @param {number} duration
11
+ * @param {(error: Error) => void} onError
12
+ * @return {{currentSrc: string, videoSourceUrl: string}}
13
+ */
14
+ measure(videoNode: HTMLVideoElement, container: HTMLElement, quality: QualityPolicy, uri: string, sources?: VideoSource[], adaptiveSources?: AdaptiveVideoSource[], duration?: number, onError?: ((error: Error) => void) | undefined): Promise<{
15
+ needsSrcUpdate: boolean;
16
+ patchVideoSource: (videoNode: HTMLVideoElement) => void;
17
+ }>;
18
+ /**
19
+ * @param {HTMLDivElement} poster
20
+ * @param {HTMLVideoElement} videoNode
21
+ * @param {boolean} autoplay
22
+ * @param {boolean} needsSrcUpdate
23
+ * @param {string} posterEffect
24
+ * @param {number} playbackRate
25
+ * @param {(videoNode: HTMLVideoElement) => void} patchVideoSource
26
+ * @param {Object[]} sources
27
+ * @param {Object} focalPoint
28
+ */
29
+ mutate(poster: HTMLDivElement, videoNode: HTMLVideoElement, autoplay: boolean, needsSrcUpdate: boolean, posterEffect: string, playbackRate: number, patchVideoSource: (videoNode: HTMLVideoElement) => void, sources?: VideoSource[], focalPoint?: {
30
+ x: number;
31
+ y: number;
32
+ }): void;
33
+ };
34
+ export default _default;
35
+ //# sourceMappingURL=videoLayout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"videoLayout.d.ts","sourceRoot":"","sources":["../../../src/custom-element/videoLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;;IAI9E;;;;;;;;;;OAUG;uBAEU,gBAAgB,aAChB,WAAW,WACb,aAAa,OACjB,MAAM,YACD,WAAW,EAAE,oBACL,mBAAmB,EAAE,aAC5B,MAAM,qBACC,KAAK,KAAK,IAAI;;;;IAkBlC;;;;;;;;;;OAUG;mBAEO,cAAc,aACX,gBAAgB,YACjB,OAAO,kBACD,OAAO,gBACT,MAAM,gBACN,MAAM,gCACU,gBAAgB,KAAK,IAAI,YAC7C,WAAW,EAAE,eACV;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GACpC,IAAI;;AA3DT,wBAoFE"}
@@ -0,0 +1,4 @@
1
+ import { CustomElementServices } from './types';
2
+ declare function initCustomElement(contextWindow?: (Window & typeof globalThis) | null, services?: CustomElementServices): void;
3
+ export { initCustomElement };
4
+ //# sourceMappingURL=customElementInit.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"customElementInit.d.ts","sourceRoot":"","sources":["../../src/customElementInit.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,iBAAS,iBAAiB,CACxB,aAAa,GAAE,CAAC,MAAM,GAAG,OAAO,UAAU,CAAC,GAAG,IAAW,EACzD,QAAQ,GAAE,qBAA0B,QAKrC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const videoDataManifest: Record<string, any>;
2
+ //# sourceMappingURL=dataManifest.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dataManifest.d.ts","sourceRoot":"","sources":["../../src/dataManifest.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAsCjD,CAAC"}
@@ -0,0 +1,6 @@
1
+ import Video from './Video';
2
+ import { initCustomElement } from './customElementInit';
3
+ import { videoDataManifest } from './dataManifest';
4
+ export { Video, initCustomElement, videoDataManifest };
5
+ export * from './types';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;AACvD,cAAc,SAAS,CAAC"}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ type ContainerProps = React.HTMLProps<{}>;
3
+ export declare const Container: React.VFC<ContainerProps>;
4
+ export {};
5
+ //# sourceMappingURL=Container.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/storybook/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAc/C,CAAC"}
@@ -0,0 +1,174 @@
1
+ export declare const sampleVideo: {
2
+ videoMedia: {
3
+ sources: ({
4
+ quality: "1080p";
5
+ width: number;
6
+ height: number;
7
+ types: {
8
+ format: "mp4";
9
+ uri: string;
10
+ }[];
11
+ } | {
12
+ quality: "720p";
13
+ width: number;
14
+ height: number;
15
+ types: {
16
+ format: "mp4";
17
+ uri: string;
18
+ }[];
19
+ } | {
20
+ quality: "480p";
21
+ width: number;
22
+ height: number;
23
+ types: {
24
+ format: "mp4";
25
+ uri: string;
26
+ }[];
27
+ } | {
28
+ quality: "360p";
29
+ width: number;
30
+ height: number;
31
+ types: {
32
+ format: "mp4";
33
+ uri: string;
34
+ }[];
35
+ })[];
36
+ adaptiveSources: {
37
+ format: "hls";
38
+ uri: string;
39
+ }[];
40
+ uri: string;
41
+ hasAudio: boolean;
42
+ fps: number;
43
+ duration: number;
44
+ poster: {
45
+ id: string;
46
+ uri: string;
47
+ width: number;
48
+ height: number;
49
+ name: string;
50
+ alt: string;
51
+ };
52
+ };
53
+ loop: boolean;
54
+ muted: boolean;
55
+ autoplay: boolean;
56
+ posterEffect: string;
57
+ playbackRate: number;
58
+ qualityPolicy: string;
59
+ };
60
+ export declare const argTypes: {
61
+ qualityPolicy: {
62
+ control: string;
63
+ options: string[];
64
+ defaultValue: string;
65
+ description: string;
66
+ table: {
67
+ type: {
68
+ summary: string;
69
+ };
70
+ };
71
+ };
72
+ containerWidth: {
73
+ control: string;
74
+ defaultValue: number;
75
+ description: string;
76
+ table: {
77
+ type: {
78
+ summary: string;
79
+ };
80
+ };
81
+ };
82
+ containerHeight: {
83
+ control: string;
84
+ defaultValue: number;
85
+ description: string;
86
+ table: {
87
+ type: {
88
+ summary: string;
89
+ };
90
+ };
91
+ };
92
+ muted: {
93
+ control: string;
94
+ defaultValue: boolean;
95
+ description: string;
96
+ table: {
97
+ type: {
98
+ summary: string;
99
+ };
100
+ };
101
+ };
102
+ loop: {
103
+ control: string;
104
+ defaultValue: boolean;
105
+ description: string;
106
+ table: {
107
+ type: {
108
+ summary: string;
109
+ };
110
+ };
111
+ };
112
+ posterEffect: {
113
+ control: string;
114
+ options: (string | undefined)[];
115
+ defaultValue: undefined;
116
+ description: string;
117
+ table: {
118
+ type: {
119
+ summary: string;
120
+ };
121
+ };
122
+ };
123
+ playbackRate: {
124
+ control: string;
125
+ defaultValue: number;
126
+ description: string;
127
+ table: {
128
+ type: {
129
+ summary: string;
130
+ };
131
+ };
132
+ };
133
+ autoplay: {
134
+ control: string;
135
+ defaultValue: boolean;
136
+ description: string;
137
+ table: {
138
+ type: {
139
+ summary: string;
140
+ };
141
+ };
142
+ };
143
+ focalPointX: {
144
+ control: {
145
+ type: string;
146
+ min: number;
147
+ max: number;
148
+ step: number;
149
+ };
150
+ defaultValue: number;
151
+ description: string;
152
+ table: {
153
+ type: {
154
+ summary: string;
155
+ };
156
+ };
157
+ };
158
+ focalPointY: {
159
+ control: {
160
+ type: string;
161
+ min: number;
162
+ max: number;
163
+ step: number;
164
+ };
165
+ defaultValue: number;
166
+ description: string;
167
+ table: {
168
+ type: {
169
+ summary: string;
170
+ };
171
+ };
172
+ };
173
+ };
174
+ //# sourceMappingURL=args.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"args.d.ts","sourceRoot":"","sources":["../../../src/storybook/args.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHpB,CAAC"}
@@ -0,0 +1,62 @@
1
+ /// <reference types="react" />
2
+ import { ImageMedia } from '@wix/image';
3
+ export type VideoSource = {
4
+ quality: '1080p' | '720p' | '480p' | '360p';
5
+ width: number;
6
+ height: number;
7
+ types: {
8
+ format: 'mp4' | 'mp4-luminance';
9
+ uri: string;
10
+ }[];
11
+ };
12
+ export type AdaptiveVideoSource = {
13
+ format: 'hls' | 'dash';
14
+ uri: string;
15
+ };
16
+ export type VideoMedia = {
17
+ uri: string;
18
+ poster?: ImageMedia;
19
+ name?: string;
20
+ sources?: VideoSource[];
21
+ adaptiveSources?: AdaptiveVideoSource[];
22
+ hasAudio?: boolean;
23
+ fps?: number;
24
+ duration?: number;
25
+ };
26
+ export type QualityPolicy = 'adaptive' | 'highest' | 'proportional';
27
+ export type VideoProps = {
28
+ id: string;
29
+ videoMedia: VideoMedia;
30
+ qualityPolicy: QualityPolicy;
31
+ loop: boolean;
32
+ muted: boolean;
33
+ autoplay: boolean;
34
+ motionPart?: string;
35
+ playbackRate?: number;
36
+ posterEffect?: 'fade';
37
+ videoRef: React.RefObject<HTMLVideoElement>;
38
+ focalPoint?: {
39
+ x: number;
40
+ y: number;
41
+ };
42
+ onError?: (error: Error) => void;
43
+ };
44
+ export type VideoData = Omit<VideoProps, 'videoRef' | 'id' | 'onError'>;
45
+ export type Timeout = ReturnType<typeof setTimeout>;
46
+ export type EnvConsts = {
47
+ experiments?: Record<string, string | boolean>;
48
+ };
49
+ export type CustomElementServices = {
50
+ isExperimentOpen?: (experiment: string) => boolean;
51
+ mutationService?: any;
52
+ };
53
+ export type WowVideoServices = CustomElementServices & {
54
+ resizeService?: ResizeObserver;
55
+ intersectionService?: IntersectionObserver;
56
+ };
57
+ export type WowVideo = Element & {
58
+ reLayout: () => void;
59
+ observeResize: () => void;
60
+ unobserveIntersect: () => void;
61
+ };
62
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE;QACL,MAAM,EAAE,KAAK,GAAG,eAAe,CAAC;QAChC,GAAG,EAAE,MAAM,CAAC;KACb,EAAE,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,SAAS,GAAG,cAAc,CAAC;AAEpE,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAExE,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAEpD,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;IACnD,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAAG;IACrD,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC"}
package/package.json ADDED
@@ -0,0 +1,121 @@
1
+ {
2
+ "name": "@wix/video",
3
+ "license": "MIT",
4
+ "description": "Wix base video component",
5
+ "version": "1.72.0",
6
+ "author": {
7
+ "name": "wow!Team",
8
+ "email": "wow-dev@wix.com"
9
+ },
10
+ "homepage": "https://github.com/wix-private/wow-libs/tree/master/packages/video",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "sideEffects": false,
14
+ "types": "dist/types/index.d.ts",
15
+ "files": [
16
+ "dist",
17
+ "LICENSE"
18
+ ],
19
+ "scripts": {
20
+ "build": "yoshi-library build && yarn build:storybook && janet-build",
21
+ "build:storybook": "yoshi-library storybook build",
22
+ "start": "yoshi-library storybook start",
23
+ "test": "yoshi-library test",
24
+ "lint": "yoshi-library lint",
25
+ "format": "yoshi-library lint --fix"
26
+ },
27
+ "lint-staged": {
28
+ "*.{js,ts}": "yarn lint"
29
+ },
30
+ "dependencies": {
31
+ "@babel/runtime": "^7.26.0",
32
+ "@wix/editor-elements-definitions": "^1.125.0",
33
+ "@wix/image": "1.427.0",
34
+ "@wix/image-kit": "^1.114.0",
35
+ "fastdom": "^1.0.12",
36
+ "hls.js": "^1.6.2"
37
+ },
38
+ "devDependencies": {
39
+ "@testing-library/jest-dom": "^5.17.0",
40
+ "@testing-library/react": "^12.1.5",
41
+ "@types/jest": "^27.5.2",
42
+ "@types/node": "^16.18.123",
43
+ "@types/react": "^16.14.62",
44
+ "@types/react-dom": "^16.9.25",
45
+ "@wix/component-protocol": "1.68.0",
46
+ "@wix/eslint-config-yoshi": "^6.163.0",
47
+ "@wix/janet-build": "^1.0.8",
48
+ "@wix/janet-dev-server": "^1.16.20",
49
+ "@wix/jest-yoshi-preset": "^6.163.0",
50
+ "@wix/yoshi-flow-library": "^6.163.0",
51
+ "@wix/yoshi-storybook-dependencies": "^6.163.0",
52
+ "@wix/yoshi-style-dependencies": "^6.163.0",
53
+ "express": "^4.21.2",
54
+ "husky": "~4.2.1",
55
+ "lint-staged": "^10.5.4",
56
+ "react": "^16.14.0",
57
+ "react-dom": "^16.14.0",
58
+ "ts-jest": "^29.2.5",
59
+ "typescript": "~4.9.5"
60
+ },
61
+ "jest": {
62
+ "preset": "@wix/jest-yoshi-preset"
63
+ },
64
+ "yoshiFlowLibrary": {
65
+ "buildEsmWithBabel": true,
66
+ "bundle": {
67
+ "library": "video",
68
+ "externals": {
69
+ "react": "React"
70
+ }
71
+ }
72
+ },
73
+ "eslintConfig": {
74
+ "extends": "@wix/eslint-config-yoshi"
75
+ },
76
+ "exports": {
77
+ ".": {
78
+ "types": "./dist/types/index.d.ts",
79
+ "require": "./dist/cjs/index.js",
80
+ "import": "./dist/esm/index.js"
81
+ },
82
+ "./customElement": {
83
+ "types": "./dist/types/customElementInit.d.ts",
84
+ "require": "./dist/cjs/customElementInit.js",
85
+ "import": "./dist/esm/customElementInit.js"
86
+ }
87
+ },
88
+ "wix": {
89
+ "artifact": {
90
+ "groupId": "com.wixpress.wow",
91
+ "artifactId": "video",
92
+ "targets": {
93
+ "static": true
94
+ },
95
+ "previewUrls": [
96
+ "https://bo.wix.com/pages/video/"
97
+ ]
98
+ },
99
+ "validations": {
100
+ "postDependenciesBuild": [
101
+ "lint"
102
+ ]
103
+ },
104
+ "framework": {
105
+ "type": "yoshi-flow-library"
106
+ }
107
+ },
108
+ "wallaby": {
109
+ "autoDetect": true
110
+ },
111
+ "publishConfig": {
112
+ "registry": "https://registry.npmjs.org/",
113
+ "access": "public"
114
+ },
115
+ "husky": {
116
+ "hooks": {
117
+ "pre-commit": "lint-staged"
118
+ }
119
+ },
120
+ "falconPackageHash": "b4cdca490acd55390032ca8230fde35b9b59bf90b3a8607f24a4c1d3"
121
+ }