refactor: monorepo

Author: Guillaume Chau

package.json

@@ -2,19 +2,22 @@
   "name": "vue-devtools",
   "version": "5.1.1",
   "description": "devtools for Vue.js!",
-  "main": "index.js",
+  "private": true,
+  "workspaces": [
+    "packages/*"
+  ],
   "scripts": {
     "dev": "cross-env PORT=8100 npm run dev:shell",
-    "dev:shell": "cd shells/dev && webpack-dev-server --inline --hot --no-info",
-    "dev:chrome": "cd shells/chrome && webpack --watch --hide-modules",
-    "dev:chrome:prod": "cd shells/chrome && cross-env NODE_ENV=production webpack --watch --hide-modules",
-    "lint": "eslint --ext=js,vue src shells/chrome/src shells/dev/src shells/electron/src",
-    "build": "cd shells/chrome && cross-env NODE_ENV=production webpack --progress --hide-modules",
-    "run:firefox": "web-ext run -s shells/chrome -a dist -i src",
+    "dev:shell": "cd packages/shell-dev && webpack-dev-server --inline --hot --no-info",
+    "dev:chrome": "cd packages/shell-chrome && webpack --watch --hide-modules",
+    "dev:chrome:prod": "cd packages/shell-chrome && cross-env NODE_ENV=production webpack --watch --hide-modules",
+    "lint": "eslint --ext=js,vue src packages/shell-chrome/src packages/shell-dev/src packages/shell-electron/src",
+    "build": "cd packages/shell-chrome && cross-env NODE_ENV=production webpack --progress --hide-modules",
+    "run:firefox": "web-ext run -s packages/shell-chrome -a dist -i src",
     "zip": "npm run zip:chrome && npm run zip:firefox",
-    "zip:chrome": "cd shells && zip -r -FS ../dist/chrome.zip chrome -x *src/* -x *webpack.config.js",
-    "zip:firefox": "web-ext build -s shells/chrome -a dist -i src --overwrite-dest",
-    "sign:firefox": "cross-env WEB_EXT_API_KEY=VUE_DEVTOOLS_AMO_KEY WEB_EXT_API_SECRET=VUE_DEVTOOLS_AMO_SECRET web-ext sign -s shells/chrome -a dist -i src --id {f0beaa66-17d0-42e9-b1c9-c52da6252db8}",
+    "zip:chrome": "cd packages && zip -r -FS ../dist/chrome.zip shell-chrome -x *src/* -x *webpack.config.js",
+    "zip:firefox": "web-ext build -s packages/shell-chrome -a dist -i src --overwrite-dest",
+    "sign:firefox": "cross-env WEB_EXT_API_KEY=VUE_DEVTOOLS_AMO_KEY WEB_EXT_API_SECRET=VUE_DEVTOOLS_AMO_SECRET web-ext sign -s packages/shell-chrome -a dist -i src --id {f0beaa66-17d0-42e9-b1c9-c52da6252db8}",
     "release": "node release.js && npm run test && npm run build && npm run zip",
     "release:beta": "cross-env RELEASE_CHANNEL=beta npm run release && npm run sign:firefox",
     "test": "npm run lint && npm run test:e2e",
@@ -26,34 +29,15 @@
     "type": "git",
     "url": "git+https://github.com/vuejs/vue-devtools.git"
   },
-  "keywords": [
-    "vue",
-    "devtools"
-  ],
   "author": "Evan You",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/vuejs/vue-devtools/issues"
   },
   "homepage": "https://github.com/vuejs/vue-devtools#readme",
