@digipair/skill-web-heygen 0.90.0 → 0.91.0-0

package/.swcrc

@@ -0,0 +1,28 @@
+{
+  "jsc": {
+    "target": "es2017",
+    "parser": {
+      "syntax": "typescript",
+      "decorators": true,
+      "dynamicImport": true
+    },
+    "transform": {
+      "decoratorMetadata": true,
+      "legacyDecorator": true
+    },
+    "keepClassNames": true,
+    "externalHelpers": true,
+    "loose": true
+  },
+  "module": {
+    "type": "es6"
+  },
+  "sourceMaps": true,
+  "exclude": [
+    "jest.config.ts",
+    ".*\\.spec.tsx?$",
+    ".*\\.test.tsx?$",
+    "./src/jest-setup.ts$",
+    "./**/jest-setup.ts$"
+  ]
+}

package/README.md

@@ -0,0 +1,7 @@
+# mylib
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build mylib` to build the library.

package/eslint.config.mjs

@@ -0,0 +1,22 @@
+import baseConfig from '../../eslint.config.mjs';
+
+export default [
+  ...baseConfig,
+  {
+    files: ['**/*.json'],
+    rules: {
+      '@nx/dependency-checks': [
+        'error',
+        {
+          ignoredFiles: [
+            '{projectRoot}/eslint.config.{js,cjs,mjs}',
+            '{projectRoot}/rollup.config.{js,ts,mjs,mts,cjs,cts}',
+          ],
+        },
+      ],
+    },
+    languageOptions: {
+      parser: await import('jsonc-eslint-parser'),
+    },
+  },
+];

package/package.json

@@ -1,12 +1,28 @@
 {
   "name": "@digipair/skill-web-heygen",
-  "version": "0.90.0",
+  "version": "0.91.0-0",
+  "type": "module",
+  "main": "dist/libs/skill-web-heygen/index.cjs.js",
+  "module": "dist/libs/skill-web-heygen/index.esm.js",
+  "types": "dist/libs/skill-web-heygen/index.esm.d.ts",
+  "exports": {
+    "./package.json": "./libs/skill-web-heygen/package.json",
+    ".": {
+      "development": "./dist/libs/skill-web-heygen/src/index.ts",
+      "types": "./dist/libs/skill-web-heygen/index.esm.d.ts",
+      "import": "./dist/libs/skill-web-heygen/index.esm.js",
+      "default": "./dist/libs/skill-web-heygen/index.cjs.js"
+    }
+  },
   "keywords": [
     "digipair",
     "web",
     "util"
   ],
-  "dependencies": {},
-  "main": "./index.cjs.js",
-  "module": "./index.esm.js"
-}
+  "nx": {
+    "name": "skill-web-heygen"
+  },
+  "dependencies": {
+    "@digipair/engine": "0.91.0-0"
+  }
+}

package/rollup.config.cjs

@@ -0,0 +1,28 @@
+const { withNx } = require('@nx/rollup/with-nx');
+
+module.exports = withNx(
+  {
+    main: 'libs/skill-web-heygen/src/index.ts',
+    outputPath: 'dist/libs/skill-web-heygen',
+    tsConfig: 'libs/skill-web-heygen/tsconfig.lib.json',
+    compiler: 'swc',
+    format: ['esm', "cjs"],
+    assets: [
+      {
+        input: 'libs/skill-web-heygen/',
+        glob: 'package.json',
+        output: '.'
+      },
+      {
+        input: 'libs/skill-web-heygen/src/',
+        glob: '*.json',
+        output: '.'
+      }
+    ]
+  },
+  {
+    // Provide additional rollup configuration here. See: https://rollupjs.org/configuration-options
+    // e.g.
+    // output: { sourcemap: true },
+  }
+);

package/src/lib/skill-web-heygen.spec.ts

@@ -0,0 +1,7 @@
+import { skillWebHeygen } from './skill-web-heygen';
+
+describe('skillWebHeygen', () => {
+  it('should work', () => {
+    expect(skillWebHeygen()).toEqual('skill-web-heygen');
+  });
+});

package/src/lib/skill-web-heygen.ts

@@ -0,0 +1,87 @@
+import { html, LitElement } from 'lit';
+import { customElement, query, property } from 'lit/decorators.js';
+
+@customElement('digipair-heygen')
+export class HeygenElement extends LitElement {
+  @property()
+  videoStyle = '';
+
+  @query('video') mediaElement!: HTMLVideoElement;
+
+  private peerConnection!: RTCPeerConnection;
+
+  private updateStatus(status: string, data?: any) {
+    this.dispatchEvent(new CustomEvent('status', { detail: { status, data } }));
+  }
+
+  async start(sessionInfo: any) {
+    this.updateStatus('SESSION_CREATING');
+
+    // call the new interface to get the server's offer SDP and ICE server to create a new RTCPeerConnection
+    const { sdp: serverSdp, ice_servers2: iceServers } = sessionInfo;
+
+    // Create a new RTCPeerConnection
+    this.peerConnection = new RTCPeerConnection({ iceServers: iceServers });
+
+    // When audio and video streams are received, display them in the video element
+    this.peerConnection.ontrack = event => {
+      if (event.track.kind === 'audio' || event.track.kind === 'video') {
+        this.mediaElement.srcObject = event.streams[0];
+      }
+    };
+
+    // When receiving a message, display it in the status element
+    this.peerConnection.ondatachannel = (event: any) => {
+      const dataChannel = event.channel;
+      dataChannel.onmessage = (message: any) => {
+        this.dispatchEvent(new CustomEvent('message', { detail: { message: message.data } }));
+      };
+    };
+
+    // Set server's SDP as remote description
+    const remoteDescription = new RTCSessionDescription(serverSdp);
+    await this.peerConnection.setRemoteDescription(remoteDescription);
+
+    this.updateStatus('SESSION_CREATED');
+
+    // Create and set local SDP description
+    const localDescription = await this.peerConnection.createAnswer();
+    await this.peerConnection.setLocalDescription(localDescription);
+
+    // When ICE candidate is available, send to the server
+    this.peerConnection.onicecandidate = ({ candidate }) => {
+      if (candidate) {
+        this.dispatchEvent(
+          new CustomEvent('icecandidate', {
+            detail: { sessionId: sessionInfo.session_id, candidate: candidate.toJSON() },
+          }),
+        );
+      }
+    };
+
+    // When ICE connection state changes, display the new state
+    this.peerConnection.oniceconnectionstatechange = (event: any) => {
+      this.updateStatus('ICE_CONNECTION_STATE_CHANGED', this.peerConnection.iceConnectionState);
+    };
+
+    var receivers = this.peerConnection.getReceivers();
+
+    receivers.forEach((receiver: any) => {
+      receiver.jitterBufferTarget = 500;
+    });
+
+    this.updateStatus('SESSION_STARTED');
+
+    // Return the local SDP to the server
+    return { sessionId: sessionInfo.session_id, sdp: localDescription };
+  }
+
+  async stop() {
+    this.peerConnection.close();
+    this.updateStatus('SESSION_STOPPED');
+  }
+
+  override render() {
+    return html` <video style=${this.videoStyle} autoplay></video> `;
+  }
+}

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "../engine"
+    },
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}

package/tsconfig.lib.json

@@ -0,0 +1,19 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "outDir": "dist",
+    "tsBuildInfoFile": "dist/tsconfig.lib.tsbuildinfo",
+    "emitDeclarationOnly": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "forceConsistentCasingInFileNames": true,
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts"],
+  "references": [
+    {
+      "path": "../engine/tsconfig.lib.json"
+    }
+  ]
+}

package/index.cjs.d.ts

@@ -1 +0,0 @@
-export * from "./src/index";