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>
45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
import type { ComponentType } from 'react';
|
|
import type { RouteLoader } from './route-loader';
|
|
import type { MiddlewareMatcher } from '../build/analysis/get-page-static-info';
|
|
declare global {
|
|
interface Window {
|
|
__DEV_MIDDLEWARE_MATCHERS?: MiddlewareMatcher[];
|
|
__DEV_PAGES_MANIFEST?: {
|
|
pages: string[];
|
|
};
|
|
__SSG_MANIFEST_CB?: () => void;
|
|
__SSG_MANIFEST?: Set<string>;
|
|
}
|
|
}
|
|
export type StyleSheetTuple = {
|
|
href: string;
|
|
text: string;
|
|
};
|
|
export type GoodPageCache = {
|
|
page: ComponentType;
|
|
mod: any;
|
|
styleSheets: StyleSheetTuple[];
|
|
};
|
|
export default class PageLoader {
|
|
private buildId;
|
|
private assetPrefix;
|
|
private promisedSsgManifest;
|
|
private promisedDevPagesManifest?;
|
|
private promisedMiddlewareMatchers?;
|
|
routeLoader: RouteLoader;
|
|
constructor(buildId: string, assetPrefix: string);
|
|
getPageList(): string[] | Promise<string[]>;
|
|
getMiddleware(): MiddlewareMatcher[] | Promise<MiddlewareMatcher[]> | undefined;
|
|
getDataHref(params: {
|
|
asPath: string;
|
|
href: string;
|
|
locale?: string | false;
|
|
skipInterpolation?: boolean;
|
|
}): string;
|
|
_isSsg(
|
|
/** the route (file-system path) */
|
|
route: string): Promise<boolean>;
|
|
loadPage(route: string): Promise<GoodPageCache>;
|
|
prefetch(route: string): Promise<void>;
|
|
}
|