@verdaccio/ui-theme 3.1.0 → 6.0.0-6-next.11

package/tools/.eslintrc

@@ -0,0 +1,14 @@
+{
+  "rules": {
+    "comma-dangle": 0,
+    "no-console": [
+      2,
+      {
+        "allow": [
+          "warn",
+          "log"
+        ]
+      }
+    ]
+  }
+}

package/tools/_verdaccio.config.yaml

@@ -0,0 +1,59 @@
+web:
+  title: Verdaccio Local Dev
+  sort_packages: asc
+  primary_color: #CCC
+  login: true
+  pkgManagers:
+    - npm
+    - yarn
+
+plugins: ../
+
+auth:
+  auth-memory:
+    users:
+      foo:
+        name: test
+        password: test #pragma: allowlist secret
+      bar:
+        name: bar
+        password: test #pragma: allowlist secret
+security:
+  api:
+    jwt:
+      sign:
+        expiresIn: 120d
+        notBefore: 1
+  web:
+    sign:
+      expiresIn: 100d
+      notBefore: 0
+
+uplinks:
+  ver:
+    url: https://registry.verdaccio.org/
+
+packages:
+  '@*/*':
+    access: $all
+    publish: $authenticated
+    unpublish: $authenticated
+  'vue':
+    access: foo
+    publish: foo
+    unpublish: foo
+  'jquery':
+    access: $all
+    publish: bar
+    unpublish: bar
+  '**':
+    access: $all
+    publish: $authenticated
+    unpublish: $authenticated
+    proxy: ver
+middlewares:
+  audit:
+    enabled: true
+
+logs:
+  - { type: stdout, format: pretty, level: trace }

package/tools/dev.server.js

@@ -0,0 +1,48 @@
+import ora from 'ora';
+import webpack from 'webpack';
+import WebpackDevServer from 'webpack-dev-server';
+
+import env from '../config/env';
+
+import config from './webpack.dev.config.babel';
+
+const compiler = webpack(config);
+const spinner = ora('Compiler is running...').start();
+const port = 4873;
+compiler.hooks.done.tap('Verdaccio Dev Server', () => {
+  if (!global.rebuild) {
+    spinner.stop();
+    console.log(`Dev Server Listening at http://localhost:${port}/`);
+    global.rebuild = true;
+  }
+});
+
+new WebpackDevServer(compiler, {
+  contentBase: env.DIST_PATH,
+  publicPath: config.output.publicPath,
+  hot: true,
+  historyApiFallback: {
+    disableDotRule: true,
+  },
+  quiet: true,
+  noInfo: false,
+  stats: {
+    assets: false,
+    colors: true,
+    version: true,
+    hash: true,
+    timings: true,
+    chunks: true,
+    chunkModules: false,
+  },
+  proxy: [
+    {
+      context: ['/-/verdaccio/**', '**/*.tgz'],
+      target: 'http://localhost:8000',
+    },
+  ],
+}).listen(port, 'localhost', function (err) {
+  if (err) {
+    return console.log(err);
+  }
+});

package/tools/getPackageJson.js

@@ -0,0 +1,25 @@
+import fs from 'fs';
+import path from 'path';
+
+/**
+ * A module to get package informations from package.json
+ * @module getPackageJson
+ * @param {...string} keys from package.json if no arguments passed it returns package.json content as object
+ * @returns {object} with given keys or content of package.json as object
+ */
+
+/**
+ * Returns package info
+ */
+const getPackageJson = function (...args) {
+  const packageJSON = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json')));
+  if (!args.length) {
+    return packageJSON;
+  }
+  return args.reduce((out, key) => {
+    out[key] = packageJSON[key];
+    return out;
+  }, {});
+};
+
+module.exports = getPackageJson;

package/tools/verdaccio.js

