Ошибка :с
diff --git a/src/modules/Network/Network.js b/src/modules/Network/Network.js
index 6b8d97f2..69db73b4 100644
--- a/src/modules/Network/Network.js
+++ b/src/modules/Network/Network.js
@@ -1,4 +1,4 @@
-import {SelfAddress, BackendAddress} from '../../constants/constants.js';
+import {HTTP} from '../../constants/constants.js';
/**
* Класс, реализующий работу с сетью.
@@ -8,10 +8,9 @@ class Network {
* Конструктор, инициализирующий BackendUrl и порт бэкенд-сервера.
*/
constructor() {
- this.SelfUrl = SelfAddress.Url;
- this.SelfPort = SelfAddress.Port;
-
- this.BackendUrl = BackendAddress.Url;
+ this.FrontendHost =
+ `${HTTP.Scheme}://${HTTP.SelfAddress.Url}${DEBUG ? `:${HTTP.SelfAddress.Port}` : ''}`;
+ this.BackendHost = `${HTTP.Scheme}://${HTTP.BackendAddress.Url}:${HTTP.BackendAddress.Port}`;
this._endpoints = {
sessions: 'api/sessions',
@@ -36,7 +35,7 @@ class Network {
mode: 'cors',
credentials: 'include',
headers: {
- Origin: `https://${this.SelfUrl}:${this.SelfPort}`,
+ Origin: this.FrontendHost,
},
};
}
@@ -66,7 +65,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.sessions}`,
+ `${this.BackendHost}/${this._endpoints.sessions}`,
options);
}
@@ -83,7 +82,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.profile}/${data.userName}`,
+ `${this.BackendHost}/${this._endpoints.profile}/${data.userName}`,
options);
}
@@ -101,7 +100,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.profile}`,
+ `${this.BackendHost}/${this._endpoints.profile}`,
options);
}
@@ -119,7 +118,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/` +
+ `${this.BackendHost}/` +
`${this._endpoints.profile}/${data.login}`,
options);
}
@@ -136,7 +135,7 @@ class Network {
body: data,
};
return this.httpRequest(
- `https://${this.BackendUrl}/` +
+ `${this.BackendHost}/` +
`${this._endpoints.profile}/${login}/upload`,
options);
}
@@ -155,7 +154,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.sessions}`,
+ `${this.BackendHost}/${this._endpoints.sessions}`,
options);
}
@@ -168,7 +167,7 @@ class Network {
method: 'get',
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.board}`,
+ `${this.BackendHost}/${this._endpoints.board}`,
options);
}
@@ -185,7 +184,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.board}/${bid}`,
+ `${this.BackendHost}/${this._endpoints.board}/${bid}`,
options);
}
@@ -203,7 +202,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.card}`,
+ `${this.BackendHost}/${this._endpoints.card}`,
options);
}
@@ -222,7 +221,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.card}/${cid}`,
+ `${this.BackendHost}/${this._endpoints.card}/${cid}`,
options);
}
@@ -239,7 +238,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.card}/${cid}`,
+ `${this.BackendHost}/${this._endpoints.card}/${cid}`,
options);
}
/**
@@ -256,7 +255,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.cardlist}`,
+ `${this.BackendHost}/${this._endpoints.cardlist}`,
options);
}
@@ -275,7 +274,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.cardlist}/${clid}`,
+ `${this.BackendHost}/${this._endpoints.cardlist}/${clid}`,
options);
}
@@ -292,7 +291,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.cardlist}/${clid}`,
+ `${this.BackendHost}/${this._endpoints.cardlist}/${clid}`,
options);
}
@@ -306,7 +305,7 @@ class Network {
method: 'post',
body: JSON.stringify(data),
};
- return this.httpRequest(`https://${this.BackendUrl}/api/boards`,
+ return this.httpRequest(`${this.BackendHost}/api/boards`,
options);
}
@@ -325,8 +324,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.board}/${bid}`,
- options);
+ `${this.BackendHost}/${this._endpoints.board}/${bid}`, options);
}
/**
@@ -342,8 +340,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.board}/${bid}`,
- options);
+ `${this.BackendHost}/${this._endpoints.board}/${bid}`, options);
}
/**
@@ -358,7 +355,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.sessions}`,
+ `${this.BackendHost}/${this._endpoints.sessions}`,
options);
}
@@ -372,7 +369,7 @@ class Network {
method: 'get',
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.usersearch.card}` +
+ `${this.BackendHost}/${this._endpoints.usersearch.card}` +
`/${cid}/${searchString}`,
options);
}
@@ -387,7 +384,7 @@ class Network {
method: 'get',
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.usersearch.board}` +
+ `${this.BackendHost}/${this._endpoints.usersearch.board}` +
`/${bid}/${searchString}`,
options);
}
@@ -402,7 +399,7 @@ class Network {
method: 'get',
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.usersearch.team}` +
+ `${this.BackendHost}/${this._endpoints.usersearch.team}` +
`/${tid}/${searchString}`,
options);
}
@@ -420,7 +417,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.team}/${tid}` +
+ `${this.BackendHost}/${this._endpoints.team}/${tid}` +
`/toggleuser/${uid}`, options);
}
@@ -437,7 +434,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.board}/${bid}` +
+ `${this.BackendHost}/${this._endpoints.board}/${bid}` +
`/toggleuser/${uid}`, options);
}
@@ -454,7 +451,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.card}/${cid}` +
+ `${this.BackendHost}/${this._endpoints.card}/${cid}` +
`/toggleuser/${uid}`, options);
}
/**
@@ -467,7 +464,7 @@ class Network {
method: 'post',
body: JSON.stringify(data),
};
- return this.httpRequest(`https://${this.BackendUrl}` +
+ return this.httpRequest(`${this.BackendHost}` +
`/${this._endpoints.checklists}`, options);
}
@@ -480,7 +477,7 @@ class Network {
const options = {
method: 'delete',
};
- return this.httpRequest(`https://${this.BackendUrl}` +
+ return this.httpRequest(`${this.BackendHost}` +
`/${this._endpoints.checklists}/${chlid}`, options);
}
@@ -495,7 +492,7 @@ class Network {
method: 'put',
body: JSON.stringify(data),
};
- return this.httpRequest(`https://${this.BackendUrl}` +
+ return this.httpRequest(`${this.BackendHost}` +
`/${this._endpoints.checklists}/${chlid}`, options);
}
@@ -509,7 +506,7 @@ class Network {
method: 'post',
body: JSON.stringify(data),
};
- return this.httpRequest(`https://${this.BackendUrl}` +
+ return this.httpRequest(`${this.BackendHost}` +
`/${this._endpoints.checklistsItems}`, options);
}
@@ -524,7 +521,7 @@ class Network {
method: 'put',
body: JSON.stringify(data),
};
- return this.httpRequest(`https://${this.BackendUrl}` +
+ return this.httpRequest(`${this.BackendHost}` +
`/${this._endpoints.checklistsItems}/${chliid}`, options);
}
@@ -537,7 +534,7 @@ class Network {
const options = {
method: 'delete',
};
- return this.httpRequest(`https://${this.BackendUrl}` +
+ return this.httpRequest(`${this.BackendHost}` +
`/${this._endpoints.checklistsItems}/${chliid}`, options);
}
@@ -553,7 +550,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.comments}`,
+ `${this.BackendHost}/${this._endpoints.comments}`,
options);
}
@@ -572,7 +569,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.comments}/${data.cmid}`,
+ `${this.BackendHost}/${this._endpoints.comments}/${data.cmid}`,
options);
}
@@ -589,7 +586,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.comments}/${data.cmid}`,
+ `${this.BackendHost}/${this._endpoints.comments}/${data.cmid}`,
options);
}
@@ -606,7 +603,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.card}/${cid}` +
+ `${this.BackendHost}/${this._endpoints.card}/${cid}` +
`/toggletag/${tgid}`, options);
}
@@ -619,7 +616,7 @@ class Network {
const options = {
method: 'delete',
};
- return this.httpRequest(`https://${this.BackendUrl}` +
+ return this.httpRequest(`${this.BackendHost}` +
`/${this._endpoints.tags}/${tgid}`, options);
}
@@ -635,7 +632,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.tags}`,
+ `${this.BackendHost}/${this._endpoints.tags}`,
options);
}
@@ -651,7 +648,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.tags}/${tgid}`,
+ `${this.BackendHost}/${this._endpoints.tags}/${tgid}`,
options);
}
@@ -665,7 +662,7 @@ class Network {
method: 'put',
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.board}/access/` +
+ `${this.BackendHost}/${this._endpoints.board}/access/` +
`${accessPath}`, options);
}
@@ -679,7 +676,7 @@ class Network {
method: 'put',
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.board}/${bid}/access`,
+ `${this.BackendHost}/${this._endpoints.board}/${bid}/access`,
options);
}
@@ -693,7 +690,7 @@ class Network {
method: 'put',
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.card}/access/tocard/` +
+ `${this.BackendHost}/${this._endpoints.card}/access/tocard/` +
`${accessPath}`, options);
}
@@ -707,7 +704,7 @@ class Network {
method: 'put',
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.card}/access/${cid}`,
+ `${this.BackendHost}/${this._endpoints.card}/access/${cid}`,
options);
}
@@ -723,7 +720,7 @@ class Network {
body: data,
};
return this.httpRequest(
- `https://${this.BackendUrl}/` +
+ `${this.BackendHost}/` +
`${this._endpoints.attachments}/${cid}`,
options);
}
@@ -741,7 +738,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.attachments}/${atid}`,
+ `${this.BackendHost}/${this._endpoints.attachments}/${atid}`,
options);
}
@@ -756,7 +753,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.team}`, options);
+ `${this.BackendHost}/${this._endpoints.team}`, options);
}
/**
@@ -772,7 +769,7 @@ class Network {
},
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.team}/${tid}`,
+ `${this.BackendHost}/${this._endpoints.team}/${tid}`,
options);
}
@@ -791,7 +788,7 @@ class Network {
body: JSON.stringify(data),
};
return this.httpRequest(
- `https://${this.BackendUrl}/${this._endpoints.team}/${tid}`,
+ `${this.BackendHost}/${this._endpoints.team}/${tid}`,
options);
}
}
diff --git a/src/modules/Router/Router.js b/src/modules/Router/Router.js
index 5932f857..4bc5dea9 100644
--- a/src/modules/Router/Router.js
+++ b/src/modules/Router/Router.js
@@ -1,7 +1,5 @@
import {Html, Urls} from '../../constants/constants.js';
-import NotFoundView from '../../views/NotFoundView/NotFoundView.js';
-
import BaseView from '../../views/BaseView.js';
/**
@@ -70,7 +68,6 @@ class Router {
* (по умолчанию: false)
*/
go(url, replaceState = false) {
- console.log(url);
const {urlData, view} = this.processURL(url) || {};
if (!urlData || !view) {
this.go(Urls.NotFound, true);
@@ -117,12 +114,13 @@ class Router {
/**
* Регестрирует view по умолчанию для неизвестных url
+ * @param {NotFoundView} notFoundView объект view 404
*/
- registerNotFound() {
+ registerNotFound(notFoundView) {
if (!this.isTemplateValid(Urls.NotFound)) {
throw new Error(`Шаблон ${Urls.NotFound} для NotFoundview не валидный`);
}
- this.register(Urls.NotFound, new NotFoundView(document.getElementById(Html.Root)));
+ this.register(Urls.NotFound, notFoundView);
}
/**
diff --git a/src/modules/ServiceWorkerClient/ServiceWorkerClient.js b/src/modules/ServiceWorkerClient/ServiceWorkerClient.js
new file mode 100644
index 00000000..1d8adb31
--- /dev/null
+++ b/src/modules/ServiceWorkerClient/ServiceWorkerClient.js
@@ -0,0 +1,61 @@
+/**
+ * Клиент для общения общения с SW
+ */
+import {ServiceWorker} from '../../constants/constants';
+import {serviceWorkerActions} from '../../actions/serviceworker';
+
+/**
+ * Класс клиента для взаимодействия с SW
+ */
+export default class ServiceWorkerClient {
+ /**
+ * Конструирует клиента для общения общения с SW
+ * @param {ServiceWorkerContainer} sw - объект sw container
+ */
+ constructor(sw) {
+ this.sw = sw;
+ navigator.serviceWorker.addEventListener('message', (event) => {
+ if (!event.data) {
+ return;
+ }
+ switch (event.data.messageType) {
+ case ServiceWorker.Messages.OFFLINE_FROM_CACHE:
+ this._onResponseFromCache();
+ break;
+
+ case ServiceWorker.Messages.OFFLINE_NO_CACHE:
+ this._onFullOffline();
+ break;
+
+ case ServiceWorker.Messages.ONLINE:
+ this._onOnline();
+ break;
+ }
+ });
+ }
+
+ /**
+ * При получении ответа из кэша (отсутствует интернет)
+ * @todo для разных запросов (передавать из SW) - разные actions
+ * @private
+ */
+ _onResponseFromCache() {
+ serviceWorkerActions.responseFromCache();
+ }
+
+ /**
+ * При остутствии интернета и кэша на запросы
+ * @private
+ */
+ _onFullOffline() {
+ serviceWorkerActions.fullOffline();
+ }
+
+ /**
+ * При получении запроса из сети
+ * @private
+ */
+ _onOnline() {
+ serviceWorkerActions.hideOfflineMessage();
+ }
+}
diff --git a/src/stores/BoardStore/BoardStore.js b/src/stores/BoardStore/BoardStore.js
index 6d2888fc..39decb56 100644
--- a/src/stores/BoardStore/BoardStore.js
+++ b/src/stores/BoardStore/BoardStore.js
@@ -18,9 +18,8 @@ import Validator from '../../modules/Validator/Validator';
import {
BoardStoreConstants,
CheckLists,
- ConstantMessages,
+ ConstantMessages, HTTP,
HttpStatusCodes,
- SelfAddress,
Urls,
} from '../../constants/constants.js';
@@ -471,7 +470,8 @@ class BoardStore extends BaseStore {
*/
_setCardInvite(accessPath) {
this._storage.get('add-card-member-popup').inviteLink =
- `http://${SelfAddress.Url}` + Urls.Invite.CardPath + accessPath;
+ `${HTTP.Scheme}://${HTTP.SelfAddress.Url}${DEBUG ? `:${HTTP.SelfAddress.Port}` : ''}` +
+ Urls.Invite.CardPath + accessPath;
}
/**
@@ -481,7 +481,8 @@ class BoardStore extends BaseStore {
*/
_setBoardInvite(accessPath) {
this._storage.get('add-board-member-popup').inviteLink =
- `http://${SelfAddress.Url}` + Urls.Invite.BoardPath + accessPath;
+ `${HTTP.Scheme}://${HTTP.SelfAddress.Url}${DEBUG ? `:${HTTP.SelfAddress.Port}` : ''}` +
+ Urls.Invite.BoardPath + accessPath;
}
/**
@@ -598,6 +599,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _updateTitleAndDescription(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
this._storage.get('setting-popup').errors = null;
const validator = new Validator();
@@ -703,6 +707,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _createCardList(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
this._storage.get('cardlist-popup').errors = null;
const validator = new Validator();
@@ -794,6 +801,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _updateCardList(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
this._storage.get('cardlist-popup').errors = null;
const validator = new Validator();
@@ -945,6 +955,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _createCard(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
this._storage.get('card-popup').errors = null;
const validator = new Validator();
@@ -1069,6 +1082,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _updateDeadlineCheck(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const card = this._getCardById(
data.clid,
data.cid,
@@ -1119,6 +1135,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _updateCard(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
this._storage.get('card-popup').errors = null;
const validator = new Validator();
@@ -1307,6 +1326,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _createCheckList() {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const context = this._storage.get('card-popup');
context.errors = null;
@@ -1355,6 +1377,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _saveCheckList(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const context = this._storage.get('card-popup');
context.errors = null;
const checkList = this._getCheckListById(data.chlid);
@@ -1429,6 +1454,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _createCheckListItem(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const context = this._storage.get('card-popup');
context.errors = null;
const checkList = this._getCheckListById(data.chlid);
@@ -1478,6 +1506,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _saveCheckListItem(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const context = this._storage.get('card-popup');
context.errors = null;
const item = this._getCheckListItemById(data.chlid, data.chliid);
@@ -1556,6 +1587,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _toggleCheckListItem(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const context = this._storage.get('card-popup');
context.errors = null;
context.selectInvite = false;
@@ -1673,6 +1707,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _toggleCardAssigneeInSearchList(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const context = this._storage.get('add-card-member-popup');
context.errors = null;
context.selectInvite = false;
@@ -1769,6 +1806,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _toggleBoardMemberInSearchList(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const context = this._storage.get('add-board-member-popup');
context.selectInvite = false;
context.errors = null;
@@ -1872,6 +1912,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _createCardComment(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const context = this._storage.get('card-popup');
const comment = {
@@ -1936,6 +1979,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _updateCardComment(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
let payload;
try {
@@ -2028,6 +2074,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _uploadAttachment(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const cardContext = this._storage.get('card-popup');
cardContext.errors = null;
if (data.file.size > BoardStoreConstants.MaxAttachmentSize) {
@@ -2065,6 +2114,9 @@ class BoardStore extends BaseStore {
* @private
*/
async _deleteAttachment(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const cardContext = this._storage.get('card-popup');
let payload;
@@ -2333,6 +2385,9 @@ class BoardStore extends BaseStore {
* @param {Object} data данные c названием тега
*/
async _createTag(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const contextTagPopUp = this._storage.get('tag-popup');
const contextTagListPopUp = this._storage.get('tags-list-popup');
@@ -2431,6 +2486,9 @@ class BoardStore extends BaseStore {
* Обновляет тег
*/
async _updateTag() {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const context = this._storage.get('tag-popup');
context.errors = null;
@@ -2483,6 +2541,9 @@ class BoardStore extends BaseStore {
* @param {Object} data данные
*/
async _toggleTag(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const context = this._storage.get('tags-list-popup');
const currentCard = this._getCardById(this._storage.get('card-popup').clid,
this._storage.get('card-popup').cid);
diff --git a/src/stores/BoardsStore/BoardsStore.js b/src/stores/BoardsStore/BoardsStore.js
index 38405767..c7b0691a 100644
--- a/src/stores/BoardsStore/BoardsStore.js
+++ b/src/stores/BoardsStore/BoardsStore.js
@@ -183,6 +183,9 @@ class BoardsStore extends BaseStore {
* @private
*/
async _create(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const validator = new Validator();
const validatorStatus = validator.validateBoardTitle(data.name);
@@ -429,6 +432,9 @@ class BoardsStore extends BaseStore {
* @private
*/
async _submitAddTeamPopUp(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
const validator = new Validator();
const validatorStatus = validator.validateTeamTitle(data.team_name);
this._storage.get('team-popup').errors = validatorStatus;
diff --git a/src/stores/SettingsStore/SettingsStore.js b/src/stores/SettingsStore/SettingsStore.js
index f5df03a3..d8ba0750 100644
--- a/src/stores/SettingsStore/SettingsStore.js
+++ b/src/stores/SettingsStore/SettingsStore.js
@@ -1,7 +1,9 @@
import BaseStore from '../BaseStore.js';
+import Router from '../../modules/Router/Router.js';
// Actions
import {SettingsActionTypes} from '../../actions/settings.js';
+import {ServiceWorkerTypes} from '../../actions/serviceworker.js';
import {userActions} from '../../actions/user.js';
// Modules
@@ -9,7 +11,12 @@ import Network from '../../modules/Network/Network.js';
import Validator from '../../modules/Validator/Validator.js';
// Constants
-import {ConstantMessages, HttpStatusCodes, SettingStoreConstants} from '../../constants/constants.js';
+import {
+ ConstantMessages,
+ HttpStatusCodes,
+ SettingStoreConstants,
+ Urls,
+} from '../../constants/constants.js';
/**
* Класс, реализующий хранилище настроек.
@@ -44,6 +51,20 @@ class SettingsStore extends BaseStore {
prevWidth: window.innerWidth,
isMobile: window.innerWidth < SettingStoreConstants.MobileNavWidth,
});
+ this._storage.set('offline', {
+ visible: false,
+ open: false,
+ half: false,
+ full: false,
+ });
+ }
+
+ /**
+ * Нахоится ли приложение offline
+ * @return {Boolean}
+ */
+ isOffline() {
+ return this._storage.get('offline').offline;
}
/**
@@ -76,6 +97,31 @@ class SettingsStore extends BaseStore {
this._windowResized(action.data);
break;
+ case ServiceWorkerTypes.HALF_OFFLINE:
+ this._responseFromCache();
+ this._emitChange();
+ break;
+
+ case ServiceWorkerTypes.FULL_OFFLINE:
+ this._fullOffline();
+ this._emitChange();
+ break;
+
+ case ServiceWorkerTypes.SHOW_OFFLINE_MSG:
+ this._openOfflineMessage();
+ this._emitChange();
+ break;
+
+ case ServiceWorkerTypes.CLOSE_OFFLINE_MSG:
+ this._closeOfflineMessage();
+ this._emitChange();
+ break;
+
+ case ServiceWorkerTypes.HIDE_OFFLINE_MSG:
+ this._hideOfflineMessage();
+ this._emitChange();
+ break;
+
default:
return;
}
@@ -121,6 +167,9 @@ class SettingsStore extends BaseStore {
* @param {FormData} data данные запроса.
*/
async _put(data) {
+ if (this.isOffline()) {
+ return;
+ }
const formdata = data;
this._storage.set('login', data.login);
@@ -186,6 +235,9 @@ class SettingsStore extends BaseStore {
* @param {Object} data данные запроса.
*/
async _uploadAvatar(data) {
+ if (this.isOffline()) {
+ return;
+ }
const validator = new Validator();
if (data.avatar instanceof File) {
@@ -335,6 +387,53 @@ class SettingsStore extends BaseStore {
this._emitChange();
}
}
+
+ /**
+ * Отображает предупреждение об offline работе
+ */
+ _responseFromCache() {
+ const context = this._storage.get('offline');
+ context.offline = true;
+ context.visible = true;
+ }
+
+ /**
+ * Отображает offline страницу
+ */
+ _fullOffline() {
+ const context = this._storage.get('offline');
+ context.offline = true;
+ context.visible = true;
+ Router.go(Urls.Offline, true);
+ }
+
+ /**
+ * Раскрыть offline сообщение
+ * @private
+ */
+ _openOfflineMessage() {
+ const context = this._storage.get('offline');
+ context.open = true;
+ }
+
+ /**
+ * Свернуть offline сообщение
+ * @private
+ */
+ _closeOfflineMessage() {
+ const context = this._storage.get('offline');
+ context.open = false;
+ }
+
+ /**
+ * Скрыть полностью offline сообщение
+ * @private
+ */
+ _hideOfflineMessage() {
+ const context = this._storage.get('offline');
+ context.offline = false;
+ context.visible = false;
+ }
}
export default new SettingsStore();
diff --git a/src/stores/UserStore/UserStore.js b/src/stores/UserStore/UserStore.js
index 0b7e351a..8f7393d4 100644
--- a/src/stores/UserStore/UserStore.js
+++ b/src/stores/UserStore/UserStore.js
@@ -9,7 +9,8 @@ import Validator from '../../modules/Validator/Validator.js';
// Constants
import {ConstantMessages, HttpStatusCodes} from '../../constants/constants.js';
-import {settingsActions} from '../../actions/settings';
+import {settingsActions} from '../../actions/settings.js';
+import SettingsStore from '../SettingsStore/SettingsStore.js';
/**
* Класс, реализующий хранилище пользователя
@@ -110,6 +111,9 @@ class UserStore extends BaseStore {
* @param {Object} data данные для входа
*/
async _register(data) {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
this._storage.set('userRegisterData', data);
this._validate(data, 'userRegisterData');
@@ -202,6 +206,9 @@ class UserStore extends BaseStore {
* Метод, реализующий реакцию на выход.
*/
async _logout() {
+ if (SettingsStore.isOffline()) {
+ return;
+ }
let response;
try {
diff --git a/src/styles/scss/Common.scss b/src/styles/scss/Common.scss
index 469892b7..18250f4d 100644
--- a/src/styles/scss/Common.scss
+++ b/src/styles/scss/Common.scss
@@ -258,6 +258,20 @@ div#root {
content: 'cancel';
}
}
+
+ &-warning {
+ @extend .material-icons;
+ cursor: pointer;
+ opacity: 0.8;
+
+ &:hover {
+ opacity: 0.8;
+ }
+
+ &::before {
+ content: 'warning';
+ }
+ }
}
.horizontal-line {
@@ -326,8 +340,8 @@ div#root {
}
&-file {
- @extend .material-icon;
-
+ @extend .material-icons;
+ opacity: 0.3;
&::before {
content: 'description';
}
diff --git a/src/styles/scss/Constants.scss b/src/styles/scss/Constants.scss
index a0bf2be1..9ae6de6d 100644
--- a/src/styles/scss/Constants.scss
+++ b/src/styles/scss/Constants.scss
@@ -33,3 +33,6 @@ $mobile-threshold: 500px;
$popup-min-width: 190px;
$tags-list-tag-height: 32px;
+
+$offline-background: #FFBF00;
+$offline-border: #FF9C19;
diff --git a/src/styles/scss/PopUp.scss b/src/styles/scss/PopUp.scss
index 5a318921..06134ba1 100644
--- a/src/styles/scss/PopUp.scss
+++ b/src/styles/scss/PopUp.scss
@@ -52,7 +52,7 @@
}
&_invite {
- max-width: 450px;
+ max-width: 550px;
}
&_tag {
diff --git a/src/sw.js b/src/sw.js
index 9126fe8e..02df1562 100644
--- a/src/sw.js
+++ b/src/sw.js
@@ -1,68 +1,127 @@
-import {CacheFirst, StaleWhileRevalidate, NetworkOnly} from 'workbox-strategies';
-import {ExpirationPlugin} from 'workbox-expiration';
-import {precacheAndRoute} from 'workbox-precaching';
-import {registerRoute, setCatchHandler} from 'workbox-routing';
+import {ServiceWorker} from './constants/constants';
-precacheAndRoute(self.__WB_MANIFEST);
-
-const CACHE_NAME = 'general';
-const FALLBACK_HTML_URL = '/offline.html';
+const STATIC_FILES_URL = (self.__WB_MANIFEST || []).map((pair) => {
+ return pair.url;
+});
self.addEventListener('install', async (event) => {
- event.waitUntil(
- caches.open(CACHE_NAME)
- .then((cache) => cache.add(FALLBACK_HTML_URL)),
+ await caches.open(ServiceWorker.API_CACHE_NAME);
+ const cache = await caches.open(ServiceWorker.STATIC_CACHE_NAME);
+ await cache.addAll(STATIC_FILES_URL);
+});
+
+self.addEventListener('activate', async (event) => {
+ /* Удалим устаревшии версии кэша: */
+ const cacheNames = await caches.keys();
+ await Promise.all(
+ cacheNames
+ .filter((name) => name !== ServiceWorker.STATIC_CACHE_NAME)
+ .filter((name) => name !== ServiceWorker.API_CACHE_NAME)
+ .map((name) => caches.delete(name)),
);
});
-registerRoute(
- /\.css$/,
- new CacheFirst({
- cacheName: 'css-cache',
- }),
-);
+self.addEventListener('fetch', (event) => {
+ const {request} = event;
+ const url = new URL(request.url);
-registerRoute(
- /\.js/,
- new NetworkOnly({
- cacheName: 'js-cache',
- plugins: [
- {fetchDidFail: () => caches.match(FALLBACK_HTML_URL)},
- ],
- }),
-);
+ if (url.pathname.startsWith('/api')) { // Запрос на API
+ event.respondWith(networkFirst(request, event.clientId));
+ } else if (event.request.mode === 'navigate') { // Переход по URL в адресной строке
+ event.respondWith(cacheFirst(ServiceWorker.CacheUrls.HTML_URL));
+ } else { // Запрос за статикой
+ event.respondWith(cacheFirst(request));
+ }
+});
-registerRoute(
- /\.(?:woff2|eot|svg|ttf|woff|otf)$/,
- new CacheFirst({
- cacheName: 'font-cache',
- }),
-);
+/**
+ * CacheFirst - кэширование
+ * @param {Request | String} request объект запроса или URL строка
+ * @return {Promise, number>>} фыв
+ */
+async function cacheFirst(request) {
+ try {
+ const cached = await caches.match(request);
+ if (cached) {
+ return cached;
+ }
+ const response = await fetch(request);
+ const cache = await caches.open(ServiceWorker.STATIC_CACHE_NAME);
+ await cache.put(request, response.clone());
+ return response;
+ } catch (error) {
+ if (request.url.endsWith('webp')) {
+ return await caches.match(ServiceWorker.CacheUrls.NO_INTERNET_IMG_URL);
+ }
+ }
+}
-registerRoute(
- /\.webp/,
- new StaleWhileRevalidate({
- cacheName: 'image-cache',
- plugins: [
- new ExpirationPlugin({
- maxEntries: 50,
- maxAgeSeconds: 7 * 24 * 60 * 60, // 7 дней
- }),
- {fetchDidFail: () => caches.match(FALLBACK_HTML_URL)},
- ],
- }),
-);
+/**
+ * NetworkFirst - кэширование запросов на API
+ * @param {Request | String} request объект запроса или URL строка
+ * @param {Number} clientId id клиента
+ * @return {Promise}
+ */
+async function networkFirst(request, clientId) {
+ if (request.method !== 'GET') {
+ try {
+ return await fetch(request);
+ } catch (error) {
+ return undefined;
+ }
+ }
+
+ const cache = await caches.open(ServiceWorker.API_CACHE_NAME);
+ try {
+ const response = await fetch(request);
+ const responseCopy = response.clone();
+ await sendMessage(clientId,
+ ServiceWorker.Messages.ONLINE,
+ request.url);
+
+ /* Добавим служебный заголовок, позволяющий определить что запрос был кэширован в SW*/
+ const headers = new Headers(responseCopy.headers);
+ headers.set('X-Is-From-Service-Worker', 'true');
-self.addEventListener('message', (event) => {
- if (event.data && event.data.type === 'SKIP_WAITING') {
- self.skipWaiting();
+ const responseBytes = await responseCopy.blob();
+ const cachedResponse = new Response(responseBytes, {
+ status: responseCopy.status,
+ statusText: responseCopy.statusText,
+ headers: headers,
+ });
+ await cache.put(request, cachedResponse);
+
+ return response;
+ } catch (error) {
+ const cachedResponse = await cache.match(request);
+ if (!cachedResponse) {
+ await sendMessage(clientId,
+ ServiceWorker.Messages.OFFLINE_NO_CACHE,
+ request.url);
+ return undefined;
+ }
+ await sendMessage(clientId,
+ ServiceWorker.Messages.OFFLINE_FROM_CACHE,
+ request.url);
+ return cachedResponse;
}
-});
+}
-setCatchHandler(async ({event}) => {
- // TODO fallback'и на image, fonts
- switch (event.request.destination) {
- default:
- return caches.match(FALLBACK_HTML_URL);
+/**
+ * Отправляет сообщение в приложение
+ * @param {Number} clientId id клиента
+ * @param {String} messageType сообщение
+ * @param {String} url url связанный с сообщением
+ * @return {Promise}
+ */
+async function sendMessage(clientId, messageType, url) {
+ const client = await clients.get(clientId);
+ if (!client) {
+ return;
}
-});
+ client.postMessage({
+ messageType,
+ clientId,
+ url,
+ });
+}
diff --git a/src/views/BaseView.js b/src/views/BaseView.js
index c648940f..fb47e34e 100644
--- a/src/views/BaseView.js
+++ b/src/views/BaseView.js
@@ -4,6 +4,7 @@ import BaseComponent from '../components/BaseComponent.js';
// Компоненты по умолчанию
import NavbarComponent from '../components/Navbar/Navbar.js';
import FooterComponent from '../components/Footer/Footer.js';
+import OfflineMessage from '../components/OfflineMessage/OfflineMessage.js';
/**
@@ -22,6 +23,7 @@ export default class BaseView extends BaseComponent {
this.addComponent('Navbar', new NavbarComponent(context));
this.addComponent('Footer', new FooterComponent(context));
+ this.addComponent('OfflineMessage', new OfflineMessage(context));
this._isActive = false;
}
diff --git a/src/views/BoardView/BoardView.hbs b/src/views/BoardView/BoardView.hbs
index 64ff1adc..cc4acdae 100644
--- a/src/views/BoardView/BoardView.hbs
+++ b/src/views/BoardView/BoardView.hbs
@@ -34,4 +34,6 @@
{{{TagsListPopUp}}}
{{{TagPopUp}}}
+{{{OfflineMessage}}}
+
{{{Footer}}}
diff --git a/src/views/BoardsView/BoardsView.hbs b/src/views/BoardsView/BoardsView.hbs
index 995ed381..a2fe1656 100644
--- a/src/views/BoardsView/BoardsView.hbs
+++ b/src/views/BoardsView/BoardsView.hbs
@@ -51,4 +51,6 @@
{{{TeamPopUp}}}
{{{DeleteTeam}}}
+{{{OfflineMessage}}}
+
{{{Footer}}}
diff --git a/src/views/LoginView/LoginView.hbs b/src/views/LoginView/LoginView.hbs
index 6347b7be..026313ad 100644
--- a/src/views/LoginView/LoginView.hbs
+++ b/src/views/LoginView/LoginView.hbs
@@ -33,4 +33,6 @@
+{{{OfflineMessage}}}
+
{{{Footer}}}
diff --git a/src/views/LoginView/LoginView.js b/src/views/LoginView/LoginView.js
index 6d18dd6d..068cff96 100644
--- a/src/views/LoginView/LoginView.js
+++ b/src/views/LoginView/LoginView.js
@@ -29,6 +29,7 @@ export default class LoginView extends BaseView {
...UserStore.getContext(),
['avatar', SettingsStore.getContext('avatar')],
['navbar', SettingsStore.getContext('navbar')],
+ ['offline', SettingsStore.getContext('offline')],
]);
super(context, template, parent);
@@ -52,6 +53,7 @@ export default class LoginView extends BaseView {
...UserStore.getContext(),
['avatar', SettingsStore.getContext('avatar')],
['navbar', SettingsStore.getContext('navbar')],
+ ['offline', SettingsStore.getContext('offline')],
]));
this.render();
this._isActive = true;
@@ -66,6 +68,7 @@ export default class LoginView extends BaseView {
...UserStore.getContext(),
['avatar', SettingsStore.getContext('avatar')],
['navbar', SettingsStore.getContext('navbar')],
+ ['offline', SettingsStore.getContext('offline')],
]));
if (!this._isActive) {
diff --git a/src/views/NotFoundView/NotFoundView.hbs b/src/views/NotFoundView/NotFoundView.hbs
index 9db567a0..4e6d24c7 100644
--- a/src/views/NotFoundView/NotFoundView.hbs
+++ b/src/views/NotFoundView/NotFoundView.hbs
@@ -5,4 +5,6 @@
На главную
+{{{OfflineMessage}}}
+
{{{Footer}}}
diff --git a/src/views/OfflineView/OfflineView.hbs b/src/views/OfflineView/OfflineView.hbs
new file mode 100644
index 00000000..b8cdb035
--- /dev/null
+++ b/src/views/OfflineView/OfflineView.hbs
@@ -0,0 +1,10 @@
+{{{Navbar}}}
+
+
+
+ На главную +
+
+{{{OfflineMessage}}}
+
+{{{Footer}}}
diff --git a/src/views/OfflineView/OfflineView.js b/src/views/OfflineView/OfflineView.js
new file mode 100644
index 00000000..b4723a94
--- /dev/null
+++ b/src/views/OfflineView/OfflineView.js
@@ -0,0 +1,64 @@
+import BaseView from '../BaseView.js';
+
+import UserStore from '../../stores/UserStore/UserStore.js';
+import SettingsStore from '../../stores/SettingsStore/SettingsStore.js';
+
+// Шаблон
+import template from './OfflineView.hbs';
+
+/**
+ * Класс, реализующий страницу "не найдено".
+ */
+export default class OfflineView extends BaseView {
+ /**
+ * @constructor
+ * @param {Element} parent элемент, в который будет происходить отрисовка
+ */
+ constructor(parent) {
+ const context = new Map([
+ ...UserStore.getContext(),
+ ['avatar', SettingsStore.getContext('avatar')],
+ ['navbar', SettingsStore.getContext('navbar')],
+ ['offline', SettingsStore.getContext('offline')],
+ ]);
+ super(context, template, parent);
+
+ this._onRefresh = this._onRefresh.bind(this);
+ UserStore.addListener(this._onRefresh);
+ SettingsStore.addListener(this._onRefresh);
+ }
+
+ /**
+ * Метод, отрисовывающий offline
+ */
+ render() {
+ super.render();
+ }
+
+ /**
+ * Метод, вызывающийся по умолчанию при открытии страницы.
+ */
+ _onShow() {
+ this._setContext(new Map([
+ ...UserStore.getContext(),
+ ['avatar', SettingsStore.getContext('avatar')],
+ ['navbar', SettingsStore.getContext('navbar')],
+ ['offline', SettingsStore.getContext('offline')],
+ ]));
+
+ this.render();
+ this._isActive = true;
+ }
+
+ /**
+ * Метод, вызывающийся по умолчанию при обновлении страницы.
+ */
+ _onRefresh() {
+ this._setContext(new Map([
+ ...UserStore.getContext(),
+ ['avatar', SettingsStore.getContext('avatar')],
+ ['navbar', SettingsStore.getContext('navbar')],
+ ['offline', SettingsStore.getContext('offline')],
+ ]));
+ }
+}
diff --git a/src/views/ProfileView/ProfileView.hbs b/src/views/ProfileView/ProfileView.hbs
index c186eedc..e7bf850c 100644
--- a/src/views/ProfileView/ProfileView.hbs
+++ b/src/views/ProfileView/ProfileView.hbs
@@ -71,4 +71,6 @@
+{{{OfflineMessage}}}
+
{{{Footer}}}
diff --git a/src/views/RegisterView/RegisterView.hbs b/src/views/RegisterView/RegisterView.hbs
index 292d8c8e..2772b302 100644
--- a/src/views/RegisterView/RegisterView.hbs
+++ b/src/views/RegisterView/RegisterView.hbs
@@ -52,4 +52,6 @@
+{{{OfflineMessage}}}
+
{{{Footer}}}
diff --git a/webpack.config.js b/webpack.config.js
index f5227e68..658ad339 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -5,17 +5,37 @@ const CopyPlugin = require('copy-webpack-plugin');
const {InjectManifest} = require('workbox-webpack-plugin');
const {CleanWebpackPlugin} = require('clean-webpack-plugin');
const {DefinePlugin} = require('webpack');
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+const packageJSON = require('./package.json');
+
+const crypto = require('crypto');
+const fs = require('fs');
+
+/**
+ * Высчитывает hash от содержимого файла
+ * @param {String} filePath путь до файла
+ * @return {String}
+ */
+function getFileHash(filePath) {
+ const fileBuffer = fs.readFileSync(filePath);
+ const hashSum = crypto.createHash('sha256');
+ hashSum.update(fileBuffer);
+ return hashSum.digest('hex');
+}
+
const DEPLOY_DIR = 'dist';
const SERVER_IP = 'brrrello.ru';
const confConst = {
LOCAL_HOST: 'localhost',
BACKEND_RELEASE: process.env.BACKEND_RELEASE || SERVER_IP,
- BACKEND_PORT: process.env.BACKEND_PORT || 8000,
+ BACKEND_PORT_RELEASE: 443,
+ BACKEND_PORT_DEBUG: 8000,
FRONTEND_RELEASE: process.env.FRONTEND_RELEASE || SERVER_IP,
- FRONTEND_PORT: process.env.FRONTEND_PORT || 3001,
+ FRONTEND_PORT: 3001,
DEBUG: process.env.NODE_ENV !== 'production',
- PROTOCOL: process.env.PROTOCOL || 'https',
+ HTTP: 'http',
+ HTTPS: 'https',
};
const confDefs = {
@@ -23,12 +43,15 @@ const confDefs = {
confConst.LOCAL_HOST : confConst.FRONTEND_RELEASE),
FRONTEND_PORT: confConst.FRONTEND_PORT,
BACKEND_ADDRESS: JSON.stringify(confConst.DEBUG ? confConst.LOCAL_HOST : confConst.BACKEND_RELEASE),
- BACKEND_PORT: confConst.BACKEND_PORT,
+ BACKEND_PORT: confConst.DEBUG ? confConst.BACKEND_PORT_DEBUG : confConst.BACKEND_PORT_RELEASE,
DEBUG: confConst.DEBUG,
+ SCHEME: JSON.stringify(confConst.DEBUG ? confConst.HTTP : confConst.HTTPS),
+ APP_VERSION: JSON.stringify(packageJSON.version),
+ SW_FILE_NAME: JSON.stringify(`sw.${confConst.DEBUG ? '' : getFileHash('./src/sw.js')}.js`),
};
const devServer = {
- port: JSON.parse(confDefs.FRONTEND_PORT),
+ port: confDefs.FRONTEND_PORT,
hot: false,
static: [DEPLOY_DIR],
historyApiFallback: true, // Для работы роута на 404
@@ -36,6 +59,7 @@ const devServer = {
const config = {
entry: './src/index.js',
+
output: {
publicPath: '/',
path: path.resolve(__dirname, DEPLOY_DIR),
@@ -78,12 +102,21 @@ const config = {
},
],
},
+ optimization: {
+ minimizer: [
+ new CssMinimizerPlugin({
+ parallel: true,
+ }),
+ ],
+ minimize: true,
+ },
plugins: [
new CleanWebpackPlugin(),
new MiniCssExtractPlugin({filename: `style${confConst.DEBUG ? '' : '.[contenthash]'}.css`}),
new HtmlWebpackPlugin({
- backend: `${confConst.PROTOCOL}://${JSON.parse(confDefs.BACKEND_ADDRESS)}` +
- `:${JSON.parse(confDefs.BACKEND_PORT)}`,
+ backend: confDefs.DEBUG ?
+ `${JSON.parse(confDefs.SCHEME)}://${JSON.parse(confDefs.BACKEND_ADDRESS)}` +
+ `:${confDefs.BACKEND_PORT}` : null,
scriptLoading: 'module',
filename: 'index.html',
template: 'src/index_template.html',
@@ -97,20 +130,17 @@ const config = {
},
],
}),
+ new InjectManifest({
+ swSrc: './src/sw.js',
+ swDest: JSON.parse(confDefs.SW_FILE_NAME),
+ exclude: [
+ /\.m?js$/,
+ ],
+ }),
],
mode: confConst.DEBUG ? 'development' : 'production',
devtool: confConst.DEBUG ? 'source-map' : undefined,
devServer: confConst.DEBUG ? devServer : devServer,
};
-if (!confConst.DEBUG) {
- config.plugins.push(new InjectManifest({
- swSrc: './src/sw.js',
- swDest: 'sw.js',
- exclude: [
- /\.m?js$/,
- ],
- }));
-}
-
module.exports = config;
Вы находитесь offline, эта страница не доступна.
Проверьте ваше соединение и обновите страницу ;]
+ На главную +