@contember/react-devbar 1.3.0-alpha.15 → 1.3.0-alpha.17

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 (33) hide show
  1. package/dist/development/DevErrorManager.cjs +98 -0
  2. package/dist/development/DevErrorManager.cjs.map +1 -0
  3. package/dist/development/DevErrorManager.js +98 -0
  4. package/dist/development/DevErrorManager.js.map +1 -0
  5. package/dist/development/errorHandling.cjs +30 -13
  6. package/dist/development/errorHandling.cjs.map +1 -1
  7. package/dist/development/errorHandling.js +30 -13
  8. package/dist/development/errorHandling.js.map +1 -1
  9. package/dist/development/ui/DevBar/DevBar.cjs +97 -21
  10. package/dist/development/ui/DevBar/DevBar.cjs.map +1 -1
  11. package/dist/development/ui/DevBar/DevBar.js +97 -21
  12. package/dist/development/ui/DevBar/DevBar.js.map +1 -1
  13. package/dist/development/ui/DevError/DevError.cjs +25 -5
  14. package/dist/development/ui/DevError/DevError.cjs.map +1 -1
  15. package/dist/development/ui/DevError/DevError.js +25 -5
  16. package/dist/development/ui/DevError/DevError.js.map +1 -1
  17. package/dist/development/ui/DevError/DevErrorBadge.cjs +11 -3
  18. package/dist/development/ui/DevError/DevErrorBadge.cjs.map +1 -1
  19. package/dist/development/ui/DevError/DevErrorBadge.js +11 -3
  20. package/dist/development/ui/DevError/DevErrorBadge.js.map +1 -1
  21. package/dist/development/ui/DevError/DevErrorInner.cjs +70 -14
  22. package/dist/development/ui/DevError/DevErrorInner.cjs.map +1 -1
  23. package/dist/development/ui/DevError/DevErrorInner.js +70 -14
  24. package/dist/development/ui/DevError/DevErrorInner.js.map +1 -1
  25. package/dist/development/ui/DevError/DevErrorList.cjs +70 -18
  26. package/dist/development/ui/DevError/DevErrorList.cjs.map +1 -1
  27. package/dist/development/ui/DevError/DevErrorList.js +70 -18
  28. package/dist/development/ui/DevError/DevErrorList.js.map +1 -1
  29. package/dist/development/ui/DevError/StackTrace.cjs +58 -15
  30. package/dist/development/ui/DevError/StackTrace.cjs.map +1 -1
  31. package/dist/development/ui/DevError/StackTrace.js +58 -15
  32. package/dist/development/ui/DevError/StackTrace.js.map +1 -1
  33. package/package.json +4 -4
