Pkg upgrades

.prettierrc.json

@@ -0,0 +1,3 @@
+{
+  "trailingComma": "es5"
+}

components/apps/JSDOS/useJSDOS.ts

@@ -97,8 +97,8 @@ const useJSDOS = ({
           updateWindowSize(height, width);
         }
       });
-      events.onExit(() =>
+      events.onExit(
-        window.SimpleKeyboardInstances?.emulatorKeyboard?.destroy()
+        () => window.SimpleKeyboardInstances?.emulatorKeyboard?.destroy()
       );
 
       setLoading(false);

components/apps/MonacoEditor/language.ts

@@ -20,19 +20,19 @@ const getLanguageParser = async (
   if (language === "javascript" || language === "typescript") {
     return {
       parser: "babel",
-      plugins: [await import("prettier/parser-babel")],
+      plugins: [await import("prettier/plugins/babel")],
     };
   }
   if (["css", "sass", "less"].includes(language)) {
     return {
       parser: language,
-      plugins: [await import("prettier/parser-postcss")],
+      plugins: [await import("prettier/plugins/postcss")],
     };
   }
   if (language === "html") {
     return {
       parser: "html",
-      plugins: [await import("prettier/parser-html")],
+      plugins: [await import("prettier/plugins/html")],
     };
   }
   if (language === "xml") {
@@ -44,7 +44,7 @@ const getLanguageParser = async (
   if (language === "markdown") {
     return {
       parser: "markdown",
-      plugins: [await import("prettier/parser-markdown")],
+      plugins: [await import("prettier/plugins/markdown")],
     };
   }
 

components/apps/V86/useV86.ts

@@ -194,8 +194,9 @@ const useV86 = ({
   useEffect(() => {
     const isActiveInstance = foregroundId === id;
 
-    Object.values(emulator).forEach((emulatorInstance) =>
+    Object.values(emulator).forEach(
-      emulatorInstance?.keyboard_set_status(isActiveInstance)
+      (emulatorInstance) =>
+        emulatorInstance?.keyboard_set_status(isActiveInstance)
     );
   }, [emulator, foregroundId, id]);
 

components/apps/Webamp/functions.ts

@@ -205,8 +205,8 @@ export const loadMilkdropWhenNeeded = (webamp: WebampCI): void => {
         unsubscribe();
 
         webamp.store.subscribe(() => {
-          const webampDesktop = [...document.body.children].find((node) =>
+          const webampDesktop = [...document.body.children].find(
-            node.classList?.contains("webamp-desktop")
+            (node) => node.classList?.contains("webamp-desktop")
           );
 
           if (webampDesktop) {

components/system/Desktop/Wallpapers/useWallpaper.ts

@@ -163,8 +163,8 @@ const useWallpaper = (
         }
       } else if (WALLPAPER_PATHS[wallpaperName]) {
         WALLPAPER_PATHS[wallpaperName]()
-          .then(({ default: wallpaper }) =>
+          .then(
-            wallpaper?.(desktopRef.current, config)
+            ({ default: wallpaper }) => wallpaper?.(desktopRef.current, config)
           )
           .catch(() => setWallpaper("VANTA"));
       } else {

components/system/Files/FileManager/useFolder.ts

@@ -543,9 +543,9 @@ const useFolder = (
         uniquePath = await createPath(newBasePath, directory);
 
         await Promise.all(
-          (
+          (await readdir(entry)).map((dirEntry) =>
-            await readdir(entry)
+            copyFiles(join(entry, dirEntry), uniquePath)
-          ).map((dirEntry) => copyFiles(join(entry, dirEntry), uniquePath))
+          )
         );
       } else {
         uniquePath = await createPath(

components/system/Files/FileManager/useFolderContextMenu.ts

@@ -49,8 +49,10 @@ const textDocumentIcon = getIconByFileExtension(".txt");
 
 const updateSortBy =
   (value: SortBy, defaultIsAscending: boolean) =>
-  ([sortBy, isAscending]: SortByOrder): SortByOrder =>
+  ([sortBy, isAscending]: SortByOrder): SortByOrder => [
-    [value, sortBy === value ? !isAscending : defaultIsAscending];
+    value,
+    sortBy === value ? !isAscending : defaultIsAscending,
+  ];
 
 const EASTER_EGG_CLICK_COUNT = 2;
 const CAPTURE_FPS = 30;

components/system/Menu/StyledMenu.ts

@@ -14,7 +14,8 @@ const StyledMenu = styled(motion.nav).attrs<StyledMenuProps>(({ $x, $y }) => ({
 }))<StyledMenuProps>`
   background-color: rgb(43, 43, 43);
   border: 1px solid rgb(160, 160, 160);
-  box-shadow: 1px 1px 1px hsla(0, 0%, 20%, 70%),
+  box-shadow:
+    1px 1px 1px hsla(0, 0%, 20%, 70%),
     2px 2px 2px hsla(0, 0%, 10%, 70%);
   color: rgb(255, 255, 255);
   contain: layout;

components/system/StartMenu/Sidebar/StyledSidebar.ts

@@ -18,7 +18,9 @@ const StyledSidebar = styled.nav`
     backdrop-filter: blur(12px);
     background-color: hsla(0, 0%, 10%, 95%);
     box-shadow: 8px 0 5px -5px hsla(0, 0%, 10%, 50%);
-    transition: all 300ms ease, backdrop-filter 1ms;
+    transition:
+      all 300ms ease,
+      backdrop-filter 1ms;
     transition-timing-function: cubic-bezier(0.15, 1, 0.5, 1);
     width: ${({ theme }) => theme.sizes.startMenu.sideBar.expandedWidth};
 

components/system/Taskbar/TaskbarEntry/StyledTaskbarEntry.ts

@@ -27,10 +27,10 @@ const StyledTaskbarEntry = styled(motion.li)<StyledTaskbarEntryProps>`
         : ""};
     border-bottom: ${({ $progress, theme }) => `
         ${theme.sizes.taskbar.entry.borderSize} solid ${
-      $progress && $progress > 0 && $progress < 100
+          $progress && $progress > 0 && $progress < 100
-        ? theme.colors.progress
+            ? theme.colors.progress
-        : theme.colors.highlight
+            : theme.colors.highlight
-    }
+        }
       `};
     bottom: 0;
     content: "";

contexts/fileSystem/functions.ts

@@ -15,7 +15,7 @@ type FS9PV3 = [
   number,
   number,
   number,
-  FS9PV3[] | string
+  FS9PV3[] | string,
 ];
 type FS9PV4 = [string, number, number, FS9PV4[] | string | undefined];
 type FS9P = {

hooks/useIFrameFocuser.ts

@@ -11,8 +11,9 @@ const useIFrameFocuser = (): void => {
     const focusIframeWindow = (): void => {
       if (document.activeElement instanceof HTMLIFrameElement) {
         const [id] =
-          Object.entries(processesRef.current).find(([, { componentWindow }]) =>
+          Object.entries(processesRef.current).find(
-            componentWindow?.contains(document.activeElement)
+            ([, { componentWindow }]) =>
+              componentWindow?.contains(document.activeElement)
           ) || [];
 
         if (id) {

package.json

@@ -40,10 +40,10 @@
     "*.{js,ts,tsx}": "eslint --fix"
   },
   "dependencies": {
-    "@mlc-ai/web-llm": "^0.2.2",
+    "@mlc-ai/web-llm": "^0.2.4",
     "@monaco-editor/react": "^4.5.1",
     "@panzoom/panzoom": "^4.5.1",
-    "@prettier/plugin-xml": "^2.2.0",
+    "@prettier/plugin-xml": "^3.1.0",
     "@wasmer/wasm-terminal": "^0.12.0",
     "@wasmer/wasm-transformer": "^0.12.0",
     "ani-cursor": "^0.0.5",
@@ -56,21 +56,21 @@
     "gif.js": "^0.2.0",
     "idb": "^7.1.1",
     "ini": "^4.1.1",
-    "isomorphic-git": "^1.24.2",
+    "isomorphic-git": "^1.24.3",
     "minimist": "^1.2.8",
     "multiformats": "^12.0.1",
     "music-metadata-browser": "^2.5.10",
     "next": "^13.4.8",
     "opentype.js": "^1.3.4",
     "playlist-parser": "^0.0.12",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.0",
     "print-js": "^1.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-rnd": "^10.4.1",
     "resedit": "^2.0.0",
     "rtf.js": "^3.0.9",
-    "styled-components": "^6.0.2",
+    "styled-components": "^6.0.3",
     "utif": "https://github.com/photopea/UTIF.js",
     "wasi-js": "^1.7.3"
   },
@@ -81,9 +81,9 @@
     "@testing-library/dom": "^9.3.1",
     "@types/gif.js": "^0.2.2",
     "@types/ini": "^1.3.31",
-    "@types/jest": "^29.5.2",
+    "@types/jest": "^29.5.3",
     "@types/lunr": "^2.3.4",
-    "@types/node": "^20.3.3",
+    "@types/node": "^20.4.1",
     "@types/offscreencanvas": "^2019.7.0",
     "@types/opentype.js": "^1.3.4",
     "@types/react": "^18.2.14",
@@ -102,28 +102,28 @@
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jest": "^27.2.2",
     "eslint-plugin-jest-dom": "^5.0.1",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-sonarjs": "^0.19.0",
     "eslint-plugin-sort-keys-fix": "^1.1.2",
     "eslint-plugin-typescript-sort-keys": "^2.3.0",
     "eslint-plugin-unicorn": "^47.0.0",
-    "eslint-plugin-unused-imports": "^2.0.0",
+    "eslint-plugin-unused-imports": "^3.0.0",
     "html-minifier-terser": "^7.2.0",
     "html-to-image": "^1.11.11",
     "husky": "^8.0.3",
-    "jest": "^29.6.0",
+    "jest": "^29.6.1",
-    "jest-environment-jsdom": "^29.6.0",
+    "jest-environment-jsdom": "^29.6.1",
     "lint-staged": "^13.2.3",
     "lunr": "^2.3.9",
-    "monaco-editor": "^0.39.0",
+    "monaco-editor": "^0.40.0",
     "pdfjs-dist": "^3.8.162",
     "postcss-styled-syntax": "^0.4.0",
     "postcss-syntax": "^0.36.2",
-    "stylelint": "^15.10.0",
+    "stylelint": "^15.10.1",
     "stylelint-config-standard": "^34.0.0",
     "stylelint-order": "^6.0.3",
-    "terser": "^5.18.2",
+    "terser": "^5.19.0",
     "tinymce": "^6.5.1",
     "ts-prune": "^0.10.3",
     "typescript": "^5.1.6",