Feat/playwright (#29)

* chore: bump node version

* feat: migrate to playwright

* chore: add async generator example

* chore: update package.json

* chore: add changeset

.changeset/rude-berries-rescue.md

@@ -0,0 +1,5 @@
+---
+"@heymp/scratchpad": major
+---
+
+Migrate to Playwright

.nvmrc

@@ -1 +1 @@
-v18.16.0
+v20.11.1

bin/cli.js

@@ -27,7 +27,7 @@ class Processor extends EventTarget {
   constructor() {
     super();
     this.url = opts['url'];
-    this.headless = 'headless' in opts ? 'new' : false
+    this.headless = opts['headless'];
     this._func = '';
 
     if (file.endsWith('.ts')) {
@@ -51,7 +51,14 @@ class Processor extends EventTarget {
 
   startTsWatcher() {
     // start a watcher
-    const tscCommand = spawn('npx', ['tsc', file, '-w', '--outFile', '/dev/stdout'], { cwd: process.cwd() });
+    const tscCommand = spawn('npx', [
+      'tsc', file,
+      '-w',
+      '--outFile',
+      '/dev/stdout',
+      '--target',
+      'esnext',
+    ], { cwd: process.cwd() });
     tscCommand.stdout.on('data', data => {
       const output = data.toString();
       if (output.includes('Starting') || output.includes('Watching for file changes')) {

examples/eventBus.ts

@@ -0,0 +1,39 @@
+/// <reference path="../types.d.ts" />
+clear();
+
+class EventBusMessage extends Event {
+  constructor(public data: any) {
+    super('message');
+  }
+}
+
+class EventBus extends EventTarget {
+  constructor() {
+    super();
+  }
+  emit(event: any, data: any) {
+    this.dispatchEvent(new EventBusMessage({ event, data }));
+  }
+}
+
+const eventBus = new EventBus();
+
+function* eventBusGenerator() {
+  while (true) {
+    window.promise = new Promise(resolve => eventBus.addEventListener('message', (e) => resolve(e), { once: true }));
+    yield window.promise; 
+  }
+}
+
+setInterval(() => {
+  eventBus.emit('tick', Date.now());
+}, 1000);
+
+let i = 0;
+for await (const message of eventBusGenerator()) {
+  if (i > 5) break;
+  i++;
+  log(message);
+}
+
+log('complete', window.promise);