ServerStorage.vue 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520
  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.commit = this.$store.commit;
  37. this.prevServerStorageKey = null;
  38. this.$root.$on('generateNewServerStorageKey', () => {this.generateNewServerStorageKey()});
  39. this.debouncedSaveSettings = _.debounce(() => {
  40. this.saveSettings();
  41. }, 500);
  42. this.oldProfiles = {};
  43. this.oldSettings = {};
  44. this.oldRecent = {};
  45. }
  46. async init() {
  47. try {
  48. if (!this.serverStorageKey) {
  49. //генерируем новый ключ
  50. await this.generateNewServerStorageKey();
  51. } else {
  52. await this.serverStorageKeyChanged();
  53. }
  54. await this.currentProfileChanged();
  55. await this.loadRecent();
  56. } finally {
  57. this.inited = true;
  58. }
  59. }
  60. async generateNewServerStorageKey() {
  61. const key = utils.toBase58(utils.randomArray(32));
  62. this.commit('reader/setServerStorageKey', key);
  63. await this.serverStorageKeyChanged();
  64. }
  65. async serverSyncEnabledChanged() {
  66. if (this.serverSyncEnabled) {
  67. this.prevServerStorageKey = null;
  68. await this.serverStorageKeyChanged(true);
  69. }
  70. }
  71. async serverStorageKeyChanged(force) {
  72. if (this.prevServerStorageKey != this.serverStorageKey) {
  73. this.prevServerStorageKey = this.serverStorageKey;
  74. this.hashedStorageKey = utils.toBase58(cryptoUtils.sha256(this.serverStorageKey));
  75. await this.loadProfiles(force);
  76. this.checkCurrentProfile();
  77. }
  78. }
  79. async currentProfileChanged(force) {
  80. if (!this.currentProfile)
  81. return;
  82. await this.loadSettings(force);
  83. }
  84. get serverSyncEnabled() {
  85. return this.$store.state.reader.serverSyncEnabled;
  86. }
  87. get settings() {
  88. return this.$store.state.reader.settings;
  89. }
  90. get settingsRev() {
  91. return this.$store.state.reader.settingsRev;
  92. }
  93. get serverStorageKey() {
  94. return this.$store.state.reader.serverStorageKey;
  95. }
  96. get profiles() {
  97. return this.$store.state.reader.profiles;
  98. }
  99. get profilesRev() {
  100. return this.$store.state.reader.profilesRev;
  101. }
  102. get currentProfile() {
  103. return this.$store.state.reader.currentProfile;
  104. }
  105. get showServerStorageMessages() {
  106. return this.settings.showServerStorageMessages;
  107. }
  108. checkCurrentProfile() {
  109. if (!this.profiles[this.currentProfile]) {
  110. this.commit('reader/setCurrentProfile', '');
  111. }
  112. }
  113. notifySuccessIfNeeded(rev1, rev2) {
  114. if (rev1 != rev2)
  115. this.success('Данные синхронизированы с сервером');
  116. }
  117. success(message) {
  118. if (this.showServerStorageMessages)
  119. this.$notify.success({message});
  120. }
  121. warning(message) {
  122. if (this.showServerStorageMessages)
  123. this.$notify.warning({message});
  124. }
  125. error(message) {
  126. if (this.showServerStorageMessages)
  127. this.$notify.error({message});
  128. }
  129. async loadSettings(force) {
  130. if (!this.serverSyncEnabled || !this.currentProfile)
  131. return;
  132. const setsId = `settings-${this.currentProfile}`;
  133. const oldRev = this.settingsRev[setsId] || 0;
  134. //проверим ревизию на сервере
  135. if (!force) {
  136. try {
  137. const revs = await this.storageCheck({[setsId]: {}});
  138. if (revs.state == 'success' && revs.items[setsId].rev == oldRev) {
  139. return;
  140. }
  141. } catch(e) {
  142. this.error(`Ошибка соединения с сервером: ${e.message}`);
  143. return;
  144. }
  145. }
  146. let sets = null;
  147. try {
  148. sets = await this.storageGet({[setsId]: {}});
  149. } catch(e) {
  150. this.error(`Ошибка соединения с сервером: ${e.message}`);
  151. return;
  152. }
  153. if (sets.state == 'success') {
  154. sets = sets.items[setsId];
  155. if (sets.rev == 0)
  156. sets.data = {};
  157. this.oldSettings = _.cloneDeep(sets.data);
  158. this.commit('reader/setSettings', sets.data);
  159. this.commit('reader/setSettingsRev', {[setsId]: sets.rev});
  160. this.notifySuccessIfNeeded(oldRev, sets.rev);
  161. } else {
  162. this.warning(`Неверный ответ сервера: ${sets.state}`);
  163. }
  164. }
  165. async saveSettings() {
  166. if (!this.serverSyncEnabled || !this.currentProfile || this.savingSettings)
  167. return;
  168. const diff = utils.getObjDiff(this.oldSettings, this.settings);
  169. if (utils.isEmptyObjDiff(diff))
  170. return;
  171. this.savingSettings = true;
  172. try {
  173. const setsId = `settings-${this.currentProfile}`;
  174. let result = {state: ''};
  175. let tries = 0;
  176. while (result.state != 'success' && tries < maxSetTries) {
  177. const oldRev = this.settingsRev[setsId] || 0;
  178. try {
  179. result = await this.storageSet({[setsId]: {rev: oldRev + 1, data: this.settings}});
  180. } catch(e) {
  181. this.savingSettings = false;
  182. this.error(`Ошибка соединения с сервером (${e.message}). Данные не сохранены и могут быть перезаписаны.`);
  183. return;
  184. }
  185. if (result.state == 'reject') {
  186. await this.loadSettings(true);
  187. const newSettings = utils.applyObjDiff(this.settings, diff);
  188. this.commit('reader/setSettings', newSettings);
  189. }
  190. tries++;
  191. }
  192. if (tries >= maxSetTries) {
  193. //отменять изменения не будем, просто предупредим
  194. //this.commit('reader/setSettings', this.oldSettings);
  195. console.error(result);
  196. this.error('Не удалось отправить настройки на сервер. Данные не сохранены и могут быть перезаписаны.');
  197. } else {
  198. this.oldSettings = _.cloneDeep(this.settings);
  199. this.commit('reader/setSettingsRev', {[setsId]: this.settingsRev[setsId] + 1});
  200. }
  201. } finally {
  202. this.savingSettings = false;
  203. }
  204. }
  205. async loadProfiles(force) {
  206. if (!this.serverSyncEnabled)
  207. return;
  208. const oldRev = this.profilesRev;
  209. //проверим ревизию на сервере
  210. if (!force) {
  211. try {
  212. const revs = await this.storageCheck({profiles: {}});
  213. if (revs.state == 'success' && revs.items.profiles.rev == oldRev) {
  214. return;
  215. }
  216. } catch(e) {
  217. this.error(`Ошибка соединения с сервером: ${e.message}`);
  218. return;
  219. }
  220. }
  221. let prof = null;
  222. try {
  223. prof = await this.storageGet({profiles: {}});
  224. } catch(e) {
  225. this.error(`Ошибка соединения с сервером: ${e.message}`);
  226. return;
  227. }
  228. if (prof.state == 'success') {
  229. prof = prof.items.profiles;
  230. if (prof.rev == 0)
  231. prof.data = {};
  232. this.oldProfiles = _.cloneDeep(prof.data);
  233. this.commit('reader/setProfiles', prof.data);
  234. this.commit('reader/setProfilesRev', prof.rev);
  235. this.notifySuccessIfNeeded(oldRev, prof.rev);
  236. } else {
  237. this.warning(`Неверный ответ сервера: ${prof.state}`);
  238. }
  239. }
  240. async saveProfiles() {
  241. if (!this.serverSyncEnabled || this.savingProfiles)
  242. return;
  243. const diff = utils.getObjDiff(this.oldProfiles, this.profiles);
  244. if (utils.isEmptyObjDiff(diff))
  245. return;
  246. //обнуляются профили во время разработки, подстраховка
  247. if (!this.$store.state.reader.allowProfilesSave) {
  248. console.error('Сохранение профилей не санкционировано');
  249. return;
  250. }
  251. this.savingProfiles = true;
  252. try {
  253. let result = {state: ''};
  254. let tries = 0;
  255. while (result.state != 'success' && tries < maxSetTries) {
  256. try {
  257. result = await this.storageSet({profiles: {rev: this.profilesRev + 1, data: this.profiles}});
  258. } catch(e) {
  259. this.savingProfiles = false;
  260. this.commit('reader/setProfiles', this.oldProfiles);
  261. this.checkCurrentProfile();
  262. this.error(`Ошибка соединения с сервером: (${e.message}). Изменения отменены.`);
  263. return;
  264. }
  265. if (result.state == 'reject') {
  266. await this.loadProfiles(true);
  267. const newProfiles = utils.applyObjDiff(this.profiles, diff);
  268. this.commit('reader/setProfiles', newProfiles);
  269. }
  270. tries++;
  271. }
  272. if (tries >= maxSetTries) {
  273. this.commit('reader/setProfiles', this.oldProfiles);
  274. this.checkCurrentProfile();
  275. console.error(result);
  276. this.error('Не удалось отправить данные на сервер. Изменения отменены.');
  277. } else {
  278. this.oldProfiles = _.cloneDeep(this.profiles);
  279. this.commit('reader/setProfilesRev', this.profilesRev + 1);
  280. }
  281. } finally {
  282. this.savingProfiles = false;
  283. }
  284. }
  285. async loadRecent(force) {
  286. if (!this.serverSyncEnabled)
  287. return;
  288. const oldRev = bookManager.recentRev;
  289. //проверим ревизию на сервере
  290. if (!force) {
  291. try {
  292. const revs = await this.storageCheck({recent: {}});
  293. if (revs.state == 'success' && revs.items.recent.rev == oldRev) {
  294. return;
  295. }
  296. } catch(e) {
  297. this.error(`Ошибка соединения с сервером: ${e.message}`);
  298. return;
  299. }
  300. }
  301. let recent = null;
  302. try {
  303. recent = await this.storageGet({recent: {}});
  304. } catch(e) {
  305. this.error(`Ошибка соединения с сервером: ${e.message}`);
  306. return;
  307. }
  308. if (recent.state == 'success') {
  309. recent = recent.items.recent;
  310. if (recent.rev == 0)
  311. recent.data = {};
  312. this.oldRecent = _.cloneDeep(recent.data);
  313. await bookManager.setRecent(recent.data);
  314. await bookManager.setRecentRev(recent.rev);
  315. this.notifySuccessIfNeeded(oldRev, recent.rev);
  316. } else {
  317. this.warning(`Неверный ответ сервера: ${recent.state}`);
  318. }
  319. }
  320. async saveRecent() {
  321. if (!this.serverSyncEnabled || this.savingRecent)
  322. return;
  323. const bm = bookManager;
  324. const diff = utils.getObjDiff(this.oldRecent, bm.recent);
  325. if (utils.isEmptyObjDiff(diff))
  326. return;
  327. this.savingRecent = true;
  328. try {
  329. let result = {state: ''};
  330. let tries = 0;
  331. while (result.state != 'success' && tries < maxSetTries) {
  332. try {
  333. result = await this.storageSet({recent: {rev: bm.recentRev + 1, data: bm.recent}});
  334. } catch(e) {
  335. this.savingRecent = false;
  336. this.error(`Ошибка соединения с сервером: (${e.message}). Изменения не сохранены.`);
  337. return;
  338. }
  339. if (result.state == 'reject') {
  340. await this.loadRecent(true);
  341. //похоже это лишнее
  342. /*const newRecent = utils.applyObjDiff(bm.recent, diff);
  343. await bm.setRecent(newRecent);*/
  344. }
  345. tries++;
  346. }
  347. if (tries >= maxSetTries) {
  348. console.error(result);
  349. this.error('Не удалось отправить данные на сервер. Данные не сохранены и могут быть перезаписаны.');
  350. } else {
  351. this.oldRecent = _.cloneDeep(bm.recent);
  352. await bm.setRecentRev(bm.recentRev + 1);
  353. }
  354. } finally {
  355. this.savingRecent = false;
  356. }
  357. }
  358. async storageCheck(items) {
  359. return await this.storageApi('check', items);
  360. }
  361. async storageGet(items) {
  362. return await this.storageApi('get', items);
  363. }
  364. async storageSet(items, force) {
  365. return await this.storageApi('set', items, force);
  366. }
  367. async storageApi(action, items, force) {
  368. const request = {action, items};
  369. if (force)
  370. request.force = true;
  371. const encodedRequest = await this.encodeStorageItems(request);
  372. return await this.decodeStorageItems(await readerApi.storage(encodedRequest));
  373. }
  374. async encodeStorageItems(request) {
  375. if (!this.hashedStorageKey)
  376. throw new Error('hashedStorageKey is empty');
  377. if (!_.isObject(request.items))
  378. throw new Error('items is not an object');
  379. let result = Object.assign({}, request);
  380. let items = {};
  381. for (const id of Object.keys(request.items)) {
  382. const item = request.items[id];
  383. if (request.action == 'set' && !_.isObject(item.data))
  384. throw new Error('encodeStorageItems: data is not an object');
  385. let encoded = Object.assign({}, item);
  386. if (item.data) {
  387. const comp = utils.pako.deflate(JSON.stringify(item.data), {level: 1});
  388. let encrypted = null;
  389. try {
  390. encrypted = cryptoUtils.aesEncrypt(comp, this.serverStorageKey);
  391. } catch (e) {
  392. throw new Error('encrypt failed');
  393. }
  394. encoded.data = '1' + utils.toBase64(encrypted);
  395. }
  396. items[`${this.hashedStorageKey}.${utils.toBase58(id)}`] = encoded;
  397. }
  398. result.items = items;
  399. return result;
  400. }
  401. async decodeStorageItems(response) {
  402. if (!this.hashedStorageKey)
  403. throw new Error('hashedStorageKey is empty');
  404. let result = Object.assign({}, response);
  405. let items = {};
  406. if (response.items) {
  407. if (!_.isObject(response.items))
  408. throw new Error('items is not an object');
  409. for (const id of Object.keys(response.items)) {
  410. const item = response.items[id];
  411. let decoded = Object.assign({}, item);
  412. if (item.data) {
  413. if (!_.isString(item.data) || !item.data.length)
  414. throw new Error('decodeStorageItems: data is not a string');
  415. if (item.data[0] !== '1')
  416. throw new Error('decodeStorageItems: unknown data format');
  417. const a = utils.fromBase64(item.data.substr(1));
  418. let decrypted = null;
  419. try {
  420. decrypted = cryptoUtils.aesDecrypt(a, this.serverStorageKey);
  421. } catch (e) {
  422. throw new Error('decrypt failed');
  423. }
  424. decoded.data = JSON.parse(utils.pako.inflate(decrypted, {to: 'string'}));
  425. }
  426. const ids = id.split('.');
  427. if (!(ids.length == 2) || !(ids[0] == this.hashedStorageKey))
  428. throw new Error(`decodeStorageItems: bad id - ${id}`);
  429. items[utils.fromBase58(ids[1])] = decoded;
  430. }
  431. }
  432. result.items = items;
  433. return result;
  434. }
  435. }
  436. //-----------------------------------------------------------------------------
  437. </script>