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>
85 lines
2.8 KiB
Markdown
85 lines
2.8 KiB
Markdown
# define-properties <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]
|
|
|
|
Define multiple non-enumerable properties at once. Uses `Object.defineProperty` when available; falls back to standard assignment in older engines.
|
|
Existing properties are not overridden. Accepts a map of property names to a predicate that, when true, force-overrides.
|
|
|
|
## Example
|
|
|
|
```js
|
|
var define = require('define-properties');
|
|
var assert = require('assert');
|
|
|
|
var obj = define({ a: 1, b: 2 }, {
|
|
a: 10,
|
|
b: 20,
|
|
c: 30
|
|
});
|
|
assert(obj.a === 1);
|
|
assert(obj.b === 2);
|
|
assert(obj.c === 30);
|
|
if (define.supportsDescriptors) {
|
|
assert.deepEqual(Object.keys(obj), ['a', 'b']);
|
|
assert.deepEqual(Object.getOwnPropertyDescriptor(obj, 'c'), {
|
|
configurable: true,
|
|
enumerable: false,
|
|
value: 30,
|
|
writable: false
|
|
});
|
|
}
|
|
```
|
|
|
|
Then, with predicates:
|
|
```js
|
|
var define = require('define-properties');
|
|
var assert = require('assert');
|
|
|
|
var obj = define({ a: 1, b: 2, c: 3 }, {
|
|
a: 10,
|
|
b: 20,
|
|
c: 30
|
|
}, {
|
|
a: function () { return false; },
|
|
b: function () { return true; }
|
|
});
|
|
assert(obj.a === 1);
|
|
assert(obj.b === 20);
|
|
assert(obj.c === 3);
|
|
if (define.supportsDescriptors) {
|
|
assert.deepEqual(Object.keys(obj), ['a', 'c']);
|
|
assert.deepEqual(Object.getOwnPropertyDescriptor(obj, 'b'), {
|
|
configurable: true,
|
|
enumerable: false,
|
|
value: 20,
|
|
writable: false
|
|
});
|
|
}
|
|
```
|
|
|
|
## Tests
|
|
Simply clone the repo, `npm install`, and run `npm test`
|
|
|
|
[package-url]: https://npmjs.org/package/define-properties
|
|
[npm-version-svg]: https://versionbadg.es/ljharb/define-properties.svg
|
|
[deps-svg]: https://david-dm.org/ljharb/define-properties.svg
|
|
[deps-url]: https://david-dm.org/ljharb/define-properties
|
|
[dev-deps-svg]: https://david-dm.org/ljharb/define-properties/dev-status.svg
|
|
[dev-deps-url]: https://david-dm.org/ljharb/define-properties#info=devDependencies
|
|
[npm-badge-png]: https://nodei.co/npm/define-properties.png?downloads=true&stars=true
|
|
[license-image]: https://img.shields.io/npm/l/define-properties.svg
|
|
[license-url]: LICENSE
|
|
[downloads-image]: https://img.shields.io/npm/dm/define-properties.svg
|
|
[downloads-url]: https://npm-stat.com/charts.html?package=define-properties
|
|
[codecov-image]: https://codecov.io/gh/ljharb/define-properties/branch/main/graphs/badge.svg
|
|
[codecov-url]: https://app.codecov.io/gh/ljharb/define-properties/
|
|
[actions-image]: https://img.shields.io/endpoint?url=https://github-actions-badge-u3jn4tfpocch.runkit.sh/ljharb/define-properties
|
|
[actions-url]: https://github.com/ljharb/define-properties/actions
|