@protobase/ui 0.12.4 → 0.12.6

package/dist/app/app.js

@@ -11,6 +11,7 @@ import { useRecord } from "../data/use-record.js";
 import { recordTitle } from "../live/model-helpers.js";
 import { humanize } from "../live/naming.js";
 import { ToastProvider } from "../toasts/toast-provider.js";
+import { startErrorReporting } from "./error-reporting.js";
 import { useProjectUi } from "./pages/project-ui.js";
 import { AssistantButton, AssistantPanel } from "./assistant-shell.js";
 import { bottomBarFromMeta } from "./bottom-bar-from-meta.js";
@@ -101,6 +102,10 @@ const Routes = ({ workspace, sidebarMode, assistant, runtime }) => {
 		page: params.size > 0 ? `${path}?${params}` : path,
 		onClose: () => setAssistantOpen(false)
 	});
+	const errorReporting = meta.errorReporting;
+	useEffect(() => {
+		if (errorReporting) startErrorReporting(errorReporting);
+	}, [errorReporting]);
 	const runtimeUrl = meta.runtime?.url;
 	const runtimeButton = runtimeUrl && /* @__PURE__ */ jsx(RuntimeUpdateButton, {
 		url: runtimeUrl,

package/dist/app/error-reporting.js

@@ -0,0 +1,25 @@
+import { redactSecrets } from "@protobase/schema";
+//#region src/app/error-reporting.ts
+let loading;
+let capture;
+/**
+* Sends the app's uncaught errors to the error tracker `/meta` names, from the first call on; the Sentry SDK loads only
+* then, so an app without a DSN never loads it. Errors only, with no performance tracing and no session tracking,
+* every event without its secrets (see `redactSecrets`).
+*/
+const startErrorReporting = ({ dsn, environment }) => {
+	loading ??= import("@sentry/browser").then((sentry) => {
+		sentry.init({
+			dsn,
+			...environment && { environment },
+			integrations: (defaults) => defaults.filter((integration) => integration.name !== "BrowserSession"),
+			beforeSend: (event) => redactSecrets(event)
+		});
+		capture = (error, componentStack) => sentry.captureException(error, componentStack ? { contexts: { react: { componentStack } } } : void 0);
+	});
+	return loading;
+};
+/** Reports an error a boundary caught while drawing, with the components it was drawn in; nothing before error reporting started. */
+const reportRenderError = (error, componentStack) => capture?.(error, componentStack ?? void 0);
+//#endregion
+export { reportRenderError, startErrorReporting };

package/dist/app/pages/custom-boundary.js

@@ -1,3 +1,4 @@
+import { reportRenderError } from "../error-reporting.js";
 import { Problem } from "./problem.js";
 import { Component } from "react";
 import { jsxs } from "react/jsx-runtime";
@@ -8,6 +9,9 @@ var CustomBoundary = class extends Component {
 	static getDerivedStateFromError() {
 		return { failed: true };
 	}
+	componentDidCatch(error, info) {
+		reportRenderError(error, info.componentStack);
+	}
 	render() {
 		if (!this.state.failed) return this.props.children;
 		return this.props.fallback === void 0 ? /* @__PURE__ */ jsxs(Problem, { children: [this.props.name, " could not be drawn."] }) : this.props.fallback;

package/dist/assistant-dock/widget-view.js

@@ -1,4 +1,5 @@
 import { ActionCard } from "../action-card/action-card.js";
+import { reportRenderError } from "../app/error-reporting.js";
 import { useProjectUi } from "../app/pages/project-ui.js";
 import { Component } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -20,6 +21,9 @@ var WidgetBoundary = class extends Component {
 	static getDerivedStateFromError() {
 		return { failed: true };
 	}
+	componentDidCatch(error, info) {
+		reportRenderError(error, info.componentStack);
+	}
 	render() {
 		return this.state.failed ? /* @__PURE__ */ jsx(Fallback, {
 			part: this.props.part,

package/dist/data/meta-data.d.ts

@@ -20,6 +20,11 @@ export type MetaData = {
   runtime?: {
     url: string;
   };
+  /** The error tracker the app sends its errors to, when the app reports them (see `startErrorReporting`). */
+  errorReporting?: {
+    dsn: string;
+    environment?: string;
+  };
   /** The plugins the app loads for the user (see `PluginGate`). */
   plugins?: PluginRef[];
   /** The other APIs the app draws resources from for the user, and how far their `/meta` has loaded (see `withSources`). */

package/dist/data/use-meta.js

@@ -34,6 +34,7 @@ const useMeta = () => {
 				...result.meta.bottomBar && { bottomBar: result.meta.bottomBar },
 				...result.meta.assistant && { assistant: result.meta.assistant },
 				...result.meta.runtime && { runtime: result.meta.runtime },
+				...result.meta.errorReporting && { errorReporting: result.meta.errorReporting },
 				...result.meta.plugins && { plugins: result.meta.plugins },
 				...result.meta.sources && { sources: result.meta.sources.map((source) => ({
 					source,

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.12.4";
+var version = "0.12.6";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };