ywana-core8 0.0.989 → 0.0.991

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.989",
+  "version": "0.0.991",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/incubator/task.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useContext, useState } from 'react'
+import React, { useEffect, useContext, useState, useRef } from 'react'
 import { CollectionAPI, FORMATS, TYPES } from '../domain'
 import { Icon, DataTable, Header, LinearProgress, Text } from '../html'
 import "./task.css"
@@ -15,28 +15,32 @@ export const TaskContextProvider = (props) => {
 
     const { host, url = "/tasks", frequency = 1000, children, ctx } = props
     const API = CollectionAPI(url, host, "")
-    const [ listeners, setListeners ] = useState({})
-    const appContext = useContext(ctx)
+    const [listeners, setListeners] = useState({})
+    const appContext = useContext(appContext)
+    const appContextRef = useRef(appContext)
 
     useEffect(() => {
-        
-        if (Object.keys(listeners).length === 0) return
+        appContextRef.current = appContext
+    }, [appContext])
 
+    useEffect(() => {
+        if (Object.keys(listeners).length === 0) return
         const _interval = setInterval(async () => {
-            const taskIDs = Object.keys(listeners)
-            for (let i = 0; i < taskIDs.length; i++) {
-                
-                const taskID = taskIDs[i]
-                const tsk = await task(taskID)
-
-                const listener = listeners[taskID]
-                if (listener) listener(tsk,appContext)
-            
-            }
+            executeListeners()
         }, frequency)
         return () => clearInterval(_interval)
     }, [listeners])
 
+    async function executeListeners() {
+        const taskIDs = Object.keys(listeners)
+        for (let i = 0; i < taskIDs.length; i++) {
+            const taskID = taskIDs[i]
+            const tsk = await task(taskID)
+            const listener = listeners[taskID]
+            if (listener) listener(tsk, appContextRef.current)
+        }
+    }
+
     async function tasks(filters, likes) {
         try {
             const response = await API.all(filters, likes);
@@ -227,8 +231,8 @@ export const TaskMonitor = (props) => {
         setMinimized(!minimized)
     }
 
-   const toggleIcon = minimized ? "expand_less" : "expand_more"
-   const viewStyle = minimized ? "minimized" : ""  //
+    const toggleIcon = minimized ? "expand_less" : "expand_more"
+    const viewStyle = minimized ? "minimized" : ""  //
 
     return (
         <div className={`task-manager ${viewStyle}`}>