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>
92 lines
2.2 KiB
TypeScript
92 lines
2.2 KiB
TypeScript
/**
|
||
* Generate secure URL-friendly unique ID.
|
||
*
|
||
* By default, the ID will have 21 symbols to have a collision probability
|
||
* similar to UUID v4.
|
||
*
|
||
* ```js
|
||
* import { nanoid } from 'nanoid'
|
||
* model.id = nanoid() //=> "Uakgb_J5m9g-0JDMbcJqL"
|
||
* ```
|
||
*
|
||
* @param size Size of the ID. The default size is 21.
|
||
* @returns A random string.
|
||
*/
|
||
export function nanoid(size?: number): string
|
||
|
||
/**
|
||
* Generate secure unique ID with custom alphabet.
|
||
*
|
||
* Alphabet must contain 256 symbols or less. Otherwise, the generator
|
||
* will not be secure.
|
||
*
|
||
* @param alphabet Alphabet used to generate the ID.
|
||
* @param defaultSize Size of the ID. The default size is 21.
|
||
* @returns A random string generator.
|
||
*
|
||
* ```js
|
||
* const { customAlphabet } = require('nanoid')
|
||
* const nanoid = customAlphabet('0123456789абвгдеё', 5)
|
||
* nanoid() //=> "8ё56а"
|
||
* ```
|
||
*/
|
||
export function customAlphabet(
|
||
alphabet: string,
|
||
defaultSize?: number
|
||
): (size?: number) => string
|
||
|
||
/**
|
||
* Generate unique ID with custom random generator and alphabet.
|
||
*
|
||
* Alphabet must contain 256 symbols or less. Otherwise, the generator
|
||
* will not be secure.
|
||
*
|
||
* ```js
|
||
* import { customRandom } from 'nanoid/format'
|
||
*
|
||
* const nanoid = customRandom('abcdef', 5, size => {
|
||
* const random = []
|
||
* for (let i = 0; i < size; i++) {
|
||
* random.push(randomByte())
|
||
* }
|
||
* return random
|
||
* })
|
||
*
|
||
* nanoid() //=> "fbaef"
|
||
* ```
|
||
*
|
||
* @param alphabet Alphabet used to generate a random string.
|
||
* @param size Size of the random string.
|
||
* @param random A random bytes generator.
|
||
* @returns A random string generator.
|
||
*/
|
||
export function customRandom(
|
||
alphabet: string,
|
||
size: number,
|
||
random: (bytes: number) => Uint8Array
|
||
): () => string
|
||
|
||
/**
|
||
* URL safe symbols.
|
||
*
|
||
* ```js
|
||
* import { urlAlphabet } from 'nanoid'
|
||
* const nanoid = customAlphabet(urlAlphabet, 10)
|
||
* nanoid() //=> "Uakgb_J5m9"
|
||
* ```
|
||
*/
|
||
export const urlAlphabet: string
|
||
|
||
/**
|
||
* Generate an array of random bytes collected from hardware noise.
|
||
*
|
||
* ```js
|
||
* import { customRandom, random } from 'nanoid'
|
||
* const nanoid = customRandom("abcdef", 5, random)
|
||
* ```
|
||
*
|
||
* @param bytes Size of the array.
|
||
* @returns An array of random bytes.
|
||
*/
|
||
export function random(bytes: number): Uint8Array
|