npm - node-datachannel - Versions diffs - 0.4.2 → 0.5.0-dev - Mend

node-datachannel 0.4.2 → 0.5.0-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (409) hide show

package/examples/electron-demo/package.json ADDED Viewed

@@ -0,0 +1,43 @@
+{
+    "name": "electron-demo",
+    "productName": "electron-demo",
+    "version": "1.0.0",
+    "description": "My Electron application description",
+    "main": ".webpack/main",
+    "scripts": {
+        "start": "electron-forge start",
+        "package": "electron-forge package",
+        "make": "electron-forge make",
+        "publish": "electron-forge publish",
+        "lint": "echo \"No linting configured\""
+    },
+    "keywords": [],
+    "author": {
+        "name": "Murat Dogan",
+        "email": "doganmurat@gmail.com"
+    },
+    "license": "MIT",
+    "devDependencies": {
+        "@electron-forge/cli": "^6.4.2",
+        "@electron-forge/maker-deb": "^6.4.2",
+        "@electron-forge/maker-rpm": "^6.4.2",
+        "@electron-forge/maker-squirrel": "^6.4.2",
+        "@electron-forge/maker-zip": "^6.4.2",
+        "@electron-forge/plugin-auto-unpack-natives": "^6.4.2",
+        "@electron-forge/plugin-webpack": "^6.4.2",
+        "@electron/rebuild": "^3.3.0",
+        "@vercel/webpack-asset-relocator-loader": "^1.7.3",
+        "css-loader": "^6.8.1",
+        "electron": "26.2.0",
+        "node-loader": "^2.0.0",
+        "style-loader": "^3.3.3"
+    },
+    "dependencies": {
+        "electron-squirrel-startup": "^1.0.0",
+        "node-datachannel": "0.5.0"
+    },
+    "cmake-js": {
+        "runtime": "electron",
+        "runtimeVersion": "26.2.0"
+    }
+}

package/examples/electron-demo/src/index.css ADDED Viewed

@@ -0,0 +1,7 @@
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
+    Arial, sans-serif;
+  margin: auto;
+  max-width: 38rem;
+  padding: 2rem;
+}

package/examples/electron-demo/src/index.html ADDED Viewed

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>node-datachannel Demo</title>
+  </head>
+  <body>
+    <h1>node-datachannel Demo</h1>
+    <h2>My ID: <span id="my-id"></span></h2>
+    <br />
+    <!-- Text box -->
+    <input id="remote-id" type="text" placeholder="Remote ID" />
+    <button onclick="connect()" id="connect">Connect</button>
+    <br />
+    <p>Status: <span id="state">disconnected</span></p>
+    <br />
+    <br />
+    <h2>Messages</h2>
+    <input id="new-message" type="text" placeholder="Message to Send" width="100px"/>
+    <button onclick="sendMessage()">Send</button>
+    <br />
+    <br />
+    <input id="sendRandom" type="checkbox" onclick="sendRandomMessage()">Send Random Messages</input> Every <input id="randomInterval" type="number" value="1000" min="1" step="100" /> ms
+    <br />
+    <br />
+    <textarea id="messages" rows="10" cols="80" readonly></textarea>
+  </body>
+</html>

package/examples/electron-demo/src/main.js ADDED Viewed

@@ -0,0 +1,53 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const { app, BrowserWindow } = require('electron');
+const { run } = require('./node-datachannel.js');
+// Handle creating/removing shortcuts on Windows when installing/uninstalling.
+if (require('electron-squirrel-startup')) {
+    app.quit();
+}
+const createWindow = () => {
+    // Create the browser window.
+    const mainWindow = new BrowserWindow({
+        width: 800,
+        height: 600,
+        webPreferences: {
+            preload: MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY,
+        },
+    });
+    // and load the index.html of the app.
+    mainWindow.loadURL(MAIN_WINDOW_WEBPACK_ENTRY);
+    // Open the DevTools.
+    mainWindow.webContents.openDevTools();
+    run(mainWindow);
+};
+// This method will be called when Electron has finished
+// initialization and is ready to create browser windows.
+// Some APIs can only be used after this event occurs.
+app.on('ready', createWindow);
+// Quit when all windows are closed, except on macOS. There, it's common
+// for applications and their menu bar to stay active until the user quits
+// explicitly with Cmd + Q.
+app.on('window-all-closed', () => {
+    if (process.platform !== 'darwin') {
+        app.quit();
+    }
+});
+app.on('activate', () => {
+    // On OS X it's common to re-create a window in the app when the
+    // dock icon is clicked and there are no other windows open.
+    if (BrowserWindow.getAllWindows().length === 0) {
+        createWindow();
+    }
+});
+// In this file you can include the rest of your app's specific main process
+// code. You can also put them in separate files and import them here.

