tsondb 0.3.0 → 0.4.0

package/lib/shared/validation/string.js

@@ -1,15 +1,20 @@
 import { parallelizeErrors } from "../utils/validation.js";
 export const validateStringConstraints = (constraints, value) => parallelizeErrors([
     constraints.minLength !== undefined && value.length < constraints.minLength
-        ? RangeError(`expected a string with at least ${constraints.minLength} character${constraints.minLength === 1 ? "" : "s"}, but got ${value.length} character${value.length === 1 ? "" : "s"}`)
+        ? RangeError(`expected a string with at least ${constraints.minLength.toString()} character${constraints.minLength === 1 ? "" : "s"}, but got ${value.length.toString()} character${value.length === 1 ? "" : "s"}`)
         : undefined,
     constraints.maxLength !== undefined && value.length > constraints.maxLength
-        ? RangeError(`expected a string with at most ${constraints.maxLength} character${constraints.maxLength === 1 ? "" : "s"}, but got ${value.length} character${value.length === 1 ? "" : "s"}`)
+        ? RangeError(`expected a string with at most ${constraints.maxLength.toString()} character${constraints.maxLength === 1 ? "" : "s"}, but got ${value.length.toString()} character${value.length === 1 ? "" : "s"}`)
         : undefined,
-    constraints.pattern !== undefined &&
-        !(typeof constraints.pattern === "string"
+    (() => {
+        if (constraints.pattern === undefined) {
+            return undefined;
+        }
+        const pattern = typeof constraints.pattern === "string"
             ? new RegExp(constraints.pattern)
-            : constraints.pattern).test(value)
-        ? TypeError(`string does not match the pattern ${constraints.pattern}`)
-        : undefined,
+            : constraints.pattern;
+        return !pattern.test(value)
+            ? TypeError(`string does not match the pattern ${pattern.toString()}`)
+            : undefined;
+    })(),
 ]);

package/lib/{client → web}/api.d.ts

@@ -1,5 +1,5 @@
-import { SerializedEntityDecl } from "../schema/declarations/EntityDecl.js";
-import { CreateInstanceOfEntityResponseBody, DeleteInstanceOfEntityResponseBody, GetAllDeclarationsResponseBody, GetAllGitBranchesResponseBody, GetAllInstancesOfEntityResponseBody, GetAllInstancesResponseBody, GetDeclarationResponseBody, GetInstanceOfEntityResponseBody, GitStatusResponseBody, UpdateInstanceOfEntityResponseBody } from "../shared/api.js";
+import type { SerializedEntityDecl } from "../node/schema/declarations/EntityDecl.js";
+import type { CreateInstanceOfEntityResponseBody, DeleteInstanceOfEntityResponseBody, GetAllDeclarationsResponseBody, GetAllGitBranchesResponseBody, GetAllInstancesOfEntityResponseBody, GetAllInstancesResponseBody, GetDeclarationResponseBody, GetInstanceOfEntityResponseBody, GitStatusResponseBody, UpdateInstanceOfEntityResponseBody } from "../shared/api.js";
 export declare const getAllDeclarations: (kind?: "Entity" | "Enum" | "TypeAlias") => Promise<GetAllDeclarationsResponseBody>;
 export declare const getAllEntities: () => Promise<GetAllDeclarationsResponseBody<SerializedEntityDecl>>;
 export declare const getEntityByName: (name: string) => Promise<GetDeclarationResponseBody<SerializedEntityDecl>>;

package/lib/{client → web}/api.js

