Release notes for v0.111.0

.github/workflows/ci.yml

@@ -15,6 +15,4 @@ jobs:
       - run: npm install
       # - run: npm run build
       - name: Build Static Docs
-        env:
-          NODE_OPTIONS: '--max_old_space_size=8192'
         run: npm run build

.vuepress/client.js

@@ -5,13 +5,15 @@
  */
 
 import { defineClientConfig } from 'vuepress/client';
+import AsciinemaPlayer from './components/AsciinemaPlayer.vue';
 import BlogPosts from './components/BlogPosts.vue';
 import JumpToc from './components/JumpToc.vue';
 import PrBy from './components/PrBy.vue';
 import ReleaseToc from './components/ReleaseToc.vue';
 
 export default defineClientConfig({
   enhance({ app }) {
+    app.component('AsciinemaPlayer', AsciinemaPlayer);
     app.component('BlogPosts', BlogPosts);
     app.component('JumpToc', JumpToc);
     app.component('PrBy', PrBy);

.vuepress/components/AsciinemaPlayer.vue

@@ -0,0 +1,28 @@
+<template>
+  <div ref="playerElement"></div>
+</template>
+
+<!-- for opts see https://docs.asciinema.org/manual/player/options/ -->
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import { ClientOnly } from 'vuepress/client';
+
+const props = defineProps({
+  castUrl: {
+    type: String,
+    required: true,
+  },
+  opts: {
+    type: Object,
+    required: false,
+  },
+});
+
+const playerElement = ref(null);
+
+onMounted(async () => {
+  const { create } = await import('asciinema-player');
+  create(props.castUrl, playerElement.value, { theme: 'tango', ...props.opts });
+});
+</script>

.vuepress/styles/index.scss

@@ -1,3 +1,5 @@
+@import '../../node_modules/asciinema-player/dist/bundle/asciinema-player.css';
+
 @font-face {
   font-family: 'Fira Code';
   src:

package.json

@@ -6,8 +6,8 @@
   "type": "module",
   "scripts": {
     "update": "nu make_docs.nu",
-    "dev": "vuepress dev",
-    "build": "vuepress build",
+    "dev": "cross-env NODE_OPTIONS=--max-old-space-size=8192 vuepress dev",
+    "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 vuepress build",
     "postinstall": "patch-package",
     "prepare": "git config --unset core.hooksPath && rm -rf .husky || true; npx lefthook install",
     "pretty": "prettier --write ."
@@ -20,6 +20,8 @@
     "@vuepress/plugin-shiki": "2.0.0-rc.118",
     "@vuepress/plugin-sitemap": "2.0.0-rc.118",
     "@vuepress/theme-default": "2.0.0-rc.118",
+    "asciinema-player": "^3.15.1",
+    "cross-env": "^10.1.0",
     "lefthook": "1.8.2",
     "patch-package": "^8.0.1",
     "prettier": "^3.3.3",

typos.toml

@@ -6,6 +6,10 @@ extend-ignore-identifiers-re = [
     "(?i)foobar", # false positive in book/sorting.md
 ]
 
+extend-ignore-re = [
+    "\\x1b\\[[0-9;]*m.*", # ignore ansi color instructions
+]
+
 [default.extend-words]
 "ime" = "ime" # false positive in cookbook/polars_v_pandas_v_nushell.md
 ba = "ba"