tsondb 0.5.8 → 0.5.10

package/dist/src/web/components/typeInputs/StringTypeInput.js

@@ -5,9 +5,13 @@ import { ValidationErrors } from "./utils/ValidationErrors.js";
 export const StringTypeInput = ({ type, value, onChange }) => {
     const { minLength, maxLength, pattern, isMarkdown } = type;
     const errors = validateStringConstraints(type, value);
-    return (_jsx("div", { class: "field field--string", children: isMarkdown ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "editor", children: [_jsx("textarea", { value: value, minLength: minLength, maxLength: maxLength, onInput: event => {
-                                onChange(event.currentTarget.value);
-                            }, "aria-invalid": errors.length > 0 }), _jsx(ValidationErrors, { errors: errors })] }), _jsx("div", { className: "preview", children: _jsx(Markdown, { string: value }) })] })) : (_jsxs("div", { className: "editor", children: [_jsx("input", { type: "text", value: value, minLength: minLength, maxLength: maxLength, pattern: pattern, onInput: event => {
+    return (_jsx("div", { class: "field field--string", children: isMarkdown ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "editor", children: [_jsx("div", { class: "textarea-grow-wrap", "data-value": value, children: _jsx("textarea", { value: value, minLength: minLength, maxLength: maxLength, onInput: event => {
+                                    onChange(event.currentTarget.value);
+                                }, "aria-invalid": errors.length > 0 }) }), _jsx(ValidationErrors, { errors: errors })] }), _jsx("div", { className: "preview", children: _jsx(Markdown, { string: value }) })] })) : (_jsxs("div", { className: "editor", children: [_jsx("input", { type: "text", value: value, minLength: minLength, maxLength: maxLength, pattern: pattern === undefined
+                        ? undefined
+                        : pattern.startsWith("^(?:") && pattern.endsWith(")$")
+                            ? pattern.slice(4, -2)
+                            : `.*${pattern}.*`, onInput: event => {
                         onChange(event.currentTarget.value);
                     }, "aria-invalid": errors.length > 0 }), _jsx(ValidationErrors, { errors: errors })] })) }));
 };

package/dist/src/web/components/typeInputs/TypeInput.d.ts

@@ -9,5 +9,5 @@ type Props = {
     getDeclFromDeclName: GetDeclFromDeclName;
     onChange: (value: unknown) => void;
 };
-export declare const TypeInput: FunctionComponent<Props>;
-export {};
+declare const MemoizedTypeInput: FunctionComponent<Props>;
+export { MemoizedTypeInput as TypeInput };

package/dist/src/web/components/typeInputs/TypeInput.js

@@ -1,4 +1,6 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
+import { memo } from "preact/compat";
+import { deepEqual } from "../../../shared/utils/compare.js";
 import { assertExhaustive } from "../../../shared/utils/typeSafety.js";
 import { ArrayTypeInput } from "./ArrayTypeInput.js";
 import { BooleanTypeInput } from "./BooleanTypeInput.js";
@@ -13,7 +15,7 @@ import { ObjectTypeInput } from "./ObjectTypeInput.js";
 import { ReferenceIdentifierTypeInput } from "./ReferenceIdentifierTypeInput.js";
 import { StringTypeInput } from "./StringTypeInput.js";
 import { MismatchingTypeError } from "./utils/MismatchingTypeError.js";
