nevikw39 · October 21, 2022 08:34 · allmwh · Jun 10, 2021
diff --git a/ptt_ip.md b/ptt_ip.md
diff --git a/ptt_ip.user.js b/ptt_ip.user.js
 // ==UserScript==
 // @name         ptt IP
 // @namespace    https://nevikw39.cf/
 // @version      0.2.1
 // @description  Detect whether an IP address on ptt belong to VPN or proxy networks
 // @author       nevikw39
 // @match        https://*.ptt.cc/*
 // @grant        GM_xmlhttpRequest
 // @grant        GM_setClipboard
 // @grant        GM_openInTab
 // @require      https://unpkg.com/@popperjs/core@2
 // @require      https://unpkg.com/tippy.js@6
 // @homepageURL  https://gist.github.com/nevikw39/d7a08f637919348106f6a35d35a62d3f
 // @downloadURL  https://gist.githubusercontent.com/nevikw39/d7a08f637919348106f6a35d35a62d3f/raw/ptt_ip.user.js
 // ==/UserScript==

 /**
 * Permissions:
 * GM_xmlhttpRequest: To connect to spur.us in order to get the detail about the IP address
 * GM_setClipboard: To paste IP address to clipboard
 * GM_openInTab: To open spur.us in new tab for further details
 * https://unpkg.com/tippy.js@6 A JavaScript library that provides tooltip
 * https://unpkg.com/@popperjs/core@2 Dependency of Tippy.js
 */

 (function() {
    'use strict';

    // Create CSS style for IPs which are suspicious
    document.head.appendChild(document.createElement("style")).innerHTML = `
    .tippy-box[data-theme~='suspicious'] {
      background-color: #E9693D;
      color: white;
    }`
    document.head.appendChild(document.createElement("style")).innerHTML = `
    .tippy-box[data-theme~='residential'] {
      background-color: #F0E87D;
      color: gray;
    }`

    // Create DOMParser instance so that we can get the title fetch from spur.us
    const parser = new window.DOMParser()
    
    // Store Tippy.JS instances so that we can destroy them manually
    let instances = []

    // Watch whether the selection changes
    document.addEventListener('selectionchange', () => {
        const select = document.getSelection()
        const txt = select.toString().trim()
        const url = "https://spur.us/context/" + txt
        const node = select.baseNode.parentNode // If use `baseNode` directly, it would become a `string`, quite ridiculous
        if (/^(?!0)(?!.*\.$)((1?\d?\d|25[0-5]|2[0-4]\d)(\.|$)){4}$/.test(txt)) {
            // Well, I would like to use Fetch API indeed
            GM_xmlhttpRequest({
                url: url,
                onload: r => {
                    // We only need title to determine whether an IP address is likely to be anonymous
                    const title = parser.parseFromString(r.responseText, "text/html").title
                    tippy([node], {
                        content: title,
                        followCursor: true,
                        theme: (title.includes("esidential") || title.includes("ikely")) ? "residential" : (title.includes("VPN") || title.includes("roxy")) ? "suspicious" : "",
                    }).forEach(i => { i.show(); instances.push(i); })
                    // Event should be watched after XHR is done, lest tab opens while each selection
                    if (title.includes("VPN") || title.includes("roxy"))
                        node.onclick = () => {
                            if (confirm("Open spur.us Context in New Tab for More Detail??"))
                                GM_openInTab(url)
                        }
                },
            })
            GM_setClipboard(txt)
        }
    })
    
    // Manually destroy all Tipp.JS instances
    document.addEventListener('keydown', e => {
        if (e.ctrlKey && e.altKey && e.key === 'd') {
            instances.forEach(i => i.destroy())
            instances = []
        }
    })
    
    // document.body.innerHTML = document.body.innerHTML.replace(/^(?!0)(?!.*\.$)((1?\d?\d|25[0-5]|2[0-4]\d)(\.|$)){4}$/, `<a href="https://spur.us/context/$1", target="_blank">$1</a>`)
 })();
	// ==UserScript==
	// @name ptt IP
	// @namespace https://nevikw39.cf/
	// @version 0.2.1
	// @description Detect whether an IP address on ptt belong to VPN or proxy networks
	// @author nevikw39
	// @match https://.ptt.cc/
	// @grant GM_xmlhttpRequest
	// @grant GM_setClipboard
	// @grant GM_openInTab
	// @require https://unpkg.com/@popperjs/core@2
	// @require https://unpkg.com/tippy.js@6
	// @homepageURL https://gist.github.com/nevikw39/d7a08f637919348106f6a35d35a62d3f
	// @downloadURL https://gist.githubusercontent.com/nevikw39/d7a08f637919348106f6a35d35a62d3f/raw/ptt_ip.user.js
	// ==/UserScript==

	/**
	* Permissions:
	* GM_xmlhttpRequest: To connect to spur.us in order to get the detail about the IP address
	* GM_setClipboard: To paste IP address to clipboard
	* GM_openInTab: To open spur.us in new tab for further details
	* https://unpkg.com/tippy.js@6 A JavaScript library that provides tooltip
	* https://unpkg.com/@popperjs/core@2 Dependency of Tippy.js
	*/

	(function() {
	'use strict';

	// Create CSS style for IPs which are suspicious
	document.head.appendChild(document.createElement("style")).innerHTML = `
	.tippy-box[data-theme~='suspicious'] {
	background-color: #E9693D;
	color: white;
	}`
	document.head.appendChild(document.createElement("style")).innerHTML = `
	.tippy-box[data-theme~='residential'] {
	background-color: #F0E87D;
	color: gray;
	}`

	// Create DOMParser instance so that we can get the title fetch from spur.us
	const parser = new window.DOMParser()

	// Store Tippy.JS instances so that we can destroy them manually
	let instances = []

	// Watch whether the selection changes
	document.addEventListener('selectionchange', () => {
	const select = document.getSelection()
	const txt = select.toString().trim()
	const url = "https://spur.us/context/" + txt
	const node = select.baseNode.parentNode // If use `baseNode` directly, it would become a `string`, quite ridiculous
	if (/^(?!0)(?!.*\.$)((1?\d?\d\|25[0-5]\|2[0-4]\d)(\.\|$)){4}$/.test(txt)) {
	// Well, I would like to use Fetch API indeed
	GM_xmlhttpRequest({
	url: url,
	onload: r => {
	// We only need title to determine whether an IP address is likely to be anonymous
	const title = parser.parseFromString(r.responseText, "text/html").title
	tippy([node], {
	content: title,
	followCursor: true,
	theme: (title.includes("esidential") \|\| title.includes("ikely")) ? "residential" : (title.includes("VPN") \|\| title.includes("roxy")) ? "suspicious" : "",
	}).forEach(i => { i.show(); instances.push(i); })
	// Event should be watched after XHR is done, lest tab opens while each selection
	if (title.includes("VPN") \|\| title.includes("roxy"))
	node.onclick = () => {
	if (confirm("Open spur.us Context in New Tab for More Detail??"))
	GM_openInTab(url)
	}
	},
	})
	GM_setClipboard(txt)
	}
	})

	// Manually destroy all Tipp.JS instances
	document.addEventListener('keydown', e => {
	if (e.ctrlKey && e.altKey && e.key === 'd') {
	instances.forEach(i => i.destroy())
	instances = []
	}
	})

	// document.body.innerHTML = document.body.innerHTML.replace(/^(?!0)(?!.*\.$)((1?\d?\d\|25[0-5]\|2[0-4]\d)(\.\|$)){4}$/, `<a href="https://spur.us/context/$1", target="_blank">$1</a>`)
	})();