- 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>
69 lines
1.8 KiB
TypeScript
69 lines
1.8 KiB
TypeScript
import Container, { ContainerProps } from './container.js'
|
||
import { ProcessOptions } from './postcss.js'
|
||
import Result from './result.js'
|
||
import Root from './root.js'
|
||
|
||
declare namespace Document {
|
||
export interface DocumentProps extends ContainerProps {
|
||
nodes?: readonly Root[]
|
||
|
||
/**
|
||
* Information to generate byte-to-byte equal node string as it was
|
||
* in the origin input.
|
||
*
|
||
* Every parser saves its own properties.
|
||
*/
|
||
raws?: Record<string, any>
|
||
}
|
||
|
||
export { Document_ as default }
|
||
}
|
||
|
||
/**
|
||
* Represents a file and contains all its parsed nodes.
|
||
*
|
||
* **Experimental:** some aspects of this node could change within minor
|
||
* or patch version releases.
|
||
*
|
||
* ```js
|
||
* const document = htmlParser(
|
||
* '<html><style>a{color:black}</style><style>b{z-index:2}</style>'
|
||
* )
|
||
* document.type //=> 'document'
|
||
* document.nodes.length //=> 2
|
||
* ```
|
||
*/
|
||
declare class Document_ extends Container<Root> {
|
||
nodes: Root[]
|
||
parent: undefined
|
||
type: 'document'
|
||
|
||
constructor(defaults?: Document.DocumentProps)
|
||
|
||
assign(overrides: Document.DocumentProps | object): this
|
||
clone(overrides?: Partial<Document.DocumentProps>): this
|
||
cloneAfter(overrides?: Partial<Document.DocumentProps>): this
|
||
cloneBefore(overrides?: Partial<Document.DocumentProps>): this
|
||
|
||
/**
|
||
* Returns a `Result` instance representing the document’s CSS roots.
|
||
*
|
||
* ```js
|
||
* const root1 = postcss.parse(css1, { from: 'a.css' })
|
||
* const root2 = postcss.parse(css2, { from: 'b.css' })
|
||
* const document = postcss.document()
|
||
* document.append(root1)
|
||
* document.append(root2)
|
||
* const result = document.toResult({ to: 'all.css', map: true })
|
||
* ```
|
||
*
|
||
* @param opts Options.
|
||
* @return Result with current document’s CSS.
|
||
*/
|
||
toResult(options?: ProcessOptions): Result
|
||
}
|
||
|
||
declare class Document extends Document_ {}
|
||
|
||
export = Document
|