@aigamo/nostalgic-diva 0.0.1-alpha.66 → 0.0.1-alpha.68

package/dist/AudioPlayer-7plDTn5w.js

@@ -0,0 +1,31 @@
+import { a as e, t } from "./PlayerContainer-VQ3YPGU_.js";
+import { AudioPlayerController as n } from "./index.es.js";
+import { memo as r, useCallback as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/AudioPlayer.tsx
+var o = r(({ ...r }) => {
+	let { logger: o } = r;
+	o.log(e.Debug, "AudioPlayer");
+	let s = i((e) => Promise.resolve(e), []);
+	return /* @__PURE__ */ a(t, {
+		...r,
+		loadScript: void 0,
+		playerFactory: s,
+		controllerFactory: n,
+		children: (e, t) => /* @__PURE__ */ a("audio", {
+			ref: e,
+			src: t,
+			style: {
+				width: "100%",
+				height: "100%"
+			},
+			preload: "auto",
+			autoPlay: !0,
+			controls: !0
+		})
+	});
+});
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=AudioPlayer-7plDTn5w.js.map

package/dist/AudioPlayer-7plDTn5w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPlayer-7plDTn5w.js","names":[],"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"],"mappings":";;;;;AAQA,IAAM,IAAc,GAAM,EAAE,GAAG,QAAuC;CACrE,IAAM,EAAE,cAAW;CAEnB,EAAO,IAAI,EAAS,OAAO,aAAa;CAExC,IAAM,IAAgB,GACpB,MACO,QAAQ,QAAQ,CAAO,GAE/B,CAAC,CACF;CAEA,OACC,kBAAC,GAAD;EACC,GAAI;EACJ,YAAY,KAAA;EACG;EACf,mBAAmB;aAEjB,GAAY,MACb,kBAAC,SAAD;GACC,KAAK;GACL,KAAK;GACL,OAAO;IAAE,OAAO;IAAQ,QAAQ;GAAO;GACvC,SAAQ;GACR,UAAA;GACA,UAAA;EACA,CAAA;CAEc,CAAA;AAEnB,CAAC"}

package/dist/AudioPlayer-dEmhfyI_.cjs

@@ -0,0 +1,2 @@
+const e=require(`./PlayerContainer-COjwHOhq.cjs`),t=require(`./index.cjs.js`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.memo)(({...i})=>{let{logger:a}=i;a.log(e.a.Debug,`AudioPlayer`);let o=(0,n.useCallback)(e=>Promise.resolve(e),[]);return(0,r.jsx)(e.t,{...i,loadScript:void 0,playerFactory:o,controllerFactory:t.AudioPlayerController,children:(e,t)=>(0,r.jsx)(`audio`,{ref:e,src:t,style:{width:`100%`,height:`100%`},preload:`auto`,autoPlay:!0,controls:!0})})});exports.default=i;
+//# sourceMappingURL=AudioPlayer-dEmhfyI_.cjs.map

package/dist/AudioPlayer-dEmhfyI_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioPlayer-dEmhfyI_.cjs","names":[],"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"],"mappings":"oIAQA,IAAM,GAAA,EAAA,EAAA,OAAoB,CAAE,GAAG,KAAuC,CACrE,GAAM,CAAE,UAAW,EAEnB,EAAO,IAAI,EAAA,EAAS,MAAO,aAAa,EAExC,IAAM,GAAA,EAAA,EAAA,aACJ,GACO,QAAQ,QAAQ,CAAO,EAE/B,CAAC,CACF,EAEA,OACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,GAAI,EACJ,WAAY,IAAA,GACG,gBACf,kBAAmB,EAAA,gCAEjB,EAAY,KACb,EAAA,EAAA,KAAC,QAAD,CACC,IAAK,EACL,IAAK,EACL,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,EACvC,QAAQ,OACR,SAAA,GACA,SAAA,EACA,CAAA,CAEc,CAAA,CAEnB,CAAC"}

package/dist/DailymotionPlayer-4LQmDDSf.js

@@ -0,0 +1,61 @@
+import { a as e, t } from "./PlayerContainer-VQ3YPGU_.js";
+import { DailymotionPlayerController as n } from "./index.es.js";
+import { t as r } from "./ensureScriptLoaded-CwERrTru.js";
+import { memo as i, useCallback as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/DailymotionPlayer.tsx
+var s = i(({ options: i, ...s }) => {
+	let { logger: c } = s;
+	c.log(e.Debug, "DailymotionPlayer");
+	let l = a(async () => {
+		await r("https://api.dmcdn.net/all.js", c);
+	}, [c]), u = a((e, t) => Promise.resolve(new DM.player(e, {
+		video: t,
+		width: "100%",
+		height: "100%",
+		events: {
+			apiready: () => {
+				i?.onLoaded?.({ id: t });
+			},
+			seeked: () => {
+				i?.onTimeUpdate?.({
+					duration: 0,
+					percent: 0,
+					seconds: 0
+				});
+			},
+			video_end: () => {
+				i?.onEnded?.();
+			},
+			durationchange: () => {},
+			pause: () => {
+				i?.onPause?.();
+			},
+			playing: () => {
+				i?.onPlay?.();
+			},
+			waiting: () => {},
+			error: (e) => {
+				i?.onError?.(e);
+			}
+		}
+	})), [i]);
+	return /* @__PURE__ */ o(t, {
+		...s,
+		options: i,
+		loadScript: l,
+		playerFactory: u,
+		controllerFactory: n,
+		children: (e) => /* @__PURE__ */ o("div", {
+			style: {
+				width: "100%",
+				height: "100%"
+			},
+			children: /* @__PURE__ */ o("div", { ref: e })
+		})
+	});
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=DailymotionPlayer-4LQmDDSf.js.map

package/dist/DailymotionPlayer-4LQmDDSf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DailymotionPlayer-4LQmDDSf.js","names":[],"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"],"mappings":";;;;;;AASA,IAAM,IAAoB,GACxB,EAAE,YAAS,GAAG,QAAuC;CACrD,IAAM,EAAE,cAAW;CAEnB,EAAO,IAAI,EAAS,OAAO,mBAAmB;CAE9C,IAAM,IAAa,EAAY,YAAY;EAC1C,MAAM,EAAmB,gCAAgC,CAAM;CAChE,GAAG,CAAC,CAAM,CAAC,GAEL,IAAgB,GACpB,GAAyB,MAClB,QAAQ,QACd,IAAI,GAAG,OAAO,GAAS;EACtB,OAAO;EACP,OAAO;EACP,QAAQ;EACR,QAAQ;GACP,gBAAsB;IACrB,GAAS,WAAW,EAAE,IAAI,EAAQ,CAAC;GACpC;GACA,cAAoB;IACnB,GAAS,eAAe;KACvB,UAAU;KACV,SAAS;KACT,SAAS;IACV,CAAC;GACF;GACA,iBAAuB;IACtB,GAAS,UAAU;GACpB;GACA,sBAA4B,CAAC;GAC7B,aAAmB;IAClB,GAAS,UAAU;GACpB;GACA,eAAqB;IACpB,GAAS,SAAS;GACnB;GACA,eAAqB,CAAC;GACtB,QAAQ,MAAgB;IACvB,GAAS,UAAU,CAAK;GACzB;EACD;CACD,CAAC,CACF,GAED,CAAC,CAAO,CACT;CAEA,OACC,kBAAC,GAAD;EACC,GAAI;EACK;EACG;EACG;EACf,mBAAmB;aAEjB,MACD,kBAAC,OAAD;GAAK,OAAO;IAAE,OAAO;IAAQ,QAAQ;GAAO;aAC3C,kBAAC,OAAD,EAAK,KAAK,EAAa,CAAA;EACnB,CAAA;CAEU,CAAA;AAEnB,CACD"}

package/dist/DailymotionPlayer-B3UVkJiv.cjs

@@ -0,0 +1,2 @@
+const e=require(`./PlayerContainer-COjwHOhq.cjs`),t=require(`./index.cjs.js`),n=require(`./ensureScriptLoaded-BoubPl5C.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=(0,r.memo)(({options:a,...o})=>{let{logger:s}=o;s.log(e.a.Debug,`DailymotionPlayer`);let c=(0,r.useCallback)(async()=>{await n.t(`https://api.dmcdn.net/all.js`,s)},[s]),l=(0,r.useCallback)((e,t)=>Promise.resolve(new DM.player(e,{video:t,width:`100%`,height:`100%`,events:{apiready:()=>{a?.onLoaded?.({id:t})},seeked:()=>{a?.onTimeUpdate?.({duration:0,percent:0,seconds:0})},video_end:()=>{a?.onEnded?.()},durationchange:()=>{},pause:()=>{a?.onPause?.()},playing:()=>{a?.onPlay?.()},waiting:()=>{},error:e=>{a?.onError?.(e)}}})),[a]);return(0,i.jsx)(e.t,{...o,options:a,loadScript:c,playerFactory:l,controllerFactory:t.DailymotionPlayerController,children:e=>(0,i.jsx)(`div`,{style:{width:`100%`,height:`100%`},children:(0,i.jsx)(`div`,{ref:e})})})});exports.default=a;
+//# sourceMappingURL=DailymotionPlayer-B3UVkJiv.cjs.map

package/dist/DailymotionPlayer-B3UVkJiv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DailymotionPlayer-B3UVkJiv.cjs","names":[],"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"],"mappings":"mLASA,IAAM,GAAA,EAAA,EAAA,OACJ,CAAE,UAAS,GAAG,KAAuC,CACrD,GAAM,CAAE,UAAW,EAEnB,EAAO,IAAI,EAAA,EAAS,MAAO,mBAAmB,EAE9C,IAAM,GAAA,EAAA,EAAA,aAAyB,SAAY,CAC1C,MAAM,EAAA,EAAmB,+BAAgC,CAAM,CAChE,EAAG,CAAC,CAAM,CAAC,EAEL,GAAA,EAAA,EAAA,cACJ,EAAyB,IAClB,QAAQ,QACd,IAAI,GAAG,OAAO,EAAS,CACtB,MAAO,EACP,MAAO,OACP,OAAQ,OACR,OAAQ,CACP,aAAsB,CACrB,GAAS,WAAW,CAAE,GAAI,CAAQ,CAAC,CACpC,EACA,WAAoB,CACnB,GAAS,eAAe,CACvB,SAAU,EACV,QAAS,EACT,QAAS,CACV,CAAC,CACF,EACA,cAAuB,CACtB,GAAS,UAAU,CACpB,EACA,mBAA4B,CAAC,EAC7B,UAAmB,CAClB,GAAS,UAAU,CACpB,EACA,YAAqB,CACpB,GAAS,SAAS,CACnB,EACA,YAAqB,CAAC,EACtB,MAAQ,GAAgB,CACvB,GAAS,UAAU,CAAK,CACzB,CACD,CACD,CAAC,CACF,EAED,CAAC,CAAO,CACT,EAEA,OACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,GAAI,EACK,UACG,aACG,gBACf,kBAAmB,EAAA,qCAEjB,IACD,EAAA,EAAA,KAAC,MAAD,CAAK,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,YAC3C,EAAA,EAAA,KAAC,MAAD,CAAK,IAAK,CAAa,CAAA,CACnB,CAAA,CAEU,CAAA,CAEnB,CACD"}

package/dist/NiconicoPlayer-DiTU-06L.cjs

@@ -0,0 +1,2 @@
+const e=require(`./PlayerContainer-COjwHOhq.cjs`),t=require(`./index.cjs.js`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.memo)(({...i})=>{let{logger:a}=i;a.log(e.a.Debug,`NiconicoPlayer`);let o=(0,n.useCallback)(e=>Promise.resolve(e),[]);return(0,r.jsx)(e.t,{...i,loadScript:void 0,playerFactory:o,controllerFactory:t.NiconicoPlayerController,children:(e,t)=>(0,r.jsx)(`div`,{style:{width:`100%`,height:`100%`},children:(0,r.jsx)(`iframe`,{ref:e,src:`https://embed.nicovideo.jp/watch/${t}?jsapi=1&playerId=1`,width:`100%`,height:`100%`,allowFullScreen:!0,style:{border:`none`},allow:`autoplay; fullscreen`})})})});exports.default=i;
+//# sourceMappingURL=NiconicoPlayer-DiTU-06L.cjs.map

package/dist/NiconicoPlayer-DiTU-06L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NiconicoPlayer-DiTU-06L.cjs","names":[],"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"],"mappings":"oIAQA,IAAM,GAAA,EAAA,EAAA,OAAuB,CAAE,GAAG,KAAuC,CACxE,GAAM,CAAE,UAAW,EAEnB,EAAO,IAAI,EAAA,EAAS,MAAO,gBAAgB,EAE3C,IAAM,GAAA,EAAA,EAAA,aACJ,GACO,QAAQ,QAAQ,CAAO,EAE/B,CAAC,CACF,EAEA,OACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,GAAI,EACJ,WAAY,IAAA,GACG,gBACf,kBAAmB,EAAA,mCAEjB,EAAY,KACb,EAAA,EAAA,KAAC,MAAD,CAAK,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,YAE3C,EAAA,EAAA,KAAC,SAAD,CACC,IAAK,EACL,IAAK,oCAAoC,EAAQ,qBACjD,MAAM,OACN,OAAO,OACP,gBAAA,GACA,MAAO,CAAE,OAAQ,MAAO,EAMxB,MAAM,sBACN,CAAA,CACG,CAAA,CAEU,CAAA,CAEnB,CAAC"}

package/dist/NiconicoPlayer-GFCXF5V7.js

@@ -0,0 +1,35 @@
+import { a as e, t } from "./PlayerContainer-VQ3YPGU_.js";
+import { NiconicoPlayerController as n } from "./index.es.js";
+import { memo as r, useCallback as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/NiconicoPlayer.tsx
+var o = r(({ ...r }) => {
+	let { logger: o } = r;
+	o.log(e.Debug, "NiconicoPlayer");
+	let s = i((e) => Promise.resolve(e), []);
+	return /* @__PURE__ */ a(t, {
+		...r,
+		loadScript: void 0,
+		playerFactory: s,
+		controllerFactory: n,
+		children: (e, t) => /* @__PURE__ */ a("div", {
+			style: {
+				width: "100%",
+				height: "100%"
+			},
+			children: /* @__PURE__ */ a("iframe", {
+				ref: e,
+				src: `https://embed.nicovideo.jp/watch/${t}?jsapi=1&playerId=1`,
+				width: "100%",
+				height: "100%",
+				allowFullScreen: !0,
+				style: { border: "none" },
+				allow: "autoplay; fullscreen"
+			})
+		})
+	});
+});
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=NiconicoPlayer-GFCXF5V7.js.map

package/dist/NiconicoPlayer-GFCXF5V7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NiconicoPlayer-GFCXF5V7.js","names":[],"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"],"mappings":";;;;;AAQA,IAAM,IAAiB,GAAM,EAAE,GAAG,QAAuC;CACxE,IAAM,EAAE,cAAW;CAEnB,EAAO,IAAI,EAAS,OAAO,gBAAgB;CAE3C,IAAM,IAAgB,GACpB,MACO,QAAQ,QAAQ,CAAO,GAE/B,CAAC,CACF;CAEA,OACC,kBAAC,GAAD;EACC,GAAI;EACJ,YAAY,KAAA;EACG;EACf,mBAAmB;aAEjB,GAAY,MACb,kBAAC,OAAD;GAAK,OAAO;IAAE,OAAO;IAAQ,QAAQ;GAAO;aAE3C,kBAAC,UAAD;IACC,KAAK;IACL,KAAK,oCAAoC,EAAQ;IACjD,OAAM;IACN,QAAO;IACP,iBAAA;IACA,OAAO,EAAE,QAAQ,OAAO;IAMxB,OAAM;GACN,CAAA;EACG,CAAA;CAEU,CAAA;AAEnB,CAAC"}

package/dist/PlayerContainer-COjwHOhq.cjs

@@ -0,0 +1,2 @@
+require(`./index.cjs.js`);let e=require(`react`),t=require(`react/jsx-runtime`);var n=function(e){return e[e.Trace=0]=`Trace`,e[e.Debug=1]=`Debug`,e[e.Information=2]=`Information`,e[e.Warning=3]=`Warning`,e[e.Error=4]=`Error`,e[e.Critical=5]=`Critical`,e[e.None=6]=`None`,e}({}),r=new class{title=`nostalgic-diva`;createMessage(e){return`[${this.title}] ${e}`}debug(e,...t){console.debug(this.createMessage(e),...t)}error(e,...t){console.error(this.createMessage(e),...t)}warn(e,...t){console.warn(this.createMessage(e),...t)}isEnabled(){return!0}log(e,t,...n){switch(e){case 1:this.debug(t,...n);break;case 3:this.warn(t,...n);break;case 4:this.error(t,...n);break}}},i=new class{async attach(){}async detach(){}async loadVideo(e){}async play(){}async pause(){}async setCurrentTime(e){}async setVolume(e){}async setMuted(e){}async setPlaybackRate(e){}async getDuration(){return 0}async getCurrentTime(){return 0}async getVolume(){return 0}async getMuted(){return!1}async getPlaybackRate(){return 0}supports(e){return!1}};function a(){let t=(0,e.useRef)(!0);return t.current?(t.current=!1,!0):t.current}var o=(e,t)=>e===t;function s(t,n=o){let r=(0,e.useRef)(),i=(0,e.useRef)(t);return!a()&&!n(i.current,t)&&(r.current=i.current,i.current=t),r.current}var c=class{logger;player;options;constructor(e,t,r){this.logger=e,this.player=t,this.options=r,this.logger.log(n.Debug,`ctor`)}supports(e){return this[e]!==void 0}},l=class e{logger;type;player;options;controllerFactory;static nextId=1;id;impl;constructor(t,n,r,i,a){this.logger=t,this.type=n,this.player=r,this.options=i,this.controllerFactory=a,this.id=e.nextId++}createMessage(e){return`${this.type}#${this.id} ${e}`}debug(e,...t){this.logger.log(n.Debug,this.createMessage(e),...t)}error(e,...t){this.logger.log(n.Error,this.createMessage(e),...t)}async attach(e){if(this.debug(`attach`,e),this.impl){this.debug(`player is already attached`);return}this.debug(`Attaching player...`),this.impl=new this.controllerFactory(this.logger,this.player,this.options),await this.impl.attach(e),this.debug(`player attached`)}createPlayerNotAttachedError(){return this.error(`player is not attached`),Error(`player is not attached`)}createCommandNotSupportedError(e){return Error(`${e} is not supported`)}async detach(){if(this.debug(`detach`),this.impl===void 0)throw this.createPlayerNotAttachedError();await this.impl.detach(),this.impl=void 0}async loadVideo(e){if(this.debug(`loadVideo`,e),this.impl===void 0)throw this.createPlayerNotAttachedError();if(this.impl.loadVideo===void 0)throw this.createCommandNotSupportedError(`loadVideo`);this.debug(`Loading video...`),await this.impl.loadVideo(e),this.debug(`video loaded`,e)}play(){if(this.debug(`play`),this.impl===void 0)throw this.createPlayerNotAttachedError();if(this.impl.play===void 0)throw this.createCommandNotSupportedError(`play`);return this.impl.play()}pause(){if(this.debug(`pause`),this.impl===void 0)throw this.createPlayerNotAttachedError();if(this.impl.pause===void 0)throw this.createCommandNotSupportedError(`pause`);return this.impl.pause()}setCurrentTime(e){if(this.debug(`setCurrentTime`,e),this.impl===void 0)throw this.createPlayerNotAttachedError();if(this.impl.setCurrentTime===void 0)throw this.createCommandNotSupportedError(`setCurrentTime`);return this.impl.setCurrentTime(e)}setVolume(e){if(this.debug(`setVolume`,e),this.impl===void 0)throw this.createPlayerNotAttachedError();if(this.impl.setVolume===void 0)throw this.createCommandNotSupportedError(`setVolume`);return this.impl.setVolume(e)}setMuted(e){if(this.debug(`setMuted`,e),this.impl===void 0)throw this.createPlayerNotAttachedError();if(this.impl.setMuted===void 0)throw this.createCommandNotSupportedError(`setMuted`);return this.impl.setMuted(e)}setPlaybackRate(e){if(this.debug(`setPlaybackRate`,e),this.impl===void 0)throw this.createPlayerNotAttachedError();if(this.impl.setPlaybackRate===void 0)throw this.createCommandNotSupportedError(`setPlaybackRate`);return this.impl.setPlaybackRate(e)}getDuration(){if(this.debug(`getDuration`),this.impl===void 0)throw this.createPlayerNotAttachedError();if(this.impl.getDuration===void 0)throw this.createCommandNotSupportedError(`getDuration`);return this.impl.getDuration()}getCurrentTime(){if(this.debug(`getCurrentTime`),this.impl===void 0)throw this.createPlayerNotAttachedError();if(this.impl.getCurrentTime===void 0)throw this.createCommandNotSupportedError(`getCurrentTime`);return this.impl.getCurrentTime()}getVolume(){if(this.debug(`getVolume`),this.impl===void 0)throw this.createPlayerNotAttachedError();if(this.impl.getVolume===void 0)throw this.createCommandNotSupportedError(`getVolume`);return this.impl.getVolume()}getMuted(){if(this.debug(`getMuted`),this.impl===void 0)throw this.createPlayerNotAttachedError();if(this.impl.getMuted===void 0)throw this.createCommandNotSupportedError(`getMuted`);return this.impl.getMuted()}getPlaybackRate(){if(this.debug(`getPlaybackRate`),this.impl===void 0)throw this.createPlayerNotAttachedError();if(this.impl.getPlaybackRate===void 0)throw this.createCommandNotSupportedError(`getPlaybackRate`);return this.impl.getPlaybackRate()}supports(e){if(this.impl===void 0)throw this.createPlayerNotAttachedError();return this.impl.supports(e)}},u=({logger:r,type:a,loadScript:o,playerFactory:c,onControllerChange:u,videoId:d,options:f,controllerFactory:p,children:m})=>{r.log(n.Debug,`PlayerContainer`);let h=(0,e.useRef)(d),g=(0,e.useRef)(void 0),[_,v]=(0,e.useState)(),[y,b]=(0,e.useState)(i),x=(0,e.useCallback)(e=>{b(e),u?.(e)},[u]);(0,e.useEffect)(()=>{(o?.()??Promise.resolve()).then(()=>c(g.current,h.current)).then(e=>v(e))},[o,c]),(0,e.useEffect)(()=>{if(_===void 0)return;let e=new l(r,a,_,f,p);return e.attach(h.current).then(()=>x(e)),()=>{e.detach().finally(()=>x(i))}},[r,a,o,_,f,p,x]);let S=s(d);return(0,e.useEffect)(()=>{S!==void 0&&y.loadVideo(d)},[S,d,y]),(0,t.jsx)(t.Fragment,{children:m(g,h.current)})};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=PlayerContainer-COjwHOhq.cjs.map

package/dist/PlayerContainer-COjwHOhq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerContainer-COjwHOhq.cjs","names":[],"sources":["../src/controllers/Logger.ts","../src/controllers/NullPlayerController.ts","../src/components/useFirstMountState.ts","../src/components/usePreviousDistinct.ts","../src/controllers/PlayerControllerImpl.ts","../src/controllers/PlayerController.ts","../src/components/PlayerContainer.tsx"],"sourcesContent":["// https://source.dot.net/#Microsoft.Extensions.Logging.Abstractions/LogLevel.cs,d07793e8b722b77e,references\nexport enum LogLevel {\n\t/**\n\t * Logs that contain the most detailed messages. These messages may contain sensitive application data.\n\t * These messages are disabled by default and should never be enabled in a production environment.\n\t */\n\tTrace = 0,\n\t/**\n\t * Logs that are used for interactive investigation during development.  These logs should primarily contain\n\t * information useful for debugging and have no long-term value.\n\t */\n\tDebug = 1,\n\t/**\n\t * Logs that track the general flow of the application. These logs should have long-term value.\n\t */\n\tInformation = 2,\n\t/**\n\t * Logs that highlight an abnormal or unexpected event in the application flow, but do not otherwise cause the\n\t * application execution to stop.\n\t */\n\tWarning = 3,\n\t/**\n\t * Logs that highlight when the current flow of execution is stopped due to a failure. These should indicate a\n\t * failure in the current activity, not an application-wide failure.\n\t */\n\tError = 4,\n\t/**\n\t * Logs that describe an unrecoverable application or system crash, or a catastrophic failure that requires\n\t * immediate attention.\n\t */\n\tCritical = 5,\n\t/**\n\t * Not used for writing log messages. Specifies that a logging category should not write any messages.\n\t */\n\tNone = 6,\n}\n\n// https://source.dot.net/#Microsoft.Extensions.Logging.Abstractions/ILogger.cs,0976525f5d1b9e54,references\nexport interface ILogger {\n\tisEnabled(logLevel: LogLevel): boolean;\n\tlog(logLevel: LogLevel, message?: any, ...optionalParams: any[]): void;\n}\n\nclass Logger implements ILogger {\n\tprivate readonly title = 'nostalgic-diva';\n\n\tprivate createMessage(message: any): string {\n\t\treturn `[${this.title}] ${message}`;\n\t}\n\n\tprivate debug(message?: any, ...optionalParams: any): void {\n\t\tconsole.debug(this.createMessage(message), ...optionalParams);\n\t}\n\n\tprivate error(message?: any, ...optionalParams: any): void {\n\t\tconsole.error(this.createMessage(message), ...optionalParams);\n\t}\n\n\tprivate warn(message?: any, ...optionalParams: any): void {\n\t\tconsole.warn(this.createMessage(message), ...optionalParams);\n\t}\n\n\tisEnabled(): boolean {\n\t\treturn true;\n\t}\n\n\tlog(logLevel: LogLevel, message?: any, ...optionalParams: any[]): void {\n\t\tswitch (logLevel) {\n\t\t\tcase LogLevel.Debug:\n\t\t\t\tthis.debug(message, ...optionalParams);\n\t\t\t\tbreak;\n\t\t\tcase LogLevel.Warning:\n\t\t\t\tthis.warn(message, ...optionalParams);\n\t\t\t\tbreak;\n\t\t\tcase LogLevel.Error:\n\t\t\t\tthis.error(message, ...optionalParams);\n\t\t\t\tbreak;\n\t\t}\n\t}\n}\n\nexport const defaultLogger = new Logger();\n","import type {\n\tIPlayerCommands,\n\tIPlayerController,\n} from '@/controllers/PlayerController';\n\nclass NullPlayerController implements IPlayerController {\n\tasync attach(): Promise<void> {}\n\n\tasync detach(): Promise<void> {}\n\n\tasync loadVideo(_id: string): Promise<void> {}\n\n\tasync play(): Promise<void> {}\n\n\tasync pause(): Promise<void> {}\n\n\tasync setCurrentTime(_seconds: number): Promise<void> {}\n\n\tasync setVolume(_volume: number): Promise<void> {}\n\n\tasync setMuted(_muted: boolean): Promise<void> {}\n\n\tasync setPlaybackRate(_playbackRate: number): Promise<void> {}\n\n\tasync getDuration(): Promise<number> {\n\t\treturn 0;\n\t}\n\n\tasync getCurrentTime(): Promise<number> {\n\t\treturn 0;\n\t}\n\n\tasync getVolume(): Promise<number> {\n\t\treturn 0;\n\t}\n\n\tasync getMuted(): Promise<boolean> {\n\t\treturn false;\n\t}\n\n\tasync getPlaybackRate(): Promise<number> {\n\t\treturn 0;\n\t}\n\n\tsupports(_command: keyof IPlayerCommands): boolean {\n\t\treturn false;\n\t}\n}\n\nexport const nullPlayerController = new NullPlayerController();\n","// https://github.com/streamich/react-use/blob/8ceb4c0f0c5625124f487b435a2fd0d3b3bc2a4f/src/useFirstMountState.ts\nimport { useRef } from 'react';\n\nexport function useFirstMountState(): boolean {\n\tconst isFirst = useRef(true);\n\n\tif (isFirst.current) {\n\t\tisFirst.current = false;\n\n\t\treturn true;\n\t}\n\n\treturn isFirst.current;\n}\n","// https://github.com/streamich/react-use/blob/8ceb4c0f0c5625124f487b435a2fd0d3b3bc2a4f/src/usePreviousDistinct.ts.\nimport { useFirstMountState } from '@/components/useFirstMountState';\nimport { useRef } from 'react';\n\nexport type Predicate<T> = (prev: T | undefined, next: T) => boolean;\n\nconst strictEquals = <T>(prev: T | undefined, next: T): boolean =>\n\tprev === next;\n\nexport default function usePreviousDistinct<T>(\n\tvalue: T,\n\tcompare: Predicate<T> = strictEquals,\n): T | undefined {\n\tconst prevRef = useRef<T>();\n\tconst curRef = useRef<T>(value);\n\tconst isFirstMount = useFirstMountState();\n\n\tif (!isFirstMount && !compare(curRef.current, value)) {\n\t\tprevRef.current = curRef.current;\n\t\tcurRef.current = value;\n\t}\n\n\treturn prevRef.current;\n}\n","import { type ILogger, LogLevel } from '@/controllers/Logger';\nimport type {\n\tIPlayerCommands,\n\tPlayerOptions,\n} from '@/controllers/PlayerController';\n\nexport abstract class PlayerControllerImpl<\n\tTPlayer,\n> implements Partial<IPlayerCommands> {\n\tconstructor(\n\t\tprotected readonly logger: ILogger,\n\t\tprotected readonly player: TPlayer,\n\t\tprotected readonly options: PlayerOptions | undefined,\n\t) {\n\t\tthis.logger.log(LogLevel.Debug, 'ctor');\n\t}\n\n\tabstract attach(id: string): Promise<void>;\n\tabstract detach(): Promise<void>;\n\tabstract loadVideo?(id: string): Promise<void>;\n\tabstract play?(): Promise<void>;\n\tabstract pause?(): Promise<void>;\n\tabstract setCurrentTime?(seconds: number): Promise<void>;\n\tabstract setVolume?(volume: number): Promise<void>;\n\tabstract setMuted?(muted: boolean): Promise<void>;\n\tabstract setPlaybackRate?(playbackRate: number): Promise<void>;\n\tabstract getDuration?(): Promise<number>;\n\tabstract getCurrentTime?(): Promise<number>;\n\tabstract getVolume?(): Promise<number>;\n\tabstract getMuted?(): Promise<boolean>;\n\tabstract getPlaybackRate?(): Promise<number>;\n\n\tsupports(command: keyof IPlayerCommands): boolean {\n\t\treturn this[command] !== undefined;\n\t}\n}\n","import { type ILogger, LogLevel } from '@/controllers/Logger';\nimport { PlayerControllerImpl } from '@/controllers/PlayerControllerImpl';\n\nexport type PlayerType =\n\t| 'Audio'\n\t| 'Dailymotion'\n\t| 'Niconico'\n\t| 'SoundCloud'\n\t| 'Twitch'\n\t| 'Vimeo'\n\t| 'YouTube'\n\t| (string & {});\n\nexport interface LoadedEvent {\n\tid: string;\n}\n\nexport interface TimeEvent {\n\tduration: number;\n\tpercent: number;\n\tseconds: number;\n}\n\nexport interface PlayerOptions {\n\tonError?(event: any): void;\n\tonLoaded?(event: LoadedEvent): void;\n\tonPlay?(): void;\n\tonPause?(): void;\n\tonEnded?(): void;\n\tonTimeUpdate?(event: TimeEvent): void;\n}\n\nexport interface IPlayerCommands {\n\tloadVideo(id: string): Promise<void>;\n\tplay(): Promise<void>;\n\tpause(): Promise<void>;\n\tsetCurrentTime(seconds: number): Promise<void>;\n\tsetVolume(volume: number): Promise<void>;\n\tsetMuted(muted: boolean): Promise<void>;\n\tsetPlaybackRate(playbackRate: number): Promise<void>;\n\tgetDuration(): Promise<number>;\n\tgetCurrentTime(): Promise<number>;\n\tgetVolume(): Promise<number>;\n\tgetMuted(): Promise<boolean>;\n\tgetPlaybackRate(): Promise<number>;\n}\n\nexport interface IPlayerController extends IPlayerCommands {\n\tsupports(command: keyof IPlayerCommands): boolean;\n}\n\nexport class PlayerController<\n\tTPlayer extends object,\n\tTController extends PlayerControllerImpl<TPlayer>,\n> implements IPlayerController {\n\tprivate static nextId = 1;\n\n\tprivate readonly id: number;\n\tprivate impl?: TController;\n\n\tconstructor(\n\t\tprivate readonly logger: ILogger,\n\t\tprivate readonly type: PlayerType,\n\t\tprivate readonly player: TPlayer,\n\t\tprivate readonly options: PlayerOptions | undefined,\n\t\tprivate readonly controllerFactory: new (\n\t\t\tlogger: ILogger,\n\t\t\tplayer: TPlayer,\n\t\t\toptions: PlayerOptions | undefined,\n\t\t) => TController,\n\t) {\n\t\tthis.id = PlayerController.nextId++;\n\t}\n\n\tprivate createMessage(message: any): string {\n\t\treturn `${this.type}#${this.id} ${message}`;\n\t}\n\n\tpublic debug(message?: any, ...optionalParams: any): void {\n\t\tthis.logger.log(\n\t\t\tLogLevel.Debug,\n\t\t\tthis.createMessage(message),\n\t\t\t...optionalParams,\n\t\t);\n\t}\n\n\tpublic error(message?: any, ...optionalParams: any): void {\n\t\tthis.logger.log(\n\t\t\tLogLevel.Error,\n\t\t\tthis.createMessage(message),\n\t\t\t...optionalParams,\n\t\t);\n\t}\n\n\tasync attach(id: string): Promise<void> {\n\t\tthis.debug('attach', id);\n\n\t\tif (this.impl) {\n\t\t\tthis.debug('player is already attached');\n\t\t\treturn;\n\t\t}\n\n\t\tthis.debug('Attaching player...');\n\n\t\tthis.impl = new this.controllerFactory(\n\t\t\tthis.logger,\n\t\t\tthis.player,\n\t\t\tthis.options,\n\t\t);\n\n\t\tawait this.impl.attach(id);\n\n\t\tthis.debug('player attached');\n\t}\n\n\tprivate createPlayerNotAttachedError(): Error {\n\t\tthis.error('player is not attached');\n\n\t\treturn new Error('player is not attached');\n\t}\n\n\tprivate createCommandNotSupportedError(\n\t\tcommand: keyof IPlayerCommands,\n\t): Error {\n\t\treturn new Error(`${command} is not supported`);\n\t}\n\n\tasync detach(): Promise<void> {\n\t\tthis.debug('detach');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tawait this.impl.detach();\n\n\t\tthis.impl = undefined;\n\t}\n\n\tasync loadVideo(id: string): Promise<void> {\n\t\tthis.debug('loadVideo', id);\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.loadVideo === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('loadVideo');\n\t\t}\n\n\t\tthis.debug('Loading video...');\n\n\t\tawait this.impl.loadVideo(id);\n\n\t\tthis.debug('video loaded', id);\n\t}\n\n\tplay(): Promise<void> {\n\t\tthis.debug('play');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.play === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('play');\n\t\t}\n\n\t\treturn this.impl.play();\n\t}\n\n\tpause(): Promise<void> {\n\t\tthis.debug('pause');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.pause === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('pause');\n\t\t}\n\n\t\treturn this.impl.pause();\n\t}\n\n\tsetCurrentTime(seconds: number): Promise<void> {\n\t\tthis.debug('setCurrentTime', seconds);\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.setCurrentTime === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('setCurrentTime');\n\t\t}\n\n\t\treturn this.impl.setCurrentTime(seconds);\n\t}\n\n\tsetVolume(volume: number): Promise<void> {\n\t\tthis.debug('setVolume', volume);\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.setVolume === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('setVolume');\n\t\t}\n\n\t\treturn this.impl.setVolume(volume);\n\t}\n\n\tsetMuted(muted: boolean): Promise<void> {\n\t\tthis.debug('setMuted', muted);\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.setMuted === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('setMuted');\n\t\t}\n\n\t\treturn this.impl.setMuted(muted);\n\t}\n\n\tsetPlaybackRate(playbackRate: number): Promise<void> {\n\t\tthis.debug('setPlaybackRate', playbackRate);\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.setPlaybackRate === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('setPlaybackRate');\n\t\t}\n\n\t\treturn this.impl.setPlaybackRate(playbackRate);\n\t}\n\n\tgetDuration(): Promise<number> {\n\t\tthis.debug('getDuration');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.getDuration === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('getDuration');\n\t\t}\n\n\t\treturn this.impl.getDuration();\n\t}\n\n\tgetCurrentTime(): Promise<number> {\n\t\tthis.debug('getCurrentTime');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.getCurrentTime === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('getCurrentTime');\n\t\t}\n\n\t\treturn this.impl.getCurrentTime();\n\t}\n\n\tgetVolume(): Promise<number> {\n\t\tthis.debug('getVolume');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.getVolume === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('getVolume');\n\t\t}\n\n\t\treturn this.impl.getVolume();\n\t}\n\n\tgetMuted(): Promise<boolean> {\n\t\tthis.debug('getMuted');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.getMuted === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('getMuted');\n\t\t}\n\n\t\treturn this.impl.getMuted();\n\t}\n\n\tgetPlaybackRate(): Promise<number> {\n\t\tthis.debug('getPlaybackRate');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.getPlaybackRate === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('getPlaybackRate');\n\t\t}\n\n\t\treturn this.impl.getPlaybackRate();\n\t}\n\n\tsupports(command: keyof IPlayerCommands): boolean {\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\treturn this.impl.supports(command);\n\t}\n}\n","import usePreviousDistinct from '@/components/usePreviousDistinct';\nimport { type ILogger, LogLevel } from '@/controllers/Logger';\nimport { nullPlayerController } from '@/controllers/NullPlayerController';\nimport {\n\ttype IPlayerController,\n\tPlayerController,\n\ttype PlayerOptions,\n\ttype PlayerType,\n} from '@/controllers/PlayerController';\nimport { PlayerControllerImpl } from '@/controllers/PlayerControllerImpl';\nimport {\n\ttype MutableRefObject,\n\ttype ReactElement,\n\ttype ReactNode,\n\tuseCallback,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\n\nexport interface PlayerProps {\n\tlogger: ILogger;\n\ttype: PlayerType;\n\tonControllerChange: ((value: IPlayerController) => void) | undefined;\n\tvideoId: string;\n\toptions: PlayerOptions | undefined;\n}\n\ninterface PlayerContainerProps<\n\tTElement extends HTMLElement,\n\tTPlayer extends object,\n\tTController extends PlayerControllerImpl<TPlayer>,\n> extends PlayerProps {\n\tloadScript: (() => Promise<void>) | undefined;\n\tplayerFactory: (element: TElement, videoId: string) => Promise<TPlayer>;\n\tcontrollerFactory: new (\n\t\tlogger: ILogger,\n\t\tplayer: TPlayer,\n\t\toptions: PlayerOptions | undefined,\n\t) => TController;\n\tchildren: (\n\t\telementRef: MutableRefObject<TElement>,\n\t\tvideoId: string,\n\t) => ReactNode;\n}\n\nexport const PlayerContainer = <\n\tTElement extends HTMLElement,\n\tTPlayer extends object,\n\tTController extends PlayerControllerImpl<TPlayer>,\n>({\n\tlogger,\n\ttype,\n\tloadScript,\n\tplayerFactory,\n\tonControllerChange,\n\tvideoId,\n\toptions,\n\tcontrollerFactory,\n\tchildren,\n}: PlayerContainerProps<TElement, TPlayer, TController>): ReactElement<\n\tPlayerContainerProps<TElement, TPlayer, TController>\n> => {\n\tlogger.log(LogLevel.Debug, 'PlayerContainer');\n\n\tconst videoIdRef = useRef(videoId);\n\n\tconst elementRef = useRef<TElement>(undefined!);\n\n\tconst [player, setPlayer] = useState<TPlayer>();\n\n\tconst [controller, _setController] =\n\t\tuseState<IPlayerController>(nullPlayerController);\n\n\tconst setController = useCallback(\n\t\t(value: IPlayerController): void => {\n\t\t\t_setController(value);\n\n\t\t\tonControllerChange?.(value);\n\t\t},\n\t\t[onControllerChange],\n\t);\n\n\tuseEffect(() => {\n\t\tvoid (loadScript?.() ?? Promise.resolve())\n\t\t\t.then(() => playerFactory(elementRef.current, videoIdRef.current))\n\t\t\t.then((player) => setPlayer(player));\n\t}, [loadScript, playerFactory]);\n\n\t// Make sure that `options` do not change between re-rendering.\n\tuseEffect(() => {\n\t\tif (player === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst controller = new PlayerController(\n\t\t\tlogger,\n\t\t\ttype,\n\t\t\tplayer,\n\t\t\toptions,\n\t\t\tcontrollerFactory,\n\t\t);\n\n\t\tvoid controller\n\t\t\t.attach(videoIdRef.current)\n\t\t\t.then(() => setController(controller));\n\n\t\treturn (): void => {\n\t\t\tvoid controller\n\t\t\t\t.detach()\n\t\t\t\t.finally(() => setController(nullPlayerController));\n\t\t};\n\t}, [\n\t\tlogger,\n\t\ttype,\n\t\tloadScript,\n\t\tplayer,\n\t\toptions,\n\t\tcontrollerFactory,\n\t\tsetController,\n\t]);\n\n\tconst previousVideoId = usePreviousDistinct(videoId);\n\tuseEffect(() => {\n\t\t// If `previousVideoId` is undefined, then it means that the video has already been loaded by either\n\t\t// 1. `<audio>`s `src` attribute (e.g. `AudioPlayer`),\n\t\t// 2. `<iframe>`'s `src` attribute (e.g. `NiconicoPlayer`, `SoundCloudPlayer` and `VimeoPlayer`), or\n\t\t// 3. the `attach` method of the player API (e.g. `YouTubePlayer`).\n\t\tif (previousVideoId === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tvoid controller.loadVideo(videoId);\n\t}, [previousVideoId, videoId, controller]);\n\n\t// Make sure that `videoId` does not change between re-rendering.\n\treturn <>{children(elementRef, videoIdRef.current)}</>;\n};\n"],"mappings":"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"}

package/dist/PlayerContainer-VQ3YPGU_.js

@@ -0,0 +1,226 @@
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { Fragment as i, jsx as a } from "react/jsx-runtime";
+//#region src/controllers/Logger.ts
+var o = /* @__PURE__ */ function(e) {
+	return e[e.Trace = 0] = "Trace", e[e.Debug = 1] = "Debug", e[e.Information = 2] = "Information", e[e.Warning = 3] = "Warning", e[e.Error = 4] = "Error", e[e.Critical = 5] = "Critical", e[e.None = 6] = "None", e;
+}({}), s = new class {
+	title = "nostalgic-diva";
+	createMessage(e) {
+		return `[${this.title}] ${e}`;
+	}
+	debug(e, ...t) {
+		console.debug(this.createMessage(e), ...t);
+	}
+	error(e, ...t) {
+		console.error(this.createMessage(e), ...t);
+	}
+	warn(e, ...t) {
+		console.warn(this.createMessage(e), ...t);
+	}
+	isEnabled() {
+		return !0;
+	}
+	log(e, t, ...n) {
+		switch (e) {
+			case 1:
+				this.debug(t, ...n);
+				break;
+			case 3:
+				this.warn(t, ...n);
+				break;
+			case 4:
+				this.error(t, ...n);
+				break;
+		}
+	}
+}(), c = new class {
+	async attach() {}
+	async detach() {}
+	async loadVideo(e) {}
+	async play() {}
+	async pause() {}
+	async setCurrentTime(e) {}
+	async setVolume(e) {}
+	async setMuted(e) {}
+	async setPlaybackRate(e) {}
+	async getDuration() {
+		return 0;
+	}
+	async getCurrentTime() {
+		return 0;
+	}
+	async getVolume() {
+		return 0;
+	}
+	async getMuted() {
+		return !1;
+	}
+	async getPlaybackRate() {
+		return 0;
+	}
+	supports(e) {
+		return !1;
+	}
+}();
+//#endregion
+//#region src/components/useFirstMountState.ts
+function l() {
+	let e = n(!0);
+	return e.current ? (e.current = !1, !0) : e.current;
+}
+//#endregion
+//#region src/components/usePreviousDistinct.ts
+var u = (e, t) => e === t;
+function d(e, t = u) {
+	let r = n(), i = n(e);
+	return !l() && !t(i.current, e) && (r.current = i.current, i.current = e), r.current;
+}
+//#endregion
+//#region src/controllers/PlayerControllerImpl.ts
+var f = class {
+	logger;
+	player;
+	options;
+	constructor(e, t, n) {
+		this.logger = e, this.player = t, this.options = n, this.logger.log(o.Debug, "ctor");
+	}
+	supports(e) {
+		return this[e] !== void 0;
+	}
+}, p = class e {
+	logger;
+	type;
+	player;
+	options;
+	controllerFactory;
+	static nextId = 1;
+	id;
+	impl;
+	constructor(t, n, r, i, a) {
+		this.logger = t, this.type = n, this.player = r, this.options = i, this.controllerFactory = a, this.id = e.nextId++;
+	}
+	createMessage(e) {
+		return `${this.type}#${this.id} ${e}`;
+	}
+	debug(e, ...t) {
+		this.logger.log(o.Debug, this.createMessage(e), ...t);
+	}
+	error(e, ...t) {
+		this.logger.log(o.Error, this.createMessage(e), ...t);
+	}
+	async attach(e) {
+		if (this.debug("attach", e), this.impl) {
+			this.debug("player is already attached");
+			return;
+		}
+		this.debug("Attaching player..."), this.impl = new this.controllerFactory(this.logger, this.player, this.options), await this.impl.attach(e), this.debug("player attached");
+	}
+	createPlayerNotAttachedError() {
+		return this.error("player is not attached"), /* @__PURE__ */ Error("player is not attached");
+	}
+	createCommandNotSupportedError(e) {
+		return /* @__PURE__ */ Error(`${e} is not supported`);
+	}
+	async detach() {
+		if (this.debug("detach"), this.impl === void 0) throw this.createPlayerNotAttachedError();
+		await this.impl.detach(), this.impl = void 0;
+	}
+	async loadVideo(e) {
+		if (this.debug("loadVideo", e), this.impl === void 0) throw this.createPlayerNotAttachedError();
+		if (this.impl.loadVideo === void 0) throw this.createCommandNotSupportedError("loadVideo");
+		this.debug("Loading video..."), await this.impl.loadVideo(e), this.debug("video loaded", e);
+	}
+	play() {
+		if (this.debug("play"), this.impl === void 0) throw this.createPlayerNotAttachedError();
+		if (this.impl.play === void 0) throw this.createCommandNotSupportedError("play");
+		return this.impl.play();
+	}
+	pause() {
+		if (this.debug("pause"), this.impl === void 0) throw this.createPlayerNotAttachedError();
+		if (this.impl.pause === void 0) throw this.createCommandNotSupportedError("pause");
+		return this.impl.pause();
+	}
+	setCurrentTime(e) {
+		if (this.debug("setCurrentTime", e), this.impl === void 0) throw this.createPlayerNotAttachedError();
+		if (this.impl.setCurrentTime === void 0) throw this.createCommandNotSupportedError("setCurrentTime");
+		return this.impl.setCurrentTime(e);
+	}
+	setVolume(e) {
+		if (this.debug("setVolume", e), this.impl === void 0) throw this.createPlayerNotAttachedError();
+		if (this.impl.setVolume === void 0) throw this.createCommandNotSupportedError("setVolume");
+		return this.impl.setVolume(e);
+	}
+	setMuted(e) {
+		if (this.debug("setMuted", e), this.impl === void 0) throw this.createPlayerNotAttachedError();
+		if (this.impl.setMuted === void 0) throw this.createCommandNotSupportedError("setMuted");
+		return this.impl.setMuted(e);
+	}
+	setPlaybackRate(e) {
+		if (this.debug("setPlaybackRate", e), this.impl === void 0) throw this.createPlayerNotAttachedError();
+		if (this.impl.setPlaybackRate === void 0) throw this.createCommandNotSupportedError("setPlaybackRate");
+		return this.impl.setPlaybackRate(e);
+	}
+	getDuration() {
+		if (this.debug("getDuration"), this.impl === void 0) throw this.createPlayerNotAttachedError();
+		if (this.impl.getDuration === void 0) throw this.createCommandNotSupportedError("getDuration");
+		return this.impl.getDuration();
+	}
+	getCurrentTime() {
+		if (this.debug("getCurrentTime"), this.impl === void 0) throw this.createPlayerNotAttachedError();
+		if (this.impl.getCurrentTime === void 0) throw this.createCommandNotSupportedError("getCurrentTime");
+		return this.impl.getCurrentTime();
+	}
+	getVolume() {
+		if (this.debug("getVolume"), this.impl === void 0) throw this.createPlayerNotAttachedError();
+		if (this.impl.getVolume === void 0) throw this.createCommandNotSupportedError("getVolume");
+		return this.impl.getVolume();
+	}
+	getMuted() {
+		if (this.debug("getMuted"), this.impl === void 0) throw this.createPlayerNotAttachedError();
+		if (this.impl.getMuted === void 0) throw this.createCommandNotSupportedError("getMuted");
+		return this.impl.getMuted();
+	}
+	getPlaybackRate() {
+		if (this.debug("getPlaybackRate"), this.impl === void 0) throw this.createPlayerNotAttachedError();
+		if (this.impl.getPlaybackRate === void 0) throw this.createCommandNotSupportedError("getPlaybackRate");
+		return this.impl.getPlaybackRate();
+	}
+	supports(e) {
+		if (this.impl === void 0) throw this.createPlayerNotAttachedError();
+		return this.impl.supports(e);
+	}
+}, m = ({ logger: s, type: l, loadScript: u, playerFactory: f, onControllerChange: m, videoId: h, options: g, controllerFactory: _, children: v }) => {
+	s.log(o.Debug, "PlayerContainer");
+	let y = n(h), b = n(void 0), [x, S] = r(), [C, w] = r(c), T = e((e) => {
+		w(e), m?.(e);
+	}, [m]);
+	t(() => {
+		(u?.() ?? Promise.resolve()).then(() => f(b.current, y.current)).then((e) => S(e));
+	}, [u, f]), t(() => {
+		if (x === void 0) return;
+		let e = new p(s, l, x, g, _);
+		return e.attach(y.current).then(() => T(e)), () => {
+			e.detach().finally(() => T(c));
+		};
+	}, [
+		s,
+		l,
+		u,
+		x,
+		g,
+		_,
+		T
+	]);
+	let E = d(h);
+	return t(() => {
+		E !== void 0 && C.loadVideo(h);
+	}, [
+		E,
+		h,
+		C
+	]), /* @__PURE__ */ a(i, { children: v(b, y.current) });
+};
+//#endregion
+export { o as a, c as i, p as n, s as o, f as r, m as t };
+
+//# sourceMappingURL=PlayerContainer-VQ3YPGU_.js.map

package/dist/PlayerContainer-VQ3YPGU_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerContainer-VQ3YPGU_.js","names":[],"sources":["../src/controllers/Logger.ts","../src/controllers/NullPlayerController.ts","../src/components/useFirstMountState.ts","../src/components/usePreviousDistinct.ts","../src/controllers/PlayerControllerImpl.ts","../src/controllers/PlayerController.ts","../src/components/PlayerContainer.tsx"],"sourcesContent":["// https://source.dot.net/#Microsoft.Extensions.Logging.Abstractions/LogLevel.cs,d07793e8b722b77e,references\nexport enum LogLevel {\n\t/**\n\t * Logs that contain the most detailed messages. These messages may contain sensitive application data.\n\t * These messages are disabled by default and should never be enabled in a production environment.\n\t */\n\tTrace = 0,\n\t/**\n\t * Logs that are used for interactive investigation during development.  These logs should primarily contain\n\t * information useful for debugging and have no long-term value.\n\t */\n\tDebug = 1,\n\t/**\n\t * Logs that track the general flow of the application. These logs should have long-term value.\n\t */\n\tInformation = 2,\n\t/**\n\t * Logs that highlight an abnormal or unexpected event in the application flow, but do not otherwise cause the\n\t * application execution to stop.\n\t */\n\tWarning = 3,\n\t/**\n\t * Logs that highlight when the current flow of execution is stopped due to a failure. These should indicate a\n\t * failure in the current activity, not an application-wide failure.\n\t */\n\tError = 4,\n\t/**\n\t * Logs that describe an unrecoverable application or system crash, or a catastrophic failure that requires\n\t * immediate attention.\n\t */\n\tCritical = 5,\n\t/**\n\t * Not used for writing log messages. Specifies that a logging category should not write any messages.\n\t */\n\tNone = 6,\n}\n\n// https://source.dot.net/#Microsoft.Extensions.Logging.Abstractions/ILogger.cs,0976525f5d1b9e54,references\nexport interface ILogger {\n\tisEnabled(logLevel: LogLevel): boolean;\n\tlog(logLevel: LogLevel, message?: any, ...optionalParams: any[]): void;\n}\n\nclass Logger implements ILogger {\n\tprivate readonly title = 'nostalgic-diva';\n\n\tprivate createMessage(message: any): string {\n\t\treturn `[${this.title}] ${message}`;\n\t}\n\n\tprivate debug(message?: any, ...optionalParams: any): void {\n\t\tconsole.debug(this.createMessage(message), ...optionalParams);\n\t}\n\n\tprivate error(message?: any, ...optionalParams: any): void {\n\t\tconsole.error(this.createMessage(message), ...optionalParams);\n\t}\n\n\tprivate warn(message?: any, ...optionalParams: any): void {\n\t\tconsole.warn(this.createMessage(message), ...optionalParams);\n\t}\n\n\tisEnabled(): boolean {\n\t\treturn true;\n\t}\n\n\tlog(logLevel: LogLevel, message?: any, ...optionalParams: any[]): void {\n\t\tswitch (logLevel) {\n\t\t\tcase LogLevel.Debug:\n\t\t\t\tthis.debug(message, ...optionalParams);\n\t\t\t\tbreak;\n\t\t\tcase LogLevel.Warning:\n\t\t\t\tthis.warn(message, ...optionalParams);\n\t\t\t\tbreak;\n\t\t\tcase LogLevel.Error:\n\t\t\t\tthis.error(message, ...optionalParams);\n\t\t\t\tbreak;\n\t\t}\n\t}\n}\n\nexport const defaultLogger = new Logger();\n","import type {\n\tIPlayerCommands,\n\tIPlayerController,\n} from '@/controllers/PlayerController';\n\nclass NullPlayerController implements IPlayerController {\n\tasync attach(): Promise<void> {}\n\n\tasync detach(): Promise<void> {}\n\n\tasync loadVideo(_id: string): Promise<void> {}\n\n\tasync play(): Promise<void> {}\n\n\tasync pause(): Promise<void> {}\n\n\tasync setCurrentTime(_seconds: number): Promise<void> {}\n\n\tasync setVolume(_volume: number): Promise<void> {}\n\n\tasync setMuted(_muted: boolean): Promise<void> {}\n\n\tasync setPlaybackRate(_playbackRate: number): Promise<void> {}\n\n\tasync getDuration(): Promise<number> {\n\t\treturn 0;\n\t}\n\n\tasync getCurrentTime(): Promise<number> {\n\t\treturn 0;\n\t}\n\n\tasync getVolume(): Promise<number> {\n\t\treturn 0;\n\t}\n\n\tasync getMuted(): Promise<boolean> {\n\t\treturn false;\n\t}\n\n\tasync getPlaybackRate(): Promise<number> {\n\t\treturn 0;\n\t}\n\n\tsupports(_command: keyof IPlayerCommands): boolean {\n\t\treturn false;\n\t}\n}\n\nexport const nullPlayerController = new NullPlayerController();\n","// https://github.com/streamich/react-use/blob/8ceb4c0f0c5625124f487b435a2fd0d3b3bc2a4f/src/useFirstMountState.ts\nimport { useRef } from 'react';\n\nexport function useFirstMountState(): boolean {\n\tconst isFirst = useRef(true);\n\n\tif (isFirst.current) {\n\t\tisFirst.current = false;\n\n\t\treturn true;\n\t}\n\n\treturn isFirst.current;\n}\n","// https://github.com/streamich/react-use/blob/8ceb4c0f0c5625124f487b435a2fd0d3b3bc2a4f/src/usePreviousDistinct.ts.\nimport { useFirstMountState } from '@/components/useFirstMountState';\nimport { useRef } from 'react';\n\nexport type Predicate<T> = (prev: T | undefined, next: T) => boolean;\n\nconst strictEquals = <T>(prev: T | undefined, next: T): boolean =>\n\tprev === next;\n\nexport default function usePreviousDistinct<T>(\n\tvalue: T,\n\tcompare: Predicate<T> = strictEquals,\n): T | undefined {\n\tconst prevRef = useRef<T>();\n\tconst curRef = useRef<T>(value);\n\tconst isFirstMount = useFirstMountState();\n\n\tif (!isFirstMount && !compare(curRef.current, value)) {\n\t\tprevRef.current = curRef.current;\n\t\tcurRef.current = value;\n\t}\n\n\treturn prevRef.current;\n}\n","import { type ILogger, LogLevel } from '@/controllers/Logger';\nimport type {\n\tIPlayerCommands,\n\tPlayerOptions,\n} from '@/controllers/PlayerController';\n\nexport abstract class PlayerControllerImpl<\n\tTPlayer,\n> implements Partial<IPlayerCommands> {\n\tconstructor(\n\t\tprotected readonly logger: ILogger,\n\t\tprotected readonly player: TPlayer,\n\t\tprotected readonly options: PlayerOptions | undefined,\n\t) {\n\t\tthis.logger.log(LogLevel.Debug, 'ctor');\n\t}\n\n\tabstract attach(id: string): Promise<void>;\n\tabstract detach(): Promise<void>;\n\tabstract loadVideo?(id: string): Promise<void>;\n\tabstract play?(): Promise<void>;\n\tabstract pause?(): Promise<void>;\n\tabstract setCurrentTime?(seconds: number): Promise<void>;\n\tabstract setVolume?(volume: number): Promise<void>;\n\tabstract setMuted?(muted: boolean): Promise<void>;\n\tabstract setPlaybackRate?(playbackRate: number): Promise<void>;\n\tabstract getDuration?(): Promise<number>;\n\tabstract getCurrentTime?(): Promise<number>;\n\tabstract getVolume?(): Promise<number>;\n\tabstract getMuted?(): Promise<boolean>;\n\tabstract getPlaybackRate?(): Promise<number>;\n\n\tsupports(command: keyof IPlayerCommands): boolean {\n\t\treturn this[command] !== undefined;\n\t}\n}\n","import { type ILogger, LogLevel } from '@/controllers/Logger';\nimport { PlayerControllerImpl } from '@/controllers/PlayerControllerImpl';\n\nexport type PlayerType =\n\t| 'Audio'\n\t| 'Dailymotion'\n\t| 'Niconico'\n\t| 'SoundCloud'\n\t| 'Twitch'\n\t| 'Vimeo'\n\t| 'YouTube'\n\t| (string & {});\n\nexport interface LoadedEvent {\n\tid: string;\n}\n\nexport interface TimeEvent {\n\tduration: number;\n\tpercent: number;\n\tseconds: number;\n}\n\nexport interface PlayerOptions {\n\tonError?(event: any): void;\n\tonLoaded?(event: LoadedEvent): void;\n\tonPlay?(): void;\n\tonPause?(): void;\n\tonEnded?(): void;\n\tonTimeUpdate?(event: TimeEvent): void;\n}\n\nexport interface IPlayerCommands {\n\tloadVideo(id: string): Promise<void>;\n\tplay(): Promise<void>;\n\tpause(): Promise<void>;\n\tsetCurrentTime(seconds: number): Promise<void>;\n\tsetVolume(volume: number): Promise<void>;\n\tsetMuted(muted: boolean): Promise<void>;\n\tsetPlaybackRate(playbackRate: number): Promise<void>;\n\tgetDuration(): Promise<number>;\n\tgetCurrentTime(): Promise<number>;\n\tgetVolume(): Promise<number>;\n\tgetMuted(): Promise<boolean>;\n\tgetPlaybackRate(): Promise<number>;\n}\n\nexport interface IPlayerController extends IPlayerCommands {\n\tsupports(command: keyof IPlayerCommands): boolean;\n}\n\nexport class PlayerController<\n\tTPlayer extends object,\n\tTController extends PlayerControllerImpl<TPlayer>,\n> implements IPlayerController {\n\tprivate static nextId = 1;\n\n\tprivate readonly id: number;\n\tprivate impl?: TController;\n\n\tconstructor(\n\t\tprivate readonly logger: ILogger,\n\t\tprivate readonly type: PlayerType,\n\t\tprivate readonly player: TPlayer,\n\t\tprivate readonly options: PlayerOptions | undefined,\n\t\tprivate readonly controllerFactory: new (\n\t\t\tlogger: ILogger,\n\t\t\tplayer: TPlayer,\n\t\t\toptions: PlayerOptions | undefined,\n\t\t) => TController,\n\t) {\n\t\tthis.id = PlayerController.nextId++;\n\t}\n\n\tprivate createMessage(message: any): string {\n\t\treturn `${this.type}#${this.id} ${message}`;\n\t}\n\n\tpublic debug(message?: any, ...optionalParams: any): void {\n\t\tthis.logger.log(\n\t\t\tLogLevel.Debug,\n\t\t\tthis.createMessage(message),\n\t\t\t...optionalParams,\n\t\t);\n\t}\n\n\tpublic error(message?: any, ...optionalParams: any): void {\n\t\tthis.logger.log(\n\t\t\tLogLevel.Error,\n\t\t\tthis.createMessage(message),\n\t\t\t...optionalParams,\n\t\t);\n\t}\n\n\tasync attach(id: string): Promise<void> {\n\t\tthis.debug('attach', id);\n\n\t\tif (this.impl) {\n\t\t\tthis.debug('player is already attached');\n\t\t\treturn;\n\t\t}\n\n\t\tthis.debug('Attaching player...');\n\n\t\tthis.impl = new this.controllerFactory(\n\t\t\tthis.logger,\n\t\t\tthis.player,\n\t\t\tthis.options,\n\t\t);\n\n\t\tawait this.impl.attach(id);\n\n\t\tthis.debug('player attached');\n\t}\n\n\tprivate createPlayerNotAttachedError(): Error {\n\t\tthis.error('player is not attached');\n\n\t\treturn new Error('player is not attached');\n\t}\n\n\tprivate createCommandNotSupportedError(\n\t\tcommand: keyof IPlayerCommands,\n\t): Error {\n\t\treturn new Error(`${command} is not supported`);\n\t}\n\n\tasync detach(): Promise<void> {\n\t\tthis.debug('detach');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tawait this.impl.detach();\n\n\t\tthis.impl = undefined;\n\t}\n\n\tasync loadVideo(id: string): Promise<void> {\n\t\tthis.debug('loadVideo', id);\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.loadVideo === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('loadVideo');\n\t\t}\n\n\t\tthis.debug('Loading video...');\n\n\t\tawait this.impl.loadVideo(id);\n\n\t\tthis.debug('video loaded', id);\n\t}\n\n\tplay(): Promise<void> {\n\t\tthis.debug('play');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.play === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('play');\n\t\t}\n\n\t\treturn this.impl.play();\n\t}\n\n\tpause(): Promise<void> {\n\t\tthis.debug('pause');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.pause === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('pause');\n\t\t}\n\n\t\treturn this.impl.pause();\n\t}\n\n\tsetCurrentTime(seconds: number): Promise<void> {\n\t\tthis.debug('setCurrentTime', seconds);\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.setCurrentTime === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('setCurrentTime');\n\t\t}\n\n\t\treturn this.impl.setCurrentTime(seconds);\n\t}\n\n\tsetVolume(volume: number): Promise<void> {\n\t\tthis.debug('setVolume', volume);\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.setVolume === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('setVolume');\n\t\t}\n\n\t\treturn this.impl.setVolume(volume);\n\t}\n\n\tsetMuted(muted: boolean): Promise<void> {\n\t\tthis.debug('setMuted', muted);\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.setMuted === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('setMuted');\n\t\t}\n\n\t\treturn this.impl.setMuted(muted);\n\t}\n\n\tsetPlaybackRate(playbackRate: number): Promise<void> {\n\t\tthis.debug('setPlaybackRate', playbackRate);\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.setPlaybackRate === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('setPlaybackRate');\n\t\t}\n\n\t\treturn this.impl.setPlaybackRate(playbackRate);\n\t}\n\n\tgetDuration(): Promise<number> {\n\t\tthis.debug('getDuration');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.getDuration === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('getDuration');\n\t\t}\n\n\t\treturn this.impl.getDuration();\n\t}\n\n\tgetCurrentTime(): Promise<number> {\n\t\tthis.debug('getCurrentTime');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.getCurrentTime === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('getCurrentTime');\n\t\t}\n\n\t\treturn this.impl.getCurrentTime();\n\t}\n\n\tgetVolume(): Promise<number> {\n\t\tthis.debug('getVolume');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.getVolume === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('getVolume');\n\t\t}\n\n\t\treturn this.impl.getVolume();\n\t}\n\n\tgetMuted(): Promise<boolean> {\n\t\tthis.debug('getMuted');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.getMuted === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('getMuted');\n\t\t}\n\n\t\treturn this.impl.getMuted();\n\t}\n\n\tgetPlaybackRate(): Promise<number> {\n\t\tthis.debug('getPlaybackRate');\n\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\tif (this.impl.getPlaybackRate === undefined) {\n\t\t\tthrow this.createCommandNotSupportedError('getPlaybackRate');\n\t\t}\n\n\t\treturn this.impl.getPlaybackRate();\n\t}\n\n\tsupports(command: keyof IPlayerCommands): boolean {\n\t\tif (this.impl === undefined) {\n\t\t\tthrow this.createPlayerNotAttachedError();\n\t\t}\n\n\t\treturn this.impl.supports(command);\n\t}\n}\n","import usePreviousDistinct from '@/components/usePreviousDistinct';\nimport { type ILogger, LogLevel } from '@/controllers/Logger';\nimport { nullPlayerController } from '@/controllers/NullPlayerController';\nimport {\n\ttype IPlayerController,\n\tPlayerController,\n\ttype PlayerOptions,\n\ttype PlayerType,\n} from '@/controllers/PlayerController';\nimport { PlayerControllerImpl } from '@/controllers/PlayerControllerImpl';\nimport {\n\ttype MutableRefObject,\n\ttype ReactElement,\n\ttype ReactNode,\n\tuseCallback,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\n\nexport interface PlayerProps {\n\tlogger: ILogger;\n\ttype: PlayerType;\n\tonControllerChange: ((value: IPlayerController) => void) | undefined;\n\tvideoId: string;\n\toptions: PlayerOptions | undefined;\n}\n\ninterface PlayerContainerProps<\n\tTElement extends HTMLElement,\n\tTPlayer extends object,\n\tTController extends PlayerControllerImpl<TPlayer>,\n> extends PlayerProps {\n\tloadScript: (() => Promise<void>) | undefined;\n\tplayerFactory: (element: TElement, videoId: string) => Promise<TPlayer>;\n\tcontrollerFactory: new (\n\t\tlogger: ILogger,\n\t\tplayer: TPlayer,\n\t\toptions: PlayerOptions | undefined,\n\t) => TController;\n\tchildren: (\n\t\telementRef: MutableRefObject<TElement>,\n\t\tvideoId: string,\n\t) => ReactNode;\n}\n\nexport const PlayerContainer = <\n\tTElement extends HTMLElement,\n\tTPlayer extends object,\n\tTController extends PlayerControllerImpl<TPlayer>,\n>({\n\tlogger,\n\ttype,\n\tloadScript,\n\tplayerFactory,\n\tonControllerChange,\n\tvideoId,\n\toptions,\n\tcontrollerFactory,\n\tchildren,\n}: PlayerContainerProps<TElement, TPlayer, TController>): ReactElement<\n\tPlayerContainerProps<TElement, TPlayer, TController>\n> => {\n\tlogger.log(LogLevel.Debug, 'PlayerContainer');\n\n\tconst videoIdRef = useRef(videoId);\n\n\tconst elementRef = useRef<TElement>(undefined!);\n\n\tconst [player, setPlayer] = useState<TPlayer>();\n\n\tconst [controller, _setController] =\n\t\tuseState<IPlayerController>(nullPlayerController);\n\n\tconst setController = useCallback(\n\t\t(value: IPlayerController): void => {\n\t\t\t_setController(value);\n\n\t\t\tonControllerChange?.(value);\n\t\t},\n\t\t[onControllerChange],\n\t);\n\n\tuseEffect(() => {\n\t\tvoid (loadScript?.() ?? Promise.resolve())\n\t\t\t.then(() => playerFactory(elementRef.current, videoIdRef.current))\n\t\t\t.then((player) => setPlayer(player));\n\t}, [loadScript, playerFactory]);\n\n\t// Make sure that `options` do not change between re-rendering.\n\tuseEffect(() => {\n\t\tif (player === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst controller = new PlayerController(\n\t\t\tlogger,\n\t\t\ttype,\n\t\t\tplayer,\n\t\t\toptions,\n\t\t\tcontrollerFactory,\n\t\t);\n\n\t\tvoid controller\n\t\t\t.attach(videoIdRef.current)\n\t\t\t.then(() => setController(controller));\n\n\t\treturn (): void => {\n\t\t\tvoid controller\n\t\t\t\t.detach()\n\t\t\t\t.finally(() => setController(nullPlayerController));\n\t\t};\n\t}, [\n\t\tlogger,\n\t\ttype,\n\t\tloadScript,\n\t\tplayer,\n\t\toptions,\n\t\tcontrollerFactory,\n\t\tsetController,\n\t]);\n\n\tconst previousVideoId = usePreviousDistinct(videoId);\n\tuseEffect(() => {\n\t\t// If `previousVideoId` is undefined, then it means that the video has already been loaded by either\n\t\t// 1. `<audio>`s `src` attribute (e.g. `AudioPlayer`),\n\t\t// 2. `<iframe>`'s `src` attribute (e.g. `NiconicoPlayer`, `SoundCloudPlayer` and `VimeoPlayer`), or\n\t\t// 3. the `attach` method of the player API (e.g. `YouTubePlayer`).\n\t\tif (previousVideoId === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tvoid controller.loadVideo(videoId);\n\t}, [previousVideoId, videoId, controller]);\n\n\t// Make sure that `videoId` does not change between re-rendering.\n\treturn <>{children(elementRef, videoIdRef.current)}</>;\n};\n"],"mappings":"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"}

package/dist/SoundCloudPlayer-Cqo5VU57.js

@@ -0,0 +1,33 @@
+import { a as e, t } from "./PlayerContainer-VQ3YPGU_.js";
+import { SoundCloudPlayerController as n } from "./index.es.js";
+import { t as r } from "./ensureScriptLoaded-CwERrTru.js";
+import { memo as i, useCallback as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/SoundCloudPlayer.tsx
+var s = i(({ ...i }) => {
+	let { logger: s } = i;
+	s.log(e.Debug, "SoundCloudPlayer");
+	let c = a(async () => {
+		await r("https://w.soundcloud.com/player/api.js", s);
+	}, [s]), l = a((e) => Promise.resolve(SC.Widget(e)), []);
+	return /* @__PURE__ */ o(t, {
+		...i,
+		loadScript: c,
+		playerFactory: l,
+		controllerFactory: n,
+		children: (e, t) => /* @__PURE__ */ o("iframe", {
+			ref: e,
+			src: `https://w.soundcloud.com/player/?url=${t}`,
+			frameBorder: 0,
+			allow: "autoplay",
+			style: {
+				width: "100%",
+				height: "100%"
+			}
+		})
+	});
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=SoundCloudPlayer-Cqo5VU57.js.map

package/dist/SoundCloudPlayer-Cqo5VU57.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SoundCloudPlayer-Cqo5VU57.js","names":[],"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"],"mappings":";;;;;;AASA,IAAM,IAAmB,GAAM,EAAE,GAAG,QAAuC;CAC1E,IAAM,EAAE,cAAW;CAEnB,EAAO,IAAI,EAAS,OAAO,kBAAkB;CAE7C,IAAM,IAAa,EAAY,YAAY;EAC1C,MAAM,EACL,0CACA,CACD;CACD,GAAG,CAAC,CAAM,CAAC,GAEL,IAAgB,GACpB,MACO,QAAQ,QAAQ,GAAG,OAAO,CAAO,CAAC,GAE1C,CAAC,CACF;CAEA,OACC,kBAAC,GAAD;EACC,GAAI;EACQ;EACG;EACf,mBAAmB;aAEjB,GAAY,MAEb,kBAAC,UAAD;GACC,KAAK;GACL,KAAK,wCAAwC;GAC7C,aAAa;GACb,OAAM;GACN,OAAO;IAAE,OAAO;IAAQ,QAAQ;GAAO;EACvC,CAAA;CAEc,CAAA;AAEnB,CAAC"}

package/dist/SoundCloudPlayer-tHiueAss.cjs

@@ -0,0 +1,2 @@
+const e=require(`./PlayerContainer-COjwHOhq.cjs`),t=require(`./index.cjs.js`),n=require(`./ensureScriptLoaded-BoubPl5C.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);var a=(0,r.memo)(({...a})=>{let{logger:o}=a;o.log(e.a.Debug,`SoundCloudPlayer`);let s=(0,r.useCallback)(async()=>{await n.t(`https://w.soundcloud.com/player/api.js`,o)},[o]),c=(0,r.useCallback)(e=>Promise.resolve(SC.Widget(e)),[]);return(0,i.jsx)(e.t,{...a,loadScript:s,playerFactory:c,controllerFactory:t.SoundCloudPlayerController,children:(e,t)=>(0,i.jsx)(`iframe`,{ref:e,src:`https://w.soundcloud.com/player/?url=${t}`,frameBorder:0,allow:`autoplay`,style:{width:`100%`,height:`100%`}})})});exports.default=a;
+//# sourceMappingURL=SoundCloudPlayer-tHiueAss.cjs.map

package/dist/SoundCloudPlayer-tHiueAss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SoundCloudPlayer-tHiueAss.cjs","names":[],"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"],"mappings":"mLASA,IAAM,GAAA,EAAA,EAAA,OAAyB,CAAE,GAAG,KAAuC,CAC1E,GAAM,CAAE,UAAW,EAEnB,EAAO,IAAI,EAAA,EAAS,MAAO,kBAAkB,EAE7C,IAAM,GAAA,EAAA,EAAA,aAAyB,SAAY,CAC1C,MAAM,EAAA,EACL,yCACA,CACD,CACD,EAAG,CAAC,CAAM,CAAC,EAEL,GAAA,EAAA,EAAA,aACJ,GACO,QAAQ,QAAQ,GAAG,OAAO,CAAO,CAAC,EAE1C,CAAC,CACF,EAEA,OACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACC,GAAI,EACQ,aACG,gBACf,kBAAmB,EAAA,qCAEjB,EAAY,KAEb,EAAA,EAAA,KAAC,SAAD,CACC,IAAK,EACL,IAAK,wCAAwC,IAC7C,YAAa,EACb,MAAM,WACN,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,CACvC,CAAA,CAEc,CAAA,CAEnB,CAAC"}