@openedx/frontend-base 1.0.0-alpha.0 → 1.0.0-alpha.2

package/tools/webpack/webpack.config.build.ts

@@ -1,93 +0,0 @@
-import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import path from 'path';
-import { Configuration } from 'webpack';
-import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
-import RemoveEmptyScriptsPlugin from 'webpack-remove-empty-scripts';
-
-import {
-  getCodeRules,
-  getFileLoaderRules,
-  getHtmlWebpackPlugin,
-  getImageMinimizer,
-  getStylesheetRule
-} from './common-config';
-
-import ParagonWebpackPlugin from './plugins/paragon-webpack-plugin/ParagonWebpackPlugin';
-
-import getLocalAliases from './utils/getLocalAliases';
-import getPublicPath from './utils/getPublicPath';
-import getResolvedSiteConfigPath from './utils/getResolvedSiteConfigPath';
-import {
-  getParagonCacheGroups,
-  getParagonEntryPoints,
-  getParagonThemeCss,
-} from './utils/paragonUtils';
-
-const paragonThemeCss = getParagonThemeCss(process.cwd());
-const brandThemeCss = getParagonThemeCss(process.cwd(), { isBrandOverride: true });
-const aliases = getLocalAliases();
-const resolvedSiteConfigPath = getResolvedSiteConfigPath('site.config.build.tsx');
-
-const config: Configuration = {
-  mode: 'production',
-  devtool: 'source-map',
-  entry: {
-    app: path.resolve(process.cwd(), 'node_modules/@openedx/frontend-base/shell/site'),
-    ...getParagonEntryPoints(paragonThemeCss),
-    ...getParagonEntryPoints(brandThemeCss),
-  },
-  output: {
-    filename: '[name].[chunkhash].js',
-    path: path.resolve(process.cwd(), 'dist'),
-    publicPath: getPublicPath(),
-    clean: true, // Clean the output directory before emit.
-  },
-  resolve: {
-    alias: {
-      ...aliases,
-      'site.config': resolvedSiteConfigPath,
-    },
-    extensions: ['.js', '.jsx', '.ts', '.tsx'],
-  },
-  module: {
-    rules: [
-      ...getCodeRules('production', resolvedSiteConfigPath),
-      getStylesheetRule('production'),
-      ...getFileLoaderRules(),
-    ],
-  },
-  // Extract common modules among all chunks to one common chunk and extract the Webpack runtime to a single runtime chunk.
-  optimization: {
-    runtimeChunk: 'single',
-    splitChunks: {
-      chunks: 'all',
-      cacheGroups: {
-        ...getParagonCacheGroups(paragonThemeCss),
-        ...getParagonCacheGroups(brandThemeCss),
-      },
-    },
-    minimizer: getImageMinimizer(),
-  },
-  // Specify additional processing or side-effects done on the Webpack output bundles as a whole.
-  plugins: [
-    // RemoveEmptyScriptsPlugin get rid of empty scripts generated by webpack when using mini-css-extract-plugin
-    // This helps to clean up the final bundle application
-    // See: https://www.npmjs.com/package/webpack-remove-empty-scripts#usage-with-mini-css-extract-plugin
-
-    new RemoveEmptyScriptsPlugin(),
-    // Writes the extracted CSS from each entry to a file in the output directory.
-    new ParagonWebpackPlugin(),
-    new MiniCssExtractPlugin({
-      filename: '[name].[chunkhash].css',
-    }),
-    getHtmlWebpackPlugin(),
-    new ForkTsCheckerWebpackPlugin(),
-    new BundleAnalyzerPlugin({
-      analyzerMode: 'static',
-      openAnalyzer: false,
-    }),
-  ],
-};
-
-export default config;

package/tools/webpack/webpack.config.dev.shell.ts