package/examples/electron-demo/src/node-datachannel.js ADDED Viewed

@@ -0,0 +1,123 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const nodeDataChannel = require('node-datachannel');
+const WebSocket = require('ws');
+const { ipcMain } = require('electron');
+export function run(mainWindow) {
+    nodeDataChannel.initLogger('Debug');
+    nodeDataChannel.preload();
+    // My ID
+    let myId = getRandomString(4);
+    let _remoteId = '';
+    mainWindow.webContents.send('my-id', myId);
+    // PeerConnection Map
+    const pcMap = {};
+    const dcMap = {};
+    // Signaling Server
+    const WS_URL = process.env.WS_URL || 'ws://localhost:8000';
+    const ws = new WebSocket(WS_URL + '/' + myId, {
+        perMessageDeflate: false,
+    });
+    ws.on('open', () => {
+        console.log('WebSocket connected, signaling ready');
+    });
+    ws.on('error', (err) => {
+        console.log('WebSocket Error: ', err);
+    });
+    ws.on('message', (msgStr) => {
+        let msg = JSON.parse(msgStr);
+        switch (msg.type) {
+            case 'offer':
+                _remoteId = msg.id;
+                mainWindow.webContents.send('connect', _remoteId);
+                createPeerConnection(msg.id);
+                pcMap[msg.id].setRemoteDescription(msg.description, msg.type);
+                break;
+            case 'answer':
+                pcMap[msg.id].setRemoteDescription(msg.description, msg.type);
+                break;
+            case 'candidate':
+                pcMap[msg.id].addRemoteCandidate(msg.candidate, msg.mid);
+                break;
+            default:
+                break;
+        }
+    });
+    ipcMain.on('connect', (e, remoteId) => {
+        _remoteId = remoteId;
+        createPeerConnection(remoteId);
+        dcMap[remoteId] = pcMap[remoteId].createDataChannel('chat');
+        dcMap[remoteId].onOpen(() => {
+            mainWindow.webContents.send('message', remoteId, '[DataChannel opened]');
+        });
+        dcMap[remoteId].onMessage((msg) => {
+            console.log('Message from ' + remoteId + ' received:', msg);
+            // Add message to textarea
+            mainWindow.webContents.send('message', remoteId, msg);
+        });
+    });
+    ipcMain.on('send-message', (e, remoteId, msg) => {
+        dcMap[remoteId].sendMessage(msg);
+    });
+    let intervalref = null;
+    ipcMain.on('send-random-message', (e, enabled, interval) => {
+        if (intervalref) clearInterval(intervalref);
+        if (!enabled) return;
+        intervalref = setInterval(() => {
+            if (_remoteId && _remoteId.length > 2) {
+                let msg = getRandomString(10);
+                mainWindow.webContents.send('message', 'me', msg);
+                dcMap[_remoteId].sendMessage(msg);
+            }
+        }, interval);
+    });
+    function createPeerConnection(peerId) {
+        // Create PeerConnection
+        let peerConnection = new nodeDataChannel.PeerConnection(myId, { iceServers: ['stun:stun.l.google.com:19302'] });
+        peerConnection.onStateChange((state) => {
+            console.log('State: ', state);
+            // set state value
+            mainWindow.webContents.send('state-update', state);
+        });
+        peerConnection.onGatheringStateChange((state) => {
+            console.log('GatheringState: ', state);
+        });
+        peerConnection.onLocalDescription((description, type) => {
+            ws.send(JSON.stringify({ id: peerId, type, description }));
+        });
+        peerConnection.onLocalCandidate((candidate, mid) => {
+            ws.send(JSON.stringify({ id: peerId, type: 'candidate', candidate, mid }));
+        });
+        peerConnection.onDataChannel((dc) => {
+            console.log('DataChannel from ' + peerId + ' received with label "', dc.getLabel() + '"');
+            mainWindow.webContents.send('message', peerId, '[DataChannel opened]');
+            dcMap[peerId] = dc;
+            dc.onMessage((msg) => {
+                console.log('Message from ' + peerId + ' received:', msg);
+                // Add message to textarea
+                mainWindow.webContents.send('message', peerId, msg);
+            });
+        });
+        pcMap[peerId] = peerConnection;
+    }
+    function getRandomString(length) {
+        return Math.random()
+            .toString(36)
+            .substring(2, 2 + length);
+    }
+}

