fix(Result): avoid rerenders on firefox (sandbox v9)

Author: hatemhosny

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/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/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();
         }

src/livecodes/html/sandbox/v8/index.html src/livecodes/html/sandbox/v9/index.htmlsrc/livecodes/html/sandbox/v8/index.html renamed to src/livecodes/html/sandbox/v9/index.html

@@ -1,3 +1,5 @@
+import { sandboxVersion } from '../html/sandbox/index';
+
 const cfPagesBaseUrl = 'https://livecodes-sandbox.pages.dev';
 const ghPagesBaseUrl = 'https://live-codes.github.io/livecodes-sandbox/dist';
 const selfHostedBaseUrl = `https://${process.env.SANDBOX_HOST_NAME}:${process.env.SANDBOX_PORT}`;
@@ -8,7 +10,7 @@ const serviceBaseUrl =
     : process.env.CI === 'true'
       ? ghPagesBaseUrl
       : cfPagesBaseUrl;
-const version = 'v8';
+const version = sandboxVersion;
 
 export const sandboxService = {
   getResultUrl: () => `${serviceBaseUrl}/${version}/`,