Rework to tsup and publishing

packages/frontend-sdk/.gitignore

@@ -0,0 +1 @@
+dist

packages/frontend-sdk/index.ts

@@ -1,2 +1,4 @@
-export {GrabberPlayerClient} from "./lib/grabber_player"
-export {GrabberSocket} from "./lib/sockets"
+export * from './lib/grabber_capture';
+export * from './lib/grabber_player';
+export * from './lib/sockets';
+export * from './lib/util';

packages/frontend-sdk/lib/api.ts

@@ -0,0 +1,4 @@
+export type StreamType = "desktop" | "webcam";
+
+export type IOfferReceiveResponder = (playerId: string, offer: string, streamType: StreamType) => Promise<string>;
+

packages/frontend-sdk/lib/grabber_capture.ts

@@ -1,9 +1,12 @@
 import {GrabberSocket} from "./sockets";
+import {IOfferReceiveResponder, StreamType} from "./api";
 
 export class GrabberCaptureClient { // FIXME inherit from the other client
     private peerName: string;
     public target: EventTarget; // FIXME: make this private and make proper on function
     private socket: GrabberSocket<any>;
+    private offerReceiveResponder?: IOfferReceiveResponder;
+
     constructor(peerName: string, signallingUrl?: string) {
         this.peerName = peerName;
         this.target = new EventTarget();
@@ -20,6 +23,11 @@ export class GrabberCaptureClient { // FIXME inherit from the other client
             this.target.dispatchEvent(new CustomEvent('init_peer', {detail: {pcConfig, pingInterval}}));
         };
         const offer_handle = async ({offer: {peerId, offer, streamType}}: any) => { // FIXME: remove once proper types are implemented
+            // if (this.offerReceiveResponder === undefined) {
+            //     console.warn("Got an incomming call, even though onOfferReceived is not called.");
+            //     return;
+            // }
+            // await this.offerReceiveResponder(peerId, offer, streamType);
             this.target.dispatchEvent(new CustomEvent('offer', {detail: {playerId: peerId, offer, streamType}}));
         }
         const player_ice_handle = async ({ice: {peerId, candidate}}: any) => { // FIXME: remove once proper types are implemented
@@ -31,15 +39,19 @@ export class GrabberCaptureClient { // FIXME inherit from the other client
         this.socket.on("player_ice", player_ice_handle);
     }
 
-    send_ping(connectionsCount: number, streamTypes: string[]) {
+    onOfferReceived(getAnswer: IOfferReceiveResponder) {
+        this.offerReceiveResponder = getAnswer;
+    }
+
+    sendPing(connectionsCount: number, streamTypes: string[]) {
         this.socket.emit("ping", {ping: {connectionsCount: connectionsCount, streamTypes: streamTypes}});
     }
 
-    send_offer_answer(playerId: string, answer: string) {
+    sendOfferAnswer(playerId: string, answer: string) {
         this.socket.emit("offer_answer", {offerAnswer: {peerId: playerId, answer}});
     }
 
-    send_grabber_ice(peerId: string, candidate: string) {
+    sendGrabberICE(peerId: string, candidate: string) {
         this.socket.emit("grabber_ice", {ice: {peerId, candidate}});
     }
 }

packages/frontend-sdk/package.json

@@ -1,10 +1,26 @@
 {
   "name": "webrtc-grabber-sdk",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "SDK for creating and playing streams for webrtc-grabber",
-  "main": "index.ts",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "target": ["node18", "es2020"],
+  "tsup": {
+    "entry": [
+      "index.ts"
+    ],
+    "target": ["node18", "es2020"],
+    "splitting": false,
+    "sourcemap": true,
+    "clean": true,
+    "dts": true,
+    "format": ["cjs", "esm"]
+  },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "tsup",
+    "dev": "tsup --watch"
   },
   "repository": {
     "type": "git",
@@ -19,5 +35,8 @@
   "bugs": {
     "url": "https://github.com/irdkwmnsb/webrtc-grabber/issues"
   },
-  "homepage": "https://github.com/irdkwmnsb/webrtc-grabber#readme"
+  "homepage": "https://github.com/irdkwmnsb/webrtc-grabber#readme",
+  "devDependencies": {
+    "tsup": "^8.0.1"
+  }
 }

packages/frontend/pages/capture/capture.ts

@@ -1,4 +1,4 @@
-import {GrabberCaptureClient} from "webrtc-grabber-sdk/lib/grabber_capture";
+import {GrabberCaptureClient} from "webrtc-grabber-sdk";
 
 const webcamConstraint = {aspectRatio: 16 / 9};
 const webcamAudioConstraint = true;

packages/frontend/pages/index/index.ts

@@ -1,5 +1,5 @@
-import {GrabberPlayerClient} from "webrtc-grabber-sdk/lib/grabber_player";
-import {requireAuth} from "webrtc-grabber-sdk/lib/util";
+import {GrabberPlayerClient} from "webrtc-grabber-sdk";
+import {requireAuth} from "webrtc-grabber-sdk";
 
 let curGrabberId = null;
 let selectedParticipantName: string | null = null;

packages/frontend/pages/player/player.ts

@@ -1,4 +1,4 @@
-import {GrabberPlayerClient} from "webrtc-grabber-sdk/lib/grabber_player";
+import {GrabberPlayerClient} from "webrtc-grabber-sdk";
 
 const extractPlayerArguments = () => {
     const params = new URLSearchParams(window.location.search);