From: unarist <m.unarist@gmail.com>
Date: Sun, 9 Jul 2017 12:52:03 +0000 (+0900)
Subject: Avoid async import if the component is previously loaded (#4127)
X-Git-Url: https://git.xn--scling-oua.cat.family/?a=commitdiff_plain;h=caf938562ef0d0fdb03bf57f15bbab8d76c5b4c0;p=mastodon.git

Avoid async import if the component is previously loaded (#4127)
---

diff --git a/app/javascript/mastodon/features/ui/components/bundle.js b/app/javascript/mastodon/features/ui/components/bundle.js
index 3eed446fe..72798f690 100644
--- a/app/javascript/mastodon/features/ui/components/bundle.js
+++ b/app/javascript/mastodon/features/ui/components/bundle.js
@@ -26,6 +26,8 @@ class Bundle extends React.Component {
     onFetchFail: noop,
   }
 
+  static cache = {}
+
   state = {
     mod: undefined,
     forceRender: false,
@@ -58,8 +60,17 @@ class Bundle extends React.Component {
       this.timeout = setTimeout(() => this.setState({ forceRender: true }), renderDelay);
     }
 
+    if (Bundle.cache[fetchComponent.name]) {
+      const mod = Bundle.cache[fetchComponent.name];
+
+      this.setState({ mod: mod.default });
+      onFetchSuccess();
+      return Promise.resolve();
+    }
+
     return fetchComponent()
       .then((mod) => {
+        Bundle.cache[fetchComponent.name] = mod;
         this.setState({ mod: mod.default });
         onFetchSuccess();
       })