reduced again of 0.3kb with an optimization in use of createTextNode

This commit is contained in:
Matteo Manzinello 2020-01-09 22:41:29 +01:00
parent 4293a9474e
commit 397330b032
3 changed files with 24 additions and 46 deletions

2
dist/mailgo.min.js vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -81,8 +81,7 @@ const mailgoVersion = "MAILGO_VERSION";
detailCc.id = "m-cc"; detailCc.id = "m-cc";
let ccSpan = createElement("span"); let ccSpan = createElement("span");
ccSpan.className = "w-500"; ccSpan.className = "w-500";
let ccContent = createTextNode("cc "); ccSpan.ac(createTextNode("cc "));
ccSpan.ac(ccContent);
ccValue = createElement("span"); ccValue = createElement("span");
ccValue.id = "m-cc-value"; ccValue.id = "m-cc-value";
detailCc.ac(ccSpan); detailCc.ac(ccSpan);
@ -93,8 +92,7 @@ const mailgoVersion = "MAILGO_VERSION";
detailBcc.id = "m-bcc"; detailBcc.id = "m-bcc";
let bccSpan = createElement("span"); let bccSpan = createElement("span");
bccSpan.className = "w-500"; bccSpan.className = "w-500";
let bccContent = createTextNode("bcc "); bccSpan.ac(createTextNode("bcc "));
bccSpan.ac(bccContent);
bccValue = createElement("span"); bccValue = createElement("span");
bccValue.id = "m-bcc-value"; bccValue.id = "m-bcc-value";
detailBcc.ac(bccSpan); detailBcc.ac(bccSpan);
@ -105,8 +103,7 @@ const mailgoVersion = "MAILGO_VERSION";
detailSubject.id = "m-subject"; detailSubject.id = "m-subject";
let subjectSpan = createElement("span"); let subjectSpan = createElement("span");
subjectSpan.className = "w-500"; subjectSpan.className = "w-500";
let subjectContent = createTextNode("subject "); subjectSpan.ac(createTextNode("subject "));
subjectSpan.ac(subjectContent);
subjectValue = createElement("span"); subjectValue = createElement("span");
subjectValue.id = "m-subject-value"; subjectValue.id = "m-subject-value";
detailSubject.ac(subjectSpan); detailSubject.ac(subjectSpan);
@ -117,8 +114,7 @@ const mailgoVersion = "MAILGO_VERSION";
detailBody.id = "m-body"; detailBody.id = "m-body";
let bodySpan = createElement("span"); let bodySpan = createElement("span");
bodySpan.className = "w-500"; bodySpan.className = "w-500";
let bodyContent = createTextNode("body "); bodySpan.ac(createTextNode("body "));
bodySpan.ac(bodyContent);
bodyValue = createElement("span"); bodyValue = createElement("span");
bodyValue.id = "m-body-value"; bodyValue.id = "m-body-value";
detailBody.ac(bodySpan); detailBody.ac(bodySpan);
@ -133,12 +129,10 @@ const mailgoVersion = "MAILGO_VERSION";
gmail.href = DEFAULT_BTN_HREF; gmail.href = DEFAULT_BTN_HREF;
gmail.classList.add("m-open"); gmail.classList.add("m-open");
gmail.classList.add("m-gmail"); gmail.classList.add("m-gmail");
let gmailContent = createTextNode("open in "); gmail.ac(createTextNode("open in "));
gmail.ac(gmailContent);
let gmailSpan = createElement("span"); let gmailSpan = createElement("span");
gmailSpan.className = "w-500"; gmailSpan.className = "w-500";
let gmailSpanContent = createTextNode("Gmail"); gmailSpan.ac(createTextNode("Gmail"));
gmailSpan.ac(gmailSpanContent);
gmail.ac(gmailSpan); gmail.ac(gmailSpan);
modalContent.ac(gmail); modalContent.ac(gmail);
@ -149,12 +143,10 @@ const mailgoVersion = "MAILGO_VERSION";
outlook.href = DEFAULT_BTN_HREF; outlook.href = DEFAULT_BTN_HREF;
outlook.classList.add("m-open"); outlook.classList.add("m-open");
outlook.classList.add("m-outlook"); outlook.classList.add("m-outlook");
let outlookContent = createTextNode("open in "); outlook.ac(createTextNode("open in "));
outlook.ac(outlookContent);
let outlookSpan = createElement("span"); let outlookSpan = createElement("span");
outlookSpan.className = "w-500"; outlookSpan.className = "w-500";
let outlookSpanContent = createTextNode("Outlook"); outlookSpan.ac(createTextNode("Outlook"));
outlookSpan.ac(outlookSpanContent);
outlook.ac(outlookSpan); outlook.ac(outlookSpan);
modalContent.ac(outlook); modalContent.ac(outlook);
@ -167,11 +159,9 @@ const mailgoVersion = "MAILGO_VERSION";
open.classList.add("m-default"); open.classList.add("m-default");
let openSpan = createElement("span"); let openSpan = createElement("span");
openSpan.className = "w-500"; openSpan.className = "w-500";
let openSpanContent = createTextNode("open"); openSpan.ac(createTextNode("open"));
openSpan.ac(openSpanContent);
let openContent = createTextNode(" default");
open.ac(openSpan); open.ac(openSpan);
open.ac(openContent); open.ac(createTextNode(" default"));
modalContent.ac(open); modalContent.ac(open);
@ -181,8 +171,7 @@ const mailgoVersion = "MAILGO_VERSION";
copyMail.href = DEFAULT_BTN_HREF; copyMail.href = DEFAULT_BTN_HREF;
copyMail.classList.add("m-copy"); copyMail.classList.add("m-copy");
copyMail.classList.add("w-500"); copyMail.classList.add("w-500");
let copyContent = createTextNode("copy"); copyMail.ac(createTextNode("copy"));
copyMail.ac(copyContent);
modalContent.ac(copyMail); modalContent.ac(copyMail);
@ -228,12 +217,10 @@ const mailgoVersion = "MAILGO_VERSION";
// by default not display // by default not display
telegram.style.display = "none"; telegram.style.display = "none";
let telegramContent = createTextNode("open in "); telegram.ac(createTextNode("open in "));
telegram.ac(telegramContent);
let telegramSpan = createElement("span"); let telegramSpan = createElement("span");
telegramSpan.className = "w-500"; telegramSpan.className = "w-500";
let telegramSpanContent = createTextNode("Telegram"); telegramSpan.ac(createTextNode("Telegram"));
telegramSpan.ac(telegramSpanContent);
telegram.ac(telegramSpan); telegram.ac(telegramSpan);
modalContent.ac(telegram); modalContent.ac(telegram);
@ -244,12 +231,10 @@ const mailgoVersion = "MAILGO_VERSION";
wa.href = DEFAULT_BTN_HREF; wa.href = DEFAULT_BTN_HREF;
wa.classList.add("m-open"); wa.classList.add("m-open");
wa.classList.add("m-wa"); wa.classList.add("m-wa");
let waContent = createTextNode("open in "); wa.ac(createTextNode("open in "));
wa.ac(waContent);
let waSpan = createElement("span"); let waSpan = createElement("span");
waSpan.className = "w-500"; waSpan.className = "w-500";
let waSpanContent = createTextNode("WhatsApp"); waSpan.ac(createTextNode("WhatsApp"));
waSpan.ac(waSpanContent);
wa.ac(waSpan); wa.ac(waSpan);
modalContent.ac(wa); modalContent.ac(wa);
@ -260,12 +245,10 @@ const mailgoVersion = "MAILGO_VERSION";
skype.href = DEFAULT_BTN_HREF; skype.href = DEFAULT_BTN_HREF;
skype.classList.add("m-open"); skype.classList.add("m-open");
skype.classList.add("m-skype"); skype.classList.add("m-skype");
let skypeContent = createTextNode("open in "); skype.ac(createTextNode("open in "));
skype.ac(skypeContent);
let skypeSpan = createElement("span"); let skypeSpan = createElement("span");
skypeSpan.className = "w-500"; skypeSpan.className = "w-500";
let skypeSpanContent = createTextNode("Skype"); skypeSpan.ac(createTextNode("Skype"));
skypeSpan.ac(skypeSpanContent);
skype.ac(skypeSpan); skype.ac(skypeSpan);
modalContent.ac(skype); modalContent.ac(skype);
@ -278,11 +261,9 @@ const mailgoVersion = "MAILGO_VERSION";
call.classList.add("m-default"); call.classList.add("m-default");
let callSpan = createElement("span"); let callSpan = createElement("span");
callSpan.className = "w-500"; callSpan.className = "w-500";
let callSpanContent = createTextNode("call"); callSpan.ac(createTextNode("call"));
callSpan.ac(callSpanContent);
let callContent = createTextNode(" as default");
call.ac(callSpan); call.ac(callSpan);
call.ac(callContent); call.ac(createTextNode(" as default"));
modalContent.ac(call); modalContent.ac(call);
@ -292,8 +273,7 @@ const mailgoVersion = "MAILGO_VERSION";
copyTel.href = DEFAULT_BTN_HREF; copyTel.href = DEFAULT_BTN_HREF;
copyTel.classList.add("m-copy"); copyTel.classList.add("m-copy");
copyTel.classList.add("w-500"); copyTel.classList.add("w-500");
let copyContent = createTextNode("copy"); copyTel.ac(createTextNode("copy"));
copyTel.ac(copyContent);
modalContent.ac(copyTel); modalContent.ac(copyTel);
@ -763,8 +743,7 @@ const mailgoVersion = "MAILGO_VERSION";
by.className = "m-by"; by.className = "m-by";
by.target = "_blank"; by.target = "_blank";
by.rel = "noopener noreferrer"; by.rel = "noopener noreferrer";
let textBy = createTextNode("mailgo.js.org"); by.ac(createTextNode("mailgo.js.org"));
by.ac(textBy);
return by; return by;
}; };
@ -854,8 +833,7 @@ const mailgoVersion = "MAILGO_VERSION";
let mailgoCSS = createElement("style"); let mailgoCSS = createElement("style");
mailgoCSS.id = "mailgo-style"; mailgoCSS.id = "mailgo-style";
mailgoCSS.type = "text/css"; mailgoCSS.type = "text/css";
let mailgoCSSContent = createTextNode(`MAILGO_STYLE`); mailgoCSS.ac(createTextNode(`MAILGO_STYLE`));
mailgoCSS.ac(mailgoCSSContent);
document.head.ac(mailgoCSS); document.head.ac(mailgoCSS);
// DOMContentLoaded -> mailgoInit (creates the modals) // DOMContentLoaded -> mailgoInit (creates the modals)