@@ -1 +1 @@
1
- {"version":3,"file":"DevErrorInner.js","sources":["../../../../src/ui/DevError/DevErrorInner.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { StackTrace } from './StackTrace'\nimport type { ProcessedError } from './types'\n\nexport interface DevErrorInnerProps {\n\terror: ProcessedError\n\tlevel?: number\n}\n\nexport function DevErrorInner({ error, level = 1 }: DevErrorInnerProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\tlet errorObject: Error | undefined = error.error instanceof Error ? error.error : undefined\n\n\treturn (\n\t\t<>\n\t\t\t<div className={componentClassName('header')}>\n\t\t\t\t{errorObject ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<h1 className={componentClassName('errorName')}>{errorObject.name}</h1>\n\t\t\t\t\t\t{error.cause && <a href={`#error-${level}`} className={componentClassName('causeLink')}>caused by &gt;</a>}\n\t\t\t\t\t\t{errorObject.message && <h2 className={componentClassName('errorMessage')}>{errorObject.message}</h2>}\n\t\t\t\t\t\t{'details' in errorObject && <h3 className={componentClassName('errorDetails')}>{(errorObject as any).details}</h3>}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<h1 className={componentClassName('errorName')}>Unknown error</h1>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{error.parsedStackStrace ? (\n\t\t\t\t<StackTrace stackTrace={error.parsedStackStrace} />\n\t\t\t) : errorObject?.stack ? (\n\t\t\t\t<div className={componentClassName('stack')}>\n\t\t\t\t\t<div className={componentClassName('stack-dump')}>{errorObject.stack}</div>\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t{error.cause ? (\n\t\t\t\t<>\n\t\t\t\t\t<div className={componentClassName('causedBy')} id={`error-${level}`}>\n\t\t\t\t\t\tCaused by\n\t\t\t\t\t</div>\n\t\t\t\t\t<DevErrorInner error={error.cause} level={level + 1} />\n\t\t\t\t</>\n\t\t\t) : null}\n\t\t</>\n\t)\n}\n"],"names":[],"mappings":";;;AASO,SAAS,cAAc,EAAE,OAAO,QAAQ,KAAyB;AACjE,QAAA,qBAAqB,oBAAoB,UAAU;AAEzD,MAAI,cAAiC,MAAM,iBAAiB,QAAQ,MAAM,QAAQ;AAElF,SAEE,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,oBAAC,SAAI,WAAW,mBAAmB,QAAQ,GACzC,wBAEC,qBAAA,UAAA,EAAA,UAAA;AAAA,MAAA,oBAAC,QAAG,WAAW,mBAAmB,WAAW,GAAI,sBAAY,MAAK;AAAA,MACjE,MAAM,SAAU,oBAAA,KAAA,EAAE,MAAM,UAAU,KAAK,IAAI,WAAW,mBAAmB,WAAW,GAAG,UAAc,eAAA;AAAA,MACrG,YAAY,WAAY,oBAAA,MAAA,EAAG,WAAW,mBAAmB,cAAc,GAAI,UAAA,YAAY,QAAQ,CAAA;AAAA,MAC/F,aAAa,eAAgB,oBAAA,MAAA,EAAG,WAAW,mBAAmB,cAAc,GAAK,UAAA,YAAoB,QAAQ,CAAA;AAAA,IAC/G,EAAA,CAAA,wBAEC,MAAG,EAAA,WAAW,mBAAmB,WAAW,GAAG,2BAAa,EAE/D,CAAA;AAAA,IACC,MAAM,oBACN,oBAAC,YAAW,EAAA,YAAY,MAAM,kBAAmB,CAAA,IAC9C,aAAa,QACf,oBAAA,OAAA,EAAI,WAAW,mBAAmB,OAAO,GACzC,UAAA,oBAAC,OAAI,EAAA,WAAW,mBAAmB,YAAY,GAAI,UAAA,YAAY,MAAM,CAAA,EAAA,CACtE,IACG;AAAA,IACH,MAAM,QAEL,qBAAA,UAAA,EAAA,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAI,WAAW,mBAAmB,UAAU,GAAG,IAAI,SAAS,KAAK,IAAI,UAEtE,YAAA,CAAA;AAAA,0BACC,eAAc,EAAA,OAAO,MAAM,OAAO,OAAO,QAAQ,GAAG;AAAA,IAAA,EAAA,CACtD,IACG;AAAA,EACL,EAAA,CAAA;AAEF;"}
1
+ {"version":3,"file":"DevErrorInner.js","sources":["../../../../src/ui/DevError/DevErrorInner.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { StackTrace } from './StackTrace'\nimport type { ProcessedError } from './types'\n\nexport interface DevErrorInnerProps {\n\terror: ProcessedError\n\tlevel?: number\n}\n\nexport function DevErrorInner({ error, level = 1 }: DevErrorInnerProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\tlet errorObject: Error | undefined = error.error instanceof Error ? error.error : undefined\n\n\treturn (\n\t\t<>\n\t\t\t<div className={componentClassName('header')}>\n\t\t\t\t{errorObject ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<h1 className={componentClassName('errorName')}>{errorObject.name}</h1>\n\t\t\t\t\t\t{error.cause && <a href={`#error-${level}`} className={componentClassName('causeLink')}>caused by &gt;</a>}\n\t\t\t\t\t\t{errorObject.message && <h2 className={componentClassName('errorMessage')}>{errorObject.message}</h2>}\n\t\t\t\t\t\t{'details' in errorObject && <h3 className={componentClassName('errorDetails')}>{(errorObject as any).details}</h3>}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<h1 className={componentClassName('errorName')}>Unknown error</h1>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{error.parsedStackStrace ? (\n\t\t\t\t<StackTrace stackTrace={error.parsedStackStrace} />\n\t\t\t) : errorObject?.stack ? (\n\t\t\t\t<div className={componentClassName('stack')}>\n\t\t\t\t\t<div className={componentClassName('stack-dump')}>{errorObject.stack}</div>\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t{error.cause ? (\n\t\t\t\t<>\n\t\t\t\t\t<div className={componentClassName('causedBy')} id={`error-${level}`}>\n\t\t\t\t\t\tCaused by\n\t\t\t\t\t</div>\n\t\t\t\t\t<DevErrorInner error={error.cause} level={level + 1} />\n\t\t\t\t</>\n\t\t\t) : null}\n\t\t</>\n\t)\n}\n"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
3
+ const jsxDevRuntime = require("react/jsx-dev-runtime");
4
4
  const reactUtils = require("@contember/react-utils");
5
5
  const DevErrorInner = require("./DevErrorInner.cjs");
6
6
  function DevErrorList({
@@ -13,27 +13,79 @@ function DevErrorList({
13
13
  onPrevious
14
14
  }) {
15
15
  const componentClassName = reactUtils.useClassNameFactory("devError");
16
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName(), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: componentClassName("in"), children: [
17
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: componentClassName("bar"), children: [
18
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("errorSource"), children: currentErrorSource }),
19
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: componentClassName("actions"), children: [
20
- errorCount > 1 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: componentClassName("switcher"), children: [
21
- /* @__PURE__ */ jsxRuntime.jsxs("p", { className: componentClassName("errorCount"), children: [
16
+ return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName(), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("in"), children: [
17
+ /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("bar"), children: [
18
+ /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("errorSource"), children: currentErrorSource }, void 0, false, {
19
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
20
+ lineNumber: 31,
21
+ columnNumber: 6
22
+ }, this),
23
+ /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("actions"), children: [
24
+ errorCount > 1 ? /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("switcher"), children: [
25
+ /* @__PURE__ */ jsxDevRuntime.jsxDEV("p", { className: componentClassName("errorCount"), children: [
22
26
  "Error ",
23
27
  currentErrorIndex + 1,
24
28
  " of ",
25
29
  errorCount
26
- ] }),
27
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: componentClassName("switcherButtons"), children: [
28
- /* @__PURE__ */ jsxRuntime.jsx("button", { className: componentClassName("switcherButton"), onClick: onPrevious, children: "ᐊ" }),
29
- /* @__PURE__ */ jsxRuntime.jsx("button", { className: componentClassName("switcherButton"), onClick: onNext, children: "ᐅ" })
30
- ] })
31
- ] }) : null,
32
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("close"), children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: componentClassName("closeButton"), onClick: onClose, children: "🗙" }) })
33
- ] })
34
- ] }),
35
- /* @__PURE__ */ jsxRuntime.jsx(DevErrorInner.DevErrorInner, { error: currentError })
36
- ] }) });
30
+ ] }, void 0, true, {
31
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
32
+ lineNumber: 35,
33
+ columnNumber: 9
34
+ }, this),
35
+ /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("switcherButtons"), children: [
36
+ /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { className: componentClassName("switcherButton"), onClick: onPrevious, children: "ᐊ" }, void 0, false, {
37
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
38
+ lineNumber: 39,
39
+ columnNumber: 10
40
+ }, this),
41
+ /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { className: componentClassName("switcherButton"), onClick: onNext, children: "ᐅ" }, void 0, false, {
42
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
43
+ lineNumber: 42,
44
+ columnNumber: 10
45
+ }, this)
46
+ ] }, void 0, true, {
47
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
48
+ lineNumber: 38,
49
+ columnNumber: 9
50
+ }, this)
51
+ ] }, void 0, true, {
52
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
53
+ lineNumber: 34,
54
+ columnNumber: 8
55
+ }, this) : null,
56
+ /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("close"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("button", { className: componentClassName("closeButton"), onClick: onClose, children: "🗙" }, void 0, false, {
57
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
58
+ lineNumber: 49,
59
+ columnNumber: 8
60
+ }, this) }, void 0, false, {
61
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
62
+ lineNumber: 48,
63
+ columnNumber: 7
64
+ }, this)
65
+ ] }, void 0, true, {
66
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
67
+ lineNumber: 32,
68
+ columnNumber: 6
69
+ }, this)
70
+ ] }, void 0, true, {
71
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
72
+ lineNumber: 30,
73
+ columnNumber: 5
74
+ }, this),
75
+ /* @__PURE__ */ jsxDevRuntime.jsxDEV(DevErrorInner.DevErrorInner, { error: currentError }, void 0, false, {
76
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
77
+ lineNumber: 56,
78
+ columnNumber: 5
79
+ }, this)
80
+ ] }, void 0, true, {
81
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
82
+ lineNumber: 29,
83
+ columnNumber: 4
84
+ }, this) }, void 0, false, {
85
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
86
+ lineNumber: 28,
87
+ columnNumber: 3
88
+ }, this);
37
89
  }
38
90
  exports.DevErrorList = DevErrorList;
