sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dynamically import socket.io-client when needed (#1631)

Browse Source
This commit is contained in:
Aakansha Doshi 2020-05-27 00:21:03 +05:30 committed by GitHub
parent 5a64447adc
commit 5252726307
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/App.tsx
View File

@ -1,6 +1,5 @@
import React from "react";
import socketIOClient from "socket.io-client";
import rough from "roughjs/bin/rough";
import { RoughCanvas } from "roughjs/bin/canvas";
import { simplify, Point } from "points-on-curve";
@ -804,7 +803,9 @@ class App extends React.Component<any, AppState> {
this.portal.close();
};
private initializeSocketClient = (opts: { showLoadingState: boolean }) => {
private initializeSocketClient = async (opts: {
showLoadingState: boolean;
}) => {
if (this.portal.socket) {
return;
}
@ -925,6 +926,10 @@ class App extends React.Component<any, AppState> {
}
};
const { default: socketIOClient }: any = await import(
/* webpackChunkName: "socketIoClient" */ "socket.io-client"
);
this.portal.open(
socketIOClient(SOCKET_SERVER),
roomMatch[1],

2
src/index.tsx
View File

@ -18,7 +18,7 @@ if (
/\b(iPad|iPhone|iPod)\b/.test(navigator.userAgent) &&
!matchMedia("(display-mode: standalone)").matches
) {
import("pwacompat");
import(/* webpackChunkName: "pwacompat" */ "pwacompat");
}
const SentryEnvHostnameMap: { [key: string]: string } = {