@@ -0,0 +1,31 @@
+const fs = require('fs');
+const path = require('path');
+
+const yalm = require('js-yaml');
+const startServer = require('verdaccio').default;
+
+const storageLocation = path.join(__dirname, '../partials/storage');
+const pluginsLocation = path.join(__dirname, '../partials/plugins');
+const configJsonFormat = Object.assign(
+  {},
+  yalm.safeLoad(fs.readFileSync('./tools/_verdaccio.config.yaml', 'utf8')),
+  {
+    storage: storageLocation,
+    plugins: pluginsLocation,
+  }
+);
+
+const serverHandler = function (webServer, addr, pkgName, pkgVersion) {
+  webServer.listen(addr.port || addr.path, addr.host, () => {
+    console.log(`${pkgName}:${pkgVersion} running ${addr.proto}://${addr.host}:${addr.port}`);
+  });
+
+  process.on('SIGTERM', () => {
+    webServer.close(() => {
+      console.log('verdaccio server has been shutdown');
+    });
+  });
+};
+
+// https://verdaccio.org/docs/en/node-api
+startServer(configJsonFormat, 8080, '', '1.0.0', 'verdaccio', serverHandler);

package/tools/webpack.config.js

@@ -0,0 +1,82 @@
+const StyleLintPlugin = require('stylelint-webpack-plugin');
+
+const env = require('../config/env');
+
+module.exports = {
+  entry: `${env.SRC_ROOT}/index.tsx`,
+
+  output: {
+    path: `${env.APP_ROOT}/static/`,
+    filename: '[name].[fullhash].js',
+    publicPath: '-/static/',
+  },
+
+  resolve: {
+    extensions: ['.wasm', '.mjs', '.js', '.jsx', '.ts', '.tsx'],
+    modules: ['node_modules'],
+    alias: {
+      'verdaccio-ui/components': `${env.SRC_ROOT}/components`,
+      'verdaccio-ui/design-tokens': `${env.SRC_ROOT}/design-tokens`,
+      'verdaccio-ui/utils': `${env.SRC_ROOT}/utils`,
+      'verdaccio-ui/providers': `${env.SRC_ROOT}/providers`,
+    },
+  },
+
+  plugins: [
+    new StyleLintPlugin({
+      files: ['src/**/styles.ts'],
+      failOnError: false,
+      emitErrors: true,
+    }),
+  ],
+
+  optimization: {
+    runtimeChunk: {
+      name: 'runtime',
+    },
+    splitChunks: {
+      chunks: 'all',
+      cacheGroups: {
+        commons: {
+          test: /[\\/]node_modules[\\/]/,
+          name: 'vendors',
+          chunks: 'initial',
+        },
+      },
+    },
+  },
+
+  module: {
+    rules: [
+      {
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
+        use: 'babel-loader',
+      },
+      {
+        test: /\.m?js/,
+        resolve: {
+          fullySpecified: false,
+        },
+      },
+      {
+        test: /\.(jpe?g|png|gif|svg)$/,
+        type: 'asset/inline',
+      },
+      {
+        test: /\.css$/i,
+        use: ['style-loader', 'css-loader'],
+      },
+      /* Typescript loader */
+      {
+        test: /\.tsx?$/,
+        use: 'babel-loader',
+        exclude: /node_modules/,
+      },
+    ],
+  },
+
+  stats: {
+    children: false,
+  },
+};

package/tools/webpack.dev.config.babel.js