39
91
  //# sourceMappingURL=DevErrorList.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"DevErrorList.cjs","sources":["../../../../src/ui/DevError/DevErrorList.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { DevErrorInner } from './DevErrorInner'\nimport { ProcessedError } from './types'\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}\n\n\nexport function DevErrorList({\n\tcurrentError,\n\tcurrentErrorIndex,\n\tcurrentErrorSource,\n\terrorCount,\n\tonClose,\n\tonNext,\n\tonPrevious,\n}: DevErrorListProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<div className={componentClassName('in')}>\n\t\t\t\t<div className={componentClassName('bar')}>\n\t\t\t\t\t<div className={componentClassName('errorSource')}>{currentErrorSource}</div>\n\t\t\t\t\t<div className={componentClassName('actions')}>\n\t\t\t\t\t\t{errorCount > 1 ? (\n\t\t\t\t\t\t\t<div className={componentClassName('switcher')}>\n\t\t\t\t\t\t\t\t<p className={componentClassName('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={componentClassName('switcherButtons')}>\n\t\t\t\t\t\t\t\t\t<button className={componentClassName('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={componentClassName('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={componentClassName('close')}>\n\t\t\t\t\t\t\t<button className={componentClassName('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</div>\n\n\t\t\t\t<DevErrorInner error={currentError} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["useClassNameFactory","jsx","jsxs","DevErrorInner"],"mappings":";;;;;AAeO,SAAS,aAAa;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAsB;AACf,QAAA,qBAAqBA,+BAAoB,UAAU;AAGxD,SAAAC,2BAAA,IAAC,OAAI,EAAA,WAAW,mBAAmB,GAClC,0CAAC,OAAI,EAAA,WAAW,mBAAmB,IAAI,GACtC,UAAA;AAAA,IAAAC,2BAAA,KAAC,OAAI,EAAA,WAAW,mBAAmB,KAAK,GACvC,UAAA;AAAA,MAAAD,+BAAC,OAAI,EAAA,WAAW,mBAAmB,aAAa,GAAI,UAAmB,oBAAA;AAAA,MACtEC,2BAAA,KAAA,OAAA,EAAI,WAAW,mBAAmB,SAAS,GAC1C,UAAA;AAAA,QAAA,aAAa,IACZA,2BAAAA,KAAA,OAAA,EAAI,WAAW,mBAAmB,UAAU,GAC5C,UAAA;AAAA,UAAAA,2BAAA,KAAC,KAAE,EAAA,WAAW,mBAAmB,YAAY,GAAG,UAAA;AAAA,YAAA;AAAA,YACxC,oBAAoB;AAAA,YAAE;AAAA,YAAK;AAAA,UAAA,GACnC;AAAA,UACCA,2BAAA,KAAA,OAAA,EAAI,WAAW,mBAAmB,iBAAiB,GACnD,UAAA;AAAA,YAAAD,2BAAAA,IAAC,YAAO,WAAW,mBAAmB,gBAAgB,GAAG,SAAS,YAAY,UAE9E,KAAA;AAAA,YACAA,2BAAAA,IAAC,YAAO,WAAW,mBAAmB,gBAAgB,GAAG,SAAS,QAAQ,UAE1E,KAAA;AAAA,UAAA,GACD;AAAA,QAAA,EAAA,CACD,IACG;AAAA,QACHA,+BAAA,OAAA,EAAI,WAAW,mBAAmB,OAAO,GACzC,UAAAA,2BAAAA,IAAC,UAAO,EAAA,WAAW,mBAAmB,aAAa,GAAG,SAAS,SAAS,eAExE,CAAA,GACD;AAAA,MAAA,GACD;AAAA,IAAA,GACD;AAAA,IAEAA,2BAAAA,IAACE,cAAc,eAAA,EAAA,OAAO,aAAc,CAAA;AAAA,EAAA,EACrC,CAAA,EACD,CAAA;AAEF;;"}
