Add warning about inaccurate execution results in playground for other targets

Author: Perryvw

src/pages/play/Playground.tsx

@@ -67,6 +67,12 @@ function EditorContextProvider({ children }: { children: React.ReactNode }) {
 
         setState({ source, target, lua, ast, sourceMap, results: [] });
         const results = await executeLua(lua);
+        if (target !== LuaTarget.Lua54) {
+            results.unshift({
+                method: "warning",
+                data: ["Web execution expects Lua 5.4 and might not work for other targets"],
+            });
+        }
         setState({ source, target, lua, ast, sourceMap, results });
     }, []);
 
@@ -107,7 +113,6 @@ function InputPane({ onWorkerSet }: { onWorkerSet(updateTarget: (target: LuaTarg
         onWorkerSet((newTarget) => {
             target = newTarget;
             updateInputs(myEditor?.getModel()?.getValue() ?? "", newTarget);
-            updateModel(myWorker!, editor.getModel()!, newTarget);
         });
     };
 
@@ -192,6 +197,9 @@ function consoleOutputRowClass(data: ConsoleMessage) {
     if (data.method === "error") {
         rowClass += " " + styles.luaOutputTerminalError;
     }
+    if (data.method === "warning") {
+        rowClass += " " + styles.luaOutputTerminalWarning;
+    }
 
     return rowClass;
 }

src/pages/play/styles.module.scss

@@ -123,6 +123,13 @@ $output-height: 180px;
     border-bottom: 1px solid rgb(91, 0, 0);
 }
 
+.luaOutputTerminalWarning {
+    color: rgb(254, 188, 127);
+    background-color: rgb(53, 49, 0);
+    border-top: 1px solid rgb(85, 83, 0);
+    border-bottom: 1px solid rgb(91, 62, 0);
+}
+
 .playgroundTarget {
     float: left;
 }