sim1222/zen-study-decompile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replace with react

Browse Source
This commit is contained in:
sim1222 2025-04-17 13:06:50 +09:00
parent f4eb72c178
commit 7d61d20c8e
Signed by: sim1222
GPG Key ID: D1AE30E316E44E5D
1 changed files with 61 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

118
src/cdn.nnn.ed.nico/tenjin_pc/assets/ohtomi/src_components_faceRecognition_FaceRecognition_tsx-src_components_shared_organisms_Player_Ove-59cc90.a810eba2a0194c5f16e6.ts
View File

@ -1,5 +1,9 @@
/*! For license information please see src_components_faceRecognition_FaceRecognition_tsx-src_components_shared_organisms_Player_Ove-59cc90.a810eba2a0194c5f16e6.js.LICENSE.txt */ /*! For license information please see src_components_faceRecognition_FaceRecognition_tsx-src_components_shared_organisms_Player_Ove-59cc90.a810eba2a0194c5f16e6.js.LICENSE.txt */
/*! @ohtomi-preamble version: 8.1.0, name:src_components_faceRecognition_FaceRecognition_tsx-src_components_shared_organisms_Player_Ove-59cc90 */ /*! @ohtomi-preamble version: 8.1.0, name:src_components_faceRecognition_FaceRecognition_tsx-src_components_shared_organisms_Player_Ove-59cc90 */
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { jsx, jsxs } from "react/jsx-runtime";
try { try {
const e = const e =
"undefined" !== typeof window "undefined" !== typeof window
@ -36,10 +40,10 @@ try {
n.d(t, { B: () => o }); n.d(t, { B: () => o });
const a = n(96540); const a = n(96540);
function o({ disabled: e = !1, storedDevice: t } = {}) { function o({ disabled: e = !1, storedDevice: t } = {}) {
const [n, o] = (0, a.useState)(null); const [n, o] = useState(null);
const [inputDevices, setInputDevices] = (0, a.useState)([]); const [inputDevices, setInputDevices] = useState<MediaDeviceInfo[]>([]);
const [s, c] = (0, a.useState)(); const [s, c] = useState();
const l = (0, a.useCallback)(async () => { const l = useCallback(async () => {
try { try {
await navigator.mediaDevices await navigator.mediaDevices
.getUserMedia({ video: !0 }) .getUserMedia({ video: !0 })
@ -90,7 +94,7 @@ try {
o(e); o(e);
} }
}, [s, null == t ? void 0 : t.deviceId, null == t ? void 0 : t.label]); }, [s, null == t ? void 0 : t.deviceId, null == t ? void 0 : t.label]);
const d = (0, a.useCallback)( const d = useCallback(
(e) => { (e) => {
c( c(
null == inputDevices null == inputDevices
@ -101,7 +105,7 @@ try {
[inputDevices], [inputDevices],
); );
return ( return (
(0, a.useEffect)( useEffect(
() => () =>
e e
? (o(null), setInputDevices([]), c(void 0), () => {}) ? (o(null), setInputDevices([]), c(void 0), () => {})
@ -134,7 +138,7 @@ try {
serializer: (e) => JSON.stringify(e), serializer: (e) => JSON.stringify(e),
deserializer: (e) => JSON.parse(e), deserializer: (e) => JSON.parse(e),
}); });
const n = (0, a.useCallback)((e) => t(e), [t]); const n = useCallback((e) => t(e), [t]);
return { device: e, save: n }; return { device: e, save: n };
} }
}, },
@ -149,7 +153,7 @@ try {
const { device: l } = (0, r.y)(); const { device: l } = (0, r.y)();
const { currentDevice: d } = (0, o.B)({ storedDevice: l }); const { currentDevice: d } = (0, o.B)({ storedDevice: l });
const { captureImage: u } = (({ deviceId: e }) => ({ const { captureImage: u } = (({ deviceId: e }) => ({
captureImage: (0, a.useCallback)( captureImage: useCallback(
async ({ width: t, height: n, type: a, quality: o }) => { async ({ width: t, height: n, type: a, quality: o }) => {
const r = await navigator.mediaDevices.getUserMedia({ const r = await navigator.mediaDevices.getUserMedia({
video: { video: {
@ -219,9 +223,9 @@ try {
[e], [e],
), ),
}))({ deviceId: null == d ? void 0 : d.deviceId }); }))({ deviceId: null == d ? void 0 : d.deviceId });
const [h, p] = (0, a.useState)(!1); const [h, p] = useState(!1);
return ( return (
(0, a.useEffect)(() => { useEffect(() => {
null == (null == d ? void 0 : d.deviceId) || null == (null == d ? void 0 : d.deviceId) ||
"progress" !== e || "progress" !== e ||
h || h ||
@ -243,21 +247,21 @@ try {
const d = n(73305); const d = n(73305);
const u = n(74848); const u = n(74848);
function h({ status: e, horizontalAlign: t }) { function h({ status: e, horizontalAlign: t }) {
return (0, u.jsxs)(p, { return jsxs(p, {
horizontalAlign: t, horizontalAlign: t,
children: [ children: [
"failed" !== e && "failed" !== e &&
(0, u.jsxs)(u.Fragment, { jsxs(u.Fragment, {
children: [ children: [
(0, u.jsx)(v, {}), jsx(v, {}),
(0, u.jsx)(f, { children: "認証中" }), jsx(f, { children: "認証中" }),
], ],
}), }),
"failed" === e && "failed" === e &&
(0, u.jsxs)(u.Fragment, { jsxs(u.Fragment, {
children: [ children: [
(0, u.jsx)(g, {}), jsx(g, {}),
(0, u.jsx)(f, { children: "認証不可" }), jsx(f, { children: "認証不可" }),
], ],
}), }),
], ],
@ -324,16 +328,16 @@ try {
}; };
const I = n(80724); const I = n(80724);
function C({ capture: e, horizontalAlign: t, contextDetail: n }) { function C({ capture: e, horizontalAlign: t, contextDetail: n }) {
const [i, s] = (0, a.useState)(void 0); const [i, s] = useState(void 0);
const { device: l } = (0, r.y)(); const { device: l } = (0, r.y)();
const { currentDevice: d, error: p } = (0, o.B)({ storedDevice: l }); const { currentDevice: d, error: p } = (0, o.B)({ storedDevice: l });
const [f, v] = (0, a.useState)(); const [f, v] = useState();
const [g, w] = (0, a.useState)(""); const [g, w] = useState("");
const y = (0, a.useRef)(!1); const y = useRef(!1);
(0, a.useEffect)(() => { useEffect(() => {
null == i && (null == p ? null != d && s("progress") : s("failed")); null == i && (null == p ? null != d && s("progress") : s("failed"));
}, [d, p, i]), }, [d, p, i]),
(0, a.useEffect)(() => { useEffect(() => {
switch (i) { switch (i) {
case "progress": case "progress":
case "success": case "success":
@ -343,7 +347,7 @@ try {
.then((e) => v(e)); .then((e) => v(e));
} }
}, [i, f]), }, [i, f]),
(0, a.useEffect)( useEffect(
() => () => { () => () => {
f && f &&
(f.getTracks().forEach((e) => { (f.getTracks().forEach((e) => {
@ -354,7 +358,7 @@ try {
[f], [f],
); );
const x = (0, I.R)(); const x = (0, I.R)();
(0, a.useEffect)(() => { useEffect(() => {
let e; let e;
(null == (null == d ? void 0 : d.deviceId) && null == p) || (null == (null == d ? void 0 : d.deviceId) && null == p) ||
g || g ||
@ -388,7 +392,7 @@ try {
p, p,
g, g,
]); ]);
const b = (0, a.useCallback)( const b = useCallback(
async (e) => { async (e) => {
if (!g) if (!g)
throw ( throw (
@ -409,11 +413,11 @@ try {
}, },
[g], [g],
); );
const C = (0, a.useCallback)(() => {}, []); const C = useCallback(() => {}, []);
const _ = (0, a.useMemo)( const _ = useMemo(
() => () =>
e && "progress" === i && g e && "progress" === i && g
? (0, u.jsx)(c, { ? jsx(c, {
status: i, status: i,
onStatusChanged: s, onStatusChanged: s,
onCapture: b, onCapture: b,
@ -422,8 +426,8 @@ try {
: null, : null,
[e, b, C, g, i], [e, b, C, g, i],
); );
return (0, u.jsxs)(u.Fragment, { return jsxs(u.Fragment, {
children: [_, i && (0, u.jsx)(h, { status: i, horizontalAlign: t })], children: [_, i && jsx(h, { status: i, horizontalAlign: t })],
}); });
} }
}, },
@ -442,11 +446,11 @@ try {
const r = n(96540); const r = n(96540);
const i = n(74848); const i = n(74848);
const s = ({ rate: e, currentRate: t, onClick: n }) => { const s = ({ rate: e, currentRate: t, onClick: n }) => {
const a = (0, r.useCallback)(() => { const a = useCallback(() => {
n(e); n(e);
}, [e, n]); }, [e, n]);
const o = Math.abs(e - t) < 0.001; const o = Math.abs(e - t) < 0.001;
return (0, i.jsx)(c, { selected: o, onClick: a, children: `x${e}` }); return jsx(c, { selected: o, onClick: a, children: `x${e}` });
}; };
const c = o.default.button.withConfig({ componentId: "sc-1iiy24x-0" })( const c = o.default.button.withConfig({ componentId: "sc-1iiy24x-0" })(
[ [
@ -474,7 +478,7 @@ try {
...u ...u
}) { }) {
const h = (0, o.useTheme)(); const h = (0, o.useTheme)();
return (0, i.jsxs)(d, { return jsxs(d, {
width: "108px", width: "108px",
height: "128px", height: "128px",
justifyContent: "center", justifyContent: "center",
@ -487,21 +491,21 @@ try {
...u, ...u,
$_css: t && n ? "flex" : "none", $_css: t && n ? "flex" : "none",
children: [ children: [
(0, i.jsxs)(a.so, { jsxs(a.so, {
flexDirection: "column", flexDirection: "column",
children: [ children: [
(0, i.jsx)(s, { rate: 1, currentRate: e, onClick: r }), jsx(s, { rate: 1, currentRate: e, onClick: r }),
(0, i.jsx)(s, { rate: 0.75, currentRate: e, onClick: r }), jsx(s, { rate: 0.75, currentRate: e, onClick: r }),
(0, i.jsx)(s, { rate: 0.5, currentRate: e, onClick: r }), jsx(s, { rate: 0.5, currentRate: e, onClick: r }),
], ],
}), }),
(0, i.jsxs)(a.so, { jsxs(a.so, {
flexDirection: "column", flexDirection: "column",
children: [ children: [
(0, i.jsx)(s, { rate: 1.25, currentRate: e, onClick: r }), jsx(s, { rate: 1.25, currentRate: e, onClick: r }),
(0, i.jsx)(s, { rate: 1.5, currentRate: e, onClick: r }), jsx(s, { rate: 1.5, currentRate: e, onClick: r }),
(0, i.jsx)(s, { rate: 1.75, currentRate: e, onClick: r }), jsx(s, { rate: 1.75, currentRate: e, onClick: r }),
(0, i.jsx)(s, { rate: 2, currentRate: e, onClick: r }), jsx(s, { rate: 2, currentRate: e, onClick: r }),
], ],
}), }),
], ],
@ -525,28 +529,28 @@ try {
handleRateItemButton: c, handleRateItemButton: c,
handleRateIcon: d, handleRateIcon: d,
} = t; } = t;
return (0, i.jsxs)(a.so, { return jsxs(a.so, {
sx: { position: "relative" }, sx: { position: "relative" },
children: [ children: [
(0, i.jsxs)(a.az, { jsxs(a.az, {
width: "80px", width: "80px",
height: "80px", height: "80px",
p: 5, p: 5,
children: [ children: [
(0, i.jsx)(a.az, { jsx(a.az, {
width: "20px", width: "20px",
height: "20px", height: "20px",
sx: { position: "absolute", left: "0", top: "40px" }, sx: { position: "absolute", left: "0", top: "40px" },
onMouseEnter: r, onMouseEnter: r,
onMouseLeave: s, onMouseLeave: s,
}), }),
(0, i.jsx)(h, { jsx(h, {
type: `playback-rate-${`${e}`.replace(".", "-")}`, type: `playback-rate-${`${e}`.replace(".", "-")}`,
onClick: d, onClick: d,
onMouseEnter: r, onMouseEnter: r,
onMouseLeave: s, onMouseLeave: s,
}), }),
(0, i.jsx)(a.az, { jsx(a.az, {
width: "20px", width: "20px",
height: "20px", height: "20px",
sx: { position: "absolute", right: "0", top: "40px" }, sx: { position: "absolute", right: "0", top: "40px" },
@ -555,7 +559,7 @@ try {
}), }),
], ],
}), }),
(0, i.jsx)(l, { jsx(l, {
currentPlaybackRate: e, currentPlaybackRate: e,
isHover: n, isHover: n,
isOpenRateList: o, isOpenRateList: o,
@ -572,24 +576,24 @@ try {
n.d(t, { y: () => o }); n.d(t, { y: () => o });
const a = n(96540); const a = n(96540);
function o({ changePlaybackRate: e }) { function o({ changePlaybackRate: e }) {
const [t, n] = (0, a.useState)(!1); const [t, n] = useState(!1);
const [o, r] = (0, a.useState)(!1); const [o, r] = useState(!1);
return { return {
isHover: t, isHover: t,
isOpenRateList: o, isOpenRateList: o,
handleMouseEnter: (0, a.useCallback)(() => { handleMouseEnter: useCallback(() => {
n(!0), r(!0); n(!0), r(!0);
}, []), }, []),
handleMouseLeave: (0, a.useCallback)(() => { handleMouseLeave: useCallback(() => {
n(!1), r(!1); n(!1), r(!1);
}, []), }, []),
handleRateItemButton: (0, a.useCallback)( handleRateItemButton: useCallback(
(t) => { (t) => {
e(t), r(!1); e(t), r(!1);
}, },
[e], [e],
), ),
handleRateIcon: (0, a.useCallback)(() => { handleRateIcon: useCallback(() => {
r(!0); r(!0);
}, []), }, []),
}; };
@ -634,9 +638,9 @@ try {
n.d(t, { J: () => o }); n.d(t, { J: () => o });
const a = n(96540); const a = n(96540);
function o(e) { function o(e) {
const [t, n] = (0, a.useState)("prompt"); const [t, n] = useState("prompt");
return ( return (
(0, a.useEffect)(() => { useEffect(() => {
null != e && null != e &&
(e (e
? navigator.mediaDevices ? navigator.mediaDevices