Extension size reduction (#44)

* reducing size using GENERATE_SOURCEMAP=false

* refactor imports

* deleted build analyzer file

* changed build library

* changed build script

* added link to centml documents

README.md

@@ -2,6 +2,9 @@
 
 ![Demo GIF](https://raw.githubusercontent.com/CentML/mltools-vscode/jun07-usability-improvements/images/demo.gif)
 
+## Documentation
+https://docs.centml.ai/index.html
+
 ## Installation
 Installation consists of two parts: the front-end UI (this repository) and [Skyline](https://github.com/CentML/skyline) (the backend), which needs to be installed separately.
 

scripts/build_vsix.sh

@@ -2,18 +2,15 @@
 
 # Build react UI
 pushd skyline-vscode/react-ui && \
-    npm install --legacy-peer-deps && \
-    CI=false npm run build && \
+    npm install && \
+    npm run build && \
     popd;
 
 # Build backend
-# TODO: Replace "npm install react" with a proper fix in package.json
 pushd skyline-vscode && \
-    npm install --legacy-peer-deps  && \
+    npm install && \
     pushd src/protobuf && 
     make && make old && \
     popd && \
-    npm install react react-dom && \
-    yes | vsce package && \
+    vsce package && \
     popd;
-

skyline-vscode/.vscodeignore

@@ -1,10 +1,14 @@
 .vscode/**
 .vscode-test/**
-src/**
-.gitignore
+node_modules/
+out/
+!out/main.js
+src/
+react-ui/
+!react-ui/build
 .yarnrc
 vsc-extension-quickstart.md
-**/tsconfig.json
+tsconfig.json
 **/.eslintrc.json
 **/*.map
-**/*.ts
+**/*.ts

skyline-vscode/package.json

@@ -14,7 +14,7 @@
   "activationEvents": [
     "onCommand:skyline-vscode.cmd_begin_analyze"
   ],
-  "main": "./out/extension.js",
+  "main": "./out/main.js",
   "contributes": {
     "commands": [
       {
@@ -39,12 +39,11 @@
     }
   },
   "scripts": {
-    "vscode:prepublish": "npm run compile",
-    "compile": "tsc -p ./",
-    "watch": "tsc -watch -p ./",
-    "pretest": "npm run compile && npm run lint",
-    "lint": "eslint src --ext ts",
-    "test": "node ./out/test/runTest.js"
+    "vscode:prepublish": "npm run esbuild-base -- --minify",
+    "esbuild-base": "esbuild ./src/extension.ts --bundle --outfile=out/main.js --external:vscode --format=cjs --platform=node",
+    "esbuild": "npm run esbuild-base -- --sourcemap",
+    "esbuild-watch": "npm run esbuild-base -- --sourcemap --watch",
+    "test-compile": "tsc -p ./"
   },
   "devDependencies": {
     "@types/glob": "^7.1.4",
@@ -55,20 +54,14 @@
     "@typescript-eslint/eslint-plugin": "^4.31.1",
     "@typescript-eslint/parser": "^4.31.1",
     "@vscode/test-electron": "^1.6.2",
+    "esbuild": "^0.17.10",
     "eslint": "^7.32.0",
     "glob": "^7.1.7",
     "mocha": "^9.1.1",
     "typescript": "^4.4.3"
   },
   "dependencies": {
-    "@types/ws": "^8.2.0",
-    "bootstrap-fork": "^3.3.6",
     "google-protobuf": "^3.18.0",
-    "nunjucks": "^3.2.3",
-    "react": "^18.2.0",
-    "react-bootstrap": "^2.2.0",
-    "react-dom": "^18.2.0",
-    "ts-protoc-gen": "^0.15.0",
-    "ws": "^8.2.3"
+    "ts-protoc-gen": "^0.15.0"
   }
 }

skyline-vscode/react-ui/.gitignore

@@ -21,3 +21,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# build package info
+analyze.js