object.ts

import { html } from 'lit';
import type { JSONSchema7 } from '@jsfe/types';
import type { Widgets, Jsf, Path, UiSchema } from '../index.js';

export const fieldObject = (
	schema: JSONSchema7,
	data: unknown,
	path: Path,
	uiState: unknown,
	uiSchema: UiSchema,
	dig: Jsf<unknown>['_dig'],
	schemaPath: Path,
	widgets: Widgets,
	level = 0,
) => {
	const error = 'Wrong object field';
	if (typeof schema.properties !== 'object')
		return widgets.callout?.({ id: '', message: error }) ?? html`${error}`;

	const children = Object.entries(schema.properties).map(
		([propName, propValue]) => {
			if (Array.isArray(propValue) || typeof propValue === 'boolean')
				return html``;

			const value = data?.[propName] as unknown;
			const subPath = [...path, propName];

			const required = schema.required?.includes(propName);

			const schemaPathAugmented = [...schemaPath];
			// const propName = path.at(-1);
			// schemaPathAugmented.push(propName);
			// if (!Number.isNaN(propName)) {
			// 	schemaPathAugmented.push(Number(propName));
			// } else {
			// }
			schemaPathAugmented.push(propName);

			// ${debuggerInline({ schemaPath, path })}
			return dig(
				propValue,
				value,
				subPath,
				uiState?.[propName],
				uiSchema?.[propName],
				schemaPathAugmented,
				required,
				level + 1,
			);
		},
	);
	let label: string | undefined;
	const key = path.at(-1);
	if (schema.title) {
		label = schema.title;
	} else if (typeof key !== 'number') {
		label = key;
	}
	if (typeof uiSchema?.['ui:title'] === 'string') label = uiSchema['ui:title'];

	const options = {
		id: path.join('.'),
		label,
		helpText: schema.description,
		children,
		level,
	};

	return (
		widgets?.object?.(options) ??
		widgets?.callout?.({ id: '', message: error }) ??
		html`${error}`
	);
};

// ${
// 	/* NOTE: Experimental */ schema?.additionalProperties
// 		? html`<div>
// 				${schema?.additionalProperties
// 					? dig(
// 							{
// 								type: 'array',
// 								items: {
// 									type: 'string',
// 								},
// 							},
// 							data,
// 							[...path],
// 							uiState,
// 							uiSchema,
// 							schemaPath,
// 						)
// 					: nothing}
// 			</div>`
// 		: nothing
// }