add hash to monaco assets folder

Author: HKalbasi

ui/frontend/editor/MonacoEditor.tsx

@@ -6,6 +6,8 @@ import State from '../state';
 
 import styles from './Editor.module.css';
 import { config, grammar } from './rust_monaco_def';
+// @ts-ignore
+import monacoHash from "./monaco-editor.specialasset";
 
 const modeId = 'my-rust';
 
@@ -42,7 +44,7 @@ const mapStateToProps = (state: State) => {
 
 type MonacoEditorProps = CommonEditorProps & PropsFromState;
 
-loader.config({ paths: { vs: '/assets/vs' } });
+loader.config({ paths: { vs: '/assets/' + monacoHash } });
 
 const MonacoEditor: React.SFC<MonacoEditorProps> = props => {
   return (

ui/frontend/editor/monaco-editor.specialasset

@@ -0,0 +1 @@
+node_modules/monaco-editor/min/vs

ui/frontend/package.json

@@ -55,6 +55,8 @@
     "eslint": "^7.4.0",
     "eslint-plugin-react": "^7.14.3",
     "eslint-plugin-react-hooks": "^4.0.0",
+    "folder-hash": "^4.0.1",
+    "fs-extra": "^10.0.0",
     "glob": "^7.0.5",
     "html-webpack-plugin": "^5.2.0",
     "jest": "^27.0.0",
@@ -78,7 +80,7 @@
     "webpack-cli": "^4.5.0"
   },
   "engines": {
-    "node": "^14.15.1"
+    "node": "^14.15.1 || ^16.11.0"
   },
   "scripts": {
     "test": "jest",

ui/frontend/special-asset-loader.js

@@ -0,0 +1,12 @@
+const path = require('path');
+const { hashElement } = require('folder-hash');
+const { copy } = require('fs-extra');
+
+module.exports = async (source) => {
+    const p = path.resolve(__dirname, source.trim());
+    const { hash } = await hashElement(p);
+    const urlh = hash.replaceAll('+', '-').replaceAll('/', '_').replaceAll('=', '');
+    const name = `${path.basename(p)}-${urlh}`;
+    await copy(p, path.resolve(__dirname, 'build', 'assets', name));
+    return `export default "${name}"`;
+};

ui/frontend/webpack.config.js

@@ -7,6 +7,7 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const CompressionPlugin = require("compression-webpack-plugin");
 const glob = require('glob');
 const basename = require('basename');
+const path = require('path');
 
 const thisPackage = require('./package.json');
 const devDependencies = Object.keys(thisPackage.devDependencies);
@@ -80,6 +81,10 @@ module.exports = function(_, argv) {
           exclude: /node_modules/,
           use: ['babel-loader', 'ts-loader'],
         },
+        {
+          test: /\.specialasset$/,
+          use: path.resolve(__dirname, 'special-asset-loader.js'),
+        },
         {
           test: /\.css$/,
           oneOf: [

ui/frontend/yarn.lock

@@ -3121,6 +3121,15 @@ flatted@^3.1.0:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.2.tgz#64bfed5cb68fe3ca78b3eb214ad97b63bedce561"
   integrity sha512-JaTY/wtrcSyvXJl4IMFHPKyFur1sE9AUqc0QnhOaJ0CxHtAoIV8pYDzeEfAaNEtGkOfq4gr3LBFmdXW5mOQFnA==
 
+folder-hash@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/folder-hash/-/folder-hash-4.0.1.tgz#1603c46bdb899843e292ecdfca9e540dd22e1236"
+  integrity sha512-oF1MGtGAPezYJJRMRPzTwtDYwZdQ16UTnthsVAxjVZnlrQ36WuF6YxSgyZxnoUEK6JNPX+04FCFAkw5CzE5OMw==
+  dependencies:
+    debug "^4.1.1"
+    graceful-fs "~4.2.0"
+    minimatch "~3.0.4"
+
 form-data@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/form-data/-/form-data-3.0.1.tgz#ebd53791b78356a99af9a300d4282c4d5eb9755f"
@@ -3135,6 +3144,15 @@ fraction.js@^4.1.1:
   resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.1.1.tgz#ac4e520473dae67012d618aab91eda09bcb400ff"
   integrity sha512-MHOhvvxHTfRFpF1geTK9czMIZ6xclsEor2wkIGYYq+PxcQqT7vStJqjhe6S1TenZrMZzo+wlqOufBDVepUEgPg==
 
+fs-extra@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.0.0.tgz#9ff61b655dde53fb34a82df84bb214ce802e17c1"
+  integrity sha512-C5owb14u9eJwizKGdchcDUQeFtlSHHthBk8pbX9Vc1PFZrLombudjDnNns88aYslCyF6IY5SUw3Roz6xShcEIQ==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
@@ -3287,7 +3305,7 @@ gonzales-pe@^4.3.0:
   dependencies:
     minimist "^1.2.5"
 
-graceful-fs@^4.1.2, graceful-fs@^4.2.4:
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@~4.2.0:
   version "4.2.8"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.8.tgz#e412b8d33f5e006593cbd3cee6df9f2cebbe802a"
   integrity sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==
@@ -4349,6 +4367,15 @@ json5@^1.0.1:
   dependencies:
     minimist "^1.2.0"
 
+jsonfile@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
 "jsx-ast-utils@^2.4.1 || ^3.0.0":
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.2.1.tgz#720b97bfe7d901b927d87c3773637ae8ea48781b"
@@ -4673,7 +4700,7 @@ mini-css-extract-plugin@^2.0.0:
   dependencies:
     schema-utils "^3.1.0"
 
-minimatch@^3.0.4:
+minimatch@^3.0.4, minimatch@~3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
   integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
@@ -6650,6 +6677,11 @@ universalify@^0.1.2:
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
   integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
 
+universalify@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
+  integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
+
 uri-js@^4.2.2:
   version "4.4.1"
   resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"