How is a translation dictionary cached in a browser's local storage?

dmitrii_fediuk · August 19, 2016, 2:23pm

It is cached with the mage-translation-file-version and mage-translation-storage keys:

magento/magento2/blob/2.1.0/app/code/Magento/Translation/view/base/templates/translate.phtml#L23-L33


$.initNamespaceStorage('mage-translation-storage');
$.initNamespaceStorage('mage-translation-file-version');
versionObj = $.localStorage.get('mage-translation-file-version');


if (versionObj.version !== '<?php /* @escapeNotVerified */
    echo sha1($block->getTranslationFileTimestamp() . $block->getTranslationFilePath()) ?>') {
    dependencies.push(
        'text!<?php /*  @escapeNotVerified */ echo Magento\Translation\Model\Js\Config::DICTIONARY_FILE_NAME?>'
    );


}

github.com

magento/magento2/blob/2.1.0/app/code/Magento/Translation/view/base/templates/translate.phtml#L37-L51


callback: function (string) {
    if (typeof string === 'string') {
        $.mage.translate.add(JSON.parse(string));
        $.localStorage.set('mage-translation-storage', string);
        $.localStorage.set(
            'mage-translation-file-version',
            {
                version: '<?php /* @escapeNotVerified */
echo sha1($block->getTranslationFileTimestamp() . $block->getTranslationFilePath()) ?>'
            }
        );
    } else {
        $.mage.translate.add($.localStorage.get('mage-translation-storage'));
    }
}