-export const TypeInput = ({ type, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
+const TypeInput = ({ type, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
     switch (type.kind) {
         case "BooleanType":
             if (typeof value === "boolean") {
@@ -88,3 +90,5 @@ export const TypeInput = ({ type, value, instanceNamesByEntity, getDeclFromDeclN
             return assertExhaustive(type);
     }
 };
+const MemoizedTypeInput = memo(TypeInput, (prevProps, nextProps) => deepEqual(prevProps.value, nextProps.value));
+export { MemoizedTypeInput as TypeInput };

package/dist/src/web/hooks/useInstanceNamesByEntity.d.ts

@@ -1,3 +1,3 @@
 import type { GetAllInstancesResponseBody } from "../../shared/api.ts";
 export type InstanceNamesByEntity = GetAllInstancesResponseBody["instances"];
-export declare const useInstanceNamesByEntity: (locales?: string[]) => [InstanceNamesByEntity, () => void];
+export declare const useInstanceNamesByEntity: (locales?: string[]) => [InstanceNamesByEntity | undefined, () => void];

package/dist/src/web/hooks/useInstanceNamesByEntity.js

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useState } from "preact/hooks";
 import { getAllInstances } from "../api.js";
 export const useInstanceNamesByEntity = (locales = []) => {
-    const [instanceNamesByEntity, setInstanceNamesByEntity] = useState({});
+    const [instanceNamesByEntity, setInstanceNamesByEntity] = useState();
     const updateInstanceNamesByEntity = useCallback(() => {
         getAllInstances(locales)
             .then(data => {

package/dist/src/web/hooks/useSecondaryDeclarations.d.ts

@@ -1,3 +1,3 @@
 import type { SerializedSecondaryDecl } from "../../node/schema/declarations/Declaration.ts";
 export type GetDeclFromDeclName = (name: string) => SerializedSecondaryDecl | undefined;
-export declare const useGetDeclFromDeclName: () => GetDeclFromDeclName;
+export declare const useGetDeclFromDeclName: () => [GetDeclFromDeclName, loaded: boolean];

package/dist/src/web/hooks/useSecondaryDeclarations.js

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useState } from "preact/hooks";
 import { getAllDeclarations } from "../api.js";
 export const useGetDeclFromDeclName = () => {
-    const [secondaryDeclarations, setSecondaryDeclarations] = useState([]);
+    const [secondaryDeclarations, setSecondaryDeclarations] = useState();
     useEffect(() => {
         getAllDeclarations()
             .then(data => {
@@ -15,6 +15,6 @@ export const useGetDeclFromDeclName = () => {
             }
         });
     }, []);
-    const getDeclFromDeclName = useCallback((name) => secondaryDeclarations.find(decl => decl.name === name), [secondaryDeclarations]);
-    return getDeclFromDeclName;
+    const getDeclFromDeclName = useCallback((name) => secondaryDeclarations?.find(decl => decl.name === name), [secondaryDeclarations]);
+    return [getDeclFromDeclName, secondaryDeclarations !== undefined];
 };

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { useLocation, useRoute } from "preact-iso";
 import { useEffect, useState } from "preact/hooks";
-import { getDisplayNameFromEntityInstance } from "../../shared/utils/displayName.js";
+import { getSerializedDisplayNameFromEntityInstance } from "../../shared/utils/displayName.js";
 import { toTitleCase } from "../../shared/utils/string.js";
 import { validateLocaleIdentifier } from "../../shared/validation/identifier.js";
 import { createInstanceByEntityNameAndId } from "../api.js";
@@ -15,7 +15,7 @@ import { createTypeSkeleton } from "../utils/typeSkeleton.js";
 import { NotFound } from "./NotFound.js";
 export const CreateInstance = () => {
     const { params: { name }, } = useRoute();
-    const getDeclFromDeclName = useGetDeclFromDeclName();
+    const [getDeclFromDeclName, declsLoaded] = useGetDeclFromDeclName();
     const entityFromRoute = useEntityFromRoute();
     const [instanceNamesByEntity] = useInstanceNamesByEntity();
     const [instance, setInstance] = useState();
@@ -26,10 +26,15 @@ export const CreateInstance = () => {
         }
     }, [getDeclFromDeclName, entityFromRoute]);
     const { route } = useLocation();
+    useEffect(() => {
+        const entityName = entityFromRoute?.entity.name ?? name;
+        document.title =
+            entityName === undefined ? "Not found" : "New " + toTitleCase(entityName) + " — TSONDB";
+    }, [entityFromRoute?.entity.name, name]);
     if (!name) {
         return _jsx(NotFound, {});
     }
-    if (!entityFromRoute) {
+    if (!entityFromRoute || !instanceNamesByEntity || !declsLoaded) {
         return (_jsxs("div", { children: [_jsx("h1", { children: name }), _jsx("p", { className: "loading", children: "Loading \u2026" })] }));
     }
     const { entity, isLocaleEntity } = entityFromRoute;
@@ -39,13 +44,22 @@ export const CreateInstance = () => {
         if (name) {
             createInstanceByEntityNameAndId(entity.name, instance, isLocaleEntity ? customId : undefined)
                 .then(createdInstance => {
-                if (name === "saveandaddanother") {
-                    setInstance(createTypeSkeleton(getDeclFromDeclName, entity.type));
-                    setCustomId("");
-                    alert(`Instance of entity ${entity.name} created successfully with identifier ${createdInstance.instance.id}. You can add another instance now.`);
-                }
-                else {
-                    route(`/entities/${entity.name}?created=${encodeURIComponent(createdInstance.instance.id)}`);
+                switch (name) {
+                    case "saveandcontinue": {
+                        route(`/entities/${entity.name}/instances/${createdInstance.instance.id}`);
+                        break;
+                    }
+                    case "saveandaddanother": {
+                        setInstance(createTypeSkeleton(getDeclFromDeclName, entity.type));
+                        setCustomId("");
+                        alert(`Instance of entity ${entity.name} created successfully with identifier ${createdInstance.instance.id}. You can add another instance now.`);
+                        break;
+                    }
+                    case "save":
+                    default: {
+                        route(`/entities/${entity.name}?created=${encodeURIComponent(createdInstance.instance.id)}`);
+                        break;
+                    }
                 }
             })
                 .catch((error) => {
@@ -56,7 +70,7 @@ export const CreateInstance = () => {
         }
     };
     const defaultName = customId || `New ${toTitleCase(entity.name)}`;
-    const instanceName = getDisplayNameFromEntityInstance(entity, instance, defaultName);
+    const instanceName = getSerializedDisplayNameFromEntityInstance(entity, instance, defaultName);
     const idErrors = isLocaleEntity ? validateLocaleIdentifier(customId) : [];
     return (_jsxs(Layout, { breadcrumbs: [
             { url: "/", label: "Home" },
@@ -66,5 +80,5 @@ export const CreateInstance = () => {
                         }, "aria-invalid": idErrors.length > 0 }), _jsx(ValidationErrors, { errors: idErrors })] })), _jsxs("form", { onSubmit: handleSubmit, children: [_jsx(TypeInput, { type: entity.type, value: instance, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: value => {
                             console.log("onChange", value);
                             setInstance(value);
-                        } }), _jsxs("div", { className: "btns", children: [_jsx("button", { type: "submit", class: "primary", name: "save", children: "Save" }), _jsx("button", { type: "submit", class: "primary", name: "saveandaddanother", children: "Save and Add Another" })] })] })] }));
+                        } }), _jsxs("div", { class: "form-footer btns", children: [_jsx("button", { type: "submit", class: "primary", name: "save", children: "Save" }), _jsx("button", { type: "submit", class: "primary", name: "saveandcontinue", children: "Save and Continue" }), _jsx("button", { type: "submit", class: "primary", name: "saveandaddanother", children: "Save and Add Another" })] })] })] }));
 };

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

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { useRoute } from "preact-iso";
-import { useEffect } from "preact/hooks";
+import { useEffect, useState } from "preact/hooks";
 import { getGitStatusForDisplay, getLabelForGitStatus } from "../../shared/utils/git.js";
