setCellCode function

Author: ankushKun

src/index.ts

@@ -1,4 +1,5 @@
 import CodeCell from "./components/codecell"
 import runCell from "./lib/runCell"
+import setCellCode from "./lib/setCellCode"
 
-export { CodeCell, runCell }
+export { CodeCell, runCell, setCellCode }

src/lib/setCellCode.ts

@@ -0,0 +1,9 @@
+export default function setCellCode(cellId: string, code: string, devMode = false) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const iframe: any = document.getElementById(`${cellId}`);
+    if (!iframe) return console.error(`Cell with id ${cellId} not found`);
+    if (iframe.contentWindow != null) {
+        const host = devMode ? "*" : "https://ide.betteridea.dev";
+        iframe.contentWindow.postMessage({ action: "set_code", code }, host);
+    }
+}

src/main.tsx

@@ -2,14 +2,22 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import CodeCell from "./components/codecell"
 import runCell from "./lib/runCell"
+import setCellCode from './lib/setCellCode'
 import "./styles/index.css"
 
+function onInput(e: string) {
+  console.log(e)
+  setCellCode("1", e, true)
+}
+
+
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <div style={{ padding: "10px", backgroundColor: "black", height: "100vh" }}>
       <button onClick={() => {
         runCell("1", true)
       }}>run</button>
+      <input type="text" id="code" onChange={(e) => { onInput(e.target.value) }} />
       <CodeCell appName="test-cell" cellId="1" devMode />
     </div>
   </React.StrictMode>,