@aigamo/nostalgic-diva 1.16.9 → 1.17.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-BZVzeLpd.cjs +2 -0
- package/dist/{AudioPlayer-BSoA0atW.cjs.map → AudioPlayer-BZVzeLpd.cjs.map} +1 -1
- package/dist/{AudioPlayer-C6cCMWWw.js → AudioPlayer-D6hktnhD.js} +6 -7
- package/dist/{AudioPlayer-C6cCMWWw.js.map → AudioPlayer-D6hktnhD.js.map} +1 -1
- package/dist/DailymotionPlayer-Bi8E4whf.cjs +2 -0
- package/dist/{DailymotionPlayer-pgc9u0XA.cjs.map → DailymotionPlayer-Bi8E4whf.cjs.map} +1 -1
- package/dist/{DailymotionPlayer-rl7eyJO7.js → DailymotionPlayer-NqmzC1es.js} +3 -4
- package/dist/{DailymotionPlayer-rl7eyJO7.js.map → DailymotionPlayer-NqmzC1es.js.map} +1 -1
- package/dist/NiconicoPlayer-CJGCtIIc.cjs +2 -0
- package/dist/{NiconicoPlayer-BgqhLgtu.cjs.map → NiconicoPlayer-CJGCtIIc.cjs.map} +1 -1
- package/dist/{NiconicoPlayer-t_yI_jY1.js → NiconicoPlayer-mu8oAJRF.js} +6 -7
- package/dist/{NiconicoPlayer-t_yI_jY1.js.map → NiconicoPlayer-mu8oAJRF.js.map} +1 -1
- package/dist/SoundCloudPlayer-BP5pJQjT.cjs +2 -0
- package/dist/{SoundCloudPlayer-CJxrp_Af.cjs.map → SoundCloudPlayer-BP5pJQjT.cjs.map} +1 -1
- package/dist/{SoundCloudPlayer-IoMG-qjP.js → SoundCloudPlayer-CMm5InlF.js} +13 -14
- package/dist/{SoundCloudPlayer-IoMG-qjP.js.map → SoundCloudPlayer-CMm5InlF.js.map} +1 -1
- package/dist/TwitchPlayer-CMQ4ZQB0.cjs +2 -0
- package/dist/{TwitchPlayer-DkzrjCro.cjs.map → TwitchPlayer-CMQ4ZQB0.cjs.map} +1 -1
- package/dist/{TwitchPlayer-DZYWi-co.js → TwitchPlayer-EgP5jHii.js} +12 -13
- package/dist/{TwitchPlayer-DZYWi-co.js.map → TwitchPlayer-EgP5jHii.js.map} +1 -1
- package/dist/{VimeoPlayer-iwzPBDrd.js → VimeoPlayer-BAYaY4oI.js} +9 -10
- package/dist/{VimeoPlayer-iwzPBDrd.js.map → VimeoPlayer-BAYaY4oI.js.map} +1 -1
- package/dist/VimeoPlayer-CvFLZFMf.cjs +2 -0
- package/dist/{VimeoPlayer-BAFjSxqt.cjs.map → VimeoPlayer-CvFLZFMf.cjs.map} +1 -1
- package/dist/YouTubePlayer-B1_fn24Y.cjs +2 -0
- package/dist/{YouTubePlayer-DKoJ5sID.cjs.map → YouTubePlayer-B1_fn24Y.cjs.map} +1 -1
- package/dist/{YouTubePlayer-CyrztH-W.js → YouTubePlayer-CT5Q9YWC.js} +7 -8
- package/dist/{YouTubePlayer-CyrztH-W.js.map → YouTubePlayer-CT5Q9YWC.js.map} +1 -1
- package/dist/components/NostalgicDiva.d.ts +4 -2
- package/dist/components/index.d.ts +1 -0
- package/dist/controllers/PlayerController.d.ts +1 -10
- package/dist/controllers/index.d.ts +1 -0
- package/dist/{ensureScriptLoaded-CrePAY3C.js → ensureScriptLoaded-O_gkv8-u.js} +2 -2
- package/dist/{ensureScriptLoaded-CrePAY3C.js.map → ensureScriptLoaded-O_gkv8-u.js.map} +1 -1
- package/dist/{ensureScriptLoaded-gJ9wjztg.cjs → ensureScriptLoaded-jXzaqDQh.cjs} +2 -2
- package/dist/{ensureScriptLoaded-gJ9wjztg.cjs.map → ensureScriptLoaded-jXzaqDQh.cjs.map} +1 -1
- package/dist/index-B8wtI_1x.cjs +15 -0
- package/dist/index-B8wtI_1x.cjs.map +1 -0
- package/dist/{index-Dl2QgR_t.js → index-CLTpMeB0.js} +746 -683
- package/dist/index-CLTpMeB0.js.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +18 -15
- package/dist/services/AudioVideoService.d.ts +1 -2
- package/dist/services/DailymotionVideoService.d.ts +1 -2
- package/dist/services/NiconicoVideoService.d.ts +1 -2
- package/dist/services/SoundCloudVideoService.d.ts +1 -2
- package/dist/services/TwitchVideoService.d.ts +1 -2
- package/dist/services/VideoService.d.ts +3 -3
- package/dist/services/VimeoVideoService.d.ts +1 -2
- package/dist/services/YouTubeVideoService.d.ts +1 -2
- package/dist/services/findVideoService.d.ts +3 -10
- package/dist/services/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/AudioPlayer-BSoA0atW.cjs +0 -2
- package/dist/DailymotionPlayer-pgc9u0XA.cjs +0 -2
- package/dist/NiconicoPlayer-BgqhLgtu.cjs +0 -2
- package/dist/PlayerContainer-C5baCSwo.cjs +0 -2
- package/dist/PlayerContainer-C5baCSwo.cjs.map +0 -1
- package/dist/PlayerContainer-DX0Usz2N.js +0 -62
- package/dist/PlayerContainer-DX0Usz2N.js.map +0 -1
- package/dist/SoundCloudPlayer-CJxrp_Af.cjs +0 -2
- package/dist/TwitchPlayer-DkzrjCro.cjs +0 -2
- package/dist/VimeoPlayer-BAFjSxqt.cjs +0 -2
- package/dist/YouTubePlayer-DKoJ5sID.cjs +0 -2
- package/dist/index-BgnlhZhq.cjs +0 -15
- package/dist/index-BgnlhZhq.cjs.map +0 -1
- package/dist/index-Dl2QgR_t.js.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-B8wtI_1x.cjs"),t=require("react"),a=t.memo(({...o})=>{const{logger:l}=o;l.log(e.LogLevel.Debug,"AudioPlayer");const u=t.useCallback(r=>Promise.resolve(r),[]);return e.jsxRuntimeExports.jsx(e.PlayerContainer,{...o,loadScript:void 0,playerFactory:u,controllerFactory:e.AudioPlayerController,children:(r,i)=>e.jsxRuntimeExports.jsx("audio",{ref:r,src:i,style:{width:"100%",height:"100%"},preload:"auto",autoPlay:!0,controls:!0})})});exports.default=a;
|
|
2
|
+
//# sourceMappingURL=AudioPlayer-BZVzeLpd.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AudioPlayer-
|
|
1
|
+
{"version":3,"file":"AudioPlayer-BZVzeLpd.cjs","sources":["../src/components/AudioPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { AudioPlayerController } from '@/controllers/AudioPlayerController';\nimport { LogLevel } from '@/controllers/Logger';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst AudioPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'AudioPlayer');\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLAudioElement): Promise<HTMLAudioElement> => {\n\t\t\treturn Promise.resolve(element);\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={undefined}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={AudioPlayerController}\n\t\t>\n\t\t\t{(elementRef, videoId): ReactElement => (\n\t\t\t\t<audio\n\t\t\t\t\tref={elementRef}\n\t\t\t\t\tsrc={videoId}\n\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t\tpreload=\"auto\"\n\t\t\t\t\tautoPlay\n\t\t\t\t\tcontrols\n\t\t\t\t/>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default AudioPlayer;\n"],"names":["AudioPlayer","memo","props","logger","LogLevel","playerFactory","useCallback","element","jsx","PlayerContainer","AudioPlayerController","elementRef","videoId"],"mappings":"2IAQMA,EAAcC,EAAAA,KAAK,CAAC,CAAE,GAAGC,KAAuC,CACrE,KAAM,CAAE,OAAAC,GAAWD,EAEnBC,EAAO,IAAIC,WAAS,MAAO,aAAa,EAExC,MAAMC,EAAgBC,EAAAA,YACpBC,GACO,QAAQ,QAAQA,CAAO,EAE/B,CAAA,CAAC,EAGF,OACCC,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CACC,GAAGP,EACJ,WAAY,OACZ,cAAAG,EACA,kBAAmBK,EAAAA,sBAElB,SAAA,CAACC,EAAYC,IACbJ,EAAAA,kBAAAA,IAAC,QAAA,CACA,IAAKG,EACL,IAAKC,EACL,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAA,EAChC,QAAQ,OACR,SAAQ,GACR,SAAQ,EAAA,CAAA,CACT,CAAA,CAIJ,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { L as s, j as e,
|
|
2
|
-
import { P as u } from "./PlayerContainer-DX0Usz2N.js";
|
|
1
|
+
import { L as s, j as e, P as i, A as u } from "./index-CLTpMeB0.js";
|
|
3
2
|
import { memo as n, useCallback as c } from "react";
|
|
4
|
-
const
|
|
3
|
+
const m = n(({ ...r }) => {
|
|
5
4
|
const { logger: t } = r;
|
|
6
5
|
t.log(s.Debug, "AudioPlayer");
|
|
7
6
|
const a = c(
|
|
@@ -9,12 +8,12 @@ const P = n(({ ...r }) => {
|
|
|
9
8
|
[]
|
|
10
9
|
);
|
|
11
10
|
return /* @__PURE__ */ e.jsx(
|
|
12
|
-
|
|
11
|
+
i,
|
|
13
12
|
{
|
|
14
13
|
...r,
|
|
15
14
|
loadScript: void 0,
|
|
16
15
|
playerFactory: a,
|
|
17
|
-
controllerFactory:
|
|
16
|
+
controllerFactory: u,
|
|
18
17
|
children: (o, l) => /* @__PURE__ */ e.jsx(
|
|
19
18
|
"audio",
|
|
20
19
|
{
|
|
@@ -30,6 +29,6 @@ const P = n(({ ...r }) => {
|
|
|
30
29
|
);
|
|
31
30
|
});
|
|
32
31
|
export {
|
|
33
|
-
|
|
32
|
+
m as default
|
|
34
33
|
};
|
|
35
|
-
//# sourceMappingURL=AudioPlayer-
|
|
34
|
+
//# sourceMappingURL=AudioPlayer-D6hktnhD.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AudioPlayer-
|
|
1
|
+
{"version":3,"file":"AudioPlayer-D6hktnhD.js","sources":["../src/components/AudioPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { AudioPlayerController } from '@/controllers/AudioPlayerController';\nimport { LogLevel } from '@/controllers/Logger';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst AudioPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'AudioPlayer');\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLAudioElement): Promise<HTMLAudioElement> => {\n\t\t\treturn Promise.resolve(element);\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={undefined}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={AudioPlayerController}\n\t\t>\n\t\t\t{(elementRef, videoId): ReactElement => (\n\t\t\t\t<audio\n\t\t\t\t\tref={elementRef}\n\t\t\t\t\tsrc={videoId}\n\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t\tpreload=\"auto\"\n\t\t\t\t\tautoPlay\n\t\t\t\t\tcontrols\n\t\t\t\t/>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default AudioPlayer;\n"],"names":["AudioPlayer","memo","props","logger","LogLevel","playerFactory","useCallback","element","jsx","PlayerContainer","AudioPlayerController","elementRef","videoId"],"mappings":";;AAQA,MAAMA,IAAcC,EAAK,CAAC,EAAE,GAAGC,QAAuC;AACrE,QAAM,EAAE,QAAAC,MAAWD;AAEnB,EAAAC,EAAO,IAAIC,EAAS,OAAO,aAAa;AAExC,QAAMC,IAAgBC;AAAA,IACrB,CAACC,MACO,QAAQ,QAAQA,CAAO;AAAA,IAE/B,CAAA;AAAA,EAAC;AAGF,SACCC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,GAAGP;AAAA,MACJ,YAAY;AAAA,MACZ,eAAAG;AAAA,MACA,mBAAmBK;AAAA,MAElB,UAAA,CAACC,GAAYC,MACbJ,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACA,KAAKG;AAAA,UACL,KAAKC;AAAA,UACL,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAA;AAAA,UAChC,SAAQ;AAAA,UACR,UAAQ;AAAA,UACR,UAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAIJ,CAAC;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-B8wtI_1x.cjs"),c=require("./ensureScriptLoaded-jXzaqDQh.cjs"),n=require("react"),u=n.memo(({options:e,...i})=>{const{logger:t}=i;t.log(r.LogLevel.Debug,"DailymotionPlayer");const l=n.useCallback(async()=>{await c.ensureScriptLoaded("https://api.dmcdn.net/all.js",t)},[t]),d=n.useCallback((a,o)=>Promise.resolve(new DM.player(a,{video:o,width:"100%",height:"100%",events:{apiready:()=>{e?.onLoaded?.({id:o})},seeked:()=>{e?.onTimeUpdate?.({duration:0,percent:0,seconds:0})},video_end:()=>{e?.onEnded?.()},durationchange:()=>{},pause:()=>{e?.onPause?.()},playing:()=>{e?.onPlay?.()},waiting:()=>{},error:s=>{e?.onError?.(s)}}})),[e]);return r.jsxRuntimeExports.jsx(r.PlayerContainer,{...i,options:e,loadScript:l,playerFactory:d,controllerFactory:r.DailymotionPlayerController,children:a=>r.jsxRuntimeExports.jsx("div",{style:{width:"100%",height:"100%"},children:r.jsxRuntimeExports.jsx("div",{ref:a})})})});exports.default=u;
|
|
2
|
+
//# sourceMappingURL=DailymotionPlayer-Bi8E4whf.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DailymotionPlayer-
|
|
1
|
+
{"version":3,"file":"DailymotionPlayer-Bi8E4whf.cjs","sources":["../src/components/DailymotionPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { DailymotionPlayerController } from '@/controllers/DailymotionPlayerController';\nimport { LogLevel } from '@/controllers/Logger';\nimport { ensureScriptLoaded } from '@/controllers/ensureScriptLoaded';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst DailymotionPlayer = memo(\n\t({ options, ...props }: PlayerProps): ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'DailymotionPlayer');\n\n\t\tconst loadScript = useCallback(async () => {\n\t\t\tawait ensureScriptLoaded('https://api.dmcdn.net/all.js', logger);\n\t\t}, [logger]);\n\n\t\tconst playerFactory = 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): 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","memo","options","props","logger","LogLevel","loadScript","useCallback","ensureScriptLoaded","playerFactory","element","videoId","error","jsx","PlayerContainer","DailymotionPlayerController","elementRef"],"mappings":"0LASMA,EAAoBC,EAAAA,KACzB,CAAC,CAAE,QAAAC,EAAS,GAAGC,KAAuC,CACrD,KAAM,CAAE,OAAAC,GAAWD,EAEnBC,EAAO,IAAIC,WAAS,MAAO,mBAAmB,EAE9C,MAAMC,EAAaC,EAAAA,YAAY,SAAY,CAC1C,MAAMC,EAAAA,mBAAmB,+BAAgCJ,CAAM,CAChE,EAAG,CAACA,CAAM,CAAC,EAELK,EAAgBF,EAAAA,YACrB,CAACG,EAAyBC,IAClB,QAAQ,QACd,IAAI,GAAG,OAAOD,EAAS,CACtB,MAAOC,EACP,MAAO,OACP,OAAQ,OACR,OAAQ,CACP,SAAU,IAAY,CACrBT,GAAS,WAAW,CAAE,GAAIS,CAAA,CAAS,CACpC,EACA,OAAQ,IAAY,CACnBT,GAAS,eAAe,CACvB,SAAU,EACV,QAAS,EACT,QAAS,CAAA,CACT,CACF,EACA,UAAW,IAAY,CACtBA,GAAS,UAAA,CACV,EACA,eAAgB,IAAY,CAAC,EAC7B,MAAO,IAAY,CAClBA,GAAS,UAAA,CACV,EACA,QAAS,IAAY,CACpBA,GAAS,SAAA,CACV,EACA,QAAS,IAAY,CAAC,EACtB,MAAQU,GAAgB,CACvBV,GAAS,UAAUU,CAAK,CACzB,CAAA,CACD,CACA,CAAA,EAGH,CAACV,CAAO,CAAA,EAGT,OACCW,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CACC,GAAGX,EACJ,QAAAD,EACA,WAAAI,EACA,cAAAG,EACA,kBAAmBM,EAAAA,4BAElB,SAACC,GACDH,EAAAA,kBAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,MAAO,OAAQ,OAAQ,QACpC,SAAAA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,IAAKG,EAAY,CAAA,CACvB,CAAA,CAAA,CAIJ,CACD"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { L as c, j as o, D as m } from "./index-
|
|
2
|
-
import {
|
|
3
|
-
import { e as u } from "./ensureScriptLoaded-CrePAY3C.js";
|
|
1
|
+
import { L as c, j as o, P as y, D as m } from "./index-CLTpMeB0.js";
|
|
2
|
+
import { e as u } from "./ensureScriptLoaded-O_gkv8-u.js";
|
|
4
3
|
import { memo as g, useCallback as l } from "react";
|
|
5
4
|
const j = g(
|
|
6
5
|
({ options: e, ...t }) => {
|
|
@@ -62,4 +61,4 @@ const j = g(
|
|
|
62
61
|
export {
|
|
63
62
|
j as default
|
|
64
63
|
};
|
|
65
|
-
//# sourceMappingURL=DailymotionPlayer-
|
|
64
|
+
//# sourceMappingURL=DailymotionPlayer-NqmzC1es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DailymotionPlayer-
|
|
1
|
+
{"version":3,"file":"DailymotionPlayer-NqmzC1es.js","sources":["../src/components/DailymotionPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { DailymotionPlayerController } from '@/controllers/DailymotionPlayerController';\nimport { LogLevel } from '@/controllers/Logger';\nimport { ensureScriptLoaded } from '@/controllers/ensureScriptLoaded';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst DailymotionPlayer = memo(\n\t({ options, ...props }: PlayerProps): ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'DailymotionPlayer');\n\n\t\tconst loadScript = useCallback(async () => {\n\t\t\tawait ensureScriptLoaded('https://api.dmcdn.net/all.js', logger);\n\t\t}, [logger]);\n\n\t\tconst playerFactory = 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): 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","memo","options","props","logger","LogLevel","loadScript","useCallback","ensureScriptLoaded","playerFactory","element","videoId","error","jsx","PlayerContainer","DailymotionPlayerController","elementRef"],"mappings":";;;AASA,MAAMA,IAAoBC;AAAA,EACzB,CAAC,EAAE,SAAAC,GAAS,GAAGC,QAAuC;AACrD,UAAM,EAAE,QAAAC,MAAWD;AAEnB,IAAAC,EAAO,IAAIC,EAAS,OAAO,mBAAmB;AAE9C,UAAMC,IAAaC,EAAY,YAAY;AAC1C,YAAMC,EAAmB,gCAAgCJ,CAAM;AAAA,IAChE,GAAG,CAACA,CAAM,CAAC,GAELK,IAAgBF;AAAA,MACrB,CAACG,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,cAAAT,GAAS,WAAW,EAAE,IAAIS,EAAA,CAAS;AAAA,YACpC;AAAA,YACA,QAAQ,MAAY;AACnB,cAAAT,GAAS,eAAe;AAAA,gBACvB,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,SAAS;AAAA,cAAA,CACT;AAAA,YACF;AAAA,YACA,WAAW,MAAY;AACtB,cAAAA,GAAS,UAAA;AAAA,YACV;AAAA,YACA,gBAAgB,MAAY;AAAA,YAAC;AAAA,YAC7B,OAAO,MAAY;AAClB,cAAAA,GAAS,UAAA;AAAA,YACV;AAAA,YACA,SAAS,MAAY;AACpB,cAAAA,GAAS,SAAA;AAAA,YACV;AAAA,YACA,SAAS,MAAY;AAAA,YAAC;AAAA,YACtB,OAAO,CAACU,MAAgB;AACvB,cAAAV,GAAS,UAAUU,CAAK;AAAA,YACzB;AAAA,UAAA;AAAA,QACD,CACA;AAAA,MAAA;AAAA,MAGH,CAACV,CAAO;AAAA,IAAA;AAGT,WACCW,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,GAAGX;AAAA,QACJ,SAAAD;AAAA,QACA,YAAAI;AAAA,QACA,eAAAG;AAAA,QACA,mBAAmBM;AAAA,QAElB,UAAA,CAACC,MACDH,gBAAAA,EAAAA,IAAC,OAAA,EAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,UACpC,UAAAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,KAAKG,GAAY,EAAA,CACvB;AAAA,MAAA;AAAA,IAAA;AAAA,EAIJ;AACD;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-B8wtI_1x.cjs"),t=require("react"),c=t.memo(({...o})=>{const{logger:l}=o;l.log(e.LogLevel.Debug,"NiconicoPlayer");const i=t.useCallback(r=>Promise.resolve(r),[]);return e.jsxRuntimeExports.jsx(e.PlayerContainer,{...o,loadScript:void 0,playerFactory:i,controllerFactory:e.NiconicoPlayerController,children:(r,n)=>e.jsxRuntimeExports.jsx("div",{style:{width:"100%",height:"100%"},children:e.jsxRuntimeExports.jsx("iframe",{ref:r,src:`https://embed.nicovideo.jp/watch/${n}?jsapi=1&playerId=1`,width:"100%",height:"100%",allowFullScreen:!0,style:{border:"none"},allow:"autoplay; fullscreen"})})})});exports.default=c;
|
|
2
|
+
//# sourceMappingURL=NiconicoPlayer-CJGCtIIc.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NiconicoPlayer-
|
|
1
|
+
{"version":3,"file":"NiconicoPlayer-CJGCtIIc.cjs","sources":["../src/components/NiconicoPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { LogLevel } from '@/controllers/Logger';\nimport { NiconicoPlayerController } from '@/controllers/NiconicoPlayerController';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst NiconicoPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'NiconicoPlayer');\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLIFrameElement): Promise<HTMLIFrameElement> => {\n\t\t\treturn Promise.resolve(element);\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={undefined}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={NiconicoPlayerController}\n\t\t>\n\t\t\t{(elementRef, videoId): ReactElement => (\n\t\t\t\t<div style={{ width: '100%', height: '100%' }}>\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://embed.nicovideo.jp/watch/${videoId}?jsapi=1&playerId=1`}\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\tallowFullScreen\n\t\t\t\t\t\tstyle={{ border: 'none' }}\n\t\t\t\t\t\t// The player has to have the allow=\"autoplay\" attribute.\n\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// See also: https://github.com/vimeo/player.js/issues/389.\n\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// which causes the above issue when trying to autoplay a video.\n\t\t\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default NiconicoPlayer;\n"],"names":["NiconicoPlayer","memo","props","logger","LogLevel","playerFactory","useCallback","element","jsx","PlayerContainer","NiconicoPlayerController","elementRef","videoId"],"mappings":"2IAQMA,EAAiBC,EAAAA,KAAK,CAAC,CAAE,GAAGC,KAAuC,CACxE,KAAM,CAAE,OAAAC,GAAWD,EAEnBC,EAAO,IAAIC,WAAS,MAAO,gBAAgB,EAE3C,MAAMC,EAAgBC,EAAAA,YACpBC,GACO,QAAQ,QAAQA,CAAO,EAE/B,CAAA,CAAC,EAGF,OACCC,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CACC,GAAGP,EACJ,WAAY,OACZ,cAAAG,EACA,kBAAmBK,EAAAA,yBAElB,SAAA,CAACC,EAAYC,IACbJ,EAAAA,kBAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAA,EAEpC,SAAAA,EAAAA,kBAAAA,IAAC,SAAA,CACA,IAAKG,EACL,IAAK,oCAAoCC,CAAO,sBAChD,MAAM,OACN,OAAO,OACP,gBAAe,GACf,MAAO,CAAE,OAAQ,MAAA,EAMjB,MAAM,sBAAA,CAAA,CACP,CACD,CAAA,CAAA,CAIJ,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { L as i, j as o,
|
|
2
|
-
import { P as s } from "./PlayerContainer-DX0Usz2N.js";
|
|
1
|
+
import { L as i, j as o, P as c, N as s } from "./index-CLTpMeB0.js";
|
|
3
2
|
import { memo as n, useCallback as d } from "react";
|
|
4
|
-
const
|
|
3
|
+
const m = n(({ ...r }) => {
|
|
5
4
|
const { logger: l } = r;
|
|
6
5
|
l.log(i.Debug, "NiconicoPlayer");
|
|
7
6
|
const t = d(
|
|
@@ -9,12 +8,12 @@ const p = n(({ ...r }) => {
|
|
|
9
8
|
[]
|
|
10
9
|
);
|
|
11
10
|
return /* @__PURE__ */ o.jsx(
|
|
12
|
-
|
|
11
|
+
c,
|
|
13
12
|
{
|
|
14
13
|
...r,
|
|
15
14
|
loadScript: void 0,
|
|
16
15
|
playerFactory: t,
|
|
17
|
-
controllerFactory:
|
|
16
|
+
controllerFactory: s,
|
|
18
17
|
children: (e, a) => /* @__PURE__ */ o.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ o.jsx(
|
|
19
18
|
"iframe",
|
|
20
19
|
{
|
|
@@ -31,6 +30,6 @@ const p = n(({ ...r }) => {
|
|
|
31
30
|
);
|
|
32
31
|
});
|
|
33
32
|
export {
|
|
34
|
-
|
|
33
|
+
m as default
|
|
35
34
|
};
|
|
36
|
-
//# sourceMappingURL=NiconicoPlayer-
|
|
35
|
+
//# sourceMappingURL=NiconicoPlayer-mu8oAJRF.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NiconicoPlayer-
|
|
1
|
+
{"version":3,"file":"NiconicoPlayer-mu8oAJRF.js","sources":["../src/components/NiconicoPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { LogLevel } from '@/controllers/Logger';\nimport { NiconicoPlayerController } from '@/controllers/NiconicoPlayerController';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst NiconicoPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'NiconicoPlayer');\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLIFrameElement): Promise<HTMLIFrameElement> => {\n\t\t\treturn Promise.resolve(element);\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={undefined}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={NiconicoPlayerController}\n\t\t>\n\t\t\t{(elementRef, videoId): ReactElement => (\n\t\t\t\t<div style={{ width: '100%', height: '100%' }}>\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://embed.nicovideo.jp/watch/${videoId}?jsapi=1&playerId=1`}\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\tallowFullScreen\n\t\t\t\t\t\tstyle={{ border: 'none' }}\n\t\t\t\t\t\t// The player has to have the allow=\"autoplay\" attribute.\n\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// See also: https://github.com/vimeo/player.js/issues/389.\n\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// which causes the above issue when trying to autoplay a video.\n\t\t\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default NiconicoPlayer;\n"],"names":["NiconicoPlayer","memo","props","logger","LogLevel","playerFactory","useCallback","element","jsx","PlayerContainer","NiconicoPlayerController","elementRef","videoId"],"mappings":";;AAQA,MAAMA,IAAiBC,EAAK,CAAC,EAAE,GAAGC,QAAuC;AACxE,QAAM,EAAE,QAAAC,MAAWD;AAEnB,EAAAC,EAAO,IAAIC,EAAS,OAAO,gBAAgB;AAE3C,QAAMC,IAAgBC;AAAA,IACrB,CAACC,MACO,QAAQ,QAAQA,CAAO;AAAA,IAE/B,CAAA;AAAA,EAAC;AAGF,SACCC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,GAAGP;AAAA,MACJ,YAAY;AAAA,MACZ,eAAAG;AAAA,MACA,mBAAmBK;AAAA,MAElB,UAAA,CAACC,GAAYC,MACbJ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAA,GAEpC,UAAAA,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACA,KAAKG;AAAA,UACL,KAAK,oCAAoCC,CAAO;AAAA,UAChD,OAAM;AAAA,UACN,QAAO;AAAA,UACP,iBAAe;AAAA,UACf,OAAO,EAAE,QAAQ,OAAA;AAAA,UAMjB,OAAM;AAAA,QAAA;AAAA,MAAA,EACP,CACD;AAAA,IAAA;AAAA,EAAA;AAIJ,CAAC;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-B8wtI_1x.cjs"),n=require("./ensureScriptLoaded-jXzaqDQh.cjs"),t=require("react"),c=t.memo(({...l})=>{const{logger:r}=l;r.log(e.LogLevel.Debug,"SoundCloudPlayer");const a=t.useCallback(async()=>{await n.ensureScriptLoaded("https://w.soundcloud.com/player/api.js",r)},[r]),u=t.useCallback(o=>Promise.resolve(SC.Widget(o)),[]);return e.jsxRuntimeExports.jsx(e.PlayerContainer,{...l,loadScript:a,playerFactory:u,controllerFactory:e.SoundCloudPlayerController,children:(o,s)=>e.jsxRuntimeExports.jsx("iframe",{ref:o,src:`https://w.soundcloud.com/player/?url=${s}`,frameBorder:0,allow:"autoplay",style:{width:"100%",height:"100%"}})})});exports.default=c;
|
|
2
|
+
//# sourceMappingURL=SoundCloudPlayer-BP5pJQjT.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SoundCloudPlayer-
|
|
1
|
+
{"version":3,"file":"SoundCloudPlayer-BP5pJQjT.cjs","sources":["../src/components/SoundCloudPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { LogLevel } from '@/controllers/Logger';\nimport { SoundCloudPlayerController } from '@/controllers/SoundCloudPlayerController';\nimport { ensureScriptLoaded } from '@/controllers/ensureScriptLoaded';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst SoundCloudPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'SoundCloudPlayer');\n\n\tconst loadScript = useCallback(async () => {\n\t\tawait ensureScriptLoaded(\n\t\t\t'https://w.soundcloud.com/player/api.js',\n\t\t\tlogger,\n\t\t);\n\t}, [logger]);\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLIFrameElement): Promise<SC.SoundCloudWidget> => {\n\t\t\treturn Promise.resolve(SC.Widget(element));\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={loadScript}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={SoundCloudPlayerController}\n\t\t>\n\t\t\t{(elementRef, videoId): ReactElement => (\n\t\t\t\t// eslint-disable-next-line jsx-a11y/iframe-has-title\n\t\t\t\t<iframe\n\t\t\t\t\tref={elementRef}\n\t\t\t\t\tsrc={`https://w.soundcloud.com/player/?url=${videoId}`}\n\t\t\t\t\tframeBorder={0}\n\t\t\t\t\tallow=\"autoplay\"\n\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default SoundCloudPlayer;\n"],"names":["SoundCloudPlayer","memo","props","logger","LogLevel","loadScript","useCallback","ensureScriptLoaded","playerFactory","element","jsx","PlayerContainer","SoundCloudPlayerController","elementRef","videoId"],"mappings":"0LASMA,EAAmBC,EAAAA,KAAK,CAAC,CAAE,GAAGC,KAAuC,CAC1E,KAAM,CAAE,OAAAC,GAAWD,EAEnBC,EAAO,IAAIC,WAAS,MAAO,kBAAkB,EAE7C,MAAMC,EAAaC,EAAAA,YAAY,SAAY,CAC1C,MAAMC,EAAAA,mBACL,yCACAJ,CAAA,CAEF,EAAG,CAACA,CAAM,CAAC,EAELK,EAAgBF,EAAAA,YACpBG,GACO,QAAQ,QAAQ,GAAG,OAAOA,CAAO,CAAC,EAE1C,CAAA,CAAC,EAGF,OACCC,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CACC,GAAGT,EACJ,WAAAG,EACA,cAAAG,EACA,kBAAmBI,EAAAA,2BAElB,UAACC,EAAYC,IAEbJ,EAAAA,kBAAAA,IAAC,SAAA,CACA,IAAKG,EACL,IAAK,wCAAwCC,CAAO,GACpD,YAAa,EACb,MAAM,WACN,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAA,CAAO,CAAA,CACxC,CAAA,CAIJ,CAAC"}
|
|
@@ -1,29 +1,28 @@
|
|
|
1
|
-
import { L as u, j as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
const C = m(({ ...e }) => {
|
|
1
|
+
import { L as u, j as a, P as d, S as c } from "./index-CLTpMeB0.js";
|
|
2
|
+
import { e as i } from "./ensureScriptLoaded-O_gkv8-u.js";
|
|
3
|
+
import { memo as m, useCallback as l } from "react";
|
|
4
|
+
const g = m(({ ...e }) => {
|
|
6
5
|
const { logger: o } = e;
|
|
7
6
|
o.log(u.Debug, "SoundCloudPlayer");
|
|
8
|
-
const
|
|
7
|
+
const t = l(async () => {
|
|
9
8
|
await i(
|
|
10
9
|
"https://w.soundcloud.com/player/api.js",
|
|
11
10
|
o
|
|
12
11
|
);
|
|
13
|
-
}, [o]), s =
|
|
12
|
+
}, [o]), s = l(
|
|
14
13
|
(r) => Promise.resolve(SC.Widget(r)),
|
|
15
14
|
[]
|
|
16
15
|
);
|
|
17
|
-
return /* @__PURE__ */
|
|
18
|
-
|
|
16
|
+
return /* @__PURE__ */ a.jsx(
|
|
17
|
+
d,
|
|
19
18
|
{
|
|
20
19
|
...e,
|
|
21
|
-
loadScript:
|
|
20
|
+
loadScript: t,
|
|
22
21
|
playerFactory: s,
|
|
23
|
-
controllerFactory:
|
|
22
|
+
controllerFactory: c,
|
|
24
23
|
children: (r, n) => (
|
|
25
24
|
// eslint-disable-next-line jsx-a11y/iframe-has-title
|
|
26
|
-
/* @__PURE__ */
|
|
25
|
+
/* @__PURE__ */ a.jsx(
|
|
27
26
|
"iframe",
|
|
28
27
|
{
|
|
29
28
|
ref: r,
|
|
@@ -38,6 +37,6 @@ const C = m(({ ...e }) => {
|
|
|
38
37
|
);
|
|
39
38
|
});
|
|
40
39
|
export {
|
|
41
|
-
|
|
40
|
+
g as default
|
|
42
41
|
};
|
|
43
|
-
//# sourceMappingURL=SoundCloudPlayer-
|
|
42
|
+
//# sourceMappingURL=SoundCloudPlayer-CMm5InlF.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SoundCloudPlayer-
|
|
1
|
+
{"version":3,"file":"SoundCloudPlayer-CMm5InlF.js","sources":["../src/components/SoundCloudPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { LogLevel } from '@/controllers/Logger';\nimport { SoundCloudPlayerController } from '@/controllers/SoundCloudPlayerController';\nimport { ensureScriptLoaded } from '@/controllers/ensureScriptLoaded';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst SoundCloudPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'SoundCloudPlayer');\n\n\tconst loadScript = useCallback(async () => {\n\t\tawait ensureScriptLoaded(\n\t\t\t'https://w.soundcloud.com/player/api.js',\n\t\t\tlogger,\n\t\t);\n\t}, [logger]);\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLIFrameElement): Promise<SC.SoundCloudWidget> => {\n\t\t\treturn Promise.resolve(SC.Widget(element));\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={loadScript}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={SoundCloudPlayerController}\n\t\t>\n\t\t\t{(elementRef, videoId): ReactElement => (\n\t\t\t\t// eslint-disable-next-line jsx-a11y/iframe-has-title\n\t\t\t\t<iframe\n\t\t\t\t\tref={elementRef}\n\t\t\t\t\tsrc={`https://w.soundcloud.com/player/?url=${videoId}`}\n\t\t\t\t\tframeBorder={0}\n\t\t\t\t\tallow=\"autoplay\"\n\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default SoundCloudPlayer;\n"],"names":["SoundCloudPlayer","memo","props","logger","LogLevel","loadScript","useCallback","ensureScriptLoaded","playerFactory","element","jsx","PlayerContainer","SoundCloudPlayerController","elementRef","videoId"],"mappings":";;;AASA,MAAMA,IAAmBC,EAAK,CAAC,EAAE,GAAGC,QAAuC;AAC1E,QAAM,EAAE,QAAAC,MAAWD;AAEnB,EAAAC,EAAO,IAAIC,EAAS,OAAO,kBAAkB;AAE7C,QAAMC,IAAaC,EAAY,YAAY;AAC1C,UAAMC;AAAA,MACL;AAAA,MACAJ;AAAA,IAAA;AAAA,EAEF,GAAG,CAACA,CAAM,CAAC,GAELK,IAAgBF;AAAA,IACrB,CAACG,MACO,QAAQ,QAAQ,GAAG,OAAOA,CAAO,CAAC;AAAA,IAE1C,CAAA;AAAA,EAAC;AAGF,SACCC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,GAAGT;AAAA,MACJ,YAAAG;AAAA,MACA,eAAAG;AAAA,MACA,mBAAmBI;AAAA,MAElB,WAACC,GAAYC;AAAA;AAAA,QAEbJ,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACA,KAAKG;AAAA,YACL,KAAK,wCAAwCC,CAAO;AAAA,YACpD,aAAa;AAAA,YACb,OAAM;AAAA,YACN,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAA;AAAA,UAAO;AAAA,QAAA;AAAA;AAAA,IACxC;AAAA,EAAA;AAIJ,CAAC;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-B8wtI_1x.cjs"),n=require("./ensureScriptLoaded-jXzaqDQh.cjs"),o=require("react"),a=o.memo(({...i})=>{const{logger:t}=i;t.log(e.LogLevel.Debug,"TwitchPlayer");const c=o.useCallback(async()=>{await n.ensureScriptLoaded("https://embed.twitch.tv/embed/v1.js",t)},[t]),l=o.useCallback(async(r,s)=>Promise.resolve(new Twitch.Player(r,{video:s,width:"100%",height:"100%"})),[]);return e.jsxRuntimeExports.jsx(e.PlayerContainer,{...i,loadScript:c,playerFactory:l,controllerFactory:e.TwitchPlayerController,children:r=>e.jsxRuntimeExports.jsx("div",{ref:r,style:{width:"100%",height:"100%"}})})});exports.default=a;
|
|
2
|
+
//# sourceMappingURL=TwitchPlayer-CMQ4ZQB0.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TwitchPlayer-
|
|
1
|
+
{"version":3,"file":"TwitchPlayer-CMQ4ZQB0.cjs","sources":["../src/components/TwitchPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { LogLevel } from '@/controllers/Logger';\nimport { TwitchPlayerController } from '@/controllers/TwitchPlayerController';\nimport { ensureScriptLoaded } from '@/controllers/ensureScriptLoaded';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst TwitchPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'TwitchPlayer');\n\n\tconst loadScript = useCallback(async () => {\n\t\tawait ensureScriptLoaded('https://embed.twitch.tv/embed/v1.js', logger);\n\t}, [logger]);\n\n\tconst playerFactory = useCallback(\n\t\tasync (\n\t\t\telement: HTMLDivElement,\n\t\t\tvideoId: string,\n\t\t): Promise<Twitch.Player> => {\n\t\t\treturn Promise.resolve(\n\t\t\t\tnew Twitch.Player(element, {\n\t\t\t\t\tvideo: videoId,\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\theight: '100%',\n\t\t\t\t}),\n\t\t\t);\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={loadScript}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={TwitchPlayerController}\n\t\t>\n\t\t\t{(elementRef): ReactElement => (\n\t\t\t\t<div\n\t\t\t\t\tref={elementRef}\n\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default TwitchPlayer;\n"],"names":["TwitchPlayer","memo","props","logger","LogLevel","loadScript","useCallback","ensureScriptLoaded","playerFactory","element","videoId","jsx","PlayerContainer","TwitchPlayerController","elementRef"],"mappings":"0LASMA,EAAeC,EAAAA,KAAK,CAAC,CAAE,GAAGC,KAAuC,CACtE,KAAM,CAAE,OAAAC,GAAWD,EAEnBC,EAAO,IAAIC,WAAS,MAAO,cAAc,EAEzC,MAAMC,EAAaC,EAAAA,YAAY,SAAY,CAC1C,MAAMC,EAAAA,mBAAmB,sCAAuCJ,CAAM,CACvE,EAAG,CAACA,CAAM,CAAC,EAELK,EAAgBF,EAAAA,YACrB,MACCG,EACAC,IAEO,QAAQ,QACd,IAAI,OAAO,OAAOD,EAAS,CAC1B,MAAOC,EACP,MAAO,OACP,OAAQ,MAAA,CACR,CAAA,EAGH,CAAA,CAAC,EAGF,OACCC,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CACC,GAAGV,EACJ,WAAAG,EACA,cAAAG,EACA,kBAAmBK,EAAAA,uBAElB,SAACC,GACDH,EAAAA,kBAAAA,IAAC,MAAA,CACA,IAAKG,EACL,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAA,CAAO,CAAA,CACxC,CAAA,CAIJ,CAAC"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import { L as c, j as o,
|
|
2
|
-
import {
|
|
3
|
-
import { e as h } from "./ensureScriptLoaded-CrePAY3C.js";
|
|
1
|
+
import { L as c, j as o, P as n, T as h } from "./index-CLTpMeB0.js";
|
|
2
|
+
import { e as m } from "./ensureScriptLoaded-O_gkv8-u.js";
|
|
4
3
|
import { memo as d, useCallback as a } from "react";
|
|
5
|
-
const
|
|
4
|
+
const p = d(({ ...r }) => {
|
|
6
5
|
const { logger: e } = r;
|
|
7
6
|
e.log(c.Debug, "TwitchPlayer");
|
|
8
|
-
const
|
|
9
|
-
await
|
|
10
|
-
}, [e]),
|
|
7
|
+
const s = a(async () => {
|
|
8
|
+
await m("https://embed.twitch.tv/embed/v1.js", e);
|
|
9
|
+
}, [e]), i = a(
|
|
11
10
|
async (t, l) => Promise.resolve(
|
|
12
11
|
new Twitch.Player(t, {
|
|
13
12
|
video: l,
|
|
@@ -18,12 +17,12 @@ const u = d(({ ...r }) => {
|
|
|
18
17
|
[]
|
|
19
18
|
);
|
|
20
19
|
return /* @__PURE__ */ o.jsx(
|
|
21
|
-
|
|
20
|
+
n,
|
|
22
21
|
{
|
|
23
22
|
...r,
|
|
24
|
-
loadScript:
|
|
25
|
-
playerFactory:
|
|
26
|
-
controllerFactory:
|
|
23
|
+
loadScript: s,
|
|
24
|
+
playerFactory: i,
|
|
25
|
+
controllerFactory: h,
|
|
27
26
|
children: (t) => /* @__PURE__ */ o.jsx(
|
|
28
27
|
"div",
|
|
29
28
|
{
|
|
@@ -35,6 +34,6 @@ const u = d(({ ...r }) => {
|
|
|
35
34
|
);
|
|
36
35
|
});
|
|
37
36
|
export {
|
|
38
|
-
|
|
37
|
+
p as default
|
|
39
38
|
};
|
|
40
|
-
//# sourceMappingURL=TwitchPlayer-
|
|
39
|
+
//# sourceMappingURL=TwitchPlayer-EgP5jHii.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TwitchPlayer-
|
|
1
|
+
{"version":3,"file":"TwitchPlayer-EgP5jHii.js","sources":["../src/components/TwitchPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { LogLevel } from '@/controllers/Logger';\nimport { TwitchPlayerController } from '@/controllers/TwitchPlayerController';\nimport { ensureScriptLoaded } from '@/controllers/ensureScriptLoaded';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst TwitchPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'TwitchPlayer');\n\n\tconst loadScript = useCallback(async () => {\n\t\tawait ensureScriptLoaded('https://embed.twitch.tv/embed/v1.js', logger);\n\t}, [logger]);\n\n\tconst playerFactory = useCallback(\n\t\tasync (\n\t\t\telement: HTMLDivElement,\n\t\t\tvideoId: string,\n\t\t): Promise<Twitch.Player> => {\n\t\t\treturn Promise.resolve(\n\t\t\t\tnew Twitch.Player(element, {\n\t\t\t\t\tvideo: videoId,\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\theight: '100%',\n\t\t\t\t}),\n\t\t\t);\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={loadScript}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={TwitchPlayerController}\n\t\t>\n\t\t\t{(elementRef): ReactElement => (\n\t\t\t\t<div\n\t\t\t\t\tref={elementRef}\n\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default TwitchPlayer;\n"],"names":["TwitchPlayer","memo","props","logger","LogLevel","loadScript","useCallback","ensureScriptLoaded","playerFactory","element","videoId","jsx","PlayerContainer","TwitchPlayerController","elementRef"],"mappings":";;;AASA,MAAMA,IAAeC,EAAK,CAAC,EAAE,GAAGC,QAAuC;AACtE,QAAM,EAAE,QAAAC,MAAWD;AAEnB,EAAAC,EAAO,IAAIC,EAAS,OAAO,cAAc;AAEzC,QAAMC,IAAaC,EAAY,YAAY;AAC1C,UAAMC,EAAmB,uCAAuCJ,CAAM;AAAA,EACvE,GAAG,CAACA,CAAM,CAAC,GAELK,IAAgBF;AAAA,IACrB,OACCG,GACAC,MAEO,QAAQ;AAAA,MACd,IAAI,OAAO,OAAOD,GAAS;AAAA,QAC1B,OAAOC;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA,CACR;AAAA,IAAA;AAAA,IAGH,CAAA;AAAA,EAAC;AAGF,SACCC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,GAAGV;AAAA,MACJ,YAAAG;AAAA,MACA,eAAAG;AAAA,MACA,mBAAmBK;AAAA,MAElB,WAACC,MACDH,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACA,KAAKG;AAAA,UACL,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAA;AAAA,QAAO;AAAA,MAAA;AAAA,IACxC;AAAA,EAAA;AAIJ,CAAC;"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { L as m, j as a,
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
const g = y(({ ...o }) => {
|
|
1
|
+
import { L as m, j as a, P as c, V as n } from "./index-CLTpMeB0.js";
|
|
2
|
+
import { e as y } from "./ensureScriptLoaded-O_gkv8-u.js";
|
|
3
|
+
import { memo as p, useCallback as t } from "react";
|
|
4
|
+
const P = p(({ ...o }) => {
|
|
6
5
|
const { logger: e } = o;
|
|
7
6
|
e.log(m.Debug, "VimeoPlayer");
|
|
8
7
|
const l = t(async () => {
|
|
9
|
-
await
|
|
8
|
+
await y(
|
|
10
9
|
"https://player.vimeo.com/api/player.js",
|
|
11
10
|
e
|
|
12
11
|
);
|
|
@@ -15,12 +14,12 @@ const g = y(({ ...o }) => {
|
|
|
15
14
|
[]
|
|
16
15
|
);
|
|
17
16
|
return /* @__PURE__ */ a.jsx(
|
|
18
|
-
|
|
17
|
+
c,
|
|
19
18
|
{
|
|
20
19
|
...o,
|
|
21
20
|
loadScript: l,
|
|
22
21
|
playerFactory: s,
|
|
23
|
-
controllerFactory:
|
|
22
|
+
controllerFactory: n,
|
|
24
23
|
children: (r, i) => (
|
|
25
24
|
// eslint-disable-next-line jsx-a11y/iframe-has-title
|
|
26
25
|
/* @__PURE__ */ a.jsx(
|
|
@@ -38,6 +37,6 @@ const g = y(({ ...o }) => {
|
|
|
38
37
|
);
|
|
39
38
|
});
|
|
40
39
|
export {
|
|
41
|
-
|
|
40
|
+
P as default
|
|
42
41
|
};
|
|
43
|
-
//# sourceMappingURL=VimeoPlayer-
|
|
42
|
+
//# sourceMappingURL=VimeoPlayer-BAYaY4oI.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VimeoPlayer-
|
|
1
|
+
{"version":3,"file":"VimeoPlayer-BAYaY4oI.js","sources":["../src/components/VimeoPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { LogLevel } from '@/controllers/Logger';\nimport { VimeoPlayerController } from '@/controllers/VimeoPlayerController';\nimport { ensureScriptLoaded } from '@/controllers/ensureScriptLoaded';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst VimeoPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'VimeoPlayer');\n\n\tconst loadScript = useCallback(async () => {\n\t\tawait ensureScriptLoaded(\n\t\t\t'https://player.vimeo.com/api/player.js',\n\t\t\tlogger,\n\t\t);\n\t}, [logger]);\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLIFrameElement): Promise<Vimeo.Player> => {\n\t\t\treturn Promise.resolve(new Vimeo.Player(element));\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={loadScript}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={VimeoPlayerController}\n\t\t>\n\t\t\t{(elementRef, videoId): ReactElement => (\n\t\t\t\t// eslint-disable-next-line jsx-a11y/iframe-has-title\n\t\t\t\t<iframe\n\t\t\t\t\tref={elementRef}\n\t\t\t\t\tsrc={`https://player.vimeo.com/video/${videoId}`}\n\t\t\t\t\tframeBorder={0}\n\t\t\t\t\tallow=\"autoplay\"\n\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default VimeoPlayer;\n"],"names":["VimeoPlayer","memo","props","logger","LogLevel","loadScript","useCallback","ensureScriptLoaded","playerFactory","element","jsx","PlayerContainer","VimeoPlayerController","elementRef","videoId"],"mappings":";;;AASA,MAAMA,IAAcC,EAAK,CAAC,EAAE,GAAGC,QAAuC;AACrE,QAAM,EAAE,QAAAC,MAAWD;AAEnB,EAAAC,EAAO,IAAIC,EAAS,OAAO,aAAa;AAExC,QAAMC,IAAaC,EAAY,YAAY;AAC1C,UAAMC;AAAA,MACL;AAAA,MACAJ;AAAA,IAAA;AAAA,EAEF,GAAG,CAACA,CAAM,CAAC,GAELK,IAAgBF;AAAA,IACrB,CAACG,MACO,QAAQ,QAAQ,IAAI,MAAM,OAAOA,CAAO,CAAC;AAAA,IAEjD,CAAA;AAAA,EAAC;AAGF,SACCC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,GAAGT;AAAA,MACJ,YAAAG;AAAA,MACA,eAAAG;AAAA,MACA,mBAAmBI;AAAA,MAElB,WAACC,GAAYC;AAAA;AAAA,QAEbJ,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACA,KAAKG;AAAA,YACL,KAAK,kCAAkCC,CAAO;AAAA,YAC9C,aAAa;AAAA,YACb,OAAM;AAAA,YACN,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAA;AAAA,UAAO;AAAA,QAAA;AAAA;AAAA,IACxC;AAAA,EAAA;AAIJ,CAAC;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-B8wtI_1x.cjs"),n=require("./ensureScriptLoaded-jXzaqDQh.cjs"),t=require("react"),c=t.memo(({...a})=>{const{logger:r}=a;r.log(e.LogLevel.Debug,"VimeoPlayer");const l=t.useCallback(async()=>{await n.ensureScriptLoaded("https://player.vimeo.com/api/player.js",r)},[r]),i=t.useCallback(o=>Promise.resolve(new Vimeo.Player(o)),[]);return e.jsxRuntimeExports.jsx(e.PlayerContainer,{...a,loadScript:l,playerFactory:i,controllerFactory:e.VimeoPlayerController,children:(o,s)=>e.jsxRuntimeExports.jsx("iframe",{ref:o,src:`https://player.vimeo.com/video/${s}`,frameBorder:0,allow:"autoplay",style:{width:"100%",height:"100%"}})})});exports.default=c;
|
|
2
|
+
//# sourceMappingURL=VimeoPlayer-CvFLZFMf.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VimeoPlayer-
|
|
1
|
+
{"version":3,"file":"VimeoPlayer-CvFLZFMf.cjs","sources":["../src/components/VimeoPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { LogLevel } from '@/controllers/Logger';\nimport { VimeoPlayerController } from '@/controllers/VimeoPlayerController';\nimport { ensureScriptLoaded } from '@/controllers/ensureScriptLoaded';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst VimeoPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'VimeoPlayer');\n\n\tconst loadScript = useCallback(async () => {\n\t\tawait ensureScriptLoaded(\n\t\t\t'https://player.vimeo.com/api/player.js',\n\t\t\tlogger,\n\t\t);\n\t}, [logger]);\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLIFrameElement): Promise<Vimeo.Player> => {\n\t\t\treturn Promise.resolve(new Vimeo.Player(element));\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={loadScript}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={VimeoPlayerController}\n\t\t>\n\t\t\t{(elementRef, videoId): ReactElement => (\n\t\t\t\t// eslint-disable-next-line jsx-a11y/iframe-has-title\n\t\t\t\t<iframe\n\t\t\t\t\tref={elementRef}\n\t\t\t\t\tsrc={`https://player.vimeo.com/video/${videoId}`}\n\t\t\t\t\tframeBorder={0}\n\t\t\t\t\tallow=\"autoplay\"\n\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default VimeoPlayer;\n"],"names":["VimeoPlayer","memo","props","logger","LogLevel","loadScript","useCallback","ensureScriptLoaded","playerFactory","element","jsx","PlayerContainer","VimeoPlayerController","elementRef","videoId"],"mappings":"0LASMA,EAAcC,EAAAA,KAAK,CAAC,CAAE,GAAGC,KAAuC,CACrE,KAAM,CAAE,OAAAC,GAAWD,EAEnBC,EAAO,IAAIC,WAAS,MAAO,aAAa,EAExC,MAAMC,EAAaC,EAAAA,YAAY,SAAY,CAC1C,MAAMC,EAAAA,mBACL,yCACAJ,CAAA,CAEF,EAAG,CAACA,CAAM,CAAC,EAELK,EAAgBF,EAAAA,YACpBG,GACO,QAAQ,QAAQ,IAAI,MAAM,OAAOA,CAAO,CAAC,EAEjD,CAAA,CAAC,EAGF,OACCC,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CACC,GAAGT,EACJ,WAAAG,EACA,cAAAG,EACA,kBAAmBI,EAAAA,sBAElB,UAACC,EAAYC,IAEbJ,EAAAA,kBAAAA,IAAC,SAAA,CACA,IAAKG,EACL,IAAK,kCAAkCC,CAAO,GAC9C,YAAa,EACb,MAAM,WACN,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAA,CAAO,CAAA,CACxC,CAAA,CAIJ,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-B8wtI_1x.cjs"),s=require("./ensureScriptLoaded-jXzaqDQh.cjs"),t=require("react"),a="https://www.youtube-nocookie.com",l=t.memo(({...i})=>{const{logger:o}=i;o.log(e.LogLevel.Debug,"YouTubePlayer");const u=t.useCallback(()=>new Promise(async(r,c)=>{await s.ensureScriptLoaded("https://www.youtube.com/iframe_api",o)?window.onYouTubeIframeAPIReady=()=>{o.log(e.LogLevel.Debug,"YouTube iframe API ready"),r()}:r()}),[o]),n=t.useCallback(r=>Promise.resolve(new YT.Player(r,{host:a,width:"100%",height:"100%"})),[]);return e.jsxRuntimeExports.jsx(e.PlayerContainer,{...i,loadScript:u,playerFactory:n,controllerFactory:e.YouTubePlayerController,children:r=>e.jsxRuntimeExports.jsx("div",{style:{width:"100%",height:"100%"},children:e.jsxRuntimeExports.jsx("div",{ref:r})})})});exports.default=l;
|
|
2
|
+
//# sourceMappingURL=YouTubePlayer-B1_fn24Y.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YouTubePlayer-
|
|
1
|
+
{"version":3,"file":"YouTubePlayer-B1_fn24Y.cjs","sources":["../src/components/YouTubePlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { LogLevel } from '@/controllers/Logger';\nimport { YouTubePlayerController } from '@/controllers/YouTubePlayerController';\nimport { ensureScriptLoaded } from '@/controllers/ensureScriptLoaded';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst origin = 'https://www.youtube-nocookie.com';\n\nconst YouTubePlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'YouTubePlayer');\n\n\tconst loadScript = useCallback((): Promise<void> => {\n\t\treturn new Promise(async (resolve, _reject) => {\n\t\t\tconst first = await ensureScriptLoaded(\n\t\t\t\t'https://www.youtube.com/iframe_api',\n\t\t\t\tlogger,\n\t\t\t);\n\n\t\t\tif (first) {\n\t\t\t\t// https://stackoverflow.com/a/18154942.\n\t\t\t\twindow.onYouTubeIframeAPIReady = (): void => {\n\t\t\t\t\tlogger.log(LogLevel.Debug, 'YouTube iframe API ready');\n\t\t\t\t\tresolve();\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\tresolve();\n\t\t\t}\n\t\t});\n\t}, [logger]);\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLDivElement): Promise<YT.Player> => {\n\t\t\treturn Promise.resolve(\n\t\t\t\tnew YT.Player(element, {\n\t\t\t\t\thost: origin,\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\theight: '100%',\n\t\t\t\t}),\n\t\t\t);\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={loadScript}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={YouTubePlayerController}\n\t\t>\n\t\t\t{(elementRef): ReactElement => (\n\t\t\t\t<div style={{ width: '100%', height: '100%' }}>\n\t\t\t\t\t<div ref={elementRef} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default YouTubePlayer;\n"],"names":["origin","YouTubePlayer","memo","props","logger","LogLevel","loadScript","useCallback","resolve","_reject","ensureScriptLoaded","playerFactory","element","jsx","PlayerContainer","YouTubePlayerController","elementRef"],"mappings":"0LASMA,EAAS,mCAETC,EAAgBC,EAAAA,KAAK,CAAC,CAAE,GAAGC,KAAuC,CACvE,KAAM,CAAE,OAAAC,GAAWD,EAEnBC,EAAO,IAAIC,WAAS,MAAO,eAAe,EAE1C,MAAMC,EAAaC,EAAAA,YAAY,IACvB,IAAI,QAAQ,MAAOC,EAASC,IAAY,CAChC,MAAMC,EAAAA,mBACnB,qCACAN,CAAA,EAKA,OAAO,wBAA0B,IAAY,CAC5CA,EAAO,IAAIC,WAAS,MAAO,0BAA0B,EACrDG,EAAA,CACD,EAEAA,EAAA,CAEF,CAAC,EACC,CAACJ,CAAM,CAAC,EAELO,EAAgBJ,EAAAA,YACpBK,GACO,QAAQ,QACd,IAAI,GAAG,OAAOA,EAAS,CACtB,KAAMZ,EACN,MAAO,OACP,OAAQ,MAAA,CACR,CAAA,EAGH,CAAA,CAAC,EAGF,OACCa,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CACC,GAAGX,EACJ,WAAAG,EACA,cAAAK,EACA,kBAAmBI,EAAAA,wBAElB,SAACC,GACDH,EAAAA,kBAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,MAAO,OAAQ,OAAQ,QACpC,SAAAA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,IAAKG,EAAY,CAAA,CACvB,CAAA,CAAA,CAIJ,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { L as a, j as r,
|
|
2
|
-
import {
|
|
3
|
-
import { e as c } from "./ensureScriptLoaded-CrePAY3C.js";
|
|
1
|
+
import { L as a, j as r, P as u, Y as l } from "./index-CLTpMeB0.js";
|
|
2
|
+
import { e as c } from "./ensureScriptLoaded-O_gkv8-u.js";
|
|
4
3
|
import { memo as m, useCallback as i } from "react";
|
|
5
|
-
const y = "https://www.youtube-nocookie.com",
|
|
4
|
+
const y = "https://www.youtube-nocookie.com", g = m(({ ...t }) => {
|
|
6
5
|
const { logger: o } = t;
|
|
7
6
|
o.log(a.Debug, "YouTubePlayer");
|
|
8
7
|
const s = i(() => new Promise(async (e, d) => {
|
|
@@ -23,17 +22,17 @@ const y = "https://www.youtube-nocookie.com", p = m(({ ...t }) => {
|
|
|
23
22
|
[]
|
|
24
23
|
);
|
|
25
24
|
return /* @__PURE__ */ r.jsx(
|
|
26
|
-
|
|
25
|
+
u,
|
|
27
26
|
{
|
|
28
27
|
...t,
|
|
29
28
|
loadScript: s,
|
|
30
29
|
playerFactory: n,
|
|
31
|
-
controllerFactory:
|
|
30
|
+
controllerFactory: l,
|
|
32
31
|
children: (e) => /* @__PURE__ */ r.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ r.jsx("div", { ref: e }) })
|
|
33
32
|
}
|
|
34
33
|
);
|
|
35
34
|
});
|
|
36
35
|
export {
|
|
37
|
-
|
|
36
|
+
g as default
|
|
38
37
|
};
|
|
39
|
-
//# sourceMappingURL=YouTubePlayer-
|
|
38
|
+
//# sourceMappingURL=YouTubePlayer-CT5Q9YWC.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YouTubePlayer-
|
|
1
|
+
{"version":3,"file":"YouTubePlayer-CT5Q9YWC.js","sources":["../src/components/YouTubePlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { LogLevel } from '@/controllers/Logger';\nimport { YouTubePlayerController } from '@/controllers/YouTubePlayerController';\nimport { ensureScriptLoaded } from '@/controllers/ensureScriptLoaded';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst origin = 'https://www.youtube-nocookie.com';\n\nconst YouTubePlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'YouTubePlayer');\n\n\tconst loadScript = useCallback((): Promise<void> => {\n\t\treturn new Promise(async (resolve, _reject) => {\n\t\t\tconst first = await ensureScriptLoaded(\n\t\t\t\t'https://www.youtube.com/iframe_api',\n\t\t\t\tlogger,\n\t\t\t);\n\n\t\t\tif (first) {\n\t\t\t\t// https://stackoverflow.com/a/18154942.\n\t\t\t\twindow.onYouTubeIframeAPIReady = (): void => {\n\t\t\t\t\tlogger.log(LogLevel.Debug, 'YouTube iframe API ready');\n\t\t\t\t\tresolve();\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\tresolve();\n\t\t\t}\n\t\t});\n\t}, [logger]);\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLDivElement): Promise<YT.Player> => {\n\t\t\treturn Promise.resolve(\n\t\t\t\tnew YT.Player(element, {\n\t\t\t\t\thost: origin,\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\theight: '100%',\n\t\t\t\t}),\n\t\t\t);\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={loadScript}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={YouTubePlayerController}\n\t\t>\n\t\t\t{(elementRef): ReactElement => (\n\t\t\t\t<div style={{ width: '100%', height: '100%' }}>\n\t\t\t\t\t<div ref={elementRef} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default YouTubePlayer;\n"],"names":["origin","YouTubePlayer","memo","props","logger","LogLevel","loadScript","useCallback","resolve","_reject","ensureScriptLoaded","playerFactory","element","jsx","PlayerContainer","YouTubePlayerController","elementRef"],"mappings":";;;AASA,MAAMA,IAAS,oCAETC,IAAgBC,EAAK,CAAC,EAAE,GAAGC,QAAuC;AACvE,QAAM,EAAE,QAAAC,MAAWD;AAEnB,EAAAC,EAAO,IAAIC,EAAS,OAAO,eAAe;AAE1C,QAAMC,IAAaC,EAAY,MACvB,IAAI,QAAQ,OAAOC,GAASC,MAAY;AAM9C,IALc,MAAMC;AAAA,MACnB;AAAA,MACAN;AAAA,IAAA,IAKA,OAAO,0BAA0B,MAAY;AAC5C,MAAAA,EAAO,IAAIC,EAAS,OAAO,0BAA0B,GACrDG,EAAA;AAAA,IACD,IAEAA,EAAA;AAAA,EAEF,CAAC,GACC,CAACJ,CAAM,CAAC,GAELO,IAAgBJ;AAAA,IACrB,CAACK,MACO,QAAQ;AAAA,MACd,IAAI,GAAG,OAAOA,GAAS;AAAA,QACtB,MAAMZ;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA,CACR;AAAA,IAAA;AAAA,IAGH,CAAA;AAAA,EAAC;AAGF,SACCa,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,GAAGX;AAAA,MACJ,YAAAG;AAAA,MACA,eAAAK;AAAA,MACA,mBAAmBI;AAAA,MAElB,UAAA,CAACC,MACDH,gBAAAA,EAAAA,IAAC,OAAA,EAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,UACpC,UAAAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,KAAKG,GAAY,EAAA,CACvB;AAAA,IAAA;AAAA,EAAA;AAIJ,CAAC;"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { PlayerProps } from './PlayerContainer';
|
|
2
|
+
import { IPlayerController, PlayerOptions, PlayerType } from '../controllers/PlayerController';
|
|
3
|
+
import { ElementType, ReactElement } from 'react';
|
|
4
|
+
export declare const players: Map<PlayerType, ElementType<PlayerProps>>;
|
|
3
5
|
export interface NostalgicDivaProps {
|
|
4
6
|
src: string;
|
|
5
7
|
options?: PlayerOptions;
|
|
@@ -1,15 +1,6 @@
|
|
|
1
1
|
import { ILogger } from './Logger';
|
|
2
2
|
import { PlayerControllerImpl } from './PlayerControllerImpl';
|
|
3
|
-
export
|
|
4
|
-
'Audio' = "Audio",
|
|
5
|
-
'Dailymotion' = "Dailymotion",
|
|
6
|
-
'Niconico' = "Niconico",
|
|
7
|
-
'SoundCloud' = "SoundCloud",
|
|
8
|
-
'Twitch' = "Twitch",
|
|
9
|
-
'Vimeo' = "Vimeo",
|
|
10
|
-
'YouTube' = "YouTube"
|
|
11
|
-
}
|
|
12
|
-
export declare function validatePlayerType(value: string): value is PlayerType;
|
|
3
|
+
export type PlayerType = 'Audio' | 'Dailymotion' | 'Niconico' | 'SoundCloud' | 'Twitch' | 'Vimeo' | 'YouTube' | (string & {});
|
|
13
4
|
export interface LoadedEvent {
|
|
14
5
|
id: string;
|
|
15
6
|
}
|
|
@@ -3,6 +3,7 @@ export * from './DailymotionPlayerController';
|
|
|
3
3
|
export * from './NiconicoPlayerController';
|
|
4
4
|
export * from './NullPlayerController';
|
|
5
5
|
export * from './PlayerController';
|
|
6
|
+
export * from './PlayerControllerImpl';
|
|
6
7
|
export * from './SoundCloudPlayerController';
|
|
7
8
|
export * from './TwitchPlayerController';
|
|
8
9
|
export * from './VimeoPlayerController';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as o } from "./index-
|
|
1
|
+
import { L as o } from "./index-CLTpMeB0.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-O_gkv8-u.js.map
|