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>
55 lines
1.5 KiB
JavaScript
55 lines
1.5 KiB
JavaScript
'use strict'
|
|
|
|
let AtRule = require('./at-rule')
|
|
let Comment = require('./comment')
|
|
let Declaration = require('./declaration')
|
|
let Input = require('./input')
|
|
let PreviousMap = require('./previous-map')
|
|
let Root = require('./root')
|
|
let Rule = require('./rule')
|
|
|
|
function fromJSON(json, inputs) {
|
|
if (Array.isArray(json)) return json.map(n => fromJSON(n))
|
|
|
|
let { inputs: ownInputs, ...defaults } = json
|
|
if (ownInputs) {
|
|
inputs = []
|
|
for (let input of ownInputs) {
|
|
let inputHydrated = { ...input, __proto__: Input.prototype }
|
|
if (inputHydrated.map) {
|
|
inputHydrated.map = {
|
|
...inputHydrated.map,
|
|
__proto__: PreviousMap.prototype
|
|
}
|
|
}
|
|
inputs.push(inputHydrated)
|
|
}
|
|
}
|
|
if (defaults.nodes) {
|
|
defaults.nodes = json.nodes.map(n => fromJSON(n, inputs))
|
|
}
|
|
if (defaults.source) {
|
|
let { inputId, ...source } = defaults.source
|
|
defaults.source = source
|
|
if (inputId != null) {
|
|
defaults.source.input = inputs[inputId]
|
|
}
|
|
}
|
|
if (defaults.type === 'root') {
|
|
return new Root(defaults)
|
|
} else if (defaults.type === 'decl') {
|
|
return new Declaration(defaults)
|
|
} else if (defaults.type === 'rule') {
|
|
return new Rule(defaults)
|
|
} else if (defaults.type === 'comment') {
|
|
return new Comment(defaults)
|
|
} else if (defaults.type === 'atrule') {
|
|
return new AtRule(defaults)
|
|
} else {
|
|
throw new Error('Unknown node type: ' + json.type)
|
|
}
|
|
}
|
|
|
|
module.exports = fromJSON
|
|
fromJSON.default = fromJSON
|