Add build step for FE resources

Author: grzegorz-bielski

package-lock.json

@@ -0,0 +1,9 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "arrowParens": "avoid"
+}

scala3doc/resources/.prettierrc

@@ -0,0 +1,25 @@
+{
+  "name": "scala3doc-frontend",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "webpack",
+    "dev": "concurrently \"http-server ../output\" \"webpack --watch\""
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "concurrently": "^5.3.0",
+    "css-loader": "^5.0.0",
+    "http-server": "^0.12.3",
+    "mini-css-extract-plugin": "^1.2.1",
+    "sass": "^1.28.0",
+    "sass-loader": "^10.0.5",
+    "ts-loader": "^8.0.8",
+    "typescript": "^4.0.5",
+    "webpack": "^5.4.0",
+    "webpack-cli": "^4.1.0"
+  }
+}

scala3doc/resources/dotty_res/scripts/bundle.js

@@ -0,0 +1,3 @@
+import './style.scss';
+
+console.log('Hello');

scala3doc/resources/dotty_res/styles/main.css

@@ -0,0 +1,5 @@
+$body-color: tomato;
+
+body {
+  color: $body-color;
+}

scala3doc/resources/package-lock.json

@@ -0,0 +1,12 @@
+{
+    "compilerOptions": {
+      "module": "es6",
+      "target": "es5",
+      "jsx": "react",
+      "allowJs": true,
+      "sourceMap": true,
+      "strict": true
+    },
+    "include": ["src/**/*"],
+    "exclude": ["node_modules"]
+  }

scala3doc/resources/package.json

@@ -0,0 +1,50 @@
+const path = require('path');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const FileManagerPlugin = require('filemanager-webpack-plugin');
+
+module.exports = {
+  entry: './src/index.ts',
+  devtool: 'inline-source-map',
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        use: 'ts-loader',
+        exclude: /node_modules/,
+      },
+      {
+        test: /\.s[ac]ss$/i,
+        use: [
+          MiniCssExtractPlugin.loader,
+          'css-loader',
+          'sass-loader',
+        ],
+        exclude: /node_modules/,
+      },
+    ],
+  },
+  resolve: {
+    extensions: ['.tsx', '.ts', '.js'],
+  },
+  output: {
+    filename: 'bundle.js',
+    path: path.resolve(__dirname, 'dist'),
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: '[name].css',
+      chunkFilename: '[id].css',
+    }),
+    new FileManagerPlugin({
+      events: {
+        onEnd: {
+          delete: ['./dotty_res/styles/main.css', './dotty_res/scripts/bundle.js'],
+          move: [
+            { source: 'dist/main.css', destination: './dotty_res/styles/main.css' },
+            { source: 'dist/bundle.js', destination: './dotty_res/scripts/bundle.js' },
+          ]
+        }
+      }
+    })
+  ],
+};

scala3doc/resources/src/index.ts

@@ -37,6 +37,8 @@ class ScalaEmbeddedResourceAppender extends PageTransformer {
           "scripts/components/FilterGroup.js",
           "scripts/components/Filter.js",
           "scripts/data.js",
+          "scripts/bundle.js",
+          "styles/main.css"
         )).asJava,
         page.getChildren
       )