@@ -0,0 +1,60 @@
+import fs from 'fs';
+
+import FriendlyErrorsPlugin from 'friendly-errors-webpack-plugin';
+import HTMLWebpackPlugin from 'html-webpack-plugin';
+import yalm from 'js-yaml';
+import StyleLintPlugin from 'stylelint-webpack-plugin';
+import webpack from 'webpack';
+
+import env from '../config/env';
+
+import getPackageJson from './getPackageJson';
+import baseConfig from './webpack.config';
+
+const configJsonFormat = yalm.safeLoad(fs.readFileSync('./tools/_verdaccio.config.yaml', 'utf8'));
+export default {
+  ...baseConfig,
+  mode: 'development',
+  entry: {
+    main: [
+      'whatwg-fetch',
+      'react-hot-loader/patch',
+      'webpack-dev-server/client?http://localhost:4873',
+      'webpack/hot/only-dev-server',
+      `${env.SRC_ROOT}/index.tsx`,
+    ],
+  },
+
+  output: {
+    ...baseConfig.output,
+    publicPath: '/',
+  },
+
+  devtool: 'inline-cheap-module-source-map',
+
+  plugins: [
+    new webpack.DefinePlugin({
+      __DEBUG__: true,
+      __APP_VERSION__: `"${getPackageJson('version')}"`,
+    }),
+    new HTMLWebpackPlugin({
+      __UI_OPTIONS: JSON.stringify({
+        ...configJsonFormat.web,
+        filename: 'index.html',
+        verdaccioURL: '//localhost:4873',
+        base: new URL('/', 'http://localhost:4873'),
+      }),
+      template: `${env.SRC_ROOT}/template/index.html`,
+      debug: true,
+      inject: true,
+    }),
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NoEmitOnErrorsPlugin(),
+    new FriendlyErrorsPlugin(),
+    new StyleLintPlugin({
+      files: ['src/**/styles.ts'],
+      failOnError: false,
+      emitErrors: false,
+    }),
+  ],
+};

package/tools/webpack.prod.config.babel.js

