Shiloh/githaven
Shiloh/githaven
1
0
Fork 1
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Load asciicast css async (#22502)

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web_src/js/markup/asciicast.js
View File

@ -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, {

2
web_src/less/markup/asciicast.less
View File

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