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>
59 lines
2.3 KiB
Markdown
59 lines
2.3 KiB
Markdown
# internal-slot <sup>[![Version Badge][npm-version-svg]][package-url]</sup>
|
||
|
||
[![github actions][actions-image]][actions-url]
|
||
[![coverage][codecov-image]][codecov-url]
|
||
[![dependency status][deps-svg]][deps-url]
|
||
[![dev dependency status][dev-deps-svg]][dev-deps-url]
|
||
[![License][license-image]][license-url]
|
||
[![Downloads][downloads-image]][downloads-url]
|
||
|
||
[![npm badge][npm-badge-png]][package-url]
|
||
|
||
Truly private storage, akin to the JS spec’s concept of internal slots.
|
||
|
||
Uses a WeakMap when available; a Map when not; and a regular object in even older engines. Performance and garbage collection behavior will reflect the environment’s capabilities accordingly.
|
||
|
||
## Example
|
||
|
||
```js
|
||
var SLOT = require('internal-slot');
|
||
var assert = require('assert');
|
||
|
||
var o = {};
|
||
|
||
assert.throws(function () { SLOT.assert(o, 'foo'); });
|
||
|
||
assert.equal(SLOT.has(o, 'foo'), false);
|
||
assert.equal(SLOT.get(o, 'foo'), undefined);
|
||
|
||
SLOT.set(o, 'foo', 42);
|
||
|
||
assert.equal(SLOT.has(o, 'foo'), true);
|
||
assert.equal(SLOT.get(o, 'foo'), 42);
|
||
|
||
assert.doesNotThrow(function () { SLOT.assert(o, 'foo'); });
|
||
```
|
||
|
||
## Tests
|
||
Simply clone the repo, `npm install`, and run `npm test`
|
||
|
||
## Security
|
||
|
||
Please email [@ljharb](https://github.com/ljharb) or see https://tidelift.com/security if you have a potential security vulnerability to report.
|
||
|
||
[package-url]: https://npmjs.org/package/internal-slot
|
||
[npm-version-svg]: https://versionbadg.es/ljharb/internal-slot.svg
|
||
[deps-svg]: https://david-dm.org/ljharb/internal-slot.svg
|
||
[deps-url]: https://david-dm.org/ljharb/internal-slot
|
||
[dev-deps-svg]: https://david-dm.org/ljharb/internal-slot/dev-status.svg
|
||
[dev-deps-url]: https://david-dm.org/ljharb/internal-slot#info=devDependencies
|
||
[npm-badge-png]: https://nodei.co/npm/internal-slot.png?downloads=true&stars=true
|
||
[license-image]: https://img.shields.io/npm/l/internal-slot.svg
|
||
[license-url]: LICENSE
|
||
[downloads-image]: https://img.shields.io/npm/dm/internal-slot.svg
|
||
[downloads-url]: https://npm-stat.com/charts.html?package=internal-slot
|
||
[codecov-image]: https://codecov.io/gh/ljharb/internal-slot/branch/main/graphs/badge.svg
|
||
[codecov-url]: https://app.codecov.io/gh/ljharb/internal-slot/
|
||
[actions-image]: https://img.shields.io/endpoint?url=https://github-actions-badge-u3jn4tfpocch.runkit.sh/ljharb/internal-slot
|
||
[actions-url]: https://github.com/ljharb/internal-slot/actions
|