From 18d386a337c3fc6917d1312ca67a55322632e035 Mon Sep 17 00:00:00 2001 From: "Jesse C. Fisher" Date: Fri, 11 Aug 2023 13:24:12 +0000 Subject: [PATCH] Update video chat code --- app/assets/javascripts/application.js | 1 + app/assets/javascripts/bundle.js | 22 ++++++++++++++++------ frontend/{App.jsx => VideoComponent.jsx} | 6 ++++-- webpack.config.js | 2 +- 4 files changed, 22 insertions(+), 9 deletions(-) rename frontend/{App.jsx => VideoComponent.jsx} (51%) diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js index 97ba4fea..8b24a247 100644 --- a/app/assets/javascripts/application.js +++ b/app/assets/javascripts/application.js @@ -19,6 +19,7 @@ // require components //= require qrcode.min.js //= require eyecandy +//= require bundle // require react-rails-hot-loader // require_tree . diff --git a/app/assets/javascripts/bundle.js b/app/assets/javascripts/bundle.js index 004075a9..19fe1bdc 100644 --- a/app/assets/javascripts/bundle.js +++ b/app/assets/javascripts/bundle.js @@ -10,13 +10,13 @@ /******/ "use strict"; /******/ var __webpack_modules__ = ({ -/***/ "./frontend/App.jsx": -/*!**************************!*\ - !*** ./frontend/App.jsx ***! - \**************************/ +/***/ "./frontend/VideoComponent.jsx": +/*!*************************************!*\ + !*** ./frontend/VideoComponent.jsx ***! + \*************************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _components_VideoCall__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/VideoCall */ \"./frontend/components/VideoCall.jsx\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n\n\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n var root = document.getElementById(\"root\");\n react_dom__WEBPACK_IMPORTED_MODULE_2__.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_VideoCall__WEBPACK_IMPORTED_MODULE_1__[\"default\"], null), root);\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9mcm9udGVuZC9BcHAuanN4IiwibWFwcGluZ3MiOiI7Ozs7O0FBQTBCO0FBQ3FCO0FBQ2Q7QUFDakNHLFFBQVEsQ0FBQ0MsZ0JBQWdCLENBQUMsa0JBQWtCLEVBQUUsWUFBTTtFQUNoRCxJQUFNQyxJQUFJLEdBQUdGLFFBQVEsQ0FBQ0csY0FBYyxDQUFDLE1BQU0sQ0FBQztFQUM1Q0osNkNBQWUsZUFBQ0YsMERBQUEsQ0FBQ0MsNkRBQVMsTUFBRSxDQUFDLEVBQUVJLElBQUksQ0FBQztBQUN4QyxDQUFDLENBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly90aGlydGVlbi10aWVuLWxlbi8uL2Zyb250ZW5kL0FwcC5qc3g/N2JjMyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFZpZGVvQ2FsbCBmcm9tICcuL2NvbXBvbmVudHMvVmlkZW9DYWxsJztcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nO1xuZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcIkRPTUNvbnRlbnRMb2FkZWRcIiwgKCkgPT4ge1xuICAgIGNvbnN0IHJvb3QgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChcInJvb3RcIik7XG4gICAgUmVhY3RET00ucmVuZGVyKDxWaWRlb0NhbGwgLz4sIHJvb3QpXG59KTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsIlZpZGVvQ2FsbCIsIlJlYWN0RE9NIiwiZG9jdW1lbnQiLCJhZGRFdmVudExpc3RlbmVyIiwicm9vdCIsImdldEVsZW1lbnRCeUlkIiwicmVuZGVyIiwiY3JlYXRlRWxlbWVudCJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./frontend/App.jsx\n"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _components_VideoCall__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/VideoCall */ \"./frontend/components/VideoCall.jsx\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var react_dom_client__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-dom/client */ \"./node_modules/react-dom/client.js\");\n\n\n\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n // alert(\"hi\");\n var root = (0,react_dom_client__WEBPACK_IMPORTED_MODULE_3__.createRoot)(document.getElementById(\"root\"));\n root.render( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_VideoCall__WEBPACK_IMPORTED_MODULE_1__[\"default\"], null));\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9mcm9udGVuZC9WaWRlb0NvbXBvbmVudC5qc3giLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQTBCO0FBQ3FCO0FBQ2Q7QUFDYTtBQUM5Q0ksUUFBUSxDQUFDQyxnQkFBZ0IsQ0FBQyxrQkFBa0IsRUFBRSxZQUFNO0VBQ2hEO0VBQ0EsSUFBTUMsSUFBSSxHQUFHSCw0REFBVSxDQUFDQyxRQUFRLENBQUNHLGNBQWMsQ0FBQyxNQUFNLENBQUMsQ0FBQztFQUN4REQsSUFBSSxDQUFDRSxNQUFNLGVBQUNSLDBEQUFBLENBQUNDLDZEQUFTLE1BQUUsQ0FBQyxDQUFDO0FBQzlCLENBQUMsQ0FBQyIsInNvdXJjZXMiOlsid2VicGFjazovL3RoaXJ0ZWVuLXRpZW4tbGVuLy4vZnJvbnRlbmQvVmlkZW9Db21wb25lbnQuanN4P2QwMWIiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBWaWRlb0NhbGwgZnJvbSAnLi9jb21wb25lbnRzL1ZpZGVvQ2FsbCc7XG5pbXBvcnQgUmVhY3RET00gZnJvbSAncmVhY3QtZG9tJztcbmltcG9ydCB7IGNyZWF0ZVJvb3QgfSBmcm9tICdyZWFjdC1kb20vY2xpZW50JztcbmRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJET01Db250ZW50TG9hZGVkXCIsICgpID0+IHtcbiAgICAvLyBhbGVydChcImhpXCIpO1xuICAgIGNvbnN0IHJvb3QgPSBjcmVhdGVSb290KGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKFwicm9vdFwiKSk7XG4gICAgcm9vdC5yZW5kZXIoPFZpZGVvQ2FsbCAvPilcbn0pO1xuIl0sIm5hbWVzIjpbIlJlYWN0IiwiVmlkZW9DYWxsIiwiUmVhY3RET00iLCJjcmVhdGVSb290IiwiZG9jdW1lbnQiLCJhZGRFdmVudExpc3RlbmVyIiwicm9vdCIsImdldEVsZW1lbnRCeUlkIiwicmVuZGVyIiwiY3JlYXRlRWxlbWVudCJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./frontend/VideoComponent.jsx\n"); /***/ }), @@ -50,6 +50,16 @@ eval("/**\n * @license React\n * react-dom.development.js\n *\n * Copyright (c) /***/ }), +/***/ "./node_modules/react-dom/client.js": +/*!******************************************!*\ + !*** ./node_modules/react-dom/client.js ***! + \******************************************/ +/***/ ((__unused_webpack_module, exports, __webpack_require__) => { + +eval("\n\nvar m = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\nif (false) {} else {\n var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n exports.createRoot = function(c, o) {\n i.usingClientEntryPoint = true;\n try {\n return m.createRoot(c, o);\n } finally {\n i.usingClientEntryPoint = false;\n }\n };\n exports.hydrateRoot = function(c, h, o) {\n i.usingClientEntryPoint = true;\n try {\n return m.hydrateRoot(c, h, o);\n } finally {\n i.usingClientEntryPoint = false;\n }\n };\n}\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvcmVhY3QtZG9tL2NsaWVudC5qcyIsIm1hcHBpbmdzIjoiQUFBYTs7QUFFYixRQUFRLG1CQUFPLENBQUMsb0RBQVc7QUFDM0IsSUFBSSxLQUFxQyxFQUFFLEVBRzFDLENBQUM7QUFDRjtBQUNBLEVBQUUsa0JBQWtCO0FBQ3BCO0FBQ0E7QUFDQTtBQUNBLE1BQU07QUFDTjtBQUNBO0FBQ0E7QUFDQSxFQUFFLG1CQUFtQjtBQUNyQjtBQUNBO0FBQ0E7QUFDQSxNQUFNO0FBQ047QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly90aGlydGVlbi10aWVuLWxlbi8uL25vZGVfbW9kdWxlcy9yZWFjdC1kb20vY2xpZW50LmpzPzExYjEiXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBzdHJpY3QnO1xuXG52YXIgbSA9IHJlcXVpcmUoJ3JlYWN0LWRvbScpO1xuaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WID09PSAncHJvZHVjdGlvbicpIHtcbiAgZXhwb3J0cy5jcmVhdGVSb290ID0gbS5jcmVhdGVSb290O1xuICBleHBvcnRzLmh5ZHJhdGVSb290ID0gbS5oeWRyYXRlUm9vdDtcbn0gZWxzZSB7XG4gIHZhciBpID0gbS5fX1NFQ1JFVF9JTlRFUk5BTFNfRE9fTk9UX1VTRV9PUl9ZT1VfV0lMTF9CRV9GSVJFRDtcbiAgZXhwb3J0cy5jcmVhdGVSb290ID0gZnVuY3Rpb24oYywgbykge1xuICAgIGkudXNpbmdDbGllbnRFbnRyeVBvaW50ID0gdHJ1ZTtcbiAgICB0cnkge1xuICAgICAgcmV0dXJuIG0uY3JlYXRlUm9vdChjLCBvKTtcbiAgICB9IGZpbmFsbHkge1xuICAgICAgaS51c2luZ0NsaWVudEVudHJ5UG9pbnQgPSBmYWxzZTtcbiAgICB9XG4gIH07XG4gIGV4cG9ydHMuaHlkcmF0ZVJvb3QgPSBmdW5jdGlvbihjLCBoLCBvKSB7XG4gICAgaS51c2luZ0NsaWVudEVudHJ5UG9pbnQgPSB0cnVlO1xuICAgIHRyeSB7XG4gICAgICByZXR1cm4gbS5oeWRyYXRlUm9vdChjLCBoLCBvKTtcbiAgICB9IGZpbmFsbHkge1xuICAgICAgaS51c2luZ0NsaWVudEVudHJ5UG9pbnQgPSBmYWxzZTtcbiAgICB9XG4gIH07XG59XG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/react-dom/client.js\n"); + +/***/ }), + /***/ "./node_modules/react-dom/index.js": /*!*****************************************!*\ !*** ./node_modules/react-dom/index.js ***! @@ -184,7 +194,7 @@ eval("\n\nif (false) {} else {\n module.exports = __webpack_require__(/*! ./cjs /******/ // startup /******/ // Load entry module and return exports /******/ // This entry module can't be inlined because the eval-source-map devtool is used. -/******/ var __webpack_exports__ = __webpack_require__("./frontend/App.jsx"); +/******/ var __webpack_exports__ = __webpack_require__("./frontend/VideoComponent.jsx"); /******/ /******/ })() ; \ No newline at end of file diff --git a/frontend/App.jsx b/frontend/VideoComponent.jsx similarity index 51% rename from frontend/App.jsx rename to frontend/VideoComponent.jsx index e5b8101f..4ce8279c 100644 --- a/frontend/App.jsx +++ b/frontend/VideoComponent.jsx @@ -1,7 +1,9 @@ import React from 'react'; import VideoCall from './components/VideoCall'; import ReactDOM from 'react-dom'; +import { createRoot } from 'react-dom/client'; document.addEventListener("DOMContentLoaded", () => { - const root = document.getElementById("root"); - ReactDOM.render(, root) + // alert("hi"); + const root = createRoot(document.getElementById("root")); + root.render() }); diff --git a/webpack.config.js b/webpack.config.js index 56eab52f..1b7bc10b 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -1,6 +1,6 @@ var path = require('path'); module.exports = { - entry: "./frontend/App.jsx", + entry: "./frontend/VideoComponent.jsx", output: { path: path.resolve(__dirname, 'app', 'assets', 'javascripts'), filename: "bundle.js"