JSPM

@fullstackcraftllc/codevideo-ide-react

0.0.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1155
  • Score
    100M100P100Q117796F
  • License MIT

A React TypeScript component for a fully auditable, drivable, and replayable IDE written in React with radix-ui styling.

Package Exports

  • @fullstackcraftllc/codevideo-ide-react
  • @fullstackcraftllc/codevideo-ide-react/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@fullstackcraftllc/codevideo-ide-react) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@fullstackcraftllc/codevideo-ide-react

NPM Version

React component for the CodeVideo IDE. Our first "nearly-complete" functionality component for replaying IDE sessions, complete with a file explorer, multiple editor tab support, and a terminal.

IT'S CRITICAL THIS SHIPS TO PRODUCTION ONLY AFTER CONFIRMING THERE ARE NO SSR ISSUES - MONACO IS INFAMOUS FOR SSR ISSUES

Installation

Install the package itself via npm:

npm install @fullstackcraftllc/codevideo-ide-react

Ensure that you include radix CSS in your project. This is a dependency of the Monaco editor, which is used in this package. You can include it in your project via a CDN:

require('@radix-ui/themes/styles.css');