@@ -1,122 +0,0 @@
-import { transform } from '@formatjs/ts-transformer';
-import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
-import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import path from 'path';
-import ReactRefreshTypeScript from 'react-refresh-typescript';
-import { Configuration } from 'webpack';
-import RemoveEmptyScriptsPlugin from 'webpack-remove-empty-scripts';
-
-import {
-  getDevServer,
-  getFileLoaderRules,
-  getImageMinimizer,
-  getStylesheetRule
-} from './common-config';
-
-import ParagonWebpackPlugin from './plugins/paragon-webpack-plugin/ParagonWebpackPlugin';
-
-import HtmlWebpackPlugin from 'html-webpack-plugin';
-import getLocalAliases from './utils/getLocalAliases';
-import getPublicPath from './utils/getPublicPath';
-import getResolvedSiteConfigPath from './utils/getResolvedSiteConfigPath';
-import {
-  getParagonCacheGroups,
-  getParagonEntryPoints,
-  getParagonThemeCss,
-} from './utils/paragonUtils';
-
-const paragonThemeCss = getParagonThemeCss(process.cwd());
-const brandThemeCss = getParagonThemeCss(process.cwd(), { isBrandOverride: true });
-const aliases = getLocalAliases();
-const resolvedSiteConfigPath = getResolvedSiteConfigPath('shell/site.config.dev.tsx');
-
-const config: Configuration = {
-  entry: {
-    app: path.resolve(process.cwd(), 'shell/site'),
-    ...getParagonEntryPoints(paragonThemeCss),
-    ...getParagonEntryPoints(brandThemeCss),
-  },
-  output: {
-    path: path.resolve(process.cwd(), './dist'),
-    publicPath: getPublicPath(),
-  },
-  resolve: {
-    alias: {
-      ...aliases,
-      'site.config': resolvedSiteConfigPath,
-    },
-    extensions: ['.js', '.jsx', '.ts', '.tsx'],
-  },
-  mode: 'development',
-  devtool: 'eval-source-map',
-  module: {
-    rules: [
-      {
-        test: /\.(js|jsx|ts|tsx)$/,
-        include: [
-          /shell/,
-          /runtime/,
-          path.resolve(process.cwd(), 'types'),
-          resolvedSiteConfigPath,
-        ],
-        use: {
-          loader: require.resolve('ts-loader'),
-          options: {
-            transpileOnly: true,
-            compilerOptions: {
-              noEmit: false,
-            },
-            getCustomTransformers() {
-              return {
-                before: [
-                  transform({
-                    overrideIdFn: '[sha512:contenthash:base64:6]',
-                  }),
-                  ReactRefreshTypeScript()
-                ],
-              };
-            },
-          },
-        },
-      },
-      getStylesheetRule('dev'),
-      ...getFileLoaderRules(),
-    ],
-  },
-  optimization: {
-    splitChunks: {
-      chunks: 'all',
-      cacheGroups: {
-        ...getParagonCacheGroups(paragonThemeCss),
-        ...getParagonCacheGroups(brandThemeCss),
-      },
-    },
-    minimizer: getImageMinimizer(),
-  },
-  // Specify additional processing or side-effects done on the Webpack output bundles as a whole.
-  plugins: [
-    // RemoveEmptyScriptsPlugin get rid of empty scripts generated by webpack when using mini-css-extract-plugin
-    // This helps to clean up the final bundle application
-    // See: https://www.npmjs.com/package/webpack-remove-empty-scripts#usage-with-mini-css-extract-plugin
-    new RemoveEmptyScriptsPlugin(),
-    new ParagonWebpackPlugin(),
-    // Writes the extracted CSS from each entry to a file in the output directory.
-    new MiniCssExtractPlugin({
-      filename: '[name].css',
-    }),
-    new HtmlWebpackPlugin({
-      inject: true, // Appends script tags linking to the webpack bundles at the end of the body
-      template: path.resolve(process.cwd(), 'shell/public/index.html'),
-      chunks: ['app'],
-    }),
-    new ReactRefreshWebpackPlugin(),
-    new ForkTsCheckerWebpackPlugin(),
-  ],
-  // This configures webpack-dev-server which serves bundles from memory and provides live
-  // reloading.
-
-  devServer: getDevServer(),
-};
-
-export default config;

