@lowdefy/block-utils 4.5.2 → 4.7.0

package/dist/ErrorBoundary.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  Copyright 2020-2026 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -13,6 +13,7 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React, { Component } from 'react';
+import { BlockError, LowdefyInternalError } from '@lowdefy/errors';
 import ErrorPage from './ErrorPage.js';
 let ErrorBoundary = class ErrorBoundary extends Component {
     static getDerivedStateFromError(error) {
@@ -21,6 +22,34 @@ let ErrorBoundary = class ErrorBoundary extends Component {
             error
         };
     }
+    componentDidCatch(error) {
+        const { blockId, blockType, configKey, onError } = this.props;
+        // Preserve known error types
+        if (error.isLowdefyError) {
+            if (onError) {
+                onError(error);
+            }
+            return;
+        }
+        // Wrap unknown errors based on context
+        let wrappedError;
+        if (blockId) {
+            wrappedError = new BlockError(error.message, {
+                cause: error,
+                typeName: blockType,
+                location: blockId,
+                configKey,
+                received: this.props.properties
+            });
+        } else {
+            wrappedError = new LowdefyInternalError(error.message, {
+                cause: error
+            });
+        }
+        if (onError) {
+            onError(wrappedError);
+        }
+    }
     render() {
         const { children, description, fallback, fullPage, message, name } = this.props;
         const { hasError, error } = this.state;

package/dist/ErrorPage.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  Copyright 2020-2026 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -13,48 +13,53 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React from 'react';
+const fontFamily = "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
 const ErrorPage = ({ code, description, message, name })=>/*#__PURE__*/ React.createElement("div", {
         style: {
-            height: '100%',
-            fontFamily: 'system-ui',
+            height: '100vh',
+            fontFamily,
             margin: 0,
             display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
             justifyContent: 'center',
-            alignItems: 'center'
+            textAlign: 'center',
+            padding: '0 24px'
         }
     }, /*#__PURE__*/ React.createElement("div", {
         style: {
-            flex: '0 1 auto',
             fontSize: '4.3em',
             fontWeight: '100',
-            paddingRight: 30
+            marginBottom: 16
         }
     }, code ?? 500), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            flex: '0 1 auto',
-            paddingLeft: 30,
-            maxWidth: 400,
-            borderLeft: '1px solid #aeaeae'
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
         style: {
             fontSize: '1.3em',
             fontWeight: '300',
-            paddingBottom: 10
+            marginBottom: 8
         }
     }, name ?? 'Error'), /*#__PURE__*/ React.createElement("div", {
         style: {
-            fontSize: '0.9em'
+            fontSize: '0.9em',
+            color: '#595959',
+            maxWidth: 400
         }
-    }, message ?? 'An error has occurred.'), /*#__PURE__*/ React.createElement("div", {
+    }, message ?? 'An error has occurred.'), description && /*#__PURE__*/ React.createElement("div", {
         style: {
-            fontSize: '0.9em'
+            fontSize: '0.9em',
+            color: '#595959',
+            maxWidth: 400,
+            marginTop: 4
         }
     }, description), /*#__PURE__*/ React.createElement("div", {
         style: {
-            paddingTop: 20
+            marginTop: 24
         }
     }, /*#__PURE__*/ React.createElement("a", {
-        href: "/"
-    }, "Return to home page"))));
+        href: "/",
+        style: {
+            color: '#1890ff',
+            textDecoration: 'none'
+        }
+    }, "Return to home page")));
 export default ErrorPage;

package/dist/HtmlComponent.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  Copyright 2020-2026 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blockDefaultProps.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  Copyright 2020-2026 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blockSchema.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  Copyright 2020-2026 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/index.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  Copyright 2020-2026 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -14,9 +14,10 @@
   limitations under the License.
 */ import blockDefaultProps from './blockDefaultProps.js';
 import blockSchema from './blockSchema.js';
-import HtmlComponent from './HtmlComponent.js';
 import ErrorBoundary from './ErrorBoundary.js';
+import ErrorPage from './ErrorPage.js';
+import HtmlComponent from './HtmlComponent.js';
 import makeCssClass from './makeCssClass.js';
 import mediaToCssObject from './mediaToCssObject.js';
 import renderHtml from './renderHtml.js';
-export { blockDefaultProps, blockSchema, ErrorBoundary, HtmlComponent, makeCssClass, mediaToCssObject, renderHtml };
+export { blockDefaultProps, blockSchema, ErrorBoundary, ErrorPage, HtmlComponent, makeCssClass, mediaToCssObject, renderHtml };

package/dist/makeCssClass.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  Copyright 2020-2026 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/mediaToCssObject.js

@@ -1,5 +1,5 @@
 /* eslint-disable no-undef */ /*
-  Copyright 2020-2024 Lowdefy, Inc
+  Copyright 2020-2026 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/renderHtml.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  Copyright 2020-2026 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/block-utils",
-  "version": "4.5.2",
+  "version": "4.7.0",
   "license": "Apache-2.0",
   "description": "Lowdefy Block Utils",
   "homepage": "https://lowdefy.com",
@@ -35,7 +35,8 @@
   ],
   "dependencies": {
     "@emotion/css": "11.11.2",
-    "@lowdefy/helpers": "4.5.2",
+    "@lowdefy/errors": "4.7.0",
+    "@lowdefy/helpers": "4.7.0",
     "dompurify": "3.2.4",
     "react": "18.2.0",
     "react-dom": "18.2.0"