Sākums Izpētīt Palīdzība
Pierakstīties
mirrors
/
SingleFile
spogulis no https://github.com/gildas-lormeau/SingleFile
1
0
Atdalīts 0
Faili Problēmas 0 Vikivietne
Koks: aa40e27aba
Atzari Tagi
SingleFile
/
lib
/
single-file-infobar.js

single-file-infobar.js 9.1 KB
Vēsture Neapstrādāts

1 
  1. !function(){"use strict";const n="single-file-infobar";function o(o,i,t){if(!o.querySelector(n)){let t;i.infobarContent?t=i.infobarContent.replace(/\\n/g,"\n").replace(/\\t/g,"\t"):i.saveDate&&(t=i.saveDate),t=t||"No info";const e="BODY"==o.body.tagName?o.body:o.documentElement,a=function(n,o,i){const t=n.createElement(o);return i.appendChild(t),Array.from(getComputedStyle(t)).forEach((n=>t.style.setProperty(n,"initial","important"))),t}(o,n,e);let r;r=a.attachShadow({mode:"open"});const A=o.createElement("div"),c=o.createElement("style");if(c.textContent="\n.infobar,\n.infobar .infobar-icon,\n.infobar .infobar-link-icon {\n  min-inline-size: 28px;\n  min-block-size: 28px;\n  box-sizing: border-box;\n}\n\n.infobar,\n.infobar .infobar-close-icon,\n.infobar .infobar-link-icon {\n  opacity: 0.7;\n  transition: opacity 250ms;\n}\n\n.infobar:hover,\n.infobar .infobar-close-icon:hover,\n.infobar .infobar-link-icon:hover {\n  opacity: 1;\n}\n\n.infobar,\n.infobar-content {\n  display: flex;\n}\n\n.infobar {\n  position: fixed;\n  max-height: calc(100% - 32px);\n  top: 16px;\n  right: 16px;\n  margin-inline-start: 16px;\n  margin-block-end: 16px;\n  color: #2d2d2d;\n  background-color: #737373;\n  border: 2px solid;\n  border-color: #eee;\n  border-radius: 16px;\n  z-index: 2147483647;\n  animation-name: flash;\n  animation-duration: .5s;\n  animation-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);\n  animation-delay: 1s;\n  animation-iteration-count: 2;\n}\n\n.infobar:valid, .infobar:not(:focus-within):not(.infobar-focus) .infobar-content {\n  display: none;\n}\n\n.infobar:focus-within, .infobar.infobar-focus {\n  background-color: #f9f9f9;\n  border-color: #878787;\n  border-radius: 8px;\n  opacity: 1;\n  transition-property: opacity, background-color, border-color, border-radius, color;\n}\n\n.infobar-content {\n  border: 2px solid;\n  border-color: #f9f9f9;\n  border-radius: 6px;\n  background-color: #f9f9f9;\n  overflow: auto;\n}\n\n.infobar-content span {\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 14px;\n  line-height: 18px;\n  word-break: break-word;\n  white-space: pre-wrap;\n  margin-inline: 4px;\n  margin-block: 4px;\n}\n\n.infobar .infobar-icon,\n.infobar .infobar-close-icon,\n.infobar .infobar-link-icon {\n  cursor: pointer;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\n.infobar .infobar-close-icon,\n.infobar .infobar-link-icon {\n  align-self: flex-start;\n}\n\n.infobar .infobar-icon {\n  position: absolute;\n  min-inline-size: 24px;\n  min-block-size: 24px;\n}\n\n@keyframes flash {\n  0%, 100% {\n\tbackground-color: #737373;\n  }\n  50% {\n\tbackground-color: #dd6a00;\n  }\n}\n\n.infobar:focus-within .infobar-icon, .infobar.infobar-focus .infobar-icon {\n  z-index: -1;\n  background-image: none;\n  margin: 4px;\n}\n\n.infobar .infobar-close-icon {\n  min-inline-size: 22px;\n  min-block-size: 22px;\n}\n\n.infobar .infobar-icon {\n  background-color: transparent;\n  background-size: 70%;\n  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAABhmlDQ1BJQ0MgcHJvZmlsZQAAKJF9kj1Iw0AYht+mSkUrDnYQcchQnSyIijqWKhbBQmkrtOpgcukfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfEydFJ0UVK/C4ptIjx4LiH9+59+e67A4RGhalm1wSgapaRisfEbG5VDLyiDwEAvZiVmKkn0osZeI6ve/j4ehfhWd7n/hz9St5kgE8kjjLdsIg3iGc2LZ3zPnGIlSSF+Jx43KACiR+5Lrv8xrnosMAzQ0YmNU8cIhaLHSx3MCsZKvE0cVhRNcoXsi4rnLc4q5Uaa9XJbxjMaytprtMcQRxLSCAJETJqKKMCCxFaNVJMpGg/5uEfdvxJcsnkKoORYwFVqJAcP/gb/O6tWZiadJOCMaD7xbY/RoHALtCs2/b3sW03TwD/M3Cltf3VBjD3SXq9rYWPgIFt4OK6rcl7wOUOMPSkS4bkSH6aQqEAvJ/RM+WAwVv6EGtu31r7OH0AMtSr5Rvg4BAYK1L2use9ezr79u+ZVv9+AFlNcp0UUpiqAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AsHADIRLMaOHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAPUExURQAAAIqKioyNjY2OjvDw8L2y1DEAAAABdFJOUwBA5thmAAAAAWJLR0QB/wIt3gAAAGNJREFUSMdjYCAJsLi4OBCQx6/CBQwIGIDPCBcXAkYQUsACU+AwlBVQHg6Eg5pgZBGOboIJZugDFwRwoJECJCUOhJI1wZwzqmBUwagCuipgIqTABG9h7YIKaKGAURAFEF/6AQAO4HqSoDP8bgAAAABJRU5ErkJggg==);\n}\n\n.infobar .infobar-link-icon {\n  right: 4px;\n  background-size: 60%;\n  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAgMAAADXB5lNAAABhmlDQ1BJQ0MgcHJvZmlsZQAAKJF9kj1Iw0AYht+mSkUrDnYQcchQnSyIijqWKhbBQmkrtOpgcukfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfEydFJ0UVK/C4ptIjx4LiH9+59+e67A4RGhalm1wSgapaRisfEbG5VDLyiDwEAvZiVmKkn0osZeI6ve/j4ehfhWd7n/hz9St5kgE8kjjLdsIg3iGc2LZ3zPnGIlSSF+Jx43KACiR+5Lrv8xrnosMAzQ0YmNU8cIhaLHSx3MCsZKvE0cVhRNcoXsi4rnLc4q5Uaa9XJbxjMaytprtMcQRxLSCAJETJqKKMCCxFaNVJMpGg/5uEfdvxJcsnkKoORYwFVqJAcP/gb/O6tWZiadJOCMaD7xbY/RoHALtCs2/b3sW03TwD/M3Cltf3VBjD3SXq9rYWPgIFt4OK6rcl7wOUOMPSkS4bkSH6aQqEAvJ/RM+WAwVv6EGtu31r7OH0AMtSr5Rvg4BAYK1L2use9ezr79u+ZVv9+AFlNcp0UUpiqAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AsHAB8H+DhhoQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAJUExURQAAAICHi4qKioTuJAkAAAABdFJOUwBA5thmAAAAAWJLR0QCZgt8ZAAAAJJJREFUOI3t070NRCEMA2CnYAOyDyPwpHj/Va7hJ3FzV7zy3ET5JIwoAF6Jk4wzAJAkzxAYG9YRTgB+24wBgKmfrGAKTcEfAY4KRlRoIeBTgKOCERVaCPgU4Khge2GqKOBTgKOCERVaAEC/4PNcnyoSWHpjqkhwKxbcig0Q6AorXYF/+A6eIYD1lVbwG/jdA6/kA2THRAURVubcAAAAAElFTkSuQmCC);\n}\n\n.infobar .infobar-close-icon {\n  appearance: none;\n  background-size: 80%;\n  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAgMAAADXB5lNAAABhmlDQ1BJQ0MgcHJvZmlsZQAAKJF9kj1Iw0AYht+mSkUrDnYQcchQnSyIijqWKhbBQmkrtOpgcukfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfEydFJ0UVK/C4ptIjx4LiH9+59+e67A4RGhalm1wSgapaRisfEbG5VDLyiDwEAvZiVmKkn0osZeI6ve/j4ehfhWd7n/hz9St5kgE8kjjLdsIg3iGc2LZ3zPnGIlSSF+Jx43KACiR+5Lrv8xrnosMAzQ0YmNU8cIhaLHSx3MCsZKvE0cVhRNcoXsi4rnLc4q5Uaa9XJbxjMaytprtMcQRxLSCAJETJqKKMCCxFaNVJMpGg/5uEfdvxJcsnkKoORYwFVqJAcP/gb/O6tWZiadJOCMaD7xbY/RoHALtCs2/b3sW03TwD/M3Cltf3VBjD3SXq9rYWPgIFt4OK6rcl7wOUOMPSkS4bkSH6aQqEAvJ/RM+WAwVv6EGtu31r7OH0AMtSr5Rvg4BAYK1L2use9ezr79u+ZVv9+AFlNcp0UUpiqAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AsHAB8VC4EQ6QAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAJUExURQAAAICHi4qKioTuJAkAAAABdFJOUwBA5thmAAAAAWJLR0QCZgt8ZAAAAJtJREFUOI3NkrsBgCAMRLFwBPdxBArcfxXFkO8rbKWAAJfHJ9faf9vuYX/749T5NmShm3bEwbe2SxeuM4+2oxDL1cDoKtVUjRy+tH78Cv2CS+wIiQNC1AEhk4AQeUTMWUJMfUJMSEJMSEY8kIx4IONroaYAimNxsXp1PA7PxwfVL8QnowwoVC0lig07wDDVUjAdbAnjwtow/z/bDW7eI4M2KruJAAAAAElFTkSuQmCC);\n}\n",i.infobarPositionAbsolute){c.textContent+=".infobar { position: absolute; }";"static"==getComputedStyle(e).position&&e.style.setProperty("position","relative","important")}i.infobarPositionTop?c.textContent+=`.infobar { top: ${i.infobarPositionTop}; bottom: auto; }`:i.infobarPositionBottom&&(c.textContent+=`.infobar { bottom: ${i.infobarPositionBottom}; top: auto; }`),i.infobarPositionRight?c.textContent+=`.infobar { right: ${i.infobarPositionRight}; left: auto; }`:i.infobarPositionLeft&&(c.textContent+=`.infobar { left: ${i.infobarPositionLeft}; right: auto; }`),c.textContent=c.textContent.replace(/ {2}/g,"").replace(/\n/g,"").replace(/: /g,":").replace(/, /g,","),A.appendChild(c);const s=o.createElement("form");s.classList.add("infobar"),i.openInfobar&&s.classList.add("infobar-focus"),A.appendChild(s);const l=o.createElement("span");l.tabIndex=-1,l.classList.add("infobar-icon"),s.appendChild(l);const b=o.createElement("span");b.tabIndex=-1,b.classList.add("infobar-content");const f=o.createElement("input");f.type="checkbox",f.required=!0,f.classList.add("infobar-close-icon"),f.title="Close",b.appendChild(f);const d=o.createElement("span");d.textContent=t,b.appendChild(d);const p=o.createElement("a");p.classList.add("infobar-link-icon"),p.target="_blank",p.rel="noopener noreferrer",p.title="Open source URL: "+i.saveUrl,p.href=i.saveUrl,b.appendChild(p),s.appendChild(b),r.appendChild(A)}}(n=>{const i=n.browser,t=n.MutationObserver;async function e(){let n={displayInfobar:!0};const t=function(n){const o=n.evaluate("//comment()",n,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null);let i=o&&o.singleNodeValue;if(i&&i.nodeType==Node.COMMENT_NODE&&i.textContent.includes("SingleFile")){const n=i.textContent.split("\n"),[,,o,...t]=n,e=o.match(/^ url: (.*) ?$/),a=e&&e[1];if(a){let n,o;if(t.length&&(o=t[0].split("saved date: ")[1],o&&t.shift(),t.length>1)){let o=t[0].split("info: ")[1].trim();for(let n=1;n<t.length-1;n++)o+="\n"+t[n].trim();n=o.trim()}return{saveUrl:a,infobarContent:n,saveDate:o}}}}(document);if(t&&t.saveUrl){if(i&&i.runtime&&i.runtime.sendMessage)try{n=await i.runtime.sendMessage({method:"tabs.getOptions",url:t.saveUrl})}catch(n){}n.displayInfobar&&(t.openInfobar=n.openInfobar,t.infobarPositionAbsolute=n.infobarPositionAbsolute,t.infobarPositionTop=n.infobarPositionTop,t.infobarPositionRight=n.infobarPositionRight,t.infobarPositionBottom=n.infobarPositionBottom,t.infobarPositionLeft=n.infobarPositionLeft,o(document,t),function(n,{saveUrl:o,infobarContent:i,saveDate:t}){if(o){const e=n.querySelector("single-file-infobar").shadowRoot;e.querySelector(".infobar-content span").textContent=i||t;const a=e.querySelector(".infobar-content .infobar-link-icon");a.href=o,a.title="Open source URL: "+o}}(document,t))}}!function o(){n.window==n.top&&("loading"==document.readyState?document.addEventListener("DOMContentLoaded",e,!1):e(),document.addEventListener("single-file-display-infobar",e,!1),new t(o).observe(document,{childList:!0}));n.singlefile&&(n.singlefile.infobar={displayIcon:e})}()})("object"==typeof globalThis?globalThis:window)}();
    2.