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>
48 lines
1.9 KiB
JavaScript
48 lines
1.9 KiB
JavaScript
import { createRequestResponseMocks } from "./mock-request";
|
|
/**
|
|
* The DevBundlerService provides an interface to perform tasks with the
|
|
* bundler while in development.
|
|
*/ export class DevBundlerService {
|
|
constructor(bundler, handler){
|
|
this.bundler = bundler;
|
|
this.handler = handler;
|
|
this.ensurePage = async (definition)=>{
|
|
// TODO: remove after ensure is pulled out of server
|
|
return await this.bundler.hotReloader.ensurePage(definition);
|
|
};
|
|
this.logErrorWithOriginalStack = async (...args)=>{
|
|
return await this.bundler.logErrorWithOriginalStack(...args);
|
|
};
|
|
}
|
|
async getFallbackErrorComponents(url) {
|
|
await this.bundler.hotReloader.buildFallbackError();
|
|
// Build the error page to ensure the fallback is built too.
|
|
// TODO: See if this can be moved into hotReloader or removed.
|
|
await this.bundler.hotReloader.ensurePage({
|
|
page: "/_error",
|
|
clientOnly: false,
|
|
definition: undefined,
|
|
url
|
|
});
|
|
}
|
|
async getCompilationError(page) {
|
|
const errors = await this.bundler.hotReloader.getCompilationErrors(page);
|
|
if (!errors) return;
|
|
// Return the very first error we found.
|
|
return errors[0];
|
|
}
|
|
async revalidate({ urlPath, revalidateHeaders, opts: revalidateOpts }) {
|
|
const mocked = createRequestResponseMocks({
|
|
url: urlPath,
|
|
headers: revalidateHeaders
|
|
});
|
|
await this.handler(mocked.req, mocked.res);
|
|
await mocked.res.hasStreamed;
|
|
if (mocked.res.getHeader("x-nextjs-cache") !== "REVALIDATED" && !(mocked.res.statusCode === 404 && revalidateOpts.unstable_onlyGenerated)) {
|
|
throw new Error(`Invalid response ${mocked.res.statusCode}`);
|
|
}
|
|
return {};
|
|
}
|
|
}
|
|
|
|
//# sourceMappingURL=dev-bundler-service.js.map
|