@contember/interface 1.3.0-alpha.25 → 1.3.0-alpha.26

package/dist/development/hooks/useIsApplicationOutdated.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const defaultCheckIntervalMs = 3e4;
+const useIsApplicationOutdated = ({ checkIntervalMs = defaultCheckIntervalMs } = {}) => {
+  const [initialVersion] = react.useState(() => {
+    return getVersionFromDocument(document.head);
+  });
+  const [isOutdated, setIsOutdated] = react.useState(false);
+  const fetchVersion = useFetchVersion();
+  const checkVersion = react.useCallback(async () => {
+    if (document.hidden) {
+      return;
+    }
+    const version = await fetchVersion();
+    if (version !== initialVersion) {
+      setIsOutdated(true);
+    }
+  }, [fetchVersion, initialVersion]);
+  const shouldCheck = !!initialVersion && !isOutdated;
+  react.useEffect(() => {
+    if (!shouldCheck) {
+      return;
+    }
+    const handle = setInterval(checkVersion, checkIntervalMs);
+    return () => clearInterval(handle);
+  }, [checkIntervalMs, checkVersion, shouldCheck]);
+  react.useEffect(() => {
+    if (!shouldCheck) {
+      return;
+    }
+    document.addEventListener("visibilitychange", checkVersion);
+    return () => document.removeEventListener("visibilitychange", checkVersion);
+  }, [checkVersion, shouldCheck]);
+  return isOutdated;
+};
+const getVersionFromDocument = (node) => {
+  const meta = node.querySelector("meta[name=contember-build-version]");
+  return meta?.content;
+};
+const useFetchVersion = () => {
+  return react.useCallback(async () => {
+    try {
+      const result = await (await fetch(window.location.href)).text();
+      const html = document.createElement("html");
+      html.innerHTML = result;
+      return getVersionFromDocument(html);
+    } catch (e) {
+      console.error(e);
+      return void 0;
+    }
+  }, []);
+};
+exports.useIsApplicationOutdated = useIsApplicationOutdated;
+//# sourceMappingURL=useIsApplicationOutdated.cjs.map

