@webiny/app-headless-cms 0.0.0-ee-vpcs.549378cf03

package/admin/plugins/upgrades/v5.19.0.js

@@ -0,0 +1,684 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectSpread8 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
+
+var _reactHooks = require("@apollo/react-hooks");
+
+var _Alert = require("@webiny/ui/Alert");
+
+var _Progress = require("@webiny/ui/Progress");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Button = require("@webiny/ui/Button");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _createCmsApolloClient = require("./5.19.0/createCmsApolloClient");
+
+var _config = require("@webiny/app/config");
+
+var _graphql = require("@webiny/app-i18n/admin/views/locales/hooks/graphql");
+
+var _UpgradeItemsInfo = require("./5.19.0/UpgradeItemsInfo");
+
+var _fetchModelEntries = require("./5.19.0/fetchModelEntries");
+
+var _createRepublishMutation = require("./5.19.0/createRepublishMutation");
+
+var _createUpgradeMutation = require("./5.19.0/createUpgradeMutation");
+
+var _createListModelsQuery = require("./5.19.0/createListModelsQuery");
+
+var _templateObject, _templateObject2;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/installation");
+
+var clients = {};
+
+var getClient = function getClient(locale) {
+  if (!clients[locale]) {
+    throw new Error("There are no clients for locale \"".concat(locale, "\"."));
+  }
+
+  return clients[locale];
+};
+
+var getManageClient = function getManageClient(locale) {
+  return getClient(locale).manage;
+};
+
+var getReadClient = function getReadClient(locale) {
+  return getClient(locale).read;
+};
+
+var createUpgradeItems = function createUpgradeItems(params) {
+  var locales = params.locales;
+  var items = {
+    loadedModels: false,
+    locales: {}
+  };
+
+  var apiUrl = _config.config.getKey("API_URL", process.env.REACT_APP_API_URL);
+
+  var _iterator = (0, _createForOfIteratorHelper2.default)(locales),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var locale = _step.value;
+      items.locales[locale.code] = null;
+      clients[locale.code] = {
+        read: (0, _createCmsApolloClient.createCmsApolloClient)({
+          locale: locale.code,
+          apiUrl: apiUrl,
+          endpoint: "read"
+        }),
+        manage: (0, _createCmsApolloClient.createCmsApolloClient)({
+          locale: locale.code,
+          apiUrl: apiUrl,
+          endpoint: "manage"
+        })
+      };
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return items;
+};
+
+var updateUpgradeItems = function updateUpgradeItems(params) {
+  var previous = params.previous,
+      models = params.models;
+  var locales = {};
+
+  for (var locale in previous.locales) {
+    locales[locale] = (models[locale] || []).reduce(function (collection, model) {
+      collection[model.modelId] = {
+        model: model,
+        done: false,
+        entries: [],
+        upgrading: false
+      };
+      return collection;
+    }, {});
+  }
+
+  return {
+    loadedModels: true,
+    locales: locales
+  };
+};
+
+var Upgrade = function Upgrade(_ref) {
+  var onInstalled = _ref.onInstalled;
+  var client = (0, _reactHooks.useApolloClient)();
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      error = _useState2[0],
+      setError = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      upgrade = _useState6[0],
+      setUpgrade = _useState6[1];
+
+  var _useState7 = (0, _react.useState)("pending"),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      status = _useState8[0],
+      setStatus = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(null),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      upgradeItems = _useState10[0],
+      setUpgradeItems = _useState10[1];
+
+  (0, _react.useEffect)(function () {
+    /**
+     * Never do this if we have upgrade items.
+     */
+    if (upgradeItems || loading === true) {
+      return;
+    }
+
+    setLoading(true);
+
+    var fetchLocales = /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+        var response;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return client.query({
+                  query: _graphql.LIST_LOCALES
+                });
+
+              case 2:
+                response = _context.sent;
+
+                if (!(!response || !response.data || !response.data.i18n || !response.data.i18n.listI18NLocales)) {
+                  _context.next = 8;
+                  break;
+                }
+
+                console.error("Missing response when fetching locales.");
+                return _context.abrupt("return");
+
+              case 8:
+                if (!response.data.i18n.listI18NLocales.error) {
+                  _context.next = 12;
+                  break;
+                }
+
+                console.error(response.data.i18n.listI18NLocales.error.message);
+                setError(error);
+                return _context.abrupt("return");
+
+              case 12:
+                /**
+                 * New state for the upgrade items.
+                 */
+                setUpgradeItems(function () {
+                  return createUpgradeItems({
+                    locales: response.data.i18n.listI18NLocales.data
+                  });
+                });
+                /**
+                 * And stop the spinner.
+                 */
+
+                setLoading(false);
+
+              case 14:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function fetchLocales() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+
+    fetchLocales();
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (!upgradeItems || !upgradeItems.locales || upgradeItems.loadedModels === true || loading === true) {
+      return;
+    }
+
+    setLoading(true);
+
+    var fetchModels = /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
+        var models, locales, query, locale, response, _ref4, listContentModels, data, _error;
+
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                models = {};
+                /**
+                 * Load all models from locales, one by one so we dont nuke API too much.
+                 */
+
+                locales = upgradeItems.locales;
+                /**
+                 * Query does not care about locale so we can create it before the loop.
+                 */
+
+                query = (0, _createListModelsQuery.createListModelsQuery)();
+                /**
+                 *
+                 */
+
+                _context2.t0 = (0, _regeneratorRuntime2.default)().keys(locales);
+
+              case 4:
+                if ((_context2.t1 = _context2.t0()).done) {
+                  _context2.next = 26;
+                  break;
+                }
+
+                locale = _context2.t1.value;
+                _context2.next = 8;
+                return getManageClient(locale).query({
+                  query: query
+                });
+
+              case 8:
+                response = _context2.sent;
+                _ref4 = response.data || {}, listContentModels = _ref4.listContentModels;
+                data = listContentModels.data, _error = listContentModels.error;
+
+                if (!_error) {
+                  _context2.next = 16;
+                  break;
+                }
+
+                setError(_error);
+                return _context2.abrupt("return");
+
+              case 16:
+                if (data) {
+                  _context2.next = 21;
+                  break;
+                }
+
+                setError({
+                  message: "No data received when loading all models in locale \"".concat(locale, "\".")
+                });
+                return _context2.abrupt("return");
+
+              case 21:
+                if (!(data.length === 0)) {
+                  _context2.next = 23;
+                  break;
+                }
+
+                return _context2.abrupt("continue", 4);
+
+              case 23:
+                /**
+                 * We only need models that have at least one ref field or an object field that MIGHT contain ref fields.
+                 */
+                models[locale] = data.filter(function (model) {
+                  return model.fields.some(function (field) {
+                    return field.type === "object" || field.type === "ref";
+                  });
+                });
+                _context2.next = 4;
+                break;
+
+              case 26:
+                /**
+                 * We add models only once to skip unnecessary state changes.
+                 */
+                setUpgradeItems(function (previous) {
+                  return updateUpgradeItems({
+                    previous: previous,
+                    models: models
+                  });
+                });
+                setLoading(false);
+
+              case 28:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      return function fetchModels() {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+
+    fetchModels();
+  }, [upgradeItems, loading]);
+  var startUpgrade = (0, _react.useCallback)(function () {
+    if (!upgradeItems || upgradeItems.loadedModels !== true || upgrade === true) {
+      return;
+    }
+
+    setUpgrade(true);
+  }, [upgradeItems]);
+  (0, _react.useEffect)(function () {
+    if (!upgrade || !upgradeItems || !upgradeItems.locales || upgradeItems.loadedModels === false || status !== "pending") {
+      return;
+    }
+
+    var locales = upgradeItems.locales;
+    setStatus("upgrading");
+
+    var republish = /*#__PURE__*/function () {
+      var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
+        var _loop, locale, _ret, response, error;
+
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                _loop = /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _loop(locale) {
+                  var localeData, manageClient, readClient, _loop2, modelId, _ret2;
+
+                  return (0, _regeneratorRuntime2.default)().wrap(function _loop$(_context5) {
+                    while (1) {
+                      switch (_context5.prev = _context5.next) {
+                        case 0:
+                          localeData = locales[locale];
+                          manageClient = getManageClient(locale);
+                          readClient = getReadClient(locale);
+                          _loop2 = /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _loop2(modelId) {
+                            var modelData, entries, mutation, _iterator2, _step2, _loop3, _ret3;
+
+                            return (0, _regeneratorRuntime2.default)().wrap(function _loop2$(_context4) {
+                              while (1) {
+                                switch (_context4.prev = _context4.next) {
+                                  case 0:
+                                    modelData = localeData[modelId];
+                                    /**
+                                     * This should never be true but let's check just in case of some missed loop breaks.
+                                     */
+
+                                    if (!(modelData.done || modelData.upgrading)) {
+                                      _context4.next = 3;
+                                      break;
+                                    }
+
+                                    return _context4.abrupt("return", "continue");
+
+                                  case 3:
+                                    _context4.next = 5;
+                                    return (0, _fetchModelEntries.fetchModelEntries)({
+                                      model: modelData.model,
+                                      client: readClient
+                                    });
+
+                                  case 5:
+                                    entries = _context4.sent;
+                                    setUpgradeItems(function (previous) {
+                                      return (0, _objectSpread8.default)((0, _objectSpread8.default)({}, previous), {}, {
+                                        locales: (0, _objectSpread8.default)((0, _objectSpread8.default)({}, previous.locales), {}, (0, _defineProperty2.default)({}, locale, (0, _objectSpread8.default)((0, _objectSpread8.default)({}, previous.locales[locale]), {}, (0, _defineProperty2.default)({}, modelId, {
+                                          model: modelData.model,
+                                          done: false,
+                                          upgrading: true,
+                                          entries: entries.map(function (id) {
+                                            return {
+                                              id: id,
+                                              done: false
+                                            };
+                                          })
+                                        }))))
+                                      });
+                                    });
+                                    mutation = (0, _createRepublishMutation.createRepublishMutation)(modelData.model);
+                                    _iterator2 = (0, _createForOfIteratorHelper2.default)(entries);
+                                    _context4.prev = 9;
+                                    _loop3 = /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _loop3() {
+                                      var id, republishResponse, error;
+                                      return (0, _regeneratorRuntime2.default)().wrap(function _loop3$(_context3) {
+                                        while (1) {
+                                          switch (_context3.prev = _context3.next) {
+                                            case 0:
+                                              id = _step2.value;
+                                              _context3.next = 3;
+                                              return manageClient.mutate({
+                                                mutation: mutation,
+                                                variables: {
+                                                  revision: id
+                                                }
+                                              });
+
+                                            case 3:
+                                              republishResponse = _context3.sent;
+                                              error = republishResponse.data.content.error;
+
+                                              if (!error) {
+                                                _context3.next = 8;
+                                                break;
+                                              }
+
+                                              setError(error);
+                                              return _context3.abrupt("return", {
+                                                v: {
+                                                  v: {
+                                                    v: void 0
+                                                  }
+                                                }
+                                              });
+
+                                            case 8:
+                                              setUpgradeItems(function (previous) {
+                                                return (0, _objectSpread8.default)((0, _objectSpread8.default)({}, previous), {}, {
+                                                  locales: (0, _objectSpread8.default)((0, _objectSpread8.default)({}, previous.locales), {}, (0, _defineProperty2.default)({}, locale, (0, _objectSpread8.default)((0, _objectSpread8.default)({}, previous.locales[locale]), {}, (0, _defineProperty2.default)({}, modelId, {
+                                                    model: previous.locales[locale][modelId].model,
+                                                    entries: previous.locales[locale][modelId].entries.map(function (info) {
+                                                      return {
+                                                        id: info.id,
+                                                        done: info.done === true || id === info.id
+                                                      };
+                                                    }),
+                                                    done: false,
+                                                    upgrading: true
+                                                  }))))
+                                                });
+                                              });
+
+                                            case 9:
+                                            case "end":
+                                              return _context3.stop();
+                                          }
+                                        }
+                                      }, _loop3);
+                                    });
+
+                                    _iterator2.s();
+
+                                  case 12:
+                                    if ((_step2 = _iterator2.n()).done) {
+                                      _context4.next = 19;
+                                      break;
+                                    }
+
+                                    return _context4.delegateYield(_loop3(), "t0", 14);
+
+                                  case 14:
+                                    _ret3 = _context4.t0;
+
+                                    if (!(typeof _ret3 === "object")) {
+                                      _context4.next = 17;
+                                      break;
+                                    }
+
+                                    return _context4.abrupt("return", _ret3.v);
+
+                                  case 17:
+                                    _context4.next = 12;
+                                    break;
+
+                                  case 19:
+                                    _context4.next = 24;
+                                    break;
+
+                                  case 21:
+                                    _context4.prev = 21;
+                                    _context4.t1 = _context4["catch"](9);
+
+                                    _iterator2.e(_context4.t1);
+
+                                  case 24:
+                                    _context4.prev = 24;
+
+                                    _iterator2.f();
+
+                                    return _context4.finish(24);
+
+                                  case 27:
+                                    setUpgradeItems(function (previous) {
+                                      return (0, _objectSpread8.default)((0, _objectSpread8.default)({}, previous), {}, {
+                                        locales: (0, _objectSpread8.default)((0, _objectSpread8.default)({}, previous.locales), {}, (0, _defineProperty2.default)({}, locale, (0, _objectSpread8.default)((0, _objectSpread8.default)({}, previous.locales[locale]), {}, (0, _defineProperty2.default)({}, modelId, {
+                                          model: modelData.model,
+                                          entries: [],
+                                          done: true,
+                                          upgrading: false
+                                        }))))
+                                      });
+                                    });
+
+                                  case 28:
+                                  case "end":
+                                    return _context4.stop();
+                                }
+                              }
+                            }, _loop2, null, [[9, 21, 24, 27]]);
+                          });
+                          _context5.t0 = (0, _regeneratorRuntime2.default)().keys(localeData);
+
+                        case 5:
+                          if ((_context5.t1 = _context5.t0()).done) {
+                            _context5.next = 15;
+                            break;
+                          }
+
+                          modelId = _context5.t1.value;
+                          return _context5.delegateYield(_loop2(modelId), "t2", 8);
+
+                        case 8:
+                          _ret2 = _context5.t2;
+
+                          if (!(_ret2 === "continue")) {
+                            _context5.next = 11;
+                            break;
+                          }
+
+                          return _context5.abrupt("continue", 5);
+
+                        case 11:
+                          if (!(typeof _ret2 === "object")) {
+                            _context5.next = 13;
+                            break;
+                          }
+
+                          return _context5.abrupt("return", _ret2.v);
+
+                        case 13:
+                          _context5.next = 5;
+                          break;
+
+                        case 15:
+                        case "end":
+                          return _context5.stop();
+                      }
+                    }
+                  }, _loop);
+                });
+                _context6.t0 = (0, _regeneratorRuntime2.default)().keys(locales);
+
+              case 2:
+                if ((_context6.t1 = _context6.t0()).done) {
+                  _context6.next = 10;
+                  break;
+                }
+
+                locale = _context6.t1.value;
+                return _context6.delegateYield(_loop(locale), "t2", 5);
+
+              case 5:
+                _ret = _context6.t2;
+
+                if (!(typeof _ret === "object")) {
+                  _context6.next = 8;
+                  break;
+                }
+
+                return _context6.abrupt("return", _ret.v);
+
+              case 8:
+                _context6.next = 2;
+                break;
+
+              case 10:
+                _context6.next = 12;
+                return client.mutate({
+                  mutation: (0, _createUpgradeMutation.createUpgradeMutation)(),
+                  variables: {
+                    version: "5.19.0"
+                  }
+                });
+
+              case 12:
+                response = _context6.sent;
+                error = response.data.cms.upgrade.error;
+                setStatus("completed");
+
+                if (!error) {
+                  _context6.next = 18;
+                  break;
+                }
+
+                setError(error);
+                return _context6.abrupt("return");
+
+              case 18:
+                onInstalled();
+
+              case 19:
+              case "end":
+                return _context6.stop();
+            }
+          }
+        }, _callee3);
+      }));
+
+      return function republish() {
+        return _ref5.apply(this, arguments);
+      };
+    }();
+
+    republish();
+  }, [upgrade, upgradeItems, status]);
+  var label = error ? /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+    title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Something went wrong"]))),
+    type: "danger"
+  }, error.message) : upgrade ? t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Upgrading Headless CMS..."]))) : "Loading Headless CMS information";
+  return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, null, (loading || error) && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+    label: label
+  }), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
+    title: "Upgrade Headless CMS"
+  }), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 12
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "body1",
+    tag: "div"
+  }, "This upgrade will do the following:", /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, "update entries")), /*#__PURE__*/_react.default.createElement(_UpgradeItemsInfo.UpgradeItemsInfo, {
+    upgradeItems: upgradeItems
+  }))))), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormFooter, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    disabled: loading || upgrade,
+    onClick: startUpgrade
+  }, "Upgrade")));
+};
+
+var _default = Upgrade;
+exports.default = _default;