npm-pkg-hook 1.12.0 → 1.12.3

package/package.json

@@ -7,8 +7,8 @@
     "js-cookie": "3.0.1",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-query": "^3.39.2",
     "xlsx": "0.18.5"
   },
@@ -46,5 +46,5 @@
     "rm": "rm -rf node_modules package-lock.json && npm i",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "version": "1.12.0"
-}
+  "version": "1.12.3"
+}

package/src/hooks/index.ts

@@ -143,3 +143,4 @@ export * from './useImageUploaderProduct'
 export * from './useTagProducts'
 export * from './useOrderStatusTypes'
 export * from './useCreateOrderStatusType'
+export * from './useDevWS'

package/src/hooks/useCreateOrderStatusType/index.ts

@@ -66,26 +66,49 @@ export const useCreateOrderStatusType = ({
     backgroundColor: 'success' | 'error' | 'info' | 'warning'
   }) => void
 }) => {
-  const [createOrderStatusType, { data, loading, error }] =useMutation<{ createOrderStatusType: ResponseOrderStatusType }>(CREATE_ORDER_STATUS_TYPE, {
-    onCompleted: (data) => {
-      const createOrderStatusType = data.createOrderStatusType
-      const { success, message } = createOrderStatusType ?? {
-        success: false,
-        message: 'Error desconocido'
+  const [createOrderStatusType, { data, loading, error }] =
+    useMutation<{ createOrderStatusType: ResponseOrderStatusType }>(
+      CREATE_ORDER_STATUS_TYPE,
+      {
+        update(cache, { data }) {
+          console.log("🚀 ~ useCreateOrderStatusType ~ data:", data, cache)
+          const newItem = data?.createOrderStatusType?.data
+          if (!newItem) return
+
+          cache.modify({
+            fields: {
+              getAllOrderStatusTypes(existing = {}) {
+              console.log("🚀 ~ useCreateOrderStatusType ~ existing:", existing)
+              
+              }
+            }
+          })
+        },
+
+        onCompleted: (data) => {
+          const res = data.createOrderStatusType
+          const { success, message } = res ?? {
+            success: false,
+            message: 'Error desconocido'
+          }
+
+          sendNotification({
+            title: success
+              ? 'Estado de orden creado'
+              : 'Error al crear el estado de orden',
+            description: message,
+            backgroundColor: success ? 'success' : 'error',
+          })
+        }
       }
-      sendNotification({
-        title: success ? 'Estado de orden creado' : 'Error al crear el estado de orden',
-        description: message,
-        backgroundColor: success ? 'success' : 'error',
-      })
-    }
-  })
+    )
 
   const handleCreateStatus = async (input: OrderStatusTypeInput) => {
     try {
       const response = await createOrderStatusType({
         variables: { data: input },
       })
+
       return response.data?.createOrderStatusType
     } catch (err) {
       sendNotification({
@@ -97,9 +120,13 @@ export const useCreateOrderStatusType = ({
     }
   }
 
-  return [handleCreateStatus, {
-    data: data?.createOrderStatusType,
-    loading,
-    error,
-  }]
+  return [
+    handleCreateStatus,
+    {
+      data: data?.createOrderStatusType,
+      loading,
+      error,
+    }
+  ]
 }
+

package/src/hooks/useDevWS/index.ts

@@ -0,0 +1,53 @@
+'use client'
+import { useEffect, useRef, useState } from 'react'
+
+export const useDevWS = () => {
+    const [status, setStatus] = useState("loading")
+    const wsRef = useRef<WebSocket | null>(null)
+
+    useEffect(() => {
+        let reconnectTimer: any
+
+        const connect = async () => {
+            try {
+                const r = await fetch('/api/ws-port')
+                const { port } = await r.json()
+
+                if (!port) {
+                    setStatus("down")
+                    reconnectTimer = setTimeout(connect, 2000)
+                    return
+                }
+
+                const ws = new WebSocket(`ws://localhost:${port}`)
+                wsRef.current = ws
+
+                ws.onopen = () => {
+                    setStatus("up")
+                }
+
+                ws.onerror = () => {
+                    setStatus("down")
+                    ws.close()
+                }
+
+                ws.onclose = () => {
+                    setStatus("down")
+                    reconnectTimer = setTimeout(connect, 2000)
+                }
+            } catch {
+                setStatus("down")
+                reconnectTimer = setTimeout(connect, 2000)
+            }
+        }
+
+        connect()
+
+        return () => {
+            wsRef.current?.close()
+            clearTimeout(reconnectTimer)
+        }
+    }, [])
+
+    return status
+}