Load asciicast css async (#22502)

Load asciicast css asynchronously.

Related to #22448.
This commit is contained in:
Jason Song 2023-01-19 02:19:38 +08:00 committed by GitHub
parent 326d29dce0
commit 4804900ac9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 3 deletions

View file

@ -2,7 +2,10 @@ export async function renderAsciinemaPlayer() {
const els = document.querySelectorAll('.asciinema-player-container'); const els = document.querySelectorAll('.asciinema-player-container');
if (!els.length) return; 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) { for (const el of els) {
player.create(el.getAttribute('data-asciinema-player-src'), el, { player.create(el.getAttribute('data-asciinema-player-src'), el, {

View file

@ -1,5 +1,3 @@
@import "../asciinema-player/dist/bundle/asciinema-player.css";
.asciinema-player-container { .asciinema-player-container {
width: 100%; width: 100%;
height: auto; height: auto;