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

package/build/src/utils/__partials__/packageMeta.d.ts

@@ -0,0 +1,235 @@
+export declare const packageMeta: {
+    name: string;
+    'dist-tags': {
+        latest: string;
+        beta: string;
+    };
+    time: {
+        modified: string;
+        created: string;
+        '1.4.0': string;
+        '2.0.0': string;
+        '2.0.1': string;
+        '2.1.0': string;
+        '2.1.1': string;
+        '2.2.0-v20170212': string;
+        '2.1.2': string;
+        '2.1.3': string;
+        '2.1.4': string;
+        '2.1.5': string;
+        '2.1.6': string;
+        '2.1.7': string;
+        '2.1.10': string;
+        '2.2.0': string;
+        '2.2.1': string;
+        '2.2.2': string;
+        '2.2.3': string;
+        '2.2.4': string;
+        '2.2.5': string;
+        '2.2.6': string;
+        '2.2.7': string;
+        '2.3.0-beta': string;
+        '2.2.7-r': string;
+        '2.3.0-beta-1': string;
+        '2.3.0-beta-2': string;
+        '2.3.0-beta-3': string;
+        '2.3.0-beta-4': string;
+        '2.3.0': string;
+        '2.3.1-pre': string;
+        '2.3.1': string;
+        '2.3.2': string;
+        '2.3.3': string;
+        '2.3.4': string;
+        '2.3.5': string;
+        '2.3.6': string;
+        '2.4.0': string;
+        '2.4.1-beta': string;
+        '2.5.0': string;
+        '2.5.1': string;
+        '2.6.0': string;
+        '2.6.1': string;
+        '2.6.2': string;
+        '2.6.3': string;
+        '2.6.4': string;
+        '2.6.5': string;
+        '2.6.6': string;
+        '2.7.0': string;
+        '2.7.1': string;
+    };
+    _uplinks: {
+        abc: {
+            etag: string;
+            fetched: number;
+        };
+        npmjs: {
+            etag: string;
+            fetched: number;
+        };
+        xyz: {
+            etag: string;
+            fetched: number;
+        };
+    };
+    _rev: string;
+    _attachments: {};
+    latest: {
+        name: string;
+        version: string;
+        description: string;
+        author: {
+            name: string;
+            email: string;
+            avatar: string;
+        };
+        repository: {
+            type: string;
+            url: string;
+        };
+        main: string;
+        bin: {
+            verdaccio: string;
+        };
+        dependencies: {
+            '@verdaccio/file-locking': string;
+            JSONStream: string;
+            'apache-md5': string;
+            async: string;
+            'body-parser': string;
+            bunyan: string;
+            chalk: string;
+            commander: string;
+            compression: string;
+            cookies: string;
+            cors: string;
+            express: string;
+            global: string;
+            handlebars: string;
+            'http-errors': string;
+            'js-string-escape': string;
+            'js-yaml': string;
+            jsonwebtoken: string;
+            lockfile: string;
+            lodash: string;
+            lunr: string;
+            marked: string;
+            mime: string;
+            minimatch: string;
+            mkdirp: string;
+            pkginfo: string;
+            request: string;
+            semver: string;
+            'unix-crypt-td-js': string;
+        };
+        devDependencies: {
+            axios: string;
+            'babel-cli': string;
+            'babel-core': string;
+            'babel-eslint': string;
+            'babel-loader': string;
+            'babel-plugin-flow-runtime': string;
+            'babel-plugin-transform-decorators-legacy': string;
+            'babel-plugin-transform-runtime': string;
+            'babel-polyfill': string;
+            'babel-preset-env': string;
+            'babel-preset-flow': string;
+            'babel-preset-react': string;
+            'babel-preset-stage-2': string;
+            'babel-preset-stage-3': string;
+            'babel-runtime': string;
+            'codacy-coverage': string;
+            codecov: string;
+            coveralls: string;
+            'css-loader': string;
+            'element-react': string;
+            'element-theme-default': string;
+            eslint: string;
+            'eslint-config-google': string;
+            'eslint-loader': string;
+            'eslint-plugin-babel': string;
+            'eslint-plugin-flowtype': string;
+            'eslint-plugin-import': string;
+            'eslint-plugin-react': string;
+            'extract-text-webpack-plugin': string;
+            'file-loader': string;
+            'flow-runtime': string;
+            'friendly-errors-webpack-plugin': string;
+            'fs-extra': string;
+            'html-webpack-plugin': string;
+            'in-publish': string;
+            'localstorage-memory': string;
+            mocha: string;
+            'mocha-lcov-reporter': string;
+            'node-sass': string;
+            'normalize.css': string;
+            nyc: string;
+            ora: string;
+            'prop-types': string;
+            react: string;
+            'react-dom': string;
+            'react-hot-loader': string;
+            'react-router-dom': string;
+            'react-syntax-highlighter': string;
+            rimraf: string;
+            'sass-loader': string;
+            'source-map-loader': string;
+            'standard-version': string;
+            'style-loader': string;
+            stylelint: string;
+            'stylelint-config-standard': string;
+            'stylelint-webpack-plugin': string;
+            'url-loader': string;
+            webpack: string;
+            'webpack-dev-server': string;
+            'webpack-merge': string;
+        };
+        keywords: string[];
+        scripts: {
+            release: string;
+            prepublish: string;
+            test: string;
+            'pre:ci': string;
+            'test:ci': string;
+            'test:only': string;
+            'test:coverage': string;
+            'coverage:html': string;
+            'coverage:publish': string;
+            lint: string;
+            'lint:css': string;
+            'pre:webpack': string;
+            'dev:webui': string;
+            'build:webui': string;
+            'build:docker': string;
+            'build:docker:rpi': string;
+        };
+        engines: {
+            node: string;
+            npm: string;
+        };
+        preferGlobal: boolean;
+        publishConfig: {
+            registry: string;
+        };
+        license: string;
+        contributors: {
+            name: string;
+            email: string;
+            avatar: string;
+        }[];
+        readmeFilename: string;
+        gitHead: string;
+        bugs: {
+            url: string;
+        };
+        homepage: string;
+        _id: string;
+        _shasum: string;
+        _from: string;
+        _npmVersion: string;
+        _nodeVersion: string;
+        _npmUser: {};
+        dist: {
+            shasum: string;
+            tarball: string;
+        };
+    };
+};

