ServerStorage.vue 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618
  1. <template>
  2. <div></div>
  3. </template>
  4. <script>
  5. //-----------------------------------------------------------------------------
  6. import Vue from 'vue';
  7. import Component from 'vue-class-component';
  8. import _ from 'lodash';
  9. import bookManager from '../share/bookManager';
  10. import readerApi from '../../../api/reader';
  11. import * as utils from '../../../share/utils';
  12. import * as cryptoUtils from '../../../share/cryptoUtils';
  13. const maxSetTries = 5;
  14. export default @Component({
  15. watch: {
  16. serverSyncEnabled: function() {
  17. this.serverSyncEnabledChanged();
  18. },
  19. serverStorageKey: function() {
  20. this.serverStorageKeyChanged(true);
  21. },
  22. settings: function() {
  23. this.debouncedSaveSettings();
  24. },
  25. profiles: function() {
  26. this.saveProfiles();
  27. },
  28. currentProfile: function() {
  29. this.currentProfileChanged(true);
  30. },
  31. },
  32. })
  33. class ServerStorage extends Vue {
  34. created() {
  35. this.inited = false;
  36. this.keyInited = false;
  37. this.commit = this.$store.commit;
  38. this.prevServerStorageKey = null;
  39. this.$root.$on('generateNewServerStorageKey', () => {this.generateNewServerStorageKey()});
  40. this.debouncedSaveSettings = _.debounce(() => {
  41. this.saveSettings();
  42. }, 500);
  43. this.oldProfiles = {};
  44. this.oldSettings = {};
  45. this.oldRecent = {};
  46. this.oldRecentLast = {};
  47. }
  48. async init() {
  49. try {
  50. if (!this.serverStorageKey) {
  51. //генерируем новый ключ
  52. await this.generateNewServerStorageKey();
  53. } else {
  54. await this.serverStorageKeyChanged();
  55. }
  56. this.oldRecent = _.cloneDeep(bookManager.recent);
  57. this.oldRecentLast = _.cloneDeep(bookManager.recentLast) || {};
  58. } finally {
  59. this.inited = true;
  60. }
  61. }
  62. async generateNewServerStorageKey() {
  63. const key = utils.toBase58(utils.randomArray(32));
  64. this.commit('reader/setServerStorageKey', key);
  65. await this.serverStorageKeyChanged(true);
  66. }
  67. async serverSyncEnabledChanged() {
  68. if (this.serverSyncEnabled) {
  69. this.prevServerStorageKey = null;
  70. if (!this.serverStorageKey) {
  71. //генерируем новый ключ
  72. await this.generateNewServerStorageKey();
  73. } else {
  74. await this.serverStorageKeyChanged(true);
  75. }
  76. }
  77. }
  78. async serverStorageKeyChanged(force) {
  79. if (this.prevServerStorageKey != this.serverStorageKey) {
  80. this.prevServerStorageKey = this.serverStorageKey;
  81. this.hashedStorageKey = utils.toBase58(cryptoUtils.sha256(this.serverStorageKey));
  82. this.keyInited = true;
  83. await this.loadProfiles(force);
  84. this.checkCurrentProfile();
  85. await this.currentProfileChanged(force);
  86. await this.loadRecent(force);
  87. if (force)
  88. await this.saveRecent();
  89. }
  90. }
  91. async currentProfileChanged(force) {
  92. if (!this.currentProfile)
  93. return;
  94. await this.loadSettings(force);
  95. }
  96. get serverSyncEnabled() {
  97. return this.$store.state.reader.serverSyncEnabled;
  98. }
  99. get settings() {
  100. return this.$store.state.reader.settings;
  101. }
  102. get settingsRev() {
  103. return this.$store.state.reader.settingsRev;
  104. }
  105. get serverStorageKey() {
  106. return this.$store.state.reader.serverStorageKey;
  107. }
  108. get profiles() {
  109. return this.$store.state.reader.profiles;
  110. }
  111. get profilesRev() {
  112. return this.$store.state.reader.profilesRev;
  113. }
  114. get currentProfile() {
  115. return this.$store.state.reader.currentProfile;
  116. }
  117. get showServerStorageMessages() {
  118. return this.settings.showServerStorageMessages;
  119. }
  120. checkCurrentProfile() {
  121. if (!this.profiles[this.currentProfile]) {
  122. this.commit('reader/setCurrentProfile', '');
  123. }
  124. }
  125. notifySuccess() {
  126. this.success('Данные синхронизированы с сервером');
  127. }
  128. success(message) {
  129. if (this.showServerStorageMessages)
  130. this.$notify.success({message});
  131. }
  132. warning(message) {
  133. if (this.showServerStorageMessages)
  134. this.$notify.warning({message});
  135. }
  136. error(message) {
  137. if (this.showServerStorageMessages)
  138. this.$notify.error({message});
  139. }
  140. async loadSettings(force) {
  141. if (!this.keyInited || !this.serverSyncEnabled || !this.currentProfile)
  142. return;
  143. const setsId = `settings-${this.currentProfile}`;
  144. const oldRev = this.settingsRev[setsId] || 0;
  145. //проверим ревизию на сервере
  146. if (!force) {
  147. try {
  148. const revs = await this.storageCheck({[setsId]: {}});
  149. if (revs.state == 'success' && revs.items[setsId].rev == oldRev) {
  150. return;
  151. }
  152. } catch(e) {
  153. this.error(`Ошибка соединения с сервером: ${e.message}`);
  154. return;
  155. }
  156. }
  157. let sets = null;
  158. try {
  159. sets = await this.storageGet({[setsId]: {}});
  160. } catch(e) {
  161. this.error(`Ошибка соединения с сервером: ${e.message}`);
  162. return;
  163. }
  164. if (sets.state == 'success') {
  165. sets = sets.items[setsId];
  166. if (sets.rev == 0)
  167. sets.data = {};
  168. this.oldSettings = _.cloneDeep(sets.data);
  169. this.commit('reader/setSettings', sets.data);
  170. this.commit('reader/setSettingsRev', {[setsId]: sets.rev});
  171. this.notifySuccess();
  172. } else {
  173. this.warning(`Неверный ответ сервера: ${sets.state}`);
  174. }
  175. }
  176. async saveSettings() {
  177. if (!this.keyInited || !this.serverSyncEnabled || !this.currentProfile || this.savingSettings)
  178. return;
  179. const diff = utils.getObjDiff(this.oldSettings, this.settings);
  180. if (utils.isEmptyObjDiff(diff))
  181. return;
  182. this.savingSettings = true;
  183. try {
  184. const setsId = `settings-${this.currentProfile}`;
  185. let result = {state: ''};
  186. let tries = 0;
  187. while (result.state != 'success' && tries < maxSetTries) {
  188. const oldRev = this.settingsRev[setsId] || 0;
  189. try {
  190. result = await this.storageSet({[setsId]: {rev: oldRev + 1, data: this.settings}});
  191. } catch(e) {
  192. this.savingSettings = false;
  193. this.error(`Ошибка соединения с сервером (${e.message}). Данные не сохранены и могут быть перезаписаны.`);
  194. return;
  195. }
  196. if (result.state == 'reject') {
  197. await this.loadSettings(true);
  198. const newSettings = utils.applyObjDiff(this.settings, diff);
  199. this.commit('reader/setSettings', newSettings);
  200. }
  201. tries++;
  202. }
  203. if (tries >= maxSetTries) {
  204. //отменять изменения не будем, просто предупредим
  205. //this.commit('reader/setSettings', this.oldSettings);
  206. console.error(result);
  207. this.error('Не удалось отправить настройки на сервер. Данные не сохранены и могут быть перезаписаны.');
  208. } else {
  209. this.oldSettings = _.cloneDeep(this.settings);
  210. this.commit('reader/setSettingsRev', {[setsId]: this.settingsRev[setsId] + 1});
  211. }
  212. } finally {
  213. this.savingSettings = false;
  214. }
  215. }
  216. async loadProfiles(force) {
  217. if (!this.keyInited || !this.serverSyncEnabled)
  218. return;
  219. const oldRev = this.profilesRev;
  220. //проверим ревизию на сервере
  221. if (!force) {
  222. try {
  223. const revs = await this.storageCheck({profiles: {}});
  224. if (revs.state == 'success' && revs.items.profiles.rev == oldRev) {
  225. return;
  226. }
  227. } catch(e) {
  228. this.error(`Ошибка соединения с сервером: ${e.message}`);
  229. return;
  230. }
  231. }
  232. let prof = null;
  233. try {
  234. prof = await this.storageGet({profiles: {}});
  235. } catch(e) {
  236. this.error(`Ошибка соединения с сервером: ${e.message}`);
  237. return;
  238. }
  239. if (prof.state == 'success') {
  240. prof = prof.items.profiles;
  241. if (prof.rev == 0)
  242. prof.data = {};
  243. this.oldProfiles = _.cloneDeep(prof.data);
  244. this.commit('reader/setProfiles', prof.data);
  245. this.commit('reader/setProfilesRev', prof.rev);
  246. this.notifySuccess();
  247. } else {
  248. this.warning(`Неверный ответ сервера: ${prof.state}`);
  249. }
  250. }
  251. async saveProfiles() {
  252. if (!this.keyInited || !this.serverSyncEnabled || this.savingProfiles)
  253. return;
  254. const diff = utils.getObjDiff(this.oldProfiles, this.profiles);
  255. if (utils.isEmptyObjDiff(diff))
  256. return;
  257. //обнуляются профили во время разработки, подстраховка
  258. if (!this.$store.state.reader.allowProfilesSave) {
  259. console.error('Сохранение профилей не санкционировано');
  260. return;
  261. }
  262. this.savingProfiles = true;
  263. try {
  264. let result = {state: ''};
  265. let tries = 0;
  266. while (result.state != 'success' && tries < maxSetTries) {
  267. try {
  268. result = await this.storageSet({profiles: {rev: this.profilesRev + 1, data: this.profiles}});
  269. } catch(e) {
  270. this.savingProfiles = false;
  271. this.commit('reader/setProfiles', this.oldProfiles);
  272. this.checkCurrentProfile();
  273. this.error(`Ошибка соединения с сервером: (${e.message}). Изменения отменены.`);
  274. return;
  275. }
  276. if (result.state == 'reject') {
  277. await this.loadProfiles(true);
  278. const newProfiles = utils.applyObjDiff(this.profiles, diff);
  279. this.commit('reader/setProfiles', newProfiles);
  280. }
  281. tries++;
  282. }
  283. if (tries >= maxSetTries) {
  284. this.commit('reader/setProfiles', this.oldProfiles);
  285. this.checkCurrentProfile();
  286. console.error(result);
  287. this.error('Не удалось отправить данные на сервер. Изменения отменены.');
  288. } else {
  289. this.oldProfiles = _.cloneDeep(this.profiles);
  290. this.commit('reader/setProfilesRev', this.profilesRev + 1);
  291. }
  292. } finally {
  293. this.savingProfiles = false;
  294. }
  295. }
  296. async loadRecent(force) {
  297. if (!this.keyInited || !this.serverSyncEnabled)
  298. return;
  299. const oldRev = bookManager.recentRev;
  300. const oldLastRev = bookManager.recentLastRev;
  301. //проверим ревизию на сервере
  302. let revs = null;
  303. if (!force) {
  304. try {
  305. revs = await this.storageCheck({recent: {}, recentLast: {}});
  306. if (revs.state == 'success' && revs.items.recent.rev == oldRev &&
  307. revs.items.recentLast.rev == oldLastRev) {
  308. return;
  309. }
  310. } catch(e) {
  311. this.error(`Ошибка соединения с сервером: ${e.message}`);
  312. return;
  313. }
  314. }
  315. if (force || revs.items.recent.rev != oldRev) {
  316. let recent = null;
  317. try {
  318. recent = await this.storageGet({recent: {}});
  319. } catch(e) {
  320. this.error(`Ошибка соединения с сервером: ${e.message}`);
  321. return;
  322. }
  323. if (recent.state == 'success') {
  324. recent = recent.items.recent;
  325. if (recent.rev == 0)
  326. recent.data = {};
  327. this.oldRecent = _.cloneDeep(recent.data);
  328. await bookManager.setRecent(recent.data);
  329. await bookManager.setRecentRev(recent.rev);
  330. } else {
  331. this.warning(`Неверный ответ сервера: ${recent.state}`);
  332. }
  333. }
  334. if (force || revs.items.recentLast.rev != oldLastRev) {
  335. let recentLast = null;
  336. try {
  337. recentLast = await this.storageGet({recentLast: {}});
  338. } catch(e) {
  339. this.error(`Ошибка соединения с сервером: ${e.message}`);
  340. return;
  341. }
  342. if (recentLast.state == 'success') {
  343. recentLast = recentLast.items.recentLast;
  344. if (recentLast.rev == 0)
  345. recentLast.data = {};
  346. this.oldRecentLast = _.cloneDeep(recentLast.data);
  347. await bookManager.setRecentLast(recentLast.data);
  348. await bookManager.setRecentLastRev(recentLast.rev);
  349. } else {
  350. this.warning(`Неверный ответ сервера: ${recentLast.state}`);
  351. }
  352. }
  353. this.notifySuccess();
  354. }
  355. async saveRecent() {
  356. if (!this.keyInited || !this.serverSyncEnabled || this.savingRecent)
  357. return;
  358. const bm = bookManager;
  359. const diff = utils.getObjDiff(this.oldRecent, bm.recent);
  360. if (utils.isEmptyObjDiff(diff))
  361. return;
  362. this.savingRecent = true;
  363. try {
  364. let result = {state: ''};
  365. let tries = 0;
  366. while (result.state != 'success' && tries < maxSetTries) {
  367. try {
  368. result = await this.storageSet({recent: {rev: bm.recentRev + 1, data: bm.recent}});
  369. } catch(e) {
  370. this.savingRecent = false;
  371. this.error(`Ошибка соединения с сервером: (${e.message}). Изменения не сохранены.`);
  372. return;
  373. }
  374. if (result.state == 'reject') {
  375. await this.loadRecent(true);
  376. //похоже это лишнее
  377. /*const newRecent = utils.applyObjDiff(bm.recent, diff);
  378. await bm.setRecent(newRecent);*/
  379. }
  380. tries++;
  381. }
  382. if (tries >= maxSetTries) {
  383. console.error(result);
  384. this.error('Не удалось отправить данные на сервер. Данные не сохранены и могут быть перезаписаны.');
  385. } else {
  386. this.oldRecent = _.cloneDeep(bm.recent);
  387. await bm.setRecentRev(bm.recentRev + 1);
  388. await this.saveRecentLast(true);
  389. }
  390. } finally {
  391. this.savingRecent = false;
  392. }
  393. }
  394. async saveRecentLast(force = false) {
  395. if (!this.keyInited || !this.serverSyncEnabled || this.savingRecentLast)
  396. return;
  397. const bm = bookManager;
  398. let recentLast = bm.recentLast;
  399. recentLast = (recentLast ? recentLast : {});
  400. let lastRev = bm.recentLastRev;
  401. const diff = utils.getObjDiff(this.oldRecentLast, recentLast);
  402. if (utils.isEmptyObjDiff(diff))
  403. return;
  404. this.savingRecentLast = true;
  405. try {
  406. let result = {state: ''};
  407. let tries = 0;
  408. while (result.state != 'success' && tries < maxSetTries) {
  409. if (force) {
  410. try {
  411. const revs = await this.storageCheck({recentLast: {}});
  412. if (revs.items.recentLast.rev)
  413. lastRev = revs.items.recentLast.rev;
  414. } catch(e) {
  415. this.error(`Ошибка соединения с сервером: ${e.message}`);
  416. return;
  417. }
  418. }
  419. try {
  420. result = await this.storageSet({recentLast: {rev: lastRev + 1, data: recentLast}}, force);
  421. } catch(e) {
  422. this.savingRecentLast = false;
  423. this.error(`Ошибка соединения с сервером: (${e.message}). Изменения не сохранены.`);
  424. return;
  425. }
  426. if (result.state == 'reject') {
  427. await this.loadRecent(false);
  428. this.savingRecentLast = false;//!!!
  429. return;//!!!
  430. }
  431. tries++;
  432. }
  433. if (tries >= maxSetTries) {
  434. console.error(result);
  435. this.error('Не удалось отправить данные на сервер. Данные не сохранены и могут быть перезаписаны.');
  436. } else {
  437. this.oldRecentLast = _.cloneDeep(recentLast);
  438. await bm.setRecentLastRev(lastRev + 1);
  439. }
  440. } finally {
  441. this.savingRecentLast = false;
  442. }
  443. }
  444. async storageCheck(items) {
  445. return await this.storageApi('check', items);
  446. }
  447. async storageGet(items) {
  448. return await this.storageApi('get', items);
  449. }
  450. async storageSet(items, force) {
  451. return await this.storageApi('set', items, force);
  452. }
  453. async storageApi(action, items, force) {
  454. const request = {action, items};
  455. if (force)
  456. request.force = true;
  457. const encodedRequest = await this.encodeStorageItems(request);
  458. return await this.decodeStorageItems(await readerApi.storage(encodedRequest));
  459. }
  460. async encodeStorageItems(request) {
  461. if (!this.hashedStorageKey)
  462. throw new Error('hashedStorageKey is empty');
  463. if (!_.isObject(request.items))
  464. throw new Error('items is not an object');
  465. let result = Object.assign({}, request);
  466. let items = {};
  467. for (const id of Object.keys(request.items)) {
  468. const item = request.items[id];
  469. if (request.action == 'set' && !_.isObject(item.data))
  470. throw new Error('encodeStorageItems: data is not an object');
  471. let encoded = Object.assign({}, item);
  472. if (item.data) {
  473. const comp = utils.pako.deflate(JSON.stringify(item.data), {level: 1});
  474. let encrypted = null;
  475. try {
  476. encrypted = cryptoUtils.aesEncrypt(comp, this.serverStorageKey);
  477. } catch (e) {
  478. throw new Error('encrypt failed');
  479. }
  480. encoded.data = '1' + utils.toBase64(encrypted);
  481. }
  482. items[`${this.hashedStorageKey}.${utils.toBase58(id)}`] = encoded;
  483. }
  484. result.items = items;
  485. return result;
  486. }
  487. async decodeStorageItems(response) {
  488. if (!this.hashedStorageKey)
  489. throw new Error('hashedStorageKey is empty');
  490. let result = Object.assign({}, response);
  491. let items = {};
  492. if (response.items) {
  493. if (!_.isObject(response.items))
  494. throw new Error('items is not an object');
  495. for (const id of Object.keys(response.items)) {
  496. const item = response.items[id];
  497. let decoded = Object.assign({}, item);
  498. if (item.data) {
  499. if (!_.isString(item.data) || !item.data.length)
  500. throw new Error('decodeStorageItems: data is not a string');
  501. if (item.data[0] !== '1')
  502. throw new Error('decodeStorageItems: unknown data format');
  503. const a = utils.fromBase64(item.data.substr(1));
  504. let decrypted = null;
  505. try {
  506. decrypted = cryptoUtils.aesDecrypt(a, this.serverStorageKey);
  507. } catch (e) {
  508. throw new Error('decrypt failed');
  509. }
  510. decoded.data = JSON.parse(utils.pako.inflate(decrypted, {to: 'string'}));
  511. }
  512. const ids = id.split('.');
  513. if (!(ids.length == 2) || !(ids[0] == this.hashedStorageKey))
  514. throw new Error(`decodeStorageItems: bad id - ${id}`);
  515. items[utils.fromBase58(ids[1])] = decoded;
  516. }
  517. }
  518. result.items = items;
  519. return result;
  520. }
  521. }
  522. //-----------------------------------------------------------------------------
  523. </script>