f1d51b8cc8
- Foldable left panel (user profile) and right panel (task details) - Clicking a task in the list or graph node selects it and shows details - Both views (task list + graph) always mounted via absolute inset-0 for correct canvas dimensions; tabs toggle visibility with opacity - Graph node selection animation: other nodes repel outward (charge -600), then selected node smoothly slides to center (500ms cubic ease-out), then charge restores to -120 and graph stabilizes - Graph re-fits on tab switch and panel resize via ResizeObserver - Fix UUID string IDs throughout (backend returns UUIDs, not integers) - Add TaskDetailPanel, UserPanel components - Add CLAUDE.md project documentation Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
37 lines
1.4 KiB
JavaScript
37 lines
1.4 KiB
JavaScript
/**
|
|
* Schedules a function to be called on the next tick after the other promises
|
|
* have been resolved.
|
|
*
|
|
* @param cb the function to schedule
|
|
*/ export const scheduleOnNextTick = (cb)=>{
|
|
// We use Promise.resolve().then() here so that the operation is scheduled at
|
|
// the end of the promise job queue, we then add it to the next process tick
|
|
// to ensure it's evaluated afterwards.
|
|
//
|
|
// This was inspired by the implementation of the DataLoader interface: https://github.com/graphql/dataloader/blob/d336bd15282664e0be4b4a657cb796f09bafbc6b/src/index.js#L213-L255
|
|
//
|
|
Promise.resolve().then(()=>{
|
|
process.nextTick(cb);
|
|
});
|
|
};
|
|
/**
|
|
* Schedules a function to be called using `setImmediate` or `setTimeout` if
|
|
* `setImmediate` is not available (like in the Edge runtime).
|
|
*
|
|
* @param cb the function to schedule
|
|
*/ export const scheduleImmediate = (cb)=>{
|
|
if (process.env.NEXT_RUNTIME === "edge") {
|
|
setTimeout(cb, 0);
|
|
} else {
|
|
setImmediate(cb);
|
|
}
|
|
};
|
|
/**
|
|
* returns a promise than resolves in a future task. There is no guarantee that the task it resolves in
|
|
* will be the next task but if you await it you can at least be sure that the current task is over and
|
|
* most usefully that the entire microtask queue of the current task has been emptied.
|
|
*/ export function atLeastOneTask() {
|
|
return new Promise((resolve)=>scheduleImmediate(resolve));
|
|
}
|
|
|
|
//# sourceMappingURL=scheduler.js.map
|