✨ feat: initial app

apps/web/lib/project-equality.ts

@@ -0,0 +1,58 @@
+import type { Project } from "@pien-studio/types";
+
+export function hasProjectChanged(left: Project, right: Project): boolean {
+  if (left.id !== right.id) return true;
+  if (left.title !== right.title) return true;
+  if (left.createdAt !== right.createdAt) return true;
+  if (left.updatedAt !== right.updatedAt) return true;
+  if (left.aspectRatio !== right.aspectRatio) return true;
+  if (left.canvas.width !== right.canvas.width || left.canvas.height !== right.canvas.height || left.canvas.unit !== right.canvas.unit) {
+    return true;
+  }
+  if (left.layers.length !== right.layers.length) return true;
+
+  for (let index = 0; index < left.layers.length; index += 1) {
+    const a = left.layers[index];
+    const b = right.layers[index];
+    if (!a || !b) return true;
+    if (
+      a.id !== b.id ||
+      a.type !== b.type ||
+      a.name !== b.name ||
+      a.assetId !== b.assetId ||
+      a.sourceUri !== b.sourceUri ||
+      a.x !== b.x ||
+      a.y !== b.y ||
+      a.width !== b.width ||
+      a.height !== b.height ||
+      a.scale !== b.scale ||
+      a.rotation !== b.rotation ||
+      a.opacity !== b.opacity
+    ) {
+      return true;
+    }
+
+    const blurA = a.faceBlur;
+    const blurB = b.faceBlur;
+    if (!blurA && !blurB) continue;
+    if (!blurA || !blurB) return true;
+    if (blurA.method !== blurB.method || blurA.amount !== blurB.amount || blurA.censorColor !== blurB.censorColor) return true;
+    if (blurA.regions.length !== blurB.regions.length) return true;
+    for (let regionIndex = 0; regionIndex < blurA.regions.length; regionIndex += 1) {
+      const regionA = blurA.regions[regionIndex];
+      const regionB = blurB.regions[regionIndex];
+      if (!regionA || !regionB) return true;
+      if (
+        regionA.x !== regionB.x ||
+        regionA.y !== regionB.y ||
+        regionA.width !== regionB.width ||
+        regionA.height !== regionB.height ||
+        regionA.censorColor !== regionB.censorColor
+      ) {
+        return true;
+      }
+    }
+  }
+
+  return false;
+}