package/build/src/utils/cli-utils.d.ts

@@ -0,0 +1,6 @@
+import { SyntheticEvent } from 'react';
+export declare const copyToClipBoardUtility: (str: string) => (e: SyntheticEvent<HTMLElement>) => void;
+export declare function getCLISetConfigRegistry(command: string, scope: string | undefined, registryUrl: string): string;
+export declare function getCLISetRegistry(command: string, registryUrl: string): string;
+export declare function getCLIChangePassword(command: string, registryUrl: string): string;
+export declare function getCLISBerryYamlRegistry(scope: string | undefined, registryUrl: string): string;

package/build/src/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * as url from './url';
+export * as utils from './utils';
+export { getCLIChangePassword, getCLISBerryYamlRegistry, getCLISetConfigRegistry, getCLISetRegistry, } from './cli-utils';
+export { default as loadable } from './loadable';
+export { Route } from './routes';
+export * from './token';

package/build/src/utils/loadable.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+/**
+ *  With the combination of a bundler, enable to code split a package.
+ *
+ *  @example
+    ```jsx
+    const VersionPage = loadable(() => import(/'../pages/Version'));
+   ```
+   @category HOC
+ */
+declare const _default: (importCallback: any) => (props: any) => React.JSX.Element;
+export default _default;

package/build/src/utils/routes.d.ts

@@ -0,0 +1,7 @@
+export declare enum Route {
+    ROOT = "/",
+    SCOPE_PACKAGE = "/-/web/detail/@:scope/:package",
+    SCOPE_PACKAGE_VERSION = "/-/web/detail/@:scope/:package/v/:version",
+    PACKAGE = "/-/web/detail/:package",
+    PACKAGE_VERSION = "/-/web/detail/:package/v/:version"
+}

package/build/src/utils/token.d.ts

