@browsersync/bslive 0.0.7 → 0.0.13

package/crates/bsnext_client/inject/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@browsersync/bslive-inject",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build": "esbuild src/index.ts --bundle --outdir=dist --format=esm"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}

package/crates/bsnext_client/inject/src/console.ts

@@ -0,0 +1,25 @@
+import {Observable, Subject} from "rxjs";
+
+export enum Level {
+  Trace = "Trace",
+  Debug = "Debug",
+  Info = "Info",
+  Error = "Error",
+}
+
+export interface ConsoleEvent {
+  level: Level,
+  text: string
+}
+
+export function createLRConsoleObserver(): [Subject<ConsoleEvent>, Pick<typeof console, "log">] {
+  const subject = new Subject<ConsoleEvent>;
+  return [subject, {
+    log: function (...data: any[]): void {
+      subject.next({
+        level: Level.Debug,
+        text: data.join('\n')
+      });
+    },
+  }]
+}

package/crates/bsnext_client/inject/src/index.ts

@@ -0,0 +1,73 @@
+// @ts-ignore
+import {Reloader} from "livereload-js/src/reloader.js";
+// @ts-ignore
+import {Timer} from "livereload-js/src/timer.js";
+
+import {webSocket} from "rxjs/webSocket";
+import {retry} from "rxjs";
+import {clientEventSchema} from "../../generated/schema.js";
+import {ChangeDTO, ClientEvent} from "../../generated/dto";
+import {createLRConsoleObserver, Level} from "./console";
+
+const [consoleSubject, consoleApi] = createLRConsoleObserver();
+
+const r = new Reloader(window, consoleApi, Timer);
+const url = new URL(window.location.href);
+url.protocol = url.protocol === 'http:' ? 'ws' : 'wss';
+url.pathname = '/__bs_ws'
+const socket = webSocket<ClientEvent>(url.href);
+
+socket
+  .pipe(retry({delay: 5000}))
+  .subscribe(m => {
+    console.log(JSON.stringify(m, null, 2))
+    const parsed = clientEventSchema.parse(m);
+    switch (parsed.kind) {
+      case "Change": {
+        changedPath(parsed.payload);
+        break;
+      }
+      default: {
+        console.warn("unhandled client event")
+      }
+    }
+  })
+
+function changedPath(change: ChangeDTO) {
+  switch (change.kind) {
+    case "FsMany": {
+      // todo: if this collection of events contains
+      // anything that will cause a refresh, just do it immediately
+      for (let changeDTO of change.payload) {
+        changedPath(changeDTO);
+      }
+      break
+    }
+    case "Fs": {
+      let path = change.payload.path;
+      r.reload(path, {
+        liveCSS: true,
+        liveImg: true,
+        reloadMissingCSS: false,
+        originalPath: '',
+        overrideURL: '',
+        serverURL: ``,
+      })
+    }
+  }
+}
+
+consoleSubject.subscribe(evt => {
+  switch (evt.level) {
+    case Level.Trace:
+      break;
+    case Level.Debug:
+      console.log('[debug]', evt.text)
+      break;
+    case Level.Info:
+      break;
+    case Level.Error:
+      break;
+  }
+})
+