gulp

dist/mailgo.js

@@ -18,6 +18,7 @@ let styles = `
       bottom: 0;
       left: 0;
       display: none;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     }
     .mailgo-modal.is-active {
       display: flex;
@@ -46,10 +47,7 @@ console.log("mailgo is WIP!");
 // attivo mailgo su tutti gli elementi
 mailgos.forEach((mailgo, index) => {
   let url = new URL(mailgo.href);
-  const urlParams = new URLSearchParams(url.search);
+  let urlParams = new URLSearchParams(url.search);
-  console.log("cc:" + urlParams.get("cc"));
-
-  console.log();
 
   let modal = document.createElement("div");
   modal.className = "mailgo-modal";
@@ -63,7 +61,9 @@ mailgos.forEach((mailgo, index) => {
   modalContent.className = "mailgo-modal-content";
   modal.appendChild(modalContent);
 
-  let strong = document.createTextNode("mailgo");
+  let strong = document.createElement("strong");
+  let strongContent = document.createTextNode("mailgo");
+  strong.appendChild(strongContent);
   modalContent.appendChild(strong);
 
   mailgo.parentNode.insertBefore(modal, mailgo.nextSibling);

dist/mailgo.min.js

@@ -1 +1 @@
-let mailgos=document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo)'),styles="\n    .mailgo-modal-background {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background-color: rgba(10,10,10,.86);\n      opacity: 0.8;\n    }\n    .mailgo-modal {\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      display: none;\n    }\n    .mailgo-modal.is-active {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    .mailgo-modal-content {\n      z-index: 1000;\n      background-color: #fff;\n      border-radius: 6px;\n      box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);\n      color: #4a4a4a;\n      display: block;\n      padding: 1.25rem;\n    }\n",styleSheet=document.createElement("style");function validateEmail(e){return/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)}styleSheet.type="text/css",styleSheet.innerText=styles,document.head.appendChild(styleSheet),console.log("mailgo is WIP!"),mailgos.forEach((e,n)=>{let t=new URL(e.href);const a=new URLSearchParams(t.search);console.log("cc:"+a.get("cc")),console.log();let l=document.createElement("div");l.className="mailgo-modal",l.setAttribute("data-index",n);let o=document.createElement("div");o.className="mailgo-modal-background",l.appendChild(o);let i=document.createElement("div");i.className="mailgo-modal-content",l.appendChild(i);let c=document.createTextNode("mailgo");i.appendChild(c),e.parentNode.insertBefore(l,e.nextSibling),e.addEventListener("click",n=>{n.preventDefault(),e.nextElementSibling.classList.add("is-active")},!1),o.addEventListener("click",n=>{e.nextElementSibling.classList.remove("is-active")},!1)});
+let mailgos=document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo)'),styles='\n    .mailgo-modal-background {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background-color: rgba(10,10,10,.86);\n      opacity: 0.8;\n    }\n    .mailgo-modal {\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      display: none;\n      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n    }\n    .mailgo-modal.is-active {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    .mailgo-modal-content {\n      z-index: 1000;\n      background-color: #fff;\n      border-radius: 6px;\n      box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);\n      color: #4a4a4a;\n      display: block;\n      padding: 1.25rem;\n    }\n',styleSheet=document.createElement("style");function validateEmail(e){return/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)}styleSheet.type="text/css",styleSheet.innerText=styles,document.head.appendChild(styleSheet),console.log("mailgo is WIP!"),mailgos.forEach((e,t)=>{let n=new URL(e.href),a=(new URLSearchParams(n.search),document.createElement("div"));a.className="mailgo-modal",a.setAttribute("data-index",t);let o=document.createElement("div");o.className="mailgo-modal-background",a.appendChild(o);let l=document.createElement("div");l.className="mailgo-modal-content",a.appendChild(l);let i=document.createElement("strong"),s=document.createTextNode("mailgo");i.appendChild(s),l.appendChild(i),e.parentNode.insertBefore(a,e.nextSibling),e.addEventListener("click",t=>{t.preventDefault(),e.nextElementSibling.classList.add("is-active")},!1),o.addEventListener("click",t=>{e.nextElementSibling.classList.remove("is-active")},!1)});

src/mailgo.js

@@ -18,6 +18,7 @@ let styles = `
       bottom: 0;
       left: 0;
       display: none;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     }
     .mailgo-modal.is-active {
       display: flex;
@@ -60,7 +61,9 @@ mailgos.forEach((mailgo, index) => {
   modalContent.className = "mailgo-modal-content";
   modal.appendChild(modalContent);
 
-  let strong = document.createTextNode("mailgo");
+  let strong = document.createElement("strong");
+  let strongContent = document.createTextNode("mailgo");
+  strong.appendChild(strongContent);
   modalContent.appendChild(strong);
 
   mailgo.parentNode.insertBefore(modal, mailgo.nextSibling);