�standalone devtools for debugging remotely (#27)

* wip

* fix asset name

* remove standalone and fix action

* fix typo

Author: hyp3rflow

.github/workflows/build-zip.yml

@@ -13,9 +13,15 @@ jobs:
           node-version: "16"
       - run: |-
           yarn
-          yarn browser build
-          yarn browser zip
+          yarn build
+          yarn zip
       - uses: shogo82148/actions-upload-release-asset@v1
         with:
           upload_url: ${{ github.event.release.upload_url }}
           asset_path: packages/browser-extension/dist.zip
+          asset_name: browser-extension.zip
+      - uses: shogo82148/actions-upload-release-asset@v1
+        with:
+          upload_url: ${{ github.event.release.upload_url }}
+          asset_path: packages/standalone-webview/dist.zip
+          asset_name: standalone-webview.zip

.pnp.cjs

@@ -3,11 +3,14 @@
   "description": "pbkit DevTools",
   "packageManager": "yarn@3.2.1",
   "workspaces": [
-    "packages/browser-extension"
+    "packages/browser-extension",
+    "packages/standalone-webview"
   ],
   "scripts": {
-    "browser": "yarn workspace @pbkit-devtools/browser-extension",
-    "build": "yarn workspaces foreach -pt -j unlimited run build"
+    "browser": "yarn workspace browser-extension",
+    "standalone": "yarn workspace standalone-webview",
+    "build": "yarn workspaces foreach -pt -j unlimited run build",
+    "zip": "yarn workspaces foreach -pt -j unlimited run zip"
   },
   "devDependencies": {
     "typescript": "^4.7.4"

package.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -15,5 +19,13 @@
     "isolatedModules": true,
     "jsx": "preserve"
   },
-  "include": ["./next-env.d.ts", "**/*.d.ts", "**/*.ts", "**/*.tsx"]
+  "include": [
+    "./next-env.d.ts",
+    "**/*.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }

packages/browser-extension/tsconfig.json

@@ -0,0 +1,7 @@
+# next.js
+/.next/
+/out/
+
+# production
+/dist
+/dist.zip

packages/standalone-webview/.gitignore

@@ -0,0 +1,5 @@
+# standalone-webview
+
+```sh
+yarn build && yarn zip
+```

packages/standalone-webview/README.md

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

packages/standalone-webview/next-env.d.ts

@@ -0,0 +1,5 @@
+/** @type {import('next').NextConfig} */
+module.exports = {
+  basePath: process.env.BASE_PATH || "",
+  pageExtensions: ["page.tsx"],
+};

packages/standalone-webview/next.config.js

@@ -0,0 +1,25 @@
+{
+  "name": "standalone-webview",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build && next export -o dist && rsync -a public/ dist",
+    "zip": "cd dist && zip -r ../dist.zip ."
+  },
+  "dependencies": {
+    "@types/chrome": "^0.0.171",
+    "@types/node": "^17.0.0",
+    "@types/react": "17.0.26",
+    "flexlayout-react": "^0.7.3",
+    "jotai": "^1.4.8",
+    "next": "11.1.2",
+    "normalize.css": "^8.0.1",
+    "open-color": "^1.9.1",
+    "pbkit": "^0.0.41",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-json-view": "^1.21.3",
+    "react-select": "^5.3.2",
+    "sass": "^1.45.0",
+    "typescript": "^4.7.4"
+  }
+}