package/examples/electron-demo/src/preload.js ADDED Viewed

@@ -0,0 +1,28 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+// See the Electron documentation for details on how to use preload scripts:
+// https://www.electronjs.org/docs/latest/tutorial/process-model#preload-scripts
+const { contextBridge, ipcRenderer } = require('electron');
+contextBridge.exposeInMainWorld('electron', {
+    connect: (remoteId) => ipcRenderer.send('connect', remoteId),
+    sendMessage: (remoteId, msg) => ipcRenderer.send('send-message', remoteId, msg),
+    sendRandomMessage: (enabled, interval) => ipcRenderer.send('send-random-message', enabled, interval),
+});
+ipcRenderer.on('my-id', (e, myId) => {
+    document.getElementById('my-id').innerHTML = myId;
+});
+ipcRenderer.on('message', (e, remoteId, msg) => {
+    document.getElementById('messages').value += remoteId + '> ' + msg + '\n';
+});
+ipcRenderer.on('connect', (e, remoteId) => {
+    document.getElementById('connect').disabled = true;
+    document.getElementById('remote-id').disabled = true;
+    document.getElementById('remote-id').value = remoteId;
+});
+ipcRenderer.on('state-update', (e, state) => {
+    document.getElementById('state').innerHTML = state;
+});

package/examples/electron-demo/src/renderer.js ADDED Viewed

@@ -0,0 +1,58 @@
+/**
+ * This file will automatically be loaded by webpack and run in the "renderer" context.
+ * To learn more about the differences between the "main" and the "renderer" context in
+ * Electron, visit:
+ *
+ * https://electronjs.org/docs/tutorial/application-architecture#main-and-renderer-processes
+ *
+ * By default, Node.js integration in this file is disabled. When enabling Node.js integration
+ * in a renderer process, please be aware of potential security implications. You can read
+ * more about security risks here:
+ *
+ * https://electronjs.org/docs/tutorial/security
+ *
+ * To enable Node.js integration in this file, open up `main.js` and enable the `nodeIntegration`
+ * flag:
+ *
+ * ```
+ *  // Create the browser window.
+ *  mainWindow = new BrowserWindow({
+ *    width: 800,
+ *    height: 600,
+ *    webPreferences: {
+ *      nodeIntegration: true
+ *    }
+ *  });
+ * ```
+ */
+import './index.css';
+window.connect = () => {
+    const remoteId = document.getElementById('remote-id').value;
+    if (remoteId && remoteId.length > 2) {
+        // disable connect button
+        document.getElementById('connect').disabled = true;
+        document.getElementById('remote-id').disabled = true;
+        window.electron.connect(remoteId);
+    }
+};
+window.sendMessage = () => {
+    const remoteId = document.getElementById('remote-id').value;
+    if (remoteId && remoteId.length > 2) {
+        let msg = document.getElementById('new-message').value;
+        if (msg && msg.length > 0) {
+            document.getElementById('new-message').value = '';
+            document.getElementById('messages').value += 'me> ' + msg + '\n';
+            window.electron.sendMessage(remoteId, msg);
+        }
+    }
+};
+window.sendRandomMessage = () => {
+    let enabled = document.getElementById('sendRandom').checked;
+    let interval = document.getElementById('randomInterval').value;
+    window.electron.sendRandomMessage(enabled, interval);
+};

