mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-14 19:17:50 +00:00
320e67baa1
The counterpart of the external API in the Jitsi Meet Web app uses the search URL param jwt to heuristically detect that the Web app is very likely embedded (as an iframe) and, consequently, needs to forcefully enable itself. It was looking at whether there was a JSON Web Token (JWT) but that logic got broken when the JWT support was rewritten because the check started happening before the search URL param jwt was parsed.
114 lines
3.2 KiB
JavaScript
114 lines
3.2 KiB
JavaScript
import { AbstractApp } from './AbstractApp';
|
|
import { getLocationContextRoot } from '../functions';
|
|
|
|
import '../../room-lock';
|
|
|
|
/**
|
|
* Root application component.
|
|
*
|
|
* @extends AbstractApp
|
|
*/
|
|
export class App extends AbstractApp {
|
|
/**
|
|
* App component's property types.
|
|
*
|
|
* @static
|
|
*/
|
|
static propTypes = AbstractApp.propTypes
|
|
|
|
/**
|
|
* Initializes a new App instance.
|
|
*
|
|
* @param {Object} props - The read-only React Component props with which
|
|
* the new instance is to be initialized.
|
|
*/
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
this.state = {
|
|
...this.state,
|
|
|
|
/**
|
|
* The context root of window.location i.e. this Web App.
|
|
*
|
|
* @type {string}
|
|
*/
|
|
windowLocationContextRoot: this._getWindowLocationContextRoot()
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Gets a Location object from the window with information about the current
|
|
* location of the document.
|
|
*
|
|
* @inheritdoc
|
|
*/
|
|
getWindowLocation() {
|
|
return window.location;
|
|
}
|
|
|
|
/**
|
|
* Gets the context root of this Web App from window.location.
|
|
*
|
|
* @private
|
|
* @returns {string} The context root of window.location i.e. this Web App.
|
|
*/
|
|
_getWindowLocationContextRoot() {
|
|
return getLocationContextRoot(this.getWindowLocation());
|
|
}
|
|
|
|
/**
|
|
* Navigates to a specific Route (via platform-specific means).
|
|
*
|
|
* @param {Route} route - The Route to which to navigate.
|
|
* @protected
|
|
* @returns {void}
|
|
*/
|
|
_navigate(route) {
|
|
let path = route.path;
|
|
const store = this._getStore();
|
|
|
|
// The syntax :room bellow is defined by react-router. It "matches a URL
|
|
// segment up to the next /, ?, or #. The matched string is called a
|
|
// param."
|
|
path
|
|
= path.replace(
|
|
/:room/g,
|
|
store.getState()['features/base/conference'].room);
|
|
path = this._routePath2WindowLocationPathname(path);
|
|
|
|
// Navigate to the specified Route.
|
|
const windowLocation = this.getWindowLocation();
|
|
|
|
if (windowLocation.pathname === path) {
|
|
// The browser is at the specified path already and what remains is
|
|
// to make this App instance aware of the route to be rendered at
|
|
// the current location.
|
|
super._navigate(route);
|
|
} else {
|
|
// The browser must go to the specified location. Once the specified
|
|
// location becomes current, the App will be made aware of the route
|
|
// to be rendered at it.
|
|
windowLocation.pathname = path;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Converts a specific Route path to a window.location.pathname.
|
|
*
|
|
* @param {string} path - A Route path to be converted to/represeted as a
|
|
* window.location.pathname.
|
|
* @private
|
|
* @returns {string} A window.location.pathname-compatible representation of
|
|
* the specified Route path.
|
|
*/
|
|
_routePath2WindowLocationPathname(path) {
|
|
let pathname = this.state.windowLocationContextRoot;
|
|
|
|
pathname.endsWith('/') || (pathname += '/');
|
|
pathname += path.startsWith('/') ? path.substring(1) : path;
|
|
|
|
return pathname;
|
|
}
|
|
}
|