+import { toTitleCase } from "../../shared/utils/string.js";
 import { deleteInstanceByEntityNameAndId, getEntityByName, getInstancesByEntityName, } from "../api.js";
 import { Layout } from "../components/Layout.js";
 import { useAPIResource } from "../hooks/useAPIResource.js";
@@ -11,8 +12,12 @@ import { NotFound } from "./NotFound.js";
 const mapInstances = (data) => data.instances;
 export const Entity = () => {
     const { params: { name }, query: { created }, } = useRoute();
+    const [searchText, setSearchText] = useState("");
     const [entity] = useAPIResource(getEntityByName, name ?? "");
     const [instances, reloadInstances] = useMappedAPIResource(getInstancesByEntityName, mapInstances, name ?? "");
+    useEffect(() => {
+        document.title = toTitleCase(entity?.declaration.namePlural ?? name ?? "") + " — TSONDB";
+    }, [entity?.declaration.namePlural, name]);
     useEffect(() => {
         if (created) {
             const instanceElement = document.getElementById(`instance-${created}`);
@@ -25,20 +30,29 @@ export const Entity = () => {
         return _jsx(NotFound, {});
     }
     if (!entity || !instances) {
-        return (_jsxs("div", { children: [_jsx("h1", { children: name }), _jsx("p", { className: "loading", children: "Loading \u2026" })] }));
+        return (_jsxs("div", { children: [_jsx("h1", { children: toTitleCase(entity?.declaration.namePlural ?? name) }), _jsx("p", { className: "loading", children: "Loading \u2026" })] }));
     }
-    return (_jsxs(Layout, { breadcrumbs: [{ url: "/", label: "Home" }], children: [_jsxs("div", { class: "header-with-btns", children: [_jsx("h1", { children: name }), _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("p", { children: [instances.length, " instance", instances.length === 1 ? "" : "s"] }), _jsx("ul", { class: "instances", children: instances.map(instance => {
+    const lowerSearchText = searchText.toLowerCase();
+    const filteredInstances = searchText.length === 0
+        ? 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 => {
+                            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);
+                                } })] })] }), _jsx("ul", { class: "entries entries--instances", children: filteredInstances.map(instance => {
                     const gitStatusForDisplay = getGitStatusForDisplay(instance.gitStatus);
-                    return (_jsxs("li", { id: `instance-${instance.id}`, class: `instance-item ${created === instance.id ? "instance-item--created" : ""} ${gitStatusForDisplay === undefined ? "" : `git-status--${gitStatusForDisplay}`}`, children: [_jsx("h2", { children: instance.displayName }), _jsx("p", { "aria-hidden": true, class: "id", children: instance.id }), gitStatusForDisplay !== undefined && (_jsx("p", { class: `git-status git-status--${gitStatusForDisplay}`, title: getLabelForGitStatus(gitStatusForDisplay), children: gitStatusForDisplay })), _jsxs("div", { className: "btns", children: [_jsx("a", { href: `/entities/${entity.declaration.name}/instances/${instance.id}`, class: "btn", children: "Edit" }), _jsx("button", { class: "destructive", onClick: () => {
-                                            if (confirm("Are you sure you want to delete this instance?")) {
-                                                deleteInstanceByEntityNameAndId(entity.declaration.name, instance.id)
-                                                    .then(() => reloadInstances())
-                                                    .catch((error) => {
-                                                    if (error instanceof Error) {
-                                                        alert("Error deleting instance:\n\n" + error.toString());
+                    return (_jsxs("li", { id: `instance-${instance.id}`, class: `entries-item ${created === instance.id ? "entries-item--created" : ""} ${gitStatusForDisplay === undefined ? "" : `git-status--${gitStatusForDisplay}`}`, children: [_jsx("h2", { class: "entries-item__title", children: instance.displayName }), _jsx("p", { "aria-hidden": true, class: "entries-item__subtitle entries-item__subtitle--id", children: instance.id }), _jsxs("div", { class: "entries-item__side", children: [gitStatusForDisplay !== undefined && (_jsx("p", { class: `git-status git-status--${gitStatusForDisplay}`, title: getLabelForGitStatus(gitStatusForDisplay), children: gitStatusForDisplay })), _jsxs("div", { class: "btns", children: [_jsx("a", { href: `/entities/${entity.declaration.name}/instances/${instance.id}`, class: "btn", children: "Edit" }), _jsx("button", { class: "destructive", onClick: () => {
+                                                    if (confirm("Are you sure you want to delete this instance?")) {
+                                                        deleteInstanceByEntityNameAndId(entity.declaration.name, instance.id)
+                                                            .then(() => reloadInstances())
+                                                            .catch((error) => {
+                                                            if (error instanceof Error) {
+                                                                alert("Error deleting instance:\n\n" + error.toString());
+                                                            }
+                                                        });
                                                     }
-                                                });
-                                            }
-                                        }, children: "Delete" })] })] }, instance.id));
+                                                }, children: "Delete" })] })] })] }, instance.id));
                 }) })] }));
 };

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { useEffect, useState } from "preact/hooks";
 import { toTitleCase } from "../../shared/utils/string.js";
 import { getAllEntities } from "../api.js";
 import { Layout } from "../components/Layout.js";
@@ -7,5 +8,18 @@ import { Markdown } from "../utils/Markdown.js";
 const mapEntities = (data) => data.declarations.sort((a, b) => a.declaration.name.localeCompare(b.declaration.name));
 export const Home = () => {
     const [entities] = useMappedAPIResource(getAllEntities, mapEntities);
-    return (_jsxs(Layout, { breadcrumbs: [{ url: "/", label: "Home" }], children: [_jsx("h1", { children: "Entities" }), _jsx("ul", { class: "entities", children: (entities ?? []).map(entity => (_jsxs("li", { class: "entity-item", children: [_jsxs("div", { className: "title", children: [_jsx("h2", { children: toTitleCase(entity.declaration.name) }), entity.declaration.comment && (_jsx(Markdown, { class: "description", string: entity.declaration.comment }))] }), _jsxs("p", { class: "meta", children: [entity.instanceCount, " instance", entity.instanceCount === 1 ? "" : "s"] }), _jsx("div", { className: "btns", children: _jsx("a", { href: `/entities/${entity.declaration.name}`, class: "btn", children: "View" }) })] }, entity.declaration.name))) })] }));
+    useEffect(() => {
+        document.title = "Entities — TSONDB";
+    }, []);
+    const [searchText, setSearchText] = useState("");
+    const lowerSearchText = searchText.toLowerCase().replaceAll(" ", "");
+    const filteredEntities = searchText.length === 0
+        ? 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 => {
+                            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);
+                                } })] })] }), _jsx("ul", { class: "entries entries--entities", children: (filteredEntities ?? []).map(entity => (_jsxs("li", { class: "entries-item", children: [_jsxs("div", { class: "entries-item__title", children: [_jsx("h2", { children: toTitleCase(entity.declaration.namePlural) }), entity.declaration.comment && (_jsx(Markdown, { class: "description", string: entity.declaration.comment }))] }), _jsxs("p", { class: "entries-item__subtitle", children: [entity.instanceCount, " instance", entity.instanceCount === 1 ? "" : "s"] }), _jsx("div", { class: "entries-item__side", children: _jsx("div", { class: "btns", children: _jsx("a", { href: `/entities/${entity.declaration.name}`, class: "btn", children: "View" }) }) })] }, entity.declaration.name))) })] }));
 };

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { useLocation, useRoute } from "preact-iso";
-import { useEffect, useMemo, useState } from "preact/hooks";
-import { deepEqual } from "../../shared/utils/compare.js";
-import { getDisplayNameFromEntityInstance } from "../../shared/utils/displayName.js";
+import { useCallback, useEffect, useState } from "preact/hooks";
+import { getSerializedDisplayNameFromEntityInstance } from "../../shared/utils/displayName.js";
+import { toTitleCase } from "../../shared/utils/string.js";
 import { deleteInstanceByEntityNameAndId, getInstanceByEntityNameAndId, updateInstanceByEntityNameAndId, } from "../api.js";
 import { Layout } from "../components/Layout.js";
 import { TypeInput } from "../components/typeInputs/TypeInput.js";
