オープンソース#
xLog には、埋め込みをより簡単に拡張するための rehype プラグインを作成しました。[PR#560](https://github.com/Crossbell-Box/xLog/pull/560)。
shouldTransform
とgetHTML
メソッドを実装したTransformer
を作成することで、簡単に埋め込みを追加できます。
以下は CodeSandbox の埋め込みの例です
import type { Transformer } from "../rehype-embed"
import { generateIframeHTML, isHostIncludes } from "./utils"
export const CodeSandboxTransformer: Transformer = {
name: "CodeSandbox",
shouldTransform(url) {
const { host, pathname } = url
return isHostIncludes("codesandbox.io", host) && pathname.includes("/s/")
},
getHTML(url) {
return generateIframeHTML({
name: "codesandbox",
src: url.toString().replace("/s/", "/embed/"),
ratio: "16 / 9",
allow:
"accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking",
sandbox:
"allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts",
})
},
}
xLog はいくつかのバグを修正しました:
- [PR#554](https://github.com/Crossbell-Box/xLog/pull/554)
- [PR#553](https://github.com/Crossbell-Box/xLog/pull/553)
react-aplayer にlistMaxHeight
プロパティを追加しました。[PR#19](https://github.com/SevenOutman/aplayer-react/pull/19)
ライフ#
今週は MSI の試合を見ました。BLG が LCK のチームを連続で撃破し、LPL の決勝に進出するとは思いませんでした。
明日方舟の 1 周年イベントは頭が足りなかったので、宿題をコピーすることにしました。
半年間休んだ後、仕事を探す準備をしています。