@xiee/utils 1.9.1 → 1.9.3

package/README.md

@@ -32,6 +32,11 @@ Then the image will have a tooltip on mouseover.
 Center `<img>`, `<video>`, and `<object>` on a page if they are the only child
 of their parent element.
 
+## code-lang.js
+
+Add the `language-` prefix to the class name of `<code>` inside `<pre>` when
+appropriate, so that syntax highlighters such as prism.js can work.
+
 ## copy-button.js
 
 Add a copy button to any element (by default, `<pre>` code blocks) on a page.

package/js/center-img.js

@@ -23,7 +23,7 @@
         }
         if (parent.nodeName === 'P') {
           parent.style.textAlign = 'center';
-          if (!parentA && tagName === 'img') {
+          if (!parentA && tagName === 'img' && !/^data:/.test(tag.src)) {
             parent.innerHTML = `<a href="${tag.src}" style="border: none;">${tag.outerHTML}</a>`;
           }
         }

package/js/center-img.min.js

@@ -1 +1 @@
-(e=>{function t(e){if(1!==e.childElementCount)return!1;const t=e.childNodes;if(1===t.length)return!0;for(let e in t){let n=t[e];if("#text"===n.nodeName&&!/^\s$/.test(n.textContent))return!1}return!0}["img","embed","object"].forEach((function(n){e.querySelectorAll(n).forEach((e=>{let r=e.parentElement;if(t(r)){const l="A"===r.nodeName;if(l){if(r=r.parentElement,!t(r))return;r.firstElementChild.style.border="none"}"P"===r.nodeName&&(r.style.textAlign="center",l||"img"!==n||(r.innerHTML=`<a href="${e.src}" style="border: none;">${e.outerHTML}</a>`))}}))})),e.querySelectorAll("p").forEach((e=>{"* * *"===e.innerText&&(e.style.textAlign="center")}))})(document);
+(e=>{function t(e){if(1!==e.childElementCount)return!1;const t=e.childNodes;if(1===t.length)return!0;for(let e in t){let n=t[e];if("#text"===n.nodeName&&!/^\s$/.test(n.textContent))return!1}return!0}["img","embed","object"].forEach((function(n){e.querySelectorAll(n).forEach((e=>{let r=e.parentElement;if(t(r)){const l="A"===r.nodeName;if(l){if(r=r.parentElement,!t(r))return;r.firstElementChild.style.border="none"}"P"===r.nodeName&&(r.style.textAlign="center",l||"img"!==n||/^data:/.test(e.src)||(r.innerHTML=`<a href="${e.src}" style="border: none;">${e.outerHTML}</a>`))}}))})),e.querySelectorAll("p").forEach((e=>{"* * *"===e.innerText&&(e.style.textAlign="center")}))})(document);

package/js/code-lang.js

@@ -0,0 +1,10 @@
+// add 'language-' prefix to <code> inside <pre> for syntax highlighters to work (e.g., prism.js)
+document.querySelectorAll('pre').forEach(pre => {
+  const code = pre.querySelector('code');
+  // no code or already highlighted
+  if (!code || code.querySelector('span')) return;
+  const c1 = pre.className, c2 = code.className, r = /^lang(uage)?-/;
+  // at least one of pre or code must have className, which shouldn't start with lang prefix
+  if (!(c1 || c2) || r.test(c1) || r.test(c2)) return;
+  code.className = 'language-' + (c2 || c1);
+});

package/js/code-lang.min.js

@@ -0,0 +1 @@
+document.querySelectorAll("pre").forEach((e=>{const a=e.querySelector("code");if(!a||a.querySelector("span"))return;const c=e.className,s=a.className,t=/^lang(uage)?-/;!c&&!s||t.test(c)||t.test(s)||(a.className="language-"+(s||c))}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xiee/utils",
-  "version": "1.9.1",
+  "version": "1.9.3",
   "description": "Miscellaneous tools and utilities to manipulate HTML pages",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"