@@ -12,13 +12,23 @@ import { useGetDeclFromDeclName } from "../hooks/useSecondaryDeclarations.js";
 import { NotFound } from "./NotFound.js";
 export const Instance = () => {
     const { params: { name, id }, } = useRoute();
-    const getDeclFromDeclName = useGetDeclFromDeclName();
+    const [getDeclFromDeclName, declsLoaded] = useGetDeclFromDeclName();
     const entityFromRoute = useEntityFromRoute();
     const [instanceNamesByEntity] = useInstanceNamesByEntity();
     const [instance, setInstance] = useState();
     const [originalInstance, setOriginalInstance] = useState();
     const { route } = useLocation();
-    const hasChanges = useMemo(() => !deepEqual(instance?.content, originalInstance?.content), [instance?.content, originalInstance?.content]);
+    useEffect(() => {
+        if (entityFromRoute && instance && id) {
+            const defaultName = id;
+            const instanceName = getSerializedDisplayNameFromEntityInstance(entityFromRoute.entity, instance.content, defaultName);
+            const entityName = entityFromRoute.entity.name;
+            document.title = instanceName + " — " + toTitleCase(entityName) + " — TSONDB";
+        }
+        else {
+            document.title = "Not found — TSONDB";
+        }
+    }, [entityFromRoute, id, instance]);
     useEffect(() => {
         if (name && id) {
             getInstanceByEntityNameAndId(name, id)
@@ -33,7 +43,7 @@ export const Instance = () => {
     }, [id, name]);
     const handleSubmit = (event) => {
         event.preventDefault();
-        if (name && id && instance) {
+        if (event.submitter?.getAttribute("name") === "save" && name && id && instance) {
             updateInstanceByEntityNameAndId(name, id, instance.content)
                 .then(updatedInstance => {
                 setInstance(updatedInstance.instance);
@@ -46,17 +56,24 @@ export const Instance = () => {
             });
         }
     };
+    const handleOnChange = useCallback((value) => {
+        setInstance(container => container && { ...container, content: value });
+    }, []);
     if (!name || !id) {
         return _jsx(NotFound, {});
     }
-    if (!entityFromRoute || !instance || !originalInstance) {
+    if (!entityFromRoute ||
+        !instance ||
+        !originalInstance ||
+        !instanceNamesByEntity ||
+        !declsLoaded) {
         return (_jsxs(Layout, { breadcrumbs: [
                 { url: "/", label: "Home" },
                 { url: `/entities/${name}`, label: name },
             ], children: [_jsx("h1", { children: id }), _jsx("p", { className: "loading", children: "Loading \u2026" })] }));
     }
     const defaultName = id;
-    const instanceName = getDisplayNameFromEntityInstance(entityFromRoute.entity, instance.content, defaultName);
+    const instanceName = getSerializedDisplayNameFromEntityInstance(entityFromRoute.entity, instance.content, defaultName);
     return (_jsxs(Layout, { breadcrumbs: [
             { url: "/", label: "Home" },
             { url: `/entities/${name}`, label: entityFromRoute.entity.name },
@@ -72,8 +89,5 @@ export const Instance = () => {
                                     }
                                 });
                             }
-                        }, children: "Delete" })] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsx(TypeInput, { type: entityFromRoute.entity.type, value: instance.content, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: value => {
-                            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                            setInstance(container => ({ ...container, content: value }));
-                        } }), _jsx("button", { type: "submit", disabled: !hasChanges, class: "primary", children: "Save" })] })] }));
+                        }, children: "Delete" })] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsx(TypeInput, { type: entityFromRoute.entity.type, value: instance.content, 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,5 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { useEffect } from "preact/hooks";
 import { Layout } from "../components/Layout.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." })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsondb",