package/dist/development/hooks/useIsApplicationOutdated.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsApplicationOutdated.cjs","sources":["../../../src/hooks/useIsApplicationOutdated.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\n\nconst defaultCheckIntervalMs = 30_000\n\n\nexport const useIsApplicationOutdated = ({ checkIntervalMs = defaultCheckIntervalMs }: {\n\tcheckIntervalMs?: number\n} = {}) => {\n\tconst [initialVersion] = useState(() => {\n\t\treturn getVersionFromDocument(document.head)\n\t})\n\tconst [isOutdated, setIsOutdated] = useState(false)\n\tconst fetchVersion = useFetchVersion()\n\n\tconst checkVersion = useCallback(async () => {\n\t\tif (document.hidden) {\n\t\t\treturn\n\t\t}\n\t\tconst version = await fetchVersion()\n\t\tif (version !== initialVersion) {\n\t\t\tsetIsOutdated(true)\n\t\t}\n\t}, [fetchVersion, initialVersion])\n\tconst shouldCheck = !!initialVersion && !isOutdated\n\n\tuseEffect(() => {\n\t\tif (!shouldCheck) {\n\t\t\treturn\n\t\t}\n\t\tconst handle = setInterval(checkVersion, checkIntervalMs)\n\t\treturn () => clearInterval(handle)\n\t}, [checkIntervalMs, checkVersion, shouldCheck])\n\n\tuseEffect(() => {\n\t\tif (!shouldCheck) {\n\t\t\treturn\n\t\t}\n\t\tdocument.addEventListener('visibilitychange', checkVersion)\n\t\treturn () => document.removeEventListener('visibilitychange', checkVersion)\n\t}, [checkVersion, shouldCheck])\n\n\treturn isOutdated\n}\n\nconst getVersionFromDocument = (node: ParentNode) => {\n\tconst meta = node.querySelector<HTMLMetaElement>('meta[name=contember-build-version]')\n\treturn meta?.content\n}\n\nconst useFetchVersion = () => {\n\treturn useCallback(async () => {\n\t\ttry {\n\t\t\tconst result = await (await fetch(window.location.href)).text()\n\t\t\tconst html = document.createElement('html')\n\t\t\thtml.innerHTML = result\n\t\t\treturn getVersionFromDocument(html)\n\t\t} catch (e) {\n\t\t\tconsole.error(e)\n\t\t\treturn undefined\n\t\t}\n\t}, [])\n}\n"],"names":["useState","useCallback","useEffect"],"mappings":";;;AAEA,MAAM,yBAAyB;AAGxB,MAAM,2BAA2B,CAAC,EAAE,kBAAkB,uBAAuB,IAEhF,CAAA,MAAO;AACV,QAAM,CAAC,cAAc,IAAIA,MAAAA,SAAS,MAAM;AAChC,WAAA,uBAAuB,SAAS,IAAI;AAAA,EAAA,CAC3C;AACD,QAAM,CAAC,YAAY,aAAa,IAAIA,eAAS,KAAK;AAClD,QAAM,eAAe;AAEf,QAAA,eAAeC,MAAAA,YAAY,YAAY;AAC5C,QAAI,SAAS,QAAQ;AACpB;AAAA,IACD;AACM,UAAA,UAAU,MAAM;AACtB,QAAI,YAAY,gBAAgB;AAC/B,oBAAc,IAAI;AAAA,IACnB;AAAA,EAAA,GACE,CAAC,cAAc,cAAc,CAAC;AACjC,QAAM,cAAc,CAAC,CAAC,kBAAkB,CAAC;AAEzCC,QAAAA,UAAU,MAAM;AACf,QAAI,CAAC,aAAa;AACjB;AAAA,IACD;AACM,UAAA,SAAS,YAAY,cAAc,eAAe;AACjD,WAAA,MAAM,cAAc,MAAM;AAAA,EAC/B,GAAA,CAAC,iBAAiB,cAAc,WAAW,CAAC;AAE/CA,QAAAA,UAAU,MAAM;AACf,QAAI,CAAC,aAAa;AACjB;AAAA,IACD;AACS,aAAA,iBAAiB,oBAAoB,YAAY;AAC1D,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,YAAY;AAAA,EAAA,GACxE,CAAC,cAAc,WAAW,CAAC;AAEvB,SAAA;AACR;AAEA,MAAM,yBAAyB,CAAC,SAAqB;AAC9C,QAAA,OAAO,KAAK,cAA+B,oCAAoC;AACrF,SAAO,MAAM;AACd;AAEA,MAAM,kBAAkB,MAAM;AAC7B,SAAOD,kBAAY,YAAY;AAC1B,QAAA;AACG,YAAA,SAAS,OAAO,MAAM,MAAM,OAAO,SAAS,IAAI,GAAG;AACnD,YAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,WAAK,YAAY;AACjB,aAAO,uBAAuB,IAAI;AAAA,aAC1B,GAAG;AACX,cAAQ,MAAM,CAAC;AACR,aAAA;AAAA,IACR;AAAA,EACD,GAAG,CAAE,CAAA;AACN;;"}

package/dist/development/hooks/useIsApplicationOutdated.js

@@ -0,0 +1,55 @@
+import { useState, useCallback, useEffect } from "react";
+const defaultCheckIntervalMs = 3e4;
+const useIsApplicationOutdated = ({ checkIntervalMs = defaultCheckIntervalMs } = {}) => {
+  const [initialVersion] = useState(() => {
+    return getVersionFromDocument(document.head);
+  });
+  const [isOutdated, setIsOutdated] = useState(false);
+  const fetchVersion = useFetchVersion();
+  const checkVersion = useCallback(async () => {
+    if (document.hidden) {
+      return;
+    }
+    const version = await fetchVersion();
+    if (version !== initialVersion) {
+      setIsOutdated(true);
+    }
+  }, [fetchVersion, initialVersion]);
+  const shouldCheck = !!initialVersion && !isOutdated;
+  useEffect(() => {
+    if (!shouldCheck) {
+      return;
+    }
+    const handle = setInterval(checkVersion, checkIntervalMs);
+    return () => clearInterval(handle);
+  }, [checkIntervalMs, checkVersion, shouldCheck]);
+  useEffect(() => {
+    if (!shouldCheck) {
+      return;
+    }
+    document.addEventListener("visibilitychange", checkVersion);
+    return () => document.removeEventListener("visibilitychange", checkVersion);
+  }, [checkVersion, shouldCheck]);
+  return isOutdated;
+};
+const getVersionFromDocument = (node) => {
+  const meta = node.querySelector("meta[name=contember-build-version]");
+  return meta?.content;
+};
+const useFetchVersion = () => {
+  return useCallback(async () => {
+    try {
+      const result = await (await fetch(window.location.href)).text();
+      const html = document.createElement("html");
+      html.innerHTML = result;
+      return getVersionFromDocument(html);
+    } catch (e) {
+      console.error(e);
+      return void 0;
+    }
+  }, []);
+};
+export {
+  useIsApplicationOutdated
+};
+//# sourceMappingURL=useIsApplicationOutdated.js.map