1
+ {"version":3,"file":"DevErrorList.cjs","sources":["../../../../src/ui/DevError/DevErrorList.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { DevErrorInner } from './DevErrorInner'\nimport { ProcessedError } from './types'\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}\n\n\nexport function DevErrorList({\n\tcurrentError,\n\tcurrentErrorIndex,\n\tcurrentErrorSource,\n\terrorCount,\n\tonClose,\n\tonNext,\n\tonPrevious,\n}: DevErrorListProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<div className={componentClassName('in')}>\n\t\t\t\t<div className={componentClassName('bar')}>\n\t\t\t\t\t<div className={componentClassName('errorSource')}>{currentErrorSource}</div>\n\t\t\t\t\t<div className={componentClassName('actions')}>\n\t\t\t\t\t\t{errorCount > 1 ? (\n\t\t\t\t\t\t\t<div className={componentClassName('switcher')}>\n\t\t\t\t\t\t\t\t<p className={componentClassName('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={componentClassName('switcherButtons')}>\n\t\t\t\t\t\t\t\t\t<button className={componentClassName('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={componentClassName('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={componentClassName('close')}>\n\t\t\t\t\t\t\t<button className={componentClassName('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</div>\n\n\t\t\t\t<DevErrorInner error={currentError} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["useClassNameFactory","jsxDEV","DevErrorInner"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsxDEV } from "react/jsx-dev-runtime";
2
2
  import { useClassNameFactory } from "@contember/react-utils";
3
3
  import { DevErrorInner } from "./DevErrorInner.js";
4
4
  function DevErrorList({
@@ -11,27 +11,79 @@ function DevErrorList({
11
11
  onPrevious
12
12
  }) {
13
13
  const componentClassName = useClassNameFactory("devError");
14
- return /* @__PURE__ */ jsx("div", { className: componentClassName(), children: /* @__PURE__ */ jsxs("div", { className: componentClassName("in"), children: [
15
- /* @__PURE__ */ jsxs("div", { className: componentClassName("bar"), children: [
16
- /* @__PURE__ */ jsx("div", { className: componentClassName("errorSource"), children: currentErrorSource }),
17
- /* @__PURE__ */ jsxs("div", { className: componentClassName("actions"), children: [
18
- errorCount > 1 ? /* @__PURE__ */ jsxs("div", { className: componentClassName("switcher"), children: [
19
- /* @__PURE__ */ jsxs("p", { className: componentClassName("errorCount"), children: [
14
+ return /* @__PURE__ */ jsxDEV("div", { className: componentClassName(), children: /* @__PURE__ */ jsxDEV("div", { className: componentClassName("in"), children: [
15
+ /* @__PURE__ */ jsxDEV("div", { className: componentClassName("bar"), children: [
16
+ /* @__PURE__ */ jsxDEV("div", { className: componentClassName("errorSource"), children: currentErrorSource }, void 0, false, {
17
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
18
+ lineNumber: 31,
19
+ columnNumber: 6
20
+ }, this),
21
+ /* @__PURE__ */ jsxDEV("div", { className: componentClassName("actions"), children: [
22
+ errorCount > 1 ? /* @__PURE__ */ jsxDEV("div", { className: componentClassName("switcher"), children: [
23
+ /* @__PURE__ */ jsxDEV("p", { className: componentClassName("errorCount"), children: [
20
24
  "Error ",
21
25
  currentErrorIndex + 1,
22
26
  " of ",
23
27
  errorCount
24
- ] }),
25
- /* @__PURE__ */ jsxs("div", { className: componentClassName("switcherButtons"), children: [
26
- /* @__PURE__ */ jsx("button", { className: componentClassName("switcherButton"), onClick: onPrevious, children: "ᐊ" }),
27
- /* @__PURE__ */ jsx("button", { className: componentClassName("switcherButton"), onClick: onNext, children: "ᐅ" })
28
- ] })
29
- ] }) : null,
30
- /* @__PURE__ */ jsx("div", { className: componentClassName("close"), children: /* @__PURE__ */ jsx("button", { className: componentClassName("closeButton"), onClick: onClose, children: "🗙" }) })
31
- ] })
32
- ] }),
33
- /* @__PURE__ */ jsx(DevErrorInner, { error: currentError })
34
- ] }) });
28
+ ] }, void 0, true, {
29
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
30
+ lineNumber: 35,
31
+ columnNumber: 9
32
+ }, this),
33
+ /* @__PURE__ */ jsxDEV("div", { className: componentClassName("switcherButtons"), children: [
34
+ /* @__PURE__ */ jsxDEV("button", { className: componentClassName("switcherButton"), onClick: onPrevious, children: "ᐊ" }, void 0, false, {
35
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
36
+ lineNumber: 39,
37
+ columnNumber: 10
38
+ }, this),
39
+ /* @__PURE__ */ jsxDEV("button", { className: componentClassName("switcherButton"), onClick: onNext, children: "ᐅ" }, void 0, false, {
40
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
41
+ lineNumber: 42,
42
+ columnNumber: 10
43
+ }, this)
44
+ ] }, void 0, true, {
45
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
46
+ lineNumber: 38,
47
+ columnNumber: 9
48
+ }, this)
49
+ ] }, void 0, true, {
50
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
51
+ lineNumber: 34,
52
+ columnNumber: 8
53
+ }, this) : null,
54
+ /* @__PURE__ */ jsxDEV("div", { className: componentClassName("close"), children: /* @__PURE__ */ jsxDEV("button", { className: componentClassName("closeButton"), onClick: onClose, children: "🗙" }, void 0, false, {
55
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
56
+ lineNumber: 49,
57
+ columnNumber: 8
58
+ }, this) }, void 0, false, {
59
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
60
+ lineNumber: 48,
61
+ columnNumber: 7
62
+ }, this)
63
+ ] }, void 0, true, {
64
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
65
+ lineNumber: 32,
66
+ columnNumber: 6
67
+ }, this)
68
+ ] }, void 0, true, {
69
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
70
+ lineNumber: 30,
71
+ columnNumber: 5
72
+ }, this),
73
+ /* @__PURE__ */ jsxDEV(DevErrorInner, { error: currentError }, void 0, false, {
74
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
75
+ lineNumber: 56,
76
+ columnNumber: 5
77
+ }, this)
78
+ ] }, void 0, true, {
79
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
80
+ lineNumber: 29,
81
+ columnNumber: 4
82
+ }, this) }, void 0, false, {
83
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorList.tsx",
84
+ lineNumber: 28,
85
+ columnNumber: 3
86
+ }, this);
35
87
  }
36
88
  export {
37
89
  DevErrorList
@@ -1 +1 @@
1
- {"version":3,"file":"DevErrorList.js","sources":["../../../../src/ui/DevError/DevErrorList.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { DevErrorInner } from './DevErrorInner'\nimport { ProcessedError } from './types'\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}\n\n\nexport function DevErrorList({\n\tcurrentError,\n\tcurrentErrorIndex,\n\tcurrentErrorSource,\n\terrorCount,\n\tonClose,\n\tonNext,\n\tonPrevious,\n}: DevErrorListProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<div className={componentClassName('in')}>\n\t\t\t\t<div className={componentClassName('bar')}>\n\t\t\t\t\t<div className={componentClassName('errorSource')}>{currentErrorSource}</div>\n\t\t\t\t\t<div className={componentClassName('actions')}>\n\t\t\t\t\t\t{errorCount > 1 ? (\n\t\t\t\t\t\t\t<div className={componentClassName('switcher')}>\n\t\t\t\t\t\t\t\t<p className={componentClassName('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={componentClassName('switcherButtons')}>\n\t\t\t\t\t\t\t\t\t<button className={componentClassName('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={componentClassName('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={componentClassName('close')}>\n\t\t\t\t\t\t\t<button className={componentClassName('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</div>\n\n\t\t\t\t<DevErrorInner error={currentError} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;;AAeO,SAAS,aAAa;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAsB;AACf,QAAA,qBAAqB,oBAAoB,UAAU;AAGxD,SAAA,oBAAC,OAAI,EAAA,WAAW,mBAAmB,GAClC,+BAAC,OAAI,EAAA,WAAW,mBAAmB,IAAI,GACtC,UAAA;AAAA,IAAA,qBAAC,OAAI,EAAA,WAAW,mBAAmB,KAAK,GACvC,UAAA;AAAA,MAAA,oBAAC,OAAI,EAAA,WAAW,mBAAmB,aAAa,GAAI,UAAmB,oBAAA;AAAA,MACtE,qBAAA,OAAA,EAAI,WAAW,mBAAmB,SAAS,GAC1C,UAAA;AAAA,QAAA,aAAa,IACZ,qBAAA,OAAA,EAAI,WAAW,mBAAmB,UAAU,GAC5C,UAAA;AAAA,UAAA,qBAAC,KAAE,EAAA,WAAW,mBAAmB,YAAY,GAAG,UAAA;AAAA,YAAA;AAAA,YACxC,oBAAoB;AAAA,YAAE;AAAA,YAAK;AAAA,UAAA,GACnC;AAAA,UACC,qBAAA,OAAA,EAAI,WAAW,mBAAmB,iBAAiB,GACnD,UAAA;AAAA,YAAA,oBAAC,YAAO,WAAW,mBAAmB,gBAAgB,GAAG,SAAS,YAAY,UAE9E,KAAA;AAAA,YACA,oBAAC,YAAO,WAAW,mBAAmB,gBAAgB,GAAG,SAAS,QAAQ,UAE1E,KAAA;AAAA,UAAA,GACD;AAAA,QAAA,EAAA,CACD,IACG;AAAA,QACH,oBAAA,OAAA,EAAI,WAAW,mBAAmB,OAAO,GACzC,UAAA,oBAAC,UAAO,EAAA,WAAW,mBAAmB,aAAa,GAAG,SAAS,SAAS,eAExE,CAAA,GACD;AAAA,MAAA,GACD;AAAA,IAAA,GACD;AAAA,IAEA,oBAAC,eAAc,EAAA,OAAO,aAAc,CAAA;AAAA,EAAA,EACrC,CAAA,EACD,CAAA;AAEF;"}
1
+ {"version":3,"file":"DevErrorList.js","sources":["../../../../src/ui/DevError/DevErrorList.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { DevErrorInner } from './DevErrorInner'\nimport { ProcessedError } from './types'\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}\n\n\nexport function DevErrorList({\n\tcurrentError,\n\tcurrentErrorIndex,\n\tcurrentErrorSource,\n\terrorCount,\n\tonClose,\n\tonNext,\n\tonPrevious,\n}: DevErrorListProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<div className={componentClassName('in')}>\n\t\t\t\t<div className={componentClassName('bar')}>\n\t\t\t\t\t<div className={componentClassName('errorSource')}>{currentErrorSource}</div>\n\t\t\t\t\t<div className={componentClassName('actions')}>\n\t\t\t\t\t\t{errorCount > 1 ? (\n\t\t\t\t\t\t\t<div className={componentClassName('switcher')}>\n\t\t\t\t\t\t\t\t<p className={componentClassName('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={componentClassName('switcherButtons')}>\n\t\t\t\t\t\t\t\t\t<button className={componentClassName('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={componentClassName('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={componentClassName('close')}>\n\t\t\t\t\t\t\t<button className={componentClassName('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</div>\n\n\t\t\t\t<DevErrorInner error={currentError} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":"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"}
@@ -1,41 +1,84 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
3
+ const jsxDevRuntime = require("react/jsx-dev-runtime");
4
4
  const reactUtils = require("@contember/react-utils");
5
5
  const StackTrace = ({ stackTrace }) => {
6
6
  const componentClassName = reactUtils.useClassNameFactory("devError");
7
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("stack"), children: stackTrace.map((it, index) => /* @__PURE__ */ jsxRuntime.jsx(StackFrame, { stackFrame: it }, index)) });
7
+ return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stack"), children: stackTrace.map((it, index) => /* @__PURE__ */ jsxDevRuntime.jsxDEV(StackFrame, { stackFrame: it }, index, false, {
8
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
9
+ lineNumber: 10,
10
+ columnNumber: 5
11
+ }, void 0)) }, void 0, false, {
12
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
13
+ lineNumber: 8,
14
+ columnNumber: 3
15
+ }, void 0);
8
16
  };