-  "version": "0.5.8",
+  "version": "0.5.10",
   "description": "",
   "license": "ISC",
   "author": "Lukas Obermann",
@@ -17,7 +17,7 @@
     ".": "./dist/src/index.js",
     "./renderer/jsonschema": "./dist/src/node/renderers/jsonschema/index.js",
     "./renderer/ts": "./dist/src/node/renderers/ts/index.js",
-    "./schema": "./dist/src/node/Schema.js",
+    "./schema": "./dist/src/node/schema/Schema.js",
     "./schema/def": "./dist/src/node/schema/index.js"
   },
   "scripts": {
@@ -31,18 +31,18 @@
     "release:sign": "commit-and-tag-version --sign --signoff"
   },
   "devDependencies": {
-    "@eslint/js": "^9.34.0",
+    "@eslint/js": "^9.35.0",
     "@types/debug": "^4.1.12",
     "@types/express": "^5.0.3",
     "@types/node": "^24.3.1",
     "commit-and-tag-version": "^12.6.0",
-    "eslint": "^9.34.0",
+    "eslint": "^9.35.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "globals": "^16.3.0",
     "prettier": "^3.6.2",
     "typescript": "^5.9.2",
-    "typescript-eslint": "^8.42.0"
+    "typescript-eslint": "^8.43.0"
   },
   "dependencies": {
     "debug": "^4.4.1",
@@ -51,7 +51,7 @@
     "preact-iso": "^2.10.0",
     "simple-cli-args": "^0.1.2",
     "simple-git": "^3.28.0",
-    "uuid": "^11.1.0"
+    "uuid": "^13.0.0"
   },
   "repository": "github:elyukai/tsondb",
   "bugs": {