Save last text

Author: hcodes

index.html

@@ -1,6 +1,6 @@
 import { prepareLocale } from '../../helpers/prepareLocale';
 import { I18NLanguage, i18n, i18nUpdatePage, setI18nLang } from '../../i18n/i18n';
-import { getHashParam, isPrefsHash, resetHash, setPrefsHash, setTextHashParam } from '../../helpers/hash';
+import { getHashParam, isPrefsHash, resetHash, setPrefsHash } from '../../helpers/hash';
 import { metrikaReachGoal } from '../../services/metrika';
 import { config } from './config';
 import { Typograf } from '../../helpers/typograf';
@@ -41,8 +41,10 @@ export class App {
         document.body.classList.remove('transition_no');
 
         this.input = new Input({
+            value: config.text,
             isMobile: this.isMobile,
             onChange: () => {
+                config.text = this.input.getValue();
                 this.execute();
             },
         });
@@ -97,7 +99,10 @@ export class App {
         this.prepareRules();
 
         if (!this.isMobile) {
-            this.setValue(getHashParam('text') || '');
+            const hash = getHashParam('text');
+            if (hash) {
+                this.setValue(hash);
+            }
         }
 
         this.execute();
@@ -193,8 +198,6 @@ export class App {
         if (this.isMobile || this.prefs.opened()) {
             return;
         }
-
-        setTextHashParam(value);
     }
 
     private handlePrefsClick = () => {

mobile.html

@@ -14,6 +14,7 @@ export class Config {
     private rulesInner: ConfigRules = defaultRules;
     private modeInner: TypografHtmlEntity['type'];
     private onlyInvisibleInner = false;
+    private textInner = '';
 
     constructor() {
         this.languageInner = myLocalStorage.getItem('settings.langUI', 'ru');
@@ -30,6 +31,7 @@ export class Config {
 
         this.modeInner = myLocalStorage.getItem<TypografHtmlEntity['type']>('settings.mode', 'default');
         this.onlyInvisibleInner = myLocalStorage.getItem('settings.onlyInvisible', false);
+        this.textInner = myLocalStorage.getItem('text', '');
     }
 
     get locale() {
@@ -68,6 +70,15 @@ export class Config {
         myLocalStorage.setItem('settings.langUI', value);
     }
 
+    get text() {
+        return this.textInner;
+    }
+
+    set text(value: string) {
+        this.textInner = value;
+        myLocalStorage.setItem('text', value);
+    }    
+
     get rules() {
         return this.rulesInner;
     }

src/components/app/app.ts

@@ -5,6 +5,7 @@ import './input.css';
 
 interface InputParams {
     isMobile: boolean;
+    value?: string;
     onChange: () => void;
 }
 
@@ -15,6 +16,12 @@ export class Input {
 
     constructor(private params: InputParams) {
         this.bindEvents();
+
+        const { value } = params;
+        if (value) {
+            this.setValue(value);
+            setTimeout(() => { this.handleInput() }, 0);
+        }
     }
 
     setValue(value: string) {

src/components/app/config.ts

@@ -179,7 +179,7 @@ export class Prefs {
 
         this.save();
 
-        metrikaReachGoal('select-locale');
+        metrikaReachGoal('select-locale', { changeLocale: value });
     }
 
     private handleModeChange = () => {