@@ -0,0 +1 @@
+export declare function isTokenExpire(token: string | null): boolean;

package/build/src/utils/url.d.ts

@@ -0,0 +1,4 @@
+export declare function isURL(url: string): boolean;
+export declare function isEmail(email: string): boolean;
+export declare function extractFileName(url: string): string;
+export declare function downloadFile(fileStream: Blob, fileName: string): void;

package/build/src/utils/utils.d.ts

@@ -0,0 +1,32 @@
+import { UpLinks } from '@verdaccio/types';
+import { Time } from '../types/packageMeta';
+export declare const TIMEFORMAT = "L LTS";
+/**
+ * Formats license field for webui.
+ * @see https://docs.npmjs.com/files/package.json#license
+ */
+export declare function formatLicense(license: any): string | undefined;
+export interface Repository {
+    type: string;
+    url: string;
+}
+/**
+ * Formats repository field for webui.
+ * @see https://docs.npmjs.com/files/package.json#repository
+ */
+export declare function formatRepository(repository: any): string | null;
+export declare function formatDate(lastUpdate: string | number): string;
+export declare function formatDateDistance(lastUpdate: Date | string | number): string;
+/**
+ * For <LastSync /> component
+ * @param {array} uplinks
+ */
+export declare function getLastUpdatedPackageTime(uplinks?: UpLinks): string;
+/**
+ * For <LastSync /> component
+ * @param {Object} time
+ * @returns {Array} last 3 releases
+ */
+export declare function getRecentReleases(time?: Time): Time[];
+export declare function getAuthorName(authorName?: string): string;
+export declare function fileSizeSI(a: number, b?: typeof Math, c?: (p: number) => number, d?: number, e?: number): string;

