ywana-core8 0.0.831 → 0.0.833

package/package.json

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

package/src/incubator/task-test.js

@@ -1,6 +1,6 @@
 import { useContext, useState } from "react"
 import { Button } from "../html"
-import { TaskContext, TaskContextProvider, TaskMonitor } from "./task"
+import { TaskContext, TaskContextProvider, TaskMonitor, TASK_STATES } from "./task"
 
 /**
  * Task Example 
@@ -35,11 +35,30 @@ const CreateTaskButton = (props) => {
     const taskContext = useContext(TaskContext)
 
     async function run() {
-        taskContext.createTask({
+
+        const listener = async (task, taskContext) => {
+            console.log("LISTENER FOR TASK: ", task)
+            
+            if (task.percentage === 100) {
+                console.log("TASK COMPLETED: ", task)
+                taskContext.updateTask(Object.assign({}, task, { state: TASK_STATES.COMPLETED }))
+                taskContext.removeListener(task.id)
+            } else {   
+                const percentage = task.percentage + 10 || 0
+                const nextTask = Object.assign({}, task, { percentage })
+                await taskContext.updateTask(nextTask)
+            }
+            
+        }
+
+        await taskContext.createTask({
             name: "TEST",
             description: "Test Task " + Date.now(),
             result: "OK",
-        })
+            percentage: 0
+        }, listener)
+
+        return
     }
 
     return (
@@ -50,20 +69,13 @@ const CreateTaskButton = (props) => {
 
 const TaskTest = (props) => {
 
-    const taskListeners = {
-        "TEST": (task, taskContext) => { 
-            console.log("LISTENER FOR TASK: ", task)
-            taskContext.updateTask(Object.assign({}, task, { percentage: task.percentage + 1 }))
-        }
-    }
-
     const taskEditors = {
         "TEST": (task) => <div>{task.description} {task.state}</div>,
     }
 
     return (
-        <TaskContextProvider host="http://localhost:3001" listeners={taskListeners} >
-            <TaskMonitor editors={taskEditors} from="2023-10-21"/>
+        <TaskContextProvider host="http://localhost:3000" frequency={1000}>
+            <TaskMonitor editors={taskEditors} from="2023-10-21" frequency={2000}/>
             <CreateTaskButton />
         </TaskContextProvider>
     )

package/src/incubator/task.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useContext, useState } from 'react'
 import { CollectionAPI } from '../domain/CollectionAPI'
 import { FORMATS, TYPES } from '../domain/ContentType'
-import { LinearProgress, Header, DataTable, Icon, TextField } from '../html'
+import { LinearProgress, Header, DataTable, Icon, Chip } from '../html'
 import "./task.css"
 
 /**
@@ -78,10 +78,10 @@ export const TaskContextProvider = (props) => {
             if (taskIDs.length === 0) return
             for (let i = 0; i < taskIDs.length; i++) {
                 const taskID = taskIDs[i]
-                const task = await context.task(taskID)
-                if (task) {
+                const tsk = await task(taskID)
+                if (tsk) {
                     const listener = _listeners[taskID]
-                    if (listener) listener(task)
+                    if (listener) listener(tsk, value)
                 }
             }
         }, frequency)
@@ -94,6 +94,7 @@ export const TaskContextProvider = (props) => {
         createTask,
         updateTask,
         removeTask,
+        listeners: _listeners,
         addListener,
         removeListener
     };
@@ -148,22 +149,19 @@ export const TaskProgress = (props) => {
  */
 export const TaskMonitor = (props) => {
 
-    const { title = "Task Monitor", filters = {}, editors } = props
+    const { title = "Task Monitor", filters = {}, editors, frequency = 5000 } = props
     const context = useContext(TaskContext)
     const [tasks = [], setTasks] = useState([])
-    const [from, setFrom ] = useState(props.from)
 
     useEffect(() => {
         refresh()
         const interval = setInterval(() => {
             refresh()
-        }, 5000)
+        }, frequency)
         return () => { clearInterval(interval) }
     }, [])
 
     async function refresh() {
-        if (from) filters["from"] = from
-        console.log("refresh", filters)
         const tasks = await context.tasks(filters)
         setTasks(tasks)
     }
@@ -173,14 +171,10 @@ export const TaskMonitor = (props) => {
         refresh()
     }
 
-    function changeFrom(id, value) {
-        setFrom(value)
-    }
-
     const table = {
         columns: [
             { id: "state", label: "Estado" },
-            { id: "init", label: "Inicio", type: TYPES.STRING, format: FORMATS.DATE},
+            { id: "init", label: "Inicio", type: TYPES.STRING, format: FORMATS.DATE },
             { id: "end", label: "Fin", type: TYPES.STRING, format: FORMATS.DATE },
             { id: "description", label: "Descripcion" },
             { id: "progress", label: "%" },
@@ -218,7 +212,7 @@ export const TaskMonitor = (props) => {
     return (
         <div className="task-manager">
             <Header icon="list" title={title} >
-                { from ? <TextField id="from" type="date" label="From" value={from} onChange={changeFrom} /> : null }
+                { context.listeners ? <Chip label={Object.keys(context.listeners).length} /> : null  }
             </Header>
             <main>
                 <DataTable {...table} />