Load asciicast css async (#22502)

Load asciicast css asynchronously. Related to #22448.
go-gitea · Jan 18, 2023 · 4804900 · 4804900
1 parent 326d29d
commit 4804900
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/web_src/js/markup/asciicast.js b/web_src/js/markup/asciicast.js
@@ -2,7 +2,10 @@ export async function renderAsciinemaPlayer() {
   const els = document.querySelectorAll('.asciinema-player-container');
   if (!els.length) return;
 
-  const player = await import(/* webpackChunkName: "asciinema-player" */'asciinema-player');
+  const [player] = await Promise.all([
+    import(/* webpackChunkName: "asciinema-player" */'asciinema-player'),
+    import(/* webpackChunkName: "asciinema-player" */'asciinema-player/dist/bundle/asciinema-player.css'),
+  ]);
 
   for (const el of els) {
     player.create(el.getAttribute('data-asciinema-player-src'), el, {

diff --git a/web_src/less/markup/asciicast.less b/web_src/less/markup/asciicast.less
@@ -1,5 +1,3 @@
-@import "../asciinema-player/dist/bundle/asciinema-player.css";
-
 .asciinema-player-container {
   width: 100%;
   height: auto;