feat: Add first version of Rosetta engine

package.json

@@ -32,5 +32,8 @@
     "onchange": "^5.1.3",
     "webpack": "^4.26.1",
     "webpack-cli": "^3.1.2"
+  },
+  "dependencies": {
+    "lodash": "^4.17.11"
   }
 }

src/Rosetta.js

@@ -0,0 +1,46 @@
+import { merge, get } from 'lodash';
+import formatPhraseWithVariables from './utils/format-phrase-with-variables';
+import rosettaService from './rosetta-service';
+
+export default class Rosetta {
+  constructor({
+    cultureCodes = [],
+    clientId = '',
+    contentService = rosettaService,
+  } = {}, names) {
+    // eslint-disable-next-line
+    this.cultureCode = cultureCodes[0];
+    this.phrasesByCultureCode = {};
+    this.contentService = contentService(clientId);
+    this.fetchNames(cultureCodes, names);
+  }
+
+  async fetchNames(cultureCodes, names) {
+    try {
+      const phrasesByCultureCode = await this.contentService.getNames(cultureCodes, names);
+      this.phrasesByCultureCode = merge(this.phrasesByCultureCode, phrasesByCultureCode);
+    } catch (error) {
+      throw new Error('[GAPLESS] Something went wrong at Rosetta.fetchNames');
+    }
+  }
+
+  getPhrases() {
+    return this.phrasesByCultureCode[this.cultureCode];
+  }
+
+  translate(name, { placeholder, ...variables } = {}) {
+    const phrase = get(this.getPhrases(), name, placeholder);
+
+    return formatPhraseWithVariables(phrase, variables) || name;
+  }
+
+  namespace(name) {
+    const space = get(this.getPhrases(), name);
+
+    if (typeof space !== 'object') {
+      throw new Error('[GAPLESS] Namespace should be an object.');
+    }
+
+    return space;
+  }
+}

src/index.js

@@ -0,0 +1,3 @@
+import Rosetta from './Rosetta';
+
+export default Rosetta;

src/rosetta-service.js

@@ -0,0 +1,45 @@
+const sleep = time => new Promise(resolve => setTimeout(resolve, time));
+
+// eslint-disable-next-line
+export default (id) => ({
+  // eslint-disable-next-line
+  getNames: async (cultureCodes, names) => {
+    await sleep(300);
+
+    return {
+      'en-US': {
+        BREAD: {
+          ROOT: 'bread',
+          CORN: 'corn bread',
+          CROISSANT: 'croissant',
+        },
+        BUTTER: 'butter',
+        TOASTER: 'toaster',
+      },
+      'pt-PT': {
+        BREAD: {
+          ROOT: 'pão',
+          CORN: 'broa',
+          CROISSANT: 'croissant',
+        },
+        BUTTER: 'manteiga',
+        TOASTER: 'torradeira',
+      },
+    };
+  },
+  getCultures: async () => {
+    await sleep(300);
+
+    return [
+      'pt-PT',
+      'pt-BR',
+      'en-GB',
+      'en-US',
+      'en-CA',
+      'es-ES',
+      'es-MX',
+      'fr-FR',
+      'fr-CA',
+    ];
+  },
+});

src/utils/format-phrase-with-variables.js

@@ -0,0 +1,19 @@
+export default (phrase, ...variables) => {
+  if (!variables.length) return phrase;
+
+  let formattedPhrase = phrase;
+
+  const t = typeof variables[0];
+  const args = (t === 'string' || t === 'number')
+    ? Array.prototype.slice.call(variables)
+    : variables[0];
+
+  Object.keys(args)
+    .forEach((key) => {
+      const regex = new RegExp(`\\{${key}\\}`, 'gi');
+
+      formattedPhrase = phrase.replace(regex, args[key]);
+    });
+
+  return formattedPhrase;
+};