dependencies updated

Author: Lusito

.gitignore

@@ -1,5 +1,6 @@
 node_modules
 dist
+dist-cli
 .cache
 *.tgz
 docs-dist

apps/benchmark-web/package.json

@@ -29,10 +29,10 @@
     "@flyover/box2d": "^1.0.1",
     "box2d.js": "^1.0.4",
     "box2dweb": "^2.1.0-b",
-    "planck-js": "^0.3.31"
+    "planck-js": "^1.3.0"
   },
   "devDependencies": {
-    "esbuild": "^0.21.5",
+    "esbuild": "^0.25.0",
     "esbuild-ts-paths": "^1.1.3"
   }
 }

apps/testbed/package.json

@@ -31,15 +31,15 @@
     "@box2d/particles": "^0.11.0",
     "@react-nano/router": "^0.15.0",
     "@types/randomcolor": "^0.5.9",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "esbuild": "^0.21.5",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "esbuild": "^0.25.0",
     "esbuild-sass-plugin": "^3.3.1",
     "esbuild-ts-paths": "^1.1.3",
     "gl-matrix": "^3.4.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "sort-package-json": "^2.10.0",
+    "sort-package-json": "^2.14.0",
     "typed-glsl": "0.11.2",
     "typed-signals": "^3.0.0",
     "typeface-open-sans": "1.1.13"

apps/testbed/src/tests/core/top_down_car.ts

@@ -36,7 +36,7 @@ import { Test, registerTest } from "../../test";
 import { Settings } from "../../settings";
 import { HotKey, hotKeyState } from "../../utils/hotkeys";
 
-// eslint-disable-next-line @typescript-eslint/no-loss-of-precision
+// eslint-disable-next-line no-loss-of-precision
 const DEGTORAD = 0.0174532925199432957;
 // const RADTODEG = 57.295779513082320876;
 
@@ -341,7 +341,7 @@ class TopdownCar extends Test {
         this.m_car = new TDCar(this.m_world);
     }
 
-    public getHotkeys(): HotKey[] {
+    public override getHotkeys(): HotKey[] {
         return [
             hotKeyState("a", "Turn Left", this.m_controlState, "left"),
             hotKeyState("d", "Turn Right", this.m_controlState, "right"),
@@ -365,11 +365,11 @@ class TopdownCar extends Test {
         }
     }
 
-    public BeginContact(contact: b2Contact): void {
+    public override BeginContact(contact: b2Contact): void {
         TopdownCar.handleContact(contact, true);
     }
 
-    public EndContact(contact: b2Contact): void {
+    public override EndContact(contact: b2Contact): void {
         TopdownCar.handleContact(contact, false);
     }
 
@@ -385,7 +385,7 @@ class TopdownCar extends Test {
         }
     }
 
-    public Step(settings: Settings, timeStep: number): void {
+    public override Step(settings: Settings, timeStep: number): void {
         /* this.m_tire.updateFriction();
     this.m_tire.updateDrive(this.m_controlState);
     this.m_tire.updateTurn(this.m_controlState); */

apps/testbed/src/ui/Main/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useReducer, useRef } from "react";
+import { useEffect, useReducer, useRef } from "react";
 import { useRouter } from "@react-nano/router";
 
 import { useManager } from "../../manager";

apps/testbed/src/ui/Section/index.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, useState } from "react";
+import { PropsWithChildren, useState } from "react";
 
 import "./style.scss";
 

apps/testbed/src/ui/Section/style.scss

@@ -1,29 +1,29 @@
 .section {
     border: none;
     padding: 0;
-    margin: 0 0 $spacing-md 0;
+    margin: 0 0 vars.$spacing-md 0;
 
     > legend {
         font-weight: bold;
         display: block;
         width: 100%;
-        padding: 0 $spacing-md;
-        margin: 0 -#{$spacing-md};
+        padding: 0 vars.$spacing-md;
+        margin: 0 -#{vars.$spacing-md};
         position: relative;
         cursor: pointer;
-        font-size: $font-size-lg;
+        font-size: vars.$font-size-lg;
 
         &:hover {
-            background: $color-frame-bg-hovered;
+            background: vars.$color-frame-bg-hovered;
         }
 
         &::after {
             content: "▼";
-            font-size: $font-size-sm;
+            font-size: vars.$font-size-sm;
             position: absolute;
             top: 0;
-            right: $spacing-md;
-            width: $spacing-lg;
+            right: vars.$spacing-md;
+            width: vars.$spacing-lg;
             height: 100%;
             display: flex;
             align-items: center;
@@ -35,34 +35,34 @@
         }
 
         &.active-legend {
-            background: $color-frame-bg;
+            background: vars.$color-frame-bg;
         }
     }
 
     > div {
-        padding: $spacing-md 0 0 0;
+        padding: vars.$spacing-md 0 0 0;
 
         &.section-content-hidden {
             display: none;
         }
 
         > a {
-            font-size: $font-size-md;
+            font-size: vars.$font-size-md;
             display: block;
-            color: $color-text;
+            color: vars.$color-text;
             text-decoration: none;
-            padding: 0 $spacing-md;
+            padding: 0 vars.$spacing-md;
 
             &.active-link {
-                background: $color-frame-bg;
+                background: vars.$color-frame-bg;
             }
 
             &:hover {
-                background: $color-frame-bg-hovered;
+                background: vars.$color-frame-bg-hovered;
             }
 
             &:active {
-                background: $color-frame-bg-active;
+                background: vars.$color-frame-bg-active;
             }
         }
     }

apps/testbed/src/ui/SettingsSection/index.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 import { TestControl } from "../../testControls";
 import { Checkbox } from "../controls/Checkbox";
 import { Radio } from "../controls/Radio";

apps/testbed/src/ui/SettingsSection/style.scss

@@ -1,3 +1,3 @@
 .settings-section > .section-content > * + * {
-    margin: $spacing-md 0 0 0;
+    margin: vars.$spacing-md 0 0 0;
 }

apps/testbed/src/ui/SideBar/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { useRouter } from "@react-nano/router";
 
 import "./style.scss";