@contember/react-devbar 2.1.0-alpha.37 → 2.1.0-alpha.39

package/dist/development/index.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const errorHandling = require("./src/errorHandling.cjs");
+const useParsedStacktrace = require("./src/hooks/useParsedStacktrace.cjs");
+const DevBar = require("./src/ui/DevBar/DevBar.cjs");
+const DevError = require("./src/ui/DevError/DevError.cjs");
+const DevErrorBadge = require("./src/ui/DevError/DevErrorBadge.cjs");
+const DevErrorList = require("./src/ui/DevError/DevErrorList.cjs");
+exports.createErrorHandler = errorHandling.createErrorHandler;
+exports.parseStacktrace = useParsedStacktrace.parseStacktrace;
+exports.useProcessedError = useParsedStacktrace.useProcessedError;
+exports.DevBar = DevBar.DevBar;
+exports.DevPanel = DevBar.DevPanel;
+exports.DevError = DevError.DevError;
+exports.DevErrorBadge = DevErrorBadge.DevErrorBadge;
+exports.DevErrorList = DevErrorList.DevErrorList;
+//# sourceMappingURL=index.cjs.map

package/dist/development/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/development/index.js

@@ -0,0 +1,17 @@
+import { createErrorHandler } from "./src/errorHandling.js";
+import { parseStacktrace, useProcessedError } from "./src/hooks/useParsedStacktrace.js";
+import { DevBar, DevPanel } from "./src/ui/DevBar/DevBar.js";
+import { DevError } from "./src/ui/DevError/DevError.js";
+import { DevErrorBadge } from "./src/ui/DevError/DevErrorBadge.js";
+import { DevErrorList } from "./src/ui/DevError/DevErrorList.js";
+export {
+  DevBar,
+  DevError,
+  DevErrorBadge,
+  DevErrorList,
+  DevPanel,
+  createErrorHandler,
+  parseStacktrace,
+  useProcessedError
+};
+//# sourceMappingURL=index.js.map

package/dist/development/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/development/src/DevErrorManager.cjs

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const React = require("react");
+const useParsedStacktrace = require("./hooks/useParsedStacktrace.cjs");
+const DevErrorBadge = require("./ui/DevError/DevErrorBadge.cjs");
+const DevErrorList = require("./ui/DevError/DevErrorList.cjs");
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+class ErrorBus {
+  constructor() {
+    __publicField(this, "queue", []);
+    __publicField(this, "listener", null);
+  }
+  async handleError(source, error) {
+    const boxedError = { error, source };
+    if (!this.listener) {
+      this.queue.push(boxedError);
+    } else {
+      this.listener(boxedError);
+    }
+  }
+  register(listener) {
+    this.listener = listener;
+    this.queue.forEach(listener);
+    this.queue = [];
+    return () => {
+      this.listener = null;
+    };
+  }
+}
+const compareErrors = (a, b) => {
+  if (typeof a !== "object" || typeof b !== "object" || a === null || b === null) {
+    return false;
+  }
+  if (!("stack" in a) || !("stack" in b) || !("message" in a) || !("message" in b)) {
+    return false;
+  }
+  if (a.message !== b.message) {
+    return false;
+  }
+  if (a.stack !== b.stack) {
+    return false;
+  }
+  return true;
+};
+function DevErrorManager(props) {
+  const [errors, setErrors] = React.useState([]);
+  const [errIndex, setErrorIndex] = React.useState(0);
+  const [open, setOpen] = React.useState(false);
+  React.useEffect(
+    () => {
+      return props.bus.register((err) => {
+        setTimeout(
+          () => {
+            setErrors((errors2) => {
+              return !errors2.find((it) => compareErrors(it.error, err.error)) ? [err, ...errors2] : errors2;
+            });
+            setOpen(true);
+          },
+          0
+        );
+      });
+    },
+    [props.bus]
+  );
+  const currentError = errors[errIndex];
+  const processedError = useParsedStacktrace.useProcessedError(currentError?.error);
+  React.useEffect(() => {
+  }, []);
+  if (!currentError) {
+    return null;
+  }
+  const onPrevious = () => setErrorIndex((it) => Math.max(0, it - 1));
+  const onNext = () => setErrorIndex((it) => Math.min(errors.length - 1, it + 1));
+  const onClose = () => setOpen(false);
+  const onClear = () => setErrors([]);
+  if (!open) {
+    return /* @__PURE__ */ jsxDevRuntime.jsxDEV(DevErrorBadge.DevErrorBadge, { errorCount: errors.length, onOpen: () => setOpen(true), onClear }, void 0, false, {
+      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/DevErrorManager.tsx",
+      lineNumber: 94,
+      columnNumber: 10
+    }, this);
+  }
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
+    DevErrorList.DevErrorList,
+    {
+      currentError: processedError,
+      currentErrorSource: currentError.source,
+      currentErrorIndex: errIndex,
+      errorCount: errors.length,
+      onPrevious,
+      onNext,
+      onClose,
+      onClear
+    },
+    void 0,
+    false,
+    {
+      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/DevErrorManager.tsx",
+      lineNumber: 97,
+      columnNumber: 3
+    },
+    this
+  );
+}
+exports.DevErrorManager = DevErrorManager;
+exports.ErrorBus = ErrorBus;
+//# sourceMappingURL=DevErrorManager.cjs.map

