notjs-react 0.1.4

package/README.md

@@ -0,0 +1,59 @@
+# notjs-react
+
+A React component for interactive code execution with real-time WebSocket terminal support. Built with Monaco Editor and xterm.js.
+
+## Prerequisites
+
+**NotJS Server Required**: This component requires a NotJS server to handle code execution. You can self-host the server by following the instructions at [https://github.com/cholnhial/notjs](https://github.com/cholnhial/notjs)
+
+## Installation
+
+```bash
+npm install notjs-react
+```
+
+## Usage
+
+```tsx
+import { NotJS } from 'notjs-react'
+import 'notjs-react/styles.css'
+
+function App() {
+  return (
+    <NotJS
+      apiBaseUrl="http://localhost:8080/api"
+      websocketUrl="ws://localhost:8080/terminal"
+      initialLanguage="java"
+      initialVersion="25"
+      initialDarkMode={true}
+    />
+  )
+}
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `apiBaseUrl` | `string` | `"http://localhost:8080/api"` | Base URL for the API |
+| `websocketUrl` | `string` | `"ws://localhost:8080/terminal"` | WebSocket endpoint URL |
+| `initialLanguage` | `string` | `"java"` | Initial programming language |
+| `initialVersion` | `string` | `"25"` | Initial language version |
+| `initialDarkMode` | `boolean` | `true` | Enable dark mode by default |
+| `initialCode` | `string` | (language default) | Custom starting code |
+| `hideHeader` | `boolean` | `false` | Hide header for embedding |
+
+## Features
+
+- 🎨 Monaco Editor integration for code editing
+- 💻 Real-time terminal with xterm.js
+- 🌓 Dark/Light mode support
+- 📋 Copy code and console output
+- ↔️ Resizable editor/console panels
+- 🔌 WebSocket-based code execution
+- 🎯 TypeScript support
+- 📦 Zero configuration required
+
+## License
+
+MIT

package/dist/NotJS.d.ts

@@ -0,0 +1,17 @@
+export interface ExecutionRequest {
+    language: string;
+    code: string;
+    version: string | null;
+    arguments: string[];
+}
+export interface NotJSProps {
+    websocketUrl?: string;
+    apiBaseUrl?: string;
+    initialCode?: string;
+    initialLanguage?: string;
+    initialVersion?: string;
+    initialDarkMode?: boolean;
+    hideHeader?: boolean;
+}
+export default function NotJS({ websocketUrl, apiBaseUrl, initialCode, initialLanguage, initialVersion, initialDarkMode, hideHeader }: NotJSProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NotJS.d.ts.map

package/dist/NotJS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotJS.d.ts","sourceRoot":"","sources":["../src/NotJS.tsx"],"names":[],"mappings":"AAGA,OAAO,4BAA4B,CAAA;AAwCnC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,EAAE,MAAM,EAAE,CAAA;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,YAA6C,EAC7C,UAAwC,EACxC,WAAW,EACX,eAAwB,EACxB,cAAqB,EACrB,eAAsB,EACtB,UAAkB,EACnB,EAAE,UAAU,2CA8lBZ"}