Merge pull request #885 from live-codes/fix-rerender

Fix rerenders on firefox

Author: hatemhosny

docs/docs/features/tests.mdx

@@ -19,7 +19,7 @@ Screenshots:
 - Automated tests increase the confidence in the code and can improve the quality of projects.
 - Allows <a href="https://en.wikipedia.org/wiki/Test-driven_development" target="_blank">Test-driven development (TDD)</a>.
 - Can be used for education and training by preparing projects with tests that are required to pass by the students' implementation (similar to <a href="https://www.freecodecamp.org/learn" target="_blank">freeCodeCamp</a>).
-- Can be used by wesites that offer coding challenges (similar to <a href="https://www.codewars.com/" target="_blank">Codewars</a>).
+- Can be used by websites that offer coding challenges (similar to <a href="https://www.codewars.com/" target="_blank">Codewars</a>).
 
 ## Demos
 

docs/docs/languages/eta.mdx

@@ -1,6 +1,6 @@
 # Eta
 
-[Eta](https://eta.js.org/) is an embedded JS template engine for Node, Deno, and the browser. Lighweight, fast, and pluggable. Written in TypeScript.
+[Eta](https://eta.js.org/) is an embedded JS template engine for Node, Deno, and the browser. Lightweight, fast, and pluggable. Written in TypeScript.
 
 ## Usage
 

server/src/sandbox.ts

@@ -3,6 +3,7 @@ import cors from 'cors';
 import express from 'express';
 import fs from 'node:fs';
 import path from 'node:path';
+import { sandboxVersion } from '../../src/livecodes/html/sandbox/index.ts';
 import { dirname } from './utils.ts';
 
 export const sandbox = ({ hostname, port }: { hostname: string; port: number }) => {
@@ -12,7 +13,7 @@ export const sandbox = ({ hostname, port }: { hostname: string; port: number })
   app.disable('x-powered-by');
 
   const sandboxDir = path.resolve(dirname, 'sandbox');
-  let sandboxVersionDir = path.resolve(sandboxDir, 'v8');
+  let sandboxVersionDir = path.resolve(sandboxDir, sandboxVersion);
   fs.readdirSync(sandboxDir).forEach((v) => {
     if (fs.statSync(path.resolve(sandboxDir, v)).isDirectory()) {
       sandboxVersionDir = path.resolve(sandboxDir, v);

src/livecodes/UI/embed-ui.ts

@@ -418,7 +418,7 @@ export const createEmbedUI = async ({
     return decodeURIComponent(iframeUrl.href);
   };
 
-  const codeTemlates = {
+  const codeTemplates = {
     cdn: (data: FormData) => {
       const containerId = getContainerId();
       const containerHtml = `<div id="${containerId}"></div>`;
@@ -654,7 +654,7 @@ export default function App() {
 
     previewIframe.src = getIframeUrl(formData);
     const embedType = (formData as any).type;
-    const code = (codeTemlates as any)[embedType]?.(formData);
+    const code = (codeTemplates as any)[embedType]?.(formData);
     const embedTypeLanguages: Record<string, Language> = {
       npm: 'javascript',
       react: 'jsx',

src/livecodes/core.ts

@@ -5566,13 +5566,6 @@ const createApi = (): API => {
       await reloadCompiler(newAppConfig);
     }
     await applyConfig(newConfig, /* reload = */ true, currentConfig);
-    const content = getContentConfig(newConfig as Config);
-    const hasContent = Object.values(content).some((value) => value != null);
-    if (hasContent) {
-      await loadConfig(newAppConfig);
-    } else if (shouldRun && newAppConfig.autoupdate === true) {
-      await run();
-    }
     return newAppConfig;
   };
 

src/livecodes/html/index.ts

@@ -3,7 +3,7 @@
 import { predefinedValues } from '../utils/utils';
 
 // @ts-ignore
-import resultTemplateRaw from './sandbox/v8/index.html?raw';
+import resultTemplateRaw from './sandbox/v9/index.html?raw';
 // @ts-ignore
 import appHTMLRaw from './app.html?raw';
 // @ts-ignore

src/livecodes/html/language-info.html

@@ -434,7 +434,7 @@ <h3 data-i18n="language-info:ejs.name">EJS</h3>
 <section data-lang="eta">
   <h3 data-i18n="language-info:eta.name">Eta</h3>
   <div data-i18n="language-info:eta.desc">
-    Embedded JS template engine for Node, Deno, and the browser. Lighweight, fast, and pluggable.
+    Embedded JS template engine for Node, Deno, and the browser. Lightweight, fast, and pluggable.
     Written in TypeScript.
   </div>
   <ul data-i18n="language-info:eta.link" data-i18n-prop="innerHTML">

src/livecodes/html/sandbox/index.ts

@@ -0,0 +1 @@
+export const sandboxVersion = 'v9';

…/livecodes/html/sandbox/v8/compiler.html …/livecodes/html/sandbox/v9/compiler.htmlsrc/livecodes/html/sandbox/v8/compiler.html renamed to src/livecodes/html/sandbox/v9/compiler.html src/livecodes/html/sandbox/v8/compiler.html renamed to src/livecodes/html/sandbox/v9/compiler.html

@@ -5,6 +5,7 @@
       window.addEventListener('message', function (event) {
         var html = event.data.result || event.data.html;
         if (html) {
+          document.open();
           document.write(html);
           document.close();
         }