@aigamo/nostalgic-diva 1.19.3 → 1.19.4
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-BMxdg9dp.js +35 -0
- package/dist/{AudioPlayer-D3YsODf_.js.map → AudioPlayer-BMxdg9dp.js.map} +1 -1
- package/dist/AudioPlayer-CgUxIJwa.cjs +2 -0
- package/dist/{AudioPlayer-B3HUFxrt.cjs.map → AudioPlayer-CgUxIJwa.cjs.map} +1 -1
- package/dist/{DailymotionPlayer-BbM7QPqY.js → DailymotionPlayer-B4M9j0Lx.js} +14 -13
- package/dist/{DailymotionPlayer-BbM7QPqY.js.map → DailymotionPlayer-B4M9j0Lx.js.map} +1 -1
- package/dist/DailymotionPlayer-BdI4qcvJ.cjs +2 -0
- package/dist/{DailymotionPlayer-CUowHniC.cjs.map → DailymotionPlayer-BdI4qcvJ.cjs.map} +1 -1
- package/dist/NiconicoPlayer-C1bgzaCT.cjs +2 -0
- package/dist/{NiconicoPlayer-DpSXQj5m.cjs.map → NiconicoPlayer-C1bgzaCT.cjs.map} +1 -1
- package/dist/NiconicoPlayer-Cx3hGYsw.js +36 -0
- package/dist/{NiconicoPlayer-BQO6a8Vb.js.map → NiconicoPlayer-Cx3hGYsw.js.map} +1 -1
- package/dist/SoundCloudPlayer-BiFTnxn9.cjs +2 -0
- package/dist/{SoundCloudPlayer-BV22QlM7.cjs.map → SoundCloudPlayer-BiFTnxn9.cjs.map} +1 -1
- package/dist/{SoundCloudPlayer-B8jkHu8t.js → SoundCloudPlayer-C8QVPCXH.js} +15 -14
- package/dist/{SoundCloudPlayer-B8jkHu8t.js.map → SoundCloudPlayer-C8QVPCXH.js.map} +1 -1
- package/dist/TwitchPlayer-C9D_eEaj.js +40 -0
- package/dist/{TwitchPlayer-C9mAN-zs.js.map → TwitchPlayer-C9D_eEaj.js.map} +1 -1
- package/dist/TwitchPlayer-DdhZD1Bh.cjs +2 -0
- package/dist/{TwitchPlayer-CAtEBZ_D.cjs.map → TwitchPlayer-DdhZD1Bh.cjs.map} +1 -1
- package/dist/VimeoPlayer-DfBZwtd9.cjs +2 -0
- package/dist/{VimeoPlayer-BeD9InZ2.cjs.map → VimeoPlayer-DfBZwtd9.cjs.map} +1 -1
- package/dist/{VimeoPlayer-Dj_TPJOD.js → VimeoPlayer-UnKk2VAq.js} +13 -12
- package/dist/{VimeoPlayer-Dj_TPJOD.js.map → VimeoPlayer-UnKk2VAq.js.map} +1 -1
- package/dist/YouTubePlayer-CeTkdcOO.cjs +2 -0
- package/dist/{YouTubePlayer-DLqd36LF.cjs.map → YouTubePlayer-CeTkdcOO.cjs.map} +1 -1
- package/dist/YouTubePlayer-bNmEJD02.js +39 -0
- package/dist/{YouTubePlayer-DnM2aTnC.js.map → YouTubePlayer-bNmEJD02.js.map} +1 -1
- package/dist/ensureScriptLoaded-CkK_-Amf.cjs +2 -0
- package/dist/{ensureScriptLoaded-Blm1fjMc.cjs.map → ensureScriptLoaded-CkK_-Amf.cjs.map} +1 -1
- package/dist/{ensureScriptLoaded-Jw9e6HLc.js → ensureScriptLoaded-HHnKf-aZ.js} +6 -6
- package/dist/{ensureScriptLoaded-Jw9e6HLc.js.map → ensureScriptLoaded-HHnKf-aZ.js.map} +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +1235 -23
- package/dist/index.es.js.map +1 -1
- package/package.json +2 -2
- package/dist/AudioPlayer-B3HUFxrt.cjs +0 -2
- package/dist/AudioPlayer-D3YsODf_.js +0 -34
- package/dist/DailymotionPlayer-CUowHniC.cjs +0 -2
- package/dist/NiconicoPlayer-BQO6a8Vb.js +0 -35
- package/dist/NiconicoPlayer-DpSXQj5m.cjs +0 -2
- package/dist/SoundCloudPlayer-BV22QlM7.cjs +0 -2
- package/dist/TwitchPlayer-C9mAN-zs.js +0 -39
- package/dist/TwitchPlayer-CAtEBZ_D.cjs +0 -2
- package/dist/VimeoPlayer-BeD9InZ2.cjs +0 -2
- package/dist/YouTubePlayer-DLqd36LF.cjs +0 -2
- package/dist/YouTubePlayer-DnM2aTnC.js +0 -38
- package/dist/ensureScriptLoaded-Blm1fjMc.cjs +0 -2
- package/dist/index-D5CazY1_.js +0 -1848
- package/dist/index-D5CazY1_.js.map +0 -1
- package/dist/index-DFsUhc9i.cjs +0 -15
- package/dist/index-DFsUhc9i.cjs.map +0 -1
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { LogLevel as i, PlayerContainer as u, AudioPlayerController as c } from "./index.es.js";
|
|
3
|
+
import { memo as n, useCallback as d } from "react";
|
|
4
|
+
const g = n(({ ...r }) => {
|
|
5
|
+
const { logger: t } = r;
|
|
6
|
+
t.log(i.Debug, "AudioPlayer");
|
|
7
|
+
const l = d(
|
|
8
|
+
(o) => Promise.resolve(o),
|
|
9
|
+
[]
|
|
10
|
+
);
|
|
11
|
+
return /* @__PURE__ */ e(
|
|
12
|
+
u,
|
|
13
|
+
{
|
|
14
|
+
...r,
|
|
15
|
+
loadScript: void 0,
|
|
16
|
+
playerFactory: l,
|
|
17
|
+
controllerFactory: c,
|
|
18
|
+
children: (o, a) => /* @__PURE__ */ e(
|
|
19
|
+
"audio",
|
|
20
|
+
{
|
|
21
|
+
ref: o,
|
|
22
|
+
src: a,
|
|
23
|
+
style: { width: "100%", height: "100%" },
|
|
24
|
+
preload: "auto",
|
|
25
|
+
autoPlay: !0,
|
|
26
|
+
controls: !0
|
|
27
|
+
}
|
|
28
|
+
)
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
});
|
|
32
|
+
export {
|
|
33
|
+
g as default
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=AudioPlayer-BMxdg9dp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AudioPlayer-
|
|
1
|
+
{"version":3,"file":"AudioPlayer-BMxdg9dp.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,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,GAAGP;AAAA,MACJ,YAAY;AAAA,MACZ,eAAAG;AAAA,MACA,mBAAmBK;AAAA,MAElB,UAAA,CAACC,GAAYC,MACb,gBAAAJ;AAAA,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 t=require("react/jsx-runtime"),r=require("./index.cjs.js"),l=require("react"),n=l.memo(({...o})=>{const{logger:a}=o;a.log(r.LogLevel.Debug,"AudioPlayer");const u=l.useCallback(e=>Promise.resolve(e),[]);return t.jsx(r.PlayerContainer,{...o,loadScript:void 0,playerFactory:u,controllerFactory:r.AudioPlayerController,children:(e,i)=>t.jsx("audio",{ref:e,src:i,style:{width:"100%",height:"100%"},preload:"auto",autoPlay:!0,controls:!0})})});exports.default=n;
|
|
2
|
+
//# sourceMappingURL=AudioPlayer-CgUxIJwa.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AudioPlayer-
|
|
1
|
+
{"version":3,"file":"AudioPlayer-CgUxIJwa.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":"oKAQMA,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,IAACC,EAAAA,gBAAA,CACC,GAAGP,EACJ,WAAY,OACZ,cAAAG,EACA,kBAAmBK,EAAAA,sBAElB,SAAA,CAACC,EAAYC,IACbJ,EAAAA,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,12 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { LogLevel as m, PlayerContainer as y, DailymotionPlayerController as s } from "./index.es.js";
|
|
3
|
+
import { e as g } from "./ensureScriptLoaded-HHnKf-aZ.js";
|
|
4
|
+
import { memo as h, useCallback as l } from "react";
|
|
5
|
+
const v = h(
|
|
5
6
|
({ options: e, ...t }) => {
|
|
6
7
|
const { logger: r } = t;
|
|
7
|
-
r.log(
|
|
8
|
+
r.log(m.Debug, "DailymotionPlayer");
|
|
8
9
|
const i = l(async () => {
|
|
9
|
-
await
|
|
10
|
+
await g("https://api.dmcdn.net/all.js", r);
|
|
10
11
|
}, [r]), d = l(
|
|
11
12
|
(a, n) => Promise.resolve(
|
|
12
13
|
new DM.player(a, {
|
|
@@ -37,28 +38,28 @@ const j = g(
|
|
|
37
38
|
},
|
|
38
39
|
waiting: () => {
|
|
39
40
|
},
|
|
40
|
-
error: (
|
|
41
|
-
e?.onError?.(
|
|
41
|
+
error: (c) => {
|
|
42
|
+
e?.onError?.(c);
|
|
42
43
|
}
|
|
43
44
|
}
|
|
44
45
|
})
|
|
45
46
|
),
|
|
46
47
|
[e]
|
|
47
48
|
);
|
|
48
|
-
return /* @__PURE__ */ o
|
|
49
|
+
return /* @__PURE__ */ o(
|
|
49
50
|
y,
|
|
50
51
|
{
|
|
51
52
|
...t,
|
|
52
53
|
options: e,
|
|
53
54
|
loadScript: i,
|
|
54
55
|
playerFactory: d,
|
|
55
|
-
controllerFactory:
|
|
56
|
-
children: (a) => /* @__PURE__ */ o
|
|
56
|
+
controllerFactory: s,
|
|
57
|
+
children: (a) => /* @__PURE__ */ o("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ o("div", { ref: a }) })
|
|
57
58
|
}
|
|
58
59
|
);
|
|
59
60
|
}
|
|
60
61
|
);
|
|
61
62
|
export {
|
|
62
|
-
|
|
63
|
+
v as default
|
|
63
64
|
};
|
|
64
|
-
//# sourceMappingURL=DailymotionPlayer-
|
|
65
|
+
//# sourceMappingURL=DailymotionPlayer-B4M9j0Lx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DailymotionPlayer-
|
|
1
|
+
{"version":3,"file":"DailymotionPlayer-B4M9j0Lx.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,WACC,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,GAAGX;AAAA,QACJ,SAAAD;AAAA,QACA,YAAAI;AAAA,QACA,eAAAG;AAAA,QACA,mBAAmBM;AAAA,QAElB,UAAA,CAACC,MACD,gBAAAH,EAAC,OAAA,EAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,UACpC,UAAA,gBAAAA,EAAC,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 n=require("react/jsx-runtime"),t=require("./index.cjs.js"),u=require("./ensureScriptLoaded-CkK_-Amf.cjs"),l=require("react"),y=l.memo(({options:e,...i})=>{const{logger:r}=i;r.log(t.LogLevel.Debug,"DailymotionPlayer");const d=l.useCallback(async()=>{await u.ensureScriptLoaded("https://api.dmcdn.net/all.js",r)},[r]),c=l.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 n.jsx(t.PlayerContainer,{...i,options:e,loadScript:d,playerFactory:c,controllerFactory:t.DailymotionPlayerController,children:a=>n.jsx("div",{style:{width:"100%",height:"100%"},children:n.jsx("div",{ref:a})})})});exports.default=y;
|
|
2
|
+
//# sourceMappingURL=DailymotionPlayer-BdI4qcvJ.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DailymotionPlayer-
|
|
1
|
+
{"version":3,"file":"DailymotionPlayer-BdI4qcvJ.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":"mNASMA,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,IAACC,EAAAA,gBAAA,CACC,GAAGX,EACJ,QAAAD,EACA,WAAAI,EACA,cAAAG,EACA,kBAAmBM,EAAAA,4BAElB,SAACC,GACDH,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,MAAO,OAAQ,OAAQ,QACpC,SAAAA,EAAAA,IAAC,MAAA,CAAI,IAAKG,EAAY,CAAA,CACvB,CAAA,CAAA,CAIJ,CACD"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("./index.cjs.js"),t=require("react"),a=t.memo(({...l})=>{const{logger:i}=l;i.log(o.LogLevel.Debug,"NiconicoPlayer");const c=t.useCallback(e=>Promise.resolve(e),[]);return r.jsx(o.PlayerContainer,{...l,loadScript:void 0,playerFactory:c,controllerFactory:o.NiconicoPlayerController,children:(e,n)=>r.jsx("div",{style:{width:"100%",height:"100%"},children:r.jsx("iframe",{ref:e,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=a;
|
|
2
|
+
//# sourceMappingURL=NiconicoPlayer-C1bgzaCT.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NiconicoPlayer-
|
|
1
|
+
{"version":3,"file":"NiconicoPlayer-C1bgzaCT.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":"oKAQMA,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,IAACC,EAAAA,gBAAA,CACC,GAAGP,EACJ,WAAY,OACZ,cAAAG,EACA,kBAAmBK,EAAAA,yBAElB,SAAA,CAACC,EAAYC,IACbJ,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAA,EAEpC,SAAAA,EAAAA,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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { LogLevel as a, PlayerContainer as c, NiconicoPlayerController as n } from "./index.es.js";
|
|
3
|
+
import { memo as s, useCallback as d } from "react";
|
|
4
|
+
const p = s(({ ...r }) => {
|
|
5
|
+
const { logger: l } = r;
|
|
6
|
+
l.log(a.Debug, "NiconicoPlayer");
|
|
7
|
+
const t = d(
|
|
8
|
+
(e) => Promise.resolve(e),
|
|
9
|
+
[]
|
|
10
|
+
);
|
|
11
|
+
return /* @__PURE__ */ o(
|
|
12
|
+
c,
|
|
13
|
+
{
|
|
14
|
+
...r,
|
|
15
|
+
loadScript: void 0,
|
|
16
|
+
playerFactory: t,
|
|
17
|
+
controllerFactory: n,
|
|
18
|
+
children: (e, i) => /* @__PURE__ */ o("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ o(
|
|
19
|
+
"iframe",
|
|
20
|
+
{
|
|
21
|
+
ref: e,
|
|
22
|
+
src: `https://embed.nicovideo.jp/watch/${i}?jsapi=1&playerId=1`,
|
|
23
|
+
width: "100%",
|
|
24
|
+
height: "100%",
|
|
25
|
+
allowFullScreen: !0,
|
|
26
|
+
style: { border: "none" },
|
|
27
|
+
allow: "autoplay; fullscreen"
|
|
28
|
+
}
|
|
29
|
+
) })
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
});
|
|
33
|
+
export {
|
|
34
|
+
p as default
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=NiconicoPlayer-Cx3hGYsw.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NiconicoPlayer-
|
|
1
|
+
{"version":3,"file":"NiconicoPlayer-Cx3hGYsw.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,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,GAAGP;AAAA,MACJ,YAAY;AAAA,MACZ,eAAAG;AAAA,MACA,mBAAmBK;AAAA,MAElB,UAAA,CAACC,GAAYC,MACb,gBAAAJ,EAAC,OAAA,EAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAA,GAEpC,UAAA,gBAAAA;AAAA,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 a=require("react/jsx-runtime"),o=require("./index.cjs.js"),s=require("./ensureScriptLoaded-CkK_-Amf.cjs"),t=require("react"),d=t.memo(({...l})=>{const{logger:e}=l;e.log(o.LogLevel.Debug,"SoundCloudPlayer");const u=t.useCallback(async()=>{await s.ensureScriptLoaded("https://w.soundcloud.com/player/api.js",e)},[e]),n=t.useCallback(r=>Promise.resolve(SC.Widget(r)),[]);return a.jsx(o.PlayerContainer,{...l,loadScript:u,playerFactory:n,controllerFactory:o.SoundCloudPlayerController,children:(r,c)=>a.jsx("iframe",{ref:r,src:`https://w.soundcloud.com/player/?url=${c}`,frameBorder:0,allow:"autoplay",style:{width:"100%",height:"100%"}})})});exports.default=d;
|
|
2
|
+
//# sourceMappingURL=SoundCloudPlayer-BiFTnxn9.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SoundCloudPlayer-
|
|
1
|
+
{"version":3,"file":"SoundCloudPlayer-BiFTnxn9.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":"mNASMA,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,IAACC,EAAAA,gBAAA,CACC,GAAGT,EACJ,WAAAG,EACA,cAAAG,EACA,kBAAmBI,EAAAA,2BAElB,UAACC,EAAYC,IAEbJ,EAAAA,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,28 +1,29 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { LogLevel as s, PlayerContainer as u, SoundCloudPlayerController as c } from "./index.es.js";
|
|
3
|
+
import { e as i } from "./ensureScriptLoaded-HHnKf-aZ.js";
|
|
4
|
+
import { memo as m, useCallback as t } from "react";
|
|
5
|
+
const C = m(({ ...e }) => {
|
|
5
6
|
const { logger: o } = e;
|
|
6
|
-
o.log(
|
|
7
|
-
const
|
|
7
|
+
o.log(s.Debug, "SoundCloudPlayer");
|
|
8
|
+
const a = t(async () => {
|
|
8
9
|
await i(
|
|
9
10
|
"https://w.soundcloud.com/player/api.js",
|
|
10
11
|
o
|
|
11
12
|
);
|
|
12
|
-
}, [o]),
|
|
13
|
+
}, [o]), d = t(
|
|
13
14
|
(r) => Promise.resolve(SC.Widget(r)),
|
|
14
15
|
[]
|
|
15
16
|
);
|
|
16
|
-
return /* @__PURE__ */
|
|
17
|
-
|
|
17
|
+
return /* @__PURE__ */ l(
|
|
18
|
+
u,
|
|
18
19
|
{
|
|
19
20
|
...e,
|
|
20
|
-
loadScript:
|
|
21
|
-
playerFactory:
|
|
21
|
+
loadScript: a,
|
|
22
|
+
playerFactory: d,
|
|
22
23
|
controllerFactory: c,
|
|
23
24
|
children: (r, n) => (
|
|
24
25
|
// eslint-disable-next-line jsx-a11y/iframe-has-title
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
+
/* @__PURE__ */ l(
|
|
26
27
|
"iframe",
|
|
27
28
|
{
|
|
28
29
|
ref: r,
|
|
@@ -37,6 +38,6 @@ const g = m(({ ...e }) => {
|
|
|
37
38
|
);
|
|
38
39
|
});
|
|
39
40
|
export {
|
|
40
|
-
|
|
41
|
+
C as default
|
|
41
42
|
};
|
|
42
|
-
//# sourceMappingURL=SoundCloudPlayer-
|
|
43
|
+
//# sourceMappingURL=SoundCloudPlayer-C8QVPCXH.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SoundCloudPlayer-
|
|
1
|
+
{"version":3,"file":"SoundCloudPlayer-C8QVPCXH.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,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,GAAGT;AAAA,MACJ,YAAAG;AAAA,MACA,eAAAG;AAAA,MACA,mBAAmBI;AAAA,MAElB,WAACC,GAAYC;AAAA;AAAA,QAEb,gBAAAJ;AAAA,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,40 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { LogLevel as n, PlayerContainer as s, TwitchPlayerController as h } from "./index.es.js";
|
|
3
|
+
import { e as m } from "./ensureScriptLoaded-HHnKf-aZ.js";
|
|
4
|
+
import { memo as d, useCallback as i } from "react";
|
|
5
|
+
const f = d(({ ...r }) => {
|
|
6
|
+
const { logger: e } = r;
|
|
7
|
+
e.log(n.Debug, "TwitchPlayer");
|
|
8
|
+
const a = i(async () => {
|
|
9
|
+
await m("https://embed.twitch.tv/embed/v1.js", e);
|
|
10
|
+
}, [e]), l = i(
|
|
11
|
+
async (t, c) => Promise.resolve(
|
|
12
|
+
new Twitch.Player(t, {
|
|
13
|
+
video: c,
|
|
14
|
+
width: "100%",
|
|
15
|
+
height: "100%"
|
|
16
|
+
})
|
|
17
|
+
),
|
|
18
|
+
[]
|
|
19
|
+
);
|
|
20
|
+
return /* @__PURE__ */ o(
|
|
21
|
+
s,
|
|
22
|
+
{
|
|
23
|
+
...r,
|
|
24
|
+
loadScript: a,
|
|
25
|
+
playerFactory: l,
|
|
26
|
+
controllerFactory: h,
|
|
27
|
+
children: (t) => /* @__PURE__ */ o(
|
|
28
|
+
"div",
|
|
29
|
+
{
|
|
30
|
+
ref: t,
|
|
31
|
+
style: { width: "100%", height: "100%" }
|
|
32
|
+
}
|
|
33
|
+
)
|
|
34
|
+
}
|
|
35
|
+
);
|
|
36
|
+
});
|
|
37
|
+
export {
|
|
38
|
+
f as default
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=TwitchPlayer-C9D_eEaj.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TwitchPlayer-
|
|
1
|
+
{"version":3,"file":"TwitchPlayer-C9D_eEaj.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,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,GAAGV;AAAA,MACJ,YAAAG;AAAA,MACA,eAAAG;AAAA,MACA,mBAAmBK;AAAA,MAElB,WAACC,MACD,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,KAAKG;AAAA,UACL,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAA;AAAA,QAAO;AAAA,MAAA;AAAA,IACxC;AAAA,EAAA;AAIJ,CAAC;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("./index.cjs.js"),s=require("./ensureScriptLoaded-CkK_-Amf.cjs"),o=require("react"),d=o.memo(({...c})=>{const{logger:e}=c;e.log(r.LogLevel.Debug,"TwitchPlayer");const l=o.useCallback(async()=>{await s.ensureScriptLoaded("https://embed.twitch.tv/embed/v1.js",e)},[e]),a=o.useCallback(async(t,n)=>Promise.resolve(new Twitch.Player(t,{video:n,width:"100%",height:"100%"})),[]);return i.jsx(r.PlayerContainer,{...c,loadScript:l,playerFactory:a,controllerFactory:r.TwitchPlayerController,children:t=>i.jsx("div",{ref:t,style:{width:"100%",height:"100%"}})})});exports.default=d;
|
|
2
|
+
//# sourceMappingURL=TwitchPlayer-DdhZD1Bh.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TwitchPlayer-
|
|
1
|
+
{"version":3,"file":"TwitchPlayer-DdhZD1Bh.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":"mNASMA,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,IAACC,EAAAA,gBAAA,CACC,GAAGV,EACJ,WAAAG,EACA,cAAAG,EACA,kBAAmBK,EAAAA,uBAElB,SAACC,GACDH,EAAAA,IAAC,MAAA,CACA,IAAKG,EACL,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 l=require("react/jsx-runtime"),o=require("./index.cjs.js"),n=require("./ensureScriptLoaded-CkK_-Amf.cjs"),t=require("react"),u=t.memo(({...a})=>{const{logger:e}=a;e.log(o.LogLevel.Debug,"VimeoPlayer");const i=t.useCallback(async()=>{await n.ensureScriptLoaded("https://player.vimeo.com/api/player.js",e)},[e]),c=t.useCallback(r=>Promise.resolve(new Vimeo.Player(r)),[]);return l.jsx(o.PlayerContainer,{...a,loadScript:i,playerFactory:c,controllerFactory:o.VimeoPlayerController,children:(r,s)=>l.jsx("iframe",{ref:r,src:`https://player.vimeo.com/video/${s}`,frameBorder:0,allow:"autoplay",style:{width:"100%",height:"100%"}})})});exports.default=u;
|
|
2
|
+
//# sourceMappingURL=VimeoPlayer-DfBZwtd9.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VimeoPlayer-
|
|
1
|
+
{"version":3,"file":"VimeoPlayer-DfBZwtd9.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":"mNASMA,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,IAACC,EAAAA,gBAAA,CACC,GAAGT,EACJ,WAAAG,EACA,cAAAG,EACA,kBAAmBI,EAAAA,sBAElB,UAACC,EAAYC,IAEbJ,EAAAA,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"}
|
|
@@ -1,32 +1,33 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { LogLevel as s, PlayerContainer as c, VimeoPlayerController as n } from "./index.es.js";
|
|
3
|
+
import { e as y } from "./ensureScriptLoaded-HHnKf-aZ.js";
|
|
3
4
|
import { memo as p, useCallback as t } from "react";
|
|
4
|
-
const
|
|
5
|
+
const h = p(({ ...o }) => {
|
|
5
6
|
const { logger: e } = o;
|
|
6
|
-
e.log(
|
|
7
|
+
e.log(s.Debug, "VimeoPlayer");
|
|
7
8
|
const l = t(async () => {
|
|
8
9
|
await y(
|
|
9
10
|
"https://player.vimeo.com/api/player.js",
|
|
10
11
|
e
|
|
11
12
|
);
|
|
12
|
-
}, [e]),
|
|
13
|
+
}, [e]), i = t(
|
|
13
14
|
(r) => Promise.resolve(new Vimeo.Player(r)),
|
|
14
15
|
[]
|
|
15
16
|
);
|
|
16
|
-
return /* @__PURE__ */ a
|
|
17
|
+
return /* @__PURE__ */ a(
|
|
17
18
|
c,
|
|
18
19
|
{
|
|
19
20
|
...o,
|
|
20
21
|
loadScript: l,
|
|
21
|
-
playerFactory:
|
|
22
|
+
playerFactory: i,
|
|
22
23
|
controllerFactory: n,
|
|
23
|
-
children: (r,
|
|
24
|
+
children: (r, m) => (
|
|
24
25
|
// eslint-disable-next-line jsx-a11y/iframe-has-title
|
|
25
|
-
/* @__PURE__ */ a
|
|
26
|
+
/* @__PURE__ */ a(
|
|
26
27
|
"iframe",
|
|
27
28
|
{
|
|
28
29
|
ref: r,
|
|
29
|
-
src: `https://player.vimeo.com/video/${
|
|
30
|
+
src: `https://player.vimeo.com/video/${m}`,
|
|
30
31
|
frameBorder: 0,
|
|
31
32
|
allow: "autoplay",
|
|
32
33
|
style: { width: "100%", height: "100%" }
|
|
@@ -37,6 +38,6 @@ const P = p(({ ...o }) => {
|
|
|
37
38
|
);
|
|
38
39
|
});
|
|
39
40
|
export {
|
|
40
|
-
|
|
41
|
+
h as default
|
|
41
42
|
};
|
|
42
|
-
//# sourceMappingURL=VimeoPlayer-
|
|
43
|
+
//# sourceMappingURL=VimeoPlayer-UnKk2VAq.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VimeoPlayer-
|
|
1
|
+
{"version":3,"file":"VimeoPlayer-UnKk2VAq.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,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,GAAGT;AAAA,MACJ,YAAAG;AAAA,MACA,eAAAG;AAAA,MACA,mBAAmBI;AAAA,MAElB,WAACC,GAAYC;AAAA;AAAA,QAEb,gBAAAJ;AAAA,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 t=require("react/jsx-runtime"),o=require("./index.cjs.js"),s=require("./ensureScriptLoaded-CkK_-Amf.cjs"),i=require("react"),c="https://www.youtube-nocookie.com",l=i.memo(({...n})=>{const{logger:r}=n;r.log(o.LogLevel.Debug,"YouTubePlayer");const u=i.useCallback(()=>new Promise(async(e,d)=>{await s.ensureScriptLoaded("https://www.youtube.com/iframe_api",r)?window.onYouTubeIframeAPIReady=()=>{r.log(o.LogLevel.Debug,"YouTube iframe API ready"),e()}:e()}),[r]),a=i.useCallback(e=>Promise.resolve(new YT.Player(e,{host:c,width:"100%",height:"100%"})),[]);return t.jsx(o.PlayerContainer,{...n,loadScript:u,playerFactory:a,controllerFactory:o.YouTubePlayerController,children:e=>t.jsx("div",{style:{width:"100%",height:"100%"},children:t.jsx("div",{ref:e})})})});exports.default=l;
|
|
2
|
+
//# sourceMappingURL=YouTubePlayer-CeTkdcOO.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YouTubePlayer-
|
|
1
|
+
{"version":3,"file":"YouTubePlayer-CeTkdcOO.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":"mNASMA,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,IAACC,EAAAA,gBAAA,CACC,GAAGX,EACJ,WAAAG,EACA,cAAAK,EACA,kBAAmBI,EAAAA,wBAElB,SAACC,GACDH,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,MAAO,OAAQ,OAAQ,QACpC,SAAAA,EAAAA,IAAC,MAAA,CAAI,IAAKG,EAAY,CAAA,CACvB,CAAA,CAAA,CAIJ,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { LogLevel as i, PlayerContainer as u, YouTubePlayerController as s } from "./index.es.js";
|
|
3
|
+
import { e as c } from "./ensureScriptLoaded-HHnKf-aZ.js";
|
|
4
|
+
import { memo as m, useCallback as a } from "react";
|
|
5
|
+
const y = "https://www.youtube-nocookie.com", p = m(({ ...t }) => {
|
|
6
|
+
const { logger: o } = t;
|
|
7
|
+
o.log(i.Debug, "YouTubePlayer");
|
|
8
|
+
const n = a(() => new Promise(async (e, d) => {
|
|
9
|
+
await c(
|
|
10
|
+
"https://www.youtube.com/iframe_api",
|
|
11
|
+
o
|
|
12
|
+
) ? window.onYouTubeIframeAPIReady = () => {
|
|
13
|
+
o.log(i.Debug, "YouTube iframe API ready"), e();
|
|
14
|
+
} : e();
|
|
15
|
+
}), [o]), l = a(
|
|
16
|
+
(e) => Promise.resolve(
|
|
17
|
+
new YT.Player(e, {
|
|
18
|
+
host: y,
|
|
19
|
+
width: "100%",
|
|
20
|
+
height: "100%"
|
|
21
|
+
})
|
|
22
|
+
),
|
|
23
|
+
[]
|
|
24
|
+
);
|
|
25
|
+
return /* @__PURE__ */ r(
|
|
26
|
+
u,
|
|
27
|
+
{
|
|
28
|
+
...t,
|
|
29
|
+
loadScript: n,
|
|
30
|
+
playerFactory: l,
|
|
31
|
+
controllerFactory: s,
|
|
32
|
+
children: (e) => /* @__PURE__ */ r("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ r("div", { ref: e }) })
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
});
|
|
36
|
+
export {
|
|
37
|
+
p as default
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=YouTubePlayer-bNmEJD02.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YouTubePlayer-
|
|
1
|
+
{"version":3,"file":"YouTubePlayer-bNmEJD02.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,SACC,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,GAAGX;AAAA,MACJ,YAAAG;AAAA,MACA,eAAAK;AAAA,MACA,mBAAmBI;AAAA,MAElB,UAAA,CAACC,MACD,gBAAAH,EAAC,OAAA,EAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,UACpC,UAAA,gBAAAA,EAAC,OAAA,EAAI,KAAKG,GAAY,EAAA,CACvB;AAAA,IAAA;AAAA,EAAA;AAIJ,CAAC;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const n=require("./index.cjs.js");function d(e){return new Promise((o,a)=>{const t=document.createElement("script");t.src=e,t.async=!0,t.onerror=a,t.onload=t.onreadystatechange=function(){const r=this.readyState;r&&r!=="loaded"&&r!=="complete"||(t.onload=t.onreadystatechange=null,o())},document.head.appendChild(t)})}const c=[];async function s(e,o){if(c.includes(e))return o.log(n.LogLevel.Debug,e,"script is already loaded"),!1;try{return o.log(n.LogLevel.Debug,e,"Loading script..."),await d(e),c.includes(e)?(o.log(n.LogLevel.Debug,e,"script is already loaded"),!1):(c.push(e),o.log(n.LogLevel.Debug,e,"script loaded"),!0)}catch(a){throw o.log(n.LogLevel.Error,e,"Failed to load script"),a}}exports.ensureScriptLoaded=s;
|
|
2
|
+
//# sourceMappingURL=ensureScriptLoaded-CkK_-Amf.cjs.map
|