arc-ux 0.0.6 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arc-ux",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "A purely functional router for independently evaluating a path against a list of routes",
   "main": "src/ArcUX.js",
   "type": "module",

package/src/ArcUX.js

@@ -1,4 +1,4 @@
-import {ArcRouter, ArcEvents, Log, is} from "arc-lib";
+import {ArcRouter, ArcEvents, is} from "arc-lib";
 import {createRoot} from "react-dom/client";
 import React from "react";
 import Html from "./Html.js";
@@ -50,7 +50,6 @@ class ArcUX {
     setKeyVal(_key, _value, _suppressEmit=false) {
         this.#keyVal[_key] = _value;
         if(!_suppressEmit) {
-            Log.dRed(`Emitting: ${_key}`, [_value]);
             this.emit(_key, [_value]);
         }
     }
@@ -155,7 +154,6 @@ class ArcUX {
             _ctx.response.status = 200;
             _ctx.response.body = this.#Html.getString();
         } catch (e) {
-            Log.catch(e);
             _ctx.response.status = 500;
             _ctx.response.body = {message: e.message};
         }

package/src/FrameworkComponents/App.jsx

@@ -24,7 +24,7 @@ class App extends React.Component {
     async componentDidMount() {
         const initialRoute = this.props.ArcUX.getKeyVal('route');
 
-        Log.dGreen(`Our initial route is ${initialRoute}`);
+        this.props.ArcUX.emit('log', {message: `Our initial route is ${initialRoute}`})
         const match = this.props.ArcUX.renderRoute(initialRoute);
         if(match){
             this.setState({
@@ -50,6 +50,12 @@ class App extends React.Component {
         }
 
         const RoutedComponent = this.state.target;
+
+        if(!RoutedComponent){
+            this.props.ArcUX.emit('log', {message: "Could not render anything. No AppLoader. No route matched. No NotFound handler. Returning null."})
+            return null;
+        }
+
         const Modal = this.state.modal ? this.state.modal.modal : null;
         if(Shell){
             return (
@@ -69,10 +75,10 @@ class App extends React.Component {
     }
 
     loadRoute(_newRoute) {
-        Log.dRed('New route called?', [_newRoute])
+        this.props.ArcUX.emit('log', [{message: `New route called:`, data: [_newRoute]}])
         const match = this.props.ArcUX.renderRoute(_newRoute);
         if(!match){
-            Log.dRed('Not Found handler missing');
+            this.props.ArcUX.emit('log', [{message: 'Not Found handler missing'}]);
             return;
         }
         const fullHistoryString = decodeURI(_newRoute);