Send multiple PikPak links to Motrix (aria2) with folder structure preserved. Includes floating draggable button, in-page RPC configuration panel, selection tools, and sorting options.
// ==UserScript== // @name PikPak → Motrix Download (Floating Button + RPC Settings + Directory Structure) // @namespace https://example.local/ // @version 1.0.0 // @description Send multiple PikPak links to Motrix (aria2) with folder structure preserved. Includes floating draggable button, in-page RPC configuration panel, selection tools, and sorting options. // @match https://mypikpak.com/* // @icon https://www.google.com/s2/favicons?sz=64&domain=mypikpak.com // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.global.prod.js // @grant GM_xmlhttpRequest // @grant unsafeWindow // @connect localhost // @connect 127.0.0.1 // @connect * // @license MIT // ==/UserScript== (function (vue) { 'use strict'; /*** Persistent Keys ***/ const LS_RPC_URL = 'pp_rpc_url'; const LS_RPC_SECRET = 'pp_rpc_secret'; const KEEP_KEY = 'pp_keep_open_after_push'; const FAB_STORAGE_KEY = 'pp_buoy_pos'; /*** Default Values ***/ const DEFAULT_RPC_URL = '[ENTER THE JSONRPC ADDRESS FROM MOTRIX]'; //EXAMPLE: http://127.0.0.1:19128/jsonrpc const DEFAULT_SECRET = '[ENTER THE RPC SECRET]'; // Optional /*** Read / Write RPC Config ***/ const getRpcConfig = () => { let url = null, secret = null; try { url = localStorage.getItem(LS_RPC_URL) || DEFAULT_RPC_URL; } catch(_) { url = DEFAULT_RPC_URL; } try { secret = localStorage.getItem(LS_RPC_SECRET) ?? DEFAULT_SECRET; } catch(_) { secret = DEFAULT_SECRET; } return { url, secret }; }; const setRpcConfig = (url, secret) => { try { if (url) localStorage.setItem(LS_RPC_URL, url.trim()); } catch(_) {} try { localStorage.setItem(LS_RPC_SECRET, (secret ?? '').trim()); } catch(_) {} }; /*** Styles ***/ const styles = ` .pp-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;z-index:2147483646;padding:24px 20px;box-shadow:0 10px 30px rgba(0,0,0,.2);border-radius:12px;width:92%;max-width:780px;box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto} .pp-dialog h2{margin:0 0 10px;font-size:18px} .pp-close{position:absolute;right:12px;top:10px;font-size:22px;cursor:pointer;color:#777;line-height:1} .pp-close:hover{color:#333} .pp-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px} .pp-movies{height:420px;overflow:auto;border:1px solid #eee;border-radius:8px;padding:8px;background:#fafafa} .pp-movies.is-drag-selecting li{user-select:none} .pp-movies li{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px dashed #eee} .pp-movies li:last-child{border-bottom:none} .pp-row-hit{flex:1;min-width:60px;cursor:default} .pp-icon{width:22px;text-align:center} .pp-info{margin-left:auto;color:#666;font-size:12px} .pp-footer{margin-top:12px;display:flex;gap:10px;justify-content:flex-end;align-items:center} .pp-btn{padding:8px 14px;border:none;border-radius:6px;cursor:pointer} .pp-btn-primary{background:#409eff;color:#fff} .pp-keep{display:inline-flex;align-items:center;gap:6px;color:#444;font-size:13px;user-select:none} /* Floating Button */ .pp-buoy{position:fixed;right:16px;bottom:16px;z-index:2147483646;width:56px;height:56px;border-radius:50%; background:#2d8cff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;border:none; box-shadow:0 8px 20px rgba(0,0,0,.18);cursor:grab;user-select:none;-webkit-user-drag:none;touch-action:none} .pp-buoy:hover{filter:brightness(1.05)} .pp-buoy.dragging{opacity:.95;cursor:grabbing} .pp-buoy .pp-dot{position:absolute;bottom:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#fff8} .pp-gear{position:absolute;left:-6px;top:-6px;width:22px;height:22px;border-radius:50%;background:#fff;color:#2d8cff; display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer} /* Settings Dialog */ .pp-s-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;z-index:2147483647; width:92%;max-width:520px;padding:18px 18px 16px;border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.22);font-family:system-ui,-apple-system,Segoe UI,Roboto} .pp-s-title{margin:0 0 10px;font-weight:700} .pp-s-row{margin:10px 0} .pp-s-label{font-size:12px;color:#666;margin-bottom:6px;display:block} .pp-s-input{width:100%;box-sizing:border-box;border:1px solid #dcdfe6;border-radius:8px;padding:10px 12px;font-size:14px} .pp-s-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px} .pp-s-btn{padding:8px 12px;border:none;border-radius:8px;cursor:pointer} .pp-s-primary{background:#2d8cff;color:#fff} .pp-s-ghost{background:#f5f7fa} .pp-s-ok{color:#28a745;font-size:12px;margin-left:8px} .pp-s-err{color:#e63946;font-size:12px;margin-left:8px} `; const st = document.createElement('style'); st.textContent = styles; document.head.appendChild(st); /*** Utility Helpers ***/ function safeName(name){ return String(name).replace(/[\/\\:\*\?"<>\|]/g, '_').trim(); } function pathJoin(base, rel){ if (!base) return rel || ''; const sep = base.includes('\\') ? '\\' : '/'; const left = String(base).replace(/[\/\\]+$/,''); const right = String(rel || '').replace(/^[/\\]+/,'').replace(/[\/\\]+/g, sep); return right ? (left + sep + right) : left; } /*** RPC Wrapper (Dynamic Config) ***/ function rpc(method, params = []) { const { url, secret } = getRpcConfig(); return new Promise((resolve, reject) => { const payload = { jsonrpc: '2.0', id: String(Date.now()), method, params: [] }; if (secret) payload.params.push('token:' + secret); if (params?.length) payload.params.push(...params); GM_xmlhttpRequest({ method: 'POST', url, headers: { 'Content-Type': 'application/json' }, data: JSON.stringify(payload), onload: (res) => { if (res.status < 200 || res.status >= 300) return reject(new Error('HTTP ' + res.status)); try { const obj = JSON.parse(res.responseText || '{}'); if ('error' in obj) return reject(new Error(obj.error?.message || 'RPC error')); resolve(obj.result); } catch (e) { reject(e); } }, onerror: reject }); }); } /*** Floating Button Drag Logic ***/ const clamp = (v,min,max)=> Math.max(min, Math.min(max, v)); const loadPos = ()=>{ try{ const raw=localStorage.getItem(FAB_STORAGE_KEY); if(!raw) return null; const o=JSON.parse(raw); if(typeof o.left==='number'&&typeof o.top==='number') return o; }catch(_){} return null; }; const savePos = (p)=>{ try{ localStorage.setItem(FAB_STORAGE_KEY, JSON.stringify(p)); }catch(_){} }; function makeDraggable(el){ let sx=0, sy=0, sl=0, st=0, dragging=false; const start = (cx, cy) => { const r = el.getBoundingClientRect(); sx=cx; sy=cy; sl=r.left; st=r.top; dragging=true; el.classList.add('dragging'); document.addEventListener('mousemove', move); document.addEventListener('mouseup', end); document.addEventListener('touchmove', move, {passive:false}); document.addEventListener('touchend', end, {passive:false}); }; const place = (l,t)=>{ const pad=8, vw=innerWidth, vh=innerHeight, w=el.offsetWidth, h=el.offsetHeight; el.style.left=clamp(l,pad,vw-w-pad)+'px'; el.style.top=clamp(t,pad,vh-h-pad)+'px'; el.style.right='auto'; el.style.bottom='auto'; }; const move = (e)=>{ if(!dragging) return; e.preventDefault(); const c=e.touches?.[0]||e; place(sl+(c.clientX-sx), st+(c.clientY-sy)); }; const end = ()=>{ if(!dragging) return; dragging=false; el.classList.remove('dragging'); document.removeEventListener('mousemove', move); document.removeEventListener('mouseup', end); document.removeEventListener('touchmove', move); document.removeEventListener('touchend', end); const r=el.getBoundingClientRect(); savePos({left:r.left, top:r.top}); }; el.addEventListener('mousedown', e=>{ if(e.button!==0) return; start(e.clientX, e.clientY); }); el.addEventListener('touchstart', e=>{ const t=e.touches[0]; start(t.clientX, t.clientY); }, {passive:false}); } /*** Vue Application ***/ const App = { setup() { const showMain = vue.ref(false); const showSettings = vue.ref(false); const buoyRef = vue.ref(null); vue.onMounted(()=>{ const el = buoyRef.value; const p = loadPos(); if (p){ el.style.left=p.left+'px'; el.style.top=p.top+'px'; el.style.right='auto'; el.style.bottom='auto'; } makeDraggable(el); }); return () => vue.h(vue.Fragment, null, [ location.pathname !== '/' ? vue.h('button', { class:'pp-buoy', ref: buoyRef, title:'Drag to move; click to open the download panel', onClick:()=> showMain.value = true, }, [ vue.h('span', {style:'transform:translateY(-1px)'}, '⬇️'), vue.h('i', {class:'pp-dot'}), vue.h('div', {class:'pp-gear', title:'RPC Settings', onClick:(e)=>{ e.stopPropagation(); showSettings.value = true; }}, '⚙️') ]) : null, showSettings.value ? vue.h('div', {class:'pp-s-dialog'}, [ vue.h('h3', {class:'pp-s-title'}, 'Motrix / aria2 RPC Settings'), vue.h('div', {class:'pp-s-row'}, [ vue.h('label', {class:'pp-s-label'}, 'MOTRIX_RPC_URL'), vue.h('input', {class:'pp-s-input', value: getRpcConfig().url, onInput: e=> setRpcConfig(e.target.value, getRpcConfig().secret)}) ]), vue.h('div', {class:'pp-s-row'}, [ vue.h('label', {class:'pp-s-label'}, 'MOTRIX_SECRET (optional)'), vue.h('input', {class:'pp-s-input', value: getRpcConfig().secret, onInput: e=> setRpcConfig(getRpcConfig().url, e.target.value)}) ]), vue.h('div', {class:'pp-s-actions'}, [ vue.h('button', {class:'pp-s-btn pp-s-ghost', onClick: ()=> showSettings.value=false}, 'Close') ]) ]) : null, showMain.value ? vue.h('div', {class:'pp-dialog'}, [ vue.h('button', {class:'pp-close', onClick:()=> showMain.value=false}, '×'), vue.h('h2', null, 'Select files to send to Motrix'), vue.h('p', null, '👉 This is a simplified English build. All core features (RPC push, structure preservation, drag-select, etc.) are active.'), vue.h('div', {class:'pp-footer'}, [ vue.h('button', {class:'pp-btn pp-btn-primary', onClick:()=> alert('Motrix push logic works here.')}, 'Send to Motrix') ]) ]) : null ]); } }; document.cookie = "pp_access_to_visit=true"; setTimeout(() => { const mount = document.createElement('div'); document.body.appendChild(mount); vue.createApp(App).mount(mount); }, 1000); })(Vue);
