update

Author: szc126

gwAddContextMenus.user.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name        GlyphWiki: add context menus
-// @version     8
+// @version     2023.01.01
 // @namespace   szc
 // @description -
 // @match       *://glyphwiki.org/wiki/*
@@ -10,9 +10,11 @@
 // @inject-into content
 // ==/UserScript==
 
-function createIThumbMenu(event) {
+// https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/85
+
+function createThumbMenu(event) {
 	let menu = document.createElement('menu');
-	menu.id = 'iThumbMenu-' + event.target.dataset.name;
+	menu.id = 'thumbMenu-' + event.target.dataset.name;
 	menu.type = 'context';
 
 	let text;
@@ -72,7 +74,7 @@ function createBodyMenu(event) {
 
 	text = document.body.dataset.name;
 	menuItem = document.createElement('menuitem');
-	menuItem.icon = (document.querySelector('.glyphMain .iThumb50') ? document.querySelector('.glyphMain .iThumb50').src : false);
+	menuItem.icon = (document.querySelector('.glyphMain [height="50"]') ? document.querySelector('.glyphMain [height="50"]').src : false);
 	menuItem.innerText = 'グリフ名をコピー' + (text ? '：' + text : '');
 	menuItem.disabled = (!text);
 	menuItem.dataset.text = text;
@@ -125,17 +127,17 @@ function createBodyMenu(event) {
 	document.body.appendChild(menu);
 }
 
-function addIThumbMenu() {
-	let iThumbs = document.getElementsByClassName('iThumb');
+function addThumbMenu() {
+	let thumbs = document.getElementsByClassName('thumb');
 
-	for (let i = 0; i < iThumbs.length; i++) {
-		let menuId = 'iThumbMenu-' + iThumbs[i].dataset.name;
+	for (let i = 0; i < thumbs.length; i++) {
+		let menuId = 'thumbMenu-' + thumbs[i].dataset.name;
 
-		if (iThumbs[i].dataset.name) {
-			iThumbs[i].setAttribute('contextmenu', menuId);
-			iThumbs[i].addEventListener('contextmenu', function(event) {
+		if (thumbs[i].dataset.name) {
+			thumbs[i].setAttribute('contextmenu', menuId);
+			thumbs[i].addEventListener('contextmenu', function(event) {
 				if (!document.getElementById(menuId)) {
-					createIThumbMenu(event);
+					createThumbMenu(event);
 				}
 			});
 		}
@@ -147,7 +149,7 @@ function addBodyMenu() {
 	createBodyMenu();
 }
 
-addIThumbMenu();
+addThumbMenu();
 if (document.body.dataset.ns == 'glyph') {
 	addBodyMenu();
 }

gwAddGlyphBoundingBoxes.user.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name        GlyphWiki: add glyph bounding boxes
-// @version     7
+// @version     2023.01.01
 // @namespace   szc
 // @description Add bounding boxes to images, similar to the one in the Glyph Editor
 // @match       *://glyphwiki.org/wiki/*
@@ -10,7 +10,7 @@
 // @inject-into content
 // ==/UserScript==
 
-let images = document.querySelectorAll('.iThumb50, .iThumb100, .iThumb200');
+let images = document.querySelectorAll('.glyph, .thumb');
 for (let i = 0; i < images.length; i++) {
 	let image = images.item(i);
 	let wrapper = document.createElement('div');
@@ -42,15 +42,15 @@ style.innerHTML = `
 		pointer-events: none;
 	}
 
-	.iThumb200 ~ .x-thumbBoundingBox {
+	[height="200"] ~ .x-thumbBoundingBox {
 		--target: 200px;
 	}
 
-	.iThumb100 ~ .x-thumbBoundingBox {
+	[height="100"] ~ .x-thumbBoundingBox {
 		--target: 100px;
 	}
 
-	.iThumb50 ~ .x-thumbBoundingBox {
+	[height="50"] ~ .x-thumbBoundingBox {
 		--target: 50px;
 	}
 
@@ -73,7 +73,7 @@ style.innerHTML = `
 	/* 100 */
 
 	div.right_pane .thumb ~ .x-thumbBoundingBox,
-	div.right_pane .thumb100 ~ .x-thumbBoundingBox {
+	div.right_pane [height="100"] ~ .x-thumbBoundingBox {
 		margin:
 			calc((var(--margin)) + 2px)
 		;

gwOpenProtectedGlyphInGlyphEditor.user.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name        GlyphWiki: open protected glyphs in the glyph editor
-// @version     3
+// @version     2023.01.01
 // @namespace   szc
 // @description -
 // @match       *://glyphwiki.org/wiki/*

gwReplacePngWithSvg.user.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name        GlyphWiki: replace PNG with SVG
-// @version     7
+// @version     2023.01.01
 // @namespace   szc
 // @description -
 // @match       *://glyphwiki.org/wiki/*
@@ -10,29 +10,28 @@
 // @inject-into content
 // ==/UserScript==
 
-let pngs = document.querySelectorAll(".iThumbPng:not(.iThumbError)"); // querySelectorAll because it's not live and .length won't change...
+let pngs = document.querySelectorAll(".glyph, .thumb"); // querySelectorAll because it's not live and .length won't change...
 for (let i = 0; i < pngs.length; i++) {
 	pngs[i].src = pngs[i].src.replace(/\.\d+px\./, ".").replace(/\.png$/, ".svg");
-	pngs[i].classList.replace("iThumbPng", "iThumbSvg");
 }
 
 let style = document.createElement('style');
 style.innerHTML = `
-	.iThumbSvg {
+	[src$=".svg"] {
 		background: white;
 	}
 
-	.iThumbSvg.iThumb50:hover {
+	[src$=".svg"][height="50"]:hover {
 		transform: scale(3);
 	}
 
-	.glyphMain.pThumb200.pThumbSvg + .glyphMain.pThumb200.pThumbPng {
+	.glyphMain:nth-of-type(2) {
 		display: none;
 	}
 
 	/* gwAddGlyphBoundingBoxes */
 
-	.iThumbSvg.iThumb50:hover ~ .x-thumbBoundingBox {
+	[src$=".svg"][height="50"]:hover ~ .x-thumbBoundingBox {
 		transform: scale(3);
 	}
 `;