package/examples/electron-demo/webpack.main.config.js ADDED Viewed

@@ -0,0 +1,11 @@
+module.exports = {
+    /**
+     * This is the main entry point for your application, it's the first file
+     * that runs in the main process.
+     */
+    entry: './src/main.js',
+    // Put your normal webpack config below here
+    module: {
+        rules: require('./webpack.rules'),
+    },
+};

package/examples/electron-demo/webpack.renderer.config.js ADDED Viewed

@@ -0,0 +1,13 @@
+const rules = require('./webpack.rules');
+rules.push({
+    test: /\.css$/,
+    use: [{ loader: 'style-loader' }, { loader: 'css-loader' }],
+});
+module.exports = {
+    // Put your normal webpack config below here
+    module: {
+        rules,
+    },
+};

package/examples/electron-demo/webpack.rules.js ADDED Viewed

@@ -0,0 +1,35 @@
+module.exports = [
+    // Add support for native node modules
+    {
+        // We're specifying native_modules in the test because the asset relocator loader generates a
+        // "fake" .node file which is really a cjs file.
+        test: /native_modules[/\\].+\.node$/,
+        use: 'node-loader',
+    },
+    {
+        test: /[/\\]node_modules[/\\].+\.(m?js|node)$/,
+        parser: { amd: false },
+        use: {
+            loader: '@vercel/webpack-asset-relocator-loader',
+            options: {
+                outputAssetBase: 'native_modules',
+            },
+        },
+    },
+    // Put your webpack loader rules in this array.  This is where you would put
+    // your ts-loader configuration for instance:
+    /**
+     * Typescript Example:
+     *
+     * {
+     *   test: /\.tsx?$/,
+     *   exclude: /(node_modules|.webpack)/,
+     *   loaders: [{
+     *     loader: 'ts-loader',
+     *     options: {
+     *       transpileOnly: true
+     *     }
+     *   }]
+     * }
+     */
+];

package/examples/media/README.md CHANGED Viewed

@@ -1,11 +1,11 @@
-# Examples
-# media
+# media Example
 ## Example Webcam from Browser to Port 5000
 This is an example copy/paste demo to send your webcam from your browser and out port 5000 through the demo application.
 ## How to use
 Open main.html in your browser (you must open it either as HTTPS or as a domain of http://localhost).
 Start the application and copy it's offer into the text box of the web page.

package/examples/media/media.js CHANGED Viewed

@@ -1,7 +1,6 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const nodeDataChannel = require('../../lib/index');
-const readline = require('readline');
-var dgram = require('dgram');
+import readline from 'readline';
+import nodeDataChannel from '../../lib/index.js';
+import dgram from 'dgram';
 var client = dgram.createSocket('udp4');

package/examples/simple-peer-usage/main.js ADDED Viewed

@@ -0,0 +1,28 @@
+import Peer from 'simple-peer';
+import nodeDatachannelPolyfill from '../../polyfill/index.js';
+import nodeDataChannel from '../../lib/index.js';
+nodeDataChannel.initLogger('Info');
+var peer1 = new Peer({ initiator: true, wrtc: nodeDatachannelPolyfill });
+var peer2 = new Peer({ wrtc: nodeDatachannelPolyfill });
+peer1.on('signal', (data) => {
+    // when peer1 has signaling data, give it to peer2 somehow
+    peer2.signal(data);
+});
+peer2.on('signal', (data) => {
+    // when peer2 has signaling data, give it to peer1 somehow
+    peer1.signal(data);
+});
+peer1.on('connect', () => {
+    // wait for 'connect' event before using the data channel
+    peer1.send('hey peer2, how is it going?');
+});
+peer2.on('data', (data) => {
+    // got a data channel message
+    console.log('got a message from peer1: ' + data);
+});