-  "dependencies": {
-    "@vue/ui": "^0.10.5",
-    "circular-json-es6": "^2.0.2",
-    "d3": "^5.9.2",
-    "lodash.debounce": "^4.0.8",
-    "lodash.groupby": "^4.6.0",
-    "lru-cache": "^5.1.1",
-    "vue": "^2.6.10",
-    "vue-router": "^3.0.2",
-    "vue-virtual-scroller": "^1.0.0-rc.2",
-    "vuex": "^3.1.0"
-  },
   "devDependencies": {
     "autoprefixer": "^9.1.5",
-    "buble": "^0.19.0",
-    "buble-loader": "^0.5.1",
     "cross-env": "^5.2.0",
-    "css-loader": "^1.0.0",
     "cypress": "^3.1.0",
     "eslint": "^5.6.0",
     "eslint-config-standard": "^12.0.0",
@@ -63,25 +47,9 @@
     "eslint-plugin-promise": "^4.0.0",
     "eslint-plugin-standard": "^4.0.0",
     "eslint-plugin-vue": "^5.0.0-beta.3",
-    "file-loader": "^2.0.0",
-    "friendly-errors-webpack-plugin": "^1.7.0",
     "inquirer": "^6.2.0",
-    "launch-editor-middleware": "^2.2.1",
-    "postcss-loader": "^3.0.0",
-    "raw-loader": "^0.5.1",
     "semver": "^5.5.1",
-    "start-server-and-test": "^1.7.1",
-    "style-resources-loader": "^1.2.1",
-    "stylus": "^0.54.5",
-    "stylus-loader": "^3.0.1",
-    "uglifyjs-webpack-plugin": "^1.2.7",
-    "url-loader": "^1.1.1",
-    "vue-loader": "^15.4.2",
-    "vue-template-compiler": "^2.6.10",
-    "webpack": "^4.19.0",
-    "webpack-cli": "^3.1.0",
-    "webpack-dev-server": "^3.1.8",
-    "webpack-merge": "^4.1.2"
+    "start-server-and-test": "^1.7.1"
   },
   "engines": {
     "node": ">=8.10"

src/.eslintrc.js renamed to packages/app-backend/.eslintrc.js

@@ -1,4 +1,7 @@
 module.exports = {
+  globals: {
+    bridge: 'off'
+  },
   rules: {
     'no-restricted-syntax': [
       'error',

packages/app-backend/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@vue-devtools/app-backend",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "@vue-devtools/shared-utils": "^0.0.0",
+    "vue": "^2.6.10"
+  }
+}

src/backend/clone.js renamed to packages/app-backend/src/clone.js

@@ -1,6 +1,6 @@
 import { highlight, unHighlight } from './highlighter'
 import { findRelatedComponent } from './utils'
-import { isBrowser } from '../devtools/env'
+import { isBrowser } from '@utils/env'
 
 export default class ComponentSelector {
   constructor (bridge, instanceMap) {

src/backend/component-selector.js renamed to packages/app-backend/src/component-selector.js

@@ -1,4 +1,4 @@
-import { stringify } from '../util'
+import { stringify } from '@utils/util'
 import { getInstanceName } from './index'
 
 const internalRE = /^(?:pre-)?hook:/

src/backend/events.js renamed to packages/app-backend/src/events.js

@@ -1,7 +1,7 @@
-import { inDoc, getComponentName, getComponentDisplayName } from '../util'
+import { inDoc, getComponentName, getComponentDisplayName } from '@utils/util'
+import SharedData from '@utils/shared-data'
+import { isBrowser, target } from '@utils/env'
 import { getInstanceName } from './index'
-import SharedData from 'src/shared-data'
-import { isBrowser, target } from '../devtools/env'
 
 let overlay
 let overlayContent

src/backend/highlighter.js renamed to packages/app-backend/src/highlighter.js

@@ -7,11 +7,20 @@ import { initEventsBackend } from './events'
 import { initRouterBackend } from './router'
 import { initPerfBackend } from './perf'
 import { findRelatedComponent } from './utils'
-import { stringify, classify, camelize, set, has, parse, getComponentName, getCustomRefDetails } from '../util'
 import ComponentSelector from './component-selector'
-import SharedData, { init as initSharedData } from 'src/shared-data'
-import { init as initStorage } from 'src/storage'
-import { isBrowser, target } from 'src/devtools/env'
+import {
+  stringify,
+  classify,
+  camelize,
+  set,
+  has,
+  parse,
+  getComponentName,
+  getCustomRefDetails
+} from '@utils/util'
+import SharedData, { init as initSharedData } from '@utils/shared-data'
+import { init as initStorage } from '@utils/storage'
+import { isBrowser, target } from '@utils/env'
 
 // hook should have been injected before this executes.
 const hook = target.__VUE_DEVTOOLS_GLOBAL_HOOK__

src/backend/hook.js renamed to packages/app-backend/src/hook.js

@@ -1,5 +1,5 @@
-import SharedData, { watch } from 'src/shared-data'
-import { getComponentName } from 'src/util'
+import SharedData, { watch } from '@utils/shared-data'
+import { getComponentName } from '@utils/util'
 
 const COMPONENT_HOOKS = [
   'beforeCreate',