arc-ux 0.0.14 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arc-ux",
-  "version": "0.0.14",
+  "version": "0.1.1",
   "description": "A purely functional router for independently evaluating a path against a list of routes",
   "main": "src/ArcUX.js",
   "type": "module",
@@ -32,7 +32,8 @@
   "peerDependencies": {
     "react": ">=18 <20",
     "react-dom": ">=18 <20",
-    "styled-components": ">=6 <7"
+    "styled-components": ">=6 <7",
+    "cross-fetch": "^4.1.0"
   },
   "dependencies": {
     "arc-lib": "^9.2.0"

package/src/ArcUX.js

@@ -72,6 +72,11 @@ class ArcUX {
 
     addAPI(_name, _API) {
         this.#apis[_name] = _API;
+        if(is(_API.onUnauthorized) === 'function'){
+            _API.onUnauthorized((_route) => {
+                this.emit('unauthorized', [_name, _route])
+            })
+        }
     }
 
     API(_name){

package/src/FrameworkComponents/App.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import withArcUX from "../withArcUX.js";
 import ModalLayer from "./ModalLayer.jsx";
 import { Log } from "arc-lib";
+import fetch from "cross-fetch";
 
 class App extends React.Component {
     #routeListener;
@@ -22,6 +23,46 @@ class App extends React.Component {
     }
 
     async componentDidMount() {
+        if(window.app.environment === 'development'){
+            window.app.ArcUX = this.props.ArcUX;
+        }
+
+        if(window?.app?.version) {
+            let timeout = 1000*60*5;
+            if(window.app.environment === 'development'){
+                timeout = 1000*30; //Thirty seconds
+            }
+            setInterval(async () => {
+                let failures = 0;
+                try{
+                    let response;
+                    const rawResponse = await fetch(`/version`, {
+                        method: "GET",
+                        mode: "cors",
+                        headers: {},
+                        credentials: 'include'
+                    });
+
+                    status = rawResponse.status;
+                    response = await rawResponse.text();
+
+                    try{
+                        response = JSON.parse(response);
+                    } catch (e) {
+                        Log.catch(e);
+                    }
+
+                    if(rawResponse?.status === 200 && response.version !== window.app.version){
+                        Log.dRed("There is a version mismatch.", [window.app.version, response.version]);
+                        this.props.ArcUX.emit('version', [window.app.version, response.version]);
+                    }
+                } catch (e){
+                    failures++;
+                }
+
+            }, timeout);
+        }
+
         const initialRoute = this.props.ArcUX.getKeyVal('route');
 
         window.onpopstate = (_event) => {