tsondb 0.5.12 → 0.5.14

package/dist/src/node/index.js

@@ -23,7 +23,7 @@ export const generateOutputs = async (schema, outputs) => {
     }
 };
 const _validate = (dataRootPath, entities, instancesByEntityName, options = {}) => {
-    const { checkReferentialIntegrity = false, checkOnlyEntities = [] } = options;
+    const { checkReferentialIntegrity = true, checkOnlyEntities = [] } = options;
     for (const onlyEntity of checkOnlyEntities) {
         if (!entities.find(entity => entity.name === onlyEntity)) {
             throw new Error(`Entity "${onlyEntity}" not found in schema`);
@@ -32,7 +32,7 @@ const _validate = (dataRootPath, entities, instancesByEntityName, options = {})
     const errors = (checkOnlyEntities.length > 0
         ? entities.filter(entity => checkOnlyEntities.includes(entity.name))
         : entities)
-        .flatMap(entity => parallelizeErrors(instancesByEntityName[entity.name]?.map(instance => wrapErrorsIfAny(`in file ${styleText("white", `"${dataRootPath}${sep}${styleText("bold", join(entity.name, instance.fileName))}"`)}`, validateEntityDecl(createValidators(instancesByEntityName, checkReferentialIntegrity), entity, instance.content))) ?? []))
+        .flatMap(entity => parallelizeErrors(instancesByEntityName[entity.name]?.map(instance => wrapErrorsIfAny(`in file ${styleText("white", `"${dataRootPath}${sep}${styleText("bold", join(entity.name, instance.fileName))}"`)}`, validateEntityDecl(createValidators(instancesByEntityName, true, checkReferentialIntegrity), entity, instance.content))) ?? []))
         .toSorted((a, b) => a.message.localeCompare(b.message));
     if (errors.length === 0) {
         debug("All entities are valid");

package/dist/src/node/schema/Node.d.ts

@@ -32,8 +32,9 @@ export type IdentifierToCheck = {
     value: unknown;
 };
 export interface Validators {
+    useStyling: boolean;
     checkReferentialIntegrity: (identifier: IdentifierToCheck) => Error[];
 }
-export declare const createValidators: (instancesByEntityName: InstancesByEntityName, checkReferentialIntegrity?: boolean) => Validators;
+export declare const createValidators: (instancesByEntityName: InstancesByEntityName, useStyling: boolean, checkReferentialIntegrity?: boolean) => Validators;
 export type Serializer<T, U> = (node: T) => U;
 export type GetReferences<T extends Node> = (node: T, value: unknown) => string[];

package/dist/src/node/schema/Node.js

@@ -75,7 +75,8 @@ export const flatMapAuxiliaryDecls = (callbackFn, declarations) => {
     };
     return declarations.reduce((decls, node) => mapNodeTree(reducer, node, [...decls, node]), []);
 };
-export const createValidators = (instancesByEntityName, checkReferentialIntegrity = true) => ({
+export const createValidators = (instancesByEntityName, useStyling, checkReferentialIntegrity = true) => ({
+    useStyling,
     checkReferentialIntegrity: checkReferentialIntegrity
         ? ({ name, value }) => instancesByEntityName[name]?.some(instance => typeof instance.content === "object" &&
             instance.content !== null &&
@@ -83,7 +84,7 @@ export const createValidators = (instancesByEntityName, checkReferentialIntegrit
             instance.id === value)
             ? []
             : [
-                ReferenceError(`Invalid reference to instance of entity ${entity(`"${name}"`)} with identifier ${json(value)}`),
+                ReferenceError(`Invalid reference to instance of entity ${entity(`"${name}"`, useStyling)} with identifier ${json(value, useStyling)}`),
             ]
         : () => [],
 });

package/dist/src/node/schema/types/generic/ArrayType.js

@@ -22,11 +22,11 @@ export const isArrayType = (node) => node.kind === NodeKind.ArrayType;
 export const getNestedDeclarationsInArrayType = (addedDecls, type) => getNestedDeclarations(addedDecls, type.items);
 export const validateArrayType = (helpers, type, value) => {
     if (!Array.isArray(value)) {
-        return [TypeError(`expected an array, but got ${json(value)}`)];
+        return [TypeError(`expected an array, but got ${json(value, helpers.useStyling)}`)];
     }
     return parallelizeErrors([
         ...validateArrayConstraints(type, value),
-        ...value.map((item, index) => wrapErrorsIfAny(`at index ${key(index.toString())}`, validate(helpers, type.items, item))),
+        ...value.map((item, index) => wrapErrorsIfAny(`at index ${key(index.toString(), helpers.useStyling)}`, validate(helpers, type.items, item))),
     ]);
 };
 export const resolveTypeArgumentsInArrayType = (args, type) => ArrayType(resolveTypeArgumentsInType(args, type.items), {

package/dist/src/node/schema/types/generic/EnumType.js

@@ -1,4 +1,6 @@
 import { discriminatorKey } from "../../../../shared/enum.js";
+import { parallelizeErrors } from "../../../../shared/utils/validation.js";
+import { wrapErrorsIfAny } from "../../../utils/error.js";
 import { json, key } from "../../../utils/errorFormatting.js";
 import { getNestedDeclarations } from "../../declarations/Declaration.js";
 import { NodeKind } from "../../Node.js";
@@ -18,24 +20,24 @@ export const isEnumType = (node) => node.kind === NodeKind.EnumType;
 export const getNestedDeclarationsInEnumType = (addedDecls, type) => Object.values(type.values).reduce((acc, caseMember) => caseMember.type === null ? acc : getNestedDeclarations(acc, caseMember.type), addedDecls);
 export const validateEnumType = (helpers, type, value) => {
     if (typeof value !== "object" || value === null || Array.isArray(value)) {
-        return [TypeError(`expected an object, but got ${json(value)}`)];
+        return [TypeError(`expected an object, but got ${json(value, helpers.useStyling)}`)];
     }
     const actualKeys = Object.keys(value);
     if (!(discriminatorKey in value) || typeof value[discriminatorKey] !== "string") {
         return [
-            TypeError(`missing required discriminator value at key ${key(`"${discriminatorKey}"`)} of type string`),
+            TypeError(`missing required discriminator value at key ${key(`"${discriminatorKey}"`, helpers.useStyling)} of type string`),
         ];
     }
     const caseName = value[discriminatorKey];
     if (!(caseName in type.values)) {
         return [
-            TypeError(`discriminator ${key(`"${caseName}"`)} is not a valid enum case, possible cases are: ${Object.keys(type.values).join(", ")}`),
+            TypeError(`discriminator ${key(`"${caseName}"`, helpers.useStyling)} is not a valid enum case, possible cases are: ${Object.keys(type.values).join(", ")}`),
         ];
     }
     const unknownKeyErrors = actualKeys.flatMap(actualKey => actualKey === discriminatorKey || actualKey in type.values
         ? []
         : [
-            TypeError(`key ${key(`"${actualKey}"`)} is not the discriminator key ${key(`"${caseName}"`)} or a valid enum case, possible cases are: ${Object.keys(type.values).join(", ")}`),
+            TypeError(`key ${key(`"${actualKey}"`, helpers.useStyling)} is not the discriminator key ${key(`"${caseName}"`, helpers.useStyling)} or a valid enum case, possible cases are: ${Object.keys(type.values).join(", ")}`),
         ]);
     if (unknownKeyErrors.length > 0) {
         return unknownKeyErrors;
@@ -43,9 +45,13 @@ export const validateEnumType = (helpers, type, value) => {
     const associatedType = type.values[caseName]?.type;
     if (associatedType != null) {
         if (!(caseName in value)) {
-            return [TypeError(`missing required associated value for case ${key(`"${caseName}"`)}`)];
+            return [
+                TypeError(`missing required associated value for case ${key(`"${caseName}"`, helpers.useStyling)}`),
+            ];
         }
-        return validate(helpers, associatedType, value[caseName]);
+        return parallelizeErrors([
+            wrapErrorsIfAny(`at enum key ${key(`"${caseName}"`, helpers.useStyling)}`, validate(helpers, associatedType, value[caseName])),
+        ]);
     }
     return [];
 };

package/dist/src/node/schema/types/generic/ObjectType.js

@@ -30,7 +30,7 @@ export const isObjectType = (node) => node.kind === NodeKind.ObjectType;
 export const getNestedDeclarationsInObjectType = (addedDecls, type) => Object.values(type.properties).reduce((acc, prop) => getNestedDeclarations(acc, prop.type), addedDecls);
 export const validateObjectType = (helpers, type, value) => {
     if (typeof value !== "object" || value === null || Array.isArray(value)) {
-        return [TypeError(`expected an object, but got ${json(value)}`)];
+        return [TypeError(`expected an object, but got ${json(value, helpers.useStyling)}`)];
     }
     const expectedKeys = Object.keys(type.properties);
     return parallelizeErrors([
@@ -39,10 +39,10 @@ export const validateObjectType = (helpers, type, value) => {
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             const prop = type.properties[key];
             if (prop.isRequired && !(key in value)) {
-                return TypeError(`missing required property ${keyColor(`"${key}"`)}`);
+                return TypeError(`missing required property ${keyColor(`"${key}"`, helpers.useStyling)}`);
             }
             else if (prop.isRequired || value[key] !== undefined) {
-                return wrapErrorsIfAny(`at object key ${keyColor(`"${key}"`)}`, validate(helpers, prop.type, value[key]));
+                return wrapErrorsIfAny(`at object key ${keyColor(`"${key}"`, helpers.useStyling)}`, validate(helpers, prop.type, value[key]));
             }
             return undefined;
         }),

package/dist/src/node/schema/types/primitives/BooleanType.js

@@ -6,9 +6,9 @@ export const BooleanType = () => ({
 });
 export { BooleanType as Boolean };
 export const isBooleanType = (node) => node.kind === NodeKind.BooleanType;
-export const validateBooleanType = (_helpers, _type, value) => {
+export const validateBooleanType = (helpers, _type, value) => {
     if (typeof value !== "boolean") {
-        return [TypeError(`expected a boolean value, but got ${json(value)}`)];
+        return [TypeError(`expected a boolean value, but got ${json(value, helpers.useStyling)}`)];
     }
     return [];
 };

package/dist/src/node/schema/types/primitives/DateType.js

@@ -8,9 +8,9 @@ export const DateType = (options) => ({
 });
 export { DateType as Date };
 export const isDateType = (node) => node.kind === NodeKind.DateType;
-export const validateDateType = (_helpers, type, value) => {
+export const validateDateType = (helpers, type, value) => {
     if (typeof value !== "string") {
-        return [TypeError(`expected a string, but got ${json(value)}`)];
+        return [TypeError(`expected a string, but got ${json(value, helpers.useStyling)}`)];
     }
     return validateDateConstraints(type, value);
 };

package/dist/src/node/schema/types/primitives/FloatType.js

@@ -8,9 +8,11 @@ export const FloatType = (options = {}) => ({
 });
 export { FloatType as Float };
 export const isFloatType = (node) => node.kind === NodeKind.FloatType;
-export const validateFloatType = (_helpers, type, value) => {
+export const validateFloatType = (helpers, type, value) => {
     if (typeof value !== "number") {
-        return [TypeError(`expected a floating-point number, but got ${json(value)}`)];
+        return [
+            TypeError(`expected a floating-point number, but got ${json(value, helpers.useStyling)}`),
+        ];
     }
     return validateNumberConstraints(type, value);
 };

package/dist/src/node/schema/types/primitives/IntegerType.js

@@ -12,9 +12,9 @@ export const IntegerType = (options = {}) => ({
 });
 export { IntegerType as Integer };
 export const isIntegerType = (node) => node.kind === NodeKind.IntegerType;
-export const validateIntegerType = (_helpers, type, value) => {
+export const validateIntegerType = (helpers, type, value) => {
     if (typeof value !== "number" || !Number.isInteger(value)) {
-        return [TypeError(`expected an integer, but got ${json(value)}`)];
+        return [TypeError(`expected an integer, but got ${json(value, helpers.useStyling)}`)];
     }
     return validateNumberConstraints(type, value);
 };

package/dist/src/node/schema/types/primitives/StringType.js

@@ -8,9 +8,9 @@ export const StringType = (options = {}) => ({
 });
 export { StringType as String };
 export const isStringType = (node) => node.kind === NodeKind.StringType;
-export const validateStringType = (_helpers, type, value) => {
+export const validateStringType = (helpers, type, value) => {
     if (typeof value !== "string") {
-        return [TypeError(`expected a string, but got ${json(value)}`)];
+        return [TypeError(`expected a string, but got ${json(value, helpers.useStyling)}`)];
     }
     return validateStringConstraints(type, value);
 };

package/dist/src/node/schema/types/references/NestedEntityMapType.js

@@ -27,9 +27,9 @@ export const isNestedEntityMapType = (node) => node.kind === NodeKind.NestedEnti
 export const getNestedDeclarationsInNestedEntityMapType = (addedDecls, type) => getNestedDeclarationsInObjectType(addedDecls.includes(type.secondaryEntity) ? addedDecls : [type.secondaryEntity, ...addedDecls], type.type.value);
 export const validateNestedEntityMapType = (helpers, type, value) => {
     if (typeof value !== "object" || value === null || Array.isArray(value)) {
-        return [TypeError(`expected an object, but got ${json(value)}`)];
+        return [TypeError(`expected an object, but got ${json(value, helpers.useStyling)}`)];
     }
-    return parallelizeErrors(Object.keys(value).map(key => wrapErrorsIfAny(`at nested entity map ${entity(`"${type.name}"`)} at key ${keyColor(`"${key}"`)}`, validateObjectType(helpers, type.type.value, value[key]).concat(helpers.checkReferentialIntegrity({
+    return parallelizeErrors(Object.keys(value).map(key => wrapErrorsIfAny(`at nested entity map ${entity(`"${type.name}"`, helpers.useStyling)} at key ${keyColor(`"${key}"`, helpers.useStyling)}`, validateObjectType(helpers, type.type.value, value[key]).concat(helpers.checkReferentialIntegrity({
         name: type.secondaryEntity.name,
         value: key,
     })))));

package/dist/src/node/server/api/instanceOperations.js

@@ -14,7 +14,7 @@ export const createInstance = async (locals, entityName, instance, idQueryParam)
     if (entity === undefined) {
         return error([400, "Entity not found"]);
     }
-    const validationErrors = validateEntityDecl(createValidators(locals.instancesByEntityName), entity, instance);
+    const validationErrors = validateEntityDecl(createValidators(locals.instancesByEntityName, false), entity, instance);
     if (validationErrors.length > 0) {
         return error([400, validationErrors.map(getErrorMessageForDisplay).join("\n\n")]);
     }
@@ -54,7 +54,7 @@ export const updateInstance = async (locals, entityName, instanceId, instance) =
     if (entity === undefined) {
         return error([400, "Entity not found"]);
     }
-    const validationErrors = validateEntityDecl(createValidators(locals.instancesByEntityName), entity, instance);
+    const validationErrors = validateEntityDecl(createValidators(locals.instancesByEntityName, false), entity, instance);
     if (validationErrors.length > 0) {
         return error([400, validationErrors.map(getErrorMessageForDisplay).join("\n\n")]);
     }

package/dist/src/node/utils/errorFormatting.d.ts

@@ -1,3 +1,3 @@
-export declare const json: (value: unknown) => string;
-export declare const key: (str: string) => string;
-export declare const entity: (str: string) => string;
+export declare const json: (value: unknown, useStyling: boolean) => string;
+export declare const key: (str: string, useStyling: boolean) => string;
+export declare const entity: (str: string, useStyling: boolean) => string;

package/dist/src/node/utils/errorFormatting.js

@@ -1,4 +1,6 @@
 import { styleText } from "node:util";
-export const json = (value) => styleText("blue", JSON.stringify(value, undefined, 2));
-export const key = (str) => styleText(["yellow", "bold"], str);
-export const entity = (str) => styleText("green", str);
+export const json = (value, useStyling) => useStyling
+    ? styleText("blue", JSON.stringify(value, undefined, 2))
+    : JSON.stringify(value, undefined, 2);
+export const key = (str, useStyling) => useStyling ? styleText(["yellow", "bold"], str) : str;
+export const entity = (str, useStyling) => useStyling ? styleText("green", str) : str;

package/dist/src/web/routes/CreateInstance.js

@@ -12,6 +12,7 @@ import { useEntityFromRoute } from "../hooks/useEntityFromRoute.js";
 import { useInstanceNamesByEntity } from "../hooks/useInstanceNamesByEntity.js";
 import { useGetDeclFromDeclName } from "../hooks/useSecondaryDeclarations.js";
 import { createTypeSkeleton } from "../utils/typeSkeleton.js";
+import { homeTitle } from "./Home.js";
 import { NotFound } from "./NotFound.js";
 export const CreateInstance = () => {
     const { params: { name }, } = useRoute();
@@ -73,7 +74,7 @@ export const CreateInstance = () => {
     const instanceName = getSerializedDisplayNameFromEntityInstance(entity, instance, defaultName);
     const idErrors = isLocaleEntity ? validateLocaleIdentifier(customId) : [];
     return (_jsxs(Layout, { breadcrumbs: [
-            { url: "/", label: "Home" },
+            { url: "/", label: homeTitle },
             { url: `/entities/${entity.name}`, label: entity.name },
         ], children: [_jsx("div", { class: "header-with-btns", children: _jsx("h1", { class: instanceName.length === 0 ? "empty-name" : undefined, children: instanceName || defaultName }) }), isLocaleEntity && (_jsxs("div", { class: "field field--id", children: [_jsx("label", { htmlFor: "id", children: "ID" }), _jsx("p", { className: "comment", children: "The instance\u2019s identifier. An IETF language tag (BCP47)." }), _jsx("input", { type: "text", id: "id", value: customId, required: true, pattern: "[a-z]{2,3}(-[A-Z]{2,3})?", placeholder: "en-US, de-DE, \u2026", onInput: event => {
                             setCustomId(event.currentTarget.value);

package/dist/src/web/routes/Entity.js

@@ -8,6 +8,7 @@ import { Layout } from "../components/Layout.js";
 import { useAPIResource } from "../hooks/useAPIResource.js";
 import { useMappedAPIResource } from "../hooks/useMappedAPIResource.js";
 import { Markdown } from "../utils/Markdown.js";
+import { homeTitle } from "./Home.js";
 import { NotFound } from "./NotFound.js";
 const mapInstances = (data) => data.instances;
 export const Entity = () => {
@@ -37,7 +38,7 @@ export const Entity = () => {
         ? instances
         : instances.filter(instance => instance.id.includes(searchText) ||
             instance.displayName.toLowerCase().includes(lowerSearchText));
-    return (_jsxs(Layout, { breadcrumbs: [{ url: "/", label: "Home" }], children: [_jsxs("div", { class: "header-with-btns", children: [_jsx("h1", { children: toTitleCase(entity.declaration.namePlural) }), _jsx("a", { class: "btn btn--primary", href: `/entities/${entity.declaration.name}/instances/create`, children: "Add" })] }), entity.declaration.comment && (_jsx(Markdown, { class: "description", string: entity.declaration.comment })), _jsxs("div", { className: "list-header", children: [_jsxs("p", { class: "instance-count", children: [searchText === "" ? "" : `${filteredInstances.length.toString()} of `, instances.length, " instance", instances.length === 1 ? "" : "s"] }), _jsxs("form", { action: "", rel: "search", onSubmit: e => {
+    return (_jsxs(Layout, { breadcrumbs: [{ url: "/", label: homeTitle }], children: [_jsxs("div", { class: "header-with-btns", children: [_jsx("h1", { children: toTitleCase(entity.declaration.namePlural) }), _jsx("a", { class: "btn btn--primary", href: `/entities/${entity.declaration.name}/instances/create`, children: "Add" })] }), entity.declaration.comment && (_jsx(Markdown, { class: "description", string: entity.declaration.comment })), _jsxs("div", { className: "list-header", children: [_jsxs("p", { class: "instance-count", children: [searchText === "" ? "" : `${filteredInstances.length.toString()} of `, instances.length, " instance", instances.length === 1 ? "" : "s"] }), _jsxs("form", { action: "", rel: "search", onSubmit: e => {
                             e.preventDefault();
                         }, children: [_jsx("label", { htmlFor: "instance-search", class: "visually-hidden", children: "Search" }), _jsx("input", { type: "text", id: "instance-search", value: searchText, onInput: event => {
                                     setSearchText(event.currentTarget.value);

package/dist/src/web/routes/Home.d.ts

@@ -1,2 +1,3 @@
 import type { FunctionalComponent } from "preact";
+export declare const homeTitle = "Entities";
 export declare const Home: FunctionalComponent;

package/dist/src/web/routes/Home.js

@@ -6,10 +6,11 @@ import { Layout } from "../components/Layout.js";
 import { useMappedAPIResource } from "../hooks/useMappedAPIResource.js";
 import { Markdown } from "../utils/Markdown.js";
 const mapEntities = (data) => data.declarations.sort((a, b) => a.declaration.name.localeCompare(b.declaration.name));
+export const homeTitle = "Entities";
 export const Home = () => {
     const [entities] = useMappedAPIResource(getAllEntities, mapEntities);
     useEffect(() => {
-        document.title = "Entities — TSONDB";
+        document.title = homeTitle + " — TSONDB";
     }, []);
     const [searchText, setSearchText] = useState("");
     const lowerSearchText = searchText.toLowerCase().replaceAll(" ", "");
@@ -17,7 +18,7 @@ export const Home = () => {
         ? entities
         : entities?.filter(entity => entity.declaration.name.toLowerCase().includes(lowerSearchText) ||
             entity.declaration.namePlural.toLowerCase().includes(lowerSearchText));
-    return (_jsxs(Layout, { breadcrumbs: [{ url: "/", label: "Home" }], children: [_jsx("h1", { children: "Entities" }), _jsxs("div", { className: "list-header", children: [_jsxs("p", { class: "instance-count", children: [searchText === "" ? "" : `${(filteredEntities?.length ?? 0).toString()} of `, entities?.length ?? 0, " entit", entities?.length === 1 ? "y" : "ies"] }), _jsxs("form", { action: "", rel: "search", onSubmit: e => {
+    return (_jsxs(Layout, { breadcrumbs: [], children: [_jsx("h1", { children: homeTitle }), _jsxs("div", { className: "list-header", children: [_jsxs("p", { class: "instance-count", children: [searchText === "" ? "" : `${(filteredEntities?.length ?? 0).toString()} of `, entities?.length ?? 0, " entit", entities?.length === 1 ? "y" : "ies"] }), _jsxs("form", { action: "", rel: "search", onSubmit: e => {
                             e.preventDefault();
                         }, children: [_jsx("label", { htmlFor: "entity-search", class: "visually-hidden", children: "Search" }), _jsx("input", { type: "text", id: "entity-search", value: searchText, onInput: event => {
                                     setSearchText(event.currentTarget.value);

package/dist/src/web/routes/Instance.js

@@ -9,7 +9,7 @@ import { TypeInput } from "../components/typeInputs/TypeInput.js";
 import { useEntityFromRoute } from "../hooks/useEntityFromRoute.js";
 import { useInstanceNamesByEntity } from "../hooks/useInstanceNamesByEntity.js";
 import { useGetDeclFromDeclName } from "../hooks/useSecondaryDeclarations.js";
-import { printJson } from "../utils/debug.js";
+import { homeTitle } from "./Home.js";
 import { NotFound } from "./NotFound.js";
 export const Instance = () => {
     const { params: { name, id }, } = useRoute();
@@ -69,14 +69,14 @@ export const Instance = () => {
         !instanceNamesByEntity ||
         !declsLoaded) {
         return (_jsxs(Layout, { breadcrumbs: [
-                { url: "/", label: "Home" },
+                { url: "/", label: homeTitle },
                 { url: `/entities/${name}`, label: name },
             ], children: [_jsx("h1", { children: id }), _jsx("p", { className: "loading", children: "Loading \u2026" })] }));
     }
     const defaultName = id;
     const instanceName = getSerializedDisplayNameFromEntityInstance(entityFromRoute.entity, instance.content, defaultName);
     return (_jsxs(Layout, { breadcrumbs: [
-            { url: "/", label: "Home" },
+            { url: "/", label: homeTitle },
             { url: `/entities/${name}`, label: entityFromRoute.entity.name },
         ], children: [_jsxs("div", { class: "header-with-btns", children: [_jsxs("h1", { class: instanceName.length === 0 ? "empty-name" : undefined, children: [_jsx("span", { children: instanceName || defaultName }), " ", _jsx("span", { className: "id", "aria-hidden": true, children: instance.id })] }), _jsx("button", { class: "destructive", onClick: () => {
                             if (confirm("Are you sure you want to delete this instance?")) {
@@ -90,5 +90,5 @@ export const Instance = () => {
                                     }
                                 });
                             }
-                        }, children: "Delete" })] }), _jsxs("div", { class: "debug-compare", style: { display: "flex", gap: "1rem", width: "100%" }, children: [_jsxs("div", { style: { flex: "1 1 0", position: "relative" }, children: [_jsx("p", { children: "Original" }), _jsx("pre", { style: { overflowX: "scroll", width: "40rem", maxWidth: "100%" }, children: _jsx("code", { dangerouslySetInnerHTML: { __html: printJson(originalInstance.content) } }) })] }), _jsxs("div", { style: { flex: "1 1 0", position: "relative" }, children: [_jsx("p", { children: "Current" }), _jsx("pre", { style: { overflowX: "scroll", width: "40rem", maxWidth: "100%" }, children: _jsx("code", { dangerouslySetInnerHTML: { __html: printJson(instance.content) } }) })] })] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsx(TypeInput, { type: entityFromRoute.entity.type, value: instance.content, path: undefined, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: handleOnChange }), _jsx("div", { class: "form-footer btns", children: _jsx("button", { type: "submit", name: "save", class: "primary", children: "Save" }) })] })] }));
+                        }, children: "Delete" })] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsx(TypeInput, { type: entityFromRoute.entity.type, value: instance.content, path: undefined, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: handleOnChange }), _jsx("div", { class: "form-footer btns", children: _jsx("button", { type: "submit", name: "save", class: "primary", children: "Save" }) })] })] }));
 };

package/dist/src/web/routes/NotFound.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { useEffect } from "preact/hooks";
 import { Layout } from "../components/Layout.js";
+import { homeTitle } from "./Home.js";
 export const NotFound = () => {
     useEffect(() => {
         document.title = "Not found — TSONDB";
     }, []);
-    return (_jsxs(Layout, { breadcrumbs: [{ url: "/", label: "Home" }], children: [_jsx("h1", { children: "404 Not Found" }), _jsx("p", { children: "The page you are looking for does not exist." })] }));
+    return (_jsxs(Layout, { breadcrumbs: [{ url: "/", label: homeTitle }], children: [_jsx("h1", { children: "404 Not Found" }), _jsx("p", { children: "The page you are looking for does not exist." })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsondb",
-  "version": "0.5.12",
+  "version": "0.5.14",
   "description": "",
   "license": "ISC",
   "author": "Lukas Obermann",

package/public/css/styles.css

@@ -110,6 +110,10 @@ header {
   grid-area: header;
 }
 
+header nav {
+  min-height: 1.4rem;
+}
+
 header nav ol {
   list-style-type: " ";
   display: flex;