tsondb 0.7.9 → 0.7.10

package/dist/src/web/components/InstanceRouteSkeleton.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 import { useLocation, useRoute } from "preact-iso";
 import { useCallback, useContext, useEffect, useState } from "preact/hooks";
 import { removeAt } from "../../shared/utils/array.js";
+import { deepEqual } from "../../shared/utils/compare.js";
 import { getSerializedDisplayNameFromEntityInstance } from "../../shared/utils/displayName.js";
 import { toTitleCase } from "../../shared/utils/string.js";
 import { validateLocaleIdentifier } from "../../shared/validation/identifier.js";
@@ -17,6 +18,11 @@ import { runWithLoading } from "../signals/loading.js";
 import { Layout } from "./Layout.js";
 import { TypeInput } from "./typeInputs/TypeInput.js";
 import { ValidationErrors } from "./typeInputs/utils/ValidationErrors.js";
+const onBeforeUnload = (event) => {
+    event.preventDefault();
+    // eslint-disable-next-line @typescript-eslint/no-deprecated -- best practice according to MDN
+    event.returnValue = "unsaved changes";
+};
 export const InstanceRouteSkeleton = ({ mode, buttons, init, titleBuilder, onSubmit, }) => {
     const { params: { name, id }, } = useRoute();
     const [locales] = useSetting("displayedLocales");
@@ -24,10 +30,22 @@ export const InstanceRouteSkeleton = ({ mode, buttons, init, titleBuilder, onSub
     const { declaration: entity, isLocaleEntity } = useEntityFromRoute() ?? {};
     const [instanceNamesByEntity] = useInstanceNamesByEntity();
     const [instanceContent, setInstanceContent] = useState();
+    const [savedInstanceContent, setSavedInstanceContent] = useState();
     const [childInstances, setChildInstances] = useState([]);
     const [customId, setCustomId] = useState("");
     const client = useContext(GitClientContext);
     const { route } = useLocation();
+    useEffect(() => {
+        if (deepEqual(instanceContent, savedInstanceContent)) {
+            window.removeEventListener("beforeunload", onBeforeUnload);
+        }
+        else {
+            window.addEventListener("beforeunload", onBeforeUnload);
+        }
+        return () => {
+            window.removeEventListener("beforeunload", onBeforeUnload);
+        };
+    }, [instanceContent, savedInstanceContent]);
     useEffect(() => {
         document.title =
             (entity && titleBuilder({ locales, entity, instanceContent, instanceId: id })) ??
@@ -35,7 +53,16 @@ export const InstanceRouteSkeleton = ({ mode, buttons, init, titleBuilder, onSub
     }, [entity, id, instanceContent, locales, titleBuilder]);
     useEffect(() => {
         if (entity && instanceContent === undefined && declsLoaded) {
-            runWithLoading(() => init({ locales, entity, instanceId: id, setInstanceContent, getDeclFromDeclName }))
+            runWithLoading(() => init({
+                locales,
+                entity,
+                instanceId: id,
+                setInstanceContent: value => {
+                    setInstanceContent(value);
+                    setSavedInstanceContent(value);
+                },
+                getDeclFromDeclName,
+            }))
                 .then(() => id
                 ? getChildInstancesForInstanceByEntityName(locales, entity.name, id).then(result => {
                     setChildInstances(result.instances);
@@ -61,7 +88,10 @@ export const InstanceRouteSkeleton = ({ mode, buttons, init, titleBuilder, onSub
                 getDeclFromDeclName,
                 isLocaleEntity,
                 setCustomId,
-                setInstanceContent,
+                setInstanceContent: value => {
+                    setInstanceContent(value);
+                    setSavedInstanceContent(value);
+                },
                 childInstances,
                 updateLocalGitState: client?.updateLocalState,
             })).catch((error) => {

package/package.json

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