@devolutions/web-recorder 0.1.0 → 0.2.0

package/close-codes.d.ts

@@ -0,0 +1,7 @@
+/**
+ * WebSocket close code a recorder sends when the user stops the recording.
+ *
+ * Devolutions Gateway then ends the recording at once, so live viewers see the end right away.
+ * Any other close keeps the recording open until its reconnection window passes.
+ */
+export declare const RECORDING_ENDED_CLOSE_CODE = 4011;

package/index.d.ts

@@ -1,5 +1,6 @@
 export type { AsciiCastV2Event, AsciiCastV2EventCode, AsciiCastV2Header, AsciiCastV2Message, AsciiCastV2RecorderOptions, } from './asciicast-v2-recorder';
 export { AsciiCastV2Recorder } from './asciicast-v2-recorder';
+export { RECORDING_ENDED_CLOSE_CODE } from './close-codes';
 export type { IRecordableSession } from './recordable-session';
 export type { WebMRecorderOptions, WebMRecorderTelemetryEvent } from './webm-recorder';
 export { WebMRecorder } from './webm-recorder';

package/index.js

@@ -1,7 +1,8 @@
 var g = Object.defineProperty;
 var m = (o, e, t) => e in o ? g(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var i = (o, e, t) => m(o, typeof e != "symbol" ? e + "" : e, t);
-class C {
+const T = 4011;
+class E {
   constructor(e) {
     i(this, "startTime", 0);
     i(this, "websocket", null);
@@ -62,13 +63,13 @@ class C {
     return u;
   }
   stop() {
-    this.internalStop();
+    this.internalStop(4011);
   }
-  internalStop() {
-    var t;
-    this.outputGeneration++, this.unsubscribeOutput && (this.unsubscribeOutput(), this.unsubscribeOutput = null), (t = this.settleStart) == null || t.call(this), this.settleStart = null;
-    const e = this.websocket;
-    this.websocket = null, e == null || e.close();
+  internalStop(e) {
+    var r;
+    this.outputGeneration++, this.unsubscribeOutput && (this.unsubscribeOutput(), this.unsubscribeOutput = null), (r = this.settleStart) == null || r.call(this), this.settleStart = null;
+    const t = this.websocket;
+    this.websocket = null, t == null || t.close(e);
   }
   onEvent(e, t) {
     const r = (Date.now() - this.startTime) / 1e3;
@@ -102,11 +103,11 @@ class b {
   send(e) {
     this.ws.readyState === WebSocket.CLOSING || this.ws.readyState === WebSocket.CLOSED || (this.ready ? this.ws.send(e) : this.queue.push(e));
   }
-  close() {
-    this.ready = !1, this.queue = [], this.ws.readyState !== WebSocket.CLOSING && this.ws.readyState !== WebSocket.CLOSED && this.ws.close();
+  close(e) {
+    this.ready = !1, this.queue = [], this.ws.readyState !== WebSocket.CLOSING && this.ws.readyState !== WebSocket.CLOSED && this.ws.close(e);
   }
 }
-const w = 8, v = 10;
+const v = 8, w = 10;
 class W {
   constructor(e = {}) {
     i(this, "mediaRecorder", null);
@@ -144,7 +145,7 @@ class W {
         this.mediaRecorder.stop();
         return;
       }
-      (e = this.resolveStart) == null || e.call(this), this.resolveStart = null, this.rejectStart = null, this.closeWebSocket(), this.cleanupResources(), this.fireTelemetry("recording-stopped");
+      (e = this.resolveStart) == null || e.call(this), this.resolveStart = null, this.rejectStart = null, this.closeWebSocket(4011), this.cleanupResources(), this.fireTelemetry("recording-stopped");
     }
   }
   // Initialize canvas capture stream
@@ -152,7 +153,7 @@ class W {
     if (!e)
       return console.error("[WebMRecorder] Canvas element is null"), !1;
     try {
-      this.stream = e.captureStream(w);
+      this.stream = e.captureStream(v);
     } catch (t) {
       return console.error("Failed to initialize canvas capture:", t), !1;
     }
@@ -182,7 +183,7 @@ class W {
     }
     try {
       const r = new MediaRecorder(this.stream, { mimeType: "video/webm" });
-      this.mediaRecorder = r, r.onstart = this.handleMediaRecorderStart.bind(this), r.ondataavailable = this.handleMediaRecorderDataAvailable.bind(this), r.onstop = this.handleMediaRecorderStop.bind(this), r.onerror = this.handleMediaRecorderError.bind(this), r.start(v);
+      this.mediaRecorder = r, r.onstart = this.handleMediaRecorderStart.bind(this), r.ondataavailable = this.handleMediaRecorderDataAvailable.bind(this), r.onstop = this.handleMediaRecorderStop.bind(this), r.onerror = this.handleMediaRecorderError.bind(this), r.start(w);
     } catch (r) {
       console.error("[WebMRecorder] Failed to start MediaRecorder:", r), this.isStarting = !1, (t = this.rejectStart) == null || t.call(this, "UnableToStartRecording"), this.resolveStart = null, this.rejectStart = null, this.closeWebSocket(), this.cleanupResources();
     }
@@ -234,9 +235,8 @@ class W {
   }
   handleMediaRecorderStop() {
     var t, r;
-    this.closeWebSocket();
     const e = this.pendingError;
-    e ? (t = this.rejectStart) == null || t.call(this, e) : (r = this.resolveStart) == null || r.call(this), this.resolveStart = null, this.rejectStart = null, this.cleanupResources(), e || this.fireTelemetry("recording-stopped");
+    this.closeWebSocket(e ? void 0 : 4011), e ? (t = this.rejectStart) == null || t.call(this, e) : (r = this.resolveStart) == null || r.call(this), this.resolveStart = null, this.rejectStart = null, this.cleanupResources(), e || this.fireTelemetry("recording-stopped");
   }
   handleMediaRecorderError(e) {
     console.error("[WebMRecorder] MediaRecorder encountered an error:", e), !this.isCleaningUp && (this.isCleaningUp = !0, this.stopKeepalive(), this.pendingError = "UnableToStartRecording", this.mediaRecorder && this.mediaRecorder.state !== "inactive" && this.mediaRecorder.stop());
@@ -255,11 +255,12 @@ class W {
   stopKeepalive() {
     this.keepaliveRaf !== null && (cancelAnimationFrame(this.keepaliveRaf), this.keepaliveRaf = null);
   }
-  closeWebSocket() {
-    this.ws && (this.ws.onclose = null, this.ws.onerror = null, (this.ws.readyState === WebSocket.OPEN || this.ws.readyState === WebSocket.CONNECTING) && this.ws.close());
+  closeWebSocket(e) {
+    this.ws && (this.ws.onclose = null, this.ws.onerror = null, (this.ws.readyState === WebSocket.OPEN || this.ws.readyState === WebSocket.CONNECTING) && this.ws.close(e));
   }
 }
 export {
-  C as AsciiCastV2Recorder,
+  E as AsciiCastV2Recorder,
+  T as RECORDING_ENDED_CLOSE_CODE,
   W as WebMRecorder
 };

package/package.json

@@ -1,31 +1,31 @@
-{
-  "name": "@devolutions/web-recorder",
-  "version": "0.1.0",
-  "description": "Framework-agnostic browser session-recording capture (WebM video + asciicast terminal) for Devolutions Gateway jrec push",
-  "type": "module",
-  "main": "./index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./index.js",
-      "types": "./index.d.ts"
-    }
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Devolutions/devolutions-gateway.git"
-  },
-  "keywords": [
-    "recording",
-    "session-recording",
-    "webm",
-    "asciicast",
-    "capture",
-    "media-recorder"
-  ],
-  "license": "MIT OR Apache-2.0",
-  "publishConfig": {
-    "access": "public"
-  }
-}
+{
+  "name": "@devolutions/web-recorder",
+  "version": "0.2.0",
+  "description": "Framework-agnostic browser session-recording capture (WebM video + asciicast terminal) for Devolutions Gateway jrec push",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "types": "./index.d.ts"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Devolutions/devolutions-gateway.git"
+  },
+  "keywords": [
+    "recording",
+    "session-recording",
+    "webm",
+    "asciicast",
+    "capture",
+    "media-recorder"
+  ],
+  "license": "MIT OR Apache-2.0",
+  "publishConfig": {
+    "access": "public"
+  }
+}