package/dist/development/hooks/useIsApplicationOutdated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsApplicationOutdated.js","sources":["../../../src/hooks/useIsApplicationOutdated.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\n\nconst defaultCheckIntervalMs = 30_000\n\n\nexport const useIsApplicationOutdated = ({ checkIntervalMs = defaultCheckIntervalMs }: {\n\tcheckIntervalMs?: number\n} = {}) => {\n\tconst [initialVersion] = useState(() => {\n\t\treturn getVersionFromDocument(document.head)\n\t})\n\tconst [isOutdated, setIsOutdated] = useState(false)\n\tconst fetchVersion = useFetchVersion()\n\n\tconst checkVersion = useCallback(async () => {\n\t\tif (document.hidden) {\n\t\t\treturn\n\t\t}\n\t\tconst version = await fetchVersion()\n\t\tif (version !== initialVersion) {\n\t\t\tsetIsOutdated(true)\n\t\t}\n\t}, [fetchVersion, initialVersion])\n\tconst shouldCheck = !!initialVersion && !isOutdated\n\n\tuseEffect(() => {\n\t\tif (!shouldCheck) {\n\t\t\treturn\n\t\t}\n\t\tconst handle = setInterval(checkVersion, checkIntervalMs)\n\t\treturn () => clearInterval(handle)\n\t}, [checkIntervalMs, checkVersion, shouldCheck])\n\n\tuseEffect(() => {\n\t\tif (!shouldCheck) {\n\t\t\treturn\n\t\t}\n\t\tdocument.addEventListener('visibilitychange', checkVersion)\n\t\treturn () => document.removeEventListener('visibilitychange', checkVersion)\n\t}, [checkVersion, shouldCheck])\n\n\treturn isOutdated\n}\n\nconst getVersionFromDocument = (node: ParentNode) => {\n\tconst meta = node.querySelector<HTMLMetaElement>('meta[name=contember-build-version]')\n\treturn meta?.content\n}\n\nconst useFetchVersion = () => {\n\treturn useCallback(async () => {\n\t\ttry {\n\t\t\tconst result = await (await fetch(window.location.href)).text()\n\t\t\tconst html = document.createElement('html')\n\t\t\thtml.innerHTML = result\n\t\t\treturn getVersionFromDocument(html)\n\t\t} catch (e) {\n\t\t\tconsole.error(e)\n\t\t\treturn undefined\n\t\t}\n\t}, [])\n}\n"],"names":[],"mappings":";AAEA,MAAM,yBAAyB;AAGxB,MAAM,2BAA2B,CAAC,EAAE,kBAAkB,uBAAuB,IAEhF,CAAA,MAAO;AACV,QAAM,CAAC,cAAc,IAAI,SAAS,MAAM;AAChC,WAAA,uBAAuB,SAAS,IAAI;AAAA,EAAA,CAC3C;AACD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,eAAe;AAEf,QAAA,eAAe,YAAY,YAAY;AAC5C,QAAI,SAAS,QAAQ;AACpB;AAAA,IACD;AACM,UAAA,UAAU,MAAM;AACtB,QAAI,YAAY,gBAAgB;AAC/B,oBAAc,IAAI;AAAA,IACnB;AAAA,EAAA,GACE,CAAC,cAAc,cAAc,CAAC;AACjC,QAAM,cAAc,CAAC,CAAC,kBAAkB,CAAC;AAEzC,YAAU,MAAM;AACf,QAAI,CAAC,aAAa;AACjB;AAAA,IACD;AACM,UAAA,SAAS,YAAY,cAAc,eAAe;AACjD,WAAA,MAAM,cAAc,MAAM;AAAA,EAC/B,GAAA,CAAC,iBAAiB,cAAc,WAAW,CAAC;AAE/C,YAAU,MAAM;AACf,QAAI,CAAC,aAAa;AACjB;AAAA,IACD;AACS,aAAA,iBAAiB,oBAAoB,YAAY;AAC1D,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,YAAY;AAAA,EAAA,GACxE,CAAC,cAAc,WAAW,CAAC;AAEvB,SAAA;AACR;AAEA,MAAM,yBAAyB,CAAC,SAAqB;AAC9C,QAAA,OAAO,KAAK,cAA+B,oCAAoC;AACrF,SAAO,MAAM;AACd;AAEA,MAAM,kBAAkB,MAAM;AAC7B,SAAO,YAAY,YAAY;AAC1B,QAAA;AACG,YAAA,SAAS,OAAO,MAAM,MAAM,OAAO,SAAS,IAAI,GAAG;AACnD,YAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,WAAK,YAAY;AACjB,aAAO,uBAAuB,IAAI;AAAA,aAC1B,GAAG;AACX,cAAQ,MAAM,CAAC;AACR,aAAA;AAAA,IACR;AAAA,EACD,GAAG,CAAE,CAAA;AACN;"}

