@webiny/app-headless-cms 5.18.3 → 5.19.0-beta.3

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

@@ -0,0 +1,647 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
+
+var _templateObject, _templateObject2;
+
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useCallback, useEffect, useState } from "react";
+import { i18n } from "@webiny/app/i18n";
+import { SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader } from "@webiny/app-admin/components/SimpleForm";
+import { useApolloClient } from "@apollo/react-hooks";
+import { Alert } from "@webiny/ui/Alert";
+import { CircularProgress } from "@webiny/ui/Progress";
+import { Cell, Grid } from "@webiny/ui/Grid";
+import { ButtonPrimary } from "@webiny/ui/Button";
+import { Typography } from "@webiny/ui/Typography";
+import { createCmsApolloClient } from "./5.19.0/createCmsApolloClient";
+import { config as appConfig } from "@webiny/app/config";
+import { LIST_LOCALES } from "@webiny/app-i18n/admin/views/locales/hooks/graphql";
+import { UpgradeItemsInfo } from "./5.19.0/UpgradeItemsInfo";
+import { fetchModelEntries } from "./5.19.0/fetchModelEntries";
+import { createRepublishMutation } from "./5.19.0/createRepublishMutation";
+import { createUpgradeMutation } from "./5.19.0/createUpgradeMutation";
+import { createListModelsQuery } from "./5.19.0/createListModelsQuery";
+var t = 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 = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
+
+  var _iterator = _createForOfIteratorHelper(locales),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var locale = _step.value;
+      items.locales[locale.code] = null;
+      clients[locale.code] = {
+        read: createCmsApolloClient({
+          locale: locale.code,
+          apiUrl: apiUrl,
+          endpoint: "read"
+        }),
+        manage: 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 = useApolloClient();
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      error = _useState2[0],
+      setError = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      upgrade = _useState6[0],
+      setUpgrade = _useState6[1];
+
+  var _useState7 = useState("pending"),
+      _useState8 = _slicedToArray(_useState7, 2),
+      status = _useState8[0],
+      setStatus = _useState8[1];
+
+  var _useState9 = useState(null),
+      _useState10 = _slicedToArray(_useState9, 2),
+      upgradeItems = _useState10[0],
+      setUpgradeItems = _useState10[1];
+
+  useEffect(function () {
+    /**
+     * Never do this if we have upgrade items.
+     */
+    if (upgradeItems || loading === true) {
+      return;
+    }
+
+    setLoading(true);
+
+    var fetchLocales = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var response;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return client.query({
+                  query: 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();
+  }, []);
+  useEffect(function () {
+    if (!upgradeItems || !upgradeItems.locales || upgradeItems.loadedModels === true || loading === true) {
+      return;
+    }
+
+    setLoading(true);
+
+    var fetchModels = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        var models, locales, query, locale, response, _ref4, listContentModels, data, _error;
+
+        return _regeneratorRuntime.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 = createListModelsQuery();
+                /**
+                 *
+                 */
+
+                _context2.t0 = _regeneratorRuntime.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 = useCallback(function () {
+    if (!upgradeItems || upgradeItems.loadedModels !== true || upgrade === true) {
+      return;
+    }
+
+    setUpgrade(true);
+  }, [upgradeItems]);
+  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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        var _loop, locale, _ret, response, error;
+
+        return _regeneratorRuntime.wrap(function _callee3$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop(locale) {
+                  var localeData, manageClient, readClient, _loop2, modelId, _ret2;
+
+                  return _regeneratorRuntime.wrap(function _loop$(_context5) {
+                    while (1) {
+                      switch (_context5.prev = _context5.next) {
+                        case 0:
+                          localeData = locales[locale];
+                          manageClient = getManageClient(locale);
+                          readClient = getReadClient(locale);
+                          _loop2 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop2(modelId) {
+                            var modelData, entries, mutation, _iterator2, _step2, _loop3, _ret3;
+
+                            return _regeneratorRuntime.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 fetchModelEntries({
+                                      model: modelData.model,
+                                      client: readClient
+                                    });
+
+                                  case 5:
+                                    entries = _context4.sent;
+                                    setUpgradeItems(function (previous) {
+                                      return _objectSpread(_objectSpread({}, previous), {}, {
+                                        locales: _objectSpread(_objectSpread({}, previous.locales), {}, _defineProperty({}, locale, _objectSpread(_objectSpread({}, previous.locales[locale]), {}, _defineProperty({}, modelId, {
+                                          model: modelData.model,
+                                          done: false,
+                                          upgrading: true,
+                                          entries: entries.map(function (id) {
+                                            return {
+                                              id: id,
+                                              done: false
+                                            };
+                                          })
+                                        }))))
+                                      });
+                                    });
+                                    mutation = createRepublishMutation(modelData.model);
+                                    _iterator2 = _createForOfIteratorHelper(entries);
+                                    _context4.prev = 9;
+                                    _loop3 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop3() {
+                                      var id, republishResponse, error;
+                                      return _regeneratorRuntime.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 _objectSpread(_objectSpread({}, previous), {}, {
+                                                  locales: _objectSpread(_objectSpread({}, previous.locales), {}, _defineProperty({}, locale, _objectSpread(_objectSpread({}, previous.locales[locale]), {}, _defineProperty({}, 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 _objectSpread(_objectSpread({}, previous), {}, {
+                                        locales: _objectSpread(_objectSpread({}, previous.locales), {}, _defineProperty({}, locale, _objectSpread(_objectSpread({}, previous.locales[locale]), {}, _defineProperty({}, modelId, {
+                                          model: modelData.model,
+                                          entries: [],
+                                          done: true,
+                                          upgrading: false
+                                        }))))
+                                      });
+                                    });
+
+                                  case 28:
+                                  case "end":
+                                    return _context4.stop();
+                                }
+                              }
+                            }, _loop2, null, [[9, 21, 24, 27]]);
+                          });
+                          _context5.t0 = _regeneratorRuntime.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 = _regeneratorRuntime.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: 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.createElement(Alert, {
+    title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Something went wrong"]))),
+    type: "danger"
+  }, error.message) : upgrade ? t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Upgrading Headless CMS..."]))) : "Loading Headless CMS information";
+  return /*#__PURE__*/React.createElement(SimpleForm, null, (loading || error) && /*#__PURE__*/React.createElement(CircularProgress, {
+    label: label
+  }), /*#__PURE__*/React.createElement(SimpleFormHeader, {
+    title: "Upgrade Headless CMS"
+  }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "body1",
+    tag: "div"
+  }, "This upgrade will do the following:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "update entries")), /*#__PURE__*/React.createElement(UpgradeItemsInfo, {
+    upgradeItems: upgradeItems
+  }))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
+    disabled: loading || upgrade,
+    onClick: startUpgrade
+  }, "Upgrade")));
+};
+
+export default Upgrade;

package/admin/plugins/validators/patternPlugins/lowerCaseSpace.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    type: string;
+    name: string;
+    pattern: {
+        name: string;
+        regex: string;
+        flags: string;
+    };
+};
+export default _default;

package/admin/plugins/validators/patternPlugins/lowerCaseSpace.js

@@ -0,0 +1,9 @@
+export default {
+  type: "cms-model-field-validator-pattern",
+  name: "cms-model-field-validator-pattern-lower-case-space",
+  pattern: {
+    name: "lowerCaseSpace",
+    regex: "^([a-z\\s]+)$",
+    flags: ""
+  }
+};

package/admin/plugins/validators/patternPlugins/upperCaseSpace.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    type: string;
+    name: string;
+    pattern: {
+        name: string;
+        regex: string;
+        flags: string;
+    };
+};
+export default _default;

package/admin/plugins/validators/patternPlugins/upperCaseSpace.js

@@ -0,0 +1,9 @@
+export default {
+  type: "cms-model-field-validator-pattern",
+  name: "cms-model-field-validator-pattern-upper-case-space",
+  pattern: {
+    name: "upperCaseSpace",
+    regex: "^([A-Z\\s]+)$",
+    flags: ""
+  }
+};