@@ -0,0 +1,81 @@
+const HTMLWebpackPlugin = require('html-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+// const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
+const TerserPlugin = require('terser-webpack-plugin');
+const webpack = require('webpack');
+const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
+const { merge } = require('webpack-merge');
+
+const env = require('../config/env');
+
+const getPackageJson = require('./getPackageJson');
+const baseConfig = require('./webpack.config');
+
+const { version, name, license } = getPackageJson('version', 'name', 'license');
+
+const banner = `
+    Name: [name]
+    Generated on: ${Date.now()}
+    Package: ${name}
+    Version: v${version}
+    License: ${license}
+    https://www.verdaccio.org
+    `;
+
+const prodConf = {
+  mode: 'development',
+  devtool: 'inline-cheap-module-source-map',
+
+  entry: {
+    main: ['whatwg-fetch', `${env.SRC_ROOT}/index.tsx`],
+  },
+
+  module: {
+    rules: [],
+  },
+
+  plugins: [
+    new webpack.DefinePlugin({
+      __DEBUG__: false,
+      'process.env.NODE_ENV': '"production"',
+      __APP_VERSION__: `"${version}"`,
+    }),
+    new MiniCssExtractPlugin({
+      // Options similar to the same options in webpackOptions.output
+      // both options are optional
+      filename: '[name].[contenthash].css',
+      chunkFilename: '[id].[contenthash].css',
+    }),
+    // FIXME:  @deprecated remove
+    new HTMLWebpackPlugin({
+      title: 'ToReplaceByTitle',
+      __UI_OPTIONS: 'ToReplaceByVerdaccioUI',
+      scope: 'ToReplaceByScope',
+      basename: 'ToReplaceByPrefix',
+      logo: 'ToReplaceByLogo',
+      primary_color: 'ToReplaceByPrimaryColor',
+      filename: 'index.html',
+      favicon: `${env.SRC_ROOT}/template/favicon.ico`,
+      verdaccioURL: 'ToReplaceByVerdaccio',
+      version_app: 'ToReplaceByVersion',
+      template: `${env.SRC_ROOT}/template/index.html`,
+      debug: false,
+      inject: true,
+    }),
+    new WebpackManifestPlugin({
+      removeKeyHash: true,
+    }),
+    new webpack.BannerPlugin(banner),
+  ],
+  optimization: {
+    minimize: true,
+    minimizer: [new TerserPlugin()],
+  },
+  performance: {
+    hints: 'warning',
+    maxEntrypointSize: 512000,
+    maxAssetSize: 512000,
+  },
+};
+
+module.exports = merge(baseConfig, prodConf);

package/tsconfig.build.json

@@ -0,0 +1,24 @@
+{
+  "extends": "../../../tsconfig.base",
+  "compilerOptions": {
+    "outDir": "./build",
+    "skipLibCheck": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "allowSyntheticDefaultImports": true,
+    "jsx": "react",
+    "allowJs": true,
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "checkJs": false,
+    "baseUrl": ".",
+    "paths": {
+      "verdaccio-ui/components/*": ["src/components/*"],
+      "verdaccio-ui/design-tokens/*": ["src/design-tokens/*"],
+      "verdaccio-ui/utils/*": ["src/utils/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "types/*.d.ts", "i18n/**/*.json"],
+  "exclude": ["src/**/*.test.ts"]
+}

package/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "extends": "../../../tsconfig.reference.json",
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "allowSyntheticDefaultImports": true,
+    "jsx": "react",
+    "allowJs": true,
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "checkJs": false,
+    "baseUrl": ".",
+    "paths": {
+      "verdaccio-ui/components/*": ["src/components/*"],
+      "verdaccio-ui/design-tokens/*": ["src/design-tokens/*"],
+      "verdaccio-ui/utils/*": ["src/utils/*"]
+    }
+  },
+  "include": ["src", "types/*.d.ts", "src/i18n/**/*.json", "jest/unit/components"],
+  "references": [
+    {
+      "path": "../../node-api"
+    }
+  ]
+}

package/types/custom.d.ts

@@ -0,0 +1,9 @@
+declare module 'localstorage-memory' {
+  const memoryStorage: Storage;
+  export default memoryStorage;
+}
+
+declare module 'react-hook-form/dist/react-hook-form.ie11' {
+  export { default } from 'react-hook-form';
+  export * from 'react-hook-form';
+}

package/types/files.d.ts

@@ -0,0 +1,9 @@
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}
+
+declare module '*.png' {
+  const value: string;
+  export = value;
+}

package/types/index.ts

@@ -0,0 +1,12 @@
+import { TemplateUIOptions } from '@verdaccio/types';
+declare global {
+  interface Window {
+    __VERDACCIO_BASENAME_UI_OPTIONS: TemplateUIOptions;
+    // FIXME: remove all these variables
+    VERDACCIO_PRIMARY_COLOR: string;
+    VERDACCIO_LOGO: string;
+    VERDACCIO_SCOPE: string;
+    VERDACCIO_VERSION: string;
+    VERDACCIO_API_URL: string;
+  }
+}

package/types/jest-dom.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/types/packageMeta.ts

@@ -0,0 +1,82 @@
+export interface PackageMetaInterface {
+  versions?: Versions;
+  'dist-tags'?: DistTags;
+  time?: Time;
+  latest: {
+    author?: Author;
+    deprecated?: string;
+    name: string;
+    dist: {
+      fileCount: number;
+      unpackedSize: number;
+      tarball?: string;
+    };
+    engines?: {
+      node?: string;
+      npm?: string;
+    };
+    license?: Partial<LicenseInterface> | string;
+    version: string;
+    homepage?: string;
+    bugs?: {
+      url: string;
+    };
+    repository?: {
+      type?: string;
+      url?: string;
+    };
+    description?: string;
+    funding?: Funding;
+    maintainers?: Developer[];
+    contributors?: Developer[];
+  };
+  _uplinks: Record<string, { fetched: number }>;
+}
+export interface Developer {
+  name: string;
+  email: string;
+  avatar: string;
+}
+
+interface Funding {
+  type?: string;
+  url: string;
+}
+
+interface LicenseInterface {
+  type: string;
+  url: string;
+}
+
+export interface DistTags {
+  [key: string]: string;
+}
+
+export interface Time {
+  [key: string]: string;
+}
+
+export interface Versions {
+  [key: string]: Version;
+}
+
+export interface Version {
+  name: string;
+  version: string;
+  author?: string | Author;
+  description?: string;
+  license?: string;
+  main?: string;
+  keywords?: string[];
+}
+
+export interface Author {
+  name?: string;
+  email?: string;
+  url?: string;
+  avatar?: string;
+}
+
+export interface PackageDependencies {
+  [key: string]: string;
+}