@devbookhq/docusaurus-code-video-plugin/src/index.ts

Add a video to a Docusaurus code block and highlight code lines as the video plays.

import type { Plugin } from '@docusaurus/types'
import path from 'path'

export default function themeLiveCodeblock(): Plugin {
  return {
    name: 'devbook-code-video-plugin',

    getThemePath() {
      return path.resolve(__dirname, './theme');
    },

    getTypeScriptThemePath() {
      return path.resolve(__dirname, '..', 'src', './theme');
    },
  };
}