diff --git a/package.json b/package.json index 2941238..705bdc9 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "gomdown-helper", "private": true, - "version": "0.0.10", + "version": "0.0.11", "type": "module", "scripts": { "dev": "vite", diff --git a/packages/chrome/.vite/manifest.json b/packages/chrome/.vite/manifest.json index 01ea0c3..561a9de 100644 --- a/packages/chrome/.vite/manifest.json +++ b/packages/chrome/.vite/manifest.json @@ -1,6 +1,6 @@ { "../../../../../@crx/manifest": { - "file": "assets/crx-manifest.js--9ZsUvq0.js", + "file": "assets/crx-manifest.js-B0cyAIB1.js", "name": "crx-manifest.js", "src": "../../../../../@crx/manifest", "isEntry": true @@ -20,9 +20,9 @@ "file": "assets/downloadIntent-Dv31jC2S.js", "name": "downloadIntent" }, - "_index.ts-loader-DMyyuf2n.js": { - "file": "assets/index.ts-loader-DMyyuf2n.js", - "src": "_index.ts-loader-DMyyuf2n.js" + "_index.ts-loader-BHtfStLc.js": { + "file": "assets/index.ts-loader-BHtfStLc.js", + "src": "_index.ts-loader-BHtfStLc.js" }, "_settings-Bo6W9Drl.js": { "file": "assets/settings-Bo6W9Drl.js", @@ -32,7 +32,7 @@ ] }, "src/background/index.ts": { - "file": "assets/index.ts-U2ACoZ75.js", + "file": "assets/index.ts-BAxKsZ8F.js", "name": "index.ts", "src": "src/background/index.ts", "isEntry": true, @@ -57,7 +57,7 @@ ] }, "src/content/index.ts": { - "file": "assets/index.ts-BGLNJwsP.js", + "file": "assets/index.ts-CMnPQ13j.js", "name": "index.ts", "src": "src/content/index.ts", "isEntry": true, diff --git a/packages/chrome/assets/index.ts-BAxKsZ8F.js b/packages/chrome/assets/index.ts-BAxKsZ8F.js new file mode 100644 index 0000000..6a56ba5 --- /dev/null +++ b/packages/chrome/assets/index.ts-BAxKsZ8F.js @@ -0,0 +1 @@ +import{b as i}from"./browser-polyfill-CZ_dLIqp.js";import{n as E,a as B}from"./downloadIntent-Dv31jC2S.js";import{g as m}from"./settings-Bo6W9Drl.js";const N="org.gdown.nativehost";async function W(e){return i.runtime.sendNativeMessage(N,{action:"addUri",...e})}async function Y(){return i.runtime.sendNativeMessage(N,{action:"focus"})}const b="history";async function K(){const t=(await i.storage.local.get([b]))[b];return Array.isArray(t)?t:[]}async function Q(e){await i.storage.local.set({[b]:e.slice(0,300)})}async function V(e){const t=await K(),n=t.findIndex(r=>r.gid===e.gid);n>=0?t[n]=e:t.unshift(e),await Q(t)}function F(e,t){const n=Array.isArray(e?.responseHeaders)?e.responseHeaders:[],r=t.toLowerCase(),o=n.find(s=>String(s?.name||"").toLowerCase()===r);return String(o?.value||"")}function X(e){const t=e.toLowerCase();return t?t.includes("application/vnd.apple.mpegurl")||t.includes("application/x-mpegurl")||t.includes("audio/mpegurl")?"m3u8":t.includes("video/mp4")?"mp4":t.includes("application/octet-stream")&&t.includes("m3u8")?"m3u8":t.includes("hls")?"hls":"unknown":"unknown"}function j(e){const t=String(e||"").toLowerCase();return t.includes(".m3u8")?"m3u8":t.includes(".m3u")?"m3u":t.includes(".mp4")?"mp4":t.includes("m3u8")?"m3u8":t.includes("hls")?"hls":"unknown"}function P(e,t){const n=X(t);return n!=="unknown"?n:j(e)}function J(e){if(!e?.url)return!1;const t=String(e?.method||"").toUpperCase();if(t&&t!=="GET")return!1;const n=Number(e?.statusCode||0);if(n>0&&(n<200||n>299))return!1;const r=String(e?.type||"");if(!["xmlhttprequest","media","other","main_frame","sub_frame","fetch"].includes(r))return!1;const o=F(e,"content-type");return P(e.url,o)!=="unknown"}function Z(e,t=""){const n=F(e,"content-type"),r=String(e?.url||""),o=P(r,n),s=Number.isInteger(e?.tabId)?Number(e.tabId):-1,a=Date.now();return{id:`${a}:${s}:${o}:${r}`,url:r,kind:o,tabId:s,pageUrl:String(e?.documentUrl||e?.initiator||""),referer:String(t||e?.documentUrl||e?.initiator||""),contentType:n,detectedAt:a}}function q(e){try{const t=new URL(e);return`${t.protocol}//${t.host}${t.pathname}`.toLowerCase()}catch{return String(e||"").toLowerCase()}}const y="media_candidates",ee=200;async function G(){const t=(await i.storage.local.get([y]))[y];return Array.isArray(t)?t:[]}async function te(e){const t=[...e].sort((n,r)=>r.detectedAt-n.detectedAt);await i.storage.local.set({[y]:t.slice(0,ee)})}async function ne(e,t){const n=await G(),r=n.findIndex(o=>{try{const s=new URL(o.url);return`${s.protocol}//${s.host}${s.pathname}`.toLowerCase()===t}catch{return o.url.toLowerCase()===t}});r>=0?n[r]={...n[r],...e,detectedAt:Date.now()}:n.unshift(e),await te(n)}async function re(){await i.storage.local.set({[y]:[]})}const h=8e3,oe=7e3,C="gomdown-helper-download-context-menu-option",d=new Map,v=new Map,M=new Map,x=new Map,f=new Map,I=new Map,L=new Map;let T=!1,D=!1,$=!1,l=null;function S(e){try{const t=new URL(e),n=(t.pathname||"/").replace(/\/+$/,"")||"/";return`${t.protocol}//${t.host}${n}`.toLowerCase()}catch{return String(e||"").toLowerCase()}}function c(e){const t=Date.now();for(const[n,r]of e.entries())r<=t&&e.delete(n)}function O(e){const t=Date.now()+h;v.set(E(e),t),M.set(S(e),t)}function z(e){!Number.isInteger(e)||(e??-1)<0||I.set(e,Date.now()+h)}function ie(e){c(v),c(M);const t=E(e);return v.has(t)||M.has(S(e))}function se(e){return c(I),!Number.isInteger(e)||(e??-1)<0?!1:I.has(e)}function ae(e){return c(x),x.has(S(e))}function ue(e){x.set(S(e),Date.now()+oe)}function ce(e){return c(f),!!e&&f.has(e)}function le(e){e&&f.set(e,Date.now()+h)}function de(e){c(L);const t=q(e);return L.has(t)}function fe(e){L.set(q(e),Date.now()+h)}async function pe(){try{await Y()}catch{}}async function U(e){await i.notifications.create(`gomdown-notice-${Date.now()}`,{type:"basic",iconUrl:"/images/icon-large.png",title:"Gomdown Helper",message:e}).catch(()=>null)}async function u(e,t="",n,r){if(ae(e))return{ok:!1,error:"duplicate transfer suppressed"};const o=await m();if(!o.extensionStatus)return{ok:!1,error:"extension disabled"};if(!o.motrixAPIkey)return{ok:!1,error:"motrixAPIkey is not set"};try{const s=await W({url:e,rpcPort:o.motrixPort,rpcSecret:o.motrixAPIkey,referer:t,split:64,extractor:n==="yt-dlp"?"yt-dlp":void 0,format:n==="yt-dlp"?r||"bestvideo*+bestaudio/best":void 0});if(!s?.ok)return{ok:!1,error:s?.error||"native host addUri failed"};o.activateAppOnDownload&&await pe(),ue(e);const a=String(s?.gid||s?.requestId||`pending-${Date.now()}`),g=(()=>{try{return new URL(e).pathname}catch{return""}})().split("/").filter(Boolean).pop()||e;return await V({gid:a,downloader:"native",startTime:new Date().toISOString(),icon:"/images/32.png",name:decodeURIComponent(g),path:null,status:s?.pending?"queued":"downloading",size:0,downloaded:0}),o.enableNotifications&&await i.notifications.create(`gomdown-transfer-${Date.now()}`,{type:"basic",iconUrl:"/images/icon-large.png",title:"Gomdown Helper",message:"Download sent to gdown"}),{ok:!0}}catch(s){return{ok:!1,error:String(s)}}}async function me(e){if(e.type!=="main_frame"||(e.method||"").toUpperCase()!=="GET"||typeof e.statusCode=="number"&&(e.statusCode<200||e.statusCode>299))return!1;const t=await m();if(!t.extensionStatus||!t.motrixAPIkey)return!1;const n=String(Array.isArray(e?.responseHeaders)&&e.responseHeaders.find(o=>String(o?.name||"").toLowerCase()==="content-length")?.value||""),r=Number(n||0);return t.minFileSize>0&&r>0&&r{await w();const t=e,n=t.finalUrl||t.url||"";!ie(n)&&!se(t.tabId)||(await i.downloads.cancel(e.id).catch(()=>null),await i.downloads.erase({id:e.id}).catch(()=>null),await i.downloads.removeFile(e.id).catch(()=>null))}))}function A(){T||(T=!0,i.webRequest.onSendHeaders.addListener(e=>{d.set(e.requestId,e)},{urls:[""]},["requestHeaders","extraHeaders"]),i.webRequest.onErrorOccurred.addListener(e=>{d.delete(e.requestId),f.delete(String(e.requestId))},{urls:[""]}),i.webRequest.onCompleted.addListener(e=>{d.delete(e.requestId),f.delete(String(e.requestId))},{urls:[""]}),i.webRequest.onHeadersReceived.addListener(e=>{we(e),ge(e)},{urls:[""]},["responseHeaders"]))}async function _(e,t){console.log("[gomdown-helper] context menu clicked",{menuItemId:e?.menuItemId,linkUrl:e?.linkUrl,srcUrl:e?.srcUrl,frameUrl:e?.frameUrl,pageUrl:e?.pageUrl,tabUrl:t?.url});const n=e?.menuItemId;if(n!=null&&String(n)!==C)return;const r=String(e?.linkUrl||e?.srcUrl||"").trim(),o=String(e?.frameUrl||e?.pageUrl||t?.url||"").trim(),a=String(r||o||"").trim();if(!a||/^(about:|chrome:|chrome-extension:|edge:|brave:)/i.test(a)){await U("다운로드 가능한 URL을 찾지 못했습니다.");return}const k=!r&&!!o,g=await u(a,String(e?.pageUrl||t?.url||""),k?"yt-dlp":"aria2");if(!g.ok){await U(`전송 실패: ${g.error||"unknown error"}`);return}await U(k?"페이지 URL을 yt-dlp로 gdown에 전송했습니다.":"gdown으로 전송했습니다.")}function ye(){if(typeof chrome>"u"||!chrome.contextMenus?.create){i.contextMenus.create({id:C,title:"Download with Gomdown",visible:!0,contexts:["all"]});return}chrome.contextMenus.create({id:C,title:"Download with Gomdown",contexts:["all"]},()=>{chrome.runtime.lastError})}function H(){$||(typeof chrome<"u"&&chrome.contextMenus?.onClicked?chrome.contextMenus.onClicked.addListener((e,t)=>{_(e,t)}):i.contextMenus.onClicked.addListener((e,t)=>{_(e,t)}),$=!0)}async function he(){const e=await m();if(!e.extensionStatus||!e.showContextOption){await i.contextMenus.removeAll().catch(()=>null);return}await i.contextMenus.removeAll().catch(()=>null),ye()}function p(){return l||(l=he().finally(()=>{l=null}),l)}i.runtime.onMessage.addListener((e,t)=>{if(e?.type==="capture-link-download"){const n=String(e?.url||"").trim();if(!n)return Promise.resolve({ok:!1,error:"url is empty"});const r=Number(t?.tab?.id);return u(n,String(e?.referer||"")).then(o=>(o.ok&&(O(n),z(r)),o))}if(e?.type==="media:list")return G().then(n=>({ok:!0,items:n}));if(e?.type==="media:clear")return re().then(()=>({ok:!0}));if(e?.type==="media:enqueue"){const n=String(e?.url||"").trim();return n?u(n,String(e?.referer||"")).then(r=>r):Promise.resolve({ok:!1,error:"url is empty"})}if(e?.type==="page:enqueue-ytdlp")return i.tabs.query({active:!0,currentWindow:!0}).then(async n=>{const r=n[0],o=String(r?.url||"").trim();return o?u(o,o,"yt-dlp"):{ok:!1,error:"active tab url is empty"}});if(e?.type==="page:enqueue-ytdlp-url"){const n=String(e?.url||"").trim(),r=String(e?.referer||n).trim();return n?u(n,r||n,"yt-dlp"):Promise.resolve({ok:!1,error:"url is empty"})}});i.runtime.onInstalled.addListener(()=>{console.log("[gomdown-helper] onInstalled"),A(),R(),H(),p(),w()});i.runtime.onStartup.addListener(()=>{console.log("[gomdown-helper] onStartup"),A(),R(),H(),p(),w()});i.storage.onChanged.addListener((e,t)=>{t==="sync"&&((e.hideChromeBar||e.useNativeHost||e.extensionStatus)&&(w(),p()),e.showContextOption&&p())});A();R();H();p();w();console.log("[gomdown-helper] service worker initialized"); diff --git a/packages/chrome/assets/index.ts-CMnPQ13j.js b/packages/chrome/assets/index.ts-CMnPQ13j.js new file mode 100644 index 0000000..cc8d4c8 --- /dev/null +++ b/packages/chrome/assets/index.ts-CMnPQ13j.js @@ -0,0 +1 @@ +import{b as m}from"./browser-polyfill-CZ_dLIqp.js";import{i as a,n as k}from"./downloadIntent-Dv31jC2S.js";const E=8e3,i=new Map;function v(){const e=Date.now();for(const[r,t]of i.entries())t<=e&&i.delete(r)}async function u(e,r){const t=k(e,window.location.href);if(!t)return!1;if(v(),i.has(t))return!0;i.set(t,Date.now()+E);try{if((await m.runtime.sendMessage({type:"capture-link-download",url:t,referer:r||document.referrer||window.location.href}))?.ok)return!0}catch{}return i.delete(t),!1}function p(e){return e?e instanceof HTMLAnchorElement?e:e instanceof Element?e.closest("a[href]"):null:null}function h(e){return!!(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)}async function g(e){if(e.defaultPrevented||h(e))return;const r=p(e.target);if(!r)return;const t=r.href||"";!t||!a(t,window.location.href)||(e.preventDefault(),e.stopImmediatePropagation(),e.stopPropagation(),await u(t,document.referrer||window.location.href))}function b(e){const r=p(e.target);if(!r)return;const t=r.href||"";!t||!a(t,window.location.href)||h(e)||(e.preventDefault(),e.stopImmediatePropagation(),e.stopPropagation(),u(t,document.referrer||window.location.href))}document.addEventListener("pointerdown",e=>{e.button===0&&b(e)},!0);document.addEventListener("mousedown",e=>{e.button===0&&b(e)},!0);document.addEventListener("click",e=>{e.button===0&&g(e)},!0);document.addEventListener("keydown",e=>{if(e.key!=="Enter"||e.defaultPrevented||h(e))return;const r=p(e.target);if(!r)return;const t=r.href||"";!t||!a(t,window.location.href)||(e.preventDefault(),e.stopImmediatePropagation(),e.stopPropagation(),u(t,document.referrer||window.location.href))},!0);document.addEventListener("auxclick",e=>{e.button===1&&g(e)},!0);function C(){try{const e=window.open.bind(window);window.open=function(t,n,x){const d=String(t||"").trim();return d&&a(d,window.location.href)?(u(d,window.location.href),null):e(t,n,x)}}catch{}try{const e=HTMLAnchorElement.prototype.click;HTMLAnchorElement.prototype.click=function(){const t=this.href||this.getAttribute("href")||"";if(t&&a(t,window.location.href)){u(t,document.referrer||window.location.href);return}e.call(this)}}catch{}}C();let l=null,o=null,w=!1,y=null,s=window.location.href;function L(e){try{const r=new URL(e);return r.hostname!=="www.youtube.com"&&r.hostname!=="youtube.com"?!1:r.pathname==="/watch"&&r.searchParams.has("v")}catch{return!1}}function c(e,r="idle"){o&&(o.textContent=e,r==="ok"?o.style.color="#8ff0a4":r==="error"?o.style.color="#ff9b9b":o.style.color="#aeb7d8")}async function P(){if(!w){w=!0,c("gdown으로 전송 중...");try{const e=await m.runtime.sendMessage({type:"page:enqueue-ytdlp-url",url:window.location.href,referer:window.location.href});e?.ok?c("다운로드 모달로 전송됨","ok"):c(`전송 실패: ${e?.error||"unknown error"}`,"error")}catch(e){c(`전송 실패: ${String(e)}`,"error")}finally{w=!1}}}function I(){l&&(l.remove(),l=null,o=null)}function f(){if(window.top!==window.self)return;if(!L(window.location.href)){I();return}if(l)return;const e=document.createElement("div");e.id="gomdown-youtube-overlay",e.style.position="fixed",e.style.right="20px",e.style.bottom="24px",e.style.zIndex="2147483647",e.style.background="rgba(17, 21, 32, 0.94)",e.style.border="1px solid rgba(133, 148, 195, 0.35)",e.style.borderRadius="12px",e.style.padding="10px",e.style.boxShadow="0 8px 24px rgba(0, 0, 0, 0.28)",e.style.backdropFilter="blur(6px)",e.style.width="220px",e.style.fontFamily="ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif",e.style.color="#e8edff";const r=document.createElement("div");r.textContent="Gdown Helper",r.style.fontSize="12px",r.style.fontWeight="700",r.style.marginBottom="8px";const t=document.createElement("button");t.type="button",t.textContent="이 영상 다운로드",t.style.width="100%",t.style.height="34px",t.style.border="1px solid #5a69f0",t.style.borderRadius="8px",t.style.background="#5a69f0",t.style.color="#ffffff",t.style.fontSize="12px",t.style.fontWeight="700",t.style.cursor="pointer",t.addEventListener("click",()=>{P()});const n=document.createElement("div");n.textContent="클릭 시 gdown 다운로드 모달로 연결",n.style.fontSize="11px",n.style.marginTop="8px",n.style.lineHeight="1.35",n.style.color="#aeb7d8",e.appendChild(r),e.appendChild(t),e.appendChild(n),document.documentElement.appendChild(e),l=e,o=n}function S(){y===null&&(y=window.setInterval(()=>{const e=window.location.href;e!==s&&(s=e,f())},800),window.addEventListener("popstate",()=>{s=window.location.href,f()}),document.addEventListener("yt-navigate-finish",()=>{s=window.location.href,f()}))}f();S(); diff --git a/packages/chrome/assets/index.ts-loader-BHtfStLc.js b/packages/chrome/assets/index.ts-loader-BHtfStLc.js new file mode 100644 index 0000000..de55a3c --- /dev/null +++ b/packages/chrome/assets/index.ts-loader-BHtfStLc.js @@ -0,0 +1,13 @@ +(function () { + 'use strict'; + + const injectTime = performance.now(); + (async () => { + const { onExecute } = await import( + /* @vite-ignore */ + chrome.runtime.getURL("assets/index.ts-CMnPQ13j.js") + ); + onExecute?.({ perf: { injectTime, loadTime: performance.now() - injectTime } }); + })().catch(console.error); + +})(); diff --git a/packages/chrome/manifest.json b/packages/chrome/manifest.json index 9c66b18..422b4f4 100644 --- a/packages/chrome/manifest.json +++ b/packages/chrome/manifest.json @@ -2,7 +2,7 @@ "manifest_version": 3, "name": "Gomdown Helper", "description": "Send browser downloads to gdown", - "version": "0.0.10", + "version": "0.0.11", "default_locale": "en", "icons": { "16": "images/16.png", @@ -28,7 +28,7 @@ "content_scripts": [ { "js": [ - "assets/index.ts-loader-DMyyuf2n.js" + "assets/index.ts-loader-BHtfStLc.js" ], "matches": [ "" @@ -59,7 +59,7 @@ "images/*", "assets/browser-polyfill-CZ_dLIqp.js", "assets/downloadIntent-Dv31jC2S.js", - "assets/index.ts-BGLNJwsP.js" + "assets/index.ts-CMnPQ13j.js" ], "use_dynamic_url": false } diff --git a/packages/chrome/service-worker-loader.js b/packages/chrome/service-worker-loader.js index bbe519e..8d9dbfa 100644 --- a/packages/chrome/service-worker-loader.js +++ b/packages/chrome/service-worker-loader.js @@ -1 +1 @@ -import './assets/index.ts-U2ACoZ75.js'; +import './assets/index.ts-BAxKsZ8F.js'; diff --git a/packages/gomdown-helper.v0.0.11.chrome.zip b/packages/gomdown-helper.v0.0.11.chrome.zip new file mode 100644 index 0000000..4b65c53 Binary files /dev/null and b/packages/gomdown-helper.v0.0.11.chrome.zip differ diff --git a/src/background/index.ts b/src/background/index.ts index 7b18730..7777baa 100644 --- a/src/background/index.ts +++ b/src/background/index.ts @@ -419,6 +419,13 @@ browser.runtime.onMessage.addListener((message: any, sender: any) => { }) } + if (message?.type === 'page:enqueue-ytdlp-url') { + const url = String(message?.url || '').trim() + const referer = String(message?.referer || url).trim() + if (!url) return Promise.resolve({ ok: false, error: 'url is empty' }) + return transferUrlToGdown(url, referer || url, 'yt-dlp') + } + return undefined }) diff --git a/src/content/index.ts b/src/content/index.ts index 41a0a29..5813684 100644 --- a/src/content/index.ts +++ b/src/content/index.ts @@ -140,3 +140,142 @@ function installProgrammaticInterceptors(): void { } installProgrammaticInterceptors() + +let ytOverlayRoot: HTMLDivElement | null = null +let ytOverlayStatus: HTMLDivElement | null = null +let ytOverlayBusy = false +let ytUrlWatcherTimer: number | null = null +let lastObservedUrl = window.location.href + +function isYoutubeWatchPage(url: string): boolean { + try { + const parsed = new URL(url) + if (parsed.hostname !== 'www.youtube.com' && parsed.hostname !== 'youtube.com') return false + return parsed.pathname === '/watch' && parsed.searchParams.has('v') + } catch { + return false + } +} + +function setYtOverlayStatus(message: string, tone: 'ok' | 'error' | 'idle' = 'idle'): void { + if (!ytOverlayStatus) return + ytOverlayStatus.textContent = message + if (tone === 'ok') ytOverlayStatus.style.color = '#8ff0a4' + else if (tone === 'error') ytOverlayStatus.style.color = '#ff9b9b' + else ytOverlayStatus.style.color = '#aeb7d8' +} + +async function enqueueCurrentYoutubePage(): Promise { + if (ytOverlayBusy) return + ytOverlayBusy = true + setYtOverlayStatus('gdown으로 전송 중...') + try { + const result = (await browser.runtime.sendMessage({ + type: 'page:enqueue-ytdlp-url', + url: window.location.href, + referer: window.location.href, + })) as { ok?: boolean; error?: string } + if (result?.ok) { + setYtOverlayStatus('다운로드 모달로 전송됨', 'ok') + } else { + setYtOverlayStatus(`전송 실패: ${result?.error || 'unknown error'}`, 'error') + } + } catch (error) { + setYtOverlayStatus(`전송 실패: ${String(error)}`, 'error') + } finally { + ytOverlayBusy = false + } +} + +function removeYoutubeOverlay(): void { + if (ytOverlayRoot) { + ytOverlayRoot.remove() + ytOverlayRoot = null + ytOverlayStatus = null + } +} + +function ensureYoutubeOverlay(): void { + if (window.top !== window.self) return + if (!isYoutubeWatchPage(window.location.href)) { + removeYoutubeOverlay() + return + } + if (ytOverlayRoot) return + + const root = document.createElement('div') + root.id = 'gomdown-youtube-overlay' + root.style.position = 'fixed' + root.style.right = '20px' + root.style.bottom = '24px' + root.style.zIndex = '2147483647' + root.style.background = 'rgba(17, 21, 32, 0.94)' + root.style.border = '1px solid rgba(133, 148, 195, 0.35)' + root.style.borderRadius = '12px' + root.style.padding = '10px' + root.style.boxShadow = '0 8px 24px rgba(0, 0, 0, 0.28)' + root.style.backdropFilter = 'blur(6px)' + root.style.width = '220px' + root.style.fontFamily = 'ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif' + root.style.color = '#e8edff' + + const title = document.createElement('div') + title.textContent = 'Gdown Helper' + title.style.fontSize = '12px' + title.style.fontWeight = '700' + title.style.marginBottom = '8px' + + const action = document.createElement('button') + action.type = 'button' + action.textContent = '이 영상 다운로드' + action.style.width = '100%' + action.style.height = '34px' + action.style.border = '1px solid #5a69f0' + action.style.borderRadius = '8px' + action.style.background = '#5a69f0' + action.style.color = '#ffffff' + action.style.fontSize = '12px' + action.style.fontWeight = '700' + action.style.cursor = 'pointer' + action.addEventListener('click', () => { + void enqueueCurrentYoutubePage() + }) + + const status = document.createElement('div') + status.textContent = '클릭 시 gdown 다운로드 모달로 연결' + status.style.fontSize = '11px' + status.style.marginTop = '8px' + status.style.lineHeight = '1.35' + status.style.color = '#aeb7d8' + + root.appendChild(title) + root.appendChild(action) + root.appendChild(status) + document.documentElement.appendChild(root) + + ytOverlayRoot = root + ytOverlayStatus = status +} + +function watchYoutubeRouteChanges(): void { + if (ytUrlWatcherTimer !== null) return + ytUrlWatcherTimer = window.setInterval(() => { + const current = window.location.href + if (current === lastObservedUrl) return + lastObservedUrl = current + ensureYoutubeOverlay() + }, 800) + + window.addEventListener('popstate', () => { + lastObservedUrl = window.location.href + ensureYoutubeOverlay() + }) + + document.addEventListener('yt-navigate-finish', () => { + lastObservedUrl = window.location.href + ensureYoutubeOverlay() + }) +} + +ensureYoutubeOverlay() +watchYoutubeRouteChanges()