feat: enable open in editor from chrome devtools

package.json

@@ -101,6 +101,7 @@
     "@stagas/chalk": "5.0.0",
     "decarg": "^1.2.0",
     "github-markdown-css": "5.1.0",
+    "open-in-editor-connect": "1.0.0",
     "qrcode-terminal": "0.12.0",
     "running-at": "0.3.22",
     "vite": "2.8.6",

src/index.ts

@@ -2,6 +2,7 @@ import commonjs from '@rollup/plugin-commonjs'
 import chalk from '@stagas/chalk'
 import { arg } from 'decarg'
 import * as fs from 'fs'
+import openInEditor from 'open-in-editor-connect'
 import * as path from 'path'
 import qrcode from 'qrcode-terminal'
 import { InlineConfig as ViteConfig, mergeConfig, ViteDevServer } from 'vite'
@@ -246,6 +247,10 @@ export const open = async (options: Partial<Options>): Promise<ViteServer> => {
       {
         name: 'configure-server',
         configureServer(server: ViteDevServer) {
+          server.middlewares.use(openInEditor('.', {
+            editor: { name: 'code' },
+          }))
+
           server.middlewares.use((req, res, next) => {
             res.setHeader('Cross-Origin-Opener-Policy', 'same-origin')
             res.setHeader('Cross-Origin-Embedder-Policy', 'require-corp')

types/modules.d.ts

@@ -1,6 +1,8 @@
 // ambient types like:
 declare module 'qrcode-terminal'
 
+declare module 'open-in-editor-connect'
+
 declare module '*.md' {
   // "unknown" would be more detailed depends on how you structure frontmatter
   const attributes: Record<string, unknown>