https://github.com/codevideo/codevideo-ide
A fully featured IDE that can be recorded, replayed, and audited.
https://github.com/codevideo/codevideo-ide
Last synced: 4 months ago
JSON representation
A fully featured IDE that can be recorded, replayed, and audited.
- Host: GitHub
- URL: https://github.com/codevideo/codevideo-ide
- Owner: codevideo
- Created: 2025-01-19T09:59:16.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-02T08:52:38.000Z (over 1 year ago)
- Last Synced: 2025-09-26T01:58:58.466Z (9 months ago)
- Language: TypeScript
- Size: 368 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# @fullstackcraft/codevideo-ide
A fully event-sourced IDE for codevideo. Reconstitute a snapshot of the entire IDE at any point in time in a software project.
## Usage
Install peer dependencies:
```shell
npm install @fullstackcraft/codevideo-mouse @fullstackcraft/codevideo-types @fullstackcraft/codevideo-virtual-ide @fullstackcraft/codevideo-virtual-editor monaco-editor monaco-themes @monaco-editor/react
```
You'll also need to install tailwind. Here a link to their official docs for create-react-app, but if you are using Next.js, Remix, or others, the configuration will be different: https://v3.tailwindcss.com/docs/guides/create-react-app
Install:
```shell
npm install @fullstackcraft/codevideo-ide
```
Use it in your react app:
```tsx
import { IDE } from '@fullstackcraft/codevideo-ide';
function App() {
return (
);
}
```