@verdaccio/ui-components 2.0.0-alpha.0 → 3.0.0-next.1

package/build/store/models/login.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HEADERS = void 0;
+exports.getDefaultUserState = getDefaultUserState;
+exports.login = void 0;
+var _core = require("@rematch/core");
+var _i18next = _interopRequireDefault(require("i18next"));
+var _utils = require("../../utils");
+var _api = _interopRequireDefault(require("../api"));
+var _storage = _interopRequireDefault(require("../storage"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const HEADERS = {
+  JSON: 'application/json'
+};
+exports.HEADERS = HEADERS;
+function getDefaultUserState() {
+  const token = _storage.default.getItem('token');
+  const username = _storage.default.getItem('username');
+  const defaultUserState = (0, _utils.isTokenExpire)(token) ? {
+    token: null,
+    username: null
+  } : {
+    token,
+    username
+  };
+  return defaultUserState;
+}
+const defaultUserState = getDefaultUserState();
+
+/**
+ *
+ * @category Model
+ */
+const login = (0, _core.createModel)()({
+  state: {
+    username: defaultUserState.username,
+    token: defaultUserState.token
+  },
+  reducers: {
+    logOutUser(state) {
+      _storage.default.removeItem('username');
+      _storage.default.removeItem('token');
+      return {
+        ...state,
+        username: null,
+        token: null
+      };
+    },
+    addError(state, error) {
+      return {
+        ...state,
+        error
+      };
+    },
+    clearError(state) {
+      return {
+        ...state,
+        error: undefined
+      };
+    },
+    logInUser(state, response) {
+      // we might persist this in another way with
+      _storage.default.setItem('username', response.username);
+      _storage.default.setItem('token', response.token);
+      return {
+        ...state,
+        token: response.token,
+        username: response.username
+      };
+    }
+  },
+  effects: dispatch => ({
+    async getUser({
+      username,
+      password
+    }, state) {
+      const basePath = state.configuration.config.base;
+      try {
+        const payload = await _api.default.request(`${basePath}-/verdaccio/sec/login`, 'POST', {
+          body: JSON.stringify({
+            username,
+            password
+          }),
+          headers: {
+            Accept: HEADERS.JSON,
+            'Content-Type': HEADERS.JSON
+          }
+        });
+        dispatch.login.logInUser(payload);
+        dispatch.packages.getPackages(undefined);
+      } catch (error) {
+        dispatch.login.addError({
+          type: 'error',
+          description: _i18next.default.t('form-validation.unable-to-sign-in')
+        });
+      }
+    }
+  })
+});
+exports.login = login;
+//# sourceMappingURL=login.js.map

package/build/store/models/manifest.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.manifest = void 0;
+var _core = require("@rematch/core");
+var _api = _interopRequireDefault(require("../api"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function isPackageVersionValid(packageMeta, packageVersion) {
+  if (!packageVersion || typeof packageVersion === 'undefined') {
+    // if is undefined, that means versions does not exist, we continue
+    return true;
+  }
+  if (packageMeta.versions) {
+    return Object.keys(packageMeta.versions).includes(packageVersion);
+  }
+  return false;
+}
+
+/**
+ *
+ * @category Model
+ */
+const manifest = (0, _core.createModel)()({
+  state: {},
+  reducers: {
+    notFound(state) {
+      return {
+        ...state,
+        hasNotBeenFound: true,
+        manifest: undefined,
+        packageName: undefined,
+        packageVersion: undefined,
+        readme: undefined
+      };
+    },
+    clearError(state) {
+      return {
+        ...state,
+        isError: null
+      };
+    },
+    isError(state) {
+      return {
+        ...state,
+        isError: true,
+        hasNotBeenFound: false,
+        manifest: undefined,
+        packageName: undefined,
+        packageVersion: undefined,
+        readme: undefined
+      };
+    },
+    saveManifest(state, {
+      packageName,
+      packageVersion,
+      manifest,
+      readme
+    }) {
+      return {
+        ...state,
+        manifest,
+        packageName,
+        packageVersion,
+        readme,
+        hasNotBeenFound: false
+      };
+    }
+  },
+  effects: dispatch => ({
+    async getManifest({
+      packageName,
+      packageVersion
+    }, state) {
+      const basePath = state.configuration.config.base;
+      try {
+        const manifest = await _api.default.request(`${basePath}-/verdaccio/data/sidebar/${packageName}${packageVersion ? `?v=${packageVersion}` : ''}`);
+
+        // FIXME: update types accordingly
+        // @ts-ignore
+        if (!isPackageVersionValid(manifest, packageVersion)) {
+          throw new Error('not found');
+        }
+        const readme = await _api.default.request(`${basePath}-/verdaccio/data/package/readme/${packageName}${packageVersion ? `?v=${packageVersion}` : ''}`, 'GET');
+        dispatch.manifest.saveManifest({
+          packageName,
+          packageVersion,
+          manifest,
+          readme
+        });
+      } catch (error) {
+        dispatch.manifest.notFound();
+      }
+    }
+  })
+});
+exports.manifest = manifest;
+//# sourceMappingURL=manifest.js.map

package/build/store/models/packages.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.packages = void 0;
+var _core = require("@rematch/core");
+var _api = _interopRequireDefault(require("../api"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ *
+ * @category Model
+ */
+const packages = (0, _core.createModel)()({
+  state: {
+    response: []
+  },
+  reducers: {
+    savePackages(state, response) {
+      return {
+        ...state,
+        response
+      };
+    }
+  },
+  effects: dispatch => ({
+    async getPackages(_payload, state) {
+      const basePath = state.configuration.config.base;
+      try {
+        const payload = await _api.default.request(`${basePath}-/verdaccio/data/packages`, 'GET');
+        dispatch.packages.savePackages(payload);
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.error({
+          title: 'Warning',
+          message: `Unable to load package list: ${error.message}`
+        });
+        // TODO: handle error, display something retry or something
+      }
+    }
+  })
+});
+exports.packages = packages;
+//# sourceMappingURL=packages.js.map

package/build/store/models/search.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.search = void 0;
+var _core = require("@rematch/core");
+var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
+var _api = _interopRequireDefault(require("../api"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const CONSTANTS = {
+  API_DELAY: 300,
+  ABORT_ERROR: 'AbortError'
+};
+const search = (0, _core.createModel)()({
+  state: {
+    suggestions: [],
+    controller: []
+  },
+  reducers: {
+    clearRequestQueue(state) {
+      const controllers = state.controller;
+      controllers.forEach(request => {
+        request === null || request === void 0 ? void 0 : request.abort();
+      });
+      return {
+        ...state,
+        controller: []
+      };
+    },
+    addControllerToQueue(state, {
+      controller
+    }) {
+      const currentControllers = state.controller;
+      return {
+        ...state,
+        controller: [...currentControllers, controller]
+      };
+    },
+    setError(state) {
+      return {
+        ...state,
+        isError: true
+      };
+    },
+    saveSearch(state, {
+      suggestions
+    }) {
+      return {
+        ...state,
+        suggestions,
+        isError: null
+      };
+    }
+  },
+  effects: dispatch => ({
+    async getSuggestions({
+      value
+    }, state) {
+      const basePath = state.configuration.config.base;
+      try {
+        const controller = new window.AbortController();
+        dispatch.search.addControllerToQueue({
+          controller
+        });
+        const signal = controller.signal;
+        // https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API#Browser_compatibility
+        // FUTURE: signal is not well supported for IE and Samsung Browser
+        const suggestions = await _api.default.request(`${basePath}-/verdaccio/data/search/${encodeURIComponent(value)}`, 'GET', {
+          signal,
+          headers: {}
+        });
+        const orderedSuggestions = (0, _orderBy.default)(suggestions, ['verdaccioPrivate'], ['desc']);
+        dispatch.search.saveSearch({
+          suggestions: orderedSuggestions
+        });
+      } catch (error) {
+        if (error.name === CONSTANTS.ABORT_ERROR) {
+          dispatch.search.saveSearch({
+            suggestions: []
+          });
+        } else {
+          dispatch.search.setError();
+        }
+      }
+    }
+  })
+});
+exports.search = search;
+//# sourceMappingURL=search.js.map

package/build/store/storage.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _localstorageMemory = _interopRequireDefault(require("localstorage-memory"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+let storage;
+try {
+  localStorage.setItem('__TEST__', '');
+  localStorage.removeItem('__TEST__');
+  storage = localStorage;
+} catch (err) {
+  storage = _localstorageMemory.default;
+}
+var _default = storage;
+exports.default = _default;
+//# sourceMappingURL=storage.js.map

package/build/store/store.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.store = void 0;
+var _core = require("@rematch/core");
+var _loading = _interopRequireDefault(require("@rematch/loading"));
+var _models = require("./models");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const store = (0, _core.init)({
+  models: _models.models,
+  plugins: [(0, _loading.default)()]
+});
+exports.store = store;
+//# sourceMappingURL=store.js.map

package/build/test/i18n-config.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18next = _interopRequireDefault(require("i18next"));
+var _reactI18next = require("react-i18next");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+_i18next.default.use(_reactI18next.initReactI18next).init({
+  lng: 'en-US',
+  whitelist: ['en-US'],
+  load: 'currentOnly',
+  resources: {
+    'en-US': {
+      translation: {}
+    }
+  },
+  debug: false,
+  interpolation: {
+    escapeValue: false // react already safes from xss
+  }
+});
+var _default = _i18next.default;
+exports.default = _default;
+//# sourceMappingURL=i18n-config.js.map

package/build/test/test-react-testing-library.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  render: true,
+  customRender: true,
+  renderWithStore: true
+};
+exports.renderWithStore = exports.render = exports.customRender = void 0;
+var _styles = require("@mui/material/styles");
+var _react = require("@testing-library/react");
+Object.keys(_react).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _react[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _react[key];
+    }
+  });
+});
+var _react2 = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactRedux = require("react-redux");
+var _Theme = require("../Theme");
+var _AppConfigurationProvider = _interopRequireDefault(require("../providers/AppConfigurationProvider"));
+var _PersistenceSettingProvider = _interopRequireDefault(require("../providers/PersistenceSettingProvider"));
+var _i18nConfig = _interopRequireDefault(require("./i18n-config"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const renderWithStore = (ui, store) => (0, _react.render)(ui, {
+  wrapper: ({
+    children
+  }) => /*#__PURE__*/_react2.default.createElement(_reactRedux.Provider, {
+    store: store
+  }, /*#__PURE__*/_react2.default.createElement(_PersistenceSettingProvider.default, null, /*#__PURE__*/_react2.default.createElement(_AppConfigurationProvider.default, null, /*#__PURE__*/_react2.default.createElement(_styles.StyledEngineProvider, {
+    injectFirst: true
+  }, /*#__PURE__*/_react2.default.createElement(_Theme.ThemeProvider, null, /*#__PURE__*/_react2.default.createElement(_reactI18next.I18nextProvider, {
+    i18n: _i18nConfig.default
+  }, children))))))
+});
+exports.renderWithStore = renderWithStore;
+const customRender = (node, ...options) => {
+  return (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_AppConfigurationProvider.default, null, /*#__PURE__*/_react2.default.createElement(_PersistenceSettingProvider.default, null, /*#__PURE__*/_react2.default.createElement(_styles.StyledEngineProvider, {
+    injectFirst: true
+  }, /*#__PURE__*/_react2.default.createElement(_Theme.ThemeProvider, null, /*#__PURE__*/_react2.default.createElement(_reactI18next.I18nextProvider, {
+    i18n: _i18nConfig.default
+  }, node))))), ...options);
+};
+exports.customRender = exports.render = customRender;
+//# sourceMappingURL=test-react-testing-library.js.map

package/build/types/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=index.js.map

package/build/types/packageMeta.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=packageMeta.js.map