package/build/store/api.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.handleResponseType = handleResponseType;
+var _storage = _interopRequireDefault(require("./storage"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Handles response according to content type
+ * @param {object} response
+ * @returns {promise}
+ */
+function handleResponseType(response) {
+  if (response.headers) {
+    const contentType = response.headers.get('Content-Type');
+    if (contentType !== null && contentType !== void 0 && contentType.includes('application/pdf')) {
+      return Promise.all([response.ok, response.blob()]);
+    }
+    if (contentType !== null && contentType !== void 0 && contentType.includes('application/json')) {
+      return Promise.all([response.ok, response.json()]);
+    }
+    // it includes all text types
+    if (contentType !== null && contentType !== void 0 && contentType.includes('text/')) {
+      return Promise.all([response.ok, response.text()]);
+    }
+
+    // unfortunately on download files there is no header available
+    if (response.url && response.url.endsWith('.tgz') === true) {
+      return Promise.all([response.ok, response.blob()]);
+    }
+  }
+  return Promise.all([response.ok, response.text()]);
+}
+const AuthHeader = 'Authorization';
+class API {
+  request(url, method = 'GET', options = {
+    headers: {}
+  }) {
+    const token = _storage.default.getItem('token');
+    const headers = new Headers(options.headers);
+    if (token && headers.has(AuthHeader) === false) {
+      headers.set(AuthHeader, `Bearer ${token}`);
+      options.headers = headers;
+    }
+    headers.set('x-client', 'verdaccio-ui');
+    return new Promise((resolve, reject) => {
+      fetch(url, {
+        method,
+        credentials: 'same-origin',
+        signal: options.signal,
+        ...options
+      }).then(handleResponseType).then(response => {
+        if (response[0]) {
+          resolve(response[1]);
+        } else {
+          // eslint-disable-next-line no-console
+          console.error(response);
+          reject(new Error('something went wrong'));
+        }
+      }).catch(error => {
+        reject(error);
+      });
+    });
+  }
+}
+var _default = exports.default = new API();
+//# sourceMappingURL=api.js.map

package/build/store/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Dispatch", {
+  enumerable: true,
+  get: function () {
+    return _store.Dispatch;
+  }
+});
+Object.defineProperty(exports, "LoginBody", {
+  enumerable: true,
+  get: function () {
+    return _login.LoginBody;
+  }
+});
+Object.defineProperty(exports, "LoginError", {
+  enumerable: true,
+  get: function () {
+    return _login.LoginError;
+  }
+});
+Object.defineProperty(exports, "LoginResponse", {
+  enumerable: true,
+  get: function () {
+    return _login.LoginResponse;
+  }
+});
+Object.defineProperty(exports, "RootState", {
+  enumerable: true,
+  get: function () {
+    return _store.RootState;
+  }
+});
+Object.defineProperty(exports, "api", {
+  enumerable: true,
+  get: function () {
+    return _api.default;
+  }
+});
+Object.defineProperty(exports, "store", {
+  enumerable: true,
+  get: function () {
+    return _store.store;
+  }
+});
+var _store = require("./store");
+var _login = require("./models/login");
+var _api = _interopRequireDefault(require("./api"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/build/store/models/configuration.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configuration = void 0;
+var _core = require("@rematch/core");
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+var _Theme = require("../../Theme");
+var _api = _interopRequireDefault(require("../api"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const defaultValues = {
+  primaryColor: _Theme.colors.PRIMARY_COLOR,
+  darkMode: false,
+  pkgManagers: ['yarn', 'pnpm', 'npm'],
+  scope: '',
+  base: '',
+  login: true,
+  flags: {},
+  url_prefix: '',
+  title: 'Verdaccio'
+};
+function getConfiguration() {
+  var _window$__VERDACCIO_B, _window;
+  const uiConfiguration = (_window$__VERDACCIO_B = (_window = window) === null || _window === void 0 ? void 0 : _window.__VERDACCIO_BASENAME_UI_OPTIONS) !== null && _window$__VERDACCIO_B !== void 0 ? _window$__VERDACCIO_B : defaultValues;
+  if ((0, _isNil.default)(uiConfiguration.primaryColor) || (0, _isEmpty.default)(uiConfiguration.primaryColor)) {
+    uiConfiguration.primaryColor = _Theme.colors.PRIMARY_COLOR;
+  }
+  return uiConfiguration;
+}
+
+/**
+ *
+ * @category Model
+ */
+const configuration = exports.configuration = (0, _core.createModel)()({
+  state: {
+    config: getConfiguration()
+  },
+  effects: dispatch => ({
+    async getPackages() {
+      const payload = await _api.default.request(`/-/verdaccio/packages`, 'GET');
+      dispatch.packages.savePackages(payload);
+    }
+  })
+});
+//# sourceMappingURL=configuration.js.map

package/build/store/models/download.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.download = void 0;
+var _core = require("@rematch/core");
+var _url = require("../../utils/url");
+var _api = _interopRequireDefault(require("../api"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ *
+ * @category Model
+ */
+const download = exports.download = (0, _core.createModel)()({
+  state: {},
+  reducers: {},
+  effects: () => ({
+    async getTarball({
+      link
+    }) {
+      try {
+        const fileStream = await _api.default.request(link, 'GET', {
+          headers: {
+            ['accept']: 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3'
+          },
+          credentials: 'include'
+        });
+        const fileName = (0, _url.extractFileName)(link);
+        (0, _url.downloadFile)(fileStream, fileName);
+      } catch (error) {
+        // TODO: handle better error
+        // eslint-disable-next-line no-console
+        console.error('error on download', error);
+      }
+    }
+  })
+});
+//# sourceMappingURL=download.js.map

package/build/store/models/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.models = void 0;
+var _configuration = require("./configuration");
+var _download = require("./download");
+var _login = require("./login");
+var _manifest = require("./manifest");
+var _packages = require("./packages");
+var _search = require("./search");
+const models = exports.models = {
+  packages: _packages.packages,
+  configuration: _configuration.configuration,
+  search: _search.search,
+  download: _download.download,
+  login: _login.login,
+  manifest: _manifest.manifest
+};
+//# sourceMappingURL=index.js.map

package/build/store/models/login.js

@@ -0,0 +1,102 @@
+"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 = exports.HEADERS = {
+  JSON: 'application/json'
+};
+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 = exports.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')
+        });
+      }
+    }
+  })
+});
+//# sourceMappingURL=login.js.map