i18n is a json now

dist/mailgo.min.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.mailgo=t():e.mailgo=t()}(window,(function(){return function(e){var t={};function o(a){if(t[a])return t[a].exports;var n=t[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=e,o.c=t,o.d=function(e,t,a){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(o.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)o.d(a,n,function(t){return e[t]}.bind(null,n));return a},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=3)}([function(e,t,o){var a=o(1);e.exports="string"==typeof a?a:a.toString()},function(e,t,o){(t=o(2)(!1)).push([e.i,'.m-modal{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:15px;z-index:10000}.m-modal a,.m-modal p,.m-modal span,.m-modal strong{margin:0;padding:0;font-size:100%;line-height:1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-rendering:optimizeLegibility}.m-modal strong{font-weight:700}.m-modal .m-modal-back{position:absolute;z-index:10001;top:0;right:0;bottom:0;left:0;background-color:rgba(32,35,42,.75);opacity:.8}.m-modal .m-modal-content{position:relative;z-index:10002;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;min-width:200px;max-width:240px;background-color:#fff;opacity:.97;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 3px 20px rgba(32,35,42,.5);-moz-box-shadow:0 3px 20px rgba(32,35,42,.5);box-shadow:0 3px 20px rgba(32,35,42,.5);color:#4a4a4a;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;padding:20px;-webkit-transition:.5s -webkit-box-shadow;transition:.5s -webkit-box-shadow;-o-transition:.5s box-shadow;-moz-transition:.5s box-shadow,.5s -moz-box-shadow;transition:.5s box-shadow;transition:.5s box-shadow,.5s -webkit-box-shadow,.5s -moz-box-shadow}.m-modal .m-modal-content:hover{opacity:1;-webkit-box-shadow:0 7px 20px rgba(32,35,42,.85);-moz-box-shadow:0 7px 20px rgba(32,35,42,.85);box-shadow:0 7px 20px rgba(32,35,42,.85)}.m-modal .m-modal-content .m-title{margin-bottom:8px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.m-modal .m-modal-content .m-details{margin-bottom:10px}.m-modal .m-modal-content .m-details p{font-size:12px;margin-top:3px;margin-bottom:3px}.m-modal .m-modal-content a{padding:10px;color:#4a4a4a;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;text-decoration:none}.m-modal .m-modal-content a.m-gmail{color:#d44638}.m-modal .m-modal-content a.m-gmail:hover{background-color:rgba(212,70,56,.08);color:#d44638}.m-modal .m-modal-content a.m-outlook{color:#0072c6}.m-modal .m-modal-content a.m-outlook:hover{background-color:rgba(0,114,198,.08);color:#0072c6}.m-modal .m-modal-content a.m-tg{color:#08c}.m-modal .m-modal-content a.m-tg:hover{background-color:rgba(0,114,198,.08);color:#08c}.m-modal .m-modal-content a.m-wa{color:#00bfa5}.m-modal .m-modal-content a.m-wa:hover{background-color:rgba(0,191,165,.08);color:#00bfa5}.m-modal .m-modal-content a.m-skype{color:#00aff0}.m-modal .m-modal-content a.m-skype:hover{background-color:rgba(0,175,240,.08);color:#00aff0}.m-modal .m-modal-content a.m-copy{padding:16px 10px;font-size:16px}.m-modal .m-modal-content a.m-copy:hover,.m-modal .m-modal-content a.m-default:hover{background-color:rgba(0,0,0,.08);color:#4a4a4a}.m-modal .m-modal-content a.m-by{font-size:8px;margin-top:.8rem;padding:5px;color:#4a4a4a;opacity:.5}.m-modal .m-modal-content a.m-by:hover{opacity:1}.m-modal .m-modal-content .w-500{font-weight:500}',""]),e.exports=t},function(e,t,o){"use strict";e.exports=function(e){var t=[];return t.toStLine truncated
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.mailgo=t():e.mailgo=t()}(window,(function(){return function(e){var t={};function o(a){if(t[a])return t[a].exports;var n=t[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=e,o.c=t,o.d=function(e,t,a){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(o.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)o.d(a,n,function(t){return e[t]}.bind(null,n));return a},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=4)}([function(e){e.exports=JSON.parse('{"languages":["en","it"],"translations":{"en":{"open_in":"open in ","cc":"cc ","bcc":"bcc ","subject":"subject ","body":"body "},"it":{"open_in":"apri con "}}}')},function(e,t,o){var a=o(2);e.exports="string"==typeof a?a:a.toString()},function(e,t,o){(t=o(3)(!1)).push([e.i,'.m-modal{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:15px;z-index:10000}.m-modal a,.m-modal p,.m-modal span,.m-modal strong{margin:0;padding:0;font-size:100%;line-height:1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-rendering:optimizeLegibility}.m-modal strong{font-weight:700}.m-modal .m-modal-back{position:absolute;z-index:10001;top:0;right:0;bottom:0;left:0;background-color:rgba(32,35,42,.75);opacity:.8}.m-modal .m-modal-content{position:relative;z-index:10002;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;min-width:200px;max-width:240px;background-color:#fff;opacity:.97;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 3px 20px rgba(32,35,42,.5);-moz-box-shadow:0 3px 20px rgba(32,35,42,.5);box-shadow:0 3px 20px rgba(32,35,42,.5);color:#4a4a4a;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;padding:20px;-webkit-transition:.5s -webkit-box-shadow;transition:.5s -webkit-box-shadow;-o-transition:.5s box-shadow;-moz-transition:.5s box-shadow,.5s -moz-box-shadow;transition:.5s box-shadow;transition:.5s box-shadow,.5s -webkit-box-shadow,.5s -moz-box-shadow}.m-modal .m-modal-content:hover{opacity:1;-webkit-box-shadow:0 7px 20px rgba(32,35,42,.85);-moz-box-shadow:0 7px 20px rgba(32,35,42,.85);box-shadow:0 7px 20px rgba(32,35,42,.85)}.m-modal .m-modal-content .m-title{margin-bottom:8px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.m-modal .m-modal-content .m-details{margin-bottom:10px}.m-modal .m-modal-content .m-details p{font-size:12px;margin-top:3px;margin-bottom:3px}.m-modal .m-modal-content a{padding:10px;color:#4a4a4a;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;text-decoration:none}.m-modal .m-modal-content a.m-gmail{color:#d44638}.m-modal .m-modal-content a.m-gmail:hover{background-color:rgba(212,70,56,.08);color:#d44638}.m-modal .m-modal-content a.m-outlook{color:#0072c6}.m-modal .m-modal-content a.m-outlook:hover{background-color:rgba(0,114,198,.08);color:#0072c6}.m-modal .m-modal-content a.m-tg{color:#08c}.m-modal .m-modal-content a.m-tg:hover{background-color:rgba(0,114,198,.08);color:#08c}.m-modal .m-modal-content a.m-wa{color:#00bfa5}.m-modal .m-modal-content a.m-wa:hover{background-color:rgba(0,191,165,.08);color:#00bfa5}.m-modal .m-modal-content a.m-skype{color:#00aff0}.m-modal .m-modal-content a.m-skype:hover{background-color:rgba(0,175,240,.08);color:#00aff0}.m-modal .m-modal-content a.m-copy{padding:16px 10px;font-size:16px}.m-modal .m-modal-content a.m-copy:hover,.m-modal .m-modal-content a.m-default:hover{background-color:rgba(0,0,0,.08);color:#4a4a4a}.m-modal .m-modal-content a.m-by{font-size:8px;margin-top:.8rem;padding:5px;color:#4a4a4a;opaciLine truncated

src/i18n/i18n.js

@@ -1,11 +0,0 @@
-export default {
-  languages: ["en", "it"],
-  translations: {
-    en: {
-      open_in: "open in ",
-    },
-    it: {
-      open_in: "apri con ",
-    },
-  },
-};

src/i18n/i18n.json

@@ -0,0 +1,15 @@
+{
+  "languages": ["en", "it"],
+  "translations": {
+    "en": {
+      "open_in": "open in ",
+      "cc": "cc ",
+      "bcc": "bcc ",
+      "subject": "subject ",
+      "body": "body "
+    },
+    "it": {
+      "open_in": "apri con "
+    }
+  }
+}

src/mailgo.m.js

@@ -1,5 +1,5 @@
 // i18n for mailgo
-import i18n from "./i18n/i18n";
+const i18n = require("./i18n/i18n.json");
 // mailgo css
 const mailgoCSS = require("../dist/mailgo.min.css").toString();
 // default lang
@@ -42,6 +42,7 @@ const mailgoInit = (mailgoConfig) => {
         lang = document.documentElement.lang;
     }
     // strings
+    let defaultStrings = translations[DEFAULT_LANG];
     let strings = translations[lang];
     // mailgo mail
     {
@@ -71,7 +72,7 @@ const mailgoInit = (mailgoConfig) => {
         detailCc.id = "m-cc";
         let ccSpan = createElement(span);
         ccSpan.className = "w-500";
-        ccSpan.appendChild(createTextNode("cc "));
+        ccSpan.appendChild(createTextNode(strings.cc));
         ccValue = createElement(span);
         ccValue.id = "m-cc-value";
         detailCc.appendChild(ccSpan);
@@ -81,7 +82,7 @@ const mailgoInit = (mailgoConfig) => {
         detailBcc.id = "m-bcc";
         let bccSpan = createElement(span);
         bccSpan.className = "w-500";
-        bccSpan.appendChild(createTextNode("bcc "));
+        bccSpan.appendChild(createTextNode(strings.bcc));
         bccValue = createElement(span);
         bccValue.id = "m-bcc-value";
         detailBcc.appendChild(bccSpan);
@@ -91,7 +92,7 @@ const mailgoInit = (mailgoConfig) => {
         detailSubject.id = "m-subject";
         let subjectSpan = createElement(span);
         subjectSpan.className = "w-500";
-        subjectSpan.appendChild(createTextNode("subject "));
+        subjectSpan.appendChild(createTextNode(strings.subject));
         subjectValue = createElement(span);
         subjectValue.id = "m-subject-value";
         detailSubject.appendChild(subjectSpan);
@@ -101,7 +102,7 @@ const mailgoInit = (mailgoConfig) => {
         detailBody.id = "m-body";
         let bodySpan = createElement(span);
         bodySpan.className = "w-500";
-        bodySpan.appendChild(createTextNode("body "));
+        bodySpan.appendChild(createTextNode(strings.body));
         bodyValue = createElement(span);
         bodyValue.id = "m-body-value";
         detailBody.appendChild(bodySpan);

src/mailgo.ts

@@ -1,7 +1,7 @@
 import { MailgoConfig } from "../mailgo";
 
 // i18n for mailgo
-import i18n from "./i18n/i18n";
+const i18n = require("./i18n/i18n.json");
 
 // mailgo css
 const mailgoCSS = require("../dist/mailgo.min.css").toString();
@@ -87,6 +87,7 @@ const mailgoInit = (mailgoConfig?: MailgoConfig): void => {
   }
 
   // strings
+  let defaultStrings: any = translations[DEFAULT_LANG];
   let strings: any = translations[lang];
 
   // mailgo mail
@@ -122,7 +123,7 @@ const mailgoInit = (mailgoConfig?: MailgoConfig): void => {
     detailCc.id = "m-cc";
     let ccSpan = createElement(span);
     ccSpan.className = "w-500";
-    ccSpan.appendChild(createTextNode("cc "));
+    ccSpan.appendChild(createTextNode(strings.cc));
     ccValue = createElement(span);
     ccValue.id = "m-cc-value";
     detailCc.appendChild(ccSpan);
@@ -133,7 +134,7 @@ const mailgoInit = (mailgoConfig?: MailgoConfig): void => {
     detailBcc.id = "m-bcc";
     let bccSpan = createElement(span);
     bccSpan.className = "w-500";
-    bccSpan.appendChild(createTextNode("bcc "));
+    bccSpan.appendChild(createTextNode(strings.bcc));
     bccValue = createElement(span);
     bccValue.id = "m-bcc-value";
     detailBcc.appendChild(bccSpan);
@@ -144,7 +145,7 @@ const mailgoInit = (mailgoConfig?: MailgoConfig): void => {
     detailSubject.id = "m-subject";
     let subjectSpan = createElement(span);
     subjectSpan.className = "w-500";
-    subjectSpan.appendChild(createTextNode("subject "));
+    subjectSpan.appendChild(createTextNode(strings.subject));
     subjectValue = createElement(span);
     subjectValue.id = "m-subject-value";
     detailSubject.appendChild(subjectSpan);
@@ -155,7 +156,7 @@ const mailgoInit = (mailgoConfig?: MailgoConfig): void => {
     detailBody.id = "m-body";
     let bodySpan = createElement(span);
     bodySpan.className = "w-500";
-    bodySpan.appendChild(createTextNode("body "));
+    bodySpan.appendChild(createTextNode(strings.body));
     bodyValue = createElement(span);
     bodyValue.id = "m-body-value";
     detailBody.appendChild(bodySpan);

tsconfig.json

@@ -6,7 +6,8 @@
     "target": "es6",
     "jsx": "react",
     "allowJs": true,
-    "moduleResolution": "node"
+    "moduleResolution": "node",
+    "resolveJsonModule": true
   },
   "include": ["src"]
 }