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>
52 lines
2.4 KiB
TypeScript
52 lines
2.4 KiB
TypeScript
/// <reference types="node" />
|
|
import type { IncomingMessage, ServerResponse } from 'http';
|
|
import type { ActionResult, DynamicParamTypesShort, FlightRouterState, FlightSegmentPath, RenderOpts, Segment } from './types';
|
|
import type { StaticGenerationStore } from '../../client/components/static-generation-async-storage.external';
|
|
import type { RequestStore } from '../../client/components/request-async-storage.external';
|
|
import type { NextParsedUrlQuery } from '../request-meta';
|
|
import type { AppPageModule } from '../future/route-modules/app-page/module';
|
|
import type { ClientReferenceManifest } from '../../build/webpack/plugins/flight-manifest-plugin';
|
|
import type { Revalidate } from '../lib/revalidate';
|
|
import RenderResult, { type AppPageRenderResultMetadata } from '../render-result';
|
|
import { type ErrorHandler } from './create-error-handler';
|
|
export type GetDynamicParamFromSegment = (segment: string) => {
|
|
param: string;
|
|
value: string | string[] | null;
|
|
treeSegment: Segment;
|
|
type: DynamicParamTypesShort;
|
|
} | null;
|
|
type AppRenderBaseContext = {
|
|
staticGenerationStore: StaticGenerationStore;
|
|
requestStore: RequestStore;
|
|
componentMod: AppPageModule;
|
|
renderOpts: RenderOpts;
|
|
};
|
|
export type GenerateFlight = typeof generateFlight;
|
|
export type AppRenderContext = AppRenderBaseContext & {
|
|
getDynamicParamFromSegment: GetDynamicParamFromSegment;
|
|
query: NextParsedUrlQuery;
|
|
isPrefetch: boolean;
|
|
requestTimestamp: number;
|
|
appUsingSizeAdjustment: boolean;
|
|
flightRouterState?: FlightRouterState;
|
|
requestId: string;
|
|
defaultRevalidate: Revalidate;
|
|
pagePath: string;
|
|
clientReferenceManifest: ClientReferenceManifest;
|
|
assetPrefix: string;
|
|
flightDataRendererErrorHandler: ErrorHandler;
|
|
serverComponentsErrorHandler: ErrorHandler;
|
|
isNotFoundPath: boolean;
|
|
res: ServerResponse;
|
|
};
|
|
export type CreateSegmentPath = (child: FlightSegmentPath) => FlightSegmentPath;
|
|
declare function generateFlight(ctx: AppRenderContext, options?: {
|
|
actionResult: ActionResult;
|
|
skipFlight: boolean;
|
|
asNotFound?: boolean;
|
|
}): Promise<RenderResult>;
|
|
export type BinaryStreamOf<T> = ReadableStream<Uint8Array>;
|
|
export type AppPageRender = (req: IncomingMessage, res: ServerResponse, pagePath: string, query: NextParsedUrlQuery, renderOpts: RenderOpts) => Promise<RenderResult<AppPageRenderResultMetadata>>;
|
|
export declare const renderToHTMLOrFlight: AppPageRender;
|
|
export {};
|