{
+ if (ref?.querySelector('.cm-editor')) return
+
+ console.log('init editor')
+ new EditorView({
+ doc: '',
+ parent: ref,
+ extensions: [basicSetup, editorTheme],
+ })
+ }}
+ />
+ )
+}
+
+export const Output = ({ children }: { children: string }) => {
+ return
{children}
+}
diff --git a/src/server/editorTheme.tsx b/src/server/editorTheme.tsx
new file mode 100644
index 0000000..2fd53f9
--- /dev/null
+++ b/src/server/editorTheme.tsx
@@ -0,0 +1,37 @@
+import { EditorView } from '@codemirror/view'
+
+export const editorTheme = EditorView.theme(
+ {
+ '&': {
+ color: '#7C70DA',
+ backgroundColor: '#40318D',
+ fontFamily: '"Pixeloid Mono", "Courier New", monospace',
+ fontSize: '18px',
+ height: '100%',
+ },
+ '.cm-content': {
+ caretColor: '#7C70DA',
+ padding: '0px',
+ minHeight: '100px',
+ borderBottom: '3px solid #7C70DA',
+ },
+ '.cm-activeLine': {
+ backgroundColor: 'transparent',
+ },
+ '&.cm-focused .cm-cursor': {
+ borderLeftColor: '#7C70DA',
+ },
+ '&.cm-focused .cm-selectionBackground, ::selection': {
+ backgroundColor: '#5A4FCF',
+ },
+ '.cm-gutters': {
+ display: 'none',
+ },
+ '.cm-editor': {
+ border: 'none',
+ outline: 'none',
+ height: '100%',
+ },
+ },
+ { dark: true }
+)
diff --git a/src/server/index.css b/src/server/index.css
new file mode 100644
index 0000000..15afa43
--- /dev/null
+++ b/src/server/index.css
@@ -0,0 +1,32 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ background: #40318D;
+ color: #7C70DA;
+ font-family: 'Pixeloid Mono', 'Courier New', monospace;
+ font-size: 18px;
+ height: 100vh;
+ overflow: hidden;
+}
+
+#root {
+ height: 100vh;
+ background: #40318D;
+ display: flex;
+ flex-direction: column;
+}
+
+.terminal-output {
+ flex: 1;
+ background: #40318D;
+ color: #7C70DA;
+ padding: 20px;
+ overflow-y: auto;
+ white-space: pre-wrap;
+ font-family: 'Pixeloid Mono', 'Courier New', monospace;
+ font-size: 18px;
+}
\ No newline at end of file
diff --git a/src/index.html b/src/server/index.html
similarity index 75%
rename from src/index.html
rename to src/server/index.html
index 2460d2d..2f4d226 100644
--- a/src/index.html
+++ b/src/server/index.html
@@ -1,4 +1,4 @@
-
+
@@ -7,6 +7,6 @@
-
+
diff --git a/src/server/server.tsx b/src/server/server.tsx
new file mode 100644
index 0000000..094b732
--- /dev/null
+++ b/src/server/server.tsx
@@ -0,0 +1,29 @@
+import index from './index.html'
+
+const server = Bun.serve({
+ routes: {
+ '/*': index,
+
+ '/api/hello': {
+ async GET(req) {
+ return Response.json({
+ message: 'Hello, world!',
+ method: 'GET',
+ })
+ },
+ async PUT(req) {
+ return Response.json({
+ message: 'Hello, world!',
+ method: 'PUT',
+ })
+ },
+ },
+ },
+
+ development: process.env.NODE_ENV !== 'production' && {
+ hmr: true,
+ console: true,
+ },
+})
+
+console.log(`🚀 Server running at ${server.url}`)
diff --git a/tsconfig.json b/tsconfig.json
index 632a36f..a0eb694 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,6 +6,7 @@
"module": "Preserve",
"moduleDetection": "force",
"jsx": "react-jsx",
+ "jsxImportSource": "hono/jsx",
"allowJs": true,
// Bundler mode