@@ -141,9 +141,10 @@ export const unstageFileOfEntity = async (entityName, id) => {
     }
 };
 export const commitStagedFiles = async (message) => {
+    const body = { message };
     const response = await fetch(`/api/git/commit`, {
         method: "POST",
-        body: JSON.stringify({ message }),
+        body: JSON.stringify(body),
         headers: {
             "Content-Type": "application/json",
         },
@@ -181,9 +182,10 @@ export const getBranches = async () => {
     return response.json();
 };
 export const createBranch = async (branchName) => {
+    const body = { branchName };
     const response = await fetch(`/api/git/branch`, {
         method: "POST",
-        body: JSON.stringify({ branchName }),
+        body: JSON.stringify(body),
         headers: {
             "Content-Type": "application/json",
         },

package/lib/web/components/Git.d.ts

@@ -0,0 +1,2 @@
+import type { FunctionComponent } from "preact";
+export declare const Git: FunctionComponent;

package/lib/{client → web}/components/Git.js

@@ -14,7 +14,7 @@ const filterFilesForDisplay = (predicate, entities, data) => Object.entries(data
     .sort((a, b) => a[1].localeCompare(b[1]));
 const GitFileList = ({ filesByEntity, onFile, isIndex = false }) => filesByEntity.length === 0 ? (_jsx("p", { class: "no-changes", children: "No changes" })) : (_jsx("ul", { class: "git-entity-list", children: filesByEntity.map(([entityName, entityNamePlural, instances]) => (_jsxs("li", { class: "git-entity-list-item", children: [_jsx("span", { class: "title", children: entityNamePlural }), _jsx("ul", { class: "git-instance-list", children: instances.map(instance => {
                     const gitStatusForDisplay = getGitStatusForDisplay(instance.gitStatus);
-                    return (_jsxs("li", { class: "git-instance-list-item", children: [_jsx("span", { class: "title", children: instance.displayName }), _jsx("span", { class: `git-status git-status--${gitStatusForDisplay}`, title: getLabelForGitStatus(gitStatusForDisplay), children: gitStatusForDisplay }), _jsx("button", { onClick: () => {
+                    return (_jsxs("li", { class: "git-instance-list-item", children: [_jsx("span", { class: "title", children: instance.displayName }), _jsx("span", { class: `git-status git-status--${gitStatusForDisplay ?? ""}`, title: getLabelForGitStatus(gitStatusForDisplay), children: gitStatusForDisplay }), _jsx("button", { onClick: () => {
                                     onFile(entityName, instance);
                                 }, children: isIndex ? "Unstage" : "Stage" })] }, instance.fileName));
                 }) })] }, entityName))) }));
@@ -37,31 +37,67 @@ export const Git = () => {
         setCurrentBranch(branchesData.currentBranch);
     });
     useEffect(() => {
-        getAllEntities().then(async (data) => {
+        getAllEntities()
+            .then(async (data) => {
             const entitiesFromServer = data.declarations.map(decl => decl.declaration);
             setEntities(entitiesFromServer);
             return updateGitStatus(entitiesFromServer);
+        })
+            .catch((error) => {
+            if (error instanceof Error) {
+                console.error("Error fetching entities:", error.toString());
+            }
         });
     }, []);
     const stage = (entityName, instance) => {
-        stageFileOfEntity(entityName, instance.id).then(() => updateGitStatus(entities));
+        stageFileOfEntity(entityName, instance.id)
+            .then(() => updateGitStatus(entities))
+            .catch((error) => {
+            if (error instanceof Error) {
+                console.error("Error staging instance:", error.toString());
+            }
+        });
     };
     const stageAll = () => {
-        stageAllFiles().then(() => updateGitStatus(entities));
+        stageAllFiles()
+            .then(() => updateGitStatus(entities))
+            .catch((error) => {
+            if (error instanceof Error) {
+                console.error("Error staging all instances:", error.toString());
+            }
+        });
     };
     const unstage = (entityName, instance) => {
-        unstageFileOfEntity(entityName, instance.id).then(() => updateGitStatus(entities));
+        unstageFileOfEntity(entityName, instance.id)
+            .then(() => updateGitStatus(entities))
+            .catch((error) => {
+            if (error instanceof Error) {
+                console.error("Error unstaging instance:", error.toString());
+            }
+        });
     };
     const unstageAll = () => {
-        unstageAllFiles().then(() => updateGitStatus(entities));
+        unstageAllFiles()
+            .then(() => updateGitStatus(entities))
+            .catch((error) => {
+            if (error instanceof Error) {
+                console.error("Error unstaging all instances:", error.toString());
+            }
+        });
     };
     const commit = () => {
         if (commitMessage.length > 0 &&
             indexFiles.length > 0 &&
             confirm("Do you want to commit all staged files?")) {
-            commitStagedFiles(commitMessage).then(() => {
+            commitStagedFiles(commitMessage)
+                .then(() => {
                 setCommitMessage("");
                 return updateGitStatus(entities);
+            })
+                .catch((error) => {
+                if (error instanceof Error) {
+                    console.error("Error committing instances:", error.toString());
+                }
             });
         }
     };
@@ -71,7 +107,7 @@ export const Git = () => {
             alert("Pushed commits successfully");
             return updateGitStatus(entities);
         })
-            .catch(error => {
+            .catch((error) => {
             console.error("Error pushing commits:", error);
         });
     };
@@ -81,7 +117,7 @@ export const Git = () => {
             alert("Pulled commits successfully");
             return updateGitStatus(entities);
         })
-            .catch(error => {
+            .catch((error) => {
             console.error("Error pulling commits:", error);
         });
     };
@@ -99,8 +135,10 @@ export const Git = () => {
             .then(() => {
             return updateGitStatus(entities);
         })
-            .catch(error => {
-            alert("Error switching branch: " + error);
+            .catch((error) => {
+            if (error instanceof Error) {
+                alert("Error switching branch:" + error.toString());
+            }
         });
     };
     const onSwitchBranch = (event) => {
@@ -108,9 +146,15 @@ export const Git = () => {
             .then(() => {
             return updateGitStatus(entities);
         })
-            .catch(error => {
-            alert("Error switching branch: " + error);
+            .catch((error) => {
+            if (error instanceof Error) {
+                alert("Error switching branch: " + error.toString());
+            }
         });
     };
-    return (_jsxs("aside", { class: "git", children: [_jsx("h2", { class: "h1-faded", children: "Version Control" }), _jsx("button", { onClick: () => setIsOpen(b => !b), children: "File changes" }), _jsxs("div", { className: `git-overlay ${isOpen ? "git-overlay--open" : ""}`, children: [_jsxs("div", { class: "sync", children: [_jsxs("button", { onClick: push, children: ["Push", commitsAhead > 0 ? ` (${commitsAhead})` : ""] }), _jsxs("button", { onClick: pull, children: ["Pull", commitsBehind > 0 ? ` (${commitsBehind})` : ""] })] }), _jsxs("div", { className: "branch", children: [_jsx("div", { className: "select-wrapper", children: _jsx("select", { value: currentBranch, onInput: onSwitchBranch, children: allBranches.map(branch => (_jsx("option", { value: branch, children: branch }, branch))) }) }), _jsx("button", { onClick: onCreateBranch, children: "New branch" })] }), _jsxs("div", { class: "commit", children: [_jsx("input", { type: "text", value: commitMessage, onInput: event => setCommitMessage(event.currentTarget.value), placeholder: "added X to instance Y, \u2026" }), _jsx("button", { onClick: commit, disabled: commitMessage.length === 0 || indexFiles.length === 0, children: "Commit" })] }), _jsxs("div", { className: "git-section-title", children: [_jsx("h3", { children: "Files to be committed" }), _jsx("button", { onClick: unstageAll, children: "Unstage all" })] }), _jsx(GitFileList, { filesByEntity: indexFiles, isIndex: true, onFile: unstage }), _jsxs("div", { className: "git-section-title", children: [_jsx("h3", { children: "Working tree changes" }), _jsx("button", { onClick: stageAll, children: "Stage all" })] }), _jsx(GitFileList, { filesByEntity: workingTreeFiles, onFile: stage })] })] }));
+    return (_jsxs("aside", { class: "git", children: [_jsx("h2", { class: "h1-faded", children: "Version Control" }), _jsx("button", { onClick: () => {
+                    setIsOpen(b => !b);
+                }, children: "File changes" }), _jsxs("div", { className: `git-overlay ${isOpen ? "git-overlay--open" : ""}`, children: [_jsxs("div", { class: "sync", children: [_jsxs("button", { onClick: push, children: ["Push", commitsAhead > 0 ? ` (${commitsAhead.toString()})` : ""] }), _jsxs("button", { onClick: pull, children: ["Pull", commitsBehind > 0 ? ` (${commitsBehind.toString()})` : ""] })] }), _jsxs("div", { className: "branch", children: [_jsx("div", { className: "select-wrapper", children: _jsx("select", { value: currentBranch, onInput: onSwitchBranch, children: allBranches.map(branch => (_jsx("option", { value: branch, children: branch }, branch))) }) }), _jsx("button", { onClick: onCreateBranch, children: "New branch" })] }), _jsxs("div", { class: "commit", children: [_jsx("input", { type: "text", value: commitMessage, onInput: event => {
+                                    setCommitMessage(event.currentTarget.value);
+                                }, placeholder: "added X to instance Y, \u2026" }), _jsx("button", { onClick: commit, disabled: commitMessage.length === 0 || indexFiles.length === 0, children: "Commit" })] }), _jsxs("div", { className: "git-section-title", children: [_jsx("h3", { children: "Files to be committed" }), _jsx("button", { onClick: unstageAll, children: "Unstage all" })] }), _jsx(GitFileList, { filesByEntity: indexFiles, isIndex: true, onFile: unstage }), _jsxs("div", { className: "git-section-title", children: [_jsx("h3", { children: "Working tree changes" }), _jsx("button", { onClick: stageAll, children: "Stage all" })] }), _jsx(GitFileList, { filesByEntity: workingTreeFiles, onFile: stage })] })] }));
 };

package/lib/{client → web}/components/Layout.d.ts

@@ -1,4 +1,4 @@
-import { ComponentChildren, FunctionComponent } from "preact";
+import type { ComponentChildren, FunctionComponent } from "preact";
 type Props = {
     breadcrumbs: {
         url: string;

package/lib/{client → web}/components/Layout.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "preact/jsx-runtime";
 import { Git } from "./Git.js";
 export const Layout = ({ breadcrumbs, children }) => {
-    return (_jsxs(_Fragment, { children: [_jsx("header", { children: _jsx("nav", { children: _jsx("ol", { children: breadcrumbs.map(({ url, label }) => (_jsx("li", { children: _jsx("a", { href: url, children: label }) }))) }) }) }), _jsx(Git, {}), _jsx("main", { children: children })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("header", { children: _jsx("nav", { children: _jsx("ol", { children: breadcrumbs.map(({ url, label }) => (_jsx("li", { children: _jsx("a", { href: url, children: label }) }, url))) }) }) }), _jsx(Git, {}), _jsx("main", { children: children })] }));
 };

package/lib/web/components/Select.d.ts

@@ -0,0 +1,3 @@
+import type { FunctionalComponent } from "preact";
+import type { SelectHTMLAttributes } from "preact/compat";
+export declare const Select: FunctionalComponent<SelectHTMLAttributes>;

package/lib/web/components/Select.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+const isNullableString = (value) => {
+    return typeof value === "string" || value === undefined;
+};
+export const Select = props => (_jsx("div", { class: "select-wrapper", children: _jsx("select", { ...props, class: `${(isNullableString(props.class) ? props.class : props.class.value) ?? ""} ${(isNullableString(props.className) ? props.className : props.className.value) ?? ""} ${!props.value ? "no-selection" : ""}` }) }));

package/lib/web/components/typeInputs/ArrayTypeInput.d.ts

@@ -0,0 +1,13 @@
+import type { FunctionComponent } from "preact";
+import type { SerializedArrayType } from "../../../node/schema/types/generic/ArrayType.js";
+import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity.js";
+import type { GetDeclFromDeclName } from "../../hooks/useSecondaryDeclarations.js";
+type Props = {
+    type: SerializedArrayType;
+    value: unknown[];
+    instanceNamesByEntity: InstanceNamesByEntity;
+    getDeclFromDeclName: GetDeclFromDeclName;
+    onChange: (value: unknown[]) => void;
+};
+export declare const ArrayTypeInput: FunctionComponent<Props>;
+export {};

package/lib/{client → web}/components/typeInputs/ArrayTypeInput.js

@@ -7,5 +7,11 @@ import { ValidationErrors } from "./utils/ValidationErrors.js";
 export const ArrayTypeInput = ({ type, value, instanceNamesByEntity, getDeclFromDeclName, onChange, }) => {
     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, "."] }), _jsx("button", { class: "destructive", onClick: () => onChange(removeAt(value, i)), disabled: type.minItems !== undefined && value.length <= type.minItems, children: "Delete Item" })] })), _jsx(TypeInput, { type: type.items, value: item, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: newItem => onChange(value.with(i, newItem)) })] }, i))) })), isTuple ? null : (_jsx("div", { class: "add-item-container", children: _jsx("button", { onClick: () => onChange([...value, createTypeSkeleton(getDeclFromDeclName, type.items)]), disabled: type.maxItems !== undefined && value.length >= type.maxItems, children: "Add Item" }) })), _jsx(ValidationErrors, { errors: errors })] }));
+    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, "."] }), _jsx("button", { class: "destructive", onClick: () => {
+                                        onChange(removeAt(value, i));
+                                    }, disabled: type.minItems !== undefined && value.length <= type.minItems, children: "Delete Item" })] })), _jsx(TypeInput, { type: type.items, value: item, instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: newItem => {
+                                onChange(value.with(i, newItem));
+                            } })] }, i))) })), isTuple ? null : (_jsx("div", { class: "add-item-container", children: _jsx("button", { onClick: () => {
+                        onChange([...value, createTypeSkeleton(getDeclFromDeclName, type.items)]);
+                    }, disabled: type.maxItems !== undefined && value.length >= type.maxItems, children: "Add Item" }) })), _jsx(ValidationErrors, { errors: errors })] }));
 };

