@aigamo/nostalgic-diva 1.13.0 → 1.14.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{AudioPlayer-222df83f.js → AudioPlayer-b9a8c640.js} +8 -7
- package/dist/{AudioPlayer-222df83f.js.map → AudioPlayer-b9a8c640.js.map} +1 -1
- package/dist/AudioPlayer-bdffca2e.cjs +2 -0
- package/dist/{AudioPlayer-8bce83c7.cjs.map → AudioPlayer-bdffca2e.cjs.map} +1 -1
- package/dist/DailymotionPlayer-9911cf65.cjs +2 -0
- package/dist/{DailymotionPlayer-0bc7e413.cjs.map → DailymotionPlayer-9911cf65.cjs.map} +1 -1
- package/dist/{DailymotionPlayer-21fcfcaf.js → DailymotionPlayer-c382ebf7.js} +24 -23
- package/dist/{DailymotionPlayer-21fcfcaf.js.map → DailymotionPlayer-c382ebf7.js.map} +1 -1
- package/dist/NiconicoPlayer-63f9f506.cjs +2 -0
- package/dist/{NiconicoPlayer-050cfbdb.cjs.map → NiconicoPlayer-63f9f506.cjs.map} +1 -1
- package/dist/{NiconicoPlayer-6539b5fb.js → NiconicoPlayer-7e93d234.js} +6 -5
- package/dist/{NiconicoPlayer-6539b5fb.js.map → NiconicoPlayer-7e93d234.js.map} +1 -1
- package/dist/{PlayerContainer-044b2fa8.cjs → PlayerContainer-a9b598d9.cjs} +2 -2
- package/dist/{PlayerContainer-044b2fa8.cjs.map → PlayerContainer-a9b598d9.cjs.map} +1 -1
- package/dist/{PlayerContainer-b732b1fd.js → PlayerContainer-c7dcfed0.js} +2 -2
- package/dist/{PlayerContainer-b732b1fd.js.map → PlayerContainer-c7dcfed0.js.map} +1 -1
- package/dist/{SoundCloudPlayer-bb16551c.js → SoundCloudPlayer-2130270f.js} +13 -12
- package/dist/{SoundCloudPlayer-bb16551c.js.map → SoundCloudPlayer-2130270f.js.map} +1 -1
- package/dist/SoundCloudPlayer-ad5c689f.cjs +2 -0
- package/dist/{SoundCloudPlayer-1127dad4.cjs.map → SoundCloudPlayer-ad5c689f.cjs.map} +1 -1
- package/dist/TwitchPlayer-9dae2e29.cjs +2 -0
- package/dist/{TwitchPlayer-20593545.cjs.map → TwitchPlayer-9dae2e29.cjs.map} +1 -1
- package/dist/{TwitchPlayer-34ae3ffa.js → TwitchPlayer-9e3caa63.js} +12 -11
- package/dist/{TwitchPlayer-34ae3ffa.js.map → TwitchPlayer-9e3caa63.js.map} +1 -1
- package/dist/{VimeoPlayer-3e821355.js → VimeoPlayer-9e565656.js} +7 -6
- package/dist/{VimeoPlayer-3e821355.js.map → VimeoPlayer-9e565656.js.map} +1 -1
- package/dist/VimeoPlayer-ea56953d.cjs +2 -0
- package/dist/{VimeoPlayer-187fa81e.cjs.map → VimeoPlayer-ea56953d.cjs.map} +1 -1
- package/dist/YouTubePlayer-d1f69454.cjs +2 -0
- package/dist/{YouTubePlayer-383475e4.cjs.map → YouTubePlayer-d1f69454.cjs.map} +1 -1
- package/dist/{YouTubePlayer-cb4b9913.js → YouTubePlayer-f838286c.js} +7 -6
- package/dist/{YouTubePlayer-cb4b9913.js.map → YouTubePlayer-f838286c.js.map} +1 -1
- package/dist/components/defineNostalgicDiva.d.ts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/{ensureScriptLoaded-76011cc9.js → ensureScriptLoaded-ddb8918f.js} +2 -2
- package/dist/{ensureScriptLoaded-76011cc9.js.map → ensureScriptLoaded-ddb8918f.js.map} +1 -1
- package/dist/{ensureScriptLoaded-b5e2176c.cjs → ensureScriptLoaded-edd30857.cjs} +2 -2
- package/dist/{ensureScriptLoaded-b5e2176c.cjs.map → ensureScriptLoaded-edd30857.cjs.map} +1 -1
- package/dist/index-1c32fd0f.cjs +2 -0
- package/dist/index-1c32fd0f.cjs.map +1 -0
- package/dist/{index-eccfe7b9.js → index-4f99b291.js} +369 -269
- package/dist/index-4f99b291.js.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +16 -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.map +0 -1
- package/dist/index-ed095ac8.cjs +0 -2
- package/dist/index-ed095ac8.cjs.map +0 -1
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import e from "react";
|
|
2
|
-
import { L as
|
|
3
|
-
import { P as u } from "./PlayerContainer-
|
|
4
|
-
|
|
2
|
+
import { L as i, A as c } from "./index-4f99b291.js";
|
|
3
|
+
import { P as u } from "./PlayerContainer-c7dcfed0.js";
|
|
4
|
+
import "react-dom";
|
|
5
|
+
const y = e.memo(
|
|
5
6
|
({ ...o }) => {
|
|
6
7
|
const { logger: t } = o;
|
|
7
|
-
t.log(
|
|
8
|
+
t.log(i.Debug, "AudioPlayer");
|
|
8
9
|
const a = e.useCallback(
|
|
9
10
|
(r) => Promise.resolve(r),
|
|
10
11
|
[]
|
|
@@ -15,7 +16,7 @@ const d = e.memo(
|
|
|
15
16
|
...o,
|
|
16
17
|
loadScript: void 0,
|
|
17
18
|
playerFactory: a,
|
|
18
|
-
controllerFactory:
|
|
19
|
+
controllerFactory: c
|
|
19
20
|
},
|
|
20
21
|
(r, l) => /* @__PURE__ */ e.createElement(
|
|
21
22
|
"audio",
|
|
@@ -32,6 +33,6 @@ const d = e.memo(
|
|
|
32
33
|
}
|
|
33
34
|
);
|
|
34
35
|
export {
|
|
35
|
-
|
|
36
|
+
y as default
|
|
36
37
|
};
|
|
37
|
-
//# sourceMappingURL=AudioPlayer-
|
|
38
|
+
//# sourceMappingURL=AudioPlayer-b9a8c640.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AudioPlayer-
|
|
1
|
+
{"version":3,"file":"AudioPlayer-b9a8c640.js","sources":["../src/components/AudioPlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AudioPlayerController } from '../controllers/AudioPlayerController';\nimport { LogLevel } from '../controllers/Logger';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst AudioPlayer = React.memo(\n\t({ ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'AudioPlayer');\n\n\t\tconst playerFactory = React.useCallback(\n\t\t\t(element: HTMLAudioElement): Promise<HTMLAudioElement> => {\n\t\t\t\treturn Promise.resolve(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={undefined}\n\t\t\t\tplayerFactory={playerFactory}\n\t\t\t\tcontrollerFactory={AudioPlayerController}\n\t\t\t>\n\t\t\t\t{(elementRef, videoId): React.ReactElement => (\n\t\t\t\t\t<audio\n\t\t\t\t\t\tref={elementRef}\n\t\t\t\t\t\tsrc={videoId}\n\t\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t\t\tpreload=\"auto\"\n\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\tcontrols\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 AudioPlayer;\n"],"names":["AudioPlayer","React","props","logger","LogLevel","playerFactory","element","PlayerContainer","AudioPlayerController","elementRef","videoId"],"mappings":";;;;AAMA,MAAMA,IAAcC,EAAM;AAAA,EACzB,CAAC,EAAE,GAAGC,QAA6C;AAC5C,UAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,IAAAC,EAAA,IAAIC,EAAS,OAAO,aAAa;AAExC,UAAMC,IAAgBJ,EAAM;AAAA,MAC3B,CAACK,MACO,QAAQ,QAAQA,CAAO;AAAA,MAE/B,CAAC;AAAA,IAAA;AAID,WAAA,gBAAAL,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,GAAGL;AAAA,QACJ,YAAY;AAAA,QACZ,eAAAG;AAAA,QACA,mBAAmBG;AAAA,MAAA;AAAA,MAElB,CAACC,GAAYC,MACb,gBAAAT,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,KAAKQ;AAAA,UACL,KAAKC;AAAA,UACL,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,UACvC,SAAQ;AAAA,UACR,UAAQ;AAAA,UACR,UAAQ;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EAIJ;AACD;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("./index-1c32fd0f.cjs"),u=require("./PlayerContainer-a9b598d9.cjs");require("react-dom");const i=e.memo(({...t})=>{const{logger:l}=t;l.log(o.LogLevel.Debug,"AudioPlayer");const a=e.useCallback(r=>Promise.resolve(r),[]);return e.createElement(u.PlayerContainer,{...t,loadScript:void 0,playerFactory:a,controllerFactory:o.AudioPlayerController},(r,n)=>e.createElement("audio",{ref:r,src:n,style:{width:"100%",height:"100%"},preload:"auto",autoPlay:!0,controls:!0}))});exports.default=i;
|
|
2
|
+
//# sourceMappingURL=AudioPlayer-bdffca2e.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AudioPlayer-
|
|
1
|
+
{"version":3,"file":"AudioPlayer-bdffca2e.cjs","sources":["../src/components/AudioPlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AudioPlayerController } from '../controllers/AudioPlayerController';\nimport { LogLevel } from '../controllers/Logger';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst AudioPlayer = React.memo(\n\t({ ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'AudioPlayer');\n\n\t\tconst playerFactory = React.useCallback(\n\t\t\t(element: HTMLAudioElement): Promise<HTMLAudioElement> => {\n\t\t\t\treturn Promise.resolve(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={undefined}\n\t\t\t\tplayerFactory={playerFactory}\n\t\t\t\tcontrollerFactory={AudioPlayerController}\n\t\t\t>\n\t\t\t\t{(elementRef, videoId): React.ReactElement => (\n\t\t\t\t\t<audio\n\t\t\t\t\t\tref={elementRef}\n\t\t\t\t\t\tsrc={videoId}\n\t\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t\t\tpreload=\"auto\"\n\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\tcontrols\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 AudioPlayer;\n"],"names":["AudioPlayer","React","props","logger","LogLevel","playerFactory","element","PlayerContainer","AudioPlayerController","elementRef","videoId"],"mappings":"4MAMA,MAAMA,EAAcC,EAAM,KACzB,CAAC,CAAE,GAAGC,KAA6C,CAC5C,KAAA,CAAE,OAAAC,CAAW,EAAAD,EAEZC,EAAA,IAAIC,EAAAA,SAAS,MAAO,aAAa,EAExC,MAAMC,EAAgBJ,EAAM,YAC1BK,GACO,QAAQ,QAAQA,CAAO,EAE/B,CAAC,CAAA,EAID,OAAAL,EAAA,cAACM,EAAA,gBAAA,CACC,GAAGL,EACJ,WAAY,OACZ,cAAAG,EACA,kBAAmBG,EAAA,qBAAA,EAElB,CAACC,EAAYC,IACbT,EAAA,cAAC,QAAA,CACA,IAAKQ,EACL,IAAKC,EACL,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,EACvC,QAAQ,OACR,SAAQ,GACR,SAAQ,EAAA,CACT,CAAA,CAIJ,CACD"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),g=require("./index-1c32fd0f.cjs"),h=require("./ensureScriptLoaded-edd30857.cjs"),v=require("./PlayerContainer-a9b598d9.cjs");require("react-dom");const b=a.memo(({options:e,...d})=>{const{logger:l}=d;l.log(g.LogLevel.Debug,"DailymotionPlayer");const m=a.useCallback(async()=>{await h.ensureScriptLoaded("https://api.dmcdn.net/all.js",l)},[l]),P=a.useCallback((c,u)=>Promise.resolve(new DM.player(c,{video:u,width:"100%",height:"100%",events:{apiready:()=>{var r;(r=e==null?void 0:e.onLoaded)==null||r.call(e,{id:u})},seeked:()=>{var r;(r=e==null?void 0:e.onTimeUpdate)==null||r.call(e,{duration:0,percent:0,seconds:0})},video_end:()=>{var r;(r=e==null?void 0:e.onEnded)==null||r.call(e)},durationchange:()=>{},pause:()=>{var r;(r=e==null?void 0:e.onPause)==null||r.call(e)},playing:()=>{var r;(r=e==null?void 0:e.onPlay)==null||r.call(e)},waiting:()=>{},error:r=>{var y;(y=e==null?void 0:e.onError)==null||y.call(e,r)}}})),[e]);return a.createElement(v.PlayerContainer,{...d,options:e,loadScript:m,playerFactory:P,controllerFactory:g.DailymotionPlayerController},c=>a.createElement("div",{style:{width:"100%",height:"100%"}},a.createElement("div",{ref:c})))});exports.default=b;
|
|
2
|
+
//# sourceMappingURL=DailymotionPlayer-9911cf65.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DailymotionPlayer-
|
|
1
|
+
{"version":3,"file":"DailymotionPlayer-9911cf65.cjs","sources":["../src/components/DailymotionPlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DailymotionPlayerController } from '../controllers/DailymotionPlayerController';\nimport { LogLevel } from '../controllers/Logger';\nimport { ensureScriptLoaded } from '../controllers/ensureScriptLoaded';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst DailymotionPlayer = React.memo(\n\t({ options, ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'DailymotionPlayer');\n\n\t\tconst loadScript = React.useCallback(async () => {\n\t\t\tawait ensureScriptLoaded('https://api.dmcdn.net/all.js', logger);\n\t\t}, [logger]);\n\n\t\tconst playerFactory = React.useCallback(\n\t\t\t(element: HTMLDivElement, videoId: string): Promise<DM.player> => {\n\t\t\t\treturn Promise.resolve(\n\t\t\t\t\tnew DM.player(element, {\n\t\t\t\t\t\tvideo: videoId,\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tevents: {\n\t\t\t\t\t\t\tapiready: (): void => {\n\t\t\t\t\t\t\t\toptions?.onLoaded?.({ id: videoId });\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tseeked: (): void => {\n\t\t\t\t\t\t\t\toptions?.onTimeUpdate?.({\n\t\t\t\t\t\t\t\t\tduration: 0,\n\t\t\t\t\t\t\t\t\tpercent: 0,\n\t\t\t\t\t\t\t\t\tseconds: 0,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tvideo_end: (): void => {\n\t\t\t\t\t\t\t\toptions?.onEnded?.();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tdurationchange: (): void => {},\n\t\t\t\t\t\t\tpause: (): void => {\n\t\t\t\t\t\t\t\toptions?.onPause?.();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tplaying: (): void => {\n\t\t\t\t\t\t\t\toptions?.onPlay?.();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\twaiting: (): void => {},\n\t\t\t\t\t\t\terror: (error): void => {\n\t\t\t\t\t\t\t\toptions?.onError?.(error);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\t},\n\t\t\t[options],\n\t\t);\n\n\t\treturn (\n\t\t\t<PlayerContainer\n\t\t\t\t{...props}\n\t\t\t\toptions={options}\n\t\t\t\tloadScript={loadScript}\n\t\t\t\tplayerFactory={playerFactory}\n\t\t\t\tcontrollerFactory={DailymotionPlayerController}\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 DailymotionPlayer;\n"],"names":["DailymotionPlayer","React","options","props","logger","LogLevel","loadScript","ensureScriptLoaded","playerFactory","element","videoId","_a","error","PlayerContainer","DailymotionPlayerController","elementRef"],"mappings":"2PAOA,MAAMA,EAAoBC,EAAM,KAC/B,CAAC,CAAE,QAAAC,EAAS,GAAGC,KAA6C,CACrD,KAAA,CAAE,OAAAC,CAAW,EAAAD,EAEZC,EAAA,IAAIC,EAAAA,SAAS,MAAO,mBAAmB,EAExC,MAAAC,EAAaL,EAAM,YAAY,SAAY,CAC1C,MAAAM,EAAA,mBAAmB,+BAAgCH,CAAM,CAAA,EAC7D,CAACA,CAAM,CAAC,EAELI,EAAgBP,EAAM,YAC3B,CAACQ,EAAyBC,IAClB,QAAQ,QACd,IAAI,GAAG,OAAOD,EAAS,CACtB,MAAOC,EACP,MAAO,OACP,OAAQ,OACR,OAAQ,CACP,SAAU,IAAY,QACrBC,EAAAT,GAAA,YAAAA,EAAS,WAAT,MAAAS,EAAA,KAAAT,EAAoB,CAAE,GAAIQ,CAAS,EACpC,EACA,OAAQ,IAAY,QACnBC,EAAAT,GAAA,YAAAA,EAAS,eAAT,MAAAS,EAAA,KAAAT,EAAwB,CACvB,SAAU,EACV,QAAS,EACT,QAAS,CAAA,EAEX,EACA,UAAW,IAAY,QACtBS,EAAAT,GAAA,YAAAA,EAAS,UAAT,MAAAS,EAAA,KAAAT,EACD,EACA,eAAgB,IAAY,CAAC,EAC7B,MAAO,IAAY,QAClBS,EAAAT,GAAA,YAAAA,EAAS,UAAT,MAAAS,EAAA,KAAAT,EACD,EACA,QAAS,IAAY,QACpBS,EAAAT,GAAA,YAAAA,EAAS,SAAT,MAAAS,EAAA,KAAAT,EACD,EACA,QAAS,IAAY,CAAC,EACtB,MAAQU,GAAgB,QACvBD,EAAAT,GAAA,YAAAA,EAAS,UAAT,MAAAS,EAAA,KAAAT,EAAmBU,EACpB,CACD,CAAA,CACA,CAAA,EAGH,CAACV,CAAO,CAAA,EAIR,OAAAD,EAAA,cAACY,EAAA,gBAAA,CACC,GAAGV,EACJ,QAAAD,EACA,WAAAI,EACA,cAAAE,EACA,kBAAmBM,EAAA,2BAAA,EAEjBC,GACAd,EAAA,cAAA,MAAA,CAAI,MAAO,CAAE,MAAO,OAAQ,OAAQ,MACpC,CAAA,EAAAA,EAAA,cAAC,MAAI,CAAA,IAAKc,EAAY,CACvB,CAAA,CAIJ,CACD"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { L as h, D as P } from "./index-
|
|
3
|
-
import { e as f } from "./ensureScriptLoaded-
|
|
4
|
-
import { P as v } from "./PlayerContainer-
|
|
5
|
-
|
|
1
|
+
import a from "react";
|
|
2
|
+
import { L as h, D as P } from "./index-4f99b291.js";
|
|
3
|
+
import { e as f } from "./ensureScriptLoaded-ddb8918f.js";
|
|
4
|
+
import { P as v } from "./PlayerContainer-c7dcfed0.js";
|
|
5
|
+
import "react-dom";
|
|
6
|
+
const b = a.memo(
|
|
6
7
|
({ options: e, ...c }) => {
|
|
7
8
|
const { logger: l } = c;
|
|
8
9
|
l.log(h.Debug, "DailymotionPlayer");
|
|
9
|
-
const u =
|
|
10
|
+
const u = a.useCallback(async () => {
|
|
10
11
|
await f("https://api.dmcdn.net/all.js", l);
|
|
11
|
-
}, [l]), g =
|
|
12
|
+
}, [l]), g = a.useCallback(
|
|
12
13
|
(d, m) => Promise.resolve(
|
|
13
14
|
new DM.player(d, {
|
|
14
15
|
video: m,
|
|
@@ -16,43 +17,43 @@ const C = r.memo(
|
|
|
16
17
|
height: "100%",
|
|
17
18
|
events: {
|
|
18
19
|
apiready: () => {
|
|
19
|
-
var
|
|
20
|
-
(
|
|
20
|
+
var r;
|
|
21
|
+
(r = e == null ? void 0 : e.onLoaded) == null || r.call(e, { id: m });
|
|
21
22
|
},
|
|
22
23
|
seeked: () => {
|
|
23
|
-
var
|
|
24
|
-
(
|
|
24
|
+
var r;
|
|
25
|
+
(r = e == null ? void 0 : e.onTimeUpdate) == null || r.call(e, {
|
|
25
26
|
duration: 0,
|
|
26
27
|
percent: 0,
|
|
27
28
|
seconds: 0
|
|
28
29
|
});
|
|
29
30
|
},
|
|
30
31
|
video_end: () => {
|
|
31
|
-
var
|
|
32
|
-
(
|
|
32
|
+
var r;
|
|
33
|
+
(r = e == null ? void 0 : e.onEnded) == null || r.call(e);
|
|
33
34
|
},
|
|
34
35
|
durationchange: () => {
|
|
35
36
|
},
|
|
36
37
|
pause: () => {
|
|
37
|
-
var
|
|
38
|
-
(
|
|
38
|
+
var r;
|
|
39
|
+
(r = e == null ? void 0 : e.onPause) == null || r.call(e);
|
|
39
40
|
},
|
|
40
41
|
playing: () => {
|
|
41
|
-
var
|
|
42
|
-
(
|
|
42
|
+
var r;
|
|
43
|
+
(r = e == null ? void 0 : e.onPlay) == null || r.call(e);
|
|
43
44
|
},
|
|
44
45
|
waiting: () => {
|
|
45
46
|
},
|
|
46
|
-
error: (
|
|
47
|
+
error: (r) => {
|
|
47
48
|
var y;
|
|
48
|
-
(y = e == null ? void 0 : e.onError) == null || y.call(e,
|
|
49
|
+
(y = e == null ? void 0 : e.onError) == null || y.call(e, r);
|
|
49
50
|
}
|
|
50
51
|
}
|
|
51
52
|
})
|
|
52
53
|
),
|
|
53
54
|
[e]
|
|
54
55
|
);
|
|
55
|
-
return /* @__PURE__ */
|
|
56
|
+
return /* @__PURE__ */ a.createElement(
|
|
56
57
|
v,
|
|
57
58
|
{
|
|
58
59
|
...c,
|
|
@@ -61,11 +62,11 @@ const C = r.memo(
|
|
|
61
62
|
playerFactory: g,
|
|
62
63
|
controllerFactory: P
|
|
63
64
|
},
|
|
64
|
-
(d) => /* @__PURE__ */
|
|
65
|
+
(d) => /* @__PURE__ */ a.createElement("div", { style: { width: "100%", height: "100%" } }, /* @__PURE__ */ a.createElement("div", { ref: d }))
|
|
65
66
|
);
|
|
66
67
|
}
|
|
67
68
|
);
|
|
68
69
|
export {
|
|
69
|
-
|
|
70
|
+
b as default
|
|
70
71
|
};
|
|
71
|
-
//# sourceMappingURL=DailymotionPlayer-
|
|
72
|
+
//# sourceMappingURL=DailymotionPlayer-c382ebf7.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DailymotionPlayer-
|
|
1
|
+
{"version":3,"file":"DailymotionPlayer-c382ebf7.js","sources":["../src/components/DailymotionPlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DailymotionPlayerController } from '../controllers/DailymotionPlayerController';\nimport { LogLevel } from '../controllers/Logger';\nimport { ensureScriptLoaded } from '../controllers/ensureScriptLoaded';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst DailymotionPlayer = React.memo(\n\t({ options, ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'DailymotionPlayer');\n\n\t\tconst loadScript = React.useCallback(async () => {\n\t\t\tawait ensureScriptLoaded('https://api.dmcdn.net/all.js', logger);\n\t\t}, [logger]);\n\n\t\tconst playerFactory = React.useCallback(\n\t\t\t(element: HTMLDivElement, videoId: string): Promise<DM.player> => {\n\t\t\t\treturn Promise.resolve(\n\t\t\t\t\tnew DM.player(element, {\n\t\t\t\t\t\tvideo: videoId,\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tevents: {\n\t\t\t\t\t\t\tapiready: (): void => {\n\t\t\t\t\t\t\t\toptions?.onLoaded?.({ id: videoId });\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tseeked: (): void => {\n\t\t\t\t\t\t\t\toptions?.onTimeUpdate?.({\n\t\t\t\t\t\t\t\t\tduration: 0,\n\t\t\t\t\t\t\t\t\tpercent: 0,\n\t\t\t\t\t\t\t\t\tseconds: 0,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tvideo_end: (): void => {\n\t\t\t\t\t\t\t\toptions?.onEnded?.();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tdurationchange: (): void => {},\n\t\t\t\t\t\t\tpause: (): void => {\n\t\t\t\t\t\t\t\toptions?.onPause?.();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tplaying: (): void => {\n\t\t\t\t\t\t\t\toptions?.onPlay?.();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\twaiting: (): void => {},\n\t\t\t\t\t\t\terror: (error): void => {\n\t\t\t\t\t\t\t\toptions?.onError?.(error);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\t},\n\t\t\t[options],\n\t\t);\n\n\t\treturn (\n\t\t\t<PlayerContainer\n\t\t\t\t{...props}\n\t\t\t\toptions={options}\n\t\t\t\tloadScript={loadScript}\n\t\t\t\tplayerFactory={playerFactory}\n\t\t\t\tcontrollerFactory={DailymotionPlayerController}\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 DailymotionPlayer;\n"],"names":["DailymotionPlayer","React","options","props","logger","LogLevel","loadScript","ensureScriptLoaded","playerFactory","element","videoId","_a","error","PlayerContainer","DailymotionPlayerController","elementRef"],"mappings":";;;;;AAOA,MAAMA,IAAoBC,EAAM;AAAA,EAC/B,CAAC,EAAE,SAAAC,GAAS,GAAGC,QAA6C;AACrD,UAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,IAAAC,EAAA,IAAIC,EAAS,OAAO,mBAAmB;AAExC,UAAAC,IAAaL,EAAM,YAAY,YAAY;AAC1C,YAAAM,EAAmB,gCAAgCH,CAAM;AAAA,IAAA,GAC7D,CAACA,CAAM,CAAC,GAELI,IAAgBP,EAAM;AAAA,MAC3B,CAACQ,GAAyBC,MAClB,QAAQ;AAAA,QACd,IAAI,GAAG,OAAOD,GAAS;AAAA,UACtB,OAAOC;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,QAAQ;AAAA,YACP,UAAU,MAAY;;AACrB,eAAAC,IAAAT,KAAA,gBAAAA,EAAS,aAAT,QAAAS,EAAA,KAAAT,GAAoB,EAAE,IAAIQ,EAAS;AAAA,YACpC;AAAA,YACA,QAAQ,MAAY;;AACnB,eAAAC,IAAAT,KAAA,gBAAAA,EAAS,iBAAT,QAAAS,EAAA,KAAAT,GAAwB;AAAA,gBACvB,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,SAAS;AAAA,cAAA;AAAA,YAEX;AAAA,YACA,WAAW,MAAY;;AACtB,eAAAS,IAAAT,KAAA,gBAAAA,EAAS,YAAT,QAAAS,EAAA,KAAAT;AAAA,YACD;AAAA,YACA,gBAAgB,MAAY;AAAA,YAAC;AAAA,YAC7B,OAAO,MAAY;;AAClB,eAAAS,IAAAT,KAAA,gBAAAA,EAAS,YAAT,QAAAS,EAAA,KAAAT;AAAA,YACD;AAAA,YACA,SAAS,MAAY;;AACpB,eAAAS,IAAAT,KAAA,gBAAAA,EAAS,WAAT,QAAAS,EAAA,KAAAT;AAAA,YACD;AAAA,YACA,SAAS,MAAY;AAAA,YAAC;AAAA,YACtB,OAAO,CAACU,MAAgB;;AACvB,eAAAD,IAAAT,KAAA,gBAAAA,EAAS,YAAT,QAAAS,EAAA,KAAAT,GAAmBU;AAAA,YACpB;AAAA,UACD;AAAA,QAAA,CACA;AAAA,MAAA;AAAA,MAGH,CAACV,CAAO;AAAA,IAAA;AAIR,WAAA,gBAAAD,EAAA;AAAA,MAACY;AAAA,MAAA;AAAA,QACC,GAAGV;AAAA,QACJ,SAAAD;AAAA,QACA,YAAAI;AAAA,QACA,eAAAE;AAAA,QACA,mBAAmBM;AAAA,MAAA;AAAA,MAElB,CAACC,MACA,gBAAAd,EAAA,cAAA,OAAA,EAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,OACpC,EAAA,GAAA,gBAAAA,EAAA,cAAC,OAAI,EAAA,KAAKc,GAAY,CACvB;AAAA,IAAA;AAAA,EAIJ;AACD;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("./index-1c32fd0f.cjs"),i=require("./PlayerContainer-a9b598d9.cjs");require("react-dom");const n=e.memo(({...t})=>{const{logger:l}=t;l.log(o.LogLevel.Debug,"NiconicoPlayer");const a=e.useCallback(r=>Promise.resolve(r),[]);return e.createElement(i.PlayerContainer,{...t,loadScript:void 0,playerFactory:a,controllerFactory:o.NiconicoPlayerController},(r,c)=>e.createElement("div",{style:{width:"100%",height:"100%"}},e.createElement("iframe",{ref:r,src:`https://embed.nicovideo.jp/watch/${c}?jsapi=1&playerId=1`,width:"100%",height:"100%",allowFullScreen:!0,style:{border:"none"},allow:"autoplay; fullscreen"})))});exports.default=n;
|
|
2
|
+
//# sourceMappingURL=NiconicoPlayer-63f9f506.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NiconicoPlayer-
|
|
1
|
+
{"version":3,"file":"NiconicoPlayer-63f9f506.cjs","sources":["../src/components/NiconicoPlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LogLevel } from '../controllers/Logger';\nimport { NiconicoPlayerController } from '../controllers/NiconicoPlayerController';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst NiconicoPlayer = React.memo(\n\t({ ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'NiconicoPlayer');\n\n\t\tconst playerFactory = React.useCallback(\n\t\t\t(element: HTMLIFrameElement): Promise<HTMLIFrameElement> => {\n\t\t\t\treturn Promise.resolve(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={undefined}\n\t\t\t\tplayerFactory={playerFactory}\n\t\t\t\tcontrollerFactory={NiconicoPlayerController}\n\t\t\t>\n\t\t\t\t{(elementRef, videoId): React.ReactElement => (\n\t\t\t\t\t<div style={{ width: '100%', height: '100%' }}>\n\t\t\t\t\t\t{/* eslint-disable-next-line jsx-a11y/iframe-has-title */}\n\t\t\t\t\t\t<iframe\n\t\t\t\t\t\t\tref={elementRef}\n\t\t\t\t\t\t\tsrc={`https://embed.nicovideo.jp/watch/${videoId}?jsapi=1&playerId=1`}\n\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\tallowFullScreen\n\t\t\t\t\t\t\tstyle={{ border: 'none' }}\n\t\t\t\t\t\t\t// The player has to have the allow=\"autoplay\" attribute.\n\t\t\t\t\t\t\t// Otherwise it throws a NotAllowedError: \"play() failed because the user didn't interact with the document first\".\n\t\t\t\t\t\t\t// See also: https://github.com/vimeo/player.js/issues/389.\n\t\t\t\t\t\t\t// NOTE: An iframe element created by `PVPlayerNiconico.playerFactory.create` doesn't have the allow=\"autoplay\" attribute,\n\t\t\t\t\t\t\t// which causes the above issue when trying to autoplay a video.\n\t\t\t\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\t\t\t/>\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 NiconicoPlayer;\n"],"names":["NiconicoPlayer","React","props","logger","LogLevel","playerFactory","element","PlayerContainer","NiconicoPlayerController","elementRef","videoId"],"mappings":"4MAMA,MAAMA,EAAiBC,EAAM,KAC5B,CAAC,CAAE,GAAGC,KAA6C,CAC5C,KAAA,CAAE,OAAAC,CAAW,EAAAD,EAEZC,EAAA,IAAIC,EAAAA,SAAS,MAAO,gBAAgB,EAE3C,MAAMC,EAAgBJ,EAAM,YAC1BK,GACO,QAAQ,QAAQA,CAAO,EAE/B,CAAC,CAAA,EAID,OAAAL,EAAA,cAACM,EAAA,gBAAA,CACC,GAAGL,EACJ,WAAY,OACZ,cAAAG,EACA,kBAAmBG,EAAA,wBAAA,EAElB,CAACC,EAAYC,IACZT,EAAA,cAAA,MAAA,CAAI,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAA,CAEpC,EAAAA,EAAA,cAAC,SAAA,CACA,IAAKQ,EACL,IAAK,oCAAoCC,CAAO,sBAChD,MAAM,OACN,OAAO,OACP,gBAAe,GACf,MAAO,CAAE,OAAQ,MAAO,EAMxB,MAAM,sBAAA,CAAA,CAER,CAAA,CAIJ,CACD"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import e from "react";
|
|
2
|
-
import { L as c, N as i } from "./index-
|
|
3
|
-
import { P as n } from "./PlayerContainer-
|
|
4
|
-
|
|
2
|
+
import { L as c, N as i } from "./index-4f99b291.js";
|
|
3
|
+
import { P as n } from "./PlayerContainer-c7dcfed0.js";
|
|
4
|
+
import "react-dom";
|
|
5
|
+
const p = e.memo(
|
|
5
6
|
({ ...o }) => {
|
|
6
7
|
const { logger: t } = o;
|
|
7
8
|
t.log(c.Debug, "NiconicoPlayer");
|
|
@@ -33,6 +34,6 @@ const d = e.memo(
|
|
|
33
34
|
}
|
|
34
35
|
);
|
|
35
36
|
export {
|
|
36
|
-
|
|
37
|
+
p as default
|
|
37
38
|
};
|
|
38
|
-
//# sourceMappingURL=NiconicoPlayer-
|
|
39
|
+
//# sourceMappingURL=NiconicoPlayer-7e93d234.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NiconicoPlayer-
|
|
1
|
+
{"version":3,"file":"NiconicoPlayer-7e93d234.js","sources":["../src/components/NiconicoPlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LogLevel } from '../controllers/Logger';\nimport { NiconicoPlayerController } from '../controllers/NiconicoPlayerController';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst NiconicoPlayer = React.memo(\n\t({ ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'NiconicoPlayer');\n\n\t\tconst playerFactory = React.useCallback(\n\t\t\t(element: HTMLIFrameElement): Promise<HTMLIFrameElement> => {\n\t\t\t\treturn Promise.resolve(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={undefined}\n\t\t\t\tplayerFactory={playerFactory}\n\t\t\t\tcontrollerFactory={NiconicoPlayerController}\n\t\t\t>\n\t\t\t\t{(elementRef, videoId): React.ReactElement => (\n\t\t\t\t\t<div style={{ width: '100%', height: '100%' }}>\n\t\t\t\t\t\t{/* eslint-disable-next-line jsx-a11y/iframe-has-title */}\n\t\t\t\t\t\t<iframe\n\t\t\t\t\t\t\tref={elementRef}\n\t\t\t\t\t\t\tsrc={`https://embed.nicovideo.jp/watch/${videoId}?jsapi=1&playerId=1`}\n\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\tallowFullScreen\n\t\t\t\t\t\t\tstyle={{ border: 'none' }}\n\t\t\t\t\t\t\t// The player has to have the allow=\"autoplay\" attribute.\n\t\t\t\t\t\t\t// Otherwise it throws a NotAllowedError: \"play() failed because the user didn't interact with the document first\".\n\t\t\t\t\t\t\t// See also: https://github.com/vimeo/player.js/issues/389.\n\t\t\t\t\t\t\t// NOTE: An iframe element created by `PVPlayerNiconico.playerFactory.create` doesn't have the allow=\"autoplay\" attribute,\n\t\t\t\t\t\t\t// which causes the above issue when trying to autoplay a video.\n\t\t\t\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\t\t\t/>\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 NiconicoPlayer;\n"],"names":["NiconicoPlayer","React","props","logger","LogLevel","playerFactory","element","PlayerContainer","NiconicoPlayerController","elementRef","videoId"],"mappings":";;;;AAMA,MAAMA,IAAiBC,EAAM;AAAA,EAC5B,CAAC,EAAE,GAAGC,QAA6C;AAC5C,UAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,IAAAC,EAAA,IAAIC,EAAS,OAAO,gBAAgB;AAE3C,UAAMC,IAAgBJ,EAAM;AAAA,MAC3B,CAACK,MACO,QAAQ,QAAQA,CAAO;AAAA,MAE/B,CAAC;AAAA,IAAA;AAID,WAAA,gBAAAL,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,GAAGL;AAAA,QACJ,YAAY;AAAA,QACZ,eAAAG;AAAA,QACA,mBAAmBG;AAAA,MAAA;AAAA,MAElB,CAACC,GAAYC,MACZ,gBAAAT,EAAA,cAAA,OAAA,EAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAA,EAEpC,GAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,KAAKQ;AAAA,UACL,KAAK,oCAAoCC,CAAO;AAAA,UAChD,OAAM;AAAA,UACN,QAAO;AAAA,UACP,iBAAe;AAAA,UACf,OAAO,EAAE,QAAQ,OAAO;AAAA,UAMxB,OAAM;AAAA,QAAA;AAAA,MAAA,CAER;AAAA,IAAA;AAAA,EAIJ;AACD;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const t=require("react"),q=require("./index-
|
|
2
|
-
//# sourceMappingURL=PlayerContainer-
|
|
1
|
+
"use strict";const t=require("react"),q=require("./index-1c32fd0f.cjs");function M(){const e=t.useRef(!0);return e.current?(e.current=!1,!0):e.current}const D=(e,u)=>e===u;function L(e,u=D){const r=t.useRef(),s=t.useRef(e);return!M()&&!u(s.current,e)&&(r.current=s.current,s.current=e),r.current}const V=({logger:e,type:u,loadScript:r,playerFactory:s,onControllerChange:c,videoId:i,options:P,controllerFactory:a,children:y})=>{e.log(q.LogLevel.Debug,"PlayerContainer");const R=t.useRef(i),E=t.useRef(void 0),[o,F]=t.useState(),[n,v]=t.useState();t.useEffect(()=>{c==null||c(n)},[n,c]),t.useEffect(()=>{((r==null?void 0:r())??Promise.resolve()).then(()=>{s(E.current,R.current).then(f=>{F(f)})})},[r,s]),t.useEffect(()=>{if(o===void 0)return;const f=new q.PlayerController(e,u,o,P,a);return f.attach(R.current).then(()=>v(f)),()=>{f.detach().finally(()=>v(void 0))}},[e,u,r,o,P,a]);const m=L(i);return t.useEffect(()=>{m!==void 0&&(n==null||n.loadVideo(i))},[m,i,n]),t.createElement(t.Fragment,null,y(E,R.current))};exports.PlayerContainer=V;
|
|
2
|
+
//# sourceMappingURL=PlayerContainer-a9b598d9.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayerContainer-
|
|
1
|
+
{"version":3,"file":"PlayerContainer-a9b598d9.cjs","sources":["../src/components/useFirstMountState.ts","../src/components/usePreviousDistinct.ts","../src/components/PlayerContainer.tsx"],"sourcesContent":["// https://github.com/streamich/react-use/blob/8ceb4c0f0c5625124f487b435a2fd0d3b3bc2a4f/src/useFirstMountState.ts\nimport { useRef } from 'react';\n\nexport function useFirstMountState(): boolean {\n\tconst isFirst = useRef(true);\n\n\tif (isFirst.current) {\n\t\tisFirst.current = false;\n\n\t\treturn true;\n\t}\n\n\treturn isFirst.current;\n}\n","// https://github.com/streamich/react-use/blob/8ceb4c0f0c5625124f487b435a2fd0d3b3bc2a4f/src/usePreviousDistinct.ts.\nimport { useRef } from 'react';\n\nimport { useFirstMountState } from './useFirstMountState';\n\nexport type Predicate<T> = (prev: T | undefined, next: T) => boolean;\n\nconst strictEquals = <T>(prev: T | undefined, next: T): boolean =>\n\tprev === next;\n\nexport default function usePreviousDistinct<T>(\n\tvalue: T,\n\tcompare: Predicate<T> = strictEquals,\n): T | undefined {\n\tconst prevRef = useRef<T>();\n\tconst curRef = useRef<T>(value);\n\tconst isFirstMount = useFirstMountState();\n\n\tif (!isFirstMount && !compare(curRef.current, value)) {\n\t\tprevRef.current = curRef.current;\n\t\tcurRef.current = value;\n\t}\n\n\treturn prevRef.current;\n}\n","import React from 'react';\n\nimport { ILogger, LogLevel } from '../controllers/Logger';\nimport {\n\tIPlayerController,\n\tPlayerController,\n\tPlayerOptions,\n\tPlayerType,\n} from '../controllers/PlayerController';\nimport { PlayerControllerImpl } from '../controllers/PlayerControllerImpl';\nimport usePreviousDistinct from './usePreviousDistinct';\n\nexport interface PlayerProps {\n\tlogger: ILogger;\n\ttype: PlayerType;\n\tonControllerChange:\n\t\t| ((value: IPlayerController | undefined) => void)\n\t\t| undefined;\n\tvideoId: string;\n\toptions: PlayerOptions | undefined;\n}\n\ninterface PlayerContainerProps<\n\tTElement extends HTMLElement,\n\tTPlayer extends object,\n\tTController extends PlayerControllerImpl<TPlayer>,\n> extends PlayerProps {\n\tloadScript: (() => Promise<void>) | undefined;\n\tplayerFactory: (element: TElement, videoId: string) => Promise<TPlayer>;\n\tcontrollerFactory: new (\n\t\tlogger: ILogger,\n\t\tplayer: TPlayer,\n\t\toptions: PlayerOptions | undefined,\n\t) => TController;\n\tchildren: (\n\t\telementRef: React.MutableRefObject<TElement>,\n\t\tvideoId: string,\n\t) => React.ReactNode;\n}\n\nexport const PlayerContainer = <\n\tTElement extends HTMLElement,\n\tTPlayer extends object,\n\tTController extends PlayerControllerImpl<TPlayer>,\n>({\n\tlogger,\n\ttype,\n\tloadScript,\n\tplayerFactory,\n\tonControllerChange,\n\tvideoId,\n\toptions,\n\tcontrollerFactory,\n\tchildren,\n}: PlayerContainerProps<TElement, TPlayer, TController>): React.ReactElement<\n\tPlayerContainerProps<TElement, TPlayer, TController>\n> => {\n\tlogger.log(LogLevel.Debug, 'PlayerContainer');\n\n\tconst videoIdRef = React.useRef(videoId);\n\n\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\tconst elementRef = React.useRef<TElement>(undefined!);\n\n\tconst [player, setPlayer] = React.useState<TPlayer>();\n\n\tconst [controller, setController] = React.useState<IPlayerController>();\n\tReact.useEffect(() => {\n\t\tonControllerChange?.(controller);\n\t}, [controller, onControllerChange]);\n\n\tReact.useEffect(() => {\n\t\t(loadScript?.() ?? Promise.resolve()).then(() => {\n\t\t\tplayerFactory(elementRef.current, videoIdRef.current).then(\n\t\t\t\t(player) => {\n\t\t\t\t\tsetPlayer(player);\n\t\t\t\t},\n\t\t\t);\n\t\t});\n\t}, [loadScript, playerFactory]);\n\n\t// Make sure that `options` do not change between re-rendering.\n\tReact.useEffect(() => {\n\t\tif (player === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst controller = new PlayerController(\n\t\t\tlogger,\n\t\t\ttype,\n\t\t\tplayer,\n\t\t\toptions,\n\t\t\tcontrollerFactory,\n\t\t);\n\n\t\tcontroller\n\t\t\t.attach(videoIdRef.current)\n\t\t\t.then(() => setController(controller));\n\n\t\treturn (): void => {\n\t\t\tcontroller.detach().finally(() => setController(undefined));\n\t\t};\n\t}, [logger, type, loadScript, player, options, controllerFactory]);\n\n\tconst previousVideoId = usePreviousDistinct(videoId);\n\tReact.useEffect(() => {\n\t\t// If `previousVideoId` is undefined, then it means that the video has already been loaded by either\n\t\t// 1. `<audio>`s `src` attribute (e.g. `AudioPlayer`),\n\t\t// 2. `<iframe>`'s `src` attribute (e.g. `NiconicoPlayer`, `SoundCloudPlayer` and `VimeoPlayer`), or\n\t\t// 3. the `attach` method of the player API (e.g. `YouTubePlayer`).\n\t\tif (previousVideoId === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tcontroller?.loadVideo(videoId);\n\t}, [previousVideoId, videoId, controller]);\n\n\t// Make sure that `videoId` does not change between re-rendering.\n\treturn <>{children(elementRef, videoIdRef.current)}</>;\n};\n"],"names":["useFirstMountState","isFirst","useRef","strictEquals","prev","next","usePreviousDistinct","value","compare","prevRef","curRef","PlayerContainer","logger","type","loadScript","playerFactory","onControllerChange","videoId","options","controllerFactory","children","LogLevel","videoIdRef","React","elementRef","player","setPlayer","controller","setController","PlayerController","previousVideoId"],"mappings":"wEAGO,SAASA,GAA8B,CACvC,MAAAC,EAAUC,SAAO,EAAI,EAE3B,OAAID,EAAQ,SACXA,EAAQ,QAAU,GAEX,IAGDA,EAAQ,OAChB,CCNA,MAAME,EAAe,CAAIC,EAAqBC,IAC7CD,IAASC,EAEc,SAAAC,EACvBC,EACAC,EAAwBL,EACR,CAChB,MAAMM,EAAUP,EAAAA,SACVQ,EAASR,SAAUK,CAAK,EAG9B,MAAI,CAFiBP,KAEA,CAACQ,EAAQE,EAAO,QAASH,CAAK,IAClDE,EAAQ,QAAUC,EAAO,QACzBA,EAAO,QAAUH,GAGXE,EAAQ,OAChB,CCgBO,MAAME,EAAkB,CAI7B,CACD,OAAAC,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,SAAAC,CACD,IAEK,CACGR,EAAA,IAAIS,EAAAA,SAAS,MAAO,iBAAiB,EAEtC,MAAAC,EAAaC,EAAM,OAAON,CAAO,EAGjCO,EAAaD,EAAM,OAAiB,MAAU,EAE9C,CAACE,EAAQC,CAAS,EAAIH,EAAM,SAAkB,EAE9C,CAACI,EAAYC,CAAa,EAAIL,EAAM,SAA4B,EACtEA,EAAM,UAAU,IAAM,CACrBP,GAAA,MAAAA,EAAqBW,EAAU,EAC7B,CAACA,EAAYX,CAAkB,CAAC,EAEnCO,EAAM,UAAU,IAAM,GACpBT,GAAA,YAAAA,MAAkB,QAAQ,QAAQ,GAAG,KAAK,IAAM,CAChDC,EAAcS,EAAW,QAASF,EAAW,OAAO,EAAE,KACpDG,GAAW,CACXC,EAAUD,CAAM,CACjB,CAAA,CACD,CACA,CAAA,EACC,CAACX,EAAYC,CAAa,CAAC,EAG9BQ,EAAM,UAAU,IAAM,CACrB,GAAIE,IAAW,OACd,OAGD,MAAME,EAAa,IAAIE,EAAA,iBACtBjB,EACAC,EACAY,EACAP,EACAC,CAAA,EAGDQ,OAAAA,EACE,OAAOL,EAAW,OAAO,EACzB,KAAK,IAAMM,EAAcD,CAAU,CAAC,EAE/B,IAAY,CAClBA,EAAW,OAAO,EAAE,QAAQ,IAAMC,EAAc,MAAS,CAAC,CAAA,CAC3D,EACE,CAAChB,EAAQC,EAAMC,EAAYW,EAAQP,EAASC,CAAiB,CAAC,EAE3D,MAAAW,EAAkBxB,EAAoBW,CAAO,EACnD,OAAAM,EAAM,UAAU,IAAM,CAKjBO,IAAoB,SAIxBH,GAAA,MAAAA,EAAY,UAAUV,GACpB,EAAA,CAACa,EAAiBb,EAASU,CAAU,CAAC,EAG/BJ,EAAA,cAAAA,EAAA,SAAA,KAAAH,EAASI,EAAYF,EAAW,OAAO,CAAE,CACpD"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import t, { useRef as P } from "react";
|
|
2
|
-
import { L as y, P as D } from "./index-
|
|
2
|
+
import { L as y, P as D } from "./index-4f99b291.js";
|
|
3
3
|
function V() {
|
|
4
4
|
const e = P(!0);
|
|
5
5
|
return e.current ? (e.current = !1, !0) : e.current;
|
|
@@ -54,4 +54,4 @@ const h = ({
|
|
|
54
54
|
export {
|
|
55
55
|
h as P
|
|
56
56
|
};
|
|
57
|
-
//# sourceMappingURL=PlayerContainer-
|
|
57
|
+
//# sourceMappingURL=PlayerContainer-c7dcfed0.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayerContainer-
|
|
1
|
+
{"version":3,"file":"PlayerContainer-c7dcfed0.js","sources":["../src/components/useFirstMountState.ts","../src/components/usePreviousDistinct.ts","../src/components/PlayerContainer.tsx"],"sourcesContent":["// https://github.com/streamich/react-use/blob/8ceb4c0f0c5625124f487b435a2fd0d3b3bc2a4f/src/useFirstMountState.ts\nimport { useRef } from 'react';\n\nexport function useFirstMountState(): boolean {\n\tconst isFirst = useRef(true);\n\n\tif (isFirst.current) {\n\t\tisFirst.current = false;\n\n\t\treturn true;\n\t}\n\n\treturn isFirst.current;\n}\n","// https://github.com/streamich/react-use/blob/8ceb4c0f0c5625124f487b435a2fd0d3b3bc2a4f/src/usePreviousDistinct.ts.\nimport { useRef } from 'react';\n\nimport { useFirstMountState } from './useFirstMountState';\n\nexport type Predicate<T> = (prev: T | undefined, next: T) => boolean;\n\nconst strictEquals = <T>(prev: T | undefined, next: T): boolean =>\n\tprev === next;\n\nexport default function usePreviousDistinct<T>(\n\tvalue: T,\n\tcompare: Predicate<T> = strictEquals,\n): T | undefined {\n\tconst prevRef = useRef<T>();\n\tconst curRef = useRef<T>(value);\n\tconst isFirstMount = useFirstMountState();\n\n\tif (!isFirstMount && !compare(curRef.current, value)) {\n\t\tprevRef.current = curRef.current;\n\t\tcurRef.current = value;\n\t}\n\n\treturn prevRef.current;\n}\n","import React from 'react';\n\nimport { ILogger, LogLevel } from '../controllers/Logger';\nimport {\n\tIPlayerController,\n\tPlayerController,\n\tPlayerOptions,\n\tPlayerType,\n} from '../controllers/PlayerController';\nimport { PlayerControllerImpl } from '../controllers/PlayerControllerImpl';\nimport usePreviousDistinct from './usePreviousDistinct';\n\nexport interface PlayerProps {\n\tlogger: ILogger;\n\ttype: PlayerType;\n\tonControllerChange:\n\t\t| ((value: IPlayerController | undefined) => void)\n\t\t| undefined;\n\tvideoId: string;\n\toptions: PlayerOptions | undefined;\n}\n\ninterface PlayerContainerProps<\n\tTElement extends HTMLElement,\n\tTPlayer extends object,\n\tTController extends PlayerControllerImpl<TPlayer>,\n> extends PlayerProps {\n\tloadScript: (() => Promise<void>) | undefined;\n\tplayerFactory: (element: TElement, videoId: string) => Promise<TPlayer>;\n\tcontrollerFactory: new (\n\t\tlogger: ILogger,\n\t\tplayer: TPlayer,\n\t\toptions: PlayerOptions | undefined,\n\t) => TController;\n\tchildren: (\n\t\telementRef: React.MutableRefObject<TElement>,\n\t\tvideoId: string,\n\t) => React.ReactNode;\n}\n\nexport const PlayerContainer = <\n\tTElement extends HTMLElement,\n\tTPlayer extends object,\n\tTController extends PlayerControllerImpl<TPlayer>,\n>({\n\tlogger,\n\ttype,\n\tloadScript,\n\tplayerFactory,\n\tonControllerChange,\n\tvideoId,\n\toptions,\n\tcontrollerFactory,\n\tchildren,\n}: PlayerContainerProps<TElement, TPlayer, TController>): React.ReactElement<\n\tPlayerContainerProps<TElement, TPlayer, TController>\n> => {\n\tlogger.log(LogLevel.Debug, 'PlayerContainer');\n\n\tconst videoIdRef = React.useRef(videoId);\n\n\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\tconst elementRef = React.useRef<TElement>(undefined!);\n\n\tconst [player, setPlayer] = React.useState<TPlayer>();\n\n\tconst [controller, setController] = React.useState<IPlayerController>();\n\tReact.useEffect(() => {\n\t\tonControllerChange?.(controller);\n\t}, [controller, onControllerChange]);\n\n\tReact.useEffect(() => {\n\t\t(loadScript?.() ?? Promise.resolve()).then(() => {\n\t\t\tplayerFactory(elementRef.current, videoIdRef.current).then(\n\t\t\t\t(player) => {\n\t\t\t\t\tsetPlayer(player);\n\t\t\t\t},\n\t\t\t);\n\t\t});\n\t}, [loadScript, playerFactory]);\n\n\t// Make sure that `options` do not change between re-rendering.\n\tReact.useEffect(() => {\n\t\tif (player === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst controller = new PlayerController(\n\t\t\tlogger,\n\t\t\ttype,\n\t\t\tplayer,\n\t\t\toptions,\n\t\t\tcontrollerFactory,\n\t\t);\n\n\t\tcontroller\n\t\t\t.attach(videoIdRef.current)\n\t\t\t.then(() => setController(controller));\n\n\t\treturn (): void => {\n\t\t\tcontroller.detach().finally(() => setController(undefined));\n\t\t};\n\t}, [logger, type, loadScript, player, options, controllerFactory]);\n\n\tconst previousVideoId = usePreviousDistinct(videoId);\n\tReact.useEffect(() => {\n\t\t// If `previousVideoId` is undefined, then it means that the video has already been loaded by either\n\t\t// 1. `<audio>`s `src` attribute (e.g. `AudioPlayer`),\n\t\t// 2. `<iframe>`'s `src` attribute (e.g. `NiconicoPlayer`, `SoundCloudPlayer` and `VimeoPlayer`), or\n\t\t// 3. the `attach` method of the player API (e.g. `YouTubePlayer`).\n\t\tif (previousVideoId === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tcontroller?.loadVideo(videoId);\n\t}, [previousVideoId, videoId, controller]);\n\n\t// Make sure that `videoId` does not change between re-rendering.\n\treturn <>{children(elementRef, videoIdRef.current)}</>;\n};\n"],"names":["useFirstMountState","isFirst","useRef","strictEquals","prev","next","usePreviousDistinct","value","compare","prevRef","curRef","PlayerContainer","logger","type","loadScript","playerFactory","onControllerChange","videoId","options","controllerFactory","children","LogLevel","videoIdRef","React","elementRef","player","setPlayer","controller","setController","PlayerController","previousVideoId"],"mappings":";;AAGO,SAASA,IAA8B;AACvC,QAAAC,IAAUC,EAAO,EAAI;AAE3B,SAAID,EAAQ,WACXA,EAAQ,UAAU,IAEX,MAGDA,EAAQ;AAChB;ACNA,MAAME,IAAe,CAAIC,GAAqBC,MAC7CD,MAASC;AAEc,SAAAC,EACvBC,GACAC,IAAwBL,GACR;AAChB,QAAMM,IAAUP,KACVQ,IAASR,EAAUK,CAAK;AAG9B,SAAI,CAFiBP,OAEA,CAACQ,EAAQE,EAAO,SAASH,CAAK,MAClDE,EAAQ,UAAUC,EAAO,SACzBA,EAAO,UAAUH,IAGXE,EAAQ;AAChB;ACgBO,MAAME,IAAkB,CAI7B;AAAA,EACD,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AACD,MAEK;AACG,EAAAR,EAAA,IAAIS,EAAS,OAAO,iBAAiB;AAEtC,QAAAC,IAAaC,EAAM,OAAON,CAAO,GAGjCO,IAAaD,EAAM,OAAiB,MAAU,GAE9C,CAACE,GAAQC,CAAS,IAAIH,EAAM,SAAkB,GAE9C,CAACI,GAAYC,CAAa,IAAIL,EAAM,SAA4B;AACtE,EAAAA,EAAM,UAAU,MAAM;AACrB,IAAAP,KAAA,QAAAA,EAAqBW;AAAA,EAAU,GAC7B,CAACA,GAAYX,CAAkB,CAAC,GAEnCO,EAAM,UAAU,MAAM;AACrB,MAACT,KAAA,gBAAAA,QAAkB,QAAQ,QAAQ,GAAG,KAAK,MAAM;AAChD,MAAAC,EAAcS,EAAW,SAASF,EAAW,OAAO,EAAE;AAAA,QACrD,CAACG,MAAW;AACX,UAAAC,EAAUD,CAAM;AAAA,QACjB;AAAA,MAAA;AAAA,IACD,CACA;AAAA,EAAA,GACC,CAACX,GAAYC,CAAa,CAAC,GAG9BQ,EAAM,UAAU,MAAM;AACrB,QAAIE,MAAW;AACd;AAGD,UAAME,IAAa,IAAIE;AAAA,MACtBjB;AAAA,MACAC;AAAA,MACAY;AAAA,MACAP;AAAA,MACAC;AAAA,IAAA;AAGDQ,WAAAA,EACE,OAAOL,EAAW,OAAO,EACzB,KAAK,MAAMM,EAAcD,CAAU,CAAC,GAE/B,MAAY;AAClBA,MAAAA,EAAW,OAAO,EAAE,QAAQ,MAAMC,EAAc,MAAS,CAAC;AAAA,IAAA;AAAA,EAC3D,GACE,CAAChB,GAAQC,GAAMC,GAAYW,GAAQP,GAASC,CAAiB,CAAC;AAE3D,QAAAW,IAAkBxB,EAAoBW,CAAO;AACnD,SAAAM,EAAM,UAAU,MAAM;AAKrB,IAAIO,MAAoB,WAIxBH,KAAA,QAAAA,EAAY,UAAUV;AAAA,EACpB,GAAA,CAACa,GAAiBb,GAASU,CAAU,CAAC,GAG/B,gBAAAJ,EAAA,cAAAA,EAAA,UAAA,MAAAH,EAASI,GAAYF,EAAW,OAAO,CAAE;AACpD;"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import e from "react";
|
|
2
|
-
import { L as c, S as n } from "./index-
|
|
3
|
-
import { e as u } from "./ensureScriptLoaded-
|
|
4
|
-
import { P as
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import { L as c, S as n } from "./index-4f99b291.js";
|
|
3
|
+
import { e as u } from "./ensureScriptLoaded-ddb8918f.js";
|
|
4
|
+
import { P as m } from "./PlayerContainer-c7dcfed0.js";
|
|
5
|
+
import "react-dom";
|
|
6
|
+
const C = e.memo(
|
|
7
|
+
({ ...t }) => {
|
|
8
|
+
const { logger: o } = t;
|
|
8
9
|
o.log(c.Debug, "SoundCloudPlayer");
|
|
9
|
-
const
|
|
10
|
+
const a = e.useCallback(async () => {
|
|
10
11
|
await u(
|
|
11
12
|
"https://w.soundcloud.com/player/api.js",
|
|
12
13
|
o
|
|
@@ -16,10 +17,10 @@ const f = e.memo(
|
|
|
16
17
|
[]
|
|
17
18
|
);
|
|
18
19
|
return /* @__PURE__ */ e.createElement(
|
|
19
|
-
|
|
20
|
+
m,
|
|
20
21
|
{
|
|
21
|
-
...
|
|
22
|
-
loadScript:
|
|
22
|
+
...t,
|
|
23
|
+
loadScript: a,
|
|
23
24
|
playerFactory: l,
|
|
24
25
|
controllerFactory: n
|
|
25
26
|
},
|
|
@@ -40,6 +41,6 @@ const f = e.memo(
|
|
|
40
41
|
}
|
|
41
42
|
);
|
|
42
43
|
export {
|
|
43
|
-
|
|
44
|
+
C as default
|
|
44
45
|
};
|
|
45
|
-
//# sourceMappingURL=SoundCloudPlayer-
|
|
46
|
+
//# sourceMappingURL=SoundCloudPlayer-2130270f.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SoundCloudPlayer-
|
|
1
|
+
{"version":3,"file":"SoundCloudPlayer-2130270f.js","sources":["../src/components/SoundCloudPlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LogLevel } from '../controllers/Logger';\nimport { SoundCloudPlayerController } from '../controllers/SoundCloudPlayerController';\nimport { ensureScriptLoaded } from '../controllers/ensureScriptLoaded';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst SoundCloudPlayer = React.memo(\n\t({ ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'SoundCloudPlayer');\n\n\t\tconst loadScript = React.useCallback(async () => {\n\t\t\tawait ensureScriptLoaded(\n\t\t\t\t'https://w.soundcloud.com/player/api.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<SC.SoundCloudWidget> => {\n\t\t\t\treturn Promise.resolve(SC.Widget(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={SoundCloudPlayerController}\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://w.soundcloud.com/player/?url=${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 SoundCloudPlayer;\n"],"names":["SoundCloudPlayer","React","props","logger","LogLevel","loadScript","ensureScriptLoaded","playerFactory","element","PlayerContainer","SoundCloudPlayerController","elementRef","videoId"],"mappings":";;;;;AAOA,MAAMA,IAAmBC,EAAM;AAAA,EAC9B,CAAC,EAAE,GAAGC,QAA6C;AAC5C,UAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,IAAAC,EAAA,IAAIC,EAAS,OAAO,kBAAkB;AAEvC,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,GAAG,OAAOA,CAAO,CAAC;AAAA,MAE1C,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,wCAAwCC,CAAO;AAAA,YACpD,aAAa;AAAA,YACb,OAAM;AAAA,YACN,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,UAAA;AAAA,QACxC;AAAA;AAAA,IAAA;AAAA,EAIJ;AACD;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),l=require("./index-1c32fd0f.cjs"),c=require("./ensureScriptLoaded-edd30857.cjs"),s=require("./PlayerContainer-a9b598d9.cjs");require("react-dom");const d=e.memo(({...t})=>{const{logger:r}=t;r.log(l.LogLevel.Debug,"SoundCloudPlayer");const a=e.useCallback(async()=>{await c.ensureScriptLoaded("https://w.soundcloud.com/player/api.js",r)},[r]),n=e.useCallback(o=>Promise.resolve(SC.Widget(o)),[]);return e.createElement(s.PlayerContainer,{...t,loadScript:a,playerFactory:n,controllerFactory:l.SoundCloudPlayerController},(o,u)=>e.createElement("iframe",{ref:o,src:`https://w.soundcloud.com/player/?url=${u}`,frameBorder:0,allow:"autoplay",style:{width:"100%",height:"100%"}}))});exports.default=d;
|
|
2
|
+
//# sourceMappingURL=SoundCloudPlayer-ad5c689f.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SoundCloudPlayer-
|
|
1
|
+
{"version":3,"file":"SoundCloudPlayer-ad5c689f.cjs","sources":["../src/components/SoundCloudPlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LogLevel } from '../controllers/Logger';\nimport { SoundCloudPlayerController } from '../controllers/SoundCloudPlayerController';\nimport { ensureScriptLoaded } from '../controllers/ensureScriptLoaded';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst SoundCloudPlayer = React.memo(\n\t({ ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'SoundCloudPlayer');\n\n\t\tconst loadScript = React.useCallback(async () => {\n\t\t\tawait ensureScriptLoaded(\n\t\t\t\t'https://w.soundcloud.com/player/api.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<SC.SoundCloudWidget> => {\n\t\t\t\treturn Promise.resolve(SC.Widget(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={SoundCloudPlayerController}\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://w.soundcloud.com/player/?url=${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 SoundCloudPlayer;\n"],"names":["SoundCloudPlayer","React","props","logger","LogLevel","loadScript","ensureScriptLoaded","playerFactory","element","PlayerContainer","SoundCloudPlayerController","elementRef","videoId"],"mappings":"2PAOA,MAAMA,EAAmBC,EAAM,KAC9B,CAAC,CAAE,GAAGC,KAA6C,CAC5C,KAAA,CAAE,OAAAC,CAAW,EAAAD,EAEZC,EAAA,IAAIC,EAAAA,SAAS,MAAO,kBAAkB,EAEvC,MAAAC,EAAaJ,EAAM,YAAY,SAAY,CAC1C,MAAAK,EAAA,mBACL,yCACAH,CAAA,CACD,EACE,CAACA,CAAM,CAAC,EAELI,EAAgBN,EAAM,YAC1BO,GACO,QAAQ,QAAQ,GAAG,OAAOA,CAAO,CAAC,EAE1C,CAAC,CAAA,EAID,OAAAP,EAAA,cAACQ,EAAA,gBAAA,CACC,GAAGP,EACJ,WAAAG,EACA,cAAAE,EACA,kBAAmBG,EAAA,0BAAA,EAElB,CAACC,EAAYC,IAEbX,EAAA,cAAC,SAAA,CACA,IAAKU,EACL,IAAK,wCAAwCC,CAAO,GACpD,YAAa,EACb,MAAM,WACN,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,CAAA,CACxC,CAAA,CAIJ,CACD"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("./index-1c32fd0f.cjs"),n=require("./ensureScriptLoaded-edd30857.cjs"),s=require("./PlayerContainer-a9b598d9.cjs");require("react-dom");const u=e.memo(({...o})=>{const{logger:t}=o;t.log(a.LogLevel.Debug,"TwitchPlayer");const c=e.useCallback(async()=>{await n.ensureScriptLoaded("https://embed.twitch.tv/embed/v1.js",t)},[t]),i=e.useCallback(async(r,l)=>Promise.resolve(new Twitch.Player(r,{video:l,width:"100%",height:"100%"})),[]);return e.createElement(s.PlayerContainer,{...o,loadScript:c,playerFactory:i,controllerFactory:a.TwitchPlayerController},r=>e.createElement("div",{ref:r,style:{width:"100%",height:"100%"}}))});exports.default=u;
|
|
2
|
+
//# sourceMappingURL=TwitchPlayer-9dae2e29.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TwitchPlayer-
|
|
1
|
+
{"version":3,"file":"TwitchPlayer-9dae2e29.cjs","sources":["../src/components/TwitchPlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LogLevel } from '../controllers/Logger';\nimport { TwitchPlayerController } from '../controllers/TwitchPlayerController';\nimport { ensureScriptLoaded } from '../controllers/ensureScriptLoaded';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst TwitchPlayer = React.memo(\n\t({ ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'TwitchPlayer');\n\n\t\tconst loadScript = React.useCallback(async () => {\n\t\t\tawait ensureScriptLoaded(\n\t\t\t\t'https://embed.twitch.tv/embed/v1.js',\n\t\t\t\tlogger,\n\t\t\t);\n\t\t}, [logger]);\n\n\t\tconst playerFactory = React.useCallback(\n\t\t\tasync (\n\t\t\t\telement: HTMLDivElement,\n\t\t\t\tvideoId: string,\n\t\t\t): Promise<Twitch.Player> => {\n\t\t\t\treturn Promise.resolve(\n\t\t\t\t\tnew Twitch.Player(element, {\n\t\t\t\t\t\tvideo: videoId,\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={TwitchPlayerController}\n\t\t\t>\n\t\t\t\t{(elementRef): React.ReactElement => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={elementRef}\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 TwitchPlayer;\n"],"names":["TwitchPlayer","React","props","logger","LogLevel","loadScript","ensureScriptLoaded","playerFactory","element","videoId","PlayerContainer","TwitchPlayerController","elementRef"],"mappings":"2PAOA,MAAMA,EAAeC,EAAM,KAC1B,CAAC,CAAE,GAAGC,KAA6C,CAC5C,KAAA,CAAE,OAAAC,CAAW,EAAAD,EAEZC,EAAA,IAAIC,EAAAA,SAAS,MAAO,cAAc,EAEnC,MAAAC,EAAaJ,EAAM,YAAY,SAAY,CAC1C,MAAAK,EAAA,mBACL,sCACAH,CAAA,CACD,EACE,CAACA,CAAM,CAAC,EAELI,EAAgBN,EAAM,YAC3B,MACCO,EACAC,IAEO,QAAQ,QACd,IAAI,OAAO,OAAOD,EAAS,CAC1B,MAAOC,EACP,MAAO,OACP,OAAQ,MAAA,CACR,CAAA,EAGH,CAAC,CAAA,EAID,OAAAR,EAAA,cAACS,EAAA,gBAAA,CACC,GAAGR,EACJ,WAAAG,EACA,cAAAE,EACA,kBAAmBI,EAAA,sBAAA,EAEjBC,GACDX,EAAA,cAAC,MAAA,CACA,IAAKW,EACL,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,CAAA,CACxC,CAAA,CAIJ,CACD"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import e from "react";
|
|
2
|
-
import { L as i, T as s } from "./index-
|
|
3
|
-
import { e as
|
|
4
|
-
import { P as
|
|
2
|
+
import { L as i, T as s } from "./index-4f99b291.js";
|
|
3
|
+
import { e as m } from "./ensureScriptLoaded-ddb8918f.js";
|
|
4
|
+
import { P as n } from "./PlayerContainer-c7dcfed0.js";
|
|
5
|
+
import "react-dom";
|
|
5
6
|
const g = e.memo(
|
|
6
|
-
({ ...
|
|
7
|
-
const { logger: t } =
|
|
7
|
+
({ ...o }) => {
|
|
8
|
+
const { logger: t } = o;
|
|
8
9
|
t.log(i.Debug, "TwitchPlayer");
|
|
9
|
-
const
|
|
10
|
-
await
|
|
10
|
+
const a = e.useCallback(async () => {
|
|
11
|
+
await m(
|
|
11
12
|
"https://embed.twitch.tv/embed/v1.js",
|
|
12
13
|
t
|
|
13
14
|
);
|
|
@@ -22,10 +23,10 @@ const g = e.memo(
|
|
|
22
23
|
[]
|
|
23
24
|
);
|
|
24
25
|
return /* @__PURE__ */ e.createElement(
|
|
25
|
-
|
|
26
|
+
n,
|
|
26
27
|
{
|
|
27
|
-
...
|
|
28
|
-
loadScript:
|
|
28
|
+
...o,
|
|
29
|
+
loadScript: a,
|
|
29
30
|
playerFactory: l,
|
|
30
31
|
controllerFactory: s
|
|
31
32
|
},
|
|
@@ -42,4 +43,4 @@ const g = e.memo(
|
|
|
42
43
|
export {
|
|
43
44
|
g as default
|
|
44
45
|
};
|
|
45
|
-
//# sourceMappingURL=TwitchPlayer-
|
|
46
|
+
//# sourceMappingURL=TwitchPlayer-9e3caa63.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TwitchPlayer-
|
|
1
|
+
{"version":3,"file":"TwitchPlayer-9e3caa63.js","sources":["../src/components/TwitchPlayer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LogLevel } from '../controllers/Logger';\nimport { TwitchPlayerController } from '../controllers/TwitchPlayerController';\nimport { ensureScriptLoaded } from '../controllers/ensureScriptLoaded';\nimport { PlayerContainer, PlayerProps } from './PlayerContainer';\n\nconst TwitchPlayer = React.memo(\n\t({ ...props }: PlayerProps): React.ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'TwitchPlayer');\n\n\t\tconst loadScript = React.useCallback(async () => {\n\t\t\tawait ensureScriptLoaded(\n\t\t\t\t'https://embed.twitch.tv/embed/v1.js',\n\t\t\t\tlogger,\n\t\t\t);\n\t\t}, [logger]);\n\n\t\tconst playerFactory = React.useCallback(\n\t\t\tasync (\n\t\t\t\telement: HTMLDivElement,\n\t\t\t\tvideoId: string,\n\t\t\t): Promise<Twitch.Player> => {\n\t\t\t\treturn Promise.resolve(\n\t\t\t\t\tnew Twitch.Player(element, {\n\t\t\t\t\t\tvideo: videoId,\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={TwitchPlayerController}\n\t\t\t>\n\t\t\t\t{(elementRef): React.ReactElement => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={elementRef}\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 TwitchPlayer;\n"],"names":["TwitchPlayer","React","props","logger","LogLevel","loadScript","ensureScriptLoaded","playerFactory","element","videoId","PlayerContainer","TwitchPlayerController","elementRef"],"mappings":";;;;;AAOA,MAAMA,IAAeC,EAAM;AAAA,EAC1B,CAAC,EAAE,GAAGC,QAA6C;AAC5C,UAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,IAAAC,EAAA,IAAIC,EAAS,OAAO,cAAc;AAEnC,UAAAC,IAAaJ,EAAM,YAAY,YAAY;AAC1C,YAAAK;AAAA,QACL;AAAA,QACAH;AAAA,MAAA;AAAA,IACD,GACE,CAACA,CAAM,CAAC,GAELI,IAAgBN,EAAM;AAAA,MAC3B,OACCO,GACAC,MAEO,QAAQ;AAAA,QACd,IAAI,OAAO,OAAOD,GAAS;AAAA,UAC1B,OAAOC;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA,CACR;AAAA,MAAA;AAAA,MAGH,CAAC;AAAA,IAAA;AAID,WAAA,gBAAAR,EAAA;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,GAAGR;AAAA,QACJ,YAAAG;AAAA,QACA,eAAAE;AAAA,QACA,mBAAmBI;AAAA,MAAA;AAAA,MAElB,CAACC,MACD,gBAAAX,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,KAAKW;AAAA,UACL,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO;AAAA,QAAA;AAAA,MACxC;AAAA,IAAA;AAAA,EAIJ;AACD;"}
|
|
@@ -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-4f99b291.js";
|
|
3
|
+
import { e as c } from "./ensureScriptLoaded-ddb8918f.js";
|
|
4
|
+
import { P as n } from "./PlayerContainer-c7dcfed0.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-9e565656.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VimeoPlayer-
|
|
1
|
+
{"version":3,"file":"VimeoPlayer-9e565656.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;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("./index-1c32fd0f.cjs"),n=require("./ensureScriptLoaded-edd30857.cjs"),s=require("./PlayerContainer-a9b598d9.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-ea56953d.cjs.map
|