package/dist/development/index.cjs

@@ -11,6 +11,7 @@ const DisconnectEntityTrigger = require("./components/binding/DisconnectEntityTr
 const PersistTrigger = require("./components/binding/PersistTrigger.cjs");
 const EntityBeforePersist = require("./components/binding/EntityBeforePersist.cjs");
 const RedirectOnPersist = require("./components/binding/RedirectOnPersist.cjs");
+const useIsApplicationOutdated = require("./hooks/useIsApplicationOutdated.cjs");
 Object.defineProperty(exports, "createErrorHandler", {
   enumerable: true,
   get: () => reactDevbar.createErrorHandler
@@ -22,6 +23,7 @@ exports.DisconnectEntityTrigger = DisconnectEntityTrigger.DisconnectEntityTrigge
 exports.PersistTrigger = PersistTrigger.PersistTrigger;
 exports.EntityBeforePersist = EntityBeforePersist.EntityBeforePersist;
 exports.RedirectOnPersist = RedirectOnPersist.RedirectOnPersist;
+exports.useIsApplicationOutdated = useIsApplicationOutdated.useIsApplicationOutdated;
 Object.keys(reactRouting).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
     Object.defineProperty(exports, k, {

package/dist/development/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/development/index.js

@@ -9,6 +9,7 @@ import { DisconnectEntityTrigger } from "./components/binding/DisconnectEntityTr
 import { PersistTrigger } from "./components/binding/PersistTrigger.js";
 import { EntityBeforePersist } from "./components/binding/EntityBeforePersist.js";
 import { RedirectOnPersist } from "./components/binding/RedirectOnPersist.js";
+import { useIsApplicationOutdated } from "./hooks/useIsApplicationOutdated.js";
 export {
   ApplicationEntrypoint,
   ClearFieldTrigger,
@@ -17,6 +18,7 @@ export {
   EntityBeforePersist,
   PersistTrigger,
   RedirectOnPersist,
-  createErrorHandler
+  createErrorHandler,
+  useIsApplicationOutdated
 };
 //# sourceMappingURL=index.js.map

package/dist/development/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/production/hooks/useIsApplicationOutdated.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const defaultCheckIntervalMs = 3e4;
+const useIsApplicationOutdated = ({ checkIntervalMs = defaultCheckIntervalMs } = {}) => {
+  const [initialVersion] = react.useState(() => {
+    return getVersionFromDocument(document.head);
+  });
+  const [isOutdated, setIsOutdated] = react.useState(false);
+  const fetchVersion = useFetchVersion();
+  const checkVersion = react.useCallback(async () => {
+    if (document.hidden) {
+      return;
+    }
+    const version = await fetchVersion();
+    if (version !== initialVersion) {
+      setIsOutdated(true);
+    }
+  }, [fetchVersion, initialVersion]);
+  const shouldCheck = !!initialVersion && !isOutdated;
+  react.useEffect(() => {
+    if (!shouldCheck) {
+      return;
+    }
+    const handle = setInterval(checkVersion, checkIntervalMs);
+    return () => clearInterval(handle);
+  }, [checkIntervalMs, checkVersion, shouldCheck]);
+  react.useEffect(() => {
+    if (!shouldCheck) {
+      return;
+    }
+    document.addEventListener("visibilitychange", checkVersion);
+    return () => document.removeEventListener("visibilitychange", checkVersion);
+  }, [checkVersion, shouldCheck]);
+  return isOutdated;
+};
+const getVersionFromDocument = (node) => {
+  const meta = node.querySelector("meta[name=contember-build-version]");
+  return meta?.content;
+};
+const useFetchVersion = () => {
+  return react.useCallback(async () => {
+    try {
+      const result = await (await fetch(window.location.href)).text();
+      const html = document.createElement("html");
+      html.innerHTML = result;
+      return getVersionFromDocument(html);
+    } catch (e) {
+      console.error(e);
+      return void 0;
+    }
+  }, []);
+};
+exports.useIsApplicationOutdated = useIsApplicationOutdated;
+//# sourceMappingURL=useIsApplicationOutdated.cjs.map

package/dist/production/hooks/useIsApplicationOutdated.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsApplicationOutdated.cjs","sources":["../../../src/hooks/useIsApplicationOutdated.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\n\nconst defaultCheckIntervalMs = 30_000\n\n\nexport const useIsApplicationOutdated = ({ checkIntervalMs = defaultCheckIntervalMs }: {\n\tcheckIntervalMs?: number\n} = {}) => {\n\tconst [initialVersion] = useState(() => {\n\t\treturn getVersionFromDocument(document.head)\n\t})\n\tconst [isOutdated, setIsOutdated] = useState(false)\n\tconst fetchVersion = useFetchVersion()\n\n\tconst checkVersion = useCallback(async () => {\n\t\tif (document.hidden) {\n\t\t\treturn\n\t\t}\n\t\tconst version = await fetchVersion()\n\t\tif (version !== initialVersion) {\n\t\t\tsetIsOutdated(true)\n\t\t}\n\t}, [fetchVersion, initialVersion])\n\tconst shouldCheck = !!initialVersion && !isOutdated\n\n\tuseEffect(() => {\n\t\tif (!shouldCheck) {\n\t\t\treturn\n\t\t}\n\t\tconst handle = setInterval(checkVersion, checkIntervalMs)\n\t\treturn () => clearInterval(handle)\n\t}, [checkIntervalMs, checkVersion, shouldCheck])\n\n\tuseEffect(() => {\n\t\tif (!shouldCheck) {\n\t\t\treturn\n\t\t}\n\t\tdocument.addEventListener('visibilitychange', checkVersion)\n\t\treturn () => document.removeEventListener('visibilitychange', checkVersion)\n\t}, [checkVersion, shouldCheck])\n\n\treturn isOutdated\n}\n\nconst getVersionFromDocument = (node: ParentNode) => {\n\tconst meta = node.querySelector<HTMLMetaElement>('meta[name=contember-build-version]')\n\treturn meta?.content\n}\n\nconst useFetchVersion = () => {\n\treturn useCallback(async () => {\n\t\ttry {\n\t\t\tconst result = await (await fetch(window.location.href)).text()\n\t\t\tconst html = document.createElement('html')\n\t\t\thtml.innerHTML = result\n\t\t\treturn getVersionFromDocument(html)\n\t\t} catch (e) {\n\t\t\tconsole.error(e)\n\t\t\treturn undefined\n\t\t}\n\t}, [])\n}\n"],"names":["useState","useCallback","useEffect"],"mappings":";;;AAEA,MAAM,yBAAyB;AAGxB,MAAM,2BAA2B,CAAC,EAAE,kBAAkB,uBAAuB,IAEhF,CAAA,MAAO;AACV,QAAM,CAAC,cAAc,IAAIA,MAAAA,SAAS,MAAM;AAChC,WAAA,uBAAuB,SAAS,IAAI;AAAA,EAAA,CAC3C;AACD,QAAM,CAAC,YAAY,aAAa,IAAIA,eAAS,KAAK;AAClD,QAAM,eAAe;AAEf,QAAA,eAAeC,MAAAA,YAAY,YAAY;AAC5C,QAAI,SAAS,QAAQ;AACpB;AAAA,IACD;AACM,UAAA,UAAU,MAAM;AACtB,QAAI,YAAY,gBAAgB;AAC/B,oBAAc,IAAI;AAAA,IACnB;AAAA,EAAA,GACE,CAAC,cAAc,cAAc,CAAC;AACjC,QAAM,cAAc,CAAC,CAAC,kBAAkB,CAAC;AAEzCC,QAAAA,UAAU,MAAM;AACf,QAAI,CAAC,aAAa;AACjB;AAAA,IACD;AACM,UAAA,SAAS,YAAY,cAAc,eAAe;AACjD,WAAA,MAAM,cAAc,MAAM;AAAA,EAC/B,GAAA,CAAC,iBAAiB,cAAc,WAAW,CAAC;AAE/CA,QAAAA,UAAU,MAAM;AACf,QAAI,CAAC,aAAa;AACjB;AAAA,IACD;AACS,aAAA,iBAAiB,oBAAoB,YAAY;AAC1D,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,YAAY;AAAA,EAAA,GACxE,CAAC,cAAc,WAAW,CAAC;AAEvB,SAAA;AACR;AAEA,MAAM,yBAAyB,CAAC,SAAqB;AAC9C,QAAA,OAAO,KAAK,cAA+B,oCAAoC;AACrF,SAAO,MAAM;AACd;AAEA,MAAM,kBAAkB,MAAM;AAC7B,SAAOD,kBAAY,YAAY;AAC1B,QAAA;AACG,YAAA,SAAS,OAAO,MAAM,MAAM,OAAO,SAAS,IAAI,GAAG;AACnD,YAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,WAAK,YAAY;AACjB,aAAO,uBAAuB,IAAI;AAAA,aAC1B,GAAG;AACX,cAAQ,MAAM,CAAC;AACR,aAAA;AAAA,IACR;AAAA,EACD,GAAG,CAAE,CAAA;AACN;;"}

package/dist/production/hooks/useIsApplicationOutdated.js

@@ -0,0 +1,55 @@
+import { useState, useCallback, useEffect } from "react";
+const defaultCheckIntervalMs = 3e4;
+const useIsApplicationOutdated = ({ checkIntervalMs = defaultCheckIntervalMs } = {}) => {
+  const [initialVersion] = useState(() => {
+    return getVersionFromDocument(document.head);
+  });
+  const [isOutdated, setIsOutdated] = useState(false);
+  const fetchVersion = useFetchVersion();
+  const checkVersion = useCallback(async () => {
+    if (document.hidden) {
+      return;
+    }
+    const version = await fetchVersion();
+    if (version !== initialVersion) {
+      setIsOutdated(true);
+    }
+  }, [fetchVersion, initialVersion]);
+  const shouldCheck = !!initialVersion && !isOutdated;
+  useEffect(() => {
+    if (!shouldCheck) {
+      return;
+    }
+    const handle = setInterval(checkVersion, checkIntervalMs);
+    return () => clearInterval(handle);
+  }, [checkIntervalMs, checkVersion, shouldCheck]);
+  useEffect(() => {
+    if (!shouldCheck) {
+      return;
+    }
+    document.addEventListener("visibilitychange", checkVersion);
+    return () => document.removeEventListener("visibilitychange", checkVersion);
+  }, [checkVersion, shouldCheck]);
+  return isOutdated;
+};
+const getVersionFromDocument = (node) => {
+  const meta = node.querySelector("meta[name=contember-build-version]");
+  return meta?.content;
+};
+const useFetchVersion = () => {
+  return useCallback(async () => {
+    try {
+      const result = await (await fetch(window.location.href)).text();
+      const html = document.createElement("html");
+      html.innerHTML = result;
+      return getVersionFromDocument(html);
+    } catch (e) {
+      console.error(e);
+      return void 0;
+    }
+  }, []);
+};
+export {
+  useIsApplicationOutdated
+};
+//# sourceMappingURL=useIsApplicationOutdated.js.map

package/dist/production/hooks/useIsApplicationOutdated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsApplicationOutdated.js","sources":["../../../src/hooks/useIsApplicationOutdated.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\n\nconst defaultCheckIntervalMs = 30_000\n\n\nexport const useIsApplicationOutdated = ({ checkIntervalMs = defaultCheckIntervalMs }: {\n\tcheckIntervalMs?: number\n} = {}) => {\n\tconst [initialVersion] = useState(() => {\n\t\treturn getVersionFromDocument(document.head)\n\t})\n\tconst [isOutdated, setIsOutdated] = useState(false)\n\tconst fetchVersion = useFetchVersion()\n\n\tconst checkVersion = useCallback(async () => {\n\t\tif (document.hidden) {\n\t\t\treturn\n\t\t}\n\t\tconst version = await fetchVersion()\n\t\tif (version !== initialVersion) {\n\t\t\tsetIsOutdated(true)\n\t\t}\n\t}, [fetchVersion, initialVersion])\n\tconst shouldCheck = !!initialVersion && !isOutdated\n\n\tuseEffect(() => {\n\t\tif (!shouldCheck) {\n\t\t\treturn\n\t\t}\n\t\tconst handle = setInterval(checkVersion, checkIntervalMs)\n\t\treturn () => clearInterval(handle)\n\t}, [checkIntervalMs, checkVersion, shouldCheck])\n\n\tuseEffect(() => {\n\t\tif (!shouldCheck) {\n\t\t\treturn\n\t\t}\n\t\tdocument.addEventListener('visibilitychange', checkVersion)\n\t\treturn () => document.removeEventListener('visibilitychange', checkVersion)\n\t}, [checkVersion, shouldCheck])\n\n\treturn isOutdated\n}\n\nconst getVersionFromDocument = (node: ParentNode) => {\n\tconst meta = node.querySelector<HTMLMetaElement>('meta[name=contember-build-version]')\n\treturn meta?.content\n}\n\nconst useFetchVersion = () => {\n\treturn useCallback(async () => {\n\t\ttry {\n\t\t\tconst result = await (await fetch(window.location.href)).text()\n\t\t\tconst html = document.createElement('html')\n\t\t\thtml.innerHTML = result\n\t\t\treturn getVersionFromDocument(html)\n\t\t} catch (e) {\n\t\t\tconsole.error(e)\n\t\t\treturn undefined\n\t\t}\n\t}, [])\n}\n"],"names":[],"mappings":";AAEA,MAAM,yBAAyB;AAGxB,MAAM,2BAA2B,CAAC,EAAE,kBAAkB,uBAAuB,IAEhF,CAAA,MAAO;AACV,QAAM,CAAC,cAAc,IAAI,SAAS,MAAM;AAChC,WAAA,uBAAuB,SAAS,IAAI;AAAA,EAAA,CAC3C;AACD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,eAAe;AAEf,QAAA,eAAe,YAAY,YAAY;AAC5C,QAAI,SAAS,QAAQ;AACpB;AAAA,IACD;AACM,UAAA,UAAU,MAAM;AACtB,QAAI,YAAY,gBAAgB;AAC/B,oBAAc,IAAI;AAAA,IACnB;AAAA,EAAA,GACE,CAAC,cAAc,cAAc,CAAC;AACjC,QAAM,cAAc,CAAC,CAAC,kBAAkB,CAAC;AAEzC,YAAU,MAAM;AACf,QAAI,CAAC,aAAa;AACjB;AAAA,IACD;AACM,UAAA,SAAS,YAAY,cAAc,eAAe;AACjD,WAAA,MAAM,cAAc,MAAM;AAAA,EAC/B,GAAA,CAAC,iBAAiB,cAAc,WAAW,CAAC;AAE/C,YAAU,MAAM;AACf,QAAI,CAAC,aAAa;AACjB;AAAA,IACD;AACS,aAAA,iBAAiB,oBAAoB,YAAY;AAC1D,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,YAAY;AAAA,EAAA,GACxE,CAAC,cAAc,WAAW,CAAC;AAEvB,SAAA;AACR;AAEA,MAAM,yBAAyB,CAAC,SAAqB;AAC9C,QAAA,OAAO,KAAK,cAA+B,oCAAoC;AACrF,SAAO,MAAM;AACd;AAEA,MAAM,kBAAkB,MAAM;AAC7B,SAAO,YAAY,YAAY;AAC1B,QAAA;AACG,YAAA,SAAS,OAAO,MAAM,MAAM,OAAO,SAAS,IAAI,GAAG;AACnD,YAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,WAAK,YAAY;AACjB,aAAO,uBAAuB,IAAI;AAAA,aAC1B,GAAG;AACX,cAAQ,MAAM,CAAC;AACR,aAAA;AAAA,IACR;AAAA,EACD,GAAG,CAAE,CAAA;AACN;"}

package/dist/production/index.cjs

@@ -11,6 +11,7 @@ const DisconnectEntityTrigger = require("./components/binding/DisconnectEntityTr
 const PersistTrigger = require("./components/binding/PersistTrigger.cjs");
 const EntityBeforePersist = require("./components/binding/EntityBeforePersist.cjs");
 const RedirectOnPersist = require("./components/binding/RedirectOnPersist.cjs");
+const useIsApplicationOutdated = require("./hooks/useIsApplicationOutdated.cjs");
 Object.defineProperty(exports, "createErrorHandler", {
   enumerable: true,
   get: () => reactDevbar.createErrorHandler
@@ -22,6 +23,7 @@ exports.DisconnectEntityTrigger = DisconnectEntityTrigger.DisconnectEntityTrigge
 exports.PersistTrigger = PersistTrigger.PersistTrigger;
 exports.EntityBeforePersist = EntityBeforePersist.EntityBeforePersist;
 exports.RedirectOnPersist = RedirectOnPersist.RedirectOnPersist;
+exports.useIsApplicationOutdated = useIsApplicationOutdated.useIsApplicationOutdated;
 Object.keys(reactRouting).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
     Object.defineProperty(exports, k, {

package/dist/production/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/production/index.js

@@ -9,6 +9,7 @@ import { DisconnectEntityTrigger } from "./components/binding/DisconnectEntityTr
 import { PersistTrigger } from "./components/binding/PersistTrigger.js";
 import { EntityBeforePersist } from "./components/binding/EntityBeforePersist.js";
 import { RedirectOnPersist } from "./components/binding/RedirectOnPersist.js";
+import { useIsApplicationOutdated } from "./hooks/useIsApplicationOutdated.js";
 export {
   ApplicationEntrypoint,
   ClearFieldTrigger,
@@ -17,6 +18,7 @@ export {
   EntityBeforePersist,
   PersistTrigger,
   RedirectOnPersist,
-  createErrorHandler
+  createErrorHandler,
+  useIsApplicationOutdated
 };
 //# sourceMappingURL=index.js.map

package/dist/production/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/types/bootstrap/DataViewPageNameKeyProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataViewPageNameKeyProvider.d.ts","sourceRoot":"","sources":["../../../src/bootstrap/DataViewPageNameKeyProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,2BAA2B;cAA8B,SAAS;6CAQ9E,CAAA"}
+{"version":3,"file":"DataViewPageNameKeyProvider.d.ts","sourceRoot":"","sources":["../../../src/bootstrap/DataViewPageNameKeyProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,2BAA2B,iBAAkB;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAQhF,CAAA"}

package/dist/types/components/binding/EntityBeforePersist.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityBeforePersist.d.ts","sourceRoot":"","sources":["../../../../src/components/binding/EntityBeforePersist.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA0B,MAAM,0BAA0B,CAAA;AAEjF,eAAO,MAAM,mBAAmB;cAA8B,eAAe,sBAAsB,CAAC,eAAe,CAAC;UAGnH,CAAA"}
+{"version":3,"file":"EntityBeforePersist.d.ts","sourceRoot":"","sources":["../../../../src/components/binding/EntityBeforePersist.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA0B,MAAM,0BAA0B,CAAA;AAEjF,eAAO,MAAM,mBAAmB,iBAAkB;IAAE,QAAQ,EAAE,eAAe,sBAAsB,CAAC,eAAe,CAAC,CAAA;CAAC,SAGpH,CAAA"}

package/dist/types/components/binding/RedirectOnPersist.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RedirectOnPersist.d.ts","sourceRoot":"","sources":["../../../../src/components/binding/RedirectOnPersist.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAE5D,eAAO,MAAM,iBAAiB;QAAkB,iBAAiB;UAShE,CAAA"}
+{"version":3,"file":"RedirectOnPersist.d.ts","sourceRoot":"","sources":["../../../../src/components/binding/RedirectOnPersist.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAE5D,eAAO,MAAM,iBAAiB,WAAY;IAAE,EAAE,EAAE,iBAAiB,CAAA;CAAE,SASlE,CAAA"}

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useIsApplicationOutdated';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA"}

package/dist/types/hooks/useIsApplicationOutdated.d.ts

@@ -0,0 +1,4 @@
+export declare const useIsApplicationOutdated: ({ checkIntervalMs }?: {
+    checkIntervalMs?: number;
+}) => boolean;
+//# sourceMappingURL=useIsApplicationOutdated.d.ts.map

package/dist/types/hooks/useIsApplicationOutdated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsApplicationOutdated.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIsApplicationOutdated.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,wBAAwB,yBAAkD;IACtF,eAAe,CAAC,EAAE,MAAM,CAAA;CACxB,YAmCA,CAAA"}

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 export * from './bootstrap';
 export * from './components';
+export * from './hooks';
 export * from '@contember/react-routing';
 export * from '@contember/react-binding';
 export * from '@contember/react-identity';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,OAAO,EACN,kBAAkB,GAClB,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,OAAO,EACN,kBAAkB,GAClB,MAAM,yBAAyB,CAAA"}