9
17
  const StackFrame = ({ stackFrame }) => {
10
18
  const componentClassName = reactUtils.useClassNameFactory("devError");
11
19
  const line = stackFrame.line;
12
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: componentClassName("stackFrame"), children: [
13
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: componentClassName("stackFrameHeader"), children: [
14
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: componentClassName("stackFrameSource"), children: [
20
+ return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrame"), children: [
21
+ /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrameHeader"), children: [
22
+ /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrameSource"), children: [
15
23
  stackFrame.filename,
16
24
  ":",
17
25
  line
18
- ] }),
19
- stackFrame.callee && /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("stackFrameCallee"), children: stackFrame.callee })
20
- ] }),
21
- line !== void 0 && stackFrame.sourceCodeLines && /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("stackFrameCode"), children: stackFrame.sourceCodeLines.map((it, index) => {
26
+ ] }, void 0, true, {
27
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
28
+ lineNumber: 23,
29
+ columnNumber: 5
30
+ }, void 0),
31
+ stackFrame.callee && /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrameCallee"), children: stackFrame.callee }, void 0, false, {
32
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
33
+ lineNumber: 26,
34
+ columnNumber: 27
35
+ }, void 0)
36
+ ] }, void 0, true, {
37
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
38
+ lineNumber: 22,
39
+ columnNumber: 4
40
+ }, void 0),
41
+ line !== void 0 && stackFrame.sourceCodeLines && /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrameCode"), children: stackFrame.sourceCodeLines.map((it, index) => {
22
42
  const lineNumber = index + 1;
23
43
  if (lineNumber + 5 < line || lineNumber - 3 > line) {
24
44
  return null;
25
45
  }
26
- return /* @__PURE__ */ jsxRuntime.jsxs(
46
+ return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
27
47
  "div",
28
48
  {
29
49
  className: componentClassName("stackFrameLine", lineNumber === line && "is-active"),
30
50
  children: [
31
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("stackFrameLineNumber"), children: lineNumber }),
32
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("stackFrameLineCode"), children: it })
51
+ /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrameLineNumber"), children: lineNumber }, void 0, false, {
52
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
53
+ lineNumber: 40,
54
+ columnNumber: 9
55
+ }, void 0),
56
+ /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stackFrameLineCode"), children: it }, void 0, false, {
57
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
58
+ lineNumber: 41,
59
+ columnNumber: 9
60
+ }, void 0)
33
61
  ]
34
62
  },
35
- lineNumber
63
+ lineNumber,
64
+ true,
65
+ {
66
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
67
+ lineNumber: 36,
68
+ columnNumber: 8
69
+ },
70
+ void 0
36
71
  );
37
- }) })
38
- ] });
72
+ }) }, void 0, false, {
73
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
74
+ lineNumber: 29,
75
+ columnNumber: 5
76
+ }, void 0)
77
+ ] }, void 0, true, {
78
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
79
+ lineNumber: 21,
80
+ columnNumber: 3
81
+ }, void 0);
39
82
  };
40
83
  exports.StackTrace = StackTrace;
41
84
  //# sourceMappingURL=StackTrace.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"StackTrace.cjs","sources":["../../../../src/ui/DevError/StackTrace.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { ParsedStackFrame, ParsedStackTrace } from './types'\n\nexport const StackTrace = ({ stackTrace }: { stackTrace: ParsedStackTrace }) => {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName('stack')}>\n\t\t\t{stackTrace.map((it, index) => (\n\t\t\t\t<StackFrame stackFrame={it} key={index} />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n\nconst StackFrame = ({ stackFrame }: { stackFrame: ParsedStackFrame }) => {\n\tconst componentClassName = useClassNameFactory('devError')\n\tconst line = stackFrame.line\n\n\treturn (\n\t\t<div className={componentClassName('stackFrame')}>\n\t\t\t<div className={componentClassName('stackFrameHeader')}>\n\t\t\t\t<div className={componentClassName('stackFrameSource')}>\n\t\t\t\t\t{stackFrame.filename}:{line}\n\t\t\t\t</div>\n\t\t\t\t{stackFrame.callee && <div className={componentClassName('stackFrameCallee')}>{stackFrame.callee}</div>}\n\t\t\t</div>\n\t\t\t{line !== undefined && stackFrame.sourceCodeLines && (\n\t\t\t\t<div className={componentClassName('stackFrameCode')}>\n\t\t\t\t\t{stackFrame.sourceCodeLines.map((it, index) => {\n\t\t\t\t\t\tconst lineNumber = index + 1\n\t\t\t\t\t\tif (lineNumber + 5 < line || lineNumber - 3 > line) {\n\t\t\t\t\t\t\treturn null\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={componentClassName('stackFrameLine', lineNumber === line && 'is-active')}\n\t\t\t\t\t\t\t\tkey={lineNumber}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className={componentClassName('stackFrameLineNumber')}>{lineNumber}</div>\n\t\t\t\t\t\t\t\t<div className={componentClassName('stackFrameLineCode')}>{it}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],"names":["useClassNameFactory","jsx","jsxs"],"mappings":";;;;AAGO,MAAM,aAAa,CAAC,EAAE,iBAAmD;AACzE,QAAA,qBAAqBA,+BAAoB,UAAU;AAEzD,wCACE,OAAI,EAAA,WAAW,mBAAmB,OAAO,GACxC,UAAW,WAAA,IAAI,CAAC,IAAI,UACnBC,+BAAA,YAAA,EAAW,YAAY,MAAS,KAAO,CACxC,EACF,CAAA;AAEF;AAEA,MAAM,aAAa,CAAC,EAAE,iBAAmD;AAClE,QAAA,qBAAqBD,+BAAoB,UAAU;AACzD,QAAM,OAAO,WAAW;AAExB,SACEE,2BAAAA,KAAA,OAAA,EAAI,WAAW,mBAAmB,YAAY,GAC9C,UAAA;AAAA,IAAAA,2BAAA,KAAC,OAAI,EAAA,WAAW,mBAAmB,kBAAkB,GACpD,UAAA;AAAA,MAAAA,2BAAA,KAAC,OAAI,EAAA,WAAW,mBAAmB,kBAAkB,GACnD,UAAA;AAAA,QAAW,WAAA;AAAA,QAAS;AAAA,QAAE;AAAA,MAAA,GACxB;AAAA,MACC,WAAW,UAAWD,+BAAA,OAAA,EAAI,WAAW,mBAAmB,kBAAkB,GAAI,UAAA,WAAW,OAAO,CAAA;AAAA,IAAA,GAClG;AAAA,IACC,SAAS,UAAa,WAAW,kDAChC,OAAI,EAAA,WAAW,mBAAmB,gBAAgB,GACjD,UAAW,WAAA,gBAAgB,IAAI,CAAC,IAAI,UAAU;AAC9C,YAAM,aAAa,QAAQ;AAC3B,UAAI,aAAa,IAAI,QAAQ,aAAa,IAAI,MAAM;AAC5C,eAAA;AAAA,MACR;AAEC,aAAAC,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAW,mBAAmB,kBAAkB,eAAe,QAAQ,WAAW;AAAA,UAGlF,UAAA;AAAA,YAAAD,+BAAC,OAAI,EAAA,WAAW,mBAAmB,sBAAsB,GAAI,UAAW,YAAA;AAAA,2CACvE,OAAI,EAAA,WAAW,mBAAmB,oBAAoB,GAAI,UAAG,IAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAHzD;AAAA,MAAA;AAAA,IAMP,CAAA,GACF;AAAA,EAEF,EAAA,CAAA;AAEF;;"}
