Fix bundling of monitor extension

Remove `node/monitor` from the workspaces setup, because `vsce` is incompatible with it.
Still build the extension together with other packages.
Provide quick command to update the extension in the demo.
Update extension in demo.
Remove duplicate settings.
Fix linting setup and lint packages that were not linted.
Fix minor linting issues.
Make tsconfigs more clear.

Contributed on behalf of STMicroelectronics

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## [0.10.0] - estimated 2024-04
 
 - [.github/workflows] Improve version detection in workflows (do not build release commits, auto-detect version for demo publishing) [#280](https://github.com/eclipsesource/theia-cloud/pull/280) - contributed on behalf of STMicroelectronics
+- [node] Separate `monitor` package from other workspaces to fix bundling the extension [#280](https://github.com/eclipsesource/theia-cloud/pull/280) - contributed on behalf of STMicroelectronics
 
 ## [0.9.0] - 2024-01-23
 

node/.eslintrc.js

@@ -6,9 +6,13 @@ module.exports = {
     './configs/warnings.eslintrc.json',
     './configs/errors.eslintrc.json',
   ],
-  ignorePatterns: ['**/{node_modules,lib}', 'plugins'],
   parserOptions: {
     tsconfigRootDir: __dirname,
     project: 'tsconfig.json',
   },
+  settings: {
+    "react": {
+      "version": "detect"
+    }
+  }
 };

node/common/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../configs/base.tsconfig.json",
+  "extends": "../tsconfig.json",
   "include": [
     "src"
   ],

node/configs/errors.eslintrc.json

@@ -113,6 +113,12 @@
     "import/export": "off", // we have multiple exports due to namespaces, enums and classes that share the same name
     "import/no-deprecated": "error",
     // eslint-plugin-no-null
-    "no-null/no-null": "error"
+    "no-null/no-null": "error",
+    "import/no-unresolved": [
+      "error",
+      {
+        "ignore": ["vscode"]
+      }
+    ]
   }
 }

node/landing-page/.eslintrc.js

@@ -3,13 +3,8 @@ module.exports = {
   env: {
     node: true
   },
-  extends: [
-    'plugin:vue/vue3-essential',
-    'eslint:recommended',
-    '@vue/typescript/recommended',
-    '@vue/prettier',
-  ],
-  parser: "vue-eslint-parser",
+  extends: ['plugin:vue/vue3-essential', 'eslint:recommended', '@vue/typescript/recommended', '@vue/prettier'],
+  parser: 'vue-eslint-parser',
   parserOptions: {
     ecmaVersion: 2020,
     parser: '@typescript-eslint/parser'

node/landing-page/vue.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  publicPath: "./"
-}
+  publicPath: './'
+};

node/monitor-theia/package.json

@@ -20,6 +20,7 @@
     "clean": "rimraf lib",
     "build": "tsc",
     "watch": "tsc -w",
+    "lint": "eslint -c ../.eslintrc.js --ext .ts ./src",
     "prepublishOnly": "npm run build",
     "publish:next": "npm pkg set version=`npm pkg get version | head -1  | tr -d '\"'`.`git rev-parse --short HEAD` && npm publish --tag next",
     "publish:latest": "npm publish --tag latest"

node/monitor-theia/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../configs/base.tsconfig.json",
+  "extends": "../tsconfig.json",
   "include": ["src"],
   "compilerOptions": {
     "outDir": "lib"

node/monitor/.vscodeignore

@@ -1,12 +1,6 @@
-.vscode/**
-.vscode-test/**
-out/**
-node_modules/**
+.vscode
+node_modules
 src/**
-.gitignore
+package-lock.json
+tsconfig.json
 webpack.config.js
-vsc-extension-quickstart.md
-**/tsconfig.json
-**/.eslintrc.json
-**/*.map
-**/*.ts

node/monitor/README.md

@@ -27,4 +27,5 @@ Open this folder in vscode. A `Run Extension` debug config will be available. Th
 
 ## Bundle the extension
 
-Run `npm run bundle` to create a `vsix` file that can be installed in VSCode/Theia.
+Run `npm run build:vsix` to create a `vsix` file that can be installed in VSCode/Theia.
+Run `npm run update:demo:monitor` to update the `vsix` file in the `demo-theia-monitor-vscode` component.