Restructure to monorepo (#6907)

* wip: restructure to monorepo Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * refactor create-release-pr to a package Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * build fixes Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * github workflow fixes Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix typo Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * add webpack-env types to core Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix github workflows Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * refactor/fix integration tests Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * lint fix Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * yarn run dev Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * eslint settings for vscode Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * move templates to right package Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * open-lens build fixes Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * integration test fix Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix nx task dependencies Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * use bash shell for unit tests in test workflow Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix test:unit for windows Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix win-ca webpack error in open-lens Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix win-ca webpack error in open-lens Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix build:app on windows Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * remove ELECTRON_BUILDER_EXTRA_ARGS Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * sync src/ from master Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * remove Makefile from core Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
2025-05-20 05:10:56 +00:00 · 2023-01-24 10:46:26 -08:00
1 parent 0066ca4ea2
commit 2657df2293
@@ -0,0 +1,186 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+ import path from "path";
+ import type webpack from "webpack";
+ import HtmlWebpackPlugin from "html-webpack-plugin";
+ import MiniCssExtractPlugin from "mini-css-extract-plugin";
+ import ForkTsCheckerPlugin from "fork-ts-checker-webpack-plugin";
+ import MonacoWebpackPlugin from "monaco-editor-webpack-plugin";
+ import CircularDependencyPlugin from "circular-dependency-plugin";
+ import ReactRefreshWebpackPlugin from "@pmmmwh/react-refresh-webpack-plugin";
+ import type { WebpackPluginInstance } from "webpack";
+ import { DefinePlugin } from "webpack";
+ import { assetsFolderName, isDevelopment, rendererDir, buildDir, htmlTemplate, publicPath, sassCommonVars } from "./vars";
+ import { platform } from "process";
+ 
+ const renderer: webpack.Configuration = {
+  target: "electron-renderer",
+  name: "lens-app-renderer",
+  mode: isDevelopment ? "development" : "production",
+  // https://webpack.js.org/configuration/devtool/ (see description of each option)
+  devtool: isDevelopment ? "cheap-module-source-map" : "source-map",
+  cache: isDevelopment ? { type: "filesystem" } : false,
+  entry: {
+    lens: path.resolve(rendererDir, "index.ts"),
+  },
+  output: {
+    libraryTarget: "global",
+    globalObject: "this",
+    publicPath,
+    path: buildDir,
+    filename: "[name].js",
+    chunkFilename: "chunks/[name].js",
+    assetModuleFilename: `${assetsFolderName}/[name][ext][query]`,
+  },
+  watchOptions: {
+    ignored: /node_modules/, // https://webpack.js.org/configuration/watch/
+  },
+  ignoreWarnings: [
+    /Critical dependency: the request of a dependency is an expression/,
+    /require.extensions is not supported by webpack./, // handlebars
+    /\[ReactRefreshPlugin] .*?HMR.*? is not enabled/, // enabled in webpack.dev-server
+  ],
+  resolve: {
+    extensions: [
+      ".js", ".jsx", ".json",
+      ".ts", ".tsx",
+    ],
+  },
+  externals: [
+    "node-fetch",
+    "npm",
+    "win-ca"
+  ],
+  optimization: {
+    minimize: false,
+  },
+  module: {
+    parser: {
+      javascript: {
+        commonjsMagicComments: true,
+      },
+    },
+    rules: [
+      {
+        test: /\.node$/,
+        use: "node-loader",
+      },
+      {
+      test: /\.tsx?$/,
+      loader: "ts-loader",
+      options: {},
+      },
+      cssModulesWebpackRule(),
+      ...iconsAndImagesWebpackRules(),
+      ...fontsLoaderWebpackRules(),
+    ],
+  },
+
+  plugins: [
+    new DefinePlugin({
+      CONTEXT_MATCHER_FOR_NON_FEATURES: `/\\.injectable(\\.${platform})?\\.tsx?$/`,
+      CONTEXT_MATCHER_FOR_FEATURES: `/\\/(renderer|common)\\/.+\\.injectable(\\.${platform})?\\.tsx?$/`,
+    }),
+    new ForkTsCheckerPlugin(),
+
+    // see also: https://github.com/Microsoft/monaco-editor-webpack-plugin#options
+    new MonacoWebpackPlugin({
+      // publicPath: "/",
+      // filename: "[name].worker.js",
+      languages: ["json", "yaml"],
+      globalAPI: isDevelopment,
+    }),
+
+    new HtmlWebpackPlugin({
+      filename: "index.html",
+      template: htmlTemplate,
+      inject: true,
+      hash: true,
+      templateParameters: {
+        assetPath: `${publicPath}${assetsFolderName}`,
+      },
+    }),
+
+    new CircularDependencyPlugin({
+      cwd: __dirname,
+      exclude: /node_modules/,
+      failOnError: true,
+    }) as unknown as WebpackPluginInstance,
+
+    new MiniCssExtractPlugin({
+      filename: "[name].css",
+    }),
+
+    ...(
+      isDevelopment
+        ? [new ReactRefreshWebpackPlugin()]
+        : []
+    ),
+  ],
+};
+ 
+ /**
+  * Import icons and image files.
+  * Read more about asset types: https://webpack.js.org/guides/asset-modules/
+  */
+ export function iconsAndImagesWebpackRules(): webpack.RuleSetRule[] {
+   return [
+     {
+       test: /\.svg$/,
+       type: "asset/source", // exports the source code of the asset, so we get XML
+     },
+     {
+       test: /\.(jpg|png|ico)$/,
+       type: "asset/resource", // path to file, e.g. "/static/build/assets/*"
+     },
+   ];
+ }
+ 
+ /**
+  * Import custom fonts as URL.
+  */
+ export function fontsLoaderWebpackRules(): webpack.RuleSetRule[] {
+   return [
+     {
+       test: /\.(ttf|eot|woff2?)$/,
+       type: "asset/resource",
+     },
+   ];
+ }
+ 
+ export interface CssModulesWebpackRuleOptions {
+   styleLoader?: string;
+ }
+ 
+ /**
+  * Import CSS or SASS styles with modules support (*.module.scss)
+  */
+ export function cssModulesWebpackRule({ styleLoader }: CssModulesWebpackRuleOptions = {}): webpack.RuleSetRule {
+   styleLoader ??= isDevelopment
+     ? "style-loader"
+     : MiniCssExtractPlugin.loader;
+ 
+   return {
+     test: /\.s?css$/,
+     use: [
+       styleLoader,
+       {
+         loader: "css-loader",
+         options: {
+           sourceMap: isDevelopment,
+           modules: {
+             auto: /\.module\./i, // https://github.com/webpack-contrib/css-loader#auto
+             mode: "local", // :local(.selector) by default
+             localIdentName: "[name]__[local]--[hash:base64:5]",
+           },
+         },
+       },
+     ],
+   };
+ }
+ 
+ export default renderer;
+