package/dist/development/src/DevErrorManager.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevErrorManager.cjs","sources":["../../../../packages/react-devbar/src/DevErrorManager.tsx"],"sourcesContent":["import { DevErrorBadge, DevErrorList, ErrorType } from './ui/DevError'\nimport { useEffect, useState } from 'react'\nimport { useProcessedError } from './hooks/useParsedStacktrace'\n\nexport class ErrorBus {\n\tprivate queue: { error: ErrorType; source: string }[] = []\n\tprivate listener: null | ((error: { error: ErrorType; source: string }) => void) = null\n\n\tasync handleError(source: string, error: ErrorType) {\n\t\tconst boxedError = { error, source }\n\n\t\tif (!this.listener) {\n\t\t\tthis.queue.push(boxedError)\n\t\t} else {\n\t\t\tthis.listener(boxedError)\n\t\t}\n\t}\n\n\tregister(listener: (error: { error: ErrorType; source: string }) => void): () => void {\n\t\tthis.listener = listener\n\t\tthis.queue.forEach(listener)\n\t\tthis.queue = []\n\t\treturn () => {\n\t\t\tthis.listener = null\n\t\t}\n\t}\n}\n\nexport interface DevErrorManagerProps {\n\tbus: ErrorBus\n}\n\nconst compareErrors = (a: ErrorType, b: ErrorType) => {\n\tif (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) {\n\t\treturn false\n\t}\n\tif (!('stack' in a) || !('stack' in b) || !('message' in a) || !('message' in b)) {\n\t\treturn false\n\t}\n\tif (a.message !== b.message) {\n\t\treturn false\n\t}\n\tif (a.stack !== b.stack) {\n\t\treturn false\n\t}\n\treturn true\n}\n\nexport function DevErrorManager(props: DevErrorManagerProps) {\n\tconst [errors, setErrors] = useState<{ error: ErrorType; source: string }[]>([])\n\tconst [errIndex, setErrorIndex] = useState(0)\n\tconst [open, setOpen] = useState(false)\n\n\tuseEffect(\n\t\t() => {\n\t\t\treturn props.bus.register(err => {\n\t\t\t\tsetTimeout(\n\t\t\t\t\t() => {\n\t\t\t\t\t\tsetErrors(errors => {\n\t\t\t\t\t\t\treturn !errors.find(it => compareErrors(it.error, err.error)) ? [err, ...errors] : errors\n\t\t\t\t\t\t})\n\t\t\t\t\t\tsetOpen(true)\n\t\t\t\t\t},\n\t\t\t\t\t0,\n\t\t\t\t)\n\t\t\t})\n\t\t},\n\t\t[props.bus],\n\t)\n\n\tconst currentError = errors[errIndex]\n\tconst processedError = useProcessedError(currentError?.error)\n\n\tuseEffect(() => {\n\t\tif (import.meta.hot) {\n\t\t\tconst cb = () => {\n\t\t\t\tsetOpen(false)\n\t\t\t}\n\t\t\timport.meta.hot.on('vite:afterUpdate', cb)\n\t\t\treturn () => {\n\t\t\t\timport.meta.hot?.off('vite:afterUpdate', cb)\n\t\t\t}\n\t\t}\n\t}, [])\n\n\tif (!currentError) {\n\t\treturn null\n\t}\n\tconst onPrevious = () => setErrorIndex(it => Math.max(0, it - 1))\n\tconst onNext = () => setErrorIndex(it => Math.min(errors.length - 1, it + 1))\n\tconst onClose = () => setOpen(false)\n\tconst onClear = () => setErrors([])\n\tif (!open) {\n\t\treturn <DevErrorBadge errorCount={errors.length} onOpen={() => setOpen(true)} onClear={onClear} />\n\t}\n\treturn (\n\t\t<DevErrorList\n\t\t\tcurrentError={processedError}\n\t\t\tcurrentErrorSource={currentError.source}\n\t\t\tcurrentErrorIndex={errIndex}\n\t\t\terrorCount={errors.length}\n\t\t\tonPrevious={onPrevious}\n\t\t\tonNext={onNext}\n\t\t\tonClose={onClose}\n\t\t\tonClear={onClear}\n\t\t/>\n\t)\n}\n"],"names":["useState","useEffect","errors","useProcessedError","jsxDEV","DevErrorBadge","DevErrorList"],"mappings":"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"}

package/dist/development/src/DevErrorManager.js

@@ -0,0 +1,110 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { useState, useEffect } from "react";
+import { useProcessedError } from "./hooks/useParsedStacktrace.js";
+import { DevErrorBadge } from "./ui/DevError/DevErrorBadge.js";
+import { DevErrorList } from "./ui/DevError/DevErrorList.js";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+class ErrorBus {
+  constructor() {
+    __publicField(this, "queue", []);
+    __publicField(this, "listener", null);
+  }
+  async handleError(source, error) {
+    const boxedError = { error, source };
+    if (!this.listener) {
+      this.queue.push(boxedError);
+    } else {
+      this.listener(boxedError);
+    }
+  }
+  register(listener) {
+    this.listener = listener;
+    this.queue.forEach(listener);
+    this.queue = [];
+    return () => {
+      this.listener = null;
+    };
+  }
+}
+const compareErrors = (a, b) => {
+  if (typeof a !== "object" || typeof b !== "object" || a === null || b === null) {
+    return false;
+  }
+  if (!("stack" in a) || !("stack" in b) || !("message" in a) || !("message" in b)) {
+    return false;
+  }
+  if (a.message !== b.message) {
+    return false;
+  }
+  if (a.stack !== b.stack) {
+    return false;
+  }
+  return true;
+};
+function DevErrorManager(props) {
+  const [errors, setErrors] = useState([]);
+  const [errIndex, setErrorIndex] = useState(0);
+  const [open, setOpen] = useState(false);
+  useEffect(
+    () => {
+      return props.bus.register((err) => {
+        setTimeout(
+          () => {
+            setErrors((errors2) => {
+              return !errors2.find((it) => compareErrors(it.error, err.error)) ? [err, ...errors2] : errors2;
+            });
+            setOpen(true);
+          },
+          0
+        );
+      });
+    },
+    [props.bus]
+  );
+  const currentError = errors[errIndex];
+  const processedError = useProcessedError(currentError?.error);
+  useEffect(() => {
+  }, []);
+  if (!currentError) {
+    return null;
+  }
+  const onPrevious = () => setErrorIndex((it) => Math.max(0, it - 1));
+  const onNext = () => setErrorIndex((it) => Math.min(errors.length - 1, it + 1));
+  const onClose = () => setOpen(false);
+  const onClear = () => setErrors([]);
+  if (!open) {
+    return /* @__PURE__ */ jsxDEV(DevErrorBadge, { errorCount: errors.length, onOpen: () => setOpen(true), onClear }, void 0, false, {
+      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/DevErrorManager.tsx",
+      lineNumber: 94,
+      columnNumber: 10
+    }, this);
+  }
+  return /* @__PURE__ */ jsxDEV(
+    DevErrorList,
+    {
+      currentError: processedError,
+      currentErrorSource: currentError.source,
+      currentErrorIndex: errIndex,
+      errorCount: errors.length,
+      onPrevious,
+      onNext,
+      onClose,
+      onClear
+    },
+    void 0,
+    false,
+    {
+      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/DevErrorManager.tsx",
+      lineNumber: 97,
+      columnNumber: 3
+    },
+    this
+  );
+}
+export {
+  DevErrorManager,
+  ErrorBus
+};
+//# sourceMappingURL=DevErrorManager.js.map

