ywana-core8 0.0.834 → 0.0.836

package/package.json

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

package/src/domain2/index.js

@@ -1,3 +1,4 @@
 export { CollectionContext as CollectionContext2 } from './CollectionContext'
 export { CollectionPage as CollectionPage2 } from './CollectionPage'
+export { CollectionAPI as CollectionAPI2 } from './CollectionAPI'
 export { DynamicForm } from './DynamicForm'

package/src/incubator/task.js

@@ -1,7 +1,6 @@
 import React, { useEffect, useContext, useState } from 'react'
-import { CollectionAPI } from '../domain/CollectionAPI'
-import { FORMATS, TYPES } from '../domain/ContentType'
-import { LinearProgress, Header, DataTable, Icon, Chip } from '../html'
+import { CollectionAPI, FORMATS, TYPES } from '../domain'
+import { Icon, DataTable, Header, LinearProgress } from '../html'
 import "./task.css"
 
 /**
@@ -14,9 +13,22 @@ export const TaskContext = React.createContext({})
  */
 export const TaskContextProvider = (props) => {
 
-    const { host, url = "/tasks", frequency = 5000, children, listeners = {} } = props
+    const { host, url = "/tasks", frequency = 1000, children } = props
     const API = CollectionAPI(url, host)
-    const _listeners = Object.assign({}, listeners)
+    const [ listeners, setListeners ] = useState({})
+
+    useEffect(() => {
+        const _interval = setInterval(async () => {
+            const taskIDs = Object.keys(listeners)
+            for (let i = 0; i < taskIDs.length; i++) {
+                const taskID = taskIDs[i]
+                const listener = listeners[taskID]
+                const tsk = await task(taskID)
+                if (listener) listener(tsk)
+            }
+        }, frequency)
+        return () => clearInterval(_interval)
+    }, [listeners])
 
     async function tasks(filters, likes) {
         try {
@@ -65,36 +77,23 @@ export const TaskContextProvider = (props) => {
     }
 
     function addListener(taskID, listener) {
-        _listeners[taskID] = listener
+        const next = { ...listeners, [taskID]: listener }
+        setListeners(next)
     }
 
     function removeListener(taskID) {
-        delete _listeners[taskID]
+        const next = { ...listeners }
+        delete next[taskID]
+        setListeners(next)
     }
 
-    useEffect(() => {
-        const interval = setInterval(async () => {
-            const taskIDs = Object.keys(_listeners)
-            if (taskIDs.length === 0) return
-            for (let i = 0; i < taskIDs.length; i++) {
-                const taskID = taskIDs[i]
-                const tsk = await task(taskID)
-                if (tsk) {
-                    const listener = _listeners[taskID]
-                    if (listener) listener(tsk, value)
-                }
-            }
-        }, frequency)
-        return () => clearInterval(interval)
-    }, [])
-
     const value = {
         tasks,
         task,
         createTask,
         updateTask,
         removeTask,
-        listeners: _listeners,
+        listeners,
         addListener,
         removeListener
     };
@@ -212,7 +211,7 @@ export const TaskMonitor = (props) => {
     return (
         <div className="task-manager">
             <Header icon="list" title={title} >
-                { context.listeners ? <Chip label={Object.keys(context.listeners).length} /> : null  }
+                
             </Header>
             <main>
                 <DataTable {...table} />