ServerStorage.vue 17 KB

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