From 3d85b76539dfaeecda20a011793c3b25fecd4306 Mon Sep 17 00:00:00 2001
From: yonava <yonavossandreae@gmail.com>
Date: Sun, 21 Sep 2025 13:45:36 -0400
Subject: [PATCH 1/2] fixes to build

---
 .../products/src/markov-chains/MainView.vue   | 80 +++++++++----------
 packages/server/package.json                  |  5 +-
 packages/server/src/index.ts                  |  4 +-
 packages/server/src/sockets.ts                |  4 +-
 packages/server/src/trackGraphState.ts        |  4 +-
 packages/server/tsconfig.json                 | 23 +++---
 6 files changed, 62 insertions(+), 58 deletions(-)

diff --git a/packages/products/src/markov-chains/MainView.vue b/packages/products/src/markov-chains/MainView.vue
index 0d69895f9..6560ae98d 100644
--- a/packages/products/src/markov-chains/MainView.vue
+++ b/packages/products/src/markov-chains/MainView.vue
@@ -18,56 +18,56 @@
   const markov = useMarkovChain(graph);
   useMarkovColorizer(graph, markov).colorize();
 
-  const int = gsap.utils.interpolate(colors.RED_500, colors.RED_800);
+  // const int = gsap.utils.interpolate(colors.RED_500, colors.RED_800);
 
-  const { play, stop } = graph.defineTimeline({
-    forShapes: ["circle"],
-    durationMs: 2000,
-    customInterpolations: {
-      stroke: {
-        value: (progress, schema) => ({
-          color: progress < 0.5 ? int(progress * 2) : int(2 - progress * 2),
-          lineWidth: schema.stroke?.lineWidth ?? 10,
-        }),
-        easing: "in-out",
-      },
-    },
-    synchronize: true,
-  });
+  // const { play, stop } = graph.defineTimeline({
+  //   forShapes: ["circle"],
+  //   durationMs: 2000,
+  //   customInterpolations: {
+  //     stroke: {
+  //       value: (progress, schema) => ({
+  //         color: progress < 0.5 ? int(progress * 2) : int(2 - progress * 2),
+  //         lineWidth: schema.stroke?.lineWidth ?? 10,
+  //       }),
+  //       easing: "in-out",
+  //     },
+  //   },
+  //   synchronize: true,
+  // });
 
-  graph.subscribe("onFocusChange", (newIds, oldIds) => {
-    const newNodeIds = Array.from(newIds).filter(graph.getNode);
-    const oldNodeIds = Array.from(oldIds).filter(graph.getNode);
-    newNodeIds.forEach((nodeId) => {
-      stop({ shapeId: nodeId });
-    });
-    const noLongerFocused = Array.from(oldNodeIds).filter(
-      (nodeId) => !newNodeIds.includes(nodeId)
-    );
-    for (const nodeId of noLongerFocused) {
-      if (markov.invalidStates.value.has(nodeId)) play({ shapeId: nodeId });
-    }
-  });
+  // graph.subscribe("onFocusChange", (newIds, oldIds) => {
+  //   const newNodeIds = Array.from(newIds).filter(graph.getNode);
+  //   const oldNodeIds = Array.from(oldIds).filter(graph.getNode);
+  //   newNodeIds.forEach((nodeId) => {
+  //     stop({ shapeId: nodeId });
+  //   });
+  //   const noLongerFocused = Array.from(oldNodeIds).filter(
+  //     (nodeId) => !newNodeIds.includes(nodeId)
+  //   );
+  //   for (const nodeId of noLongerFocused) {
+  //     if (markov.invalidStates.value.has(nodeId)) play({ shapeId: nodeId });
+  //   }
+  // });
 
-  watch(markov.invalidStates, () => {
-    for (const node of graph.nodes.value) {
-      stop({ shapeId: node.id });
-      if (markov.invalidStates.value.has(node.id)) play({ shapeId: node.id });
-    }
-  });
+  // watch(markov.invalidStates, () => {
+  //   for (const node of graph.nodes.value) {
+  //     stop({ shapeId: node.id });
+  //     if (markov.invalidStates.value.has(node.id)) play({ shapeId: node.id });
+  //   }
+  // });
 
-  const test = () => {
-    for (const nodeId of markov.invalidStates.value) {
-      play({ shapeId: nodeId });
-    }
-  };
+  // const test = () => {
+  //   for (const nodeId of markov.invalidStates.value) {
+  //     play({ shapeId: nodeId });
+  //   }
+  // };
 </script>
 
 <template>
   <GraphProduct v-bind="graphWithCanvas">
     <template #top-center>
       <MarkovChainInfo :markov="markov" />
-      <GButton @click="test">Test</GButton>
+      <!-- <GButton @click="test">Test</GButton> -->
     </template>
 
     <template #bottom-center>
diff --git a/packages/server/package.json b/packages/server/package.json
index 7a724b42a..d42aff2c7 100644
--- a/packages/server/package.json
+++ b/packages/server/package.json
@@ -3,10 +3,9 @@
   "version": "1.0.0",
   "private": true,
   "description": "",
-  "main": "dist/types/index.js",
-  "type": "module",
+  "main": "dist/index.js",
   "scripts": {
-    "start": "node .",
+    "start": "tsc && node .",
     "dev": "nodemon --exec tsx src/index.ts",
     "build:types": "tsc -b ."
   },
diff --git a/packages/server/src/index.ts b/packages/server/src/index.ts
index 0c3d40752..1dda24cdc 100644
--- a/packages/server/src/index.ts
+++ b/packages/server/src/index.ts
@@ -1,8 +1,8 @@
 import dotenv from 'dotenv';
 import express from 'express';
-import { sockets } from './sockets.js';
+import { sockets } from './sockets';
 import { createServer } from 'http';
-import { LOCALHOST_PORT } from './constants.js';
+import { LOCALHOST_PORT } from './constants';
 
 dotenv.config();
 
diff --git a/packages/server/src/sockets.ts b/packages/server/src/sockets.ts
index fbe07db18..63f280d27 100644
--- a/packages/server/src/sockets.ts
+++ b/packages/server/src/sockets.ts
@@ -1,7 +1,7 @@
 import { Server } from 'socket.io'
 import { createServer } from 'http'
-import { trackGraphState } from './trackGraphState.js'
-import { Collaborator, SocketEvents } from '@magic/graph/collab/types.js'
+import { trackGraphState } from './trackGraphState'
+import { Collaborator, SocketEvents } from '@magic/graph/collab/types'
 
 export const sockets = (httpServer: ReturnType<typeof createServer>) => {
   const io = new Server<SocketEvents, SocketEvents, {}, {}>(httpServer, {
diff --git a/packages/server/src/trackGraphState.ts b/packages/server/src/trackGraphState.ts
index ad1878b6c..a7f9b76e0 100644
--- a/packages/server/src/trackGraphState.ts
+++ b/packages/server/src/trackGraphState.ts
@@ -1,5 +1,5 @@
-import type { GraphState } from "@magic/graph/collab/types.js"
-import type { GEdge, GNode } from "@magic/graph/types.js"
+import type { GraphState } from "@magic/graph/collab/types"
+import type { GEdge, GNode } from "@magic/graph/types"
 
 /**
  * maps the room id to the live version of the graph for that room
diff --git a/packages/server/tsconfig.json b/packages/server/tsconfig.json
index 04a59aa4c..f951895f9 100644
--- a/packages/server/tsconfig.json
+++ b/packages/server/tsconfig.json
@@ -1,17 +1,22 @@
 {
-  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "outDir": "./dist/types",
     "rootDir": "./src",
+    "outDir": "dist",
+    "target": "ES2022",
+    "module": "CommonJS",
+    "moduleResolution": "Node",
+    "strict": true,
+    "noImplicitAny": true,
+    "declaration": false,
+    "skipLibCheck": true,
+    "strictNullChecks": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
     "paths": {
-      "@magic/server/*": ["./src/*"],
       "@magic/graph/*": ["../graph/src/*"]
-    },
-    "moduleResolution": "nodenext",
-    "module": "nodenext",
-    "emitDeclarationOnly": false
+    }
   },
   "references": [{ "path": "../graph" }],
-  "include": ["./src/**/*"],
-  "exclude": ["./dist", "**/node_modules"]
+  "include": ["src"],
+  "exclude": ["node_modules"]
 }

From 58fd955cca460f892134e228f6907c5b22941496 Mon Sep 17 00:00:00 2001
From: yonava <yonavossandreae@gmail.com>
Date: Fri, 26 Sep 2025 23:34:34 -0400
Subject: [PATCH 2/2] fixing build

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 3843c70a7..5cee12b0d 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "magic-graphs",
   "version": "1.0.0",
   "scripts": {
-    "start": "cd packages/server && pnpm i --omit=dev && node dist/index.js",
+    "start": "cd packages/server && pnpm install && pnpm start",
     "dev": "concurrently -c auto command 'pnpm:dev-*'",
     "dev-client": "cd packages/client && pnpm dev",
     "dev-server": "cd packages/server && pnpm dev",