Feat/devtools option (#33)

* feat: add devtools flag

* chore: adding changeset

* chore: update changeset

.changeset/dull-candles-exercise.md

@@ -0,0 +1,6 @@
+---
+"@heymp/scratchpad": minor
+---
+
+Open devtools automatically with cli flag. Use the `--devtools` flag
+to enable the devtools in the browser.

bin/cli.js

@@ -16,6 +16,7 @@ const program = new Command();
 program
   .argument('<file>', 'file to execute in the browser.')
   .option('--headless [boolean]', 'specify running the browser in headless mode.')
+  .option('--devtools [boolean]', 'open browser devtools automatically.')
   .option('--url [string]', 'specify a specific url to execute the code in.')
   .version(pkg.version)
 program.parse(process.argv);
@@ -28,6 +29,7 @@ class Processor extends EventTarget {
     super();
     this.url = opts['url'];
     this.headless = opts['headless'];
+    this.devtools = opts['devtools'];
     this._func = '';
     this.watcher();
     browser(this);
@@ -54,7 +56,6 @@ class Processor extends EventTarget {
   }
 
   async build() {
-    console.log('build')
     try {
       if (file.endsWith('.ts')) {
         const { outputFiles: [stdout]} = await esbuild.build({

src/browser.js

@@ -19,8 +19,8 @@ function nodelog(value) {
 export async function browser(processor) {
   // Launch the browser
   const browser = await playwright['chromium'].launch({
-    headless: processor.headless,
-    devtools: true
+    headless: !!processor.headless,
+    devtools: !!processor.devtools
   });
   const context = await browser.newContext();
   const page = await context.newPage();