ywana-core8 0.0.838 → 0.0.840

package/package.json

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

package/src/incubator/index.js

@@ -1,4 +1,4 @@
 export { Wizard, WizardContext } from './wizard'
-export { TaskContextProvider, TaskContext, TaskMonitor, TaskProgress } from './task'
+export { TaskContextProvider, TaskContext, TaskMonitor, TaskProgress, TASK_STATES } from './task'
 export { UploadForm } from './upload'
 export * from './password'

package/src/incubator/task-test.js

@@ -30,6 +30,96 @@ import { TaskContext, TaskContextProvider, TaskMonitor, TASK_STATES } from "./ta
  
  **/
 
+function Queue(name, taskContext) {
+
+    const tasks = []
+
+    function queueTaskWrapper(task, listener) {
+        return {
+            task,
+            listener: (task, taskContext) => {
+                if (task.percentage === 100) {
+                    console.log("TASK COMPLETED: ", task);
+                    taskContext.updateTask(Object.assign({}, task, { state: TASK_STATES.COMPLETED }));
+                    if (listener) listener(task, taskContext);
+                    taskContext.removeListener(task.id);
+
+                    // 
+                }
+            },
+        };
+    }
+
+    const queue = {
+        tasks,
+        name,
+        init: (task, listener) => {
+            const taskWrapper = queueTaskWrapper(task, listener);
+            taskWrapper.task.queue = name;
+            taskWrapper.task.percentage = 0;
+            taskWrapper.task.state = TASK_STATES.QUEUED;
+            tasks.push(taskWrapper);
+            return queue;
+        },
+        next: (task, listener) => {
+            const taskWrapper = queueTaskWrapper(task, listener);
+            taskWrapper.task.queue = name;
+            taskWrapper.task.percentage = 0;
+            taskWrapper.task.state = TASK_STATES.QUEUED;
+            tasks.push(taskWrapper);
+            return queue;
+        },
+        end: (task, listener) => {
+            const taskWrapper = queueTaskWrapper(task, listener);
+            taskWrapper.task.percentage = 0;
+            taskWrapper.task.state = TASK_STATES.QUEUED;
+            tasks.push(taskWrapper);
+        },
+        save: async () => {
+            let nextTaskId = null
+            for (let taskWrapper of tasks.reverse()) {
+                const { task, listener } = taskWrapper
+                task.next = nextTaskId
+                const createdTask = await taskContext.createTask(task, listener)
+                nextTaskId = createdTask.id
+            }
+            tasks.reverse()
+        },
+        start: async () => {
+            const taskWrapper = tasks[0]
+            if (!taskWrapper) return null;
+            const { task } = taskWrapper;
+            task.state = TASK_STATES.RUNNING;
+            taskContext.updateTask(task);
+            return task;
+          }
+    }
+    return queue
+}
+
+const QueueExample = (props) => {
+
+    function listener1(task, taskContext) {
+        console.log("LISTENER1: ", task)
+    }
+
+    const queue1 = Queue("Q1")
+
+    queue1.init({ name: "TASK1" }, listener1)
+        .next({ name: "TASK2" }, listener1)
+        .next({ name: "TASK3" }, listener1)
+        .end({ name: "TASK4" }, listener1)
+
+    console.log(queue1.tasks)
+
+    return (
+        <div>QUEUE EXAMPLE</div>
+    )
+}
+
+
+
+
 const CreateTaskButton = (props) => {
 
     const taskContext = useContext(TaskContext)
@@ -37,19 +127,19 @@ const CreateTaskButton = (props) => {
     async function run() {
 
         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 {   
+            } else {
                 const percentage = task.percentage + 10 || 0
                 const nextTask = Object.assign({}, task, { percentage })
                 await taskContext.updateTask(nextTask)
             }
-            
+
         }
 
         await taskContext.createTask({
@@ -76,7 +166,7 @@ const TaskTest = (props) => {
 
     return (
         <TaskContextProvider host="http://localhost:3000" frequency={1000}>
-            <TaskMonitor editors={taskEditors} from="2023-10-21" frequency={2000}/>
+            <TaskMonitor editors={taskEditors} from="2023-10-21" frequency={2000} />
             <CreateTaskButton />
         </TaskContextProvider>
     )

package/src/incubator/task.js

@@ -19,6 +19,7 @@ export const TaskContextProvider = (props) => {
 
     useEffect(() => {
         const _interval = setInterval(async () => {
+            console.log("TASKS INTERVAL", listeners)
             const taskIDs = Object.keys(listeners)
             for (let i = 0; i < taskIDs.length; i++) {
                 const taskID = taskIDs[i]
@@ -81,6 +82,11 @@ export const TaskContextProvider = (props) => {
         setListeners(next)
     }
 
+    function addListeners(newListeners) {
+        const next = { ...listeners, ...newListeners }
+        setListeners(next)
+    }
+
     function removeListener(taskID) {
         const next = { ...listeners }
         delete next[taskID]
@@ -95,6 +101,7 @@ export const TaskContextProvider = (props) => {
         removeTask,
         listeners,
         addListener,
+        addListeners,
         removeListener
     };
 
@@ -111,9 +118,11 @@ export const TaskContextProvider = (props) => {
 export const TASK_STATES = {
     "CREATED": "CREATED",
     "RUNNING": "RUNNING",
-    "COMPLETED": "COMPPLETED",
+    "COMPLETED": "COMPLETED",
     "FAULTED": "FAULTED",
-    "CANCELED": "CANCELED"
+    "CANCELED": "CANCELED",
+
+    "QUEUED": "QUEUED",
 }
 
 /**