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>
28 lines
1.2 KiB
TypeScript
28 lines
1.2 KiB
TypeScript
/// <reference types="node" />
|
|
import type { ReactElement } from 'react';
|
|
import type { ImageResponseNodeOptions, ImageResponseOptions, FigmaImageResponseProps } from './types';
|
|
import { Readable } from 'stream';
|
|
export declare class ImageResponse extends Response {
|
|
constructor(element: ReactElement, options?: ImageResponseOptions);
|
|
}
|
|
/**
|
|
* Creates a pipeable stream of the rendered image in a lambda function.
|
|
* All parameters are the same as `ImageResponse`.
|
|
* @example
|
|
* ```js
|
|
* import { unstable_createNodejsStream } from '@vercel/og'
|
|
*
|
|
* export default async (req, res) => {
|
|
* const stream = await unstable_createNodejsStream(<div>Hello World</div>, { ... })
|
|
* res.setHeader('Content-Type', 'image/png')
|
|
* res.setHeader('Cache-Control', 'public, max-age=31536000, immutable')
|
|
* res.statusCode = 200
|
|
* res.statusMessage = 'OK'
|
|
* stream.pipe(res)
|
|
* }
|
|
* ```
|
|
*/
|
|
export declare function unstable_createNodejsStream(element: ReactElement, options?: Omit<ImageResponseNodeOptions, 'status' | 'statusText' | 'headers'>): Promise<Readable>;
|
|
export declare const experimental_FigmaImageResponse: (props: FigmaImageResponseProps) => Promise<import("./index.edge").ImageResponse>;
|
|
export declare type NodeImageResponse = typeof ImageResponse;
|