package/tools/webpack/webpack.config.dev.ts

@@ -1,90 +0,0 @@
-import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
-import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import path from 'path';
-import { Configuration } from 'webpack';
-import RemoveEmptyScriptsPlugin from 'webpack-remove-empty-scripts';
-
-import {
-  getCodeRules,
-  getDevServer,
-  getFileLoaderRules,
-  getHtmlWebpackPlugin,
-  getImageMinimizer,
-  getStylesheetRule
-} from './common-config';
-
-import ParagonWebpackPlugin from './plugins/paragon-webpack-plugin/ParagonWebpackPlugin';
-
-import getLocalAliases from './utils/getLocalAliases';
-import getPublicPath from './utils/getPublicPath';
-import getResolvedSiteConfigPath from './utils/getResolvedSiteConfigPath';
-import {
-  getParagonCacheGroups,
-  getParagonEntryPoints,
-  getParagonThemeCss,
-} from './utils/paragonUtils';
-
-const paragonThemeCss = getParagonThemeCss(process.cwd());
-const brandThemeCss = getParagonThemeCss(process.cwd(), { isBrandOverride: true });
-const aliases = getLocalAliases();
-const resolvedSiteConfigPath = getResolvedSiteConfigPath('site.config.dev.tsx');
-
-const config: Configuration = {
-  entry: {
-    app: path.resolve(process.cwd(), 'node_modules/@openedx/frontend-base/shell/site'),
-    ...getParagonEntryPoints(paragonThemeCss),
-    ...getParagonEntryPoints(brandThemeCss),
-  },
-  output: {
-    path: path.resolve(process.cwd(), './dist'),
-    publicPath: getPublicPath(),
-  },
-  resolve: {
-    alias: {
-      ...aliases,
-      'site.config': resolvedSiteConfigPath,
-    },
-    extensions: ['.js', '.jsx', '.ts', '.tsx'],
-  },
-  mode: 'development',
-  devtool: 'eval-source-map',
-  module: {
-    rules: [
-      ...getCodeRules('dev', resolvedSiteConfigPath),
-      getStylesheetRule('dev'),
-      ...getFileLoaderRules(),
-    ],
-  },
-  optimization: {
-    splitChunks: {
-      chunks: 'all',
-      cacheGroups: {
-        ...getParagonCacheGroups(paragonThemeCss),
-        ...getParagonCacheGroups(brandThemeCss),
-      },
-    },
-    minimizer: getImageMinimizer(),
-  },
-  // Specify additional processing or side-effects done on the Webpack output bundles as a whole.
-  plugins: [
-    // RemoveEmptyScriptsPlugin get rid of empty scripts generated by webpack when using mini-css-extract-plugin
-    // This helps to clean up the final bundle application
-    // See: https://www.npmjs.com/package/webpack-remove-empty-scripts#usage-with-mini-css-extract-plugin
-    new RemoveEmptyScriptsPlugin(),
-    new ParagonWebpackPlugin(),
-    // Writes the extracted CSS from each entry to a file in the output directory.
-    new MiniCssExtractPlugin({
-      filename: '[name].css',
-    }),
-    getHtmlWebpackPlugin(),
-    new ReactRefreshWebpackPlugin(),
-    new ForkTsCheckerWebpackPlugin(),
-  ],
-  // This configures webpack-dev-server which serves bundles from memory and provides live
-  // reloading.
-
-  devServer: getDevServer(),
-};
-
-export default config;

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "extends": "./tools/typescript/tsconfig.json",
-  "compilerOptions": {
-    "rootDir": ".",
-    "outDir": "dist",
-  },
-  "include": [
-    "runtime/**/*",
-    "shell/**/*",
-    "index.ts",
-    "jest.config.js",
-    "babel.config.js",
-    "eslint.config.js",
-    "frontend-base.d.ts",
-  ],
-  "exclude": [
-    "test-site/**/*",
-    "dist/**/*",
-    "coverage/**/*",
-    "tools/**/*",
-    "config/**/*",
-  ],
-}