ywana-core8 0.0.832 → 0.0.834

package/package.json

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

package/src/domain/index.js

@@ -4,6 +4,7 @@ export { ContentEditor, TabbedContentEditor, CollectionEditor, TreededContentEdi
 export { ContentViewer } from './ContentViewer'
 export { CreateContentDialog } from './CreateContentDialog'
 export { EditContentDialog } from './EditContentDialog'
+export { CollectionAPI } from './CollectionAPI'
 export { CollectionPage, CollectionContext, CollectionTree, CollectionFilters } from './CollectionPage'
 export { TablePage, TableEditor } from './TablePage'
 export { TablePage2 } from './TablePage2'

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,31 @@ 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 +70,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

@@ -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)
@@ -149,7 +149,7 @@ 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([])
 
@@ -157,7 +157,7 @@ export const TaskMonitor = (props) => {
         refresh()
         const interval = setInterval(() => {
             refresh()
-        }, 5000)
+        }, frequency)
         return () => { clearInterval(interval) }
     }, [])