feat(editor): support codeium AI code assistant

live-codes · Aug 15, 2023 · 2949ccd · 2949ccd
1 parent cdd3959
commit 2949ccd
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 13 deletions.
diff --git a/scripts/build.js b/scripts/build.js
@@ -78,6 +78,10 @@ const prepareDir = async () => {
     path.resolve(__dirname + '/../src/index.html'),
     path.resolve(outDir + '/index.html'),
   );
+  await fs.promises.copyFile(
+    path.resolve(__dirname + '/../src/livecodes/html/app-base.html'),
+    path.resolve(outDir + '/livecodes/app.html'),
+  );
 };
 
 try {

diff --git a/src/livecodes/html/app-base.html b/src/livecodes/html/app-base.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="codeium:type" content="monaco" />
+    <title>LiveCodes</title>
+    <script>
+      window.addEventListener('message', function (event) {
+        if (event.data.content) {
+          document.write(event.data.content);
+          document.close();
+        }
+      });
+    </script>
+  </head>
+  <body></body>
+</html>
diff --git a/src/livecodes/html/app.html b/src/livecodes/html/app.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="codeium:type" content="monaco" />
     <title>LiveCodes</title>
     <style>
       body {

diff --git a/src/livecodes/main.ts b/src/livecodes/main.ts
@@ -69,11 +69,11 @@ export const livecodes = (container: string, config: Partial<Config> = {}): Prom
       const iframe = document.createElement('iframe');
       iframe.name = 'app';
       iframe.style.display = 'none';
-
-      containerElement.appendChild(iframe);
-      iframe.contentWindow?.document.open();
-      iframe.contentWindow?.document.write(
-        appHTML
+      iframe.src = baseUrl + '{{hash:app.html}}';
+      let contentLoaded = false;
+      iframe.onload = () => {
+        if (contentLoaded) return;
+        const appContent = appHTML
           .replace(/{{baseUrl}}/g, baseUrl)
           .replace(/{{script}}/g, scriptFile)
           .replace(/{{appCDN}}/g, appCDN)
@@ -83,18 +83,20 @@ export const livecodes = (container: string, config: Partial<Config> = {}): Prom
             supportsImportMaps
               ? ''
               : `
-          <script type="module">
-            import * as mod from '${baseUrl}{{hash:codemirror.js}}';
-            window['${baseUrl}{{hash:codemirror.js}}'] = mod;
-          </script>
-          `,
+    <script type="module">
+      import * as mod from '${baseUrl}{{hash:codemirror.js}}';
+      window['${baseUrl}{{hash:codemirror.js}}'] = mod;
+    </script>
+    `,
           )
           .replace(
             /{{codemirrorCoreUrl}}/g,
             `${baseUrl}vendor/codemirror/${process.env.codemirrorVersion}/codemirror-core.js`,
-          ),
-      );
-      iframe.contentWindow?.document.close();
+          );
+        iframe.contentWindow?.postMessage({ content: appContent }, location.origin);
+        contentLoaded = true;
+      };
+      containerElement.appendChild(iframe);
 
       if (isEmbed) {
         window.addEventListener(customEvents.appLoaded, () => {