package/lib/{client → web}/components/typeInputs/BooleanTypeInput.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from "preact";
-import { SerializedBooleanType } from "../../../schema/types/primitives/BooleanType.js";
+import type { FunctionComponent } from "preact";
+import type { SerializedBooleanType } from "../../../node/schema/types/primitives/BooleanType.js";
 type Props = {
     type: SerializedBooleanType;
     value: boolean;

package/lib/{client → web}/components/typeInputs/DateTypeInput.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from "preact";
-import { SerializedDateType } from "../../../schema/types/primitives/DateType.js";
+import type { FunctionComponent } from "preact";
+import type { SerializedDateType } from "../../../node/schema/types/primitives/DateType.js";
 type Props = {
     type: SerializedDateType;
     value: string;

package/lib/web/components/typeInputs/EnumTypeInput.d.ts

@@ -0,0 +1,13 @@
+import type { FunctionComponent } from "preact";
+import type { SerializedEnumType } from "../../../node/schema/types/generic/EnumType.js";
+import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity.js";
+import type { GetDeclFromDeclName } from "../../hooks/useSecondaryDeclarations.js";
+type Props = {
+    type: SerializedEnumType;
+    value: unknown;
+    instanceNamesByEntity: InstanceNamesByEntity;
+    getDeclFromDeclName: GetDeclFromDeclName;
+    onChange: (value: unknown) => void;
+};
+export declare const EnumTypeInput: FunctionComponent<Props>;
+export {};

package/lib/{client → web}/components/typeInputs/EnumTypeInput.js

@@ -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) }))) }), 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, value: value[activeEnumCase], instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: newValue => {
                         onChange({
                             [discriminatorKey]: activeEnumCase,
                             [activeEnumCase]: newValue,

package/lib/{client → web}/components/typeInputs/FloatTypeInput.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from "preact";
-import { SerializedFloatType } from "../../../schema/types/primitives/FloatType.js";
+import type { FunctionComponent } from "preact";
+import type { SerializedFloatType } from "../../../node/schema/types/primitives/FloatType.js";
 type Props = {
     type: SerializedFloatType;
     value: number;

package/lib/web/components/typeInputs/GenericTypeArgumentIdentifierTypeInput.d.ts

@@ -0,0 +1,7 @@
+import type { FunctionComponent } from "preact";
+import type { SerializedTypeArgumentType } from "../../../node/schema/types/references/TypeArgumentType.js";
+type Props = {
+    type: SerializedTypeArgumentType;
+};
+export declare const TypeArgumentTypeInput: FunctionComponent<Props>;
+export {};

package/lib/{client → web}/components/typeInputs/GenericTypeArgumentIdentifierTypeInput.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
-export const GenericArgumentIdentifierTypeInput = ({ type }) => {
+export const TypeArgumentTypeInput = ({ type }) => {
     return (_jsxs("div", { role: "alert", children: ["Unresolved type argument ", _jsx("code", { children: type.argument.name })] }));
 };

package/lib/web/components/typeInputs/IncludeIdentifierTypeInput.d.ts

@@ -0,0 +1,13 @@
+import type { FunctionComponent } from "preact";
+import type { SerializedIncludeIdentifierType } from "../../../node/schema/index.js";
+import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity.js";
+import type { GetDeclFromDeclName } from "../../hooks/useSecondaryDeclarations.js";
+type Props = {
+    type: SerializedIncludeIdentifierType;
+    value: unknown;
+    instanceNamesByEntity: InstanceNamesByEntity;
+    getDeclFromDeclName: GetDeclFromDeclName;
+    onChange: (value: unknown) => void;
+};
+export declare const IncludeIdentifierTypeInput: FunctionComponent<Props>;
+export {};

package/lib/{client → web}/components/typeInputs/IntegerTypeInput.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from "preact";
-import { SerializedIntegerType } from "../../../schema/types/primitives/IntegerType.js";
+import type { FunctionComponent } from "preact";
+import type { SerializedIntegerType } from "../../../node/schema/types/primitives/IntegerType.js";
 type Props = {
     type: SerializedIntegerType;
     value: number;

package/lib/web/components/typeInputs/NestedEntityMapTypeInput.d.ts

@@ -0,0 +1,13 @@
+import type { FunctionComponent } from "preact";
+import type { SerializedNestedEntityMapType } from "../../../node/schema/types/references/NestedEntityMapType.js";
+import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity.js";
+import type { GetDeclFromDeclName } from "../../hooks/useSecondaryDeclarations.js";
+type Props = {
+    type: SerializedNestedEntityMapType;
+    value: Record<string, unknown>;
+    instanceNamesByEntity: InstanceNamesByEntity;
+    getDeclFromDeclName: GetDeclFromDeclName;
+    onChange: (value: Record<string, unknown>) => void;
+};
+export declare const NestedEntityMapTypeInput: FunctionComponent<Props>;
+export {};

package/lib/{client → web}/components/typeInputs/NestedEntityMapTypeInput.js

@@ -11,11 +11,16 @@ export const NestedEntityMapTypeInput = ({ type, value, instanceNamesByEntity, g
         .slice()
         .filter(instance => !existingKeys.includes(instance.id))
         .sort((a, b) => a.name.localeCompare(b.name));
-    return (_jsxs("div", { class: "field field--container field--nestedentitymap", children: [existingKeys.length > 0 && (_jsx("ul", { children: Object.entries(value).map(([key, item]) => (_jsxs("li", { class: "container-item dict-item", children: [_jsxs("div", { className: "container-item-header", children: [_jsx("div", { className: "container-item-title", children: _jsxs("span", { children: [_jsx("strong", { children: instanceNamesByEntity[type.secondaryEntity].find(instance => instance.id === key)?.name ?? key }), " ", _jsx("span", { className: "id", children: key })] }) }), _jsx("div", { className: "btns", children: _jsx("button", { class: "destructive", onClick: () => {
+    return (_jsxs("div", { class: "field field--container field--nestedentitymap", children: [existingKeys.length > 0 && (_jsx("ul", { children: Object.entries(value).map(([key, item]) => (_jsxs("li", { class: "container-item dict-item", children: [_jsxs("div", { className: "container-item-header", children: [_jsx("div", { className: "container-item-title", children: _jsxs("span", { children: [_jsx("strong", { children: instanceNamesByEntity[type.secondaryEntity]?.find(instance => instance.id === key)?.name ?? key }), " ", _jsx("span", { className: "id", children: key })] }) }), _jsx("div", { className: "btns", children: _jsx("button", { class: "destructive", onClick: () => {
                                             const newObj = { ...value };
+                                            // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
                                             delete newObj[key];
                                             onChange(newObj);
-                                        }, children: "Delete Key" }) })] }), _jsx(TypeInput, { type: type.type, 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 => setNewKey(event.currentTarget.value), disabled: secondaryInstances.length === 0, children: [secondaryInstances.length === 0 ? (_jsx("option", { value: "", disabled: true, children: "No instances available" })) : (_jsx("option", { value: "", disabled: true, children: "No selected instance" })), secondaryInstances.map(instance => (_jsx("option", { value: instance.id, children: instance.name })))] }), _jsx("button", { onClick: () => {
+                                        }, children: "Delete Key" }) })] }), _jsx(TypeInput, { type: type.type, 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 => {
+                            setNewKey(event.currentTarget.value);
+                        }, disabled: secondaryInstances.length === 0, children: [secondaryInstances.length === 0 ? (_jsx("option", { value: "", disabled: true, children: "No instances available" })) : (_jsx("option", { value: "", disabled: true, children: "No selected instance" })), secondaryInstances.map(instance => (_jsx("option", { value: instance.id, children: instance.name }, instance.id)))] }), _jsx("button", { onClick: () => {
                             onChange(sortObjectKeysAlphabetically({
                                 ...value,
                                 [newKey]: createTypeSkeleton(getDeclFromDeclName, type.type),

package/lib/{client → web}/components/typeInputs/ObjectTypeInput.d.ts

@@ -1,7 +1,7 @@
-import { FunctionComponent } from "preact";
-import { SerializedObjectType } from "../../../schema/types/generic/ObjectType.js";
-import { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity.js";
-import { GetDeclFromDeclName } from "../../hooks/useSecondaryDeclarations.js";
+import type { FunctionComponent } from "preact";
+import type { SerializedObjectType } from "../../../node/schema/types/generic/ObjectType.js";
+import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity.js";
+import type { GetDeclFromDeclName } from "../../hooks/useSecondaryDeclarations.js";
 type Props = {
     type: SerializedObjectType;
     value: Record<string, unknown>;

package/lib/{client → web}/components/typeInputs/ObjectTypeInput.js

@@ -14,7 +14,10 @@ export const ObjectTypeInput = ({ type, value, instanceNamesByEntity, getDeclFro
                                         }, Object.keys(type.properties)));
                                     }, children: "Add Property" })) : (_jsx("button", { class: "destructive", onClick: () => {
                                         const newObj = { ...value };
+                                        // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
                                         delete newObj[key];
                                         onChange(newObj);
-                                    }, children: "Remove Property" }))] }), memberDecl.isRequired || value[key] !== undefined ? (_jsx(TypeInput, { type: memberDecl.type, value: value[key], instanceNamesByEntity: instanceNamesByEntity, getDeclFromDeclName: getDeclFromDeclName, onChange: newItem => onChange(sortObjectKeys({ ...value, [key]: newItem }, Object.keys(type.properties))) })) : null] }, key))) }), _jsx(ValidationErrors, { errors: errors })] }));
+                                    }, children: "Remove Property" }))] }), memberDecl.isRequired || value[key] !== undefined ? (_jsx(TypeInput, { type: memberDecl.type, 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/lib/{client → web}/components/typeInputs/ReferenceIdentifierTypeInput.d.ts

@@ -1,6 +1,6 @@
-import { FunctionComponent } from "preact";
-import { SerializedReferenceIdentifierType } from "../../../schema/types/references/ReferenceIdentifierType.js";
-import { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity.js";
+import type { FunctionComponent } from "preact";
+import type { SerializedReferenceIdentifierType } from "../../../node/schema/types/references/ReferenceIdentifierType.js";
+import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity.js";
 type Props = {
     type: SerializedReferenceIdentifierType;
     value: string;

package/lib/web/components/typeInputs/ReferenceIdentifierTypeInput.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { Select } from "../Select.js";
+import { ValidationErrors } from "./utils/ValidationErrors.js";
+export const ReferenceIdentifierTypeInput = ({ type, value, instanceNamesByEntity, onChange, }) => {
+    const instances = (instanceNamesByEntity[type.entity] ?? [])
+        .slice()
+        .sort((a, b) => a.name.localeCompare(b.name));
+    return (_jsxs("div", { class: "field", children: [_jsxs(Select, { value: value, onInput: event => {
+                    onChange(event.currentTarget.value);
+                }, disabled: instances.length === 0, "aria-invalid": !value, children: [instances.length === 0 ? (_jsx("option", { value: "", disabled: true, children: "No instances available" })) : (_jsx("option", { value: "", disabled: true, children: "No selected instance" })), instances.map(instance => (_jsx("option", { value: instance.id, children: instance.name }, instance.id)))] }), _jsx(ValidationErrors, { errors: !value ? [ReferenceError("no reference provided")] : [] })] }));
+};

package/lib/{client → web}/components/typeInputs/StringTypeInput.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from "preact";
-import { SerializedStringType } from "../../../schema/types/primitives/StringType.js";
+import type { FunctionComponent } from "preact";
+import type { SerializedStringType } from "../../../node/schema/types/primitives/StringType.js";
 type Props = {
     type: SerializedStringType;
     value: string;

package/lib/web/components/typeInputs/TypeInput.d.ts

@@ -0,0 +1,13 @@
+import type { FunctionComponent } from "preact";
+import type { SerializedType } from "../../../node/schema/types/Type.js";
+import type { InstanceNamesByEntity } from "../../hooks/useInstanceNamesByEntity.js";
+import type { GetDeclFromDeclName } from "../../hooks/useSecondaryDeclarations.js";
+type Props = {
+    type: SerializedType;
+    value: unknown;
+    instanceNamesByEntity: InstanceNamesByEntity;
+    getDeclFromDeclName: GetDeclFromDeclName;
+    onChange: (value: unknown) => void;
+};
+export declare const TypeInput: FunctionComponent<Props>;
+export {};

package/lib/{client → web}/components/typeInputs/TypeInput.js

@@ -5,7 +5,7 @@ import { BooleanTypeInput } from "./BooleanTypeInput.js";
 import { DateTypeInput } from "./DateTypeInput.js";
 import { EnumTypeInput } from "./EnumTypeInput.js";
 import { FloatTypeInput } from "./FloatTypeInput.js";
-import { GenericArgumentIdentifierTypeInput } from "./GenericTypeArgumentIdentifierTypeInput.js";
+import { TypeArgumentTypeInput } from "./GenericTypeArgumentIdentifierTypeInput.js";
 import { IncludeIdentifierTypeInput } from "./IncludeIdentifierTypeInput.js";
 import { IntegerTypeInput } from "./IntegerTypeInput.js";
 import { NestedEntityMapTypeInput } from "./NestedEntityMapTypeInput.js";
@@ -64,8 +64,8 @@ export const TypeInput = ({ type, value, instanceNamesByEntity, getDeclFromDeclN
             else {
                 return _jsx(MismatchingTypeError, { expected: "object", actual: value });
             }
-        case "GenericArgumentIdentifierType":
-            return _jsx(GenericArgumentIdentifierTypeInput, { type: type });
+        case "TypeArgumentType":
+            return _jsx(TypeArgumentTypeInput, { type: type });
         case "ReferenceIdentifierType":
             if (typeof value === "string") {
                 return (_jsx(ReferenceIdentifierTypeInput, { type: type, value: value, instanceNamesByEntity: instanceNamesByEntity, onChange: onChange }));

package/lib/{client → web}/components/typeInputs/utils/Markdown.d.ts

@@ -1,4 +1,4 @@
-import { FunctionalComponent } from "preact";
+import type { FunctionalComponent } from "preact";
 type Props = {
     string: string;
 };

package/lib/{client → web}/components/typeInputs/utils/Markdown.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "preact/jsx-runtime";
-import { parseBlockMarkdown, } from "../../../../shared/utils/markdown.js";
+import { parseBlockMarkdown } from "../../../../shared/utils/markdown.js";
 export const Markdown = ({ string }) => {
     const blocks = parseBlockMarkdown(string);
-    return blocks.map((block, i) => _jsx(BlockMarkdown, { node: block }, `md-block-${i}`));
+    return blocks.map((block, i) => _jsx(BlockMarkdown, { node: block }, `md-block-${i.toString()}`));
 };
 const BlockMarkdown = ({ node }) => {
     switch (node.kind) {

package/lib/{client → web}/components/typeInputs/utils/MismatchingTypeError.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from "preact";
+import type { FunctionComponent } from "preact";
 type Props = {
     expected: string;
     actual: unknown;

package/lib/{client → web}/components/typeInputs/utils/ValidationErrors.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from "preact";
+import type { FunctionComponent } from "preact";
 type Props = {
     errors: Error[];
 };

package/lib/web/hooks/useAPIResource.d.ts

@@ -0,0 +1 @@
+export declare const useAPIResource: <T, A extends unknown[]>(apiFn: (...args: A) => Promise<T>, ...args: A) => [T | undefined, () => Promise<void>];

package/lib/{client → web}/hooks/useEntityFromRoute.d.ts

@@ -1,4 +1,4 @@
-import { SerializedEntityDecl } from "../../schema/declarations/EntityDecl.js";
+import type { SerializedEntityDecl } from "../../node/schema/declarations/EntityDecl.js";
 export declare const useEntityFromRoute: () => {
     entity: SerializedEntityDecl;
     isLocaleEntity: boolean;

package/lib/{client → web}/hooks/useEntityFromRoute.js

@@ -10,7 +10,7 @@ export const useEntityFromRoute = () => {
                 .then(data => {
                 setEntityData(data);
             })
-                .catch(error => {
+                .catch((error) => {
                 console.error("Error fetching data:", error);
             });
         }

package/lib/{client → web}/hooks/useInstanceNamesByEntity.d.ts

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

package/lib/{client → web}/hooks/useInstanceNamesByEntity.js

@@ -1,18 +1,20 @@
-import { useEffect, useState } from "preact/hooks";
+import { useCallback, useEffect, useState } from "preact/hooks";
 import { getAllInstances } from "../api.js";
 export const useInstanceNamesByEntity = (locales = []) => {
     const [instanceNamesByEntity, setInstanceNamesByEntity] = useState({});
-    const updateInstanceNamesByEntity = () => {
+    const updateInstanceNamesByEntity = useCallback(() => {
         getAllInstances(locales)
             .then(data => {
             setInstanceNamesByEntity(data.instances);
         })
-            .catch(error => {
-            console.error("Error fetching data:", error);
+            .catch((error) => {
+            if (error instanceof Error) {
+                console.error("Error fetching data:", error.toString());
+            }
         });
-    };
+    }, [locales]);
     useEffect(() => {
         updateInstanceNamesByEntity();
-    }, []);
+    }, [updateInstanceNamesByEntity]);
     return [instanceNamesByEntity, updateInstanceNamesByEntity];
 };

package/lib/web/hooks/useMappedAPIResource.d.ts

@@ -0,0 +1 @@
+export declare const useMappedAPIResource: <T, A extends unknown[], U>(apiFn: (...args: A) => Promise<T>, mapFn: (data: T) => U, ...args: A) => [U | undefined, () => Promise<void>];