tsondb 0.5.10 → 0.5.12

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

@@ -4,7 +4,8 @@ import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity
 import type { GetDeclFromDeclName } from "../../hooks/useSecondaryDeclarations.ts";
 type Props = {
     type: SerializedArrayType;
-    value: unknown[];
+    path: string | undefined;
+    value: unknown;
     instanceNamesByEntity: InstanceNamesByEntity;
     getDeclFromDeclName: GetDeclFromDeclName;
     onChange: (value: unknown[]) => void;

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

@@ -1,15 +1,19 @@
-import { jsxs as _jsxs, jsx as _jsx } from "preact/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { removeAt } from "../../../shared/utils/array.js";
 import { validateArrayConstraints } from "../../../shared/validation/array.js";
 import { createTypeSkeleton } from "../../utils/typeSkeleton.js";
 import { TypeInput } from "./TypeInput.js";
+import { MismatchingTypeError } from "./utils/MismatchingTypeError.js";
 import { ValidationErrors } from "./utils/ValidationErrors.js";
-export const ArrayTypeInput = ({ type, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
+export const ArrayTypeInput = ({ type, path, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
+    if (!Array.isArray(value)) {
+        return _jsx(MismatchingTypeError, { expected: "array", actual: value });
+    }
     const errors = validateArrayConstraints(type, value);
     const isTuple = typeof type.minItems === "number" && type.minItems === type.maxItems;
     return (_jsxs("div", { class: "field field--container field--array", children: [value.length > 0 && (_jsx("ol", { children: value.map((item, i) => (_jsxs("li", { class: "container-item array-item", children: [isTuple ? null : (_jsxs("div", { className: "container-item-header", children: [_jsxs("div", { className: "container-item-title", children: [i + 1, "."] }), _jsxs("button", { class: "destructive", onClick: () => {
                                         onChange(removeAt(value, i));
-                                    }, disabled: type.minItems !== undefined && value.length <= type.minItems, children: ["Delete Item #", i + 1] })] })), _jsx(TypeInput, { type: type.items, value: item, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: newItem => {
+                                    }, disabled: type.minItems !== undefined && value.length <= type.minItems, children: ["Delete Item #", i + 1] })] })), _jsx(TypeInput, { type: type.items, path: path === undefined ? `[${i.toString()}]` : `${path}[${i.toString()}]`, value: item, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: newItem => {
                                 onChange(value.with(i, newItem));
                             } })] }, i))) })), isTuple ? null : (_jsx("div", { class: "add-item-container", children: _jsxs("button", { onClick: () => {
                         onChange([...value, createTypeSkeleton(getDeclFromDeclName, type.items)]);

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

@@ -2,7 +2,7 @@ import type { FunctionComponent } from "preact";
 import type { SerializedBooleanType } from "../../../node/schema/types/primitives/BooleanType.ts";
 type Props = {
     type: SerializedBooleanType;
-    value: boolean;
+    value: unknown;
     onChange: (value: boolean) => void;
 };
 export declare const BooleanTypeInput: FunctionComponent<Props>;

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

@@ -1,5 +1,9 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
+import { MismatchingTypeError } from "./utils/MismatchingTypeError.js";
 export const BooleanTypeInput = ({ value, onChange }) => {
+    if (typeof value !== "boolean") {
+        return _jsx(MismatchingTypeError, { expected: "boolean", actual: value });
+    }
     return (_jsx("div", { class: "field", children: _jsx("input", { type: "checkbox", checked: value, onInput: event => {
                 onChange(event.currentTarget.checked);
             } }) }));

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

@@ -2,7 +2,7 @@ import type { FunctionComponent } from "preact";
 import type { SerializedDateType } from "../../../node/schema/types/primitives/DateType.ts";
 type Props = {
     type: SerializedDateType;
-    value: string;
+    value: unknown;
     onChange: (value: string) => void;
 };
 export declare const DateTypeInput: FunctionComponent<Props>;

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

@@ -1,7 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { validateDateConstraints } from "../../../shared/validation/date.js";
+import { MismatchingTypeError } from "./utils/MismatchingTypeError.js";
 import { ValidationErrors } from "./utils/ValidationErrors.js";
 export const DateTypeInput = ({ type, value, onChange }) => {
+    if (typeof value !== "string") {
+        return _jsx(MismatchingTypeError, { expected: "date string", actual: value });
+    }
     const errors = validateDateConstraints(type, value);
     return (_jsxs("div", { class: "field", children: [_jsx("input", { type: "date", value: value, onInput: event => {
                     onChange(event.currentTarget.value);

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

@@ -4,6 +4,7 @@ import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity
 import type { GetDeclFromDeclName } from "../../hooks/useSecondaryDeclarations.ts";
 type Props = {
     type: SerializedEnumType;
+    path: string | undefined;
     value: unknown;
     instanceNamesByEntity: InstanceNamesByEntity;
     getDeclFromDeclName: GetDeclFromDeclName;

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

@@ -5,7 +5,7 @@ import { createTypeSkeleton } from "../../utils/typeSkeleton.js";
 import { Select } from "../Select.js";
 import { TypeInput } from "./TypeInput.js";
 import { MismatchingTypeError } from "./utils/MismatchingTypeError.js";
-export const EnumTypeInput = ({ type, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
+export const EnumTypeInput = ({ type, path, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
     if (typeof value !== "object" ||
         value === null ||
         Array.isArray(value) ||
@@ -29,7 +29,7 @@ export const EnumTypeInput = ({ type, value, instanceNamesByEntity, getDeclFromD
                             [event.currentTarget.value]: createTypeSkeleton(getDeclFromDeclName, caseMember.type),
                         });
                     }
-                }, children: enumValues.map(enumValue => (_jsx("option", { value: enumValue, selected: enumValue === activeEnumCase, children: toTitleCase(enumValue) }, enumValue))) }), caseMember?.type == null ? null : (_jsx("div", { className: "associated-type", children: _jsx(TypeInput, { type: caseMember.type, value: value[activeEnumCase], instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: newValue => {
+                }, children: enumValues.map(enumValue => (_jsx("option", { value: enumValue, selected: enumValue === activeEnumCase, children: toTitleCase(enumValue) }, enumValue))) }), caseMember?.type == null ? null : (_jsx("div", { className: "associated-type", children: _jsx(TypeInput, { type: caseMember.type, path: path === undefined ? `{${activeEnumCase}}` : `${path}.{${activeEnumCase}}`, value: value[activeEnumCase], instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: newValue => {
                         onChange({
                             [discriminatorKey]: activeEnumCase,
                             [activeEnumCase]: newValue,

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

@@ -2,7 +2,7 @@ import type { FunctionComponent } from "preact";
 import type { SerializedFloatType } from "../../../node/schema/types/primitives/FloatType.ts";
 type Props = {
     type: SerializedFloatType;
-    value: number;
+    value: unknown;
     onChange: (value: number) => void;
 };
 export declare const FloatTypeInput: FunctionComponent<Props>;

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

@@ -1,9 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
 import { validateNumberConstraints } from "../../../shared/validation/number.js";
+import { MismatchingTypeError } from "./utils/MismatchingTypeError.js";
 import { ValidationErrors } from "./utils/ValidationErrors.js";
 export const FloatTypeInput = ({ type, value, onChange }) => {
-    const [stringValue, setStringValue] = useState(value.toString());
+    const [stringValue, setStringValue] = useState(typeof value === "number" ? value.toString() : "");
+    if (typeof value !== "number") {
+        return _jsx(MismatchingTypeError, { expected: "float", actual: value });
+    }
     const errors = validateNumberConstraints(type, value);
     return (_jsxs("div", { class: "field", children: [_jsx("input", { type: "number", value: stringValue, onInput: event => {
                     setStringValue(event.currentTarget.value);

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

@@ -4,6 +4,7 @@ import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity
 import type { GetDeclFromDeclName } from "../../hooks/useSecondaryDeclarations.ts";
 type Props = {
     type: SerializedIncludeIdentifierType;
+    path: string | undefined;
     value: unknown;
     instanceNamesByEntity: InstanceNamesByEntity;
     getDeclFromDeclName: GetDeclFromDeclName;

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { TypeInput } from "./TypeInput.js";
-export const IncludeIdentifierTypeInput = ({ type, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
+export const IncludeIdentifierTypeInput = ({ type, path, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
     const decl = getDeclFromDeclName(type.reference);
     if (decl === undefined) {
         return (_jsxs("div", { role: "alert", children: ["Unresolved declaration identifier ", _jsx("code", { children: type.reference })] }));
     }
-    return (_jsx(TypeInput, { type: decl.type, value: value, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: onChange }));
+    return (_jsx(TypeInput, { type: decl.type, path: path, value: value, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: onChange }));
 };

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

@@ -2,7 +2,7 @@ import type { FunctionComponent } from "preact";
 import type { SerializedIntegerType } from "../../../node/schema/types/primitives/IntegerType.ts";
 type Props = {
     type: SerializedIntegerType;
-    value: number;
+    value: unknown;
     onChange: (value: number) => void;
 };
 export declare const IntegerTypeInput: FunctionComponent<Props>;

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

@@ -1,9 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
 import { validateNumberConstraints } from "../../../shared/validation/number.js";
+import { MismatchingTypeError } from "./utils/MismatchingTypeError.js";
 import { ValidationErrors } from "./utils/ValidationErrors.js";
 export const IntegerTypeInput = ({ type, value, onChange }) => {
-    const [stringValue, setStringValue] = useState(value.toString());
+    const [stringValue, setStringValue] = useState(typeof value === "number" ? value.toString() : "");
+    if (typeof value !== "number") {
+        return _jsx(MismatchingTypeError, { expected: "float", actual: value });
+    }
     const errors = validateNumberConstraints(type, value);
     return (_jsxs("div", { class: "field", children: [_jsx("input", { type: "number", value: stringValue, onInput: event => {
                     setStringValue(event.currentTarget.value);

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

@@ -4,7 +4,8 @@ import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity
 import type { GetDeclFromDeclName } from "../../hooks/useSecondaryDeclarations.ts";
 type Props = {
     type: SerializedNestedEntityMapType;
-    value: Record<string, unknown>;
+    path: string | undefined;
+    value: unknown;
     instanceNamesByEntity: InstanceNamesByEntity;
     getDeclFromDeclName: GetDeclFromDeclName;
     onChange: (value: Record<string, unknown>) => void;

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

@@ -5,8 +5,12 @@ import { toTitleCase } from "../../../shared/utils/string.js";
 import { createTypeSkeleton } from "../../utils/typeSkeleton.js";
 import { Select } from "../Select.js";
 import { TypeInput } from "./TypeInput.js";
-export const NestedEntityMapTypeInput = ({ type, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
+import { MismatchingTypeError } from "./utils/MismatchingTypeError.js";
+export const NestedEntityMapTypeInput = ({ type, path, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
     const [newKey, setNewKey] = useState("");
+    if (typeof value !== "object" || value === null || Array.isArray(value)) {
+        return _jsx(MismatchingTypeError, { expected: "object", actual: value });
+    }
     const existingKeys = Object.keys(value);
     const secondaryInstances = (instanceNamesByEntity[type.secondaryEntity] ?? [])
         .slice()
@@ -20,7 +24,7 @@ export const NestedEntityMapTypeInput = ({ type, value, instanceNamesByEntity, g
                                                 // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
                                                 delete newObj[key];
                                                 onChange(newObj);
-                                            }, children: ["Delete ", name] }) })] }), _jsx(TypeInput, { type: type.type, value: item, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: newItem => {
+                                            }, children: ["Delete ", name] }) })] }), _jsx(TypeInput, { type: type.type, path: path === undefined ? key : `${path}.${key}`, value: item, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: newItem => {
                                     onChange(sortObjectKeysAlphabetically({ ...value, [key]: newItem }));
                                 } })] }, key));
                 }) })), _jsxs("div", { class: "add-item-container", children: [_jsxs(Select, { value: newKey, onInput: event => {

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

@@ -4,7 +4,8 @@ import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity
 import type { GetDeclFromDeclName } from "../../hooks/useSecondaryDeclarations.ts";
 type Props = {
     type: SerializedObjectType;
-    value: Record<string, unknown>;
+    path: string | undefined;
+    value: unknown;
     instanceNamesByEntity: InstanceNamesByEntity;
     getDeclFromDeclName: GetDeclFromDeclName;
     onChange: (value: Record<string, unknown>) => void;

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

@@ -5,10 +5,15 @@ import { validateObjectConstraints } from "../../../shared/validation/object.js"
 import { Markdown } from "../../utils/Markdown.js";
 import { createTypeSkeleton } from "../../utils/typeSkeleton.js";
 import { TypeInput } from "./TypeInput.js";
+import { MismatchingTypeError } from "./utils/MismatchingTypeError.js";
 import { ValidationErrors } from "./utils/ValidationErrors.js";
-export const ObjectTypeInput = ({ type, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
+export const ObjectTypeInput = ({ type, path, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
+    if (typeof value !== "object" || value === null || Array.isArray(value)) {
+        return _jsx(MismatchingTypeError, { expected: "object", actual: value });
+    }
     const errors = validateObjectConstraints(type, Object.keys(type.properties), value);
-    return (_jsxs("div", { class: "field field--container field--object", children: [_jsx("ul", { children: Object.entries(type.properties).map(([key, memberDecl]) => (_jsxs("li", { class: "container-item object-item", children: [_jsxs("div", { className: "container-item-header", children: [_jsxs("div", { className: "container-item-title", children: [_jsx("strong", { children: toTitleCase(key) }), memberDecl.comment === undefined ? null : (_jsx(Markdown, { class: "comment", string: memberDecl.comment }))] }), memberDecl.isRequired ? null : value[key] === undefined ? (_jsxs("button", { onClick: () => {
+    return (_jsxs("div", { class: "field field--container field--object", children: [_jsx("ul", { children: Object.entries(type.properties).map(([key, memberDecl]) => (_jsxs("li", { class: "container-item object-item", children: [_jsxs("div", { className: "container-item-header", children: [_jsxs("div", { className: "container-item-title", children: [_jsx("strong", { children: toTitleCase(key) }), memberDecl.comment === undefined ? null : (_jsx(Markdown, { class: "comment", string: memberDecl.comment }))] }), memberDecl.isRequired ? null : value[key] ===
+                                    undefined ? (_jsxs("button", { onClick: () => {
                                         onChange(sortObjectKeys({
                                             ...value,
                                             [key]: createTypeSkeleton(getDeclFromDeclName, memberDecl.type),
@@ -18,7 +23,7 @@ export const ObjectTypeInput = ({ type, value, instanceNamesByEntity, getDeclFro
                                         // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
                                         delete newObj[key];
                                         onChange(newObj);
-                                    }, children: ["Remove ", toTitleCase(key)] }))] }), memberDecl.isRequired || value[key] !== undefined ? (_jsx(TypeInput, { type: memberDecl.type, value: value[key], instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: newItem => {
+                                    }, children: ["Remove ", toTitleCase(key)] }))] }), memberDecl.isRequired || value[key] !== undefined ? (_jsx(TypeInput, { type: memberDecl.type, path: path === undefined ? key : `${path}.${key}`, value: value[key], instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: newItem => {
                                 onChange(sortObjectKeys({ ...value, [key]: newItem }, Object.keys(type.properties)));
                             } })) : null] }, key))) }), _jsx(ValidationErrors, { errors: errors })] }));
 };

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

@@ -3,7 +3,7 @@ import type { SerializedReferenceIdentifierType } from "../../../node/schema/typ
 import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity.ts";
 type Props = {
     type: SerializedReferenceIdentifierType;
-    value: string;
+    value: unknown;
     instanceNamesByEntity: InstanceNamesByEntity;
     onChange: (value: string) => void;
 };

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

@@ -1,7 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { Select } from "../Select.js";
+import { MismatchingTypeError } from "./utils/MismatchingTypeError.js";
 import { ValidationErrors } from "./utils/ValidationErrors.js";
 export const ReferenceIdentifierTypeInput = ({ type, value, instanceNamesByEntity, onChange, }) => {
+    if (typeof value !== "string") {
+        return _jsx(MismatchingTypeError, { expected: "string identifier", actual: value });
+    }
     const instances = (instanceNamesByEntity[type.entity] ?? [])
         .slice()
         .sort((a, b) => a.name.localeCompare(b.name, undefined, { numeric: true }));

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

@@ -2,7 +2,7 @@ import type { FunctionComponent } from "preact";
 import type { SerializedStringType } from "../../../node/schema/types/primitives/StringType.ts";
 type Props = {
     type: SerializedStringType;
-    value: string;
+    value: unknown;
     onChange: (value: string) => void;
 };
 export declare const StringTypeInput: FunctionComponent<Props>;

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

@@ -1,8 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "preact/jsx-runtime";
 import { validateStringConstraints } from "../../../shared/validation/string.js";
 import { Markdown } from "../../utils/Markdown.js";
+import { MismatchingTypeError } from "./utils/MismatchingTypeError.js";
 import { ValidationErrors } from "./utils/ValidationErrors.js";
 export const StringTypeInput = ({ type, value, onChange }) => {
+    if (typeof value !== "string") {
+        return _jsx(MismatchingTypeError, { expected: "string", actual: value });
+    }
     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("div", { class: "textarea-grow-wrap", "data-value": value, children: _jsx("textarea", { value: value, minLength: minLength, maxLength: maxLength, onInput: event => {

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

@@ -4,6 +4,7 @@ import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity
 import type { GetDeclFromDeclName } from "../../hooks/useSecondaryDeclarations.ts";
 type Props = {
     type: SerializedType;
+    path: string | undefined;
     value: unknown;
     instanceNamesByEntity: InstanceNamesByEntity;
     getDeclFromDeclName: GetDeclFromDeclName;

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

@@ -1,6 +1,5 @@
 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";
@@ -14,81 +13,36 @@ import { NestedEntityMapTypeInput } from "./NestedEntityMapTypeInput.js";
 import { ObjectTypeInput } from "./ObjectTypeInput.js";
 import { ReferenceIdentifierTypeInput } from "./ReferenceIdentifierTypeInput.js";
 import { StringTypeInput } from "./StringTypeInput.js";
-import { MismatchingTypeError } from "./utils/MismatchingTypeError.js";
-const TypeInput = ({ type, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
+const TypeInput = ({ type, path, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
+    // console.log("rendering node at path ", path ?? "<root>")
     switch (type.kind) {
         case "BooleanType":
-            if (typeof value === "boolean") {
-                return _jsx(BooleanTypeInput, { type: type, value: value, onChange: onChange });
-            }
-            else {
-                return _jsx(MismatchingTypeError, { expected: "boolean", actual: value });
-            }
+            return _jsx(BooleanTypeInput, { type: type, value: value, onChange: onChange });
         case "DateType":
-            if (typeof value === "string") {
-                return _jsx(DateTypeInput, { type: type, value: value, onChange: onChange });
-            }
-            else {
-                return _jsx(MismatchingTypeError, { expected: "date string", actual: value });
-            }
+            return _jsx(DateTypeInput, { type: type, value: value, onChange: onChange });
         case "FloatType":
-            if (typeof value === "number") {
-                return _jsx(FloatTypeInput, { type: type, value: value, onChange: onChange });
-            }
-            else {
-                return _jsx(MismatchingTypeError, { expected: "float", actual: value });
-            }
+            return _jsx(FloatTypeInput, { type: type, value: value, onChange: onChange });
         case "IntegerType":
-            if (typeof value === "number" && Number.isInteger(value)) {
-                return _jsx(IntegerTypeInput, { type: type, value: value, onChange: onChange });
-            }
-            else {
-                return _jsx(MismatchingTypeError, { expected: "integer", actual: value });
-            }
+            return _jsx(IntegerTypeInput, { type: type, value: value, onChange: onChange });
         case "StringType":
-            if (typeof value === "string") {
-                return _jsx(StringTypeInput, { type: type, value: value, onChange: onChange });
-            }
-            else {
-                return _jsx(MismatchingTypeError, { expected: "string", actual: value });
-            }
+            return _jsx(StringTypeInput, { type: type, value: value, onChange: onChange });
         case "ArrayType":
-            if (Array.isArray(value)) {
-                return (_jsx(ArrayTypeInput, { type: type, value: value, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: onChange }));
-            }
-            else {
-                return _jsx(MismatchingTypeError, { expected: "array", actual: value });
-            }
+            return (_jsx(ArrayTypeInput, { type: type, path: path, value: value, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: onChange }));
         case "ObjectType":
-            if (typeof value === "object" && value !== null && !Array.isArray(value)) {
-                return (_jsx(ObjectTypeInput, { type: type, value: value, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: onChange }));
-            }
-            else {
-                return _jsx(MismatchingTypeError, { expected: "object", actual: value });
-            }
+            return (_jsx(ObjectTypeInput, { type: type, path: path, value: value, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: onChange }));
         case "TypeArgumentType":
             return _jsx(TypeArgumentTypeInput, { type: type });
         case "ReferenceIdentifierType":
-            if (typeof value === "string") {
-                return (_jsx(ReferenceIdentifierTypeInput, { type: type, value: value, instanceNamesByEntity: instanceNamesByEntity, onChange: onChange }));
-            }
-            else {
-                return _jsx(MismatchingTypeError, { expected: "string identifier", actual: value });
-            }
+            return (_jsx(ReferenceIdentifierTypeInput, { type: type, value: value, instanceNamesByEntity: instanceNamesByEntity, onChange: onChange }));
         case "IncludeIdentifierType":
-            return (_jsx(IncludeIdentifierTypeInput, { type: type, value: value, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: onChange }));
+            return (_jsx(IncludeIdentifierTypeInput, { type: type, path: path, value: value, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: onChange }));
         case "NestedEntityMapType":
-            if (typeof value === "object" && value !== null && !Array.isArray(value)) {
-                return (_jsx(NestedEntityMapTypeInput, { type: type, value: value, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: onChange }));
-            }
-            else {
-                return _jsx(MismatchingTypeError, { expected: "entity map", actual: value });
-            }
+            return (_jsx(NestedEntityMapTypeInput, { type: type, path: path, value: value, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: onChange }));
         case "EnumType":
-            return (_jsx(EnumTypeInput, { type: type, value: value, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: onChange }));
+            return (_jsx(EnumTypeInput, { type: type, path: path, value: value, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: onChange }));
         default:
             return assertExhaustive(type);
     }
 };
-const MemoizedTypeInput = memo(TypeInput, (prevProps, nextProps) => deepEqual(prevProps.value, nextProps.value));
+const MemoizedTypeInput = memo(TypeInput, (prevProps, nextProps) => prevProps.value === nextProps.value && prevProps.onChange === nextProps.onChange);
 export { MemoizedTypeInput as TypeInput };

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

@@ -77,7 +77,7 @@ export const CreateInstance = () => {
             { 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);
-                        }, "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 => {
+                        }, "aria-invalid": idErrors.length > 0 }), _jsx(ValidationErrors, { errors: idErrors })] })), _jsxs("form", { onSubmit: handleSubmit, children: [_jsx(TypeInput, { type: entity.type, path: undefined, value: instance, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: value => {
                             console.log("onChange", value);
                             setInstance(value);
                         } }), _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/Instance.js

@@ -9,6 +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 { NotFound } from "./NotFound.js";
 export const Instance = () => {
     const { params: { name, id }, } = useRoute();
@@ -19,7 +20,7 @@ export const Instance = () => {
     const [originalInstance, setOriginalInstance] = useState();
     const { route } = useLocation();
     useEffect(() => {
-        if (entityFromRoute && instance && id) {
+        if (entityFromRoute?.entity && instance?.content && id) {
             const defaultName = id;
             const instanceName = getSerializedDisplayNameFromEntityInstance(entityFromRoute.entity, instance.content, defaultName);
             const entityName = entityFromRoute.entity.name;
@@ -28,7 +29,7 @@ export const Instance = () => {
         else {
             document.title = "Not found — TSONDB";
         }
-    }, [entityFromRoute, id, instance]);
+    }, [entityFromRoute?.entity, id, instance?.content]);
     useEffect(() => {
         if (name && id) {
             getInstanceByEntityNameAndId(name, id)
@@ -89,5 +90,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: handleOnChange }), _jsx("div", { class: "form-footer btns", children: _jsx("button", { type: "submit", name: "save", class: "primary", children: "Save" }) })] })] }));
+                        }, 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" }) })] })] }));
 };

package/dist/src/web/utils/debug.d.ts

@@ -0,0 +1 @@
+export declare const printJson: (data: unknown) => string;

package/dist/src/web/utils/debug.js

@@ -0,0 +1,5 @@
+export const printJson = (data) => JSON.stringify(data, undefined, 2)
+    .replace(/\n *([}\]],?)/g, " $1")
+    .replace(/((?:^|\n *)[{[])\n +/g, "$1 ")
+    .replace(/"(.+?)":/g, '<span style="color: darkorange">$1</span>:')
+    .replace(/ "(.*?)"([ ,])/g, ' <span style="color: darkgreen">"$1"</span>$2');

package/package.json

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

package/public/css/styles.css

@@ -292,13 +292,13 @@ input[type="checkbox"]:checked {
 input[type="checkbox"]:checked::before {
   content: "";
   display: block;
-  border-width: 0 0 1px 1px;
+  border-width: 0 0 0.125rem 0.125rem;
   border-style: solid;
-  width: 0.6rem;
-  height: 0.3rem;
+  width: 0.8rem;
+  height: 0.4rem;
   border-color: var(--background);
   transform: rotate(-45deg);
-  margin: calc(-0.2rem - 1px) 0 0 calc(-0.275rem - 1px);
+  margin: calc(-0.325rem) 0 0 calc(-0.4rem);
 }
 
 .select-wrapper {