Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-02-22 15:15:12 +08:00
Code Issues Projects Releases Packages Wiki Activity

Keep translated message bodies in local storage to avoid re-requests

Browse source
This commit is contained in:
Ben Gotow 2019-07-31 02:06:05 -05:00
parent 6b53ff6c91
commit 87a4853db9
1 changed files with 35 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
app/internal_packages/translation/lib/message-header.tsx
View file

@ -26,12 +26,17 @@ interface TranslateMessageHeaderState {
let RecentlyTranslatedBodies: {
id: string;
translated: string;
enabled: boolean;
fromLang: string;
toLang: string;
}[] = [];
try {
RecentlyTranslatedBodies = JSON.parse(window.localStorage.getItem('translated-index') || '[]');
} catch (err) {
// no saved translations
}
function getPrefs() {
return {
disabled: AppEnv.config.get('core.translation.disabled') || [],
@ -47,7 +52,8 @@ function setPrefs(opts: { disabled: string[]; automatic: string[] }) {
export class TranslateMessageExtension extends MessageViewExtension {
static formatMessageBody = ({ message }) => {
const result = RecentlyTranslatedBodies.find(o => o.id === message.id);
if (result && result.enabled) message.body = result.translated;
if (result && result.enabled)
message.body = window.localStorage.getItem(`translated-${message.id}`);
};
}
@ -125,7 +131,7 @@ export class TranslateMessageHeader extends React.Component<
const prefs = getPrefs();
if (prefs.disabled.includes(detected)) return;
this.setState({ detected });
if (prefs.automatic.includes(detected)) {
if (prefs.automatic.includes(detected) && IdentityStore.hasProFeatures()) {
this._onTranslate('auto');
}
});
@ -155,18 +161,27 @@ export class TranslateMessageHeader extends React.Component<
if (this._mounted) {
this.setState({ translating: false });
}
if (!translated) return;
if (RecentlyTranslatedBodies.length > 50) {
RecentlyTranslatedBodies.shift();
if (translated) {
this._onPersistTranslation(targetLanguage, translated);
}
};
_onPersistTranslation = (targetLanguage: string, translated: string) => {
const { message } = this.props;
if (RecentlyTranslatedBodies.length > 100) {
const element = RecentlyTranslatedBodies.shift();
localStorage.removeItem(`translated-${element.id}`);
}
RecentlyTranslatedBodies.push({
id: message.id,
translated,
enabled: true,
fromLang: this.state.detected,
toLang: targetLanguage,
});
localStorage.setItem(`translated-${message.id}`, translated);
localStorage.setItem(`translated-index`, JSON.stringify(RecentlyTranslatedBodies));
MessageBodyProcessor.updateCacheForMessage(message);
};
@ -184,16 +199,19 @@ export class TranslateMessageHeader extends React.Component<
this.forceUpdate();
};
_onAlwaysForLanguage = () => {
_onAlwaysForLanguage = async () => {
if (!IdentityStore.hasProFeatures()) {
FeatureUsageStore.displayUpgradeModal('translation', {
headerText: localized('Translate automatically with Mailspring Pro'),
rechargeText: `${localized(
"Unfortunately, translation services bill per character and we can't offer this feature for free."
)} ${localized('Upgrade to Pro today!')}`,
iconUrl: 'mailspring://translation/assets/ic-translation-modal@2x.png',
});
return;
try {
await FeatureUsageStore.displayUpgradeModal('translation', {
headerText: localized('Translate automatically with Mailspring Pro'),
rechargeText: `${localized(
"Unfortunately, translation services bill per character and we can't offer this feature for free."
)} ${localized('Upgrade to Pro today!')}`,
iconUrl: 'mailspring://translation/assets/ic-translation-modal@2x.png',
});
} catch (err) {
return;
}
}
const prefs = getPrefs();