7f91594d0c
- Rename first-party API, RPC, JSON, CORS, SVG, JSX, and related identifiers to preserve acronym casing - Keep upstream and serialized boundary names unchanged - Add a lint guardrail and migration notes for exported APIs
82 lines
2.5 KiB
TypeScript
82 lines
2.5 KiB
TypeScript
import { defineCommand } from 'citty'
|
|
|
|
import { colorToHex } from '@open-pencil/core/color'
|
|
import type { NodeResult } from '@open-pencil/core/rpc'
|
|
import type { Color } from '@open-pencil/scene-graph/primitives'
|
|
|
|
import { appTargetOptions } from '#cli/app-target'
|
|
import { fmtNode, printError, formatType } from '#cli/format'
|
|
import { loadRPCData } from '#cli/rpc-data'
|
|
|
|
export default defineCommand({
|
|
meta: { description: 'Show detailed node properties by ID' },
|
|
args: {
|
|
file: {
|
|
type: 'positional',
|
|
description: 'Document file path (omit to connect to running app)',
|
|
required: false
|
|
},
|
|
id: { type: 'string', description: 'Node ID', required: true },
|
|
...appTargetOptions,
|
|
json: { type: 'boolean', description: 'Output as JSON' }
|
|
},
|
|
async run({ args }) {
|
|
const data = await loadRPCData<NodeResult | { error: string }>(
|
|
args.file,
|
|
'node',
|
|
{
|
|
id: args.id
|
|
},
|
|
args
|
|
)
|
|
|
|
if ('error' in data) {
|
|
printError(data.error)
|
|
process.exit(1)
|
|
}
|
|
|
|
if (args.json) {
|
|
console.log(JSON.stringify(data, null, 2))
|
|
return
|
|
}
|
|
|
|
const nodeData = {
|
|
type: formatType(data.type),
|
|
name: data.name,
|
|
id: data.id,
|
|
width: data.width,
|
|
height: data.height,
|
|
x: data.x,
|
|
y: data.y
|
|
}
|
|
|
|
const details: Record<string, unknown> = {}
|
|
if (data.parent) details.parent = `${data.parent.name} (${data.parent.id})`
|
|
if (data.text) details.text = data.text
|
|
if (data.fills.length > 0) {
|
|
const solid = (
|
|
data.fills as Array<{ type: string; visible: boolean; color: Color; opacity: number }>
|
|
).find((f) => f.type === 'SOLID' && f.visible)
|
|
if (solid) {
|
|
const hex = colorToHex(solid.color)
|
|
details.fill = solid.opacity < 1 ? `${hex} ${Math.round(solid.opacity * 100)}%` : hex
|
|
}
|
|
}
|
|
if (data.cornerRadius) details.radius = `${data.cornerRadius}px`
|
|
if (data.rotation) details.rotate = `${Math.round(data.rotation)}°`
|
|
if (data.opacity < 1) details.opacity = data.opacity
|
|
if (!data.visible) details.visible = false
|
|
if (data.locked) details.locked = true
|
|
if (data.fontFamily) details.font = `${data.fontSize}px ${data.fontFamily}`
|
|
if (data.layoutMode !== 'NONE') details.layout = data.layoutMode.toLowerCase()
|
|
if (data.children > 0) details.children = data.children
|
|
for (const [field, name] of Object.entries(data.boundVariables)) {
|
|
details[`var:${field}`] = name
|
|
}
|
|
|
|
console.log('')
|
|
console.log(fmtNode(nodeData, details))
|
|
console.log('')
|
|
}
|
|
})
|