npm - @contember/react-devbar - Versions diffs - 2.1.0-alpha.29 → 2.1.0-alpha.30 - Mend

@contember/react-devbar 2.1.0-alpha.29 → 2.1.0-alpha.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

package/dist/development/src/ui/DevError/DevErrorList.cjs CHANGED Viewed

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxDevRuntime = require("react/jsx-dev-runtime");
-const DevErrorInner = require("./DevErrorInner.cjs");
 const React = require("react");
+const DevErrorInner = require("./DevErrorInner.cjs");
+const DevErrorCopy = require("./DevErrorCopy.cjs");
 const className = (cls) => cls ? `cui-devError-${cls}` : "cui-devError";
 function DevErrorList({
   currentError,
@@ -22,9 +23,16 @@ function DevErrorList({
   }, []);
   return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className(), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("in"), children: [
     /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("bar"), children: [
-      /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("errorSource"), children: currentErrorSource }, void 0, false, {
+      /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("errorSource"), children: [
+        currentErrorSource,
+        /* @__PURE__ */ jsxDevRuntime.jsxDEV(DevErrorCopy.DevErrorCopy, { currentError, currentErrorSource }, void 0, false, {
+          fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
+          lineNumber: 43,
+          columnNumber: 7
+        }, this)
+      ] }, void 0, true, {
         fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-        lineNumber: 39,
+        lineNumber: 41,
         columnNumber: 6
       }, this),
       /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("actions"), children: [
@@ -36,74 +44,74 @@ function DevErrorList({
             errorCount
           ] }, void 0, true, {
             fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-            lineNumber: 43,
+            lineNumber: 48,
             columnNumber: 9
           }, this),
           /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("switcherButtons"), children: [
-            /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { className: className("switcherButton"), onClick: onPrevious, children: "←" }, void 0, false, {
+            /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { type: "button", className: className("switcherButton"), onClick: onPrevious, children: "←" }, void 0, false, {
               fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-              lineNumber: 47,
+              lineNumber: 52,
               columnNumber: 10
             }, this),
-            /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { className: className("switcherButton"), onClick: onNext, children: "→" }, void 0, false, {
+            /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { type: "button", className: className("switcherButton"), onClick: onNext, children: "→" }, void 0, false, {
               fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-              lineNumber: 50,
+              lineNumber: 55,
               columnNumber: 10
             }, this)
           ] }, void 0, true, {
             fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-            lineNumber: 46,
+            lineNumber: 51,
             columnNumber: 9
           }, this)
         ] }, void 0, true, {
           fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-          lineNumber: 42,
+          lineNumber: 47,
           columnNumber: 8
         }, this) : null,
-        /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("close"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { className: className("closeButton"), onClick: onClose, children: "✕" }, void 0, false, {
+        /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("close"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { type: "button", className: className("closeButton"), onClick: onClose, children: "✕" }, void 0, false, {
           fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-          lineNumber: 57,
+          lineNumber: 62,
           columnNumber: 8
         }, this) }, void 0, false, {
           fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-          lineNumber: 56,
+          lineNumber: 61,
           columnNumber: 7
         }, this)
       ] }, void 0, true, {
         fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-        lineNumber: 40,
+        lineNumber: 45,
         columnNumber: 6
       }, this),
-      /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("close"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { className: className("closeButton"), onClick: onClear, children: "Clear errors" }, void 0, false, {
+      /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("close"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { type: "button", className: className("closeButton"), onClick: onClear, children: "Clear errors" }, void 0, false, {
         fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-        lineNumber: 63,
+        lineNumber: 68,
         columnNumber: 7
       }, this) }, void 0, false, {
         fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-        lineNumber: 62,
+        lineNumber: 67,
         columnNumber: 6
       }, this)
     ] }, void 0, true, {
       fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-      lineNumber: 38,
+      lineNumber: 40,
       columnNumber: 5
     }, this),
     /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("content"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(DevErrorInner.DevErrorInner, { error: currentError }, void 0, false, {
       fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-      lineNumber: 69,
+      lineNumber: 74,
       columnNumber: 6
     }, this) }, void 0, false, {
       fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-      lineNumber: 68,
+      lineNumber: 73,
       columnNumber: 5
     }, this)
   ] }, void 0, true, {
     fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-    lineNumber: 37,
+    lineNumber: 39,
     columnNumber: 4
   }, this) }, void 0, false, {
     fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-    lineNumber: 36,
+    lineNumber: 38,
     columnNumber: 3
   }, this);
 }

