Proxying to an i18n function in order to treat it like an object.

translate.js

// assume this is our original translate function
const translate = (key) => {
  return key.split('.').reduce((acc, current) => {
    return acc[current];
  }, english);
}

// an example of a dictionary of i18n strings with nested properties
const english = {
  foo: {
    bar: {
      baz: 'bob'
    }
  }
};

// normally we would just return target[key] but this approach allows us to handle nested properties
const validator = {
  get(target, key) {
    if (typeof target[key] === 'object' && target[key] !== null) {
      return new Proxy(target[key], validator)
    } else {
      return translate(key);
    }
  }
};

// this is what we want to export.
const t = new Proxy(translate, validator);

/*
Usage:

import t from 'translate';

const render = () => <p>{t.foo.bar}</p>;

******

works as a function AND as an object!
t.foo.bar.baz === t('foo.bar.baz'); //=> true
*/