1
+ {"version":3,"file":"StackTrace.cjs","sources":["../../../../src/ui/DevError/StackTrace.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { ParsedStackFrame, ParsedStackTrace } from './types'\n\nexport const StackTrace = ({ stackTrace }: { stackTrace: ParsedStackTrace }) => {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName('stack')}>\n\t\t\t{stackTrace.map((it, index) => (\n\t\t\t\t<StackFrame stackFrame={it} key={index} />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n\nconst StackFrame = ({ stackFrame }: { stackFrame: ParsedStackFrame }) => {\n\tconst componentClassName = useClassNameFactory('devError')\n\tconst line = stackFrame.line\n\n\treturn (\n\t\t<div className={componentClassName('stackFrame')}>\n\t\t\t<div className={componentClassName('stackFrameHeader')}>\n\t\t\t\t<div className={componentClassName('stackFrameSource')}>\n\t\t\t\t\t{stackFrame.filename}:{line}\n\t\t\t\t</div>\n\t\t\t\t{stackFrame.callee && <div className={componentClassName('stackFrameCallee')}>{stackFrame.callee}</div>}\n\t\t\t</div>\n\t\t\t{line !== undefined && stackFrame.sourceCodeLines && (\n\t\t\t\t<div className={componentClassName('stackFrameCode')}>\n\t\t\t\t\t{stackFrame.sourceCodeLines.map((it, index) => {\n\t\t\t\t\t\tconst lineNumber = index + 1\n\t\t\t\t\t\tif (lineNumber + 5 < line || lineNumber - 3 > line) {\n\t\t\t\t\t\t\treturn null\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={componentClassName('stackFrameLine', lineNumber === line && 'is-active')}\n\t\t\t\t\t\t\t\tkey={lineNumber}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className={componentClassName('stackFrameLineNumber')}>{lineNumber}</div>\n\t\t\t\t\t\t\t\t<div className={componentClassName('stackFrameLineCode')}>{it}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],"names":["useClassNameFactory","jsxDEV","this"],"mappings":";;;;AAGO,MAAM,aAAa,CAAC,EAAE,iBAAmD;AACzE,QAAA,qBAAqBA,+BAAoB,UAAU;AAEzD,SACEC,8BAAA,OAAA,OAAA,EAAI,WAAW,mBAAmB,OAAO,GACxC,UAAA,WAAW,IAAI,CAAC,IAAI,UACpBA,8BAAAA,OAAC,YAAW,EAAA,YAAY,MAAS,OAAjC,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAC,MAAwC,CACxC,EAHF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAIA,GAAAA,MAAA;AAEF;AAEA,MAAM,aAAa,CAAC,EAAE,iBAAmD;AAClE,QAAA,qBAAqBF,+BAAoB,UAAU;AACzD,QAAM,OAAO,WAAW;AAExB,SACEC,8BAAAA,OAAA,OAAA,EAAI,WAAW,mBAAmB,YAAY,GAC9C,UAAA;AAAA,IAAAA,8BAAA,OAAC,OAAI,EAAA,WAAW,mBAAmB,kBAAkB,GACpD,UAAA;AAAA,MAAAA,8BAAA,OAAC,OAAI,EAAA,WAAW,mBAAmB,kBAAkB,GACnD,UAAA;AAAA,QAAW,WAAA;AAAA,QAAS;AAAA,QAAE;AAAA,MAAA,KADxB,QAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAEA,GAAAC,MAAA;AAAA,MACC,WAAW,UAAWD,8BAAAA,OAAA,OAAA,EAAI,WAAW,mBAAmB,kBAAkB,GAAI,UAAA,WAAW,OAApE,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAA2E,GAAAC,MAAA;AAAA,IAAA,KAJlG,QAAA,MAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAKA,GAAAA,MAAA;AAAA,IACC,SAAS,UAAa,WAAW,wDAChC,OAAI,EAAA,WAAW,mBAAmB,gBAAgB,GACjD,UAAW,WAAA,gBAAgB,IAAI,CAAC,IAAI,UAAU;AAC9C,YAAM,aAAa,QAAQ;AAC3B,UAAI,aAAa,IAAI,QAAQ,aAAa,IAAI,MAAM;AAC5C,eAAA;AAAA,MACR;AAEC,aAAAD,8BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAW,mBAAmB,kBAAkB,eAAe,QAAQ,WAAW;AAAA,UAGlF,UAAA;AAAA,YAAAA,8BAAAA,OAAC,OAAI,EAAA,WAAW,mBAAmB,sBAAsB,GAAI,UAA7D,WAAA,GAAA,QAAA,OAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAwE,GAAAC,MAAA;AAAA,iDACvE,OAAI,EAAA,WAAW,mBAAmB,oBAAoB,GAAI,UAA3D,GAAA,GAAA,QAAA,OAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAA8D,GAAAA,MAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAHzD;AAAA,QAFN;AAAA,QAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA;AAAA,QAAAA;AAAAA,MAAA;AAAA,IAMA,CAED,EAfF,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAgBA,GAAAA,MAAA;AAAA,EAAA,KAxBF,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EA0BA,GAAAA,MAAA;AAEF;;"}
@@ -1,39 +1,82 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsxDEV } from "react/jsx-dev-runtime";
2
2
  import { useClassNameFactory } from "@contember/react-utils";
3
3
  const StackTrace = ({ stackTrace }) => {
4
4
  const componentClassName = useClassNameFactory("devError");
5
- return /* @__PURE__ */ jsx("div", { className: componentClassName("stack"), children: stackTrace.map((it, index) => /* @__PURE__ */ jsx(StackFrame, { stackFrame: it }, index)) });
5
+ return /* @__PURE__ */ jsxDEV("div", { className: componentClassName("stack"), children: stackTrace.map((it, index) => /* @__PURE__ */ jsxDEV(StackFrame, { stackFrame: it }, index, false, {
6
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
7
+ lineNumber: 10,
8
+ columnNumber: 5
9
+ }, void 0)) }, void 0, false, {
10
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
11
+ lineNumber: 8,
12
+ columnNumber: 3
13
+ }, void 0);
6
14
  };
7
15
  const StackFrame = ({ stackFrame }) => {
8
16
  const componentClassName = useClassNameFactory("devError");
9
17
  const line = stackFrame.line;
10
- return /* @__PURE__ */ jsxs("div", { className: componentClassName("stackFrame"), children: [
11
- /* @__PURE__ */ jsxs("div", { className: componentClassName("stackFrameHeader"), children: [
12
- /* @__PURE__ */ jsxs("div", { className: componentClassName("stackFrameSource"), children: [
18
+ return /* @__PURE__ */ jsxDEV("div", { className: componentClassName("stackFrame"), children: [
19
+ /* @__PURE__ */ jsxDEV("div", { className: componentClassName("stackFrameHeader"), children: [
20
+ /* @__PURE__ */ jsxDEV("div", { className: componentClassName("stackFrameSource"), children: [
13
21
  stackFrame.filename,
14
22
  ":",
15
23
  line
16
- ] }),
17
- stackFrame.callee && /* @__PURE__ */ jsx("div", { className: componentClassName("stackFrameCallee"), children: stackFrame.callee })
18
- ] }),
19
- line !== void 0 && stackFrame.sourceCodeLines && /* @__PURE__ */ jsx("div", { className: componentClassName("stackFrameCode"), children: stackFrame.sourceCodeLines.map((it, index) => {
24
+ ] }, void 0, true, {
25
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
26
+ lineNumber: 23,
27
+ columnNumber: 5
28
+ }, void 0),
29
+ stackFrame.callee && /* @__PURE__ */ jsxDEV("div", { className: componentClassName("stackFrameCallee"), children: stackFrame.callee }, void 0, false, {
30
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
31
+ lineNumber: 26,
32
+ columnNumber: 27
33
+ }, void 0)
34
+ ] }, void 0, true, {
35
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
36
+ lineNumber: 22,
37
+ columnNumber: 4
38
+ }, void 0),
39
+ line !== void 0 && stackFrame.sourceCodeLines && /* @__PURE__ */ jsxDEV("div", { className: componentClassName("stackFrameCode"), children: stackFrame.sourceCodeLines.map((it, index) => {
20
40
  const lineNumber = index + 1;
21
41
  if (lineNumber + 5 < line || lineNumber - 3 > line) {
22
42
  return null;
23
43
  }
24
- return /* @__PURE__ */ jsxs(
44
+ return /* @__PURE__ */ jsxDEV(
25
45
  "div",
26
46
  {
27
47
  className: componentClassName("stackFrameLine", lineNumber === line && "is-active"),
28
48
  children: [
29
- /* @__PURE__ */ jsx("div", { className: componentClassName("stackFrameLineNumber"), children: lineNumber }),
30
- /* @__PURE__ */ jsx("div", { className: componentClassName("stackFrameLineCode"), children: it })
49
+ /* @__PURE__ */ jsxDEV("div", { className: componentClassName("stackFrameLineNumber"), children: lineNumber }, void 0, false, {
50
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
51
+ lineNumber: 40,
52
+ columnNumber: 9
53
+ }, void 0),
54
+ /* @__PURE__ */ jsxDEV("div", { className: componentClassName("stackFrameLineCode"), children: it }, void 0, false, {
55
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
56
+ lineNumber: 41,
57
+ columnNumber: 9
58
+ }, void 0)
31
59
  ]
32
60
  },
33
- lineNumber
61
+ lineNumber,
62
+ true,
63
+ {
64
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
65
+ lineNumber: 36,
66
+ columnNumber: 8
67
+ },
68
+ void 0
34
69
  );
35
- }) })
36
- ] });
70
+ }) }, void 0, false, {
71
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
72
+ lineNumber: 29,
73
+ columnNumber: 5
74
+ }, void 0)
75
+ ] }, void 0, true, {
76
+ fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/StackTrace.tsx",
77
+ lineNumber: 21,
78
+ columnNumber: 3
79
+ }, void 0);
37
80
  };
38
81
  export {
39
82
  StackTrace
@@ -1 +1 @@
1
- {"version":3,"file":"StackTrace.js","sources":["../../../../src/ui/DevError/StackTrace.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { ParsedStackFrame, ParsedStackTrace } from './types'\n\nexport const StackTrace = ({ stackTrace }: { stackTrace: ParsedStackTrace }) => {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName('stack')}>\n\t\t\t{stackTrace.map((it, index) => (\n\t\t\t\t<StackFrame stackFrame={it} key={index} />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n\nconst StackFrame = ({ stackFrame }: { stackFrame: ParsedStackFrame }) => {\n\tconst componentClassName = useClassNameFactory('devError')\n\tconst line = stackFrame.line\n\n\treturn (\n\t\t<div className={componentClassName('stackFrame')}>\n\t\t\t<div className={componentClassName('stackFrameHeader')}>\n\t\t\t\t<div className={componentClassName('stackFrameSource')}>\n\t\t\t\t\t{stackFrame.filename}:{line}\n\t\t\t\t</div>\n\t\t\t\t{stackFrame.callee && <div className={componentClassName('stackFrameCallee')}>{stackFrame.callee}</div>}\n\t\t\t</div>\n\t\t\t{line !== undefined && stackFrame.sourceCodeLines && (\n\t\t\t\t<div className={componentClassName('stackFrameCode')}>\n\t\t\t\t\t{stackFrame.sourceCodeLines.map((it, index) => {\n\t\t\t\t\t\tconst lineNumber = index + 1\n\t\t\t\t\t\tif (lineNumber + 5 < line || lineNumber - 3 > line) {\n\t\t\t\t\t\t\treturn null\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={componentClassName('stackFrameLine', lineNumber === line && 'is-active')}\n\t\t\t\t\t\t\t\tkey={lineNumber}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className={componentClassName('stackFrameLineNumber')}>{lineNumber}</div>\n\t\t\t\t\t\t\t\t<div className={componentClassName('stackFrameLineCode')}>{it}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;AAGO,MAAM,aAAa,CAAC,EAAE,iBAAmD;AACzE,QAAA,qBAAqB,oBAAoB,UAAU;AAEzD,6BACE,OAAI,EAAA,WAAW,mBAAmB,OAAO,GACxC,UAAW,WAAA,IAAI,CAAC,IAAI,UACnB,oBAAA,YAAA,EAAW,YAAY,MAAS,KAAO,CACxC,EACF,CAAA;AAEF;AAEA,MAAM,aAAa,CAAC,EAAE,iBAAmD;AAClE,QAAA,qBAAqB,oBAAoB,UAAU;AACzD,QAAM,OAAO,WAAW;AAExB,SACE,qBAAA,OAAA,EAAI,WAAW,mBAAmB,YAAY,GAC9C,UAAA;AAAA,IAAA,qBAAC,OAAI,EAAA,WAAW,mBAAmB,kBAAkB,GACpD,UAAA;AAAA,MAAA,qBAAC,OAAI,EAAA,WAAW,mBAAmB,kBAAkB,GACnD,UAAA;AAAA,QAAW,WAAA;AAAA,QAAS;AAAA,QAAE;AAAA,MAAA,GACxB;AAAA,MACC,WAAW,UAAW,oBAAA,OAAA,EAAI,WAAW,mBAAmB,kBAAkB,GAAI,UAAA,WAAW,OAAO,CAAA;AAAA,IAAA,GAClG;AAAA,IACC,SAAS,UAAa,WAAW,uCAChC,OAAI,EAAA,WAAW,mBAAmB,gBAAgB,GACjD,UAAW,WAAA,gBAAgB,IAAI,CAAC,IAAI,UAAU;AAC9C,YAAM,aAAa,QAAQ;AAC3B,UAAI,aAAa,IAAI,QAAQ,aAAa,IAAI,MAAM;AAC5C,eAAA;AAAA,MACR;AAEC,aAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAW,mBAAmB,kBAAkB,eAAe,QAAQ,WAAW;AAAA,UAGlF,UAAA;AAAA,YAAA,oBAAC,OAAI,EAAA,WAAW,mBAAmB,sBAAsB,GAAI,UAAW,YAAA;AAAA,gCACvE,OAAI,EAAA,WAAW,mBAAmB,oBAAoB,GAAI,UAAG,IAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAHzD;AAAA,MAAA;AAAA,IAMP,CAAA,GACF;AAAA,EAEF,EAAA,CAAA;AAEF;"}
1
+ {"version":3,"file":"StackTrace.js","sources":["../../../../src/ui/DevError/StackTrace.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { ParsedStackFrame, ParsedStackTrace } from './types'\n\nexport const StackTrace = ({ stackTrace }: { stackTrace: ParsedStackTrace }) => {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName('stack')}>\n\t\t\t{stackTrace.map((it, index) => (\n\t\t\t\t<StackFrame stackFrame={it} key={index} />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n\nconst StackFrame = ({ stackFrame }: { stackFrame: ParsedStackFrame }) => {\n\tconst componentClassName = useClassNameFactory('devError')\n\tconst line = stackFrame.line\n\n\treturn (\n\t\t<div className={componentClassName('stackFrame')}>\n\t\t\t<div className={componentClassName('stackFrameHeader')}>\n\t\t\t\t<div className={componentClassName('stackFrameSource')}>\n\t\t\t\t\t{stackFrame.filename}:{line}\n\t\t\t\t</div>\n\t\t\t\t{stackFrame.callee && <div className={componentClassName('stackFrameCallee')}>{stackFrame.callee}</div>}\n\t\t\t</div>\n\t\t\t{line !== undefined && stackFrame.sourceCodeLines && (\n\t\t\t\t<div className={componentClassName('stackFrameCode')}>\n\t\t\t\t\t{stackFrame.sourceCodeLines.map((it, index) => {\n\t\t\t\t\t\tconst lineNumber = index + 1\n\t\t\t\t\t\tif (lineNumber + 5 < line || lineNumber - 3 > line) {\n\t\t\t\t\t\t\treturn null\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={componentClassName('stackFrameLine', lineNumber === line && 'is-active')}\n\t\t\t\t\t\t\t\tkey={lineNumber}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className={componentClassName('stackFrameLineNumber')}>{lineNumber}</div>\n\t\t\t\t\t\t\t\t<div className={componentClassName('stackFrameLineCode')}>{it}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],"names":["this"],"mappings":";;AAGO,MAAM,aAAa,CAAC,EAAE,iBAAmD;AACzE,QAAA,qBAAqB,oBAAoB,UAAU;AAEzD,SACE,uBAAA,OAAA,EAAI,WAAW,mBAAmB,OAAO,GACxC,UAAA,WAAW,IAAI,CAAC,IAAI,UACpB,uBAAC,YAAW,EAAA,YAAY,MAAS,OAAjC,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAAA,MAAwC,CACxC,EAHF,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAIA,GAAAA,MAAA;AAEF;AAEA,MAAM,aAAa,CAAC,EAAE,iBAAmD;AAClE,QAAA,qBAAqB,oBAAoB,UAAU;AACzD,QAAM,OAAO,WAAW;AAExB,SACE,uBAAA,OAAA,EAAI,WAAW,mBAAmB,YAAY,GAC9C,UAAA;AAAA,IAAA,uBAAC,OAAI,EAAA,WAAW,mBAAmB,kBAAkB,GACpD,UAAA;AAAA,MAAA,uBAAC,OAAI,EAAA,WAAW,mBAAmB,kBAAkB,GACnD,UAAA;AAAA,QAAW,WAAA;AAAA,QAAS;AAAA,QAAE;AAAA,MAAA,KADxB,QAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAEA,GAAAA,MAAA;AAAA,MACC,WAAW,UAAW,uBAAA,OAAA,EAAI,WAAW,mBAAmB,kBAAkB,GAAI,UAAA,WAAW,OAApE,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAA2E,GAAAA,MAAA;AAAA,IAAA,KAJlG,QAAA,MAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAKA,GAAAA,MAAA;AAAA,IACC,SAAS,UAAa,WAAW,0CAChC,OAAI,EAAA,WAAW,mBAAmB,gBAAgB,GACjD,UAAW,WAAA,gBAAgB,IAAI,CAAC,IAAI,UAAU;AAC9C,YAAM,aAAa,QAAQ;AAC3B,UAAI,aAAa,IAAI,QAAQ,aAAa,IAAI,MAAM;AAC5C,eAAA;AAAA,MACR;AAEC,aAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAW,mBAAmB,kBAAkB,eAAe,QAAQ,WAAW;AAAA,UAGlF,UAAA;AAAA,YAAA,uBAAC,OAAI,EAAA,WAAW,mBAAmB,sBAAsB,GAAI,UAA7D,WAAA,GAAA,QAAA,OAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAAwE,GAAAA,MAAA;AAAA,mCACvE,OAAI,EAAA,WAAW,mBAAmB,oBAAoB,GAAI,UAA3D,GAAA,GAAA,QAAA,OAAA;AAAA,cAAA,UAAA;AAAA,cAAA,YAAA;AAAA,cAAA,cAAA;AAAA,YAA8D,GAAAA,MAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAHzD;AAAA,QAFN;AAAA,QAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA;AAAA,QAAAA;AAAAA,MAAA;AAAA,IAMA,CAED,EAfF,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAgBA,GAAAA,MAAA;AAAA,EAAA,KAxBF,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EA0BA,GAAAA,MAAA;AAEF;"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@contember/react-devbar",
3
3
  "license": "Apache-2.0",
4
- "version": "1.3.0-alpha.15",
4
+ "version": "1.3.0-alpha.17",
5
5
  "type": "module",
6
6
  "sideEffects": false,
7
7
  "main": "./dist/production/index.js",
@@ -33,7 +33,7 @@
33
33
  "typings": "./dist/types/index.d.ts",
34
34
  "scripts": {
35
35
  "build": "yarn build:js:dev && yarn build:js:prod && yarn build:css",
36
- "build:js:dev": "vite build --mode development",
36
+ "build:js:dev": "NODE_ENV=development vite build --mode development",
37
37
  "build:js:prod": "vite build --mode production",
38
38
  "build:css": "vite build --config vite.config.css.js",
39
39
  "ae:build": "api-extractor run --local",
@@ -46,8 +46,8 @@
46
46
  "directory": "packages/react-devbar"
47
47
  },
48
48
  "dependencies": {
49
- "@contember/react-utils": "1.3.0-alpha.15",
50
- "@contember/utilities": "1.3.0-alpha.15",
49
+ "@contember/react-utils": "1.3.0-alpha.17",
50
+ "@contember/utilities": "1.3.0-alpha.17",
51
51
  "buffer": "6.0.3"
52
52
  },
53
53
  "peerDependencies": {