package/dist/development/src/ui/DevError/DevErrorList.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DevErrorList.cjs","sources":["../../../../../../packages/react-devbar/src/ui/DevError/DevErrorList.tsx"],"sourcesContent":["import { DevErrorInner } from './DevErrorInner'\nimport { ProcessedError } from './types'\nimport { ~~useEffect~~ } from '~~react~~'\n\nexport interface DevErrorListProps {\n\tcurrentError: ProcessedError\n\tcurrentErrorSource: string\n\tcurrentErrorIndex: number\n\terrorCount: number\n\tonPrevious: () => void\n\tonNext: () => void\n\tonClose: () => void\n\tonClear: () => void\n}\n\nconst className = (cls?: string \| null) => cls ? `cui-devError-${cls}` : 'cui-devError'\n\nexport function DevErrorList({\n\tcurrentError,\n\tcurrentErrorIndex,\n\tcurrentErrorSource,\n\terrorCount,\n\tonClose,\n\tonNext,\n\tonPrevious,\n\tonClear,\n}: DevErrorListProps) {\n\tuseEffect(() => {\n\t\tdocument.body.classList.add('cui-devError-body')\n\t\treturn () => {\n\t\t\tdocument.body.classList.remove('cui-devError-body')\n\t\t}\n\t}, [])\n\n\treturn (\n\t\t<div className={className()}>\n\t\t\t<div className={className('in')}>\n\t\t\t\t<div className={className('bar')}>\n\t\t\t\t\t<div className={className('errorSource')}>{currentErrorSource}</div>\n\t\t\t\t\t<div className={className('actions')}>\n\t\t\t\t\t\t{errorCount > 1 ? (\n\t\t\t\t\t\t\t<div className={className('switcher')}>\n\t\t\t\t\t\t\t\t<p className={className('errorCount')}>\n\t\t\t\t\t\t\t\t\tError {currentErrorIndex + 1} of {errorCount}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t<div className={className('switcherButtons')}>\n\t\t\t\t\t\t\t\t\t<button className={className('switcherButton')} onClick={onPrevious}>\n\t\t\t\t\t\t\t\t\t\t←\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button className={className('switcherButton')} onClick={onNext}>\n\t\t\t\t\t\t\t\t\t\t→\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t<div className={className('close')}>\n\t\t\t\t\t\t\t<button className={className('closeButton')} onClick={onClose}>\n\t\t\t\t\t\t\t\t✕\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={className('close')}>\n\t\t\t\t\t\t<button className={className('closeButton')} onClick={onClear}>\n\t\t\t\t\t\t\tClear errors\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className={className('content')}>\n\t\t\t\t\t<DevErrorInner error={currentError} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["useEffect","jsxDEV","DevErrorInner"],"mappings":"~~;;;;;AAeA~~,MAAM,YAAY,CAAC,QAAwB,MAAM,gBAAgB,GAAG,KAAK;AAElE,SAAS,aAAa;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAsB;~~AACrBA~~,QAAAA,UAAU,MAAM;AACN,aAAA,KAAK,UAAU,IAAI,mBAAmB;AAC/C,WAAO,MAAM;AACH,eAAA,KAAK,UAAU,OAAO,mBAAmB;AAAA,IACnD;AAAA,EACD,GAAG,EAAE;AAGJ,SAAAC,8BAAA,OAAC,OAAI,EAAA,WAAW,UAAU,GACzB,+CAAC,OAAI,EAAA,WAAW,UAAU,IAAI,GAC7B,UAAA;AAAA,IAAAA,8BAAA,OAAC,OAAI,EAAA,WAAW,UAAU,KAAK,GAC9B,UAAA;AAAA,MAAAA,~~8BAAAA~~,OAAC,OAAI,EAAA,WAAW,UAAU,aAAa,~~GAAI~~,~~UAA3C~~,~~mBAAA~~,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,~~MAA8D~~,GAAA,IAAA;AAAA,~~MAC7DA~~,8BAAA,OAAA,OAAA,EAAI,WAAW,UAAU,SAAS,GACjC,UAAA;AAAA,QAAA,aAAa,IACZA,8BAAAA,OAAA,OAAA,EAAI,WAAW,UAAU,UAAU,GACnC,UAAA;AAAA,UAAAA,8BAAA,OAAC,KAAE,EAAA,WAAW,UAAU,YAAY,GAAG,UAAA;AAAA,YAAA;AAAA,YAC/B,oBAAoB;AAAA,YAAE;AAAA,YAAK;AAAA,UAAA,KADnC,QAAA,MAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAEA,GAAA,IAAA;AAAA,UACCA,8BAAA,OAAA,OAAA,EAAI,WAAW,UAAU,iBAAiB,GAC1C,UAAA;AAAA,~~YAAAA~~,~~8BAAAA~~,~~OAAC~~,~~YAAO~~,WAAW,UAAU,gBAAgB,GAAG,SAAS,YAAY,~~UAArE~~,IAAA,GAAA,QAAA,OAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAEA,GAAA,IAAA;AAAA,YACAA,~~8BAAAA~~,OAAC,~~YAAO~~,WAAW,UAAU,gBAAgB,GAAG,SAAS,QAAQ,~~UAAjE~~,IAAA,GAAA,QAAA,OAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAA,GAEA,IAAA;AAAA,UAAA,KAND,QAAA,MAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAOA,IAAA;AAAA,QAAA,KAXD,QAAA,MAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAA,IAYA,IACG;AAAA,~~QACHA~~,~~qCAAA~~,~~OAAA~~,~~EAAI,~~WAAW,UAAU,OAAO,GAChC,~~UAAAA~~,~~8BAAA~~,~~OAAC~~,~~UAAO~~,~~EAAA~~,WAAW,UAAU,aAAa,GAAG,SAAS,SAAS,~~UAA/D~~,IAAA,GAAA,QAAA,OAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAA,IAEA,EAHD,GAAA,QAAA,OAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAIA,IAAA;AAAA,MAAA,KApBD,QAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAqBA,GAAA,IAAA;AAAA,~~MACCA~~,~~qCAAA~~,~~OAAA~~,~~EAAI,~~WAAW,UAAU,OAAO,GAChC,~~UAAAA~~,~~8BAAA~~,~~OAAC~~,~~UAAO~~,~~EAAA~~,WAAW,UAAU,aAAa,GAAG,SAAS,SAAS,~~UAA/D~~,eAAA,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA,GAAA,IAEA,EAHD,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA,GAIA,IAAA;AAAA,IAAA,~~KA5BD~~,QAAA,MAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,~~IA6BA~~,GAAA,IAAA;AAAA,IACAA,8BAAA,OAAC,SAAI,WAAW,UAAU,SAAS,GAClC,UAAAA,8BAAA,~~OAACC~~,cAAc,eAAA,EAAA,OAAO,aAAtB,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAAA,IAAoC,EADrC,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAEA,IAAA;AAAA,EAAA,~~KAjCD~~,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,~~IAkCA~~,~~EAnCD~~,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,~~EAoCA~~,GAAA,IAAA;AAEF;;"}
1	+ {"version":3,"file":"DevErrorList.cjs","sources":["../../../../../../packages/react-devbar/src/ui/DevError/DevErrorList.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { DevErrorInner } from './DevErrorInner'\nimport type { ProcessedError } from './types'\nimport { DevErrorCopy } from './DevErrorCopy'\n\nexport interface DevErrorListProps {\n\tcurrentError: ProcessedError\n\tcurrentErrorSource: string\n\tcurrentErrorIndex: number\n\terrorCount: number\n\tonPrevious: () => void\n\tonNext: () => void\n\tonClose: () => void\n\tonClear: () => void\n}\n\nconst className = (cls?: string \| null) => cls ? `cui-devError-${cls}` : 'cui-devError'\n\nexport function DevErrorList({\n\tcurrentError,\n\tcurrentErrorIndex,\n\tcurrentErrorSource,\n\terrorCount,\n\tonClose,\n\tonNext,\n\tonPrevious,\n\tonClear,\n}: DevErrorListProps) {\n\n\tuseEffect(() => {\n\t\tdocument.body.classList.add('cui-devError-body')\n\t\treturn () => {\n\t\t\tdocument.body.classList.remove('cui-devError-body')\n\t\t}\n\t}, [])\n\n\treturn (\n\t\t<div className={className()}>\n\t\t\t<div className={className('in')}>\n\t\t\t\t<div className={className('bar')}>\n\t\t\t\t\t<div className={className('errorSource')}>\n\t\t\t\t\t\t{currentErrorSource}\n\t\t\t\t\t\t<DevErrorCopy currentError={currentError} currentErrorSource={currentErrorSource} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={className('actions')}>\n\t\t\t\t\t\t{errorCount > 1 ? (\n\t\t\t\t\t\t\t<div className={className('switcher')}>\n\t\t\t\t\t\t\t\t<p className={className('errorCount')}>\n\t\t\t\t\t\t\t\t\tError {currentErrorIndex + 1} of {errorCount}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t<div className={className('switcherButtons')}>\n\t\t\t\t\t\t\t\t\t<button type=\"button\" className={className('switcherButton')} onClick={onPrevious}>\n\t\t\t\t\t\t\t\t\t\t←\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button type=\"button\" className={className('switcherButton')} onClick={onNext}>\n\t\t\t\t\t\t\t\t\t\t→\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t<div className={className('close')}>\n\t\t\t\t\t\t\t<button type=\"button\" className={className('closeButton')} onClick={onClose}>\n\t\t\t\t\t\t\t\t✕\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={className('close')}>\n\t\t\t\t\t\t<button type=\"button\" className={className('closeButton')} onClick={onClear}>\n\t\t\t\t\t\t\tClear errors\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className={className('content')}>\n\t\t\t\t\t<DevErrorInner error={currentError} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["useEffect","jsxDEV","DevErrorCopy","DevErrorInner"],"mappings":"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"}

package/dist/development/src/ui/DevError/DevErrorList.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { jsxDEV } from "react/jsx-dev-runtime";
-import { DevErrorInner } from "./DevErrorInner.js";
 import { useEffect } from "react";
+import { DevErrorInner } from "./DevErrorInner.js";
+import { DevErrorCopy } from "./DevErrorCopy.js";
 const className = (cls) => cls ? `cui-devError-${cls}` : "cui-devError";
 function DevErrorList({
   currentError,
@@ -20,9 +21,16 @@ function DevErrorList({
   }, []);
   return /* @__PURE__ */ jsxDEV("div", { className: className(), children: /* @__PURE__ */ jsxDEV("div", { className: className("in"), children: [
     /* @__PURE__ */ jsxDEV("div", { className: className("bar"), children: [
-      /* @__PURE__ */ jsxDEV("div", { className: className("errorSource"), children: currentErrorSource }, void 0, false, {
+      /* @__PURE__ */ jsxDEV("div", { className: className("errorSource"), children: [
+        currentErrorSource,
+        /* @__PURE__ */ jsxDEV(DevErrorCopy, { currentError, currentErrorSource }, void 0, false, {
+          fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
+          lineNumber: 43,
+          columnNumber: 7
+        }, this)
+      ] }, void 0, true, {
         fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-        lineNumber: 39,
+        lineNumber: 41,
         columnNumber: 6
       }, this),
       /* @__PURE__ */ jsxDEV("div", { className: className("actions"), children: [
@@ -34,74 +42,74 @@ function DevErrorList({
             errorCount
           ] }, void 0, true, {
             fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-            lineNumber: 43,
+            lineNumber: 48,
             columnNumber: 9
           }, this),
           /* @__PURE__ */ jsxDEV("div", { className: className("switcherButtons"), children: [
-            /* @__PURE__ */ jsxDEV("button", { className: className("switcherButton"), onClick: onPrevious, children: "←" }, void 0, false, {
+            /* @__PURE__ */ jsxDEV("button", { type: "button", className: className("switcherButton"), onClick: onPrevious, children: "←" }, void 0, false, {
               fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-              lineNumber: 47,
+              lineNumber: 52,
               columnNumber: 10
             }, this),
-            /* @__PURE__ */ jsxDEV("button", { className: className("switcherButton"), onClick: onNext, children: "→" }, void 0, false, {
+            /* @__PURE__ */ jsxDEV("button", { type: "button", className: className("switcherButton"), onClick: onNext, children: "→" }, void 0, false, {
               fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-              lineNumber: 50,
+              lineNumber: 55,
               columnNumber: 10
             }, this)
           ] }, void 0, true, {
             fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-            lineNumber: 46,
+            lineNumber: 51,
             columnNumber: 9
           }, this)
         ] }, void 0, true, {
           fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-          lineNumber: 42,
+          lineNumber: 47,
           columnNumber: 8
         }, this) : null,
-        /* @__PURE__ */ jsxDEV("div", { className: className("close"), children: /* @__PURE__ */ jsxDEV("button", { className: className("closeButton"), onClick: onClose, children: "✕" }, void 0, false, {
+        /* @__PURE__ */ jsxDEV("div", { className: className("close"), children: /* @__PURE__ */ jsxDEV("button", { type: "button", className: className("closeButton"), onClick: onClose, children: "✕" }, void 0, false, {
           fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-          lineNumber: 57,
+          lineNumber: 62,
           columnNumber: 8
         }, this) }, void 0, false, {
           fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-          lineNumber: 56,
+          lineNumber: 61,
           columnNumber: 7
         }, this)
       ] }, void 0, true, {
         fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-        lineNumber: 40,
+        lineNumber: 45,
         columnNumber: 6
       }, this),
-      /* @__PURE__ */ jsxDEV("div", { className: className("close"), children: /* @__PURE__ */ jsxDEV("button", { className: className("closeButton"), onClick: onClear, children: "Clear errors" }, void 0, false, {
+      /* @__PURE__ */ jsxDEV("div", { className: className("close"), children: /* @__PURE__ */ jsxDEV("button", { type: "button", className: className("closeButton"), onClick: onClear, children: "Clear errors" }, void 0, false, {
         fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-        lineNumber: 63,
+        lineNumber: 68,
         columnNumber: 7
       }, this) }, void 0, false, {
         fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-        lineNumber: 62,
+        lineNumber: 67,
         columnNumber: 6
       }, this)
     ] }, void 0, true, {
       fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-      lineNumber: 38,
+      lineNumber: 40,
       columnNumber: 5
     }, this),
     /* @__PURE__ */ jsxDEV("div", { className: className("content"), children: /* @__PURE__ */ jsxDEV(DevErrorInner, { error: currentError }, void 0, false, {
       fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-      lineNumber: 69,
+      lineNumber: 74,
       columnNumber: 6
     }, this) }, void 0, false, {
       fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-      lineNumber: 68,
+      lineNumber: 73,
       columnNumber: 5
     }, this)
   ] }, void 0, true, {
     fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-    lineNumber: 37,
+    lineNumber: 39,
     columnNumber: 4
   }, this) }, void 0, false, {
     fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
-    lineNumber: 36,
+    lineNumber: 38,
     columnNumber: 3
   }, this);
 }

package/dist/development/src/ui/DevError/DevErrorList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DevErrorList.js","sources":["../../../../../../packages/react-devbar/src/ui/DevError/DevErrorList.tsx"],"sourcesContent":["import { DevErrorInner } from './DevErrorInner'\nimport { ProcessedError } from './types'\nimport { ~~useEffect~~ } from '~~react~~'\n\nexport interface DevErrorListProps {\n\tcurrentError: ProcessedError\n\tcurrentErrorSource: string\n\tcurrentErrorIndex: number\n\terrorCount: number\n\tonPrevious: () => void\n\tonNext: () => void\n\tonClose: () => void\n\tonClear: () => void\n}\n\nconst className = (cls?: string \| null) => cls ? `cui-devError-${cls}` : 'cui-devError'\n\nexport function DevErrorList({\n\tcurrentError,\n\tcurrentErrorIndex,\n\tcurrentErrorSource,\n\terrorCount,\n\tonClose,\n\tonNext,\n\tonPrevious,\n\tonClear,\n}: DevErrorListProps) {\n\tuseEffect(() => {\n\t\tdocument.body.classList.add('cui-devError-body')\n\t\treturn () => {\n\t\t\tdocument.body.classList.remove('cui-devError-body')\n\t\t}\n\t}, [])\n\n\treturn (\n\t\t<div className={className()}>\n\t\t\t<div className={className('in')}>\n\t\t\t\t<div className={className('bar')}>\n\t\t\t\t\t<div className={className('errorSource')}>{currentErrorSource}</div>\n\t\t\t\t\t<div className={className('actions')}>\n\t\t\t\t\t\t{errorCount > 1 ? (\n\t\t\t\t\t\t\t<div className={className('switcher')}>\n\t\t\t\t\t\t\t\t<p className={className('errorCount')}>\n\t\t\t\t\t\t\t\t\tError {currentErrorIndex + 1} of {errorCount}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t<div className={className('switcherButtons')}>\n\t\t\t\t\t\t\t\t\t<button className={className('switcherButton')} onClick={onPrevious}>\n\t\t\t\t\t\t\t\t\t\t←\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button className={className('switcherButton')} onClick={onNext}>\n\t\t\t\t\t\t\t\t\t\t→\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t<div className={className('close')}>\n\t\t\t\t\t\t\t<button className={className('closeButton')} onClick={onClose}>\n\t\t\t\t\t\t\t\t✕\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={className('close')}>\n\t\t\t\t\t\t<button className={className('closeButton')} onClick={onClear}>\n\t\t\t\t\t\t\tClear errors\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className={className('content')}>\n\t\t\t\t\t<DevErrorInner error={currentError} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":"~~;;;AAeA~~,MAAM,YAAY,CAAC,QAAwB,MAAM,gBAAgB,GAAG,KAAK;AAElE,SAAS,aAAa;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAsB;~~AACrB~~,YAAU,MAAM;AACN,aAAA,KAAK,UAAU,IAAI,mBAAmB;AAC/C,WAAO,MAAM;AACH,eAAA,KAAK,UAAU,OAAO,mBAAmB;AAAA,IACnD;AAAA,EACD,GAAG,EAAE;AAGJ,SAAA,uBAAC,OAAI,EAAA,WAAW,UAAU,GACzB,iCAAC,OAAI,EAAA,WAAW,UAAU,IAAI,GAC7B,UAAA;AAAA,IAAA,uBAAC,OAAI,EAAA,WAAW,UAAU,KAAK,GAC9B,UAAA;AAAA,MAAA,uBAAC,OAAI,EAAA,WAAW,UAAU,aAAa,~~GAAI~~,~~UAA3C~~,~~mBAAA~~,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,~~MAA8D~~,GAAA,IAAA;AAAA,~~MAC7D~~,uBAAA,OAAA,EAAI,WAAW,UAAU,SAAS,GACjC,UAAA;AAAA,QAAA,aAAa,IACZ,uBAAA,OAAA,EAAI,WAAW,UAAU,UAAU,GACnC,UAAA;AAAA,UAAA,uBAAC,KAAE,EAAA,WAAW,UAAU,YAAY,GAAG,UAAA;AAAA,YAAA;AAAA,YAC/B,oBAAoB;AAAA,YAAE;AAAA,YAAK;AAAA,UAAA,KADnC,QAAA,MAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAEA,GAAA,IAAA;AAAA,UACC,uBAAA,OAAA,EAAI,WAAW,UAAU,iBAAiB,GAC1C,UAAA;AAAA,~~YAAA~~,~~uBAAC~~,~~YAAO~~,WAAW,UAAU,gBAAgB,GAAG,SAAS,YAAY,~~UAArE~~,IAAA,GAAA,QAAA,OAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAEA,GAAA,IAAA;AAAA,YACA,uBAAC,~~YAAO~~,WAAW,UAAU,gBAAgB,GAAG,SAAS,QAAQ,~~UAAjE~~,IAAA,GAAA,QAAA,OAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAA,GAEA,IAAA;AAAA,UAAA,KAND,QAAA,MAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAOA,IAAA;AAAA,QAAA,KAXD,QAAA,MAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAA,IAYA,IACG;AAAA,~~QACH~~,~~uBAAA~~,~~OAAA,EAAI,~~WAAW,UAAU,OAAO,GAChC,UAAA,~~uBAAC~~,~~UAAO~~,~~EAAA~~,WAAW,UAAU,aAAa,GAAG,SAAS,SAAS,~~UAA/D~~,IAAA,GAAA,QAAA,OAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAA,IAEA,EAHD,GAAA,QAAA,OAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAIA,IAAA;AAAA,MAAA,KApBD,QAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAqBA,GAAA,IAAA;AAAA,~~MACC~~,~~uBAAA~~,~~OAAA~~,~~EAAI,~~WAAW,UAAU,OAAO,GAChC,UAAA,~~uBAAC~~,~~UAAO~~,~~EAAA~~,WAAW,UAAU,aAAa,GAAG,SAAS,SAAS,~~UAA/D~~,eAAA,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA,GAAA,IAEA,EAHD,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA,GAIA,IAAA;AAAA,IAAA,~~KA5BD~~,QAAA,MAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,~~IA6BA~~,GAAA,IAAA;AAAA,IACA,uBAAC,SAAI,WAAW,UAAU,SAAS,GAClC,UAAA,uBAAC,eAAc,EAAA,OAAO,aAAtB,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAAA,IAAoC,EADrC,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAEA,IAAA;AAAA,EAAA,~~KAjCD~~,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,~~IAkCA~~,~~EAnCD~~,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,~~EAoCA~~,GAAA,IAAA;AAEF;"}
1	+ {"version":3,"file":"DevErrorList.js","sources":["../../../../../../packages/react-devbar/src/ui/DevError/DevErrorList.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { DevErrorInner } from './DevErrorInner'\nimport type { ProcessedError } from './types'\nimport { DevErrorCopy } from './DevErrorCopy'\n\nexport interface DevErrorListProps {\n\tcurrentError: ProcessedError\n\tcurrentErrorSource: string\n\tcurrentErrorIndex: number\n\terrorCount: number\n\tonPrevious: () => void\n\tonNext: () => void\n\tonClose: () => void\n\tonClear: () => void\n}\n\nconst className = (cls?: string \| null) => cls ? `cui-devError-${cls}` : 'cui-devError'\n\nexport function DevErrorList({\n\tcurrentError,\n\tcurrentErrorIndex,\n\tcurrentErrorSource,\n\terrorCount,\n\tonClose,\n\tonNext,\n\tonPrevious,\n\tonClear,\n}: DevErrorListProps) {\n\n\tuseEffect(() => {\n\t\tdocument.body.classList.add('cui-devError-body')\n\t\treturn () => {\n\t\t\tdocument.body.classList.remove('cui-devError-body')\n\t\t}\n\t}, [])\n\n\treturn (\n\t\t<div className={className()}>\n\t\t\t<div className={className('in')}>\n\t\t\t\t<div className={className('bar')}>\n\t\t\t\t\t<div className={className('errorSource')}>\n\t\t\t\t\t\t{currentErrorSource}\n\t\t\t\t\t\t<DevErrorCopy currentError={currentError} currentErrorSource={currentErrorSource} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={className('actions')}>\n\t\t\t\t\t\t{errorCount > 1 ? (\n\t\t\t\t\t\t\t<div className={className('switcher')}>\n\t\t\t\t\t\t\t\t<p className={className('errorCount')}>\n\t\t\t\t\t\t\t\t\tError {currentErrorIndex + 1} of {errorCount}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t<div className={className('switcherButtons')}>\n\t\t\t\t\t\t\t\t\t<button type=\"button\" className={className('switcherButton')} onClick={onPrevious}>\n\t\t\t\t\t\t\t\t\t\t←\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button type=\"button\" className={className('switcherButton')} onClick={onNext}>\n\t\t\t\t\t\t\t\t\t\t→\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t<div className={className('close')}>\n\t\t\t\t\t\t\t<button type=\"button\" className={className('closeButton')} onClick={onClose}>\n\t\t\t\t\t\t\t\t✕\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={className('close')}>\n\t\t\t\t\t\t<button type=\"button\" className={className('closeButton')} onClick={onClear}>\n\t\t\t\t\t\t\tClear errors\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className={className('content')}>\n\t\t\t\t\t<DevErrorInner error={currentError} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":"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"}

package/dist/production/src/hooks/useCopyErrorMarkdown.cjs ADDED Viewed

@@ -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/production/src/hooks/useCopyErrorMarkdown.cjs.map ADDED Viewed

@@ -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\t\n\tuseEffect(() => {\n\t\tsetCopyStatus('idle')\n\t}, [currentError])\n\t\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\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/production/src/hooks/useCopyErrorMarkdown.js ADDED Viewed

@@ -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/production/src/hooks/useCopyErrorMarkdown.js.map ADDED Viewed

@@ -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\t\n\tuseEffect(() => {\n\t\tsetCopyStatus('idle')\n\t}, [currentError])\n\t\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\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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"}

package/dist/production/src/ui/DevBar/DevBar.cjs CHANGED Viewed

@@ -89,6 +89,7 @@ const DevPanel = ({ heading, icon, children, preview }) => {
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
+        type: "button",
         ref: triggerRef,
         tabIndex: 0,
         "aria-haspopup": "dialog",
@@ -107,6 +108,7 @@ const DevPanel = ({ heading, icon, children, preview }) => {
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
+            type: "button",
             onClick: handleClose,
             className: className("close-button"),
             "aria-label": "Close",

package/dist/production/src/ui/DevBar/DevBar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DevBar.cjs","sources":["../../../../../../packages/react-devbar/src/ui/DevBar/DevBar.tsx"],"sourcesContent":["import {\n\tuseId,\n\tuseOnElementClickOutsideCallback,\n\tuseReferentiallyStableCallback,\n\tuseWindowSize,\n} from '@contember/react-utils'\nimport { dataAttribute } from '@contember/utilities'\nimport { PropsWithChildren, ReactNode, useCallback, useEffect, useRef, useState } from 'react'\n\nconst className = (cls: string \| null) => cls ? `cui-devBar-${cls}` : 'cui-devBar'\n\nexport const DevBar = ({\n\tbreakpoint = 768,\n\tchildren,\n}: PropsWithChildren<{\n\tbreakpoint?: number\n}>) => {\n\tconst [expanded, setExpanded] = useState(false)\n\tconst isSmallScreen = useWindowSize().width < breakpoint\n\n\tconst handleToggle = useReferentiallyStableCallback(() => {\n\t\tsetExpanded(expanded => !expanded)\n\t})\n\n\tuseEffect(() => {\n\t\tfunction handleKeyDown(event: KeyboardEvent) {\n\t\t\tif (event.code === 'KeyJ' && (event.ctrlKey \|\| event.metaKey)) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tevent.stopPropagation()\n\n\t\t\t\thandleToggle()\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleKeyDown)\n\t\treturn () => document.removeEventListener('keydown', handleKeyDown)\n\t}, [expanded, handleToggle])\n\n\tconst devBarContentRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementClickOutsideCallback(devBarContentRef, () => {\n\t\tif (expanded) {\n\t\t\tsetExpanded(false)\n\t\t}\n\t})\n\n\tconst id = `dev-bar-panel${useId()}`\n\n\treturn (\n\t\t<section\n\t\t\tdata-transparent=\"true\"\n\t\t\tdata-overrides-lucide-icons=\"true\"\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tdata-small-screen={dataAttribute(isSmallScreen)}\n\t\t\tclassName={className(null)}\n\t\t>\n\t\t\t<div ref={devBarContentRef} className={className('content')}>\n\t\t\t\t<div\n\t\t\t\t\tdata-expanded={true}\n\t\t\t\t\tid={id}\n\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\tstyle={{ display: 'contents' }}\n\t\t\t\t>\n\t\t\t\t\t<div className={className('panels')}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n\ninterface DevPanelProps {\n\ticon: ReactNode\n\theading: ReactNode\n\tchildren: ReactNode\n\tpreview?: ReactNode\n}\n\nexport const DevPanel = ({ heading, icon, children, preview }: DevPanelProps) => {\n\tconst id = `cui-devBar-panel-${useId()}`\n\tconst dialogRef = useRef<HTMLDialogElement>(null)\n\tconst triggerRef = useRef<HTMLButtonElement>(null)\n\n\tconst handleOpen = useCallback(() => {\n\t\tdialogRef.current?.showModal()\n\t}, [])\n\n\tconst handleClose = useCallback(() => {\n\t\tdialogRef.current?.close()\n\t}, [])\n\n\tuseEffect(() => {\n\t\tconst dialog = dialogRef.current\n\t\tif (!dialog) return\n\n\t\tconst handleClickOutside = (event: MouseEvent) => {\n\t\t\tconst rect = dialog.getBoundingClientRect()\n\t\t\tconst isInDialog = (\n\t\t\t\trect.top <= event.clientY &&\n\t\t\t\tevent.clientY <= rect.top + rect.height &&\n\t\t\t\trect.left <= event.clientX &&\n\t\t\t\tevent.clientX <= rect.left + rect.width\n\t\t\t)\n\n\t\t\tif (!isInDialog) {\n\t\t\t\tdialog.close()\n\t\t\t}\n\t\t}\n\n\t\tdialog.addEventListener('click', handleClickOutside)\n\t\treturn () => dialog.removeEventListener('click', handleClickOutside)\n\t}, [])\n\n\tuseEffect(() => {\n\t\tconst handleEscape = (event: KeyboardEvent) => {\n\t\t\tif (event.key === 'Escape') {\n\t\t\t\thandleClose()\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleEscape)\n\t\treturn () => document.removeEventListener('keydown', handleEscape)\n\t}, [handleClose])\n\n\treturn (\n\t\t<div className={className('trigger')}>\n\t\t\t<button\n\t\t\t\tref={triggerRef}\n\t\t\t\ttabIndex={0}\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\taria-controls={id}\n\t\t\t\tclassName={className('trigger-label')}\n\t\t\t\tonClick={handleOpen}\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t\t<span className={className('trigger-label-text')}>\n\t\t\t\t\t{preview ?? heading}\n\t\t\t\t</span>\n\t\t\t</button>\n\n\t\t\t<dialog ref={dialogRef} id={id} className={className('panel')}>\n\t\t\t\t<div className={className('panel-content')}>\n\t\t\t\t\t<div className={className('panel-header')}>\n\t\t\t\t\t\t<h2 className=\"h4\">{heading}</h2>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\t\t\tclassName={className('close-button')}\n\t\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t✕\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={className('panel-body')}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t</div>\n\t)\n}\n"],"names":["useState","useWindowSize","useReferentiallyStableCallback","expanded","useEffect","useRef","useOnElementClickOutsideCallback","useId","jsx","dataAttribute","useCallback","jsxs"],"mappings":"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"}
1	+ {"version":3,"file":"DevBar.cjs","sources":["../../../../../../packages/react-devbar/src/ui/DevBar/DevBar.tsx"],"sourcesContent":["import {\n\tuseId,\n\tuseOnElementClickOutsideCallback,\n\tuseReferentiallyStableCallback,\n\tuseWindowSize,\n} from '@contember/react-utils'\nimport { dataAttribute } from '@contember/utilities'\nimport { type PropsWithChildren, type ReactNode, useCallback, useEffect, useRef, useState } from 'react'\n\nconst className = (cls: string \| null) => cls ? `cui-devBar-${cls}` : 'cui-devBar'\n\nexport const DevBar = ({\n\tbreakpoint = 768,\n\tchildren,\n}: PropsWithChildren<{\n\tbreakpoint?: number\n}>) => {\n\tconst [expanded, setExpanded] = useState(false)\n\tconst isSmallScreen = useWindowSize().width < breakpoint\n\n\tconst handleToggle = useReferentiallyStableCallback(() => {\n\t\tsetExpanded(expanded => !expanded)\n\t})\n\n\tuseEffect(() => {\n\t\tfunction handleKeyDown(event: KeyboardEvent) {\n\t\t\tif (event.code === 'KeyJ' && (event.ctrlKey \|\| event.metaKey)) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tevent.stopPropagation()\n\n\t\t\t\thandleToggle()\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleKeyDown)\n\t\treturn () => document.removeEventListener('keydown', handleKeyDown)\n\t}, [expanded, handleToggle])\n\n\tconst devBarContentRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementClickOutsideCallback(devBarContentRef, () => {\n\t\tif (expanded) {\n\t\t\tsetExpanded(false)\n\t\t}\n\t})\n\n\tconst id = `dev-bar-panel${useId()}`\n\n\treturn (\n\t\t<section\n\t\t\tdata-transparent=\"true\"\n\t\t\tdata-overrides-lucide-icons=\"true\"\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tdata-small-screen={dataAttribute(isSmallScreen)}\n\t\t\tclassName={className(null)}\n\t\t>\n\t\t\t<div ref={devBarContentRef} className={className('content')}>\n\t\t\t\t<div\n\t\t\t\t\tdata-expanded={true}\n\t\t\t\t\tid={id}\n\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\tstyle={{ display: 'contents' }}\n\t\t\t\t>\n\t\t\t\t\t<div className={className('panels')}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n\ninterface DevPanelProps {\n\ticon: ReactNode\n\theading: ReactNode\n\tchildren: ReactNode\n\tpreview?: ReactNode\n}\n\nexport const DevPanel = ({ heading, icon, children, preview }: DevPanelProps) => {\n\tconst id = `cui-devBar-panel-${useId()}`\n\tconst dialogRef = useRef<HTMLDialogElement>(null)\n\tconst triggerRef = useRef<HTMLButtonElement>(null)\n\n\tconst handleOpen = useCallback(() => {\n\t\tdialogRef.current?.showModal()\n\t}, [])\n\n\tconst handleClose = useCallback(() => {\n\t\tdialogRef.current?.close()\n\t}, [])\n\n\tuseEffect(() => {\n\t\tconst dialog = dialogRef.current\n\t\tif (!dialog) return\n\n\t\tconst handleClickOutside = (event: MouseEvent) => {\n\t\t\tconst rect = dialog.getBoundingClientRect()\n\t\t\tconst isInDialog = (\n\t\t\t\trect.top <= event.clientY &&\n\t\t\t\tevent.clientY <= rect.top + rect.height &&\n\t\t\t\trect.left <= event.clientX &&\n\t\t\t\tevent.clientX <= rect.left + rect.width\n\t\t\t)\n\n\t\t\tif (!isInDialog) {\n\t\t\t\tdialog.close()\n\t\t\t}\n\t\t}\n\n\t\tdialog.addEventListener('click', handleClickOutside)\n\t\treturn () => dialog.removeEventListener('click', handleClickOutside)\n\t}, [])\n\n\tuseEffect(() => {\n\t\tconst handleEscape = (event: KeyboardEvent) => {\n\t\t\tif (event.key === 'Escape') {\n\t\t\t\thandleClose()\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleEscape)\n\t\treturn () => document.removeEventListener('keydown', handleEscape)\n\t}, [handleClose])\n\n\treturn (\n\t\t<div className={className('trigger')}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tref={triggerRef}\n\t\t\t\ttabIndex={0}\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\taria-controls={id}\n\t\t\t\tclassName={className('trigger-label')}\n\t\t\t\tonClick={handleOpen}\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t\t<span className={className('trigger-label-text')}>\n\t\t\t\t\t{preview ?? heading}\n\t\t\t\t</span>\n\t\t\t</button>\n\n\t\t\t<dialog ref={dialogRef} id={id} className={className('panel')}>\n\t\t\t\t<div className={className('panel-content')}>\n\t\t\t\t\t<div className={className('panel-header')}>\n\t\t\t\t\t\t<h2 className=\"h4\">{heading}</h2>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\t\t\tclassName={className('close-button')}\n\t\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t✕\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={className('panel-body')}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t</div>\n\t)\n}\n"],"names":["useState","useWindowSize","useReferentiallyStableCallback","expanded","useEffect","useRef","useOnElementClickOutsideCallback","useId","jsx","dataAttribute","useCallback","jsxs"],"mappings":"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"}

package/dist/production/src/ui/DevBar/DevBar.js CHANGED Viewed

@@ -87,6 +87,7 @@ const DevPanel = ({ heading, icon, children, preview }) => {
     /* @__PURE__ */ jsxs(
       "button",
       {
+        type: "button",
         ref: triggerRef,
         tabIndex: 0,
         "aria-haspopup": "dialog",
@@ -105,6 +106,7 @@ const DevPanel = ({ heading, icon, children, preview }) => {
         /* @__PURE__ */ jsx(
           "button",
           {
+            type: "button",
             onClick: handleClose,
             className: className("close-button"),
             "aria-label": "Close",