Get download links for Berriz videos (https://berriz.in/)
// ==UserScript== // @name BerrizDown // @namespace https://userscripts.crux.cx // @version 0.1.1 // @author Crux (@iu_crux) // @description Get download links for Berriz videos (https://berriz.in/) // @icon data:image/png;base64,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 // @match https://berriz.in/* // @require https://cdn.jsdelivr.net/npm/[email protected]/umd/react.production.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/umd/react-dom.production.min.js // @require https://cdn.jsdelivr.net/npm/@tanstack/[email protected]/build/umd/index.production.js // ==/UserScript== (function (require$$0, require$$0$1, reactQuery) { 'use strict'; var jsxRuntime = { exports: {} }; var reactJsxRuntime_production_min = {}; /** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var hasRequiredReactJsxRuntime_production_min; function requireReactJsxRuntime_production_min() { if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min; hasRequiredReactJsxRuntime_production_min = 1; var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true }; function q(c, a, g) { var b, d = {}, e = null, h = null; void 0 !== g && (e = "" + g); void 0 !== a.key && (e = "" + a.key); void 0 !== a.ref && (h = a.ref); for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]); if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]); return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current }; } reactJsxRuntime_production_min.Fragment = l; reactJsxRuntime_production_min.jsx = q; reactJsxRuntime_production_min.jsxs = q; return reactJsxRuntime_production_min; } var hasRequiredJsxRuntime; function requireJsxRuntime() { if (hasRequiredJsxRuntime) return jsxRuntime.exports; hasRequiredJsxRuntime = 1; { jsxRuntime.exports = requireReactJsxRuntime_production_min(); } return jsxRuntime.exports; } var jsxRuntimeExports = requireJsxRuntime(); var client = {}; var hasRequiredClient; function requireClient() { if (hasRequiredClient) return client; hasRequiredClient = 1; var m = require$$0$1; { client.createRoot = m.createRoot; client.hydrateRoot = m.hydrateRoot; } return client; } var clientExports = requireClient(); const queryClient = new reactQuery.QueryClient({ defaultOptions: { queries: { refetchOnWindowFocus: false, retry: false } } }); function sleep(duration) { return new Promise((resolve) => setTimeout(resolve, duration)); } const mediaRegex = /https:\/\/berriz\.in\/(?:ko|en)\/[a-zA-Z0-9]+\/(media\/content|live\/replay)\/([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})/; const needAppLabels = ["앱 실행이 필요합니다", "Open the app"]; function useBerrizMedia() { const [media, setMedia] = require$$0.useState(null); require$$0.useEffect(() => { var _a; let counter = 0; detect(); async function detect() { var _a2; const matches = mediaRegex.exec(window.location.href); if (matches) { counter++; const currentCounter = counter; const type = matches[1]; const id = matches[2]; let el = null; for (let retry = 0; retry < 100; retry++) { el = document.querySelector(".muscat-ui-modal-layer h3"); if (el) { break; } await sleep(0); if (currentCounter !== counter) { return; } } if (type === "media/content" && el && el.textContent && needAppLabels.includes(el.textContent)) { el.textContent = "BerrizDown"; (_a2 = document.querySelector(".muscat-ui-modal-layer")) == null ? void 0 : _a2.classList.add("hidden"); setMedia({ type, id }); } else { setMedia(null); } } else { setMedia(null); } } (_a = window.navigation) == null ? void 0 : _a.addEventListener("navigatesuccess", detect); return () => { var _a2; (_a2 = window.navigation) == null ? void 0 : _a2.removeEventListener("navigatesuccess", detect); }; }, []); return media; } function getCookieValue(name) { var _a; return ((_a = document.cookie.match("(^|;)\\s*" + name + "\\s*=\\s*([^;]+)")) == null ? void 0 : _a.pop()) || ""; } function getVodPlaybackAreaContextQueryKey(mediaId) { return ["vodPlaybackAreaContext", mediaId]; } async function getVodPlaybackAreaContext(context) { const mediaId = context.queryKey[1]; const response = await fetch( `https://svc-api.berriz.in/service/v1/medias/vod/${mediaId}/playback_area_context`, { credentials: "include" } ); if (!response.ok) { throw new Error("Failed to fetch"); } const data = await response.json(); if (data.code !== "0000" || data.message !== "SUCCESS") { throw new Error(data.message); } return data; } function Modal({ children }) { return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "modal-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "modal", children }) }); } function formatSeconds(seconds) { if (seconds < 0) { throw new Error("Seconds cannot be negative"); } if (!Number.isInteger(seconds)) { seconds = Math.floor(seconds); } const totalMinutes = Math.floor(seconds / 60); const remainingSeconds = seconds % 60; if (totalMinutes > 60) { const hours = Math.floor(totalMinutes / 60); const minutes = totalMinutes % 60; return `${hours}:${minutes.toString().padStart(2, "0")}:${remainingSeconds.toString().padStart(2, "0")}`; } return `${totalMinutes.toString().padStart(2, "0")}:${remainingSeconds.toString().padStart(2, "0")}`; } function Preview({ data }) { return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "video-preview", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "video-wrapper", children: [ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "video-container", children: [ /* @__PURE__ */ jsxRuntimeExports.jsx( "img", { alt: data.data.media.title, loading: "lazy", decoding: "async", "data-nimg": "fill", className: "object-contain", sizes: "(max-width: 1320px) 33vw, 25vw", srcSet: ` ${data.data.media.thumbnailUrl}/dims/autorotate/on/resize/256/quality/75/optimize 256w, ${data.data.media.thumbnailUrl}/dims/autorotate/on/resize/384/quality/75/optimize 384w, ${data.data.media.thumbnailUrl}/dims/autorotate/on/resize/768/quality/75/optimize 768w, ${data.data.media.thumbnailUrl}/dims/autorotate/on/resize/1080/quality/75/optimize 1080w, ${data.data.media.thumbnailUrl}/dims/autorotate/on/resize/1320/quality/75/optimize 1320w, ${data.data.media.thumbnailUrl}/dims/autorotate/on/resize/1920/quality/75/optimize 1920w `, src: `${data.data.media.thumbnailUrl}/dims/autorotate/on/resize/1920/quality/75/optimize`, style: { position: "absolute", width: "100%", height: "100%", inset: 0, color: "transparent" } } ), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "video-overlay", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "duration-text", children: formatSeconds(data.data.media.vod.duration) }) }), data.data.media.isFanclubOnly && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "badge-container", children: /* @__PURE__ */ jsxRuntimeExports.jsxs( "svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", fill: "none", viewBox: "0 0 18 18", children: [ /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { filter: "url(#ic_bullet_fanclub_shadow_18_svg__a)", children: [ /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "9", cy: "8.5", r: "7.5", fill: "#6870FF" }), /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "9", cy: "8.5", r: "8", stroke: "#525BF9" }) ] }), /* @__PURE__ */ jsxRuntimeExports.jsx( "path", { fill: "#fff", d: "M9 2.875A5.62 5.62 0 0 1 3.375 8.5 5.63 5.63 0 0 1 9 14.125 5.62 5.62 0 0 1 14.625 8.5 5.63 5.63 0 0 1 9 2.875" } ), /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs( "filter", { id: "ic_bullet_fanclub_shadow_18_svg__a", width: "17", height: "18", x: "0.5", y: "0", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [ /* @__PURE__ */ jsxRuntimeExports.jsx( "feFlood", { floodOpacity: "0", result: "BackgroundImageFix" } ), /* @__PURE__ */ jsxRuntimeExports.jsx( "feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" } ), /* @__PURE__ */ jsxRuntimeExports.jsx("feOffset", { dy: "1" }), /* @__PURE__ */ jsxRuntimeExports.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), /* @__PURE__ */ jsxRuntimeExports.jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" }), /* @__PURE__ */ jsxRuntimeExports.jsx( "feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_21279_44665" } ), /* @__PURE__ */ jsxRuntimeExports.jsx( "feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_21279_44665", result: "shape" } ) ] } ) }) ] } ) }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "video-border" }) ] }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-8", children: [ /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "video-title", children: data.data.media.title }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "meta-container", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "meta-row", children: [ /* @__PURE__ */ jsxRuntimeExports.jsxs( "svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "13", fill: "none", viewBox: "0 0 14 13", children: [ /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { clipPath: "url(#ic_list_video_14_svg__a)", children: [ /* @__PURE__ */ jsxRuntimeExports.jsx( "rect", { width: "13", height: "12", x: "0.5", y: "0.5", stroke: "#A0A0A0", rx: "1.9" } ), /* @__PURE__ */ jsxRuntimeExports.jsx( "path", { fill: "#A0A0A0", fillRule: "evenodd", d: "M9.167 6.163a.5.5 0 0 1 0 .8l-2.667 2a.5.5 0 0 1-.8-.4v-4a.5.5 0 0 1 .8-.4z", clipRule: "evenodd" } ) ] }), /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("clipPath", { id: "ic_list_video_14_svg__a", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { fill: "#fff", d: "M0 0h14v13H0z" }) }) }) ] } ), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "meta-details", children: [ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "meta-text", children: "영상" }), data.data.media.isFanclubOnly && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [ /* @__PURE__ */ jsxRuntimeExports.jsx( "svg", { xmlns: "http://www.w3.org/2000/svg", width: "2", height: "3", fill: "none", viewBox: "0 0 2 3", className: "dot", children: /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "1", cy: "1.5", r: "1", fill: "#A0A0A0" }) } ), /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "fanclub-text", children: "Fanclub Only" }) ] }) ] }) ] }) }) ] }) ] }) }); } function DrmInfo({ data }) { return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "drm-info-container", children: [ /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [ /* @__PURE__ */ jsxRuntimeExports.jsxs( "svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [ /* @__PURE__ */ jsxRuntimeExports.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" }), /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 9h.01" }), /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M11 12h1v4h1" }) ] } ), "This video is DRM-protected and requires manual decryption. Please use the information below to decrypt it yourself." ] }), /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "drm-info", children: JSON.stringify({ drmInfo: data.data.media.vod.drmInfo }, null, 2) }) ] }); } function Media({ mediaId }) { const query = reactQuery.useQuery({ queryKey: getVodPlaybackAreaContextQueryKey(mediaId), queryFn: getVodPlaybackAreaContext }); const [copied, setCopied] = require$$0.useState(false); const handleCopy = async () => { if (query.data) { await navigator.clipboard.writeText( query.data.data.media.vod.dash.playbackUrl ); setCopied(true); setTimeout(() => setCopied(false), 2e3); } }; if (query.error) { return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, { children: [ /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "modal-title", children: "Error" }), /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "modal-content", style: { whiteSpace: "pre" }, children: query.error instanceof Error ? query.error.message : String(query.error) }), /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "modal-button", onClick: () => navigation == null ? void 0 : navigation.back(), children: "Back" }) ] }); } return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, { children: [ /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "modal-title", children: "BerrizDown" }), query.data ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [ /* @__PURE__ */ jsxRuntimeExports.jsx(Preview, { data: query.data }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "modal-input-container", children: [ /* @__PURE__ */ jsxRuntimeExports.jsx( "input", { type: "text", className: "modal-input", value: query.data.data.media.vod.dash.playbackUrl, readOnly: true } ), /* @__PURE__ */ jsxRuntimeExports.jsx( "button", { className: "copy-button", onClick: handleCopy, title: "Copy URL", children: /* @__PURE__ */ jsxRuntimeExports.jsxs( "svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [ /* @__PURE__ */ jsxRuntimeExports.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" }), /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" }) ] } ) } ), copied && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "copied-message", children: "Copied!" }) ] }), query.data.data.media.vod.isDrm && /* @__PURE__ */ jsxRuntimeExports.jsx(DrmInfo, { data: query.data }) ] }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "modal-button", onClick: () => navigation == null ? void 0 : navigation.back(), children: "Cancel" }) ] }); } function NotLoggedIn() { return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, { children: [ /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "modal-title", children: "BerrizDown" }), /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "modal-content", children: "Use after login." }), /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "modal-button", onClick: () => navigation == null ? void 0 : navigation.back(), children: "Back" }) ] }); } function App() { const media = useBerrizMedia(); const authStatus = getCookieValue("auth_status") === "authenticated"; return media && media.type === "media/content" ? authStatus ? /* @__PURE__ */ jsxRuntimeExports.jsx(Media, { mediaId: media.id }) : /* @__PURE__ */ jsxRuntimeExports.jsx(NotLoggedIn, {}) : null; } function Root() { return /* @__PURE__ */ jsxRuntimeExports.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) }); } const injectedStyle = "*{box-sizing:border-box;padding:0;margin:0}h3{margin:0}.modal-wrapper{position:absolute;top:0;left:0;z-index:100;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.modal{min-width:400px;max-width:70vw;border-radius:20px;background-color:#2a2a2a;padding:24px;text-align:center;display:flex;flex-direction:column;row-gap:24px}.modal-title{font-size:18px;font-weight:600;line-height:24px;color:#fff}.modal-content{font-size:15px;font-weight:400;line-height:20px;color:#e5e5e5}.modal-button{font-size:15px;font-weight:600;line-height:20px;color:#fff;padding:12px 30px;border:1px solid hsla(0,0%,100%,.22);border-radius:8px;background:none;display:flex;flex:1 1 0%;height:44px;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1);transform:scale(1)}.modal-button:active{transform:scale(.95)}.modal-button:disabled{color:#ffffff38;border-color:#ffffff1a}.modal-input{width:700px;max-width:100%;outline:2px solid transparent;outline-offset:2px;background-color:transparent;color:#fafafa;font-size:15px;font-weight:400;line-height:20px;padding:16px 40px 16px 16px;border:1px solid hsla(0,0%,100%,.22);border-radius:8px;flex-grow:1}.modal-input-container{display:flex;align-items:center;position:relative}.copy-button{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;position:absolute;right:10px;top:50%;z-index:1;transform:translateY(-50%) scale(1);transition:transform .2s cubic-bezier(.4,0,.2,1)}.copy-button:active{transform:translateY(-50%) scale(.8)}.copied-message{position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:12px;color:#fff;background-color:#000000b3;padding:2px 5px;border-radius:4px;white-space:nowrap;z-index:2}.debug{font-size:15px;font-weight:400;line-height:20px;color:#e5e5e5;font-family:monospace;text-align:left;line-break:anywhere;-webkit-user-select:text;user-select:text}.drm-info-container{text-align:left}.drm-info-container p{display:inline-flex;align-items:center;margin-bottom:8px;font-size:.75rem;font-weight:400;line-height:1rem;color:#999}.drm-info-container p svg{margin-right:4px}.drm-info{width:700px;max-width:100%;overflow-x:auto;background-color:#202020;padding:16px;border-radius:8px;-webkit-user-select:text;user-select:text}.video-preview{width:100%}.video-preview .video-wrapper{display:flex;width:100%;max-width:707px;flex-direction:column}.video-preview .video-container{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px}.video-preview .object-contain{object-fit:contain}.video-preview .video-overlay{position:absolute;bottom:0;left:0;display:flex;height:60px;width:100%;align-items:flex-end;justify-content:flex-end;padding-left:14px;padding-right:14px;padding-bottom:14px;background:linear-gradient(to top,#00000080,#0000)}.video-preview .duration-text{color:#fff;font-size:13px;font-weight:400;line-height:17px}.video-preview .badge-container{position:absolute;left:10px;top:10px}.video-preview .video-border{border:1px solid hsla(0,0%,100%,.1);position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:12px;border-style:solid}.video-preview .mt-8{margin-top:8px}.video-preview .video-title{color:#fafafa;font-size:1rem;font-weight:400;line-height:1.5rem;overflow:hidden;word-break:break-all;text-align:left}.video-preview .meta-container{margin-top:6px;display:flex;flex-direction:column}.video-preview .meta-row{display:flex;align-items:center}.video-preview .meta-details{display:flex;align-items:center;margin-left:6px}.video-preview .meta-text{font-size:.75rem;font-weight:400;line-height:1rem;color:#999}.video-preview .dot{flex-shrink:0;margin-left:4px}.video-preview .fanclub-text{font-size:.75rem;font-weight:400;line-height:1rem;color:#969bf5;flex-shrink:0;margin-left:6px}"; const root = document.createElement("div"); root.id = "berriz-userscript-content-view-root"; document.body.append(root); const rootIntoShadow = document.createElement("div"); rootIntoShadow.id = "shadow-root"; const shadowRoot = root.attachShadow({ mode: "open" }); if (navigator.userAgent.includes("Firefox")) { const styleElement = document.createElement("style"); styleElement.innerHTML = injectedStyle; shadowRoot.appendChild(styleElement); } else { const globalStyleSheet = new CSSStyleSheet(); globalStyleSheet.replaceSync(injectedStyle); shadowRoot.adoptedStyleSheets = [globalStyleSheet]; } shadowRoot.appendChild(rootIntoShadow); clientExports.createRoot(rootIntoShadow).render(/* @__PURE__ */ jsxRuntimeExports.jsx(Root, {})); })(React, ReactDOM, ReactQuery);
