@100mslive/roomkit-web 0.0.1

package/README.md

@@ -0,0 +1,53 @@
+# `@100mslive/roomkit-web`
+
+A web component implementation of the HMSPrebuilt component from [roomkit-react](https://www.100ms.live/docs/javascript/v2/quickstart/prebuilt-quickstart) library.
+
+## Usage
+
+```
+import '@100mslive/roomkit-web'
+
+Vue
+
+YourComponent.vue
+
+<template>
+ <hms-prebuilt room-code="<room-code-goes-here>"></hms-prebuilt>
+</template>
+<script>
+import '@100mslive/roomkit-web';
+</script>
+```
+
+## Props
+
+`hms-prebuilt` accepts the following props:
+
+`room-code` (optional if roomId and role are being used instead)
+- The room code of the room you want to join. You can get the room code from the [100ms dashboard](https://dashboard.100ms.live). This prop can be skipped if the roomId and role are being provided instead.
+
+`logo` (optional)
+- An image URL as a string which is displayed in the preview screen and header.
+
+`auth-token` (optional)
+- This token is room and role specific. It can be copied from the join room modal on the [dashboard](https://dashboard.100ms.live). Read more about it [here](/get-started/v2/get-started/security-and-tokens#auth-token-for-client-sdks).
+
+`roomId` (optional unless roomCode is not being used)
+- The room ID of the room you want to join. You can get the room ID from the [dashboard](https://dashboard.100ms.live). It should be specified with the role prop if the room code is not being provided.
+
+`role` (optional unless roomId is specified)
+- A string specifying the role of the peer. Should be specified if the roomId is being used to join the room.
+
+`on-join` (optional)
+- A callback function that will be executed after the peer joins the call. 
+
+`on-leave` (optional)
+- A callback function that will be executed after the peer leaves the call, the session ends or if the peer gets kicked out.
+
+`options` (optional)
+- A stringified JSON object which accepts the following parameters:
+    - `userName` (optional): The name to be assigned to the peer.
+
+    - `userId` (optional): The user ID to be assigned to the peer.
+
+> NOTE: The callbacks on-join and on-leave havet to be present on the `window` as of now for them to be triggered.

package/dist/index.cjs.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// src/index.js
+var import_react_to_web_component = __toESM(require("@r2wc/react-to-web-component"));
+var import_roomkit_react = require("@100mslive/roomkit-react");
+var HMSPrebuiltWebComponent = (0, import_react_to_web_component.default)(import_roomkit_react.HMSPrebuilt, {
+  props: {
+    roomCode: "string",
+    authToken: "string",
+    roomId: "string",
+    role: "string",
+    options: "json",
+    onLeave: "function"
+  }
+});
+customElements.define("hms-prebuilt", HMSPrebuiltWebComponent);
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.js"],
+  "sourcesContent": ["import r2wc from '@r2wc/react-to-web-component';\nimport { HMSPrebuilt } from '@100mslive/roomkit-react';\n\nconst HMSPrebuiltWebComponent = r2wc(HMSPrebuilt, {\n  props: {\n    roomCode: 'string',\n    authToken: 'string',\n    roomId: 'string',\n    role: 'string',\n    options: 'json',\n    onLeave: 'function',\n  },\n});\n\ncustomElements.define('hms-prebuilt', HMSPrebuiltWebComponent);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oCAAiB;AACjB,2BAA4B;AAE5B,IAAM,8BAA0B,8BAAAA,SAAK,kCAAa;AAAA,EAChD,OAAO;AAAA,IACL,UAAU;AAAA,IACV,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF,CAAC;AAED,eAAe,OAAO,gBAAgB,uBAAuB;",
+  "names": ["r2wc"]
+}

package/dist/index.js

@@ -0,0 +1,15 @@
+// src/index.js
+import r2wc from "@r2wc/react-to-web-component";
+import { HMSPrebuilt } from "@100mslive/roomkit-react";
+var HMSPrebuiltWebComponent = r2wc(HMSPrebuilt, {
+  props: {
+    roomCode: "string",
+    authToken: "string",
+    roomId: "string",
+    role: "string",
+    options: "json",
+    onLeave: "function"
+  }
+});
+customElements.define("hms-prebuilt", HMSPrebuiltWebComponent);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.js"],
+  "sourcesContent": ["import r2wc from '@r2wc/react-to-web-component';\nimport { HMSPrebuilt } from '@100mslive/roomkit-react';\n\nconst HMSPrebuiltWebComponent = r2wc(HMSPrebuilt, {\n  props: {\n    roomCode: 'string',\n    authToken: 'string',\n    roomId: 'string',\n    role: 'string',\n    options: 'json',\n    onLeave: 'function',\n  },\n});\n\ncustomElements.define('hms-prebuilt', HMSPrebuiltWebComponent);\n"],
+  "mappings": ";AAAA,OAAO,UAAU;AACjB,SAAS,mBAAmB;AAE5B,IAAM,0BAA0B,KAAK,aAAa;AAAA,EAChD,OAAO;AAAA,IACL,UAAU;AAAA,IACV,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF,CAAC;AAED,eAAe,OAAO,gBAAgB,uBAAuB;",
+  "names": []
+}

package/dist/meta.cjs.json

@@ -0,0 +1,59 @@
+{
+  "inputs": {
+    "<define:process.env>": {
+      "bytes": 0,
+      "imports": []
+    },
+    "src/index.js": {
+      "bytes": 380,
+      "imports": [
+        {
+          "path": "@r2wc/react-to-web-component",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/roomkit-react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    }
+  },
+  "outputs": {
+    "dist/index.cjs.js.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 754
+    },
+    "dist/index.cjs.js": {
+      "imports": [
+        {
+          "path": "@r2wc/react-to-web-component",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/roomkit-react",
+          "kind": "require-call",
+          "external": true
+        }
+      ],
+      "exports": [],
+      "entryPoint": "src/index.js",
+      "inputs": {
+        "src/index.js": {
+          "bytesInOutput": 478
+        }
+      },
+      "bytes": 1709
+    }
+  }
+}

package/dist/meta.esbuild.json

@@ -0,0 +1,59 @@
+{
+  "inputs": {
+    "<define:process.env>": {
+      "bytes": 0,
+      "imports": []
+    },
+    "src/index.js": {
+      "bytes": 380,
+      "imports": [
+        {
+          "path": "@r2wc/react-to-web-component",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/roomkit-react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    }
+  },
+  "outputs": {
+    "dist/index.js.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 724
+    },
+    "dist/index.js": {
+      "imports": [
+        {
+          "path": "@r2wc/react-to-web-component",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/roomkit-react",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "exports": [],
+      "entryPoint": "src/index.js",
+      "inputs": {
+        "src/index.js": {
+          "bytesInOutput": 374
+        }
+      },
+      "bytes": 424
+    }
+  }
+}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@100mslive/roomkit-web",
+  "version": "0.0.1",
+  "description": "A web component implementation of 100ms Prebuilt component",
+  "keywords": [
+    "web-components",
+    "100ms",
+    "Prebuilt"
+  ],
+  "source": "src/index.ts",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "author": "100ms",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "require": "./dist/index.cjs.js",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "sideEffects": false,
+  "scripts": {
+    "build": "rm -rf dist && node ../../scripts/build-webapp"
+  },
+  "dependencies": {
+    "@100mslive/roomkit-react": "0.1.9",
+    "@r2wc/react-to-web-component": "2.0.2"
+  }
+}