use new core class from runtime

packages/app/src/cores/api/api.core.js

@@ -1,4 +1,4 @@
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 
 import createClient from "comty.js"
 
@@ -28,6 +28,14 @@ export default class APICore extends Core {
 		disconnectWebsockets: disconnectWebsockets,
 	}
 
+	registerSocketListeners = (map) => {
+		Object.entries(map).forEach(([namespace, listeners]) => {
+			Object.entries(listeners).forEach(([event, handler]) => {
+				this.listenEvent(event, handler, namespace)
+			})
+		})
+	}
+
 	listenEvent(key, handler, instance = "default") {
 		if (!this.client.sockets[instance]) {
 			this.console.error(`[API] Websocket instance ${instance} not found`)
@@ -51,12 +59,14 @@ export default class APICore extends Core {
 	async onInitialize() {
 		this.client = await createClient({
 			enableWs: true,
+			//origin: "https://indev.comty.app/api"
 		})
 
 		this.client.eventBus.on("ws:disconnected", () => {
 			app.cores.notifications.new({
 				title: "Failed to connect to server",
-                description: "The connection to the server was lost. Some features may not work properly.",
+				description:
+					"The connection to the server was lost. Some features may not work properly.",
 			})
 		})
 
@@ -77,10 +87,12 @@ export default class APICore extends Core {
 		})
 
 		// make a basic request to check if the API is available
-        await this.client.baseRequest({
+		await this.client
+			.baseRequest({
 				method: "head",
 				url: "/",
-        }).catch((error) => {
+			})
+			.catch((error) => {
 				this.console.error("[API] Ping error", error)
 
 				throw new Error(`

packages/app/src/cores/contextMenu/context_menu.core.js

@@ -1,6 +1,6 @@
 import React from "react"
 
-import { Core, EventBus } from "vessel"
+import { Core, EventBus } from "@ragestudio/vessel"
 
 import ContextMenu from "./components/contextMenu"
 

packages/app/src/cores/ffmpeg/ffmpeg.core.js

@@ -1,4 +1,4 @@
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 import { FFmpeg } from "@ffmpeg/ffmpeg"
 import { fetchFile, toBlobURL } from "@ffmpeg/util"
 import isURL from "@utils/isURL"

packages/app/src/cores/haptics/haptics.core.js

@@ -1,4 +1,4 @@
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 import { Haptics } from "@capacitor/haptics"
 
 const vibrationPatterns = {

packages/app/src/cores/i18n/i18n.core.js

@@ -1,4 +1,4 @@
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 import i18n from "i18next"
 import { initReactI18next } from "react-i18next"
 

packages/app/src/cores/nfc/nfc.core.js

@@ -1,4 +1,4 @@
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 import TapShareDialog from "@components/TapShare/Dialog"
 
 const RecordTypes = {

packages/app/src/cores/notifications/notifications.core.js

@@ -1,4 +1,4 @@
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 
 import NotificationUI from "./ui"
 import NotificationFeedback from "./feedback"
@@ -10,13 +10,14 @@ export default class NotificationCore extends Core {
         "settings",
     ]
 
-    #newNotifications = []
-
     listenSockets = {
         "notifications": {
             "notification.new": (data) => {
                 this.new(data)
-            }
+            },
+            "notification.broadcast": (data) => {
+                this.new(data)
+            },
         }
     }
 
@@ -25,6 +26,10 @@ export default class NotificationCore extends Core {
         close: this.close,
     }
 
+    async onInitialize() {
+        this.ctx.CORES.api.registerSocketListeners(this.listenSockets)
+    }
+
     async new(notification) {
         NotificationUI.notify(notification)
         NotificationFeedback.feedback(notification)

packages/app/src/cores/settings/settings.core.js

@@ -1,4 +1,4 @@
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 import store from "store"
 import { Observable } from "rxjs"
 

packages/app/src/cores/sfx/sfx.core.js

@@ -1,4 +1,4 @@
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 import { Howl } from "howler"
 import axios from "axios"
 import store from "store"

packages/app/src/cores/shortcuts/shortcuts.core.js

@@ -1,4 +1,4 @@
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 
 export default class ShortcutsCore extends Core {
     static namespace = "shortcuts"

packages/app/src/cores/style/style.core.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 
 import { ConfigProvider, theme } from "antd"
 import store from "store"

packages/app/src/cores/sync/sync.core.js

@@ -1,4 +1,4 @@
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 import SyncModel from "comty.js/models/sync"
 
 export default class SyncCore extends Core {

packages/app/src/cores/tasksQueue/tasksQueue.core.js

@@ -1,4 +1,4 @@
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 import { Observable } from "object-observer"
 
 export default class TasksQueue extends Core {

packages/app/src/cores/widgets/widgets.core.js

@@ -1,4 +1,4 @@
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 import store from "store"
 
 export default class WidgetsCore extends Core {

packages/app/src/cores/windows/windows.core.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { Core } from "vessel"
+import { Core } from "@ragestudio/vessel"
 
 import { createRoot } from "react-dom/client"