fix: Add error boundary to servers.

packages/client/src/block/Block.js

@@ -16,8 +16,9 @@
 
 import React, { useState } from 'react';
 
+import { ErrorBoundary } from '@lowdefy/block-utils';
+
 import CategorySwitch from './CategorySwitch.js';
-import ErrorBoundary from '../ErrorBoundary.js';
 import MountEvents from '../MountEvents.js';
 
 const Block = ({ block, Blocks, context, lowdefy, parentLoading }) => {

packages/client/src/createIcon.js

@@ -18,9 +18,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { omit, type } from '@lowdefy/helpers';
 import Icon from '@ant-design/icons';
-import { blockDefaultProps, makeCssClass } from '@lowdefy/block-utils';
-
-import ErrorBoundary from './ErrorBoundary.js';
+import { blockDefaultProps, ErrorBoundary, makeCssClass } from '@lowdefy/block-utils';
 
 const lowdefyProps = [
   'actionLog',

packages/servers/server-community/package.json

@@ -47,6 +47,7 @@
   "dependencies": {
     "@lowdefy/actions-core": "4.0.0-rc.12",
     "@lowdefy/api": "4.0.0-rc.12",
+    "@lowdefy/block-utils": "4.0.0-rc.12",
     "@lowdefy/blocks-antd": "4.0.0-rc.12",
     "@lowdefy/blocks-basic": "4.0.0-rc.12",
     "@lowdefy/blocks-loaders": "4.0.0-rc.12",

packages/servers/server-community/pages/_app.js

@@ -18,6 +18,8 @@
 import React, { useRef } from 'react';
 import dynamic from 'next/dynamic';
 
+import { ErrorBoundary } from '@lowdefy/block-utils';
+
 import Auth from '../lib/client/auth/Auth.js';
 
 // Must be in _app due to next specifications.
@@ -26,16 +28,18 @@ import '../build/plugins/styles.less';
 function App({ Component, pageProps: { session, rootConfig, pageConfig } }) {
   const lowdefyRef = useRef({});
   return (
-    <Auth session={session}>
-      {(auth) => (
-        <Component
-          auth={auth}
-          lowdefy={lowdefyRef.current}
-          rootConfig={rootConfig}
-          pageConfig={pageConfig}
-        />
-      )}
-    </Auth>
+    <ErrorBoundary fullPage>
+      <Auth session={session}>
+        {(auth) => (
+          <Component
+            auth={auth}
+            lowdefy={lowdefyRef.current}
+            rootConfig={rootConfig}
+            pageConfig={pageConfig}
+          />
+        )}
+      </Auth>
+    </ErrorBoundary>
   );
 }
 

packages/servers/server-dev/package.json

@@ -44,6 +44,7 @@
   "dependencies": {
     "@lowdefy/actions-core": "4.0.0-rc.12",
     "@lowdefy/api": "4.0.0-rc.12",
+    "@lowdefy/block-utils": "4.0.0-rc.12",
     "@lowdefy/blocks-antd": "4.0.0-rc.12",
     "@lowdefy/blocks-basic": "4.0.0-rc.12",
     "@lowdefy/blocks-color-selectors": "4.0.0-rc.12",

packages/servers/server-dev/pages/_app.js

@@ -17,6 +17,8 @@
 import React, { Suspense, useRef } from 'react';
 import dynamic from 'next/dynamic';
 
+import { ErrorBoundary } from '@lowdefy/block-utils';
+
 import Auth from '../lib/client/auth/Auth.js';
 
 // Must be in _app due to next specifications.
@@ -25,9 +27,11 @@ import '../build/plugins/styles.less';
 function App({ Component }) {
   const lowdefyRef = useRef({});
   return (
-    <Suspense fallback="">
-      <Auth>{(auth) => <Component auth={auth} lowdefy={lowdefyRef.current} />}</Auth>
-    </Suspense>
+    <ErrorBoundary fullPage>
+      <Suspense fallback="">
+        <Auth>{(auth) => <Component auth={auth} lowdefy={lowdefyRef.current} />}</Auth>
+      </Suspense>
+    </ErrorBoundary>
   );
 }
 

packages/servers/server-enterprise/package.json

@@ -47,6 +47,7 @@
   "dependencies": {
     "@lowdefy/actions-core": "4.0.0-rc.12",
     "@lowdefy/api": "4.0.0-rc.12",
+    "@lowdefy/block-utils": "4.0.0-rc.12",
     "@lowdefy/blocks-antd": "4.0.0-rc.12",
     "@lowdefy/blocks-basic": "4.0.0-rc.12",
     "@lowdefy/blocks-loaders": "4.0.0-rc.12",

packages/servers/server-enterprise/pages/_app.js

@@ -11,6 +11,8 @@
 import React, { useRef } from 'react';
 import dynamic from 'next/dynamic';
 
+import { ErrorBoundary } from '@lowdefy/block-utils';
+
 import Auth from '../lib/client/auth/Auth.js';
 import createLogUsage from '../lib/client/createLogUsage.js';
 
@@ -21,19 +23,21 @@ function App({ Component, pageProps: { session, rootConfig, pageConfig } }) {
   const usageDataRef = useRef({});
   const lowdefyRef = useRef({ eventCallback: createLogUsage({ usageDataRef }) });
   return (
-    <Auth session={session}>
-      {(auth) => {
-        usageDataRef.current.user = auth.session?.hashed_id;
-        return (
-          <Component
-            auth={auth}
-            lowdefy={lowdefyRef.current}
-            rootConfig={rootConfig}
-            pageConfig={pageConfig}
-          />
-        );
-      }}
-    </Auth>
+    <ErrorBoundary fullPage>
+      <Auth session={session}>
+        {(auth) => {
+          usageDataRef.current.user = auth.session?.hashed_id;
+          return (
+            <Component
+              auth={auth}
+              lowdefy={lowdefyRef.current}
+              rootConfig={rootConfig}
+              pageConfig={pageConfig}
+            />
+          );
+        }}
+      </Auth>
+    </ErrorBoundary>
   );
 }
 

packages/utils/block-utils/src/index.js

@@ -17,13 +17,15 @@
 import blockDefaultProps from './blockDefaultProps.js';
 import blockSchema from './blockSchema.js';
 import HtmlComponent from './HtmlComponent.js';
+import ErrorBoundary from './ErrorBoundary.js';
 import makeCssClass from './makeCssClass.js';
 import mediaToCssObject from './mediaToCssObject.js';
 import renderHtml from './renderHtml.js';
 
 export {
   blockDefaultProps,
   blockSchema,
+  ErrorBoundary,
   HtmlComponent,
   makeCssClass,
   mediaToCssObject,