@push.rocks/taskbuffer 3.1.10 → 3.4.0

package/dist_ts_web/ts_web/elements/taskbuffer-dashboard.demo.js

@@ -0,0 +1,285 @@
+import { html, css, cssManager } from '@design.estate/dees-element';
+import { TaskManager, Task } from '../../ts/index.js';
+import '../taskbuffer-dashboard.js';
+export const demoFunc = () => html `
+  <style>
+    ${css `
+      .demoWrapper {
+        box-sizing: border-box;
+        position: relative;
+        width: 100%;
+        min-height: 100vh;
+        padding: 48px;
+        background: ${cssManager.bdTheme('#f8f9fa', '#0a0a0a')};
+      }
+      
+      h1 {
+        font-size: 32px;
+        font-weight: 700;
+        color: ${cssManager.bdTheme('#09090b', '#fafafa')};
+        margin-bottom: 12px;
+        text-align: center;
+      }
+      
+      p {
+        font-size: 16px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+        text-align: center;
+        margin-bottom: 48px;
+      }
+    `}
+  </style>
+  
+  <div class="demoWrapper">
+    <h1>TaskBuffer Dashboard Demo</h1>
+    <p>Real-time visualization of task execution, progress tracking, and scheduling</p>
+    
+    <dees-demowrapper 
+      .title=${'Live Dashboard'}
+      .subtitle=${'Interactive task management dashboard with real-time updates'}
+      .runAfterRender=${async (element) => {
+    // Create TaskManager instance
+    const taskManager = new TaskManager();
+    // Get dashboard element
+    const dashboard = element.querySelector('taskbuffer-dashboard');
+    dashboard.taskManager = taskManager;
+    dashboard.refreshInterval = 500;
+    // Task counter for unique names
+    let taskCounter = 0;
+    // Helper to create random delay
+    const randomDelay = () => new Promise(resolve => setTimeout(resolve, Math.random() * 2000 + 500));
+    // Add initial demo tasks
+    const addDemoTasks = () => {
+        // Add simple task
+        const simpleTask = new Task({
+            name: `SimpleTask_${++taskCounter}`,
+            taskFunction: async () => {
+                console.log(`Executing SimpleTask_${taskCounter}`);
+                await randomDelay();
+                return `Result from SimpleTask_${taskCounter}`;
+            }
+        });
+        taskManager.addTask(simpleTask);
+        // Add task with steps
+        const steppedTask = new Task({
+            name: `SteppedTask_${++taskCounter}`,
+            steps: [
+                { name: 'init', description: 'Initializing', percentage: 20 },
+                { name: 'fetch', description: 'Fetching data', percentage: 30 },
+                { name: 'process', description: 'Processing', percentage: 35 },
+                { name: 'save', description: 'Saving results', percentage: 15 }
+            ],
+            taskFunction: async function () {
+                this.notifyStep('init');
+                await randomDelay();
+                this.notifyStep('fetch');
+                await randomDelay();
+                this.notifyStep('process');
+                await randomDelay();
+                this.notifyStep('save');
+                await randomDelay();
+                return `Completed SteppedTask_${taskCounter}`;
+            }
+        });
+        taskManager.addTask(steppedTask);
+        // Add buffered task
+        const bufferedTask = new Task({
+            name: `BufferedTask_${++taskCounter}`,
+            buffered: true,
+            bufferMax: 3,
+            steps: [
+                { name: 'buffer', description: 'Processing buffered item', percentage: 100 }
+            ],
+            taskFunction: async function (item) {
+                this.notifyStep('buffer');
+                console.log(`Processing buffered item: ${item}`);
+                await randomDelay();
+                return `Buffered task ${taskCounter} processed: ${item}`;
+            }
+        });
+        taskManager.addTask(bufferedTask);
+    };
+    // Add initial tasks
+    addDemoTasks();
+    // Automatically trigger some tasks
+    setTimeout(() => {
+        const tasks = taskManager.getAllTasksMetadata();
+        tasks.forEach(taskMeta => {
+            const task = taskManager.getTaskByName(taskMeta.name);
+            if (task && !taskMeta.name.includes('Scheduled')) {
+                if (taskMeta.buffered) {
+                    // Trigger buffered task multiple times
+                    for (let i = 0; i < 5; i++) {
+                        task.trigger(`Data_${i}`);
+                    }
+                }
+                else {
+                    task.trigger();
+                }
+            }
+        });
+    }, 2000);
+}}
+    >
+      <taskbuffer-dashboard></taskbuffer-dashboard>
+    </dees-demowrapper>
+    
+    <dees-demowrapper
+      .title=${'Scheduled Tasks'}
+      .subtitle=${'Tasks scheduled with cron expressions'}
+      .runAfterRender=${async (element) => {
+    // Create TaskManager instance
+    const taskManager = new TaskManager();
+    // Get dashboard element
+    const dashboard = element.querySelector('taskbuffer-dashboard');
+    dashboard.taskManager = taskManager;
+    dashboard.refreshInterval = 1000;
+    // Add scheduled tasks
+    const scheduledTask1 = new Task({
+        name: 'HourlyBackup',
+        steps: [
+            { name: 'prepare', description: 'Preparing backup', percentage: 30 },
+            { name: 'backup', description: 'Creating backup', percentage: 50 },
+            { name: 'verify', description: 'Verifying backup', percentage: 20 }
+        ],
+        taskFunction: async function () {
+            this.notifyStep('prepare');
+            await new Promise(resolve => setTimeout(resolve, 1000));
+            this.notifyStep('backup');
+            await new Promise(resolve => setTimeout(resolve, 2000));
+            this.notifyStep('verify');
+            await new Promise(resolve => setTimeout(resolve, 500));
+            return 'Backup completed';
+        }
+    });
+    const scheduledTask2 = new Task({
+        name: 'DailyReport',
+        steps: [
+            { name: 'collect', description: 'Collecting data', percentage: 40 },
+            { name: 'analyze', description: 'Analyzing data', percentage: 40 },
+            { name: 'send', description: 'Sending report', percentage: 20 }
+        ],
+        taskFunction: async function () {
+            this.notifyStep('collect');
+            await new Promise(resolve => setTimeout(resolve, 1500));
+            this.notifyStep('analyze');
+            await new Promise(resolve => setTimeout(resolve, 1500));
+            this.notifyStep('send');
+            await new Promise(resolve => setTimeout(resolve, 500));
+            return 'Report sent';
+        }
+    });
+    // Schedule tasks
+    taskManager.addAndScheduleTask(scheduledTask1, '0 * * * *'); // Every hour
+    taskManager.addAndScheduleTask(scheduledTask2, '0 0 * * *'); // Daily at midnight
+    // Also add them as regular tasks for demo
+    const demoTask = new Task({
+        name: 'DemoScheduledExecution',
+        steps: [
+            { name: 'execute', description: 'Simulating scheduled execution', percentage: 100 }
+        ],
+        taskFunction: async function () {
+            this.notifyStep('execute');
+            await new Promise(resolve => setTimeout(resolve, 1000));
+            // Trigger scheduled tasks for demo
+            scheduledTask1.trigger();
+            scheduledTask2.trigger();
+            return 'Triggered scheduled tasks for demo';
+        }
+    });
+    taskManager.addTask(demoTask);
+    // Trigger demo after 2 seconds
+    setTimeout(() => {
+        demoTask.trigger();
+    }, 2000);
+}}
+    >
+      <taskbuffer-dashboard></taskbuffer-dashboard>
+    </dees-demowrapper>
+    
+    <dees-demowrapper
+      .title=${'Task Execution Control'}
+      .subtitle=${'Interactive controls for task management'}
+      .runAfterRender=${async (element) => {
+    // Create TaskManager instance
+    const taskManager = new TaskManager();
+    // Get dashboard element
+    const dashboard = element.querySelector('taskbuffer-dashboard');
+    dashboard.taskManager = taskManager;
+    dashboard.refreshInterval = 300;
+    // Add control buttons
+    const controlsDiv = document.createElement('div');
+    controlsDiv.style.cssText = `
+          display: flex;
+          gap: 8px;
+          margin-bottom: 16px;
+          flex-wrap: wrap;
+        `;
+    const createButton = (text, onClick, style = '') => {
+        const button = document.createElement('button');
+        button.textContent = text;
+        button.style.cssText = `
+            padding: 8px 16px;
+            border: none;
+            border-radius: 6px;
+            cursor: pointer;
+            font-size: 14px;
+            transition: all 0.2s;
+            ${style}
+          `;
+        button.onclick = onClick;
+        return button;
+    };
+    let taskCounter = 0;
+    // Add task button
+    controlsDiv.appendChild(createButton('Add Task', () => {
+        const task = new Task({
+            name: `Task_${++taskCounter}`,
+            steps: [
+                { name: 'step1', description: 'Step 1', percentage: 33 },
+                { name: 'step2', description: 'Step 2', percentage: 33 },
+                { name: 'step3', description: 'Step 3', percentage: 34 }
+            ],
+            taskFunction: async function () {
+                for (const step of ['step1', 'step2', 'step3']) {
+                    this.notifyStep(step);
+                    await new Promise(resolve => setTimeout(resolve, 1000));
+                }
+                return `Task_${taskCounter} completed`;
+            }
+        });
+        taskManager.addTask(task);
+    }, 'background: #3b82f6; color: white;'));
+    // Trigger all button
+    controlsDiv.appendChild(createButton('Trigger All', () => {
+        const tasks = taskManager.getAllTasksMetadata();
+        tasks.forEach(taskMeta => {
+            const task = taskManager.getTaskByName(taskMeta.name);
+            if (task) {
+                task.trigger();
+            }
+        });
+    }, 'background: #22c55e; color: white;'));
+    // Clear all button
+    controlsDiv.appendChild(createButton('Clear All', () => {
+        const tasks = taskManager.getAllTasksMetadata();
+        tasks.forEach(taskMeta => {
+            const task = taskManager.getTaskByName(taskMeta.name);
+            if (task) {
+                taskManager.taskMap.remove(task);
+                taskManager.descheduleTaskByName(taskMeta.name);
+            }
+        });
+    }, 'background: #ef4444; color: white;'));
+    element.insertBefore(controlsDiv, dashboard);
+    // Add some initial tasks
+    for (let i = 0; i < 3; i++) {
+        controlsDiv.querySelector('button').click();
+    }
+}}
+    >
+      <taskbuffer-dashboard></taskbuffer-dashboard>
+    </dees-demowrapper>
+  </div>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFza2J1ZmZlci1kYXNoYm9hcmQuZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy90YXNrYnVmZmVyLWRhc2hib2FyZC5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDdEQsT0FBTyw0QkFBNEIsQ0FBQztBQUVwQyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOztNQUU1QixHQUFHLENBQUE7Ozs7Ozs7c0JBT2EsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7Ozs7aUJBTTdDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7OztpQkFPeEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7O0tBSXBEOzs7Ozs7OztlQVFVLGdCQUFnQjtrQkFDYiw4REFBOEQ7d0JBQ3hELEtBQUssRUFBRSxPQUFPLEVBQUUsRUFBRTtJQUNsQyw4QkFBOEI7SUFDOUIsTUFBTSxXQUFXLEdBQUcsSUFBSSxXQUFXLEVBQUUsQ0FBQztJQUV0Qyx3QkFBd0I7SUFDeEIsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ2hFLFNBQVMsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0lBQ3BDLFNBQVMsQ0FBQyxlQUFlLEdBQUcsR0FBRyxDQUFDO0lBRWhDLGdDQUFnQztJQUNoQyxJQUFJLFdBQVcsR0FBRyxDQUFDLENBQUM7SUFFcEIsZ0NBQWdDO0lBQ2hDLE1BQU0sV0FBVyxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksT0FBTyxD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

package/dist_ts_web/ts_web/index.d.ts

@@ -0,0 +1,2 @@
+export * from './taskbuffer-dashboard.js';
+export type { TaskManager, Task, ITaskMetadata, ITaskExecutionReport, IScheduledTaskInfo, ITaskStep } from '../ts/index.js';

package/dist_ts_web/ts_web/index.js

@@ -0,0 +1,3 @@
+// Export web components
+export * from './taskbuffer-dashboard.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsd0JBQXdCO0FBQ3hCLGNBQWMsMkJBQTJCLENBQUMifQ==

package/dist_ts_web/ts_web/taskbuffer-dashboard.d.ts

@@ -0,0 +1,24 @@
+import { DeesElement } from '@design.estate/dees-element';
+import type { TaskManager } from '../ts/index.js';
+/**
+ * A web component that displays TaskManager tasks with progress visualization
+ */
+export declare class TaskbufferDashboard extends DeesElement {
+    taskManager: TaskManager | null;
+    refreshInterval: number;
+    private tasks;
+    private scheduledTasks;
+    private isRunning;
+    private refreshTimer;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): Promise<void>;
+    private startRefreshing;
+    private stopRefreshing;
+    private updateData;
+    private formatNextRun;
+    private formatDuration;
+    render(): import("@design.estate/dees-element").TemplateResult<1>;
+    private renderTaskCard;
+    private renderScheduledTaskCard;
+}