package/dist/development/src/DevErrorManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevErrorManager.js","sources":["../../../../packages/react-devbar/src/DevErrorManager.tsx"],"sourcesContent":["import { DevErrorBadge, DevErrorList, ErrorType } from './ui/DevError'\nimport { useEffect, useState } from 'react'\nimport { useProcessedError } from './hooks/useParsedStacktrace'\n\nexport class ErrorBus {\n\tprivate queue: { error: ErrorType; source: string }[] = []\n\tprivate listener: null | ((error: { error: ErrorType; source: string }) => void) = null\n\n\tasync handleError(source: string, error: ErrorType) {\n\t\tconst boxedError = { error, source }\n\n\t\tif (!this.listener) {\n\t\t\tthis.queue.push(boxedError)\n\t\t} else {\n\t\t\tthis.listener(boxedError)\n\t\t}\n\t}\n\n\tregister(listener: (error: { error: ErrorType; source: string }) => void): () => void {\n\t\tthis.listener = listener\n\t\tthis.queue.forEach(listener)\n\t\tthis.queue = []\n\t\treturn () => {\n\t\t\tthis.listener = null\n\t\t}\n\t}\n}\n\nexport interface DevErrorManagerProps {\n\tbus: ErrorBus\n}\n\nconst compareErrors = (a: ErrorType, b: ErrorType) => {\n\tif (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) {\n\t\treturn false\n\t}\n\tif (!('stack' in a) || !('stack' in b) || !('message' in a) || !('message' in b)) {\n\t\treturn false\n\t}\n\tif (a.message !== b.message) {\n\t\treturn false\n\t}\n\tif (a.stack !== b.stack) {\n\t\treturn false\n\t}\n\treturn true\n}\n\nexport function DevErrorManager(props: DevErrorManagerProps) {\n\tconst [errors, setErrors] = useState<{ error: ErrorType; source: string }[]>([])\n\tconst [errIndex, setErrorIndex] = useState(0)\n\tconst [open, setOpen] = useState(false)\n\n\tuseEffect(\n\t\t() => {\n\t\t\treturn props.bus.register(err => {\n\t\t\t\tsetTimeout(\n\t\t\t\t\t() => {\n\t\t\t\t\t\tsetErrors(errors => {\n\t\t\t\t\t\t\treturn !errors.find(it => compareErrors(it.error, err.error)) ? [err, ...errors] : errors\n\t\t\t\t\t\t})\n\t\t\t\t\t\tsetOpen(true)\n\t\t\t\t\t},\n\t\t\t\t\t0,\n\t\t\t\t)\n\t\t\t})\n\t\t},\n\t\t[props.bus],\n\t)\n\n\tconst currentError = errors[errIndex]\n\tconst processedError = useProcessedError(currentError?.error)\n\n\tuseEffect(() => {\n\t\tif (import.meta.hot) {\n\t\t\tconst cb = () => {\n\t\t\t\tsetOpen(false)\n\t\t\t}\n\t\t\timport.meta.hot.on('vite:afterUpdate', cb)\n\t\t\treturn () => {\n\t\t\t\timport.meta.hot?.off('vite:afterUpdate', cb)\n\t\t\t}\n\t\t}\n\t}, [])\n\n\tif (!currentError) {\n\t\treturn null\n\t}\n\tconst onPrevious = () => setErrorIndex(it => Math.max(0, it - 1))\n\tconst onNext = () => setErrorIndex(it => Math.min(errors.length - 1, it + 1))\n\tconst onClose = () => setOpen(false)\n\tconst onClear = () => setErrors([])\n\tif (!open) {\n\t\treturn <DevErrorBadge errorCount={errors.length} onOpen={() => setOpen(true)} onClear={onClear} />\n\t}\n\treturn (\n\t\t<DevErrorList\n\t\t\tcurrentError={processedError}\n\t\t\tcurrentErrorSource={currentError.source}\n\t\t\tcurrentErrorIndex={errIndex}\n\t\t\terrorCount={errors.length}\n\t\t\tonPrevious={onPrevious}\n\t\t\tonNext={onNext}\n\t\t\tonClose={onClose}\n\t\t\tonClear={onClear}\n\t\t/>\n\t)\n}\n"],"names":["errors"],"mappings":"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"}

package/dist/development/src/errorHandling.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxDevRuntime = require("react/jsx-dev-runtime");
+const buffer = require("buffer");
+const DevErrorManager = require("./DevErrorManager.cjs");
+const getErrorContainer = () => {
+  const errorElementId = "__contember__dev__error__container__element";
+  let errorContainer = document.getElementById(errorElementId);
+  if (!errorContainer) {
+    errorContainer = document.createElement("div");
+    errorContainer.id = errorElementId;
+    document.body.appendChild(errorContainer);
+  }
+  return errorContainer;
+};
+const devErrorHandler = (renderer) => {
+  const errorBus = new DevErrorManager.ErrorBus();
+  window.Buffer = buffer.Buffer;
+  window.addEventListener("error", (e) => {
+    if (e.message.startsWith("ResizeObserver")) {
+      return;
+    }
+    errorBus.handleError("Unhandled error", e.error);
+  });
+  window.addEventListener("unhandledrejection", (e) => errorBus.handleError("Unhandled promise rejection", e.reason));
+  const origOnError = console.error;
+  console.error = (...args) => {
+    origOnError(...args);
+    for (const arg of args) {
+      if (arg instanceof Error) {
+        errorBus.handleError("Logged error", arg);
+      }
+    }
+  };
+  renderer(getErrorContainer(), /* @__PURE__ */ jsxDevRuntime.jsxDEV(DevErrorManager.DevErrorManager, { bus: errorBus }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/errorHandling.tsx",
+    lineNumber: 42,
+    columnNumber: 32
+  }, void 0), () => {
+  });
+  return async (cb) => {
+    try {
+      await cb((e) => errorBus.handleError("Recoverable React error", e));
+    } catch (e) {
+      errorBus.handleError("Entrypoint crash", e);
+    }
+  };
+};
+const createErrorHandler = (renderer) => {
+  {
+    return devErrorHandler(renderer);
+  }
+};
+exports.createErrorHandler = createErrorHandler;
+//# sourceMappingURL=errorHandling.cjs.map

package/dist/development/src/errorHandling.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorHandling.cjs","sources":["../../../../packages/react-devbar/src/errorHandling.tsx"],"sourcesContent":["import { Buffer } from 'buffer'\nimport { DevErrorManager, ErrorBus } from './DevErrorManager'\nimport { ReactElement } from 'react'\n\nexport type ErrorReactRenderer = (domElement: Element, reactElement: ReactElement, onRecoverableError: (e: any) => void) => void\n\nconst getErrorContainer = () => {\n\tconst errorElementId = '__contember__dev__error__container__element'\n\tlet errorContainer = document.getElementById(errorElementId)\n\n\tif (!errorContainer) {\n\t\terrorContainer = document.createElement('div')\n\t\terrorContainer.id = errorElementId\n\t\tdocument.body.appendChild(errorContainer)\n\t}\n\n\treturn errorContainer\n}\n\nconst devErrorHandler = (renderer: ErrorReactRenderer): TryRun => {\n\tconst errorBus = new ErrorBus()\n\t;(window as any).Buffer = Buffer\n\twindow.addEventListener('error', e => {\n\t\tif (e.message.startsWith('ResizeObserver')) {\n\t\t\t// Apparently, this can be ignored: https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded\n\t\t\treturn\n\t\t}\n\t\terrorBus.handleError('Unhandled error', e.error)\n\t})\n\n\twindow.addEventListener('unhandledrejection', e => errorBus.handleError('Unhandled promise rejection', e.reason))\n\n\tconst origOnError = console.error\n\tconsole.error = (...args) => {\n\t\torigOnError(...args)\n\t\tfor (const arg of args) {\n\t\t\tif (arg instanceof Error) {\n\t\t\t\terrorBus.handleError('Logged error', arg)\n\t\t\t}\n\t\t}\n\t}\n\trenderer(getErrorContainer(), <DevErrorManager bus={errorBus} />, () => {})\n\n\treturn async cb => {\n\t\ttry {\n\t\t\tawait cb(e => errorBus.handleError('Recoverable React error', e))\n\t\t} catch (e) {\n\t\t\terrorBus.handleError('Entrypoint crash', e)\n\t\t}\n\t}\n}\n\ntype TryRun = <T>(cb: (onRecoverableError: (e: any) => void) => T | Promise<T>) => void\nconst prodErrorHandler = (renderer: ErrorReactRenderer): TryRun => {\n\tconst renderError = () => {\n\t\trenderer(getErrorContainer(), <h1>Fatal error</h1>, () => {})\n\t}\n\n\twindow.addEventListener('error', renderError)\n\twindow.addEventListener('unhandledrejection', renderError)\n\n\treturn async cb => {\n\t\ttry {\n\t\t\tawait cb(e => {\n\t\t\t\tconsole.warn(e)\n\t\t\t})\n\t\t} catch (e) {\n\t\t\tconsole.error(e)\n\t\t\trenderError()\n\t\t}\n\t}\n}\n\nexport const createErrorHandler = (renderer: ErrorReactRenderer) => {\n\tif (import.meta.env.DEV) {\n\t\treturn devErrorHandler(renderer)\n\t} else {\n\t\treturn prodErrorHandler(renderer)\n\t}\n}\n"],"names":["ErrorBus","Buffer","jsxDEV","DevErrorManager"],"mappings":";;;;;AAMA,MAAM,oBAAoB,MAAM;AAC/B,QAAM,iBAAiB;AACvB,MAAI,iBAAiB,SAAS,eAAe,cAAc;AAE3D,MAAI,CAAC,gBAAgB;AACpB,qBAAiB,SAAS,cAAc,KAAK;AAC7C,mBAAe,KAAK;AACpB,aAAS,KAAK,YAAY,cAAc;AAAA,EACzC;AAEA,SAAO;AACR;AAEA,MAAM,kBAAkB,CAAC,aAAyC;AACjE,QAAM,WAAW,IAAIA,yBAAA;AACnB,SAAe,SAASC,OAAAA;AAC1B,SAAO,iBAAiB,SAAS,CAAA,MAAK;AACrC,QAAI,EAAE,QAAQ,WAAW,gBAAgB,GAAG;AAE3C;AAAA,IACD;AACA,aAAS,YAAY,mBAAmB,EAAE,KAAK;AAAA,EAChD,CAAC;AAED,SAAO,iBAAiB,sBAAsB,CAAA,MAAK,SAAS,YAAY,+BAA+B,EAAE,MAAM,CAAC;AAEhH,QAAM,cAAc,QAAQ;AAC5B,UAAQ,QAAQ,IAAI,SAAS;AAC5B,gBAAY,GAAG,IAAI;AACnB,eAAW,OAAO,MAAM;AACvB,UAAI,eAAe,OAAO;AACzB,iBAAS,YAAY,gBAAgB,GAAG;AAAA,MACzC;AAAA,IACD;AAAA,EACD;AACA,WAAS,qBAAqBC,8BAAAA,OAACC,gBAAAA,iBAAA,EAAgB,KAAK,SAAA,GAAtB,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,MAAgC,GAAI,MAAM;AAAA,EAAC,CAAC;AAE1E,SAAO,OAAM,OAAM;AAClB,QAAI;AACH,YAAM,GAAG,CAAA,MAAK,SAAS,YAAY,2BAA2B,CAAC,CAAC;AAAA,IACjE,SAAS,GAAG;AACX,eAAS,YAAY,oBAAoB,CAAC;AAAA,IAC3C;AAAA,EACD;AACD;AAuBO,MAAM,qBAAqB,CAAC,aAAiC;AAC1C;AACxB,WAAO,gBAAgB,QAAQ;AAAA,EAChC;AAGD;;"}

package/dist/development/src/errorHandling.js

@@ -0,0 +1,55 @@
+import { jsxDEV } from "react/jsx-dev-runtime";
+import { Buffer } from "buffer";
+import { ErrorBus, DevErrorManager } from "./DevErrorManager.js";
+const getErrorContainer = () => {
+  const errorElementId = "__contember__dev__error__container__element";
+  let errorContainer = document.getElementById(errorElementId);
+  if (!errorContainer) {
+    errorContainer = document.createElement("div");
+    errorContainer.id = errorElementId;
+    document.body.appendChild(errorContainer);
+  }
+  return errorContainer;
+};
+const devErrorHandler = (renderer) => {
+  const errorBus = new ErrorBus();
+  window.Buffer = Buffer;
+  window.addEventListener("error", (e) => {
+    if (e.message.startsWith("ResizeObserver")) {
+      return;
+    }
+    errorBus.handleError("Unhandled error", e.error);
+  });
+  window.addEventListener("unhandledrejection", (e) => errorBus.handleError("Unhandled promise rejection", e.reason));
+  const origOnError = console.error;
+  console.error = (...args) => {
+    origOnError(...args);
+    for (const arg of args) {
+      if (arg instanceof Error) {
+        errorBus.handleError("Logged error", arg);
+      }
+    }
+  };
+  renderer(getErrorContainer(), /* @__PURE__ */ jsxDEV(DevErrorManager, { bus: errorBus }, void 0, false, {
+    fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/errorHandling.tsx",
+    lineNumber: 42,
+    columnNumber: 32
+  }, void 0), () => {
+  });
+  return async (cb) => {
+    try {
+      await cb((e) => errorBus.handleError("Recoverable React error", e));
+    } catch (e) {
+      errorBus.handleError("Entrypoint crash", e);
+    }
+  };
+};
+const createErrorHandler = (renderer) => {
+  {
+    return devErrorHandler(renderer);
+  }
+};
+export {
+  createErrorHandler
+};
+//# sourceMappingURL=errorHandling.js.map

package/dist/development/src/errorHandling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorHandling.js","sources":["../../../../packages/react-devbar/src/errorHandling.tsx"],"sourcesContent":["import { Buffer } from 'buffer'\nimport { DevErrorManager, ErrorBus } from './DevErrorManager'\nimport { ReactElement } from 'react'\n\nexport type ErrorReactRenderer = (domElement: Element, reactElement: ReactElement, onRecoverableError: (e: any) => void) => void\n\nconst getErrorContainer = () => {\n\tconst errorElementId = '__contember__dev__error__container__element'\n\tlet errorContainer = document.getElementById(errorElementId)\n\n\tif (!errorContainer) {\n\t\terrorContainer = document.createElement('div')\n\t\terrorContainer.id = errorElementId\n\t\tdocument.body.appendChild(errorContainer)\n\t}\n\n\treturn errorContainer\n}\n\nconst devErrorHandler = (renderer: ErrorReactRenderer): TryRun => {\n\tconst errorBus = new ErrorBus()\n\t;(window as any).Buffer = Buffer\n\twindow.addEventListener('error', e => {\n\t\tif (e.message.startsWith('ResizeObserver')) {\n\t\t\t// Apparently, this can be ignored: https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded\n\t\t\treturn\n\t\t}\n\t\terrorBus.handleError('Unhandled error', e.error)\n\t})\n\n\twindow.addEventListener('unhandledrejection', e => errorBus.handleError('Unhandled promise rejection', e.reason))\n\n\tconst origOnError = console.error\n\tconsole.error = (...args) => {\n\t\torigOnError(...args)\n\t\tfor (const arg of args) {\n\t\t\tif (arg instanceof Error) {\n\t\t\t\terrorBus.handleError('Logged error', arg)\n\t\t\t}\n\t\t}\n\t}\n\trenderer(getErrorContainer(), <DevErrorManager bus={errorBus} />, () => {})\n\n\treturn async cb => {\n\t\ttry {\n\t\t\tawait cb(e => errorBus.handleError('Recoverable React error', e))\n\t\t} catch (e) {\n\t\t\terrorBus.handleError('Entrypoint crash', e)\n\t\t}\n\t}\n}\n\ntype TryRun = <T>(cb: (onRecoverableError: (e: any) => void) => T | Promise<T>) => void\nconst prodErrorHandler = (renderer: ErrorReactRenderer): TryRun => {\n\tconst renderError = () => {\n\t\trenderer(getErrorContainer(), <h1>Fatal error</h1>, () => {})\n\t}\n\n\twindow.addEventListener('error', renderError)\n\twindow.addEventListener('unhandledrejection', renderError)\n\n\treturn async cb => {\n\t\ttry {\n\t\t\tawait cb(e => {\n\t\t\t\tconsole.warn(e)\n\t\t\t})\n\t\t} catch (e) {\n\t\t\tconsole.error(e)\n\t\t\trenderError()\n\t\t}\n\t}\n}\n\nexport const createErrorHandler = (renderer: ErrorReactRenderer) => {\n\tif (import.meta.env.DEV) {\n\t\treturn devErrorHandler(renderer)\n\t} else {\n\t\treturn prodErrorHandler(renderer)\n\t}\n}\n"],"names":[],"mappings":";;;AAMA,MAAM,oBAAoB,MAAM;AAC/B,QAAM,iBAAiB;AACvB,MAAI,iBAAiB,SAAS,eAAe,cAAc;AAE3D,MAAI,CAAC,gBAAgB;AACpB,qBAAiB,SAAS,cAAc,KAAK;AAC7C,mBAAe,KAAK;AACpB,aAAS,KAAK,YAAY,cAAc;AAAA,EACzC;AAEA,SAAO;AACR;AAEA,MAAM,kBAAkB,CAAC,aAAyC;AACjE,QAAM,WAAW,IAAI,SAAA;AACnB,SAAe,SAAS;AAC1B,SAAO,iBAAiB,SAAS,CAAA,MAAK;AACrC,QAAI,EAAE,QAAQ,WAAW,gBAAgB,GAAG;AAE3C;AAAA,IACD;AACA,aAAS,YAAY,mBAAmB,EAAE,KAAK;AAAA,EAChD,CAAC;AAED,SAAO,iBAAiB,sBAAsB,CAAA,MAAK,SAAS,YAAY,+BAA+B,EAAE,MAAM,CAAC;AAEhH,QAAM,cAAc,QAAQ;AAC5B,UAAQ,QAAQ,IAAI,SAAS;AAC5B,gBAAY,GAAG,IAAI;AACnB,eAAW,OAAO,MAAM;AACvB,UAAI,eAAe,OAAO;AACzB,iBAAS,YAAY,gBAAgB,GAAG;AAAA,MACzC;AAAA,IACD;AAAA,EACD;AACA,WAAS,qBAAqB,uBAAC,iBAAA,EAAgB,KAAK,SAAA,GAAtB,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,MAAgC,GAAI,MAAM;AAAA,EAAC,CAAC;AAE1E,SAAO,OAAM,OAAM;AAClB,QAAI;AACH,YAAM,GAAG,CAAA,MAAK,SAAS,YAAY,2BAA2B,CAAC,CAAC;AAAA,IACjE,SAAS,GAAG;AACX,eAAS,YAAY,oBAAoB,CAAC;AAAA,IAC3C;AAAA,EACD;AACD;AAuBO,MAAM,qBAAqB,CAAC,aAAiC;AAC1C;AACxB,WAAO,gBAAgB,QAAQ;AAAA,EAChC;AAGD;"}

package/dist/development/src/hooks/useCopyErrorMarkdown.cjs

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const convertStackTraceToMarkdown = (stackTrace, lines) => {
+  stackTrace.forEach((frame, index) => {
+    lines.push(`**Frame ${index + 1}:**`);
+    lines.push("");
+    lines.push(`- **File:** ${frame.filename}${frame.line ? `:${frame.line}` : ""}`);
+    if (frame.callee) {
+      lines.push(`- **Function:** ${frame.callee}`);
+    }
+    lines.push("");
+    if (frame.line !== void 0 && frame.sourceCodeLines) {
+      lines.push("**Source Code:**");
+      lines.push("");
+      lines.push("```typescript");
+      frame.sourceCodeLines.forEach((codeLine, lineIndex) => {
+        const lineNumber = lineIndex + 1;
+        if (frame.line && lineNumber + 5 >= frame.line && lineNumber - 3 <= frame.line) {
+          const isErrorLine = lineNumber === frame.line;
+          const marker = isErrorLine ? ">>> " : "    ";
+          lines.push(`${marker}${lineNumber.toString().padStart(3)}: ${codeLine}`);
+        }
+      });
+      lines.push("```");
+      lines.push("");
+    }
+    lines.push("---");
+    lines.push("");
+  });
+};
+const convertErrorToMarkdownRecursive = (error, lines, level) => {
+  const errorObject = error.error instanceof Error ? error.error : void 0;
+  const prefix = "#".repeat(level + 1);
+  if (errorObject) {
+    lines.push(`${prefix} ${errorObject.name}`);
+    lines.push("");
+    if (errorObject.message) {
+      lines.push(`**Message:** ${errorObject.message}`);
+      lines.push("");
+    }
+    if ("details" in errorObject && errorObject.details) {
+      lines.push(`**Details:** ${errorObject.details}`);
+      lines.push("");
+    }
+  } else {
+    lines.push(`${prefix} Unknown Error`);
+    lines.push("");
+  }
+  if (error.parsedStackStrace) {
+    lines.push(`${"#".repeat(level + 2)} Stack Trace`);
+    lines.push("");
+    convertStackTraceToMarkdown(error.parsedStackStrace, lines);
+  } else if (errorObject?.stack) {
+    lines.push(`${"#".repeat(level + 2)} Stack Trace`);
+    lines.push("");
+    lines.push("```");
+    lines.push(errorObject.stack);
+    lines.push("```");
+    lines.push("");
+  }
+  if (error.cause) {
+    lines.push(`${"#".repeat(level + 2)} Caused By`);
+    lines.push("");
+    convertErrorToMarkdownRecursive(error.cause, lines, level + 1);
+  }
+};
+const convertErrorToMarkdown = (error, source) => {
+  const lines = [];
+  lines.push("# Contember Error Report");
+  lines.push("");
+  lines.push(`**Source:** ${source}`);
+  lines.push("");
+  convertErrorToMarkdownRecursive(error, lines, 1);
+  return lines.join("\n");
+};
+const useCopyErrorMarkdown = ({ currentError, currentErrorSource }) => {
+  const [copyStatus, setCopyStatus] = React.useState("idle");
+  React.useEffect(() => {
+    setCopyStatus("idle");
+  }, [currentError]);
+  const handleCopyMarkdown = async () => {
+    setCopyStatus("copying");
+    try {
+      const markdown = convertErrorToMarkdown(currentError, currentErrorSource);
+      await navigator.clipboard.writeText(markdown);
+      setCopyStatus("success");
+    } catch (err) {
+      console.error("Failed to copy markdown:", err);
+      setCopyStatus("error");
+    }
+  };
+  const isClipboardSupported = !!navigator?.clipboard;
+  return {
+    copyStatus,
+    handleCopyMarkdown,
+    isClipboardSupported
+  };
+};
+exports.useCopyErrorMarkdown = useCopyErrorMarkdown;
+//# sourceMappingURL=useCopyErrorMarkdown.cjs.map

package/dist/development/src/hooks/useCopyErrorMarkdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopyErrorMarkdown.cjs","sources":["../../../../../packages/react-devbar/src/hooks/useCopyErrorMarkdown.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport type { ParsedStackTrace, ProcessedError } from '../ui/DevError/types'\n\nconst convertStackTraceToMarkdown = (stackTrace: ParsedStackTrace, lines: string[]) => {\n\tstackTrace.forEach((frame, index) => {\n\t\tlines.push(`**Frame ${index + 1}:**`)\n\t\tlines.push('')\n\t\tlines.push(`- **File:** ${frame.filename}${frame.line ? `:${frame.line}` : ''}`)\n\n\t\tif (frame.callee) {\n\t\t\tlines.push(`- **Function:** ${frame.callee}`)\n\t\t}\n\n\t\tlines.push('')\n\n\t\tif (frame.line !== undefined && frame.sourceCodeLines) {\n\t\t\tlines.push('**Source Code:**')\n\t\t\tlines.push('')\n\t\t\tlines.push('```typescript')\n\n\t\t\tframe.sourceCodeLines.forEach((codeLine, lineIndex) => {\n\t\t\t\tconst lineNumber = lineIndex + 1\n\t\t\t\t// Show context around the error line (similar to the UI logic)\n\t\t\t\tif (frame.line && lineNumber + 5 >= frame.line && lineNumber - 3 <= frame.line) {\n\t\t\t\t\tconst isErrorLine = lineNumber === frame.line\n\t\t\t\t\tconst marker = isErrorLine ? '>>> ' : '    '\n\t\t\t\t\tlines.push(`${marker}${lineNumber.toString().padStart(3)}: ${codeLine}`)\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tlines.push('```')\n\t\t\tlines.push('')\n\t\t}\n\n\t\tlines.push('---')\n\t\tlines.push('')\n\t})\n}\n\nconst convertErrorToMarkdownRecursive = (error: ProcessedError, lines: string[], level: number) => {\n\tconst errorObject = error.error instanceof Error ? error.error : undefined\n\tconst prefix = '#'.repeat(level + 1)\n\n\tif (errorObject) {\n\t\tlines.push(`${prefix} ${errorObject.name}`)\n\t\tlines.push('')\n\n\t\tif (errorObject.message) {\n\t\t\tlines.push(`**Message:** ${errorObject.message}`)\n\t\t\tlines.push('')\n\t\t}\n\n\t\tif ('details' in errorObject && (errorObject as Error & { details?: unknown }).details) {\n\t\t\tlines.push(`**Details:** ${(errorObject as Error & { details: string }).details}`)\n\t\t\tlines.push('')\n\t\t}\n\t} else {\n\t\tlines.push(`${prefix} Unknown Error`)\n\t\tlines.push('')\n\t}\n\n\tif (error.parsedStackStrace) {\n\t\tlines.push(`${'#'.repeat(level + 2)} Stack Trace`)\n\t\tlines.push('')\n\t\tconvertStackTraceToMarkdown(error.parsedStackStrace, lines)\n\t} else if (errorObject?.stack) {\n\t\tlines.push(`${'#'.repeat(level + 2)} Stack Trace`)\n\t\tlines.push('')\n\t\tlines.push('```')\n\t\tlines.push(errorObject.stack)\n\t\tlines.push('```')\n\t\tlines.push('')\n\t}\n\n\tif (error.cause) {\n\t\tlines.push(`${'#'.repeat(level + 2)} Caused By`)\n\t\tlines.push('')\n\t\tconvertErrorToMarkdownRecursive(error.cause, lines, level + 1)\n\t}\n}\n\nconst convertErrorToMarkdown = (error: ProcessedError, source: string): string => {\n\tconst lines: string[] = []\n\n\tlines.push('# Contember Error Report')\n\tlines.push('')\n\tlines.push(`**Source:** ${source}`)\n\tlines.push('')\n\n\tconvertErrorToMarkdownRecursive(error, lines, 1)\n\n\treturn lines.join('\\n')\n}\n\ntype CopyMarkdownProps = {\n\tcurrentError: ProcessedError\n\tcurrentErrorSource: string\n}\n\nexport const useCopyErrorMarkdown = ({ currentError, currentErrorSource }: CopyMarkdownProps) => {\n\tconst [copyStatus, setCopyStatus] = useState<'idle' | 'copying' | 'success' | 'error'>('idle')\n\n\t// biome-ignore lint/correctness/useExhaustiveDependencies: intentional\n\tuseEffect(() => {\n\t\tsetCopyStatus('idle')\n\t}, [currentError])\n\n\tconst handleCopyMarkdown = async () => {\n\t\tsetCopyStatus('copying')\n\t\ttry {\n\t\t\tconst markdown = convertErrorToMarkdown(currentError, currentErrorSource)\n\t\t\tawait navigator.clipboard.writeText(markdown)\n\t\t\tsetCopyStatus('success')\n\t\t} catch (err) {\n\t\t\tconsole.error('Failed to copy markdown:', err)\n\t\t\tsetCopyStatus('error')\n\t\t}\n\t}\n\n\tconst isClipboardSupported = !!navigator?.clipboard\n\n\treturn {\n\t\tcopyStatus,\n\t\thandleCopyMarkdown,\n\t\tisClipboardSupported,\n\t}\n}\n"],"names":["useState","useEffect"],"mappings":"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"}

package/dist/development/src/hooks/useCopyErrorMarkdown.js

@@ -0,0 +1,101 @@
+import { useState, useEffect } from "react";
+const convertStackTraceToMarkdown = (stackTrace, lines) => {
+  stackTrace.forEach((frame, index) => {
+    lines.push(`**Frame ${index + 1}:**`);
+    lines.push("");
+    lines.push(`- **File:** ${frame.filename}${frame.line ? `:${frame.line}` : ""}`);
+    if (frame.callee) {
+      lines.push(`- **Function:** ${frame.callee}`);
+    }
+    lines.push("");
+    if (frame.line !== void 0 && frame.sourceCodeLines) {
+      lines.push("**Source Code:**");
+      lines.push("");
+      lines.push("```typescript");
+      frame.sourceCodeLines.forEach((codeLine, lineIndex) => {
+        const lineNumber = lineIndex + 1;
+        if (frame.line && lineNumber + 5 >= frame.line && lineNumber - 3 <= frame.line) {
+          const isErrorLine = lineNumber === frame.line;
+          const marker = isErrorLine ? ">>> " : "    ";
+          lines.push(`${marker}${lineNumber.toString().padStart(3)}: ${codeLine}`);
+        }
+      });
+      lines.push("```");
+      lines.push("");
+    }
+    lines.push("---");
+    lines.push("");
+  });
+};
+const convertErrorToMarkdownRecursive = (error, lines, level) => {
+  const errorObject = error.error instanceof Error ? error.error : void 0;
+  const prefix = "#".repeat(level + 1);
+  if (errorObject) {
+    lines.push(`${prefix} ${errorObject.name}`);
+    lines.push("");
+    if (errorObject.message) {
+      lines.push(`**Message:** ${errorObject.message}`);
+      lines.push("");
+    }
+    if ("details" in errorObject && errorObject.details) {
+      lines.push(`**Details:** ${errorObject.details}`);
+      lines.push("");
+    }
+  } else {
+    lines.push(`${prefix} Unknown Error`);
+    lines.push("");
+  }
+  if (error.parsedStackStrace) {
+    lines.push(`${"#".repeat(level + 2)} Stack Trace`);
+    lines.push("");
+    convertStackTraceToMarkdown(error.parsedStackStrace, lines);
+  } else if (errorObject?.stack) {
+    lines.push(`${"#".repeat(level + 2)} Stack Trace`);
+    lines.push("");
+    lines.push("```");
+    lines.push(errorObject.stack);
+    lines.push("```");
+    lines.push("");
+  }
+  if (error.cause) {
+    lines.push(`${"#".repeat(level + 2)} Caused By`);
+    lines.push("");
+    convertErrorToMarkdownRecursive(error.cause, lines, level + 1);
+  }
+};
+const convertErrorToMarkdown = (error, source) => {
+  const lines = [];
+  lines.push("# Contember Error Report");
+  lines.push("");
+  lines.push(`**Source:** ${source}`);
+  lines.push("");
+  convertErrorToMarkdownRecursive(error, lines, 1);
+  return lines.join("\n");
+};
+const useCopyErrorMarkdown = ({ currentError, currentErrorSource }) => {
+  const [copyStatus, setCopyStatus] = useState("idle");
+  useEffect(() => {
+    setCopyStatus("idle");
+  }, [currentError]);
+  const handleCopyMarkdown = async () => {
+    setCopyStatus("copying");
+    try {
+      const markdown = convertErrorToMarkdown(currentError, currentErrorSource);
+      await navigator.clipboard.writeText(markdown);
+      setCopyStatus("success");
+    } catch (err) {
+      console.error("Failed to copy markdown:", err);
+      setCopyStatus("error");
+    }
+  };
+  const isClipboardSupported = !!navigator?.clipboard;
+  return {
+    copyStatus,
+    handleCopyMarkdown,
+    isClipboardSupported
+  };
+};
+export {
+  useCopyErrorMarkdown
+};
+//# sourceMappingURL=useCopyErrorMarkdown.js.map

package/dist/development/src/hooks/useCopyErrorMarkdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopyErrorMarkdown.js","sources":["../../../../../packages/react-devbar/src/hooks/useCopyErrorMarkdown.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport type { ParsedStackTrace, ProcessedError } from '../ui/DevError/types'\n\nconst convertStackTraceToMarkdown = (stackTrace: ParsedStackTrace, lines: string[]) => {\n\tstackTrace.forEach((frame, index) => {\n\t\tlines.push(`**Frame ${index + 1}:**`)\n\t\tlines.push('')\n\t\tlines.push(`- **File:** ${frame.filename}${frame.line ? `:${frame.line}` : ''}`)\n\n\t\tif (frame.callee) {\n\t\t\tlines.push(`- **Function:** ${frame.callee}`)\n\t\t}\n\n\t\tlines.push('')\n\n\t\tif (frame.line !== undefined && frame.sourceCodeLines) {\n\t\t\tlines.push('**Source Code:**')\n\t\t\tlines.push('')\n\t\t\tlines.push('```typescript')\n\n\t\t\tframe.sourceCodeLines.forEach((codeLine, lineIndex) => {\n\t\t\t\tconst lineNumber = lineIndex + 1\n\t\t\t\t// Show context around the error line (similar to the UI logic)\n\t\t\t\tif (frame.line && lineNumber + 5 >= frame.line && lineNumber - 3 <= frame.line) {\n\t\t\t\t\tconst isErrorLine = lineNumber === frame.line\n\t\t\t\t\tconst marker = isErrorLine ? '>>> ' : '    '\n\t\t\t\t\tlines.push(`${marker}${lineNumber.toString().padStart(3)}: ${codeLine}`)\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tlines.push('```')\n\t\t\tlines.push('')\n\t\t}\n\n\t\tlines.push('---')\n\t\tlines.push('')\n\t})\n}\n\nconst convertErrorToMarkdownRecursive = (error: ProcessedError, lines: string[], level: number) => {\n\tconst errorObject = error.error instanceof Error ? error.error : undefined\n\tconst prefix = '#'.repeat(level + 1)\n\n\tif (errorObject) {\n\t\tlines.push(`${prefix} ${errorObject.name}`)\n\t\tlines.push('')\n\n\t\tif (errorObject.message) {\n\t\t\tlines.push(`**Message:** ${errorObject.message}`)\n\t\t\tlines.push('')\n\t\t}\n\n\t\tif ('details' in errorObject && (errorObject as Error & { details?: unknown }).details) {\n\t\t\tlines.push(`**Details:** ${(errorObject as Error & { details: string }).details}`)\n\t\t\tlines.push('')\n\t\t}\n\t} else {\n\t\tlines.push(`${prefix} Unknown Error`)\n\t\tlines.push('')\n\t}\n\n\tif (error.parsedStackStrace) {\n\t\tlines.push(`${'#'.repeat(level + 2)} Stack Trace`)\n\t\tlines.push('')\n\t\tconvertStackTraceToMarkdown(error.parsedStackStrace, lines)\n\t} else if (errorObject?.stack) {\n\t\tlines.push(`${'#'.repeat(level + 2)} Stack Trace`)\n\t\tlines.push('')\n\t\tlines.push('```')\n\t\tlines.push(errorObject.stack)\n\t\tlines.push('```')\n\t\tlines.push('')\n\t}\n\n\tif (error.cause) {\n\t\tlines.push(`${'#'.repeat(level + 2)} Caused By`)\n\t\tlines.push('')\n\t\tconvertErrorToMarkdownRecursive(error.cause, lines, level + 1)\n\t}\n}\n\nconst convertErrorToMarkdown = (error: ProcessedError, source: string): string => {\n\tconst lines: string[] = []\n\n\tlines.push('# Contember Error Report')\n\tlines.push('')\n\tlines.push(`**Source:** ${source}`)\n\tlines.push('')\n\n\tconvertErrorToMarkdownRecursive(error, lines, 1)\n\n\treturn lines.join('\\n')\n}\n\ntype CopyMarkdownProps = {\n\tcurrentError: ProcessedError\n\tcurrentErrorSource: string\n}\n\nexport const useCopyErrorMarkdown = ({ currentError, currentErrorSource }: CopyMarkdownProps) => {\n\tconst [copyStatus, setCopyStatus] = useState<'idle' | 'copying' | 'success' | 'error'>('idle')\n\n\t// biome-ignore lint/correctness/useExhaustiveDependencies: intentional\n\tuseEffect(() => {\n\t\tsetCopyStatus('idle')\n\t}, [currentError])\n\n\tconst handleCopyMarkdown = async () => {\n\t\tsetCopyStatus('copying')\n\t\ttry {\n\t\t\tconst markdown = convertErrorToMarkdown(currentError, currentErrorSource)\n\t\t\tawait navigator.clipboard.writeText(markdown)\n\t\t\tsetCopyStatus('success')\n\t\t} catch (err) {\n\t\t\tconsole.error('Failed to copy markdown:', err)\n\t\t\tsetCopyStatus('error')\n\t\t}\n\t}\n\n\tconst isClipboardSupported = !!navigator?.clipboard\n\n\treturn {\n\t\tcopyStatus,\n\t\thandleCopyMarkdown,\n\t\tisClipboardSupported,\n\t}\n}\n"],"names":[],"mappings":"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"}