fixed areaEquals, added debug functionality

Author: yk-tuturu

src/bundles/robot_minigame/functions.ts

@@ -54,6 +54,7 @@ export interface RobotMap {
   areaLog: Area[]
   actionLog: Action[]
   message: string
+  debugLog: string[]
 }
 
 const state: RobotMap = {
@@ -65,7 +66,8 @@ const state: RobotMap = {
   areas: [],
   areaLog: [],
   actionLog: [],
-  message: 'moved successfully'
+  message: 'moved successfully',
+  debugLog: []
 };
 
 interface Robot extends Point {
@@ -438,7 +440,7 @@ export function entered_colors(
   const coloredAreas = state.areaLog
     .filter(area => colors.includes(area.flags.color)) // Filter relevant colors
     .filter(filterAdjacentDuplicateAreas); // Filter adjacent duplicates
-
+    
   return coloredAreas.length === colors.length && coloredAreas.every(({ flags: { color } }, i) => color === colors[i]); // Check if each area has the expected color
 }
 
@@ -762,7 +764,8 @@ function areaEquals(a: Area, b: Area) {
     a.vertices.length !== b.vertices.length // a and b must have an equal number of vertices
     || a.vertices.some((v, i) => v.x !== b.vertices[i].x || v.y !== b.vertices[i].y) // a and b's vertices must be the same
     || a.isObstacle !== b.isObstacle // Either both a and b or neither a nor b are obstacles
-    || Object.keys(a.flags).length === Object.length
+    || Object.keys(a.flags).length !== Object.keys(b.flags).length // Check flags length equality
+    || Object.keys(a.flags).some(key => a.flags[key] !== b.flags[key]) // Check flag value equality
   ) return false;
 
   return true;

src/tabs/RobotMaze/components/RobotSimulation.tsx

@@ -1,5 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react';
 import type { Area, Action, PointWithRotation, RobotMap } from '../../../bundles/robot_minigame/functions';
+import { Properties } from '@blueprintjs/icons';
+import { State } from 'nbody';
 
 /**
  * Calculate the acute angle between 2 angles
@@ -134,7 +136,8 @@ const RobotSimulation : React.FC<MapProps> = ({
     message,
     // success,
     // messages,
-    robotSize
+    robotSize,
+    debugLog
   }
 }) => {
   // Store animation status
@@ -155,6 +158,9 @@ const RobotSimulation : React.FC<MapProps> = ({
 
   // Ensure canvas is preloaded correctly
   useEffect(() => {
+    // DEBUG LOG REMOVE LATER
+    console.log(debugLog);
+
     // Only load if animationStatus is 0
     if (animationStatus !== 0) return;