Upgrade dependencies

Author: ark120202

docs/advanced/functions-and-the-self-parameter.md

@@ -36,7 +36,7 @@ class MyClass {
   }
 }
 
-let myFunction = function(arg: string) {
+let myFunction = function (arg: string) {
   console.log("myFunction", arg);
 };
 
@@ -207,7 +207,7 @@ This throws an error because if `takesCallback` called `myCallback`, it would do
 <SideBySide>
 
 ```typescript
-takesCallback(arg => myCallback(arg));
+takesCallback((arg) => myCallback(arg));
 ```
 
 ```lua

docusaurus-plugin.js

@@ -4,7 +4,7 @@ const ForkTsCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin");
 // Not used directly in playground, because it imports typescript
 const { SyntaxKind: LuaSyntaxKind } = require("typescript-to-lua/dist/LuaAST");
 
-const resolve = query => path.resolve(__dirname, query);
+const resolve = (query) => path.resolve(__dirname, query);
 
 /** @returns {import('@docusaurus/types').Plugin<any>} */
 module.exports = () => ({
@@ -32,12 +32,12 @@ module.exports = () => ({
                     {
                         test: /\.scss$/,
                         exclude: /\.module\.scss$/,
-                        use: [...config.module.rules.find(r => String(r.test) === "/\\.css$/").use, "sass-loader"],
+                        use: [...config.module.rules.find((r) => String(r.test) === "/\\.css$/").use, "sass-loader"],
                     },
                     {
                         test: /\.module\.scss$/,
                         use: [
-                            ...config.module.rules.find(r => String(r.test) === "/\\.module\\.css$/").use,
+                            ...config.module.rules.find((r) => String(r.test) === "/\\.module\\.css$/").use,
                             "sass-loader",
                         ],
                     },

package-lock.json

@@ -4,39 +4,39 @@
         "start": "docusaurus start",
         "build": "docusaurus build",
         "lint": "npm run lint:prettier",
-        "lint:prettier": "prettier --check \"**/*.{js,ts,yml,json,md,html,scss,webmanifest}\""
+        "lint:prettier": "prettier --check ."
     },
     "prettier": {
         "printWidth": 120,
         "trailingComma": "all"
     },
     "dependencies": {
-        "@types/lz-string": "^1.3.33",
-        "@types/react": "^16.9.23",
-        "@types/react-dom": "^16.9.5",
+        "@types/lz-string": "^1.3.34",
+        "@types/react": "^16.9.34",
+        "@types/react-dom": "^16.9.6",
         "@types/react-json-tree": "^0.6.11",
         "@types/webpack-env": "^1.15.1",
         "clsx": "^1.1.0",
         "fengari-web": "^0.1.4",
         "lua-types": "^2.7.0",
         "lz-string": "^1.4.4",
         "monaco-editor": "^0.20.0",
-        "react": "^16.13.0",
-        "react-dom": "^16.13.0",
+        "react": "^16.13.1",
+        "react-dom": "^16.13.1",
         "react-json-tree": "^0.11.2",
-        "react-monaco-editor": "^0.34.0",
-        "typescript-to-lua": "^0.32.0"
+        "react-monaco-editor": "^0.36.0",
+        "typescript-to-lua": "^0.32.2"
     },
     "devDependencies": {
         "@ark120202/typescript-config": "^2.1.0",
-        "@docusaurus/core": "^2.0.0-alpha.48",
-        "@docusaurus/preset-classic": "^2.0.0-alpha.48",
-        "@types/node": "^13.9.1",
-        "file-loader": "^5.1.0",
-        "fork-ts-checker-webpack-plugin": "^4.1.0",
-        "null-loader": "^3.0.0",
-        "prettier": "^1.19.1",
-        "raw-loader": "^4.0.0",
+        "@docusaurus/core": "^2.0.0-alpha.50",
+        "@docusaurus/preset-classic": "^2.0.0-alpha.50",
+        "@types/node": "^13.11.1",
+        "file-loader": "^6.0.0",
+        "fork-ts-checker-webpack-plugin": "^4.1.3",
+        "null-loader": "^4.0.0",
+        "prettier": "^2.0.4",
+        "raw-loader": "^4.0.1",
         "sass": "^1.26.3",
         "sass-loader": "^8.0.2",
         "typescript": "^3.8.3",

package.json

@@ -19,15 +19,15 @@ type CustomTypeScriptWorker = import("./ts.worker").CustomTypeScriptWorker;
 
 let fengariWorker = new FengariWorker();
 async function executeLua(code: string) {
-    return new Promise<LuaMessage[]>(resolve => {
+    return new Promise<LuaMessage[]>((resolve) => {
         const timeout = setTimeout(() => {
             resolve([{ type: "print", text: "Lua code execution timed out" }]);
             fengariWorker.terminate();
             fengariWorker = new FengariWorker();
         }, 2500);
 
         fengariWorker.postMessage({ code });
-        fengariWorker.addEventListener("message", event => {
+        fengariWorker.addEventListener("message", (event) => {
             clearTimeout(timeout);
             resolve(event.data.messages);
         });
@@ -49,7 +49,7 @@ interface EditorContext extends EditorState {
 
 function EditorContextProvider({ children }: { children: React.ReactNode }) {
     const [state, setState] = useState<EditorState>({ source: "", lua: "", ast: {}, sourceMap: "", results: [] });
-    const updateModel = useCallback<EditorContext["updateModel"]>(async model => {
+    const updateModel = useCallback<EditorContext["updateModel"]>(async (model) => {
         const getWorker = await monaco.languages.typescript.getTypeScriptWorker();
         const client = (await getWorker(model.uri)) as CustomTypeScriptWorker;
         const { lua, ast, sourceMap } = await client.getTranspileOutput(model.uri.toString());
@@ -145,11 +145,11 @@ function OutputPane() {
     const theme = useMonacoTheme();
     const { source, lua, sourceMap, ast, results } = useContext(EditorContext);
     const [isAstView, setAstView] = useState(false);
-    const toggleAstView = useCallback(() => setAstView(x => !x), []);
+    const toggleAstView = useCallback(() => setAstView((x) => !x), []);
     const sourceMapUrl = useMemo(() => {
         const inputs = [lua, sourceMap, source]
             // Replace non-ASCII characters, because btoa not supports them
-            .map(s => btoa(s.replace(/[^\x00-\x7F]/g, "?")))
+            .map((s) => btoa(s.replace(/[^\x00-\x7F]/g, "?")))
             .join(",");
         return `https://sokra.github.io/source-map-visualization#base64,${inputs}`;
     }, [lua, sourceMap, source]);

src/pages/play/Playground.tsx

@@ -29,7 +29,7 @@ export function getInitialCode() {
 
     if (window.location.hash.startsWith("#code/")) {
         const code = window.location.hash.replace("#code/", "").trim();
-        return lzstring.decompressFromEncodedURIComponent(code);
+        return lzstring.decompressFromEncodedURIComponent(code) ?? "";
     }
 
     return example;

src/pages/play/code.ts

@@ -55,7 +55,7 @@ function executeLua(code: string): LuaMessage[] {
     const messageType = status === lua.LUA_OK ? "Module" : "Error";
     const value = transformLuaValue(interop.tojs(L, -1));
 
-    const messages: LuaMessage[] = workerContext.printStream.map(text => ({ type: "print", text }));
+    const messages: LuaMessage[] = workerContext.printStream.map((text) => ({ type: "print", text }));
     if (value !== undefined || messageType === "Error") {
         const formattedValue = inspect(value);
         messages.push({ type: "print", text: `${messageType}: ${formattedValue}` });

src/pages/play/fengari.worker.ts

@@ -32,7 +32,7 @@ export class CustomTypeScriptWorker extends TypeScriptWorker {
         const { diagnostics: transpileDiagnostics } = this.transpileLua(fileName);
         return [
             ...diagnostics,
-            ...TypeScriptWorker.clearFiles(transpileDiagnostics.map(diag => ({ ...diag, code: diag.source as any }))),
+            ...TypeScriptWorker.clearFiles(transpileDiagnostics.map((diag) => ({ ...diag, code: diag.source as any }))),
         ];
     }
 

src/pages/play/ts.worker.ts

@@ -75,7 +75,8 @@ export default ({ children, className: languageClassName, metastring = "" }) =>
     const [, title] = metastring.match(/title=(.+)( |$)/) ?? [];
 
     const [, highlightLinesRange] = metastring.match(/{([\d,-]+)}/) ?? [];
-    const highlightLines = highlightLinesRange != null ? rangeParser.parse(highlightLinesRange).filter(n => n > 0) : [];
+    const highlightLines =
+        highlightLinesRange != null ? rangeParser.parse(highlightLinesRange).filter((n) => n > 0) : [];
 
     let language = languageClassName && languageClassName.replace(/language-/, "");
     if (!language && prism.defaultLanguage) {