@aigamo/nostalgic-diva 1.13.0 → 1.14.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +46 -2
- package/dist/{AudioPlayer-222df83f.js → AudioPlayer-1a8caac7.js} +8 -7
- package/dist/{AudioPlayer-222df83f.js.map → AudioPlayer-1a8caac7.js.map} +1 -1
- package/dist/AudioPlayer-6edeb287.cjs +2 -0
- package/dist/{AudioPlayer-8bce83c7.cjs.map → AudioPlayer-6edeb287.cjs.map} +1 -1
- package/dist/DailymotionPlayer-252803e0.cjs +2 -0
- package/dist/{DailymotionPlayer-0bc7e413.cjs.map → DailymotionPlayer-252803e0.cjs.map} +1 -1
- package/dist/{DailymotionPlayer-21fcfcaf.js → DailymotionPlayer-6b3cc7ce.js} +24 -23
- package/dist/{DailymotionPlayer-21fcfcaf.js.map → DailymotionPlayer-6b3cc7ce.js.map} +1 -1
- package/dist/NiconicoPlayer-6d765b0c.cjs +2 -0
- package/dist/{NiconicoPlayer-050cfbdb.cjs.map → NiconicoPlayer-6d765b0c.cjs.map} +1 -1
- package/dist/{NiconicoPlayer-6539b5fb.js → NiconicoPlayer-d834668f.js} +6 -5
- package/dist/{NiconicoPlayer-6539b5fb.js.map → NiconicoPlayer-d834668f.js.map} +1 -1
- package/dist/{PlayerContainer-044b2fa8.cjs → PlayerContainer-01e0a6d8.cjs} +2 -2
- package/dist/{PlayerContainer-044b2fa8.cjs.map → PlayerContainer-01e0a6d8.cjs.map} +1 -1
- package/dist/{PlayerContainer-b732b1fd.js → PlayerContainer-12c7a566.js} +2 -2
- package/dist/{PlayerContainer-b732b1fd.js.map → PlayerContainer-12c7a566.js.map} +1 -1
- package/dist/{SoundCloudPlayer-bb16551c.js → SoundCloudPlayer-11f15866.js} +13 -12
- package/dist/{SoundCloudPlayer-bb16551c.js.map → SoundCloudPlayer-11f15866.js.map} +1 -1
- package/dist/SoundCloudPlayer-3fe771ac.cjs +2 -0
- package/dist/{SoundCloudPlayer-1127dad4.cjs.map → SoundCloudPlayer-3fe771ac.cjs.map} +1 -1
- package/dist/{TwitchPlayer-34ae3ffa.js → TwitchPlayer-191956ee.js} +12 -11
- package/dist/{TwitchPlayer-34ae3ffa.js.map → TwitchPlayer-191956ee.js.map} +1 -1
- package/dist/TwitchPlayer-b2941d58.cjs +2 -0
- package/dist/{TwitchPlayer-20593545.cjs.map → TwitchPlayer-b2941d58.cjs.map} +1 -1
- package/dist/VimeoPlayer-a9a3f2c8.cjs +2 -0
- package/dist/{VimeoPlayer-187fa81e.cjs.map → VimeoPlayer-a9a3f2c8.cjs.map} +1 -1
- package/dist/{VimeoPlayer-3e821355.js → VimeoPlayer-f8182608.js} +7 -6
- package/dist/{VimeoPlayer-3e821355.js.map → VimeoPlayer-f8182608.js.map} +1 -1
- package/dist/{YouTubePlayer-cb4b9913.js → YouTubePlayer-6a5d2c5d.js} +7 -6
- package/dist/{YouTubePlayer-cb4b9913.js.map → YouTubePlayer-6a5d2c5d.js.map} +1 -1
- package/dist/YouTubePlayer-7d9d4215.cjs +2 -0
- package/dist/{YouTubePlayer-383475e4.cjs.map → YouTubePlayer-7d9d4215.cjs.map} +1 -1
- package/dist/components/defineNostalgicDiva.d.ts +25 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/{ensureScriptLoaded-b5e2176c.cjs → ensureScriptLoaded-1f39c376.cjs} +2 -2
- package/dist/{ensureScriptLoaded-b5e2176c.cjs.map → ensureScriptLoaded-1f39c376.cjs.map} +1 -1
- package/dist/{ensureScriptLoaded-76011cc9.js → ensureScriptLoaded-75980318.js} +2 -2
- package/dist/{ensureScriptLoaded-76011cc9.js.map → ensureScriptLoaded-75980318.js.map} +1 -1
- package/dist/index-0ef85555.js +1132 -0
- package/dist/index-0ef85555.js.map +1 -0
- package/dist/index-fb8a7911.cjs +2 -0
- package/dist/index-fb8a7911.cjs.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +17 -14
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
- package/dist/AudioPlayer-8bce83c7.cjs +0 -2
- package/dist/DailymotionPlayer-0bc7e413.cjs +0 -2
- package/dist/NiconicoPlayer-050cfbdb.cjs +0 -2
- package/dist/SoundCloudPlayer-1127dad4.cjs +0 -2
- package/dist/TwitchPlayer-20593545.cjs +0 -2
- package/dist/VimeoPlayer-187fa81e.cjs +0 -2
- package/dist/YouTubePlayer-383475e4.cjs +0 -2
- package/dist/index-eccfe7b9.js +0 -1023
- package/dist/index-eccfe7b9.js.map +0 -1
- package/dist/index-ed095ac8.cjs +0 -2
- package/dist/index-ed095ac8.cjs.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("./index-fb8a7911.cjs"),n=require("./ensureScriptLoaded-1f39c376.cjs"),s=require("./PlayerContainer-01e0a6d8.cjs");require("react-dom");const u=e.memo(({...t})=>{const{logger:r}=t;r.log(a.LogLevel.Debug,"VimeoPlayer");const l=e.useCallback(async()=>{await n.ensureScriptLoaded("https://player.vimeo.com/api/player.js",r)},[r]),i=e.useCallback(o=>Promise.resolve(new Vimeo.Player(o)),[]);return e.createElement(s.PlayerContainer,{...t,loadScript:l,playerFactory:i,controllerFactory:a.VimeoPlayerController},(o,c)=>e.createElement("iframe",{ref:o,src:`https://player.vimeo.com/video/${c}`,frameBorder:0,allow:"autoplay",style:{width:"100%",height:"100%"}}))});exports.default=u;
|
|
2
|
+
//# sourceMappingURL=VimeoPlayer-a9a3f2c8.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VimeoPlayer-
|
|
1
|
+
{"version":3,"file":"VimeoPlayer-a9a3f2c8.cjs","sources":["../src/components/VimeoPlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LogLevel } from '../controllers/Logger';\nimport { VimeoPlayerController } from '../controllers/VimeoPlayerController';\nimport { ensureScriptLoaded } from '../controllers/ensureScriptLoaded';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst VimeoPlayer = React.memo(\n\t({ ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'VimeoPlayer');\n\n\t\tconst loadScript = React.useCallback(async () => {\n\t\t\tawait ensureScriptLoaded(\n\t\t\t\t'https://player.vimeo.com/api/player.js',\n\t\t\t\tlogger,\n\t\t\t);\n\t\t}, [logger]);\n\n\t\tconst playerFactory = React.useCallback(\n\t\t\t(element: HTMLIFrameElement): Promise<Vimeo.Player> => {\n\t\t\t\treturn Promise.resolve(new Vimeo.Player(element));\n\t\t\t},\n\t\t\t[],\n\t\t);\n\n\t\treturn (\n\t\t\t<PlayerContainer\n\t\t\t\t{...props}\n\t\t\t\tloadScript={loadScript}\n\t\t\t\tplayerFactory={playerFactory}\n\t\t\t\tcontrollerFactory={VimeoPlayerController}\n\t\t\t>\n\t\t\t\t{(elementRef, videoId): React.ReactElement => (\n\t\t\t\t\t// eslint-disable-next-line jsx-a11y/iframe-has-title\n\t\t\t\t\t<iframe\n\t\t\t\t\t\tref={elementRef}\n\t\t\t\t\t\tsrc={`https://player.vimeo.com/video/${videoId}`}\n\t\t\t\t\t\tframeBorder={0}\n\t\t\t\t\t\tallow=\"autoplay\"\n\t\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</PlayerContainer>\n\t\t);\n\t},\n);\n\nexport default VimeoPlayer;\n"],"names":["VimeoPlayer","React","props","logger","LogLevel","loadScript","ensureScriptLoaded","playerFactory","element","PlayerContainer","VimeoPlayerController","elementRef","videoId"],"mappings":"2PAOA,MAAMA,EAAcC,EAAM,KACzB,CAAC,CAAE,GAAGC,KAA6C,CAC5C,KAAA,CAAE,OAAAC,CAAW,EAAAD,EAEZC,EAAA,IAAIC,EAAAA,SAAS,MAAO,aAAa,EAElC,MAAAC,EAAaJ,EAAM,YAAY,SAAY,CAC1C,MAAAK,EAAA,mBACL,yCACAH,CAAA,CACD,EACE,CAACA,CAAM,CAAC,EAELI,EAAgBN,EAAM,YAC1BO,GACO,QAAQ,QAAQ,IAAI,MAAM,OAAOA,CAAO,CAAC,EAEjD,CAAC,CAAA,EAID,OAAAP,EAAA,cAACQ,EAAA,gBAAA,CACC,GAAGP,EACJ,WAAAG,EACA,cAAAE,EACA,kBAAmBG,EAAA,qBAAA,EAElB,CAACC,EAAYC,IAEbX,EAAA,cAAC,SAAA,CACA,IAAKU,EACL,IAAK,kCAAkCC,CAAO,GAC9C,YAAa,EACb,MAAM,WACN,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,CAAA,CACxC,CAAA,CAIJ,CACD"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import e from "react";
|
|
2
|
-
import { L as i, V as s } from "./index-
|
|
3
|
-
import { e as c } from "./ensureScriptLoaded-
|
|
4
|
-
import { P as n } from "./PlayerContainer-
|
|
5
|
-
|
|
2
|
+
import { L as i, V as s } from "./index-0ef85555.js";
|
|
3
|
+
import { e as c } from "./ensureScriptLoaded-75980318.js";
|
|
4
|
+
import { P as n } from "./PlayerContainer-12c7a566.js";
|
|
5
|
+
import "react-dom";
|
|
6
|
+
const P = e.memo(
|
|
6
7
|
({ ...a }) => {
|
|
7
8
|
const { logger: r } = a;
|
|
8
9
|
r.log(i.Debug, "VimeoPlayer");
|
|
@@ -40,6 +41,6 @@ const d = e.memo(
|
|
|
40
41
|
}
|
|
41
42
|
);
|
|
42
43
|
export {
|
|
43
|
-
|
|
44
|
+
P as default
|
|
44
45
|
};
|
|
45
|
-
//# sourceMappingURL=VimeoPlayer-
|
|
46
|
+
//# sourceMappingURL=VimeoPlayer-f8182608.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VimeoPlayer-
|
|
1
|
+
{"version":3,"file":"VimeoPlayer-f8182608.js","sources":["../src/components/VimeoPlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LogLevel } from '../controllers/Logger';\nimport { VimeoPlayerController } from '../controllers/VimeoPlayerController';\nimport { ensureScriptLoaded } from '../controllers/ensureScriptLoaded';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst VimeoPlayer = React.memo(\n\t({ ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'VimeoPlayer');\n\n\t\tconst loadScript = React.useCallback(async () => {\n\t\t\tawait ensureScriptLoaded(\n\t\t\t\t'https://player.vimeo.com/api/player.js',\n\t\t\t\tlogger,\n\t\t\t);\n\t\t}, [logger]);\n\n\t\tconst playerFactory = React.useCallback(\n\t\t\t(element: HTMLIFrameElement): Promise<Vimeo.Player> => {\n\t\t\t\treturn Promise.resolve(new Vimeo.Player(element));\n\t\t\t},\n\t\t\t[],\n\t\t);\n\n\t\treturn (\n\t\t\t<PlayerContainer\n\t\t\t\t{...props}\n\t\t\t\tloadScript={loadScript}\n\t\t\t\tplayerFactory={playerFactory}\n\t\t\t\tcontrollerFactory={VimeoPlayerController}\n\t\t\t>\n\t\t\t\t{(elementRef, videoId): React.ReactElement => (\n\t\t\t\t\t// eslint-disable-next-line jsx-a11y/iframe-has-title\n\t\t\t\t\t<iframe\n\t\t\t\t\t\tref={elementRef}\n\t\t\t\t\t\tsrc={`https://player.vimeo.com/video/${videoId}`}\n\t\t\t\t\t\tframeBorder={0}\n\t\t\t\t\t\tallow=\"autoplay\"\n\t\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</PlayerContainer>\n\t\t);\n\t},\n);\n\nexport default VimeoPlayer;\n"],"names":["VimeoPlayer","React","props","logger","LogLevel","loadScript","ensureScriptLoaded","playerFactory","element","PlayerContainer","VimeoPlayerController","elementRef","videoId"],"mappings":";;;;;AAOA,MAAMA,IAAcC,EAAM;AAAA,EACzB,CAAC,EAAE,GAAGC,QAA6C;AAC5C,UAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,IAAAC,EAAA,IAAIC,EAAS,OAAO,aAAa;AAElC,UAAAC,IAAaJ,EAAM,YAAY,YAAY;AAC1C,YAAAK;AAAA,QACL;AAAA,QACAH;AAAA,MAAA;AAAA,IACD,GACE,CAACA,CAAM,CAAC,GAELI,IAAgBN,EAAM;AAAA,MAC3B,CAACO,MACO,QAAQ,QAAQ,IAAI,MAAM,OAAOA,CAAO,CAAC;AAAA,MAEjD,CAAC;AAAA,IAAA;AAID,WAAA,gBAAAP,EAAA;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,GAAGP;AAAA,QACJ,YAAAG;AAAA,QACA,eAAAE;AAAA,QACA,mBAAmBG;AAAA,MAAA;AAAA,MAElB,CAACC,GAAYC;AAAA;AAAA,QAEb,gBAAAX,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,KAAKU;AAAA,YACL,KAAK,kCAAkCC,CAAO;AAAA,YAC9C,aAAa;AAAA,YACb,OAAM;AAAA,YACN,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,UAAA;AAAA,QACxC;AAAA;AAAA,IAAA;AAAA,EAIJ;AACD;"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import o from "react";
|
|
2
|
-
import { L as a, Y as n } from "./index-
|
|
3
|
-
import { e as s } from "./ensureScriptLoaded-
|
|
4
|
-
import { P as u } from "./PlayerContainer-
|
|
5
|
-
|
|
2
|
+
import { L as a, Y as n } from "./index-0ef85555.js";
|
|
3
|
+
import { e as s } from "./ensureScriptLoaded-75980318.js";
|
|
4
|
+
import { P as u } from "./PlayerContainer-12c7a566.js";
|
|
5
|
+
import "react-dom";
|
|
6
|
+
const c = "https://www.youtube-nocookie.com", p = o.memo(
|
|
6
7
|
({ ...t }) => {
|
|
7
8
|
const { logger: r } = t;
|
|
8
9
|
r.log(a.Debug, "YouTubePlayer");
|
|
@@ -36,6 +37,6 @@ const c = "https://www.youtube-nocookie.com", g = o.memo(
|
|
|
36
37
|
}
|
|
37
38
|
);
|
|
38
39
|
export {
|
|
39
|
-
|
|
40
|
+
p as default
|
|
40
41
|
};
|
|
41
|
-
//# sourceMappingURL=YouTubePlayer-
|
|
42
|
+
//# sourceMappingURL=YouTubePlayer-6a5d2c5d.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YouTubePlayer-
|
|
1
|
+
{"version":3,"file":"YouTubePlayer-6a5d2c5d.js","sources":["../src/components/YouTubePlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LogLevel } from '../controllers/Logger';\nimport { YouTubePlayerController } from '../controllers/YouTubePlayerController';\nimport { ensureScriptLoaded } from '../controllers/ensureScriptLoaded';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst origin = 'https://www.youtube-nocookie.com';\n\nconst YouTubePlayer = React.memo(\n\t({ ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'YouTubePlayer');\n\n\t\tconst loadScript = React.useCallback((): Promise<void> => {\n\t\t\treturn new Promise(async (resolve, reject) => {\n\t\t\t\tconst first = await ensureScriptLoaded(\n\t\t\t\t\t'https://www.youtube.com/iframe_api',\n\t\t\t\t\tlogger,\n\t\t\t\t);\n\n\t\t\t\tif (first) {\n\t\t\t\t\t// https://stackoverflow.com/a/18154942.\n\t\t\t\t\twindow.onYouTubeIframeAPIReady = (): void => {\n\t\t\t\t\t\tlogger.log(LogLevel.Debug, 'YouTube iframe API ready');\n\t\t\t\t\t\tresolve();\n\t\t\t\t\t};\n\t\t\t\t} else {\n\t\t\t\t\tresolve();\n\t\t\t\t}\n\t\t\t});\n\t\t}, [logger]);\n\n\t\tconst playerFactory = React.useCallback(\n\t\t\t(element: HTMLDivElement): Promise<YT.Player> => {\n\t\t\t\treturn Promise.resolve(\n\t\t\t\t\tnew YT.Player(element, {\n\t\t\t\t\t\thost: origin,\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\t},\n\t\t\t[],\n\t\t);\n\n\t\treturn (\n\t\t\t<PlayerContainer\n\t\t\t\t{...props}\n\t\t\t\tloadScript={loadScript}\n\t\t\t\tplayerFactory={playerFactory}\n\t\t\t\tcontrollerFactory={YouTubePlayerController}\n\t\t\t>\n\t\t\t\t{(elementRef): React.ReactElement => (\n\t\t\t\t\t<div style={{ width: '100%', height: '100%' }}>\n\t\t\t\t\t\t<div ref={elementRef} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</PlayerContainer>\n\t\t);\n\t},\n);\n\nexport default YouTubePlayer;\n"],"names":["origin","YouTubePlayer","React","props","logger","LogLevel","loadScript","resolve","reject","ensureScriptLoaded","playerFactory","element","PlayerContainer","YouTubePlayerController","elementRef"],"mappings":";;;;;AAOA,MAAMA,IAAS,oCAETC,IAAgBC,EAAM;AAAA,EAC3B,CAAC,EAAE,GAAGC,QAA6C;AAC5C,UAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,IAAAC,EAAA,IAAIC,EAAS,OAAO,eAAe;AAEpC,UAAAC,IAAaJ,EAAM,YAAY,MAC7B,IAAI,QAAQ,OAAOK,GAASC,MAAW;AAM7C,MALc,MAAMC;AAAA,QACnB;AAAA,QACAL;AAAA,MAAA,IAKA,OAAO,0BAA0B,MAAY;AACrC,QAAAA,EAAA,IAAIC,EAAS,OAAO,0BAA0B,GAC7CE;MAAA,IAGDA;IACT,CACA,GACC,CAACH,CAAM,CAAC,GAELM,IAAgBR,EAAM;AAAA,MAC3B,CAACS,MACO,QAAQ;AAAA,QACd,IAAI,GAAG,OAAOA,GAAS;AAAA,UACtB,MAAMX;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA,CACR;AAAA,MAAA;AAAA,MAGH,CAAC;AAAA,IAAA;AAID,WAAA,gBAAAE,EAAA;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,GAAGT;AAAA,QACJ,YAAAG;AAAA,QACA,eAAAI;AAAA,QACA,mBAAmBG;AAAA,MAAA;AAAA,MAElB,CAACC,MACA,gBAAAZ,EAAA,cAAA,OAAA,EAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,OACpC,EAAA,GAAA,gBAAAA,EAAA,cAAC,OAAI,EAAA,KAAKY,GAAY,CACvB;AAAA,IAAA;AAAA,EAIJ;AACD;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./index-fb8a7911.cjs"),u=require("./ensureScriptLoaded-1f39c376.cjs"),l=require("./PlayerContainer-01e0a6d8.cjs");require("react-dom");const c="https://www.youtube-nocookie.com",s=r.memo(({...a})=>{const{logger:t}=a;t.log(o.LogLevel.Debug,"YouTubePlayer");const n=r.useCallback(()=>new Promise(async(e,y)=>{await u.ensureScriptLoaded("https://www.youtube.com/iframe_api",t)?window.onYouTubeIframeAPIReady=()=>{t.log(o.LogLevel.Debug,"YouTube iframe API ready"),e()}:e()}),[t]),i=r.useCallback(e=>Promise.resolve(new YT.Player(e,{host:c,width:"100%",height:"100%"})),[]);return r.createElement(l.PlayerContainer,{...a,loadScript:n,playerFactory:i,controllerFactory:o.YouTubePlayerController},e=>r.createElement("div",{style:{width:"100%",height:"100%"}},r.createElement("div",{ref:e})))});exports.default=s;
|
|
2
|
+
//# sourceMappingURL=YouTubePlayer-7d9d4215.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YouTubePlayer-
|
|
1
|
+
{"version":3,"file":"YouTubePlayer-7d9d4215.cjs","sources":["../src/components/YouTubePlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LogLevel } from '../controllers/Logger';\nimport { YouTubePlayerController } from '../controllers/YouTubePlayerController';\nimport { ensureScriptLoaded } from '../controllers/ensureScriptLoaded';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst origin = 'https://www.youtube-nocookie.com';\n\nconst YouTubePlayer = React.memo(\n\t({ ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'YouTubePlayer');\n\n\t\tconst loadScript = React.useCallback((): Promise<void> => {\n\t\t\treturn new Promise(async (resolve, reject) => {\n\t\t\t\tconst first = await ensureScriptLoaded(\n\t\t\t\t\t'https://www.youtube.com/iframe_api',\n\t\t\t\t\tlogger,\n\t\t\t\t);\n\n\t\t\t\tif (first) {\n\t\t\t\t\t// https://stackoverflow.com/a/18154942.\n\t\t\t\t\twindow.onYouTubeIframeAPIReady = (): void => {\n\t\t\t\t\t\tlogger.log(LogLevel.Debug, 'YouTube iframe API ready');\n\t\t\t\t\t\tresolve();\n\t\t\t\t\t};\n\t\t\t\t} else {\n\t\t\t\t\tresolve();\n\t\t\t\t}\n\t\t\t});\n\t\t}, [logger]);\n\n\t\tconst playerFactory = React.useCallback(\n\t\t\t(element: HTMLDivElement): Promise<YT.Player> => {\n\t\t\t\treturn Promise.resolve(\n\t\t\t\t\tnew YT.Player(element, {\n\t\t\t\t\t\thost: origin,\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\t},\n\t\t\t[],\n\t\t);\n\n\t\treturn (\n\t\t\t<PlayerContainer\n\t\t\t\t{...props}\n\t\t\t\tloadScript={loadScript}\n\t\t\t\tplayerFactory={playerFactory}\n\t\t\t\tcontrollerFactory={YouTubePlayerController}\n\t\t\t>\n\t\t\t\t{(elementRef): React.ReactElement => (\n\t\t\t\t\t<div style={{ width: '100%', height: '100%' }}>\n\t\t\t\t\t\t<div ref={elementRef} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</PlayerContainer>\n\t\t);\n\t},\n);\n\nexport default YouTubePlayer;\n"],"names":["origin","YouTubePlayer","React","props","logger","LogLevel","loadScript","resolve","reject","ensureScriptLoaded","playerFactory","element","PlayerContainer","YouTubePlayerController","elementRef"],"mappings":"2PAOA,MAAMA,EAAS,mCAETC,EAAgBC,EAAM,KAC3B,CAAC,CAAE,GAAGC,KAA6C,CAC5C,KAAA,CAAE,OAAAC,CAAW,EAAAD,EAEZC,EAAA,IAAIC,EAAAA,SAAS,MAAO,eAAe,EAEpC,MAAAC,EAAaJ,EAAM,YAAY,IAC7B,IAAI,QAAQ,MAAOK,EAASC,IAAW,CAC/B,MAAMC,EAAA,mBACnB,qCACAL,CAAA,EAKA,OAAO,wBAA0B,IAAY,CACrCA,EAAA,IAAIC,EAAAA,SAAS,MAAO,0BAA0B,EAC7CE,GAAA,EAGDA,GACT,CACA,EACC,CAACH,CAAM,CAAC,EAELM,EAAgBR,EAAM,YAC1BS,GACO,QAAQ,QACd,IAAI,GAAG,OAAOA,EAAS,CACtB,KAAMX,EACN,MAAO,OACP,OAAQ,MAAA,CACR,CAAA,EAGH,CAAC,CAAA,EAID,OAAAE,EAAA,cAACU,EAAA,gBAAA,CACC,GAAGT,EACJ,WAAAG,EACA,cAAAI,EACA,kBAAmBG,EAAA,uBAAA,EAEjBC,GACAZ,EAAA,cAAA,MAAA,CAAI,MAAO,CAAE,MAAO,OAAQ,OAAQ,MACpC,CAAA,EAAAA,EAAA,cAAC,MAAI,CAAA,IAAKY,EAAY,CACvB,CAAA,CAIJ,CACD"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { IPlayerController } from '../controllers/PlayerController';
|
|
2
|
+
export declare class NostalgicDivaElement extends HTMLElement implements IPlayerController {
|
|
3
|
+
#private;
|
|
4
|
+
static readonly observedAttributes: string[];
|
|
5
|
+
container: ShadowRoot;
|
|
6
|
+
controller: IPlayerController | undefined;
|
|
7
|
+
constructor();
|
|
8
|
+
get src(): string;
|
|
9
|
+
set src(value: string);
|
|
10
|
+
connectedCallback(): void;
|
|
11
|
+
disconnectedCallback(): void;
|
|
12
|
+
attributeChangedCallback(): void;
|
|
13
|
+
loadVideo(id: string): Promise<void>;
|
|
14
|
+
play(): Promise<void>;
|
|
15
|
+
pause(): Promise<void>;
|
|
16
|
+
setCurrentTime(seconds: number): Promise<void>;
|
|
17
|
+
setVolume(volume: number): Promise<void>;
|
|
18
|
+
setMuted(muted: boolean): Promise<void>;
|
|
19
|
+
setPlaybackRate(playbackRate: number): Promise<void>;
|
|
20
|
+
getDuration(): Promise<number | undefined>;
|
|
21
|
+
getCurrentTime(): Promise<number | undefined>;
|
|
22
|
+
getVolume(): Promise<number | undefined>;
|
|
23
|
+
getPlaybackRate(): Promise<number | undefined>;
|
|
24
|
+
}
|
|
25
|
+
export declare function defineNostalgicDiva(): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const n=require("./index-
|
|
2
|
-
//# sourceMappingURL=ensureScriptLoaded-
|
|
1
|
+
"use strict";const n=require("./index-fb8a7911.cjs");function d(e){return new Promise((o,a)=>{const t=document.createElement("script");t.src=e,t.async=!0,t.onerror=a,t.onload=t.onreadystatechange=function(){const r=this.readyState;r&&r!=="loaded"&&r!=="complete"||(t.onload=t.onreadystatechange=null,o())},document.head.appendChild(t)})}const c=[];async function s(e,o){if(c.includes(e))return o.log(n.LogLevel.Debug,e,"script is already loaded"),!1;try{return o.log(n.LogLevel.Debug,e,"Loading script..."),await d(e),c.includes(e)?(o.log(n.LogLevel.Debug,e,"script is already loaded"),!1):(c.push(e),o.log(n.LogLevel.Debug,e,"script loaded"),!0)}catch(a){throw o.log(n.LogLevel.Error,e,"Failed to load script"),a}}exports.ensureScriptLoaded=s;
|
|
2
|
+
//# sourceMappingURL=ensureScriptLoaded-1f39c376.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ensureScriptLoaded-
|
|
1
|
+
{"version":3,"file":"ensureScriptLoaded-1f39c376.cjs","sources":["../src/controllers/getScript.ts","../src/controllers/ensureScriptLoaded.ts"],"sourcesContent":["// https://stackoverflow.com/a/61903296.\nexport function getScript(url: string): Promise<void> {\n\treturn new Promise((resolve, reject) => {\n\t\tconst script = document.createElement('script') as any; /* TODO */\n\t\tscript.src = url;\n\t\tscript.async = true;\n\n\t\tscript.onerror = reject;\n\n\t\tscript.onload = script.onreadystatechange = function (): void {\n\t\t\tconst loadState = this.readyState;\n\n\t\t\tif (loadState && loadState !== 'loaded' && loadState !== 'complete')\n\t\t\t\treturn;\n\n\t\t\tscript.onload = script.onreadystatechange = null;\n\n\t\t\tresolve();\n\t\t};\n\n\t\tdocument.head.appendChild(script);\n\t});\n}\n","import { ILogger, LogLevel } from './Logger';\nimport { getScript } from './getScript';\n\nconst urls: string[] = [];\n\nexport async function ensureScriptLoaded(\n\turl: string,\n\tlogger: ILogger,\n): Promise<boolean> {\n\tif (urls.includes(url)) {\n\t\tlogger.log(LogLevel.Debug, url, 'script is already loaded');\n\t\treturn false;\n\t}\n\n\ttry {\n\t\tlogger.log(LogLevel.Debug, url, 'Loading script...');\n\n\t\tawait getScript(url);\n\n\t\tif (urls.includes(url)) {\n\t\t\tlogger.log(LogLevel.Debug, url, 'script is already loaded');\n\t\t\treturn false;\n\t\t} else {\n\t\t\turls.push(url);\n\t\t\tlogger.log(LogLevel.Debug, url, 'script loaded');\n\t\t\treturn true;\n\t\t}\n\t} catch (error) {\n\t\tlogger.log(LogLevel.Error, url, 'Failed to load script');\n\t\tthrow error;\n\t}\n}\n"],"names":["getScript","url","resolve","reject","script","loadState","urls","ensureScriptLoaded","logger","LogLevel","error"],"mappings":"qDACO,SAASA,EAAUC,EAA4B,CACrD,OAAO,IAAI,QAAQ,CAACC,EAASC,IAAW,CACjC,MAAAC,EAAS,SAAS,cAAc,QAAQ,EAC9CA,EAAO,IAAMH,EACbG,EAAO,MAAQ,GAEfA,EAAO,QAAUD,EAEVC,EAAA,OAASA,EAAO,mBAAqB,UAAkB,CAC7D,MAAMC,EAAY,KAAK,WAEnBA,GAAaA,IAAc,UAAYA,IAAc,aAGlDD,EAAA,OAASA,EAAO,mBAAqB,KAEpCF,IAAA,EAGA,SAAA,KAAK,YAAYE,CAAM,CAAA,CAChC,CACF,CCnBA,MAAME,EAAiB,CAAA,EAED,eAAAC,EACrBN,EACAO,EACmB,CACf,GAAAF,EAAK,SAASL,CAAG,EACpB,OAAAO,EAAO,IAAIC,EAAA,SAAS,MAAOR,EAAK,0BAA0B,EACnD,GAGJ,GAAA,CAKC,OAJJO,EAAO,IAAIC,EAAA,SAAS,MAAOR,EAAK,mBAAmB,EAEnD,MAAMD,EAAUC,CAAG,EAEfK,EAAK,SAASL,CAAG,GACpBO,EAAO,IAAIC,EAAA,SAAS,MAAOR,EAAK,0BAA0B,EACnD,KAEPK,EAAK,KAAKL,CAAG,EACbO,EAAO,IAAIC,EAAA,SAAS,MAAOR,EAAK,eAAe,EACxC,UAEAS,EAAO,CACf,MAAAF,EAAO,IAAIC,EAAA,SAAS,MAAOR,EAAK,uBAAuB,EACjDS,CACP,CACD"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as o } from "./index-
|
|
1
|
+
import { L as o } from "./index-0ef85555.js";
|
|
2
2
|
function c(e) {
|
|
3
3
|
return new Promise((a, n) => {
|
|
4
4
|
const t = document.createElement("script");
|
|
@@ -21,4 +21,4 @@ async function i(e, a) {
|
|
|
21
21
|
export {
|
|
22
22
|
i as e
|
|
23
23
|
};
|
|
24
|
-
//# sourceMappingURL=ensureScriptLoaded-
|
|
24
|
+
//# sourceMappingURL=ensureScriptLoaded-75980318.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ensureScriptLoaded-
|
|
1
|
+
{"version":3,"file":"ensureScriptLoaded-75980318.js","sources":["../src/controllers/getScript.ts","../src/controllers/ensureScriptLoaded.ts"],"sourcesContent":["// https://stackoverflow.com/a/61903296.\nexport function getScript(url: string): Promise<void> {\n\treturn new Promise((resolve, reject) => {\n\t\tconst script = document.createElement('script') as any; /* TODO */\n\t\tscript.src = url;\n\t\tscript.async = true;\n\n\t\tscript.onerror = reject;\n\n\t\tscript.onload = script.onreadystatechange = function (): void {\n\t\t\tconst loadState = this.readyState;\n\n\t\t\tif (loadState && loadState !== 'loaded' && loadState !== 'complete')\n\t\t\t\treturn;\n\n\t\t\tscript.onload = script.onreadystatechange = null;\n\n\t\t\tresolve();\n\t\t};\n\n\t\tdocument.head.appendChild(script);\n\t});\n}\n","import { ILogger, LogLevel } from './Logger';\nimport { getScript } from './getScript';\n\nconst urls: string[] = [];\n\nexport async function ensureScriptLoaded(\n\turl: string,\n\tlogger: ILogger,\n): Promise<boolean> {\n\tif (urls.includes(url)) {\n\t\tlogger.log(LogLevel.Debug, url, 'script is already loaded');\n\t\treturn false;\n\t}\n\n\ttry {\n\t\tlogger.log(LogLevel.Debug, url, 'Loading script...');\n\n\t\tawait getScript(url);\n\n\t\tif (urls.includes(url)) {\n\t\t\tlogger.log(LogLevel.Debug, url, 'script is already loaded');\n\t\t\treturn false;\n\t\t} else {\n\t\t\turls.push(url);\n\t\t\tlogger.log(LogLevel.Debug, url, 'script loaded');\n\t\t\treturn true;\n\t\t}\n\t} catch (error) {\n\t\tlogger.log(LogLevel.Error, url, 'Failed to load script');\n\t\tthrow error;\n\t}\n}\n"],"names":["getScript","url","resolve","reject","script","loadState","urls","ensureScriptLoaded","logger","LogLevel","error"],"mappings":";AACO,SAASA,EAAUC,GAA4B;AACrD,SAAO,IAAI,QAAQ,CAACC,GAASC,MAAW;AACjC,UAAAC,IAAS,SAAS,cAAc,QAAQ;AAC9C,IAAAA,EAAO,MAAMH,GACbG,EAAO,QAAQ,IAEfA,EAAO,UAAUD,GAEVC,EAAA,SAASA,EAAO,qBAAqB,WAAkB;AAC7D,YAAMC,IAAY,KAAK;AAEnB,MAAAA,KAAaA,MAAc,YAAYA,MAAc,eAGlDD,EAAA,SAASA,EAAO,qBAAqB,MAEpCF;IAAA,GAGA,SAAA,KAAK,YAAYE,CAAM;AAAA,EAAA,CAChC;AACF;ACnBA,MAAME,IAAiB,CAAA;AAED,eAAAC,EACrBN,GACAO,GACmB;AACf,MAAAF,EAAK,SAASL,CAAG;AACpB,WAAAO,EAAO,IAAIC,EAAS,OAAOR,GAAK,0BAA0B,GACnD;AAGJ,MAAA;AAKC,WAJJO,EAAO,IAAIC,EAAS,OAAOR,GAAK,mBAAmB,GAEnD,MAAMD,EAAUC,CAAG,GAEfK,EAAK,SAASL,CAAG,KACpBO,EAAO,IAAIC,EAAS,OAAOR,GAAK,0BAA0B,GACnD,OAEPK,EAAK,KAAKL,CAAG,GACbO,EAAO,IAAIC,EAAS,OAAOR,GAAK,eAAe,GACxC;AAAA,WAEAS,GAAO;AACf,UAAAF,EAAO,IAAIC,EAAS,OAAOR,GAAK,uBAAuB,GACjDS;AAAA,EACP;AACD;"}
|