Create professional, clear, and correct step-by-step software courses, lessons, and tutorials in minutes, not days.
Welcome to the CodeVideo framework and ecosystem!
The following is a listing of packages used around the CodeVideo ecosystem, more or less according to how often they are used:
@fullstackcraftllc/codevideo-types
- the TypeScript types used around the CodeVideo ecosystem. Used by almost all packages listed further below.
@fullstackcraftllc/codevideo-virtual-ide
- the virtual IDE used for state traversal and reconstitution, comprised of:
@fullstackcraftllc/codevideo-virtual-file-explorer
- represents the sidebar file explorer in an IDE@fullstackcraftllc/codevideo-virtual-editor
- represents a single editor in an IDE@fullstackcraftllc/codevideo-virtual-terminal
- represents a terminal editor in an IDE@fullstackcraftllc/codevideo-virtual-author
- represents an author that can speak about what is happening in the IDE@fullstackcraftllc/codevideo-virtual-mouse
- represents a mouse that can move to specific locations in the IDE, as well as left and right click
@fullstackcraftllc/codevideo-ide-react
- Currently our only renderer, an advanced React component. This is the component currently used to make the videos. We have plans to build fully SVG and Canvas-based editors in the future.
@fullstackcraftllc/codevideo-cli
- the go-based CLI for generating videos from JSON directly on the command line.
@fullstackcraftllc/codevideo-mcp
- the TypeScript + Node based MCP Server for build software content with natural language.
@fullstackcraftllc/codevideo-exporters
- exports that are 'simpler' and can be run directly in the browser@fullstackcraftllc/codevideo-advanced-exporters
- exports that are 'advanced' and require server-side work (fully functional@fullstackcraftllc/codevideo-ide-react
React component embeds, pandoc for LaTex-based PDF, probably more to come)
@fullstackcraftllc/codevideo.io
- the CodeVideo homepage
@fullstackcraftllc/studio.codevideo.io
- the CodeVideo Studio
@fullstackcraftllc/docs.codevideo.io
- the CodeVideo documentation site
@fullstackcraftllc/codevideo-api
- Our Node Express-based API (however also includes a Go project to manage the puppeteer recording jobs)
@fullstackcraftllc/codevideo-white-paper
- The CodeVideo white paper.@fullstackcraftllc/codevideo-dynamic-ast
- An AST that can check the static validity of a CodeVideo project at any given action step.