+ Stash
+
+
+
+
+
+
+
+
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser. + +The page will reload if you make edits.
+You will also see any lint errors in the console. + +### `yarn test` + +Launches the test runner in the interactive watch mode.
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. + +### `yarn build` + +Builds the app for production to the `build` folder.
+It correctly bundles React in production mode and optimizes the build for the best performance. + +The build is minified and the filenames include the hashes.
+Your app is ready to be deployed! + +See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. + +### `yarn format` + +Formats the whitespace of all typescript and scss code with prettier, to ease editing and ensure a common code style. + +Should ideally be run before all frontend PRs. + +### `yarn eject` + +**Note: this is a one-way operation. Once you `eject`, you can’t go back!** + +If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. + +Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own. + +You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it. + +## Learn More + +You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). + +To learn React, check out the [React documentation](https://reactjs.org/). + +### Code Splitting + +This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting + +### Analyzing the Bundle Size + +This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size + +### Making a Progressive Web App + +This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app + +### Advanced Configuration + +This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration + +### Deployment + +This section has moved here: https://facebook.github.io/create-react-app/docs/deployment + +### `yarn build` fails to minify + +This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify diff --git a/ui/v2.5/codegen.yml b/ui/v2.5/codegen.yml new file mode 100644 index 000000000..dbab06402 --- /dev/null +++ b/ui/v2.5/codegen.yml @@ -0,0 +1,15 @@ +overwrite: true +schema: "../../graphql/schema/**/*.graphql" +documents: "../../graphql/documents/**/*.graphql" +generates: + src/core/generated-graphql.tsx: + config: + withHooks: true + withHOC: false + withComponents: false + plugins: + - add: "/* eslint-disable */" + - time + - typescript + - typescript-operations + - typescript-react-apollo diff --git a/ui/v2.5/package.json b/ui/v2.5/package.json new file mode 100644 index 000000000..29f895d36 --- /dev/null +++ b/ui/v2.5/package.json @@ -0,0 +1,104 @@ +{ + "name": "stash", + "version": "0.1.0", + "private": true, + "sideEffects": false, + "scripts": { + "start": "react-scripts start", + "build": "react-scripts build", + "test": "react-scripts test", + "eject": "react-scripts eject", + "build-ci": "yarn validate && yarn build", + "validate": "yarn lint && yarn format-check", + "lint": "yarn lint:css && yarn lint:js", + "lint:js": "eslint --cache src/**/*.{ts,tsx}", + "lint:css": "stylelint \"src/**/*.scss\"", + "format": "prettier --write \"src/**/!(generated-graphql).{js,jsx,ts,tsx,scss}\"", + "format-check": "prettier --check \"src/**/!(generated-graphql).{js,jsx,ts,tsx,scss}\"", + "gqlgen": "gql-gen --config codegen.yml", + "extract": "NODE_ENV=development extract-messages -l=en,de -o src/locale -d en --flat false 'src/**/!(*.test).tsx'" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ], + "dependencies": { + "@apollo/react-hooks": "^3.1.5", + "@formatjs/intl-numberformat": "^4.2.1", + "@fortawesome/fontawesome-svg-core": "^1.2.28", + "@fortawesome/free-solid-svg-icons": "^5.13.0", + "@fortawesome/react-fontawesome": "^0.1.9", + "apollo-cache": "^1.3.4", + "apollo-cache-inmemory": "^1.6.5", + "apollo-client": "^2.6.8", + "apollo-link": "^1.2.14", + "apollo-link-error": "^1.1.13", + "apollo-link-http": "^1.5.17", + "apollo-link-ws": "^1.0.20", + "apollo-utilities": "^1.3.3", + "axios": "0.19.2", + "bootstrap": "^4.4.1", + "classnames": "^2.2.6", + "flag-icon-css": "^3.4.6", + "formik": "^2.1.4", + "graphql": "^14.5.8", + "graphql-tag": "^2.10.3", + "i18n-iso-countries": "^5.2.0", + "jimp": "^0.12.1", + "localforage": "1.7.3", + "lodash": "^4.17.15", + "query-string": "6.12.1", + "react": "16.13.1", + "react-apollo": "^3.1.5", + "react-bootstrap": "1.0.1", + "react-dom": "16.13.1", + "react-images": "0.5.19", + "react-intl": "^4.5.1", + "react-jw-player": "1.19.1", + "react-markdown": "^4.3.1", + "react-photo-gallery": "^8.0.0", + "react-router-bootstrap": "^0.25.0", + "react-router-dom": "^5.1.2", + "react-select": "^3.1.0", + "subscriptions-transport-ws": "^0.9.16", + "universal-cookie": "^4.0.3" + }, + "devDependencies": { + "@graphql-codegen/add": "^1.13.5", + "@graphql-codegen/cli": "^1.13.5", + "@graphql-codegen/time": "^1.13.5", + "@graphql-codegen/typescript": "^1.13.5", + "@graphql-codegen/typescript-compatibility": "^1.13.5", + "@graphql-codegen/typescript-operations": "^1.13.5", + "@graphql-codegen/typescript-react-apollo": "^1.13.5", + "@types/classnames": "^2.2.10", + "@types/lodash": "^4.14.150", + "@types/node": "13.13.4", + "@types/react": "16.9.34", + "@types/react-dom": "^16.9.7", + "@types/react-images": "^0.5.1", + "@types/react-router-bootstrap": "^0.24.5", + "@types/react-router-dom": "5.1.5", + "@types/react-select": "^3.0.12", + "@typescript-eslint/eslint-plugin": "^2.30.0", + "@typescript-eslint/parser": "^2.30.0", + "eslint": "^6.8.0", + "eslint-config-airbnb-typescript": "^7.2.1", + "eslint-config-prettier": "^6.11.0", + "eslint-plugin-import": "^2.20.2", + "eslint-plugin-jsx-a11y": "^6.2.3", + "eslint-plugin-react": "^7.19.0", + "eslint-plugin-react-hooks": "^4.0.0", + "extract-react-intl-messages": "^4.1.1", + "node-sass": "4.14.0", + "postcss-safe-parser": "^4.0.2", + "prettier": "2.0.5", + "react-scripts": "^3.4.1", + "stylelint": "^13.3.3", + "stylelint-config-prettier": "^8.0.1", + "stylelint-order": "^4.0.0", + "typescript": "^3.8.3" + } +} diff --git a/ui/v2.5/public/favicon.ico b/ui/v2.5/public/favicon.ico new file mode 100644 index 000000000..6ff0465ca Binary files /dev/null and b/ui/v2.5/public/favicon.ico differ diff --git a/ui/v2.5/public/index.html b/ui/v2.5/public/index.html new file mode 100755 index 000000000..322bc1d11 --- /dev/null +++ b/ui/v2.5/public/index.html @@ -0,0 +1,41 @@ + + + + + + + + + + +Stash
+
+
+
+
+
+
+
diff --git a/ui/v2.5/public/jwplayer/jwplayer.controls.js b/ui/v2.5/public/jwplayer/jwplayer.controls.js
new file mode 100644
index 000000000..eb88b0783
--- /dev/null
+++ b/ui/v2.5/public/jwplayer/jwplayer.controls.js
@@ -0,0 +1,95 @@
+/*!
+JW Player version 8.11.5
+Copyright (c) 2019, JW Player, All Rights Reserved
+https://github.com/jwplayer/jwplayer/blob/v8.11.5/README.md
+
+This source code and its use and distribution is subject to the terms and conditions of the applicable license agreement.
+https://www.jwplayer.com/tos/
+
+This product includes portions of other software. For the full text of licenses, see below:
+
+JW Player Third Party Software Notices and/or Additional Terms and Conditions
+
+**************************************************************************************************
+The following software is used under Apache License 2.0
+**************************************************************************************************
+
+vtt.js v0.13.0
+Copyright (c) 2019 Mozilla (http://mozilla.org)
+https://github.com/mozilla/vtt.js/blob/v0.13.0/LICENSE
+
+* * *
+
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License.
+
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and
+limitations under the License.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+**************************************************************************************************
+The following software is used under MIT license
+**************************************************************************************************
+
+Underscore.js v1.6.0
+Copyright (c) 2009-2014 Jeremy Ashkenas, DocumentCloud and Investigative
+https://github.com/jashkenas/underscore/blob/1.6.0/LICENSE
+
+Backbone backbone.events.js v1.1.2
+Copyright (c) 2010-2014 Jeremy Ashkenas, DocumentCloud
+https://github.com/jashkenas/backbone/blob/1.1.2/LICENSE
+
+Promise Polyfill v7.1.1
+Copyright (c) 2014 Taylor Hakes and Forbes Lindesay
+https://github.com/taylorhakes/promise-polyfill/blob/v7.1.1/LICENSE
+
+can-autoplay.js v3.0.0
+Copyright (c) 2017 video-dev
+https://github.com/video-dev/can-autoplay/blob/v3.0.0/LICENSE
+
+* * *
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+**************************************************************************************************
+The following software is used under W3C license
+**************************************************************************************************
+
+Intersection Observer v0.5.0
+Copyright (c) 2016 Google Inc. (http://google.com)
+https://github.com/w3c/IntersectionObserver/blob/v0.5.0/LICENSE.md
+
+* * *
+
+W3C SOFTWARE AND DOCUMENT NOTICE AND LICENSE
+Status: This license takes effect 13 May, 2015.
+
+This work is being provided by the copyright holders under the following license.
+
+License
+By obtaining and/or copying this work, you (the licensee) agree that you have read, understood, and will comply with the following terms and conditions.
+
+Permission to copy, modify, and distribute this work, with or without modification, for any purpose and without fee or royalty is hereby granted, provided that you include the following on ALL copies of the work or portions thereof, including modifications:
+
+The full text of this NOTICE in a location viewable to users of the redistributed or derivative work.
+
+Any pre-existing intellectual property disclaimers, notices, or terms and conditions. If none exist, the W3C Software and Document Short Notice should be included.
+
+Notice of any changes or modifications, through a copyright statement on the new code or document such as "This software or document includes material copied from or derived from [title and URI of the W3C document]. Copyright © [YEAR] W3C® (MIT, ERCIM, Keio, Beihang)."
+
+Disclaimers
+THIS WORK IS PROVIDED "AS IS," AND COPYRIGHT HOLDERS MAKE NO REPRESENTATIONS OR WARRANTIES, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO, WARRANTIES OF MERCHANTABILITY OR FITNESS FOR ANY PARTICULAR PURPOSE OR THAT THE USE OF THE SOFTWARE OR DOCUMENT WILL NOT INFRINGE ANY THIRD PARTY PATENTS, COPYRIGHTS, TRADEMARKS OR OTHER RIGHTS.
+
+COPYRIGHT HOLDERS WILL NOT BE LIABLE FOR ANY DIRECT, INDIRECT, SPECIAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF ANY USE OF THE SOFTWARE OR DOCUMENT.
+
+The name and trademarks of copyright holders may NOT be used in advertising or publicity pertaining to the work without specific, written prior permission. Title to copyright in this work will at all times remain with copyright holders.
+*/
+(window.webpackJsonpjwplayer=window.webpackJsonpjwplayer||[]).push([[1],[,,,,,,,,,,,,,,,,,function(t,e,n){"use strict";n.r(e);var i,o=n(8),a=n(3),r=n(7),l=n(43),s=n(5),c=n(15),u=n(40);function w(t){return i||(i=new DOMParser),Object(s.r)(Object(s.s)(i.parseFromString(t,"image/svg+xml").documentElement))}var p=function(t,e,n,i){var o=document.createElement("div");o.className="jw-icon jw-icon-inline jw-button-color jw-reset "+t,o.setAttribute("role","button"),o.setAttribute("tabindex","0"),n&&o.setAttribute("aria-label",n),o.style.display="none";var a=new u.a(o).on("click tap enter",e||function(){});return i&&Array.prototype.forEach.call(i,(function(t){"string"==typeof t?o.appendChild(w(t)):o.appendChild(t)})),{ui:a,element:function(){return o},toggle:function(t){t?this.show():this.hide()},show:function(){o.style.display=""},hide:function(){o.style.display="none"}}},d=n(0),j=n(71),h=n.n(j),f=n(72),g=n.n(f),b=n(73),y=n.n(b),v=n(74),m=n.n(v),x=n(75),k=n.n(x),O=n(76),C=n.n(O),S=n(77),T=n.n(S),M=n(78),z=n.n(M),E=n(79),L=n.n(E),B=n(80),_=n.n(B),V=n(81),A=n.n(V),N=n(82),H=n.n(N),P=n(83),I=n.n(P),R=n(84),q=n.n(R),D=n(85),U=n.n(D),F=n(86),W=n.n(F),Z=n(62),K=n.n(Z),X=n(87),Y=n.n(X),G=n(88),J=n.n(G),Q=n(89),$=n.n(Q),tt=n(90),et=n.n(tt),nt=n(91),it=n.n(nt),ot=n(92),at=n.n(ot),rt=n(93),lt=n.n(rt),st=n(94),ct=n.n(st),ut=null;function wt(t){var e=ht().querySelector(dt(t));if(e)return jt(e);throw new Error("Icon not found "+t)}function pt(t){var e=ht().querySelectorAll(t.split(",").map(dt).join(","));if(!e.length)throw new Error("Icons not found "+t);return Array.prototype.map.call(e,(function(t){return jt(t)}))}function dt(t){return".jw-svg-icon-".concat(t)}function jt(t){return t.cloneNode(!0)}function ht(){return ut||(ut=w(""+h.a+g.a+y.a+m.a+k.a+C.a+T.a+z.a+L.a+_.a+A.a+H.a+I.a+q.a+U.a+W.a+K.a+Y.a+J.a+$.a+et.a+it.a+at.a+lt.a+ct.a+" ")),ut}var ft=n(10);function gt(t,e){for(var n=0;n10&&delete bt[e[0]];var n=w(t);bt[t]=n}return bt[t].cloneNode(!0)}(e):((r=document.createElement("div")).className="jw-icon jw-button-image jw-button-color jw-reset",e&&Object(ft.d)(r,{backgroundImage:"url(".concat(e,")")})),l.appendChild(r),new u.a(l).on("click tap enter",i,this),l.addEventListener("mousedown",(function(t){t.preventDefault()})),this.id=o,this.buttonElement=l}var e,n,i;return e=t,(n=[{key:"element",value:function(){return this.buttonElement}},{key:"toggle",value:function(t){t?this.show():this.hide()}},{key:"show",value:function(){this.buttonElement.style.display=""}},{key:"hide",value:function(){this.buttonElement.style.display="none"}}])&>(e.prototype,n),i&>(e,i),t}(),vt=n(11);function mt(t,e){for(var n=0;n=0&&(e.left-=n,e.right-=n),e},kt=function(){function t(e,n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),Object(d.g)(this,r.a),this.className=e+" jw-background-color jw-reset",this.orientation=n}var e,n,i;return e=t,(n=[{key:"setup",value:function(){this.el=Object(s.e)(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return''}(this.className,"jw-slider-"+this.orientation)),this.elementRail=this.el.getElementsByClassName("jw-slider-container")[0],this.elementBuffer=this.el.getElementsByClassName("jw-buffer")[0],this.elementProgress=this.el.getElementsByClassName("jw-progress")[0],this.elementThumb=this.el.getElementsByClassName("jw-knob")[0],this.ui=new u.a(this.element(),{preventScrolling:!0}).on("dragStart",this.dragStart,this).on("drag",this.dragMove,this).on("dragEnd",this.dragEnd,this).on("click tap",this.tap,this)}},{key:"dragStart",value:function(){this.trigger("dragStart"),this.railBounds=xt(this.elementRail)}},{key:"dragEnd",value:function(t){this.dragMove(t),this.trigger("dragEnd")}},{key:"dragMove",value:function(t){var e,n,i=this.railBounds=this.railBounds?this.railBounds:xt(this.elementRail);return n="horizontal"===this.orientation?(e=t.pageX)i.right?100:100*Object(l.a)((e-i.left)/i.width,0,1):(e=t.pageY)>=i.bottom?0:e<=i.top?100:100*Object(l.a)((i.height-(e-i.top))/i.height,0,1),this.render(n),this.update(n),!1}},{key:"tap",value:function(t){this.railBounds=xt(this.elementRail),this.dragMove(t)}},{key:"limit",value:function(t){return t}},{key:"update",value:function(t){this.trigger("update",{percentage:t})}},{key:"render",value:function(t){t=Math.max(0,Math.min(t,100)),"horizontal"===this.orientation?(this.elementThumb.style.left=t+"%",this.elementProgress.style.width=t+"%"):(this.elementThumb.style.bottom=t+"%",this.elementProgress.style.height=t+"%")}},{key:"updateBuffer",value:function(t){this.elementBuffer.style.width=t+"%"}},{key:"element",value:function(){return this.el}}])&&mt(e.prototype,n),i&&mt(e,i),t}(),Ot=function(t,e){t&&e&&(t.setAttribute("aria-label",e),t.setAttribute("role","button"),t.setAttribute("tabindex","0"))};function Ct(t,e){for(var n=0;n0&&Array.prototype.forEach.call(o,(function(t){"string"==typeof t?a.el.appendChild(w(t)):a.el.appendChild(t)}))}var e,n,i;return e=t,(n=[{key:"addContent",value:function(t){this.content&&this.removeContent(),this.content=t,this.tooltip.appendChild(t)}},{key:"removeContent",value:function(){this.content&&(this.tooltip.removeChild(this.content),this.content=null)}},{key:"hasContent",value:function(){return!!this.content}},{key:"element",value:function(){return this.el}},{key:"openTooltip",value:function(t){this.isOpen||(this.trigger("open-"+this.componentType,t,{isOpen:!0}),this.isOpen=!0,Object(s.v)(this.el,this.openClass,this.isOpen))}},{key:"closeTooltip",value:function(t){this.isOpen&&(this.trigger("close-"+this.componentType,t,{isOpen:!1}),this.isOpen=!1,Object(s.v)(this.el,this.openClass,this.isOpen))}},{key:"toggleOpenState",value:function(t){this.isOpen?this.closeTooltip(t):this.openTooltip(t)}}])&&Ct(e.prototype,n),i&&Ct(e,i),t}(),Tt=n(22),Mt=n(57);function zt(t,e){for(var n=0;n=this.thumbnails.length&&(e=this.thumbnails.length-1);var n=this.thumbnails[e].img;return n.indexOf("://")<0&&(n=this.vttPath?this.vttPath+"/"+n:n),n},loadThumbnail:function(t){var e=this.chooseThumbnail(t),n={margin:"0 auto",backgroundPosition:"0 0"};if(e.indexOf("#xywh")>0)try{var i=/(.+)#xywh=(\d+),(\d+),(\d+),(\d+)/.exec(e);e=i[1],n.backgroundPosition=-1*i[2]+"px "+-1*i[3]+"px",n.width=i[4],this.timeTip.setWidth(+n.width),n.height=i[5]}catch(t){return}else this.individualImage||(this.individualImage=new Image,this.individualImage.onload=Object(d.a)((function(){this.individualImage.onload=null,this.timeTip.image({width:this.individualImage.width,height:this.individualImage.height}),this.timeTip.setWidth(this.individualImage.width)}),this),this.individualImage.src=e);return n.backgroundImage='url("'+e+'")',n},showThumbnail:function(t){this._model.get("containerWidth")<=420||this.thumbnails.length<1||this.timeTip.image(this.loadThumbnail(t))},resetThumbnails:function(){this.timeTip.image({backgroundImage:"",width:0,height:0}),this.thumbnails=[]}};function Vt(t,e,n){return(Vt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var i=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=Rt(t)););return t}(t,e);if(i){var o=Object.getOwnPropertyDescriptor(i,e);return o.get?o.get.call(n):o.value}})(t,e,n||t)}function At(t){return(At="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Nt(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ht(t,e){for(var n=0;n-1&&(i="Live")}var w=this.timeTip;w.update(i),this.textLength!==i.length&&(this.textLength=i.length,w.resetWidth()),this.showThumbnail(u),Object(s.a)(w.el,"jw-open");var p=w.getWidth(),d=a.width/100,j=o-a.width,h=0;p>j&&(h=(p-j)/(200*d));var f=100*Math.min(1-h,Math.max(h,c)).toFixed(3);Object(ft.d)(w.el,{left:f+"%"})}}},{key:"hideTimeTooltip",value:function(){Object(s.o)(this.timeTip.el,"jw-open")}},{key:"updateCues",value:function(t,e){var n=this;this.resetCues(),e&&e.length&&(e.forEach((function(t){n.addCue(t)})),this.drawCues())}},{key:"updateAriaText",value:function(){var t=this._model;if(!t.get("seeking")){var e=t.get("position"),n=t.get("duration"),i=Object(vt.timeFormat)(e);"DVR"!==this.streamType&&(i+=" of ".concat(Object(vt.timeFormat)(n)));var o=this.el;document.activeElement!==o&&(this.timeUpdateKeeper.textContent=i),Object(s.t)(o,"aria-valuenow",e),Object(s.t)(o,"aria-valuetext",i)}}},{key:"reset",value:function(){this.resetThumbnails(),this.timeTip.resetWidth(),this.textLength=0}}]),e}(kt);Object(d.g)(Ft.prototype,Lt,_t);var Wt=Ft;function Zt(t,e){for(var n=0;n=75&&!t),Object(s.t)(r,"aria-valuenow",o),Object(s.t)(l,"aria-valuenow",o);var c="Volume ".concat(o,"%");Object(s.t)(r,"aria-valuetext",c),Object(s.t)(l,"aria-valuetext",c),document.activeElement!==r&&document.activeElement!==l&&(this._volumeAnnouncer.textContent=c)}}},{key:"onCastAvailable",value:function(t,e){this.elements.cast.toggle(e)}},{key:"onCastActive",value:function(t,e){this.elements.fullscreen.toggle(!e),this.elements.cast.button&&Object(s.v)(this.elements.cast.button,"jw-off",!e)}},{key:"onElapsed",value:function(t,e){var n,i,o=t.get("duration");if("DVR"===t.get("streamType")){var a=Math.ceil(e),r=this._model.get("dvrSeekLimit");n=i=a>=-r?"":"-"+Object(vt.timeFormat)(-(e+r)),t.set("dvrLive",a>=-r)}else n=Object(vt.timeFormat)(e),i=Object(vt.timeFormat)(o-e);this.elements.elapsed.textContent=n,this.elements.countdown.textContent=i}},{key:"onDuration",value:function(t,e){this.elements.duration.textContent=Object(vt.timeFormat)(Math.abs(e))}},{key:"onAudioMode",value:function(t,e){var n=this.elements.time.element();e?this.elements.buttonContainer.insertBefore(n,this.elements.elapsed):Object(s.m)(this.el,n)}},{key:"element",value:function(){return this.el}},{key:"setAltText",value:function(t,e){this.elements.alt.textContent=e}},{key:"closeMenus",value:function(t){this.menus.forEach((function(e){t&&t.target===e.el||e.closeTooltip(t)}))}},{key:"rewind",value:function(){var t,e=0,n=this._model.get("currentTime");n?t=n-10:(t=this._model.get("position")-10,"DVR"===this._model.get("streamType")&&(e=this._model.get("duration"))),this._api.seek(Math.max(t,e),{reason:"interaction"})}},{key:"onState",value:function(t,e){var n=t.get("localization"),i=n.play;this.setPlayText(i),e===a.pb&&("LIVE"!==t.get("streamType")?(i=n.pause,this.setPlayText(i)):(i=n.stop,this.setPlayText(i))),Object(s.t)(this.elements.play.element(),"aria-label",i)}},{key:"onStreamTypeChange",value:function(t,e){var n="LIVE"===e,i="DVR"===e;this.elements.rewind.toggle(!n),this.elements.live.toggle(n||i),Object(s.t)(this.elements.live.element(),"tabindex",n?"-1":"0"),this.elements.duration.style.display=i?"none":"",this.onDuration(t,t.get("duration")),this.onState(t,t.get("state"))}},{key:"addLogo",value:function(t){var e=this.elements.buttonContainer,n=new yt(t.file,this._model.get("localization").logo,(function(){t.link&&Object(s.l)(t.link,"_blank",{rel:"noreferrer"})}),"logo","jw-logo-button");t.link||Object(s.t)(n.element(),"tabindex","-1"),e.insertBefore(n.element(),e.querySelector(".jw-spacer").nextSibling)}},{key:"goToLiveEdge",value:function(){if("DVR"===this._model.get("streamType")){var t=Math.min(this._model.get("position"),-1),e=this._model.get("dvrSeekLimit");this._api.seek(Math.max(-e,t),{reason:"interaction"}),this._api.play({reason:"interaction"})}}},{key:"updateButtons",value:function(t,e,n){if(e){var i,o,a=this.elements.buttonContainer;e!==n&&n?(i=ce(e,n),o=ce(n,e),this.removeButtons(a,o)):i=e;for(var r=i.length-1;r>=0;r--){var l=i[r],s=new yt(l.img,l.tooltip,l.callback,l.id,l.btnClass);l.tooltip&&ie(s.element(),l.id,l.tooltip);var c=void 0;"related"===s.id?c=this.elements.settingsButton.element():"share"===s.id?c=a.querySelector('[button="related"]')||this.elements.settingsButton.element():(c=this.elements.spacer.nextSibling)&&"logo"===c.getAttribute("button")&&(c=c.nextSibling),a.insertBefore(s.element(),c)}}}},{key:"removeButtons",value:function(t,e){for(var n=e.length;n--;){var i=t.querySelector('[button="'.concat(e[n].id,'"]'));i&&t.removeChild(i)}}},{key:"toggleCaptionsButtonState",value:function(t){var e=this.elements.captionsButton;e&&Object(s.v)(e.element(),"jw-off",!t)}},{key:"destroy",value:function(){var t=this;this._model.off(null,null,this),Object.keys(this.elements).forEach((function(e){var n=t.elements[e];n&&"function"==typeof n.destroy&&t.elements[e].destroy()})),this.ui.forEach((function(t){t.destroy()})),this.ui=[]}}])&&ae(e.prototype,n),i&&ae(e,i),t}(),pe=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return'"},de=function(t){return'"};function je(t,e){for(var n=0;n'.concat(a.playback,"
")),Object(s.a)(o.icon,"jw-idle-label"),o.icon.appendChild(l))}return o}var n,i,o;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&ve(t,e)}(e,t),n=e,(i=[{key:"element",value:function(){return this.el}}])&&ge(n.prototype,i),o&&ge(n,o),e}(r.a);function xe(t,e){for(var n=0;n
+
+
+
+
\ No newline at end of file
diff --git a/ui/setup/migrate.html b/ui/setup/migrate.html
new file mode 100644
index 000000000..632f30144
--- /dev/null
+++ b/ui/setup/migrate.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ui/v2.5/.babelrc b/ui/v2.5/.babelrc
new file mode 100644
index 000000000..c14b2828d
--- /dev/null
+++ b/ui/v2.5/.babelrc
@@ -0,0 +1,3 @@
+{
+ "presets": ["react-app"]
+}
diff --git a/ui/v2.5/.editorconfig b/ui/v2.5/.editorconfig
new file mode 100644
index 000000000..86a63dc0f
--- /dev/null
+++ b/ui/v2.5/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/ui/v2.5/.env b/ui/v2.5/.env
new file mode 100644
index 000000000..e56c6e3aa
--- /dev/null
+++ b/ui/v2.5/.env
@@ -0,0 +1,2 @@
+BROWSER=none
+PORT=3000
diff --git a/ui/v2.5/.eslintrc.json b/ui/v2.5/.eslintrc.json
new file mode 100644
index 000000000..f26d60fca
--- /dev/null
+++ b/ui/v2.5/.eslintrc.json
@@ -0,0 +1,66 @@
+{
+ "parser": "@typescript-eslint/parser",
+ "parserOptions": {
+ "project": "./tsconfig.json"
+ },
+ "plugins": [
+ "@typescript-eslint"
+ ],
+ "extends": [
+ "airbnb-typescript",
+ "airbnb/hooks",
+ "prettier",
+ "prettier/react",
+ "prettier/@typescript-eslint"
+ ],
+ "rules": {
+ "@typescript-eslint/explicit-function-return-type": "off",
+ "@typescript-eslint/no-explicit-any": 2,
+ "lines-between-class-members": "off",
+ "@typescript-eslint/interface-name-prefix": [
+ "warn",
+ { "prefixWithI": "always" }
+ ],
+ "import/extensions": [
+ "error",
+ "ignorePackages",
+ {
+ "js": "never",
+ "jsx": "never",
+ "ts": "never",
+ "tsx": "never"
+ }
+ ],
+ "import/named": "off",
+ "import/namespace": "off",
+ "import/default": "off",
+ "import/no-named-as-default-member": "off",
+ "import/no-named-as-default": "off",
+ "import/no-cycle": "off",
+ "import/no-unused-modules": "off",
+ "import/no-deprecated": "off",
+ "import/no-unresolved": "off",
+ "import/prefer-default-export": "off",
+ "import/no-extraneous-dependencies": "off",
+ "indent": "off",
+ "@typescript-eslint/indent": "off",
+ "react/prop-types": "off",
+ "react/destructuring-assignment": "off",
+ "react/jsx-props-no-spreading": "off",
+ "react/style-prop-object": ["error", {
+ "allow": ["FormattedNumber"]
+ }],
+ "spaced-comment": ["error", "always", {
+ "markers": ["/"]
+ }],
+ "max-classes-per-file": "off",
+ "no-plusplus": "off",
+ "prefer-destructuring": ["error", {"object": true, "array": false}],
+ "default-case": "off",
+ "consistent-return": "off",
+ "@typescript-eslint/no-use-before-define": ["error", { "functions": false, "classes": true }],
+ "no-underscore-dangle": "off",
+ "no-nested-ternary": "off",
+ "jsx-a11y/media-has-caption": "off"
+ }
+}
diff --git a/ui/v2.5/.gitignore b/ui/v2.5/.gitignore
new file mode 100755
index 000000000..d7b8f1bd7
--- /dev/null
+++ b/ui/v2.5/.gitignore
@@ -0,0 +1,25 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.eslintcache
diff --git a/ui/v2.5/.stylelintrc b/ui/v2.5/.stylelintrc
new file mode 100644
index 000000000..a87318b34
--- /dev/null
+++ b/ui/v2.5/.stylelintrc
@@ -0,0 +1,93 @@
+{
+ "plugins": [
+ "stylelint-order"
+ ],
+ "extends": "stylelint-config-prettier",
+ "rules": {
+ "indentation": 2,
+ "at-rule-empty-line-before": [ "always", {
+ except: ["after-same-name", "first-nested" ],
+ ignore: ["after-comment"],
+ } ],
+ "at-rule-no-vendor-prefix": true,
+ "selector-no-vendor-prefix": true,
+ "block-closing-brace-newline-after": "always",
+ "block-closing-brace-newline-before": "always-multi-line",
+ "block-closing-brace-space-before": "always-single-line",
+ "block-no-empty": true,
+ "block-opening-brace-newline-after": "always-multi-line",
+ "block-opening-brace-space-after": "always-single-line",
+ "block-opening-brace-space-before": "always",
+ "color-hex-case": "lower",
+ "color-hex-length": "short",
+ "color-no-invalid-hex": true,
+ "comment-empty-line-before": [ "always", {
+ except: ["first-nested"],
+ ignore: ["stylelint-commands"],
+ } ],
+ "comment-whitespace-inside": "always",
+ "declaration-bang-space-after": "never",
+ "declaration-bang-space-before": "always",
+ "declaration-block-no-shorthand-property-overrides": true,
+ "declaration-block-semicolon-newline-after": "always-multi-line",
+ "declaration-block-semicolon-space-after": "always-single-line",
+ "declaration-block-semicolon-space-before": "never",
+ "declaration-block-single-line-max-declarations": 1,
+ "declaration-block-trailing-semicolon": "always",
+ "declaration-colon-space-after": "always-single-line",
+ "declaration-colon-space-before": "never",
+ "declaration-no-important": true,
+ "font-family-name-quotes": "always-where-recommended",
+ "function-calc-no-unspaced-operator": true,
+ "function-comma-newline-after": "always-multi-line",
+ "function-comma-space-after": "always-single-line",
+ "function-comma-space-before": "never",
+ "function-linear-gradient-no-nonstandard-direction": true,
+ "function-parentheses-newline-inside": "always-multi-line",
+ "function-parentheses-space-inside": "never-single-line",
+ "function-url-quotes": "always",
+ "function-whitespace-after": "always",
+ "length-zero-no-unit": true,
+ "max-empty-lines": 1,
+ "max-nesting-depth": 4,
+ "media-feature-colon-space-after": "always",
+ "media-feature-colon-space-before": "never",
+ "media-feature-range-operator-space-after": "always",
+ "media-feature-range-operator-space-before": "always",
+ "media-query-list-comma-newline-after": "always-multi-line",
+ "media-query-list-comma-space-after": "always-single-line",
+ "media-query-list-comma-space-before": "never",
+ "media-feature-parentheses-space-inside": "never",
+ "no-descending-specificity": null,
+ "no-invalid-double-slash-comments": true,
+ "no-missing-end-of-source-newline": true,
+ "number-max-precision": 2,
+ "number-no-trailing-zeros": true,
+ "order/order": [
+ "custom-properties",
+ "declarations"
+ ],
+ "order/properties-alphabetical-order": true,
+ "rule-empty-line-before": ["always-multi-line", {
+ except: ["after-single-line-comment", "first-nested" ],
+ ignore: ["after-comment"],
+ }],
+ "selector-max-id": 1,
+ "selector-max-type": 2,
+ "selector-class-pattern": "^(\\.*[A-Z]*[a-z]+)+(-[a-z0-9]+)*$",
+ "selector-combinator-space-after": "always",
+ "selector-combinator-space-before": "always",
+ "selector-list-comma-newline-after": "always",
+ "selector-list-comma-space-before": "never",
+ "selector-max-universal": 0,
+ "selector-type-case": "lower",
+ "selector-pseudo-element-colon-notation": "double",
+ "string-no-newline": true,
+ "string-quotes": "double",
+ "time-min-milliseconds": 100,
+ "unit-blacklist": ["em"],
+ "value-list-comma-space-after": "always-single-line",
+ "value-list-comma-space-before": "never",
+ "value-no-vendor-prefix": true
+ },
+}
diff --git a/ui/v2.5/.vscode/launch.json b/ui/v2.5/.vscode/launch.json
new file mode 100644
index 000000000..a0b21cbef
--- /dev/null
+++ b/ui/v2.5/.vscode/launch.json
@@ -0,0 +1,18 @@
+{
+ // Use IntelliSense to learn about possible attributes.
+ // Hover to view descriptions of existing attributes.
+ // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+ "version": "0.2.0",
+ "configurations": [
+ {
+ "type": "chrome",
+ "request": "launch",
+ "name": "Chrome",
+ "url": "http://localhost:3000",
+ "webRoot": "${workspaceFolder}/src",
+ "sourceMapPathOverrides": {
+ "webpack:///src/*": "${webRoot}/*"
+ }
+ }
+ ]
+}
\ No newline at end of file
diff --git a/ui/v2.5/.vscode/settings.json b/ui/v2.5/.vscode/settings.json
new file mode 100644
index 000000000..ba34e28f0
--- /dev/null
+++ b/ui/v2.5/.vscode/settings.json
@@ -0,0 +1,10 @@
+{
+ "typescript.tsdk": "node_modules/typescript/lib",
+ "editor.tabSize": 2,
+ "editor.renderWhitespace": "boundary",
+ "editor.wordWrap": "bounded",
+ "javascript.preferences.importModuleSpecifier": "relative",
+ "typescript.preferences.importModuleSpecifier": "relative",
+ "editor.wordWrapColumn": 120,
+ "editor.rulers": [120]
+}
\ No newline at end of file
diff --git a/ui/v2.5/README.md b/ui/v2.5/README.md
new file mode 100755
index 000000000..bb215a23c
--- /dev/null
+++ b/ui/v2.5/README.md
@@ -0,0 +1,74 @@
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `yarn start`
+
+Runs the app in the development mode.+ Your current stash database is schema version {{.ExistingVersion}} and needs to be migrated to version {{.MigrateVersion}}. + This version of Stash will not function without migrating the database. The schema migration process is not reversible. Once the migration is + performed, your database will be incompatible with previous versions of stash. +
+ +
+ It is recommended that you backup your existing database before you migrate. We can do this for you, writing a backup to {{.BackupPath}} if required.
+
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser. + +The page will reload if you make edits.
+You will also see any lint errors in the console. + +### `yarn test` + +Launches the test runner in the interactive watch mode.
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. + +### `yarn build` + +Builds the app for production to the `build` folder.
+It correctly bundles React in production mode and optimizes the build for the best performance. + +The build is minified and the filenames include the hashes.
+Your app is ready to be deployed! + +See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. + +### `yarn format` + +Formats the whitespace of all typescript and scss code with prettier, to ease editing and ensure a common code style. + +Should ideally be run before all frontend PRs. + +### `yarn eject` + +**Note: this is a one-way operation. Once you `eject`, you can’t go back!** + +If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. + +Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own. + +You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it. + +## Learn More + +You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). + +To learn React, check out the [React documentation](https://reactjs.org/). + +### Code Splitting + +This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting + +### Analyzing the Bundle Size + +This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size + +### Making a Progressive Web App + +This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app + +### Advanced Configuration + +This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration + +### Deployment + +This section has moved here: https://facebook.github.io/create-react-app/docs/deployment + +### `yarn build` fails to minify + +This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify diff --git a/ui/v2.5/codegen.yml b/ui/v2.5/codegen.yml new file mode 100644 index 000000000..dbab06402 --- /dev/null +++ b/ui/v2.5/codegen.yml @@ -0,0 +1,15 @@ +overwrite: true +schema: "../../graphql/schema/**/*.graphql" +documents: "../../graphql/documents/**/*.graphql" +generates: + src/core/generated-graphql.tsx: + config: + withHooks: true + withHOC: false + withComponents: false + plugins: + - add: "/* eslint-disable */" + - time + - typescript + - typescript-operations + - typescript-react-apollo diff --git a/ui/v2.5/package.json b/ui/v2.5/package.json new file mode 100644 index 000000000..29f895d36 --- /dev/null +++ b/ui/v2.5/package.json @@ -0,0 +1,104 @@ +{ + "name": "stash", + "version": "0.1.0", + "private": true, + "sideEffects": false, + "scripts": { + "start": "react-scripts start", + "build": "react-scripts build", + "test": "react-scripts test", + "eject": "react-scripts eject", + "build-ci": "yarn validate && yarn build", + "validate": "yarn lint && yarn format-check", + "lint": "yarn lint:css && yarn lint:js", + "lint:js": "eslint --cache src/**/*.{ts,tsx}", + "lint:css": "stylelint \"src/**/*.scss\"", + "format": "prettier --write \"src/**/!(generated-graphql).{js,jsx,ts,tsx,scss}\"", + "format-check": "prettier --check \"src/**/!(generated-graphql).{js,jsx,ts,tsx,scss}\"", + "gqlgen": "gql-gen --config codegen.yml", + "extract": "NODE_ENV=development extract-messages -l=en,de -o src/locale -d en --flat false 'src/**/!(*.test).tsx'" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ], + "dependencies": { + "@apollo/react-hooks": "^3.1.5", + "@formatjs/intl-numberformat": "^4.2.1", + "@fortawesome/fontawesome-svg-core": "^1.2.28", + "@fortawesome/free-solid-svg-icons": "^5.13.0", + "@fortawesome/react-fontawesome": "^0.1.9", + "apollo-cache": "^1.3.4", + "apollo-cache-inmemory": "^1.6.5", + "apollo-client": "^2.6.8", + "apollo-link": "^1.2.14", + "apollo-link-error": "^1.1.13", + "apollo-link-http": "^1.5.17", + "apollo-link-ws": "^1.0.20", + "apollo-utilities": "^1.3.3", + "axios": "0.19.2", + "bootstrap": "^4.4.1", + "classnames": "^2.2.6", + "flag-icon-css": "^3.4.6", + "formik": "^2.1.4", + "graphql": "^14.5.8", + "graphql-tag": "^2.10.3", + "i18n-iso-countries": "^5.2.0", + "jimp": "^0.12.1", + "localforage": "1.7.3", + "lodash": "^4.17.15", + "query-string": "6.12.1", + "react": "16.13.1", + "react-apollo": "^3.1.5", + "react-bootstrap": "1.0.1", + "react-dom": "16.13.1", + "react-images": "0.5.19", + "react-intl": "^4.5.1", + "react-jw-player": "1.19.1", + "react-markdown": "^4.3.1", + "react-photo-gallery": "^8.0.0", + "react-router-bootstrap": "^0.25.0", + "react-router-dom": "^5.1.2", + "react-select": "^3.1.0", + "subscriptions-transport-ws": "^0.9.16", + "universal-cookie": "^4.0.3" + }, + "devDependencies": { + "@graphql-codegen/add": "^1.13.5", + "@graphql-codegen/cli": "^1.13.5", + "@graphql-codegen/time": "^1.13.5", + "@graphql-codegen/typescript": "^1.13.5", + "@graphql-codegen/typescript-compatibility": "^1.13.5", + "@graphql-codegen/typescript-operations": "^1.13.5", + "@graphql-codegen/typescript-react-apollo": "^1.13.5", + "@types/classnames": "^2.2.10", + "@types/lodash": "^4.14.150", + "@types/node": "13.13.4", + "@types/react": "16.9.34", + "@types/react-dom": "^16.9.7", + "@types/react-images": "^0.5.1", + "@types/react-router-bootstrap": "^0.24.5", + "@types/react-router-dom": "5.1.5", + "@types/react-select": "^3.0.12", + "@typescript-eslint/eslint-plugin": "^2.30.0", + "@typescript-eslint/parser": "^2.30.0", + "eslint": "^6.8.0", + "eslint-config-airbnb-typescript": "^7.2.1", + "eslint-config-prettier": "^6.11.0", + "eslint-plugin-import": "^2.20.2", + "eslint-plugin-jsx-a11y": "^6.2.3", + "eslint-plugin-react": "^7.19.0", + "eslint-plugin-react-hooks": "^4.0.0", + "extract-react-intl-messages": "^4.1.1", + "node-sass": "4.14.0", + "postcss-safe-parser": "^4.0.2", + "prettier": "2.0.5", + "react-scripts": "^3.4.1", + "stylelint": "^13.3.3", + "stylelint-config-prettier": "^8.0.1", + "stylelint-order": "^4.0.0", + "typescript": "^3.8.3" + } +} diff --git a/ui/v2.5/public/favicon.ico b/ui/v2.5/public/favicon.ico new file mode 100644 index 000000000..6ff0465ca Binary files /dev/null and b/ui/v2.5/public/favicon.ico differ diff --git a/ui/v2.5/public/index.html b/ui/v2.5/public/index.html new file mode 100755 index 000000000..322bc1d11 --- /dev/null +++ b/ui/v2.5/public/index.html @@ -0,0 +1,41 @@ + + + + + + + + + + +
'+pe("rewind",t.rewind)+pe("display",t.playback)+pe("next",t.next)+"
'+'
'.concat(t,"
")+''.concat(e,"
")+''.concat(n,"
")+"'+'
");if(this.el){if(this.html!==a){this.html=a;var r=He(a);Object(s.h)(this.el);for(var l=r.childNodes.length;l--;)this.el.appendChild(r.firstChild)}}else this.html=a,this.el=He(this.html),this.wrapperElement.appendChild(this.el),this.hideMenuHandler=function(t){return o.hideMenu(t)},this.overHandler=function(){o.mouseOverContext=!0},this.outHandler=function(t){o.mouseOverContext=!1,t.relatedTarget&&!o.el.contains(t.relatedTarget)&&++o.outCount>1&&o.hideMenu()},this.infoOverlayHandler=function(){o.mouseOverContext=!1,o.hideMenu(),o.infoOverlay.open()},this.shortcutsTooltipHandler=function(){o.mouseOverContext=!1,o.hideMenu(),o.shortcutsTooltip.open()}}},{key:"setup",value:function(t,e,n){this.wrapperElement=n,this.model=t,this.mouseOverContext=!1,this.playerContainer=e,this.ui=new u.a(n).on("longPress",this.rightClick,this)}},{key:"addHideMenuHandlers",value:function(){this.removeHideMenuHandlers(),this.wrapperElement.addEventListener("touchstart",this.hideMenuHandler),document.addEventListener("touchstart",this.hideMenuHandler),o.OS.mobile||(this.wrapperElement.addEventListener("click",this.hideMenuHandler),document.addEventListener("click",this.hideMenuHandler),this.el.addEventListener("mouseover",this.overHandler),this.el.addEventListener("mouseout",this.outHandler)),this.el.querySelector(".jw-info-overlay-item").addEventListener("click",this.infoOverlayHandler),this.shortcutsTooltip&&this.el.querySelector(".jw-shortcuts-item").addEventListener("click",this.shortcutsTooltipHandler)}},{key:"removeHideMenuHandlers",value:function(){this.wrapperElement&&(this.wrapperElement.removeEventListener("click",this.hideMenuHandler),this.wrapperElement.removeEventListener("touchstart",this.hideMenuHandler)),this.el&&(this.el.querySelector(".jw-info-overlay-item").removeEventListener("click",this.infoOverlayHandler),this.el.removeEventListener("mouseover",this.overHandler),this.el.removeEventListener("mouseout",this.outHandler),this.shortcutsTooltip&&this.el.querySelector(".jw-shortcuts-item").removeEventListener("click",this.shortcutsTooltipHandler)),document.removeEventListener("click",this.hideMenuHandler),document.removeEventListener("touchstart",this.hideMenuHandler)}},{key:"destroy",value:function(){clearTimeout(this._menuTimeout),this.removeHideMenuHandlers(),this.el&&(this.hideMenu(),this.hideMenuHandler=null,this.el=null),this.wrapperElement&&(this.wrapperElement.oncontextmenu=null,this.wrapperElement=null),this.model&&(this.model=null),this.ui&&(this.ui.destroy(),this.ui=null)}}])&&Ae(e.prototype,n),i&&Ae(e,i),t}(),Ie=function(t){return'")},Re=function(t){return'"},qe=function(t){return'"};function De(t){return(De="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function Ue(t,e){return!e||"object"!==De(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Fe(t){return(Fe=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function We(t,e){return(We=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Ze(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ke(t,e){for(var n=0;n- '.concat(i.join(""),"
'+''.concat(t.description,"")+''.concat(t.key,"")+"
"})).join("");return'')+'Press shift question mark to access a list of keyboard shortcuts
"}(function(t){var e=t.playPause,n=t.volumeToggle,i=t.fullscreenToggle,o=t.seekPercent,a=t.increaseVolume,r=t.decreaseVolume,l=t.seekForward,s=t.seekBackward;return[{key:t.spacebar,description:e},{key:"↑",description:a},{key:"↓",description:r},{key:"→",description:l},{key:"←",description:s},{key:"c",description:t.captionsToggle},{key:"f",description:i},{key:"m",description:n},{key:"0-9",description:o}]}(l),l.keyboardShortcuts)),w={reason:"settingsInteraction"},d=new u.a(c.querySelector(".jw-switch")),j=function(){d.el.setAttribute("aria-checked",n.get("enableShortcuts")),Object(s.a)(c,"jw-open"),r=n.get("state"),c.querySelector(".jw-shortcuts-close").focus(),document.addEventListener("click",f),o=!0,e.pause(w)},h=function(){Object(s.o)(c,"jw-open"),document.removeEventListener("click",f),t.focus(),o=!1,r===a.pb&&e.play(w)},f=function(t){/jw-shortcuts|jw-switch/.test(t.target.className)||h()},g=function(t){var e=t.currentTarget,i="true"!==e.getAttribute("aria-checked");e.setAttribute("aria-checked",i),n.set("enableShortcuts",i)};return i=p("jw-shortcuts-close",h,n.get("localization").close,[wt("close")]),Object(s.m)(c,i.element()),i.show(),t.appendChild(c),d.on("click tap enter",g),{el:c,open:j,close:h,destroy:function(){h(),d.destroy()},toggleVisibility:function(){o?h():j()}}},mn=function(t){return'"};function xn(t){return(xn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function kn(t,e){for(var n=0;n'+''.concat(e,"")+'
'+"".concat(n)+"
'+pt("rewind",e.rewind)+pt("display",e.playback)+pt("next",e.next)+"
'+'
'.concat(e,"
")+''.concat(t,"
")+''.concat(i,"
")+"'+'
");if(this.el){if(this.html!==a){this.html=a;var r=Rt(a);Object(l.h)(this.el);for(var s=r.childNodes.length;s--;)this.el.appendChild(r.firstChild)}}else this.html=a,this.el=Rt(this.html),this.wrapperElement.appendChild(this.el),this.hideMenuHandler=function(e){return o.hideMenu(e)},this.overHandler=function(){o.mouseOverContext=!0},this.outHandler=function(e){o.mouseOverContext=!1,e.relatedTarget&&!o.el.contains(e.relatedTarget)&&++o.outCount>1&&o.hideMenu()},this.infoOverlayHandler=function(){o.mouseOverContext=!1,o.hideMenu(),o.infoOverlay.open()},this.shortcutsTooltipHandler=function(){o.mouseOverContext=!1,o.hideMenu(),o.shortcutsTooltip.open()}}},{key:"setup",value:function(e,t,i){this.wrapperElement=i,this.model=e,this.mouseOverContext=!1,this.playerContainer=t,this.ui=new u.a(i).on("longPress",this.rightClick,this)}},{key:"addHideMenuHandlers",value:function(){this.removeHideMenuHandlers(),this.wrapperElement.addEventListener("touchstart",this.hideMenuHandler),document.addEventListener("touchstart",this.hideMenuHandler),o.OS.mobile||(this.wrapperElement.addEventListener("click",this.hideMenuHandler),document.addEventListener("click",this.hideMenuHandler),this.el.addEventListener("mouseover",this.overHandler),this.el.addEventListener("mouseout",this.outHandler)),this.el.querySelector(".jw-info-overlay-item").addEventListener("click",this.infoOverlayHandler),this.shortcutsTooltip&&this.el.querySelector(".jw-shortcuts-item").addEventListener("click",this.shortcutsTooltipHandler)}},{key:"removeHideMenuHandlers",value:function(){this.wrapperElement&&(this.wrapperElement.removeEventListener("click",this.hideMenuHandler),this.wrapperElement.removeEventListener("touchstart",this.hideMenuHandler)),this.el&&(this.el.querySelector(".jw-info-overlay-item").removeEventListener("click",this.infoOverlayHandler),this.el.removeEventListener("mouseover",this.overHandler),this.el.removeEventListener("mouseout",this.outHandler),this.shortcutsTooltip&&this.el.querySelector(".jw-shortcuts-item").removeEventListener("click",this.shortcutsTooltipHandler)),document.removeEventListener("click",this.hideMenuHandler),document.removeEventListener("touchstart",this.hideMenuHandler)}},{key:"destroy",value:function(){clearTimeout(this._menuTimeout),this.removeHideMenuHandlers(),this.el&&(this.hideMenu(),this.hideMenuHandler=null,this.el=null),this.wrapperElement&&(this.wrapperElement.oncontextmenu=null,this.wrapperElement=null),this.model&&(this.model=null),this.ui&&(this.ui.destroy(),this.ui=null)}}])&&Bt(t.prototype,i),n&&Bt(t,n),e}(),Nt=function(e){return'")},Ht=function(e){return'"},Ft=function(e){return'"};function Dt(e){return(Dt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function qt(e,t){return!t||"object"!==Dt(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Ut(e){return(Ut=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Wt(e,t){return(Wt=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Qt(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Yt(e,t){for(var i=0;i- '.concat(n.join(""),"
'+''.concat(e.description,"")+''.concat(e.key,"")+"
"})).join("");return'')+'Press shift question mark to access a list of keyboard shortcuts
"}(function(e){var t=e.playPause,i=e.volumeToggle,n=e.fullscreenToggle,o=e.seekPercent,a=e.increaseVolume,r=e.decreaseVolume,s=e.seekForward,l=e.seekBackward;return[{key:e.spacebar,description:t},{key:"↑",description:a},{key:"↓",description:r},{key:"→",description:s},{key:"←",description:l},{key:"c",description:e.captionsToggle},{key:"f",description:n},{key:"m",description:i},{key:"0-9",description:o}]}(s),s.keyboardShortcuts)),d={reason:"settingsInteraction"},w=new u.a(c.querySelector(".jw-switch")),h=function(){w.el.setAttribute("aria-checked",i.get("enableShortcuts")),Object(l.a)(c,"jw-open"),r=i.get("state"),c.querySelector(".jw-shortcuts-close").focus(),document.addEventListener("click",g),o=!0,t.pause(d)},f=function(){Object(l.o)(c,"jw-open"),document.removeEventListener("click",g),e.focus(),o=!1,r===a.pb&&t.play(d)},g=function(e){/jw-shortcuts|jw-switch/.test(e.target.className)||f()},j=function(e){var t=e.currentTarget,n="true"!==t.getAttribute("aria-checked");t.setAttribute("aria-checked",n),i.set("enableShortcuts",n)};return n=p("jw-shortcuts-close",f,i.get("localization").close,[de("close")]),Object(l.m)(c,n.element()),n.show(),e.appendChild(c),w.on("click tap enter",j),{el:c,open:h,close:f,destroy:function(){f(),w.destroy()},toggleVisibility:function(){o?f():h()}}},vi=function(e){return'"};function yi(e){return(yi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function ki(e,t){for(var i=0;i'+''.concat(t,"")+'
'+"".concat(i)+"
'+pt("rewind",e.rewind)+pt("display",e.playback)+pt("next",e.next)+"
'+'
'.concat(e,"
")+''.concat(t,"
")+''.concat(n,"
")+"'+'
");if(this.el){if(this.html!==a){this.html=a;var r=Bt(a);Object(l.h)(this.el);for(var s=r.childNodes.length;s--;)this.el.appendChild(r.firstChild)}}else this.html=a,this.el=Bt(this.html),this.wrapperElement.appendChild(this.el),this.hideMenuHandler=function(e){return o.hideMenu(e)},this.overHandler=function(){o.mouseOverContext=!0},this.outHandler=function(e){o.mouseOverContext=!1,e.relatedTarget&&!o.el.contains(e.relatedTarget)&&++o.outCount>1&&o.hideMenu()},this.infoOverlayHandler=function(){o.mouseOverContext=!1,o.hideMenu(),o.infoOverlay.open()},this.shortcutsTooltipHandler=function(){o.mouseOverContext=!1,o.hideMenu(),o.shortcutsTooltip.open()}}},{key:"setup",value:function(e,t,n){this.wrapperElement=n,this.model=e,this.mouseOverContext=!1,this.playerContainer=t,this.ui=new u.a(n).on("longPress",this.rightClick,this)}},{key:"addHideMenuHandlers",value:function(){this.removeHideMenuHandlers(),this.wrapperElement.addEventListener("touchstart",this.hideMenuHandler),document.addEventListener("touchstart",this.hideMenuHandler),o.OS.mobile||(this.wrapperElement.addEventListener("click",this.hideMenuHandler),document.addEventListener("click",this.hideMenuHandler),this.el.addEventListener("mouseover",this.overHandler),this.el.addEventListener("mouseout",this.outHandler)),this.el.querySelector(".jw-info-overlay-item").addEventListener("click",this.infoOverlayHandler),this.shortcutsTooltip&&this.el.querySelector(".jw-shortcuts-item").addEventListener("click",this.shortcutsTooltipHandler)}},{key:"removeHideMenuHandlers",value:function(){this.wrapperElement&&(this.wrapperElement.removeEventListener("click",this.hideMenuHandler),this.wrapperElement.removeEventListener("touchstart",this.hideMenuHandler)),this.el&&(this.el.querySelector(".jw-info-overlay-item").removeEventListener("click",this.infoOverlayHandler),this.el.removeEventListener("mouseover",this.overHandler),this.el.removeEventListener("mouseout",this.outHandler),this.shortcutsTooltip&&this.el.querySelector(".jw-shortcuts-item").removeEventListener("click",this.shortcutsTooltipHandler)),document.removeEventListener("click",this.hideMenuHandler),document.removeEventListener("touchstart",this.hideMenuHandler)}},{key:"destroy",value:function(){clearTimeout(this._menuTimeout),this.removeHideMenuHandlers(),this.el&&(this.hideMenu(),this.hideMenuHandler=null,this.el=null),this.wrapperElement&&(this.wrapperElement.oncontextmenu=null,this.wrapperElement=null),this.model&&(this.model=null),this.ui&&(this.ui.destroy(),this.ui=null)}}])&&Rt(t.prototype,n),i&&Rt(t,i),e}(),Nt=function(e){return'")},Ht=function(e){return'"},Ft=function(e){return'"};function qt(e){return(qt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Dt(e,t){return!t||"object"!==qt(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Ut(e){return(Ut=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Wt(e,t){return(Wt=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Qt(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Yt(e,t){for(var n=0;n- '.concat(i.join(""),"
'+''.concat(e.description,"")+''.concat(e.key,"")+"
"})).join("");return'')+'Press shift question mark to access a list of keyboard shortcuts
"}(function(e){var t=e.playPause,n=e.volumeToggle,i=e.fullscreenToggle,o=e.seekPercent,a=e.increaseVolume,r=e.decreaseVolume,s=e.seekForward,l=e.seekBackward;return[{key:e.spacebar,description:t},{key:"↑",description:a},{key:"↓",description:r},{key:"→",description:s},{key:"←",description:l},{key:"c",description:e.captionsToggle},{key:"f",description:i},{key:"m",description:n},{key:"0-9",description:o}]}(s),s.keyboardShortcuts)),d={reason:"settingsInteraction"},w=new u.a(c.querySelector(".jw-switch")),f=function(){w.el.setAttribute("aria-checked",n.get("enableShortcuts")),Object(l.a)(c,"jw-open"),r=n.get("state"),c.querySelector(".jw-shortcuts-close").focus(),document.addEventListener("click",j),o=!0,t.pause(d)},h=function(){Object(l.o)(c,"jw-open"),document.removeEventListener("click",j),e.focus(),o=!1,r===a.pb&&t.play(d)},j=function(e){/jw-shortcuts|jw-switch/.test(e.target.className)||h()},g=function(e){var t=e.currentTarget,i="true"!==t.getAttribute("aria-checked");t.setAttribute("aria-checked",i),n.set("enableShortcuts",i)};return i=p("jw-shortcuts-close",h,n.get("localization").close,[de("close")]),Object(l.m)(c,i.element()),i.show(),e.appendChild(c),w.on("click tap enter",g),{el:c,open:f,close:h,destroy:function(){h(),w.destroy()},toggleVisibility:function(){o?h():f()}}},yn=function(e){return'"};function kn(e){return(kn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function xn(e,t){for(var n=0;n'+''.concat(t,"")+'
'+"".concat(n)+"
'+pe("rewind",t.rewind)+pe("display",t.playback)+pe("next",t.next)+"
'+'
'.concat(t,"
")+''.concat(e,"
")+''.concat(i,"
")+"'+'
");if(this.el){if(this.html!==a){this.html=a;var r=Be(a);Object(l.h)(this.el);for(var s=r.childNodes.length;s--;)this.el.appendChild(r.firstChild)}}else this.html=a,this.el=Be(this.html),this.wrapperElement.appendChild(this.el),this.hideMenuHandler=function(t){return o.hideMenu(t)},this.overHandler=function(){o.mouseOverContext=!0},this.outHandler=function(t){o.mouseOverContext=!1,t.relatedTarget&&!o.el.contains(t.relatedTarget)&&++o.outCount>1&&o.hideMenu()},this.infoOverlayHandler=function(){o.mouseOverContext=!1,o.hideMenu(),o.infoOverlay.open()},this.shortcutsTooltipHandler=function(){o.mouseOverContext=!1,o.hideMenu(),o.shortcutsTooltip.open()}}},{key:"setup",value:function(t,e,i){this.wrapperElement=i,this.model=t,this.mouseOverContext=!1,this.playerContainer=e,this.ui=new u.a(i).on("longPress",this.rightClick,this)}},{key:"addHideMenuHandlers",value:function(){this.removeHideMenuHandlers(),this.wrapperElement.addEventListener("touchstart",this.hideMenuHandler),document.addEventListener("touchstart",this.hideMenuHandler),o.OS.mobile||(this.wrapperElement.addEventListener("click",this.hideMenuHandler),document.addEventListener("click",this.hideMenuHandler),this.el.addEventListener("mouseover",this.overHandler),this.el.addEventListener("mouseout",this.outHandler)),this.el.querySelector(".jw-info-overlay-item").addEventListener("click",this.infoOverlayHandler),this.shortcutsTooltip&&this.el.querySelector(".jw-shortcuts-item").addEventListener("click",this.shortcutsTooltipHandler)}},{key:"removeHideMenuHandlers",value:function(){this.wrapperElement&&(this.wrapperElement.removeEventListener("click",this.hideMenuHandler),this.wrapperElement.removeEventListener("touchstart",this.hideMenuHandler)),this.el&&(this.el.querySelector(".jw-info-overlay-item").removeEventListener("click",this.infoOverlayHandler),this.el.removeEventListener("mouseover",this.overHandler),this.el.removeEventListener("mouseout",this.outHandler),this.shortcutsTooltip&&this.el.querySelector(".jw-shortcuts-item").removeEventListener("click",this.shortcutsTooltipHandler)),document.removeEventListener("click",this.hideMenuHandler),document.removeEventListener("touchstart",this.hideMenuHandler)}},{key:"destroy",value:function(){clearTimeout(this._menuTimeout),this.removeHideMenuHandlers(),this.el&&(this.hideMenu(),this.hideMenuHandler=null,this.el=null),this.wrapperElement&&(this.wrapperElement.oncontextmenu=null,this.wrapperElement=null),this.model&&(this.model=null),this.ui&&(this.ui.destroy(),this.ui=null)}}])&&Re(e.prototype,i),n&&Re(e,n),t}(),Ne=function(t){return'")},He=function(t){return'"},Fe=function(t){return'"};function De(t){return(De="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function qe(t,e){return!e||"object"!==De(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ue(t){return(Ue=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function We(t,e){return(We=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Qe(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ye(t,e){for(var i=0;i- '.concat(n.join(""),"
'+''.concat(t.description,"")+''.concat(t.key,"")+"
"})).join("");return'')+'Press shift question mark to access a list of keyboard shortcuts
"}(function(t){var e=t.playPause,i=t.volumeToggle,n=t.fullscreenToggle,o=t.seekPercent,a=t.increaseVolume,r=t.decreaseVolume,s=t.seekForward,l=t.seekBackward;return[{key:t.spacebar,description:e},{key:"↑",description:a},{key:"↓",description:r},{key:"→",description:s},{key:"←",description:l},{key:"c",description:t.captionsToggle},{key:"f",description:n},{key:"m",description:i},{key:"0-9",description:o}]}(s),s.keyboardShortcuts)),d={reason:"settingsInteraction"},h=new u.a(c.querySelector(".jw-switch")),f=function(){h.el.setAttribute("aria-checked",i.get("enableShortcuts")),Object(l.a)(c,"jw-open"),r=i.get("state"),c.querySelector(".jw-shortcuts-close").focus(),document.addEventListener("click",g),o=!0,e.pause(d)},w=function(){Object(l.o)(c,"jw-open"),document.removeEventListener("click",g),t.focus(),o=!1,r===a.pb&&e.play(d)},g=function(t){/jw-shortcuts|jw-switch/.test(t.target.className)||w()},j=function(t){var e=t.currentTarget,n="true"!==e.getAttribute("aria-checked");e.setAttribute("aria-checked",n),i.set("enableShortcuts",n)};return n=p("jw-shortcuts-close",w,i.get("localization").close,[dt("close")]),Object(l.m)(c,n.element()),n.show(),t.appendChild(c),h.on("click tap enter",j),{el:c,open:f,close:w,destroy:function(){w(),h.destroy()},toggleVisibility:function(){o?w():f()}}},vi=function(t){return'"};function yi(t){return(yi="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ki(t,e){for(var i=0;i'+''.concat(e,"")+'
'+"".concat(i)+"
'+pe("rewind",t.rewind)+pe("display",t.playback)+pe("next",t.next)+"
'+'
'.concat(t,"
")+''.concat(e,"
")+''.concat(n,"
")+"'+'
");if(this.el){if(this.html!==a){this.html=a;var r=Be(a);Object(l.h)(this.el);for(var s=r.childNodes.length;s--;)this.el.appendChild(r.firstChild)}}else this.html=a,this.el=Be(this.html),this.wrapperElement.appendChild(this.el),this.hideMenuHandler=function(t){return o.hideMenu(t)},this.overHandler=function(){o.mouseOverContext=!0},this.outHandler=function(t){o.mouseOverContext=!1,t.relatedTarget&&!o.el.contains(t.relatedTarget)&&++o.outCount>1&&o.hideMenu()},this.infoOverlayHandler=function(){o.mouseOverContext=!1,o.hideMenu(),o.infoOverlay.open()},this.shortcutsTooltipHandler=function(){o.mouseOverContext=!1,o.hideMenu(),o.shortcutsTooltip.open()}}},{key:"setup",value:function(t,e,n){this.wrapperElement=n,this.model=t,this.mouseOverContext=!1,this.playerContainer=e,this.ui=new u.a(n).on("longPress",this.rightClick,this)}},{key:"addHideMenuHandlers",value:function(){this.removeHideMenuHandlers(),this.wrapperElement.addEventListener("touchstart",this.hideMenuHandler),document.addEventListener("touchstart",this.hideMenuHandler),o.OS.mobile||(this.wrapperElement.addEventListener("click",this.hideMenuHandler),document.addEventListener("click",this.hideMenuHandler),this.el.addEventListener("mouseover",this.overHandler),this.el.addEventListener("mouseout",this.outHandler)),this.el.querySelector(".jw-info-overlay-item").addEventListener("click",this.infoOverlayHandler),this.shortcutsTooltip&&this.el.querySelector(".jw-shortcuts-item").addEventListener("click",this.shortcutsTooltipHandler)}},{key:"removeHideMenuHandlers",value:function(){this.wrapperElement&&(this.wrapperElement.removeEventListener("click",this.hideMenuHandler),this.wrapperElement.removeEventListener("touchstart",this.hideMenuHandler)),this.el&&(this.el.querySelector(".jw-info-overlay-item").removeEventListener("click",this.infoOverlayHandler),this.el.removeEventListener("mouseover",this.overHandler),this.el.removeEventListener("mouseout",this.outHandler),this.shortcutsTooltip&&this.el.querySelector(".jw-shortcuts-item").removeEventListener("click",this.shortcutsTooltipHandler)),document.removeEventListener("click",this.hideMenuHandler),document.removeEventListener("touchstart",this.hideMenuHandler)}},{key:"destroy",value:function(){clearTimeout(this._menuTimeout),this.removeHideMenuHandlers(),this.el&&(this.hideMenu(),this.hideMenuHandler=null,this.el=null),this.wrapperElement&&(this.wrapperElement.oncontextmenu=null,this.wrapperElement=null),this.model&&(this.model=null),this.ui&&(this.ui.destroy(),this.ui=null)}}])&&Re(e.prototype,n),i&&Re(e,i),t}(),Ne=function(t){return'")},He=function(t){return'"},Fe=function(t){return'"};function qe(t){return(qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function De(t,e){return!e||"object"!==qe(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function Ue(t){return(Ue=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function We(t,e){return(We=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function Qe(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Ye(t,e){for(var n=0;n- '.concat(i.join(""),"
'+''.concat(t.description,"")+''.concat(t.key,"")+"
"})).join("");return'')+'Press shift question mark to access a list of keyboard shortcuts
"}(function(t){var e=t.playPause,n=t.volumeToggle,i=t.fullscreenToggle,o=t.seekPercent,a=t.increaseVolume,r=t.decreaseVolume,s=t.seekForward,l=t.seekBackward;return[{key:t.spacebar,description:e},{key:"↑",description:a},{key:"↓",description:r},{key:"→",description:s},{key:"←",description:l},{key:"c",description:t.captionsToggle},{key:"f",description:i},{key:"m",description:n},{key:"0-9",description:o}]}(s),s.keyboardShortcuts)),d={reason:"settingsInteraction"},w=new u.a(c.querySelector(".jw-switch")),h=function(){w.el.setAttribute("aria-checked",n.get("enableShortcuts")),Object(l.a)(c,"jw-open"),r=n.get("state"),c.querySelector(".jw-shortcuts-close").focus(),document.addEventListener("click",j),o=!0,e.pause(d)},f=function(){Object(l.o)(c,"jw-open"),document.removeEventListener("click",j),t.focus(),o=!1,r===a.pb&&e.play(d)},j=function(t){/jw-shortcuts|jw-switch/.test(t.target.className)||f()},g=function(t){var e=t.currentTarget,i="true"!==e.getAttribute("aria-checked");e.setAttribute("aria-checked",i),n.set("enableShortcuts",i)};return i=p("jw-shortcuts-close",f,n.get("localization").close,[dt("close")]),Object(l.m)(c,i.element()),i.show(),t.appendChild(c),w.on("click tap enter",g),{el:c,open:h,close:f,destroy:function(){f(),w.destroy()},toggleVisibility:function(){o?f():h()}}},yn=function(t){return'"};function kn(t){return(kn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function xn(t,e){for(var n=0;n'+''.concat(e,"")+'
'+"".concat(n)+"