[Devtools] Build as part of GHA workflow (#1015)

* Fix devtools build

* Build devtools as part of GHA workflows

Author: abhinavsingh

.github/workflows/test-library.yml

@@ -703,6 +703,11 @@ jobs:
         cd dashboard
         npm run build
         cd ..
+    - name: Build Devtools
+      run: |
+        cd dashboard
+        npm run devtools
+        cd ..
 
   developer:
     runs-on: ${{ matrix.os }}-latest

Makefile

@@ -176,10 +176,10 @@ lib-pyreverse:
 	open pyreverse.png
 
 devtools:
-	pushd dashboard && npm run devtools && popd
+	pushd dashboard && npm install && npm run devtools && popd
 
 dashboard:
-	pushd dashboard && npm run build && popd
+	pushd dashboard && npm install && npm run build && popd
 
 dashboard-clean:
 	if [[ -d dashboard/public ]]; then rm -rf dashboard/public; fi

dashboard/src/core/devtools.ts

@@ -31,7 +31,7 @@ function setUpDevTools () {
   }
 
   const chromeDevTools = path.dirname(
-    require.resolve('chrome-devtools-frontend/front_end/inspector.json')
+    require.resolve('chrome-devtools-frontend/front_end/visibility.gni')
   )
 
   console.log('Destination folder: ' + destinationFolderPath)