npmjs -> unpkg.com && copy script tag

2022/6/28 00:37:30

目前為 2022-06-27 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name        npmjs -> unpkg.com && copy script tag
// @namespace   Violentmonkey Scripts
// @match       https://www.npmjs.com/package/*
// @match       https://unpkg.com/browse/*/dist/
// @grant       GM_setClipboard
// @version     1.0
// @author      hunmer
// @description 2022/6/28 00:37:30
// ==/UserScript==

if(location.host == 'www.npmjs.com'){
  let span = document.querySelector('._50685029');
  let url = 'https://unpkg.com'+location.pathname.replace('package', 'browse')+'/dist/';
  span.innerHTML = '<a href="'+url+'" target="_blank">'+span.innerHTML+'</a>'
}else{
  let [first, second, ...trs] = document.querySelectorAll('tr');
  for(let tr of trs){
    let btn = document.createElement('button');
    btn.onclick = e => {
      let url = tr.querySelector('a').href.replace('/browse/', '/')
      let ext = url.split('.').at(-1).toLowerCase();
      let format = '{url}';
      switch(ext){
        case 'css':
          format = '<link href="{url}" rel="stylesheet" />';
          break;
          
        case 'js':
            format = '<script src="{url}"></script>';
           break;
      } 
      GM_setClipboard(format.replace('{url}', url));
    }
    btn.innerHTML = `Copy`;
    let td = document.createElement('td');
    td.append(btn);
    tr.append(td);
  }
}