|
@@ -1,10 +1,12 @@
|
|
|
import { io } from "socket.io-client"
|
|
import { io } from "socket.io-client"
|
|
|
|
|
|
|
|
const LOG_CONNECTIONS = false
|
|
const LOG_CONNECTIONS = false
|
|
|
-const LOG_EVENTS = false
|
|
|
|
|
|
|
+const LOG_EVENTS = true
|
|
|
const LOG_LISTENERS = false
|
|
const LOG_LISTENERS = false
|
|
|
const LOG_HOOKS = false
|
|
const LOG_HOOKS = false
|
|
|
|
|
|
|
|
|
|
+const getContext = () => (import.meta.server ? "server" : "client")
|
|
|
|
|
+
|
|
|
// noinspection JSUnusedGlobalSymbols
|
|
// noinspection JSUnusedGlobalSymbols
|
|
|
export default defineNuxtPlugin({
|
|
export default defineNuxtPlugin({
|
|
|
name: "socketio",
|
|
name: "socketio",
|
|
@@ -28,7 +30,7 @@ export default defineNuxtPlugin({
|
|
|
if (LOG_EVENTS) {
|
|
if (LOG_EVENTS) {
|
|
|
// log all outgoing events
|
|
// log all outgoing events
|
|
|
socket.onAnyOutgoing((eventName, ...args) =>
|
|
socket.onAnyOutgoing((eventName, ...args) =>
|
|
|
- console.log("[app socketio] [outgoing]", eventName, args)
|
|
|
|
|
|
|
+ console.log("[app socketio] [outgoing]", getContext(), eventName, args)
|
|
|
)
|
|
)
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -43,7 +45,7 @@ export default defineNuxtPlugin({
|
|
|
if (LOG_CONNECTIONS) {
|
|
if (LOG_CONNECTIONS) {
|
|
|
console.log(
|
|
console.log(
|
|
|
"[app socketio] [onConnect]",
|
|
"[app socketio] [onConnect]",
|
|
|
- import.meta.server ? "server" : "client",
|
|
|
|
|
|
|
+ getContext(),
|
|
|
transport.value,
|
|
transport.value,
|
|
|
isSignedIn.value ? user.value.username : ""
|
|
isSignedIn.value ? user.value.username : ""
|
|
|
)
|
|
)
|
|
@@ -54,7 +56,7 @@ export default defineNuxtPlugin({
|
|
|
if (LOG_CONNECTIONS) {
|
|
if (LOG_CONNECTIONS) {
|
|
|
console.log(
|
|
console.log(
|
|
|
"[app socketio] [onDisconnect]",
|
|
"[app socketio] [onDisconnect]",
|
|
|
- import.meta.server ? "server" : "client",
|
|
|
|
|
|
|
+ getContext(),
|
|
|
transport.value,
|
|
transport.value,
|
|
|
isSignedIn.value ? user.value.username : ""
|
|
isSignedIn.value ? user.value.username : ""
|
|
|
)
|
|
)
|
|
@@ -82,10 +84,7 @@ export default defineNuxtPlugin({
|
|
|
} = useNuxtApp()
|
|
} = useNuxtApp()
|
|
|
|
|
|
|
|
if (LOG_HOOKS) {
|
|
if (LOG_HOOKS) {
|
|
|
- console.log(
|
|
|
|
|
- "[app socketio] [app:mounted]",
|
|
|
|
|
- import.meta.server ? "server" : "client"
|
|
|
|
|
- )
|
|
|
|
|
|
|
+ console.log("[app socketio] [app:mounted]", getContext())
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
useEventHandlers()
|
|
useEventHandlers()
|
|
@@ -95,24 +94,18 @@ export default defineNuxtPlugin({
|
|
|
|
|
|
|
|
// noinspection JSUnresolvedReference
|
|
// noinspection JSUnresolvedReference
|
|
|
_forIn(socket._callbacks, (callbacks, event) => {
|
|
_forIn(socket._callbacks, (callbacks, event) => {
|
|
|
- console.log(`${event}`, callbacks)
|
|
|
|
|
|
|
+ console.log(event, callbacks)
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// reconnect on signin/signout
|
|
// reconnect on signin/signout
|
|
|
- watch(
|
|
|
|
|
- useAuthClient().isSignedIn,
|
|
|
|
|
- () => socket.disconnect().connect()
|
|
|
|
|
- )
|
|
|
|
|
|
|
+ watch(useAuthClient().isSignedIn, () => socket.disconnect().connect())
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
"app:rendered": () => {
|
|
"app:rendered": () => {
|
|
|
if (LOG_HOOKS) {
|
|
if (LOG_HOOKS) {
|
|
|
- console.log(
|
|
|
|
|
- "[app socketio] [app:rendered]",
|
|
|
|
|
- import.meta.server ? "server" : "client"
|
|
|
|
|
- )
|
|
|
|
|
|
|
+ console.log("[app socketio] [app:rendered]", getContext())
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
useNuxtApp().$socketio.socket.disconnect()
|
|
useNuxtApp().$socketio.socket.disconnect()
|