Make fx converter live update, remove PPLAF, change lua online website

docs/Guides/Lua/beginner.md

@@ -4,7 +4,7 @@ sidebar_position: 1
 
 # Beginner Lua Tutorial
 
-[https://repl.it/languages/lua](https://repl.it/languages/lua) can be used to try Lua in the browser.
+[https://onecompiler.com/lua](https://onecompiler.com/lua) can be used to try Lua in the browser.
 
 These examples are more for review, rather than learning! If you see something here that you don't understand, continue to watch Lua tutorials on youtube!
 

docs/intro.md

@@ -33,12 +33,10 @@ indentation to be consistent with the rest of PewPew's codebase.
 
 - [PewPew Snippets] is an essential Visual Studio Code extension that offers autocompletion and useful code snippets for creating levels.
 - [PewPewLive-MeshExporter] is a Blender plugin for converting scenes into PewPew Live 3D meshes.
-- [PPLAF] is an opinionated Lua framework for creating advanced levels.
 
 [Discord]: https://pewpew.live/discord
 [simple_level]: https://github.com/jyaif/ppl-utils/blob/d32dbec8a171c9bcc0f800dcd864f175c42c34fd/content/levels/simple_level/
 [LuaRocks's style guide]: https://github.com/luarocks/lua-style-guide
 [https://pewpew.live]: https://pewpew.live
 [PewPewLive-MeshExporter]: https://github.com/ModEngineer/PewPewLive-MeshExporter
 [PewPew Snippets]: https://hybroid.pewpew.live/pps/
-[PPLAF]: https://github.com/glebi574/PPLAF/

src/components/fx-converter.tsx

@@ -2,6 +2,8 @@ import { useRef, useState } from "react"
 
 function floatToFixedpoint(input: string): string {
   let float = parseFloat(input)
+  if (isNaN(float)) return "Error!"
+
   let abs_float = Math.abs(float)
   let int = Math.floor(abs_float)
   if (int > 2 << 51) {
@@ -18,21 +20,19 @@ function floatToFixedpoint(input: string): string {
 }
 
 export default function FxConverter() {
-  const [num, setNum] = useState<string>("2.718")
-
   const outputRef = useRef(null)
 
   return (
     <div>
-      <input type="text" defaultValue="2.718" onInput={(event) => setNum(event.target.value)} />
       <input
-        type="button"
-        defaultValue="to FixedPoint →"
-        onClick={() => {
-          outputRef.current.value = floatToFixedpoint(num)
+        type="text"
+        defaultValue="2.718"
+        onInput={(event) => {
+          outputRef.current.innerText = floatToFixedpoint(event.target.value)
         }}
       />
-      <input type="text" readonly ref={outputRef} />
+      <br />
+      <code ref={outputRef}>2.2940fx</code>
     </div>
   )
 }