almost working with library imports, dev mode not working

frontend/apps/editor2d/src/components/PromptBox.tsx

@@ -36,6 +36,7 @@ import { PopoverItem } from "~/components/reusable/Popover";
 import { Api, ApiManager } from "~/KonvaApp/Api";
 import { useJobContext } from "~/components/JobContext";
 import { Login } from "@storyteller/login";
+//import { ApiFoo } from "@storyteller/api";
 interface ReferenceImage {
   id: string;
   url: string;
@@ -48,6 +49,11 @@ export const PromptBox = () => {
   const isDesktopApp = window.navigator.userAgent.includes("Tauri");
   console.log("Is this a desktop app?", isDesktopApp);
 
+
+  //const apiFoo = new ApiFoo();
+  //const result = apiFoo.add(1, 2);
+  //console.log("Result of apiFoo.add(1, 2):", result);
+
   const { jobTokens, addJobToken, removeJobToken, clearJobTokens } =
     useJobContext();
 

frontend/libs/utils/api/src/index.ts

@@ -1 +1,2 @@
 export * from './lib/api.js';
+export * from './lib/ApiFoo.js';

frontend/libs/utils/api/src/lib/ApiFoo.ts

@@ -0,0 +1,10 @@
+class ApiFoo {
+  constructor() {
+    console.log("ApiFoo constructor");
+  }
+  public add(a: number, b: number) {
+    return a + b;
+  }
+}
+
+export default ApiFoo;