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>
60 lines
3.1 KiB
JavaScript
60 lines
3.1 KiB
JavaScript
import { isPlainObject, getObjectClassLabel } from "../shared/lib/is-plain-object";
|
|
const regexpPlainIdentifier = /^[A-Za-z_$][A-Za-z0-9_$]*$/;
|
|
export class SerializableError extends Error {
|
|
constructor(page, method, path, message){
|
|
super(path ? `Error serializing \`${path}\` returned from \`${method}\` in "${page}".\nReason: ${message}` : `Error serializing props returned from \`${method}\` in "${page}".\nReason: ${message}`);
|
|
}
|
|
}
|
|
export function isSerializableProps(page, method, input) {
|
|
if (!isPlainObject(input)) {
|
|
throw new SerializableError(page, method, "", `Props must be returned as a plain object from ${method}: \`{ props: { ... } }\` (received: \`${getObjectClassLabel(input)}\`).`);
|
|
}
|
|
function visit(visited, value, path) {
|
|
if (visited.has(value)) {
|
|
throw new SerializableError(page, method, path, `Circular references cannot be expressed in JSON (references: \`${visited.get(value) || "(self)"}\`).`);
|
|
}
|
|
visited.set(value, path);
|
|
}
|
|
function isSerializable(refs, value, path) {
|
|
const type = typeof value;
|
|
if (// `null` can be serialized, but not `undefined`.
|
|
value === null || // n.b. `bigint`, `function`, `symbol`, and `undefined` cannot be
|
|
// serialized.
|
|
//
|
|
// `object` is special-cased below, as it may represent `null`, an Array,
|
|
// a plain object, a class, et al.
|
|
type === "boolean" || type === "number" || type === "string") {
|
|
return true;
|
|
}
|
|
if (type === "undefined") {
|
|
throw new SerializableError(page, method, path, "`undefined` cannot be serialized as JSON. Please use `null` or omit this value.");
|
|
}
|
|
if (isPlainObject(value)) {
|
|
visit(refs, value, path);
|
|
if (Object.entries(value).every(([key, nestedValue])=>{
|
|
const nextPath = regexpPlainIdentifier.test(key) ? `${path}.${key}` : `${path}[${JSON.stringify(key)}]`;
|
|
const newRefs = new Map(refs);
|
|
return isSerializable(newRefs, key, nextPath) && isSerializable(newRefs, nestedValue, nextPath);
|
|
})) {
|
|
return true;
|
|
}
|
|
throw new SerializableError(page, method, path, `invariant: Unknown error encountered in Object.`);
|
|
}
|
|
if (Array.isArray(value)) {
|
|
visit(refs, value, path);
|
|
if (value.every((nestedValue, index)=>{
|
|
const newRefs = new Map(refs);
|
|
return isSerializable(newRefs, nestedValue, `${path}[${index}]`);
|
|
})) {
|
|
return true;
|
|
}
|
|
throw new SerializableError(page, method, path, `invariant: Unknown error encountered in Array.`);
|
|
}
|
|
// None of these can be expressed as JSON:
|
|
// const type: "bigint" | "symbol" | "object" | "function"
|
|
throw new SerializableError(page, method, path, "`" + type + "`" + (type === "object" ? ` ("${Object.prototype.toString.call(value)}")` : "") + " cannot be serialized as JSON. Please only return JSON serializable data types.");
|
|
}
|
|
return isSerializable(new Map(), input, "");
|
|
}
|
|
|
|
//# sourceMappingURL=is-serializable-props.js.map
|