import { canCompleteTask } from '@tour-kit/checklists';

const completed = new Set(['step1', 'step2']);
const task = { id: 'step3', dependsOn: ['step1', 'step2'] };

const canComplete = canCompleteTask(task, completed, allTasks);
// true

import { resolveTaskDependencies } from '@tour-kit/checklists';

const deps = resolveTaskDependencies('step3', allTasks);
// ['step1', 'step2']

import { hasCircularDependency } from '@tour-kit/checklists';

const tasks = [
  { id: 'a', dependsOn: ['b'] },
  { id: 'b', dependsOn: ['a'] }, // Circular!
];

if (hasCircularDependency(tasks)) {
  throw new Error('Circular dependency detected');
}

function DependencyGraph({ tasks }) {
  const deps = {};

  tasks.forEach((task) => {
    deps[task.id] = resolveTaskDependencies(task.id, tasks);
  });

  return (
    <div>
      {Object.entries(deps).map(([taskId, dependencies]) => (
        <div key={taskId}>
          <strong>{taskId}</strong>
          {dependencies.length > 0 && (
            <ul>
              {dependencies.map((depId) => (
                <li key={depId}>{depId}</li>
              ))}
            </ul>
          )}
        </div>
      ))}
    </div>
  );
}