@contember/react-devbar 1.3.0-rc.3 → 2.0.0-alpha.10

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 (149) hide show
  1. package/api-extractor.json +3 -0
  2. package/dist/development/index.cjs +6 -6
  3. package/dist/development/index.js +6 -6
  4. package/dist/development/{DevErrorManager.cjs → src/DevErrorManager.cjs} +10 -13
  5. package/dist/development/src/DevErrorManager.cjs.map +1 -0
  6. package/dist/development/{DevErrorManager.js → src/DevErrorManager.js} +5 -8
  7. package/dist/development/src/DevErrorManager.js.map +1 -0
  8. package/dist/development/{errorHandling.cjs → src/errorHandling.cjs} +1 -1
  9. package/dist/development/src/errorHandling.cjs.map +1 -0
  10. package/dist/development/{errorHandling.js → src/errorHandling.js} +2 -2
  11. package/dist/development/src/errorHandling.js.map +1 -0
  12. package/dist/development/{hooks → src/hooks}/useParsedStacktrace.cjs +3 -3
  13. package/dist/development/src/hooks/useParsedStacktrace.cjs.map +1 -0
  14. package/dist/development/src/hooks/useParsedStacktrace.js.map +1 -0
  15. package/dist/development/{ui → src/ui}/DevBar/DevBar.cjs +31 -32
  16. package/dist/development/src/ui/DevBar/DevBar.cjs.map +1 -0
  17. package/dist/development/{ui → src/ui}/DevBar/DevBar.js +24 -25
  18. package/dist/development/src/ui/DevBar/DevBar.js.map +1 -0
  19. package/dist/development/src/ui/DevError/DevError.cjs +33 -0
  20. package/dist/development/src/ui/DevError/DevError.cjs.map +1 -0
  21. package/dist/development/src/ui/DevError/DevError.js +33 -0
  22. package/dist/development/src/ui/DevError/DevError.js.map +1 -0
  23. package/dist/development/{ui → src/ui}/DevError/DevErrorBadge.cjs +6 -7
  24. package/dist/development/src/ui/DevError/DevErrorBadge.cjs.map +1 -0
  25. package/dist/development/src/ui/DevError/DevErrorBadge.js +21 -0
  26. package/dist/development/src/ui/DevError/DevErrorBadge.js.map +1 -0
  27. package/dist/development/src/ui/DevError/DevErrorInner.cjs +79 -0
  28. package/dist/development/src/ui/DevError/DevErrorInner.cjs.map +1 -0
  29. package/dist/development/src/ui/DevError/DevErrorInner.js +79 -0
  30. package/dist/development/src/ui/DevError/DevErrorInner.js.map +1 -0
  31. package/dist/development/src/ui/DevError/DevErrorList.cjs +90 -0
  32. package/dist/development/src/ui/DevError/DevErrorList.cjs.map +1 -0
  33. package/dist/development/src/ui/DevError/DevErrorList.js +90 -0
  34. package/dist/development/src/ui/DevError/DevErrorList.js.map +1 -0
  35. package/dist/development/src/ui/DevError/StackTrace.cjs +82 -0
  36. package/dist/development/src/ui/DevError/StackTrace.cjs.map +1 -0
  37. package/dist/development/src/ui/DevError/StackTrace.js +82 -0
  38. package/dist/development/src/ui/DevError/StackTrace.js.map +1 -0
  39. package/dist/production/index.cjs +6 -6
  40. package/dist/production/index.js +6 -6
  41. package/dist/production/{errorHandling.cjs → src/errorHandling.cjs} +1 -0
  42. package/dist/production/src/errorHandling.cjs.map +1 -0
  43. package/dist/production/{errorHandling.js → src/errorHandling.js} +1 -0
  44. package/dist/production/src/errorHandling.js.map +1 -0
  45. package/dist/production/{hooks → src/hooks}/useParsedStacktrace.cjs +3 -3
  46. package/dist/production/src/hooks/useParsedStacktrace.cjs.map +1 -0
  47. package/dist/production/src/hooks/useParsedStacktrace.js.map +1 -0
  48. package/dist/production/{ui → src/ui}/DevBar/DevBar.cjs +10 -11
  49. package/dist/production/src/ui/DevBar/DevBar.cjs.map +1 -0
  50. package/dist/production/{ui → src/ui}/DevBar/DevBar.js +3 -4
  51. package/dist/production/src/ui/DevBar/DevBar.js.map +1 -0
  52. package/dist/production/src/ui/DevError/DevError.cjs +13 -0
  53. package/dist/production/src/ui/DevError/DevError.cjs.map +1 -0
  54. package/dist/production/src/ui/DevError/DevError.js +13 -0
  55. package/dist/production/src/ui/DevError/DevError.js.map +1 -0
  56. package/dist/production/{ui → src/ui}/DevError/DevErrorBadge.cjs +2 -3
  57. package/dist/production/src/ui/DevError/DevErrorBadge.cjs.map +1 -0
  58. package/dist/production/src/ui/DevError/DevErrorBadge.js +13 -0
  59. package/dist/production/src/ui/DevError/DevErrorBadge.js.map +1 -0
  60. package/dist/production/src/ui/DevError/DevErrorInner.cjs +23 -0
  61. package/dist/production/src/ui/DevError/DevErrorInner.cjs.map +1 -0
  62. package/dist/production/src/ui/DevError/DevErrorInner.js +23 -0
  63. package/dist/production/src/ui/DevError/DevErrorInner.js.map +1 -0
  64. package/dist/production/src/ui/DevError/DevErrorList.cjs +38 -0
  65. package/dist/production/src/ui/DevError/DevErrorList.cjs.map +1 -0
  66. package/dist/production/src/ui/DevError/DevErrorList.js +38 -0
  67. package/dist/production/src/ui/DevError/DevErrorList.js.map +1 -0
  68. package/dist/production/src/ui/DevError/StackTrace.cjs +39 -0
  69. package/dist/production/src/ui/DevError/StackTrace.cjs.map +1 -0
  70. package/dist/production/src/ui/DevError/StackTrace.js +39 -0
  71. package/dist/production/src/ui/DevError/StackTrace.js.map +1 -0
  72. package/dist/types/tsconfig.tsbuildinfo +1 -1
  73. package/dist/types/ui/DevBar/DevBar.d.ts.map +1 -1
  74. package/dist/types/ui/DevError/DevError.d.ts.map +1 -1
  75. package/dist/types/ui/DevError/DevErrorBadge.d.ts.map +1 -1
  76. package/dist/types/ui/DevError/DevErrorInner.d.ts.map +1 -1
  77. package/dist/types/ui/DevError/DevErrorList.d.ts.map +1 -1
  78. package/dist/types/ui/DevError/StackTrace.d.ts.map +1 -1
  79. package/package.json +7 -18
  80. package/src/DevErrorManager.tsx +4 -4
  81. package/src/index.css +385 -2
  82. package/src/tsconfig.json +5 -2
  83. package/src/ui/DevBar/DevBar.tsx +9 -10
  84. package/src/ui/DevError/DevError.tsx +6 -6
  85. package/src/ui/DevError/DevErrorBadge.tsx +5 -6
  86. package/src/ui/DevError/DevErrorInner.tsx +12 -11
  87. package/src/ui/DevError/DevErrorList.tsx +13 -15
  88. package/src/ui/DevError/StackTrace.tsx +11 -13
  89. package/tsconfig.json +7 -0
  90. package/tsdoc.json +6 -0
  91. package/dist/assets/index.css +0 -377
  92. package/dist/development/DevErrorManager.cjs.map +0 -1
  93. package/dist/development/DevErrorManager.js.map +0 -1
  94. package/dist/development/errorHandling.cjs.map +0 -1
  95. package/dist/development/errorHandling.js.map +0 -1
  96. package/dist/development/hooks/useParsedStacktrace.cjs.map +0 -1
  97. package/dist/development/hooks/useParsedStacktrace.js.map +0 -1
  98. package/dist/development/ui/DevBar/DevBar.cjs.map +0 -1
  99. package/dist/development/ui/DevBar/DevBar.js.map +0 -1
  100. package/dist/development/ui/DevError/DevError.cjs +0 -34
  101. package/dist/development/ui/DevError/DevError.cjs.map +0 -1
  102. package/dist/development/ui/DevError/DevError.js +0 -34
  103. package/dist/development/ui/DevError/DevError.js.map +0 -1
  104. package/dist/development/ui/DevError/DevErrorBadge.cjs.map +0 -1
  105. package/dist/development/ui/DevError/DevErrorBadge.js +0 -22
  106. package/dist/development/ui/DevError/DevErrorBadge.js.map +0 -1
  107. package/dist/development/ui/DevError/DevErrorInner.cjs +0 -80
  108. package/dist/development/ui/DevError/DevErrorInner.cjs.map +0 -1
  109. package/dist/development/ui/DevError/DevErrorInner.js +0 -80
  110. package/dist/development/ui/DevError/DevErrorInner.js.map +0 -1
  111. package/dist/development/ui/DevError/DevErrorList.cjs +0 -91
  112. package/dist/development/ui/DevError/DevErrorList.cjs.map +0 -1
  113. package/dist/development/ui/DevError/DevErrorList.js +0 -91
  114. package/dist/development/ui/DevError/DevErrorList.js.map +0 -1
  115. package/dist/development/ui/DevError/StackTrace.cjs +0 -84
  116. package/dist/development/ui/DevError/StackTrace.cjs.map +0 -1
  117. package/dist/development/ui/DevError/StackTrace.js +0 -84
  118. package/dist/development/ui/DevError/StackTrace.js.map +0 -1
  119. package/dist/production/errorHandling.cjs.map +0 -1
  120. package/dist/production/errorHandling.js.map +0 -1
  121. package/dist/production/hooks/useParsedStacktrace.cjs.map +0 -1
  122. package/dist/production/hooks/useParsedStacktrace.js.map +0 -1
  123. package/dist/production/ui/DevBar/DevBar.cjs.map +0 -1
  124. package/dist/production/ui/DevBar/DevBar.js.map +0 -1
  125. package/dist/production/ui/DevError/DevError.cjs +0 -14
  126. package/dist/production/ui/DevError/DevError.cjs.map +0 -1
  127. package/dist/production/ui/DevError/DevError.js +0 -14
  128. package/dist/production/ui/DevError/DevError.js.map +0 -1
  129. package/dist/production/ui/DevError/DevErrorBadge.cjs.map +0 -1
  130. package/dist/production/ui/DevError/DevErrorBadge.js +0 -14
  131. package/dist/production/ui/DevError/DevErrorBadge.js.map +0 -1
  132. package/dist/production/ui/DevError/DevErrorInner.cjs +0 -24
  133. package/dist/production/ui/DevError/DevErrorInner.cjs.map +0 -1
  134. package/dist/production/ui/DevError/DevErrorInner.js +0 -24
  135. package/dist/production/ui/DevError/DevErrorInner.js.map +0 -1
  136. package/dist/production/ui/DevError/DevErrorList.cjs +0 -39
  137. package/dist/production/ui/DevError/DevErrorList.cjs.map +0 -1
  138. package/dist/production/ui/DevError/DevErrorList.js +0 -39
  139. package/dist/production/ui/DevError/DevErrorList.js.map +0 -1
  140. package/dist/production/ui/DevError/StackTrace.cjs +0 -41
  141. package/dist/production/ui/DevError/StackTrace.cjs.map +0 -1
  142. package/dist/production/ui/DevError/StackTrace.js +0 -41
  143. package/dist/production/ui/DevError/StackTrace.js.map +0 -1
  144. package/src/ui/DevBar/index.css +0 -171
  145. package/src/ui/DevError/DevError.css +0 -191
  146. package/src/ui/DevError/DevErrorBadge.css +0 -16
  147. package/src/ui/DevError/index.css +0 -2
  148. /package/dist/development/{hooks → src/hooks}/useParsedStacktrace.js +0 -0
  149. /package/dist/production/{hooks → src/hooks}/useParsedStacktrace.js +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevBar.cjs","sources":["../../../../src/ui/DevBar/DevBar.tsx"],"sourcesContent":["import {\n\tuseClassNameFactory,\n\tuseId,\n\tuseOnElementClickOutsideCallback,\n\tuseOnElementMouseEnterDelayedCallback,\n\tuseReferentiallyStableCallback,\n\tuseWindowSize,\n} from '@contember/react-utils'\nimport { dataAttribute } from '@contember/utilities'\nimport { PropsWithChildren, ReactNode, useEffect, useRef, useState } from 'react'\n\nexport const DevBar = ({\n\tbreakpoint = 768,\n\tchildren,\n\tbrand,\n}: PropsWithChildren<{\n\tbrand?: ReactNode;\n\tbreakpoint?: number;\n}>) => {\n\tconst className = useClassNameFactory('devBar')\n\tconst [expanded, setExpanded] = useState(true)\n\tconst isSmallScreen = useWindowSize().width < breakpoint\n\tconst toggleButtonRef = useRef<HTMLButtonElement>(null)\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\tif (expanded) {\n\t\t\t\t\tsetExpanded(false)\n\t\t\t\t\ttoggleButtonRef.current?.blur()\n\t\t\t\t} else {\n\t\t\t\t\tif (toggleButtonRef.current !== document.activeElement) {\n\t\t\t\t\t\ttoggleButtonRef.current?.focus()\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttoggleButtonRef.current?.blur()\n\t\t\t\t\t}\n\t\t\t\t}\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\ttoggleButtonRef.current?.blur()\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\n\t\t\tdata-overrides-lucide-icons\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tdata-small-screen={dataAttribute(isSmallScreen)}\n\t\t\tclassName={className(null)}\n\t\t\tonKeyDown={event => {\n\t\t\t\tif (event.code === 'Escape') {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\n\t\t\t\t\tif (expanded) {\n\t\t\t\t\t\tsetExpanded(false)\n\t\t\t\t\t} else if (document.activeElement && document.activeElement instanceof HTMLElement) {\n\t\t\t\t\t\tdocument.activeElement.blur()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<style>{`svg { pointer-events: none }`}</style>\n\t\t\t<div ref={devBarContentRef} className={className('content')}>\n\t\t\t\t<div\n\t\t\t\t\tdata-expanded={dataAttribute(expanded)}\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('brand')}>\n\t\t\t\t\t\t{brand}\n\n\t\t\t\t\t</div>\n\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\n\t\t\t\t</div>\n\n\t\t\t\t<button\n\t\t\t\t\tref={toggleButtonRef}\n\t\t\t\t\tid=\"dev-bar-toggle-button\"\n\t\t\t\t\taria-label=\"Toggle Contember Developer Toolbar\"\n\t\t\t\t\taria-controls={id}\n\t\t\t\t\taria-expanded={expanded}\n\t\t\t\t\tclassName={className('close')}\n\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t\ttabIndex={0}\n\t\t\t\t>\n\t\t\t\t\t{expanded ? '🗙' : 'ᐸ'}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n\nexport const DevPanel = ({ heading, icon, children, preview }: {\n\ticon: ReactNode;\n\theading: ReactNode,\n\tchildren: ReactNode,\n\tpreview?: ReactNode\n}) => {\n\tconst id = `cui-devBar-panel-${useId()}`\n\tconst className = useClassNameFactory('devBar')\n\tconst [expanded, setExpanded] = useState(false)\n\tconst mouseEnterTimeStampRef = useRef<ReturnType<typeof Date.now> | undefined>(undefined)\n\n\tconst devPanelRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementMouseEnterDelayedCallback(devPanelRef, useReferentiallyStableCallback(({ type }) => {\n\t\tif (type === 'mouseenter') {\n\t\t\tmouseEnterTimeStampRef.current = Date.now() + 300\n\t\t\tsetExpanded(true)\n\t\t}\n\t}))\n\n\treturn (\n\t\t<div\n\t\t\tref={devPanelRef}\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tclassName={className('trigger')}\n\t\t\tonMouseLeave={useReferentiallyStableCallback(() => {\n\t\t\t\tsetExpanded(false)\n\t\t\t})}\n\t\t\tonKeyDown={useReferentiallyStableCallback(event => {\n\t\t\t\tif (expanded && event.code === 'Escape') {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tsetExpanded(false)\n\t\t\t\t}\n\t\t\t})}\n\t\t>\n\t\t\t<button\n\t\t\t\ttabIndex={0}\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\taria-controls={id}\n\t\t\t\taria-expanded={expanded}\n\t\t\t\tclassName={className('trigger-label')}\n\t\t\t\tonClick={useReferentiallyStableCallback(() => {\n\t\t\t\t\tif (mouseEnterTimeStampRef.current && Date.now() < mouseEnterTimeStampRef.current) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetExpanded(expanded => !expanded)\n\t\t\t\t\t\tmouseEnterTimeStampRef.current = undefined\n\t\t\t\t\t}\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t\t<span className={className('trigger-label-text')}>{preview ?? heading}</span>\n\t\t\t</button>\n\t\t\t{expanded && (\n\t\t\t\t<div tabIndex={0} id={id} role=\"dialog\" className={className('panel', 'dangerously-remove-native-focus-outline')}>\n\t\t\t\t\t<div className={className('panel-content', 'native-focus-outline-handler')}>\n\t\t\t\t\t\t<h2 className=\"h4\">\n\t\t\t\t\t\t\t{heading}\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t<div className={className('panel-body')}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],"names":["useClassNameFactory","useState","useWindowSize","useRef","useReferentiallyStableCallback","expanded","useEffect","useOnElementClickOutsideCallback","useId","jsxs","dataAttribute","jsx","useOnElementMouseEnterDelayedCallback"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevBar.js","sources":["../../../../src/ui/DevBar/DevBar.tsx"],"sourcesContent":["import {\n\tuseClassNameFactory,\n\tuseId,\n\tuseOnElementClickOutsideCallback,\n\tuseOnElementMouseEnterDelayedCallback,\n\tuseReferentiallyStableCallback,\n\tuseWindowSize,\n} from '@contember/react-utils'\nimport { dataAttribute } from '@contember/utilities'\nimport { PropsWithChildren, ReactNode, useEffect, useRef, useState } from 'react'\n\nexport const DevBar = ({\n\tbreakpoint = 768,\n\tchildren,\n\tbrand,\n}: PropsWithChildren<{\n\tbrand?: ReactNode;\n\tbreakpoint?: number;\n}>) => {\n\tconst className = useClassNameFactory('devBar')\n\tconst [expanded, setExpanded] = useState(true)\n\tconst isSmallScreen = useWindowSize().width < breakpoint\n\tconst toggleButtonRef = useRef<HTMLButtonElement>(null)\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\tif (expanded) {\n\t\t\t\t\tsetExpanded(false)\n\t\t\t\t\ttoggleButtonRef.current?.blur()\n\t\t\t\t} else {\n\t\t\t\t\tif (toggleButtonRef.current !== document.activeElement) {\n\t\t\t\t\t\ttoggleButtonRef.current?.focus()\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttoggleButtonRef.current?.blur()\n\t\t\t\t\t}\n\t\t\t\t}\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\ttoggleButtonRef.current?.blur()\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\n\t\t\tdata-overrides-lucide-icons\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tdata-small-screen={dataAttribute(isSmallScreen)}\n\t\t\tclassName={className(null)}\n\t\t\tonKeyDown={event => {\n\t\t\t\tif (event.code === 'Escape') {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\n\t\t\t\t\tif (expanded) {\n\t\t\t\t\t\tsetExpanded(false)\n\t\t\t\t\t} else if (document.activeElement && document.activeElement instanceof HTMLElement) {\n\t\t\t\t\t\tdocument.activeElement.blur()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<style>{`svg { pointer-events: none }`}</style>\n\t\t\t<div ref={devBarContentRef} className={className('content')}>\n\t\t\t\t<div\n\t\t\t\t\tdata-expanded={dataAttribute(expanded)}\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('brand')}>\n\t\t\t\t\t\t{brand}\n\n\t\t\t\t\t</div>\n\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\n\t\t\t\t</div>\n\n\t\t\t\t<button\n\t\t\t\t\tref={toggleButtonRef}\n\t\t\t\t\tid=\"dev-bar-toggle-button\"\n\t\t\t\t\taria-label=\"Toggle Contember Developer Toolbar\"\n\t\t\t\t\taria-controls={id}\n\t\t\t\t\taria-expanded={expanded}\n\t\t\t\t\tclassName={className('close')}\n\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t\ttabIndex={0}\n\t\t\t\t>\n\t\t\t\t\t{expanded ? '🗙' : 'ᐸ'}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n\nexport const DevPanel = ({ heading, icon, children, preview }: {\n\ticon: ReactNode;\n\theading: ReactNode,\n\tchildren: ReactNode,\n\tpreview?: ReactNode\n}) => {\n\tconst id = `cui-devBar-panel-${useId()}`\n\tconst className = useClassNameFactory('devBar')\n\tconst [expanded, setExpanded] = useState(false)\n\tconst mouseEnterTimeStampRef = useRef<ReturnType<typeof Date.now> | undefined>(undefined)\n\n\tconst devPanelRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementMouseEnterDelayedCallback(devPanelRef, useReferentiallyStableCallback(({ type }) => {\n\t\tif (type === 'mouseenter') {\n\t\t\tmouseEnterTimeStampRef.current = Date.now() + 300\n\t\t\tsetExpanded(true)\n\t\t}\n\t}))\n\n\treturn (\n\t\t<div\n\t\t\tref={devPanelRef}\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tclassName={className('trigger')}\n\t\t\tonMouseLeave={useReferentiallyStableCallback(() => {\n\t\t\t\tsetExpanded(false)\n\t\t\t})}\n\t\t\tonKeyDown={useReferentiallyStableCallback(event => {\n\t\t\t\tif (expanded && event.code === 'Escape') {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tsetExpanded(false)\n\t\t\t\t}\n\t\t\t})}\n\t\t>\n\t\t\t<button\n\t\t\t\ttabIndex={0}\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\taria-controls={id}\n\t\t\t\taria-expanded={expanded}\n\t\t\t\tclassName={className('trigger-label')}\n\t\t\t\tonClick={useReferentiallyStableCallback(() => {\n\t\t\t\t\tif (mouseEnterTimeStampRef.current && Date.now() < mouseEnterTimeStampRef.current) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetExpanded(expanded => !expanded)\n\t\t\t\t\t\tmouseEnterTimeStampRef.current = undefined\n\t\t\t\t\t}\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t\t<span className={className('trigger-label-text')}>{preview ?? heading}</span>\n\t\t\t</button>\n\t\t\t{expanded && (\n\t\t\t\t<div tabIndex={0} id={id} role=\"dialog\" className={className('panel', 'dangerously-remove-native-focus-outline')}>\n\t\t\t\t\t<div className={className('panel-content', 'native-focus-outline-handler')}>\n\t\t\t\t\t\t<h2 className=\"h4\">\n\t\t\t\t\t\t\t{heading}\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t<div className={className('panel-body')}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],"names":["expanded"],"mappings":"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"}
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
4
- const reactUtils = require("@contember/react-utils");
5
- const DevErrorInner = require("./DevErrorInner.cjs");
6
- function DevError(props) {
7
- const componentClassName = reactUtils.useClassNameFactory("devError");
8
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName(), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: componentClassName("in"), children: [
9
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("bar"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("errorSource"), children: props.source }) }),
10
- /* @__PURE__ */ jsxRuntime.jsx(DevErrorInner.DevErrorInner, { error: props.error })
11
- ] }) });
12
- }
13
- exports.DevError = DevError;
14
- //# sourceMappingURL=DevError.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevError.cjs","sources":["../../../../src/ui/DevError/DevError.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { DevErrorInner, DevErrorInnerProps } from './DevErrorInner'\n\nexport interface DevErrorProps extends DevErrorInnerProps {\n\tsource: string\n}\n\nexport function DevError(props: DevErrorProps) {\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')}>{props.source}</div>\n\t\t\t\t</div>\n\t\t\t\t<DevErrorInner error={props.error} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["useClassNameFactory","jsx","DevErrorInner"],"mappings":";;;;;AAOO,SAAS,SAAS,OAAsB;AACxC,QAAA,qBAAqBA,+BAAoB,UAAU;AAGxD,SAAAC,2BAAA,IAAC,OAAI,EAAA,WAAW,mBAAmB,GAClC,0CAAC,OAAI,EAAA,WAAW,mBAAmB,IAAI,GACtC,UAAA;AAAA,IAAAA,2BAAA,IAAC,OAAI,EAAA,WAAW,mBAAmB,KAAK,GACvC,UAAAA,+BAAC,OAAI,EAAA,WAAW,mBAAmB,aAAa,GAAI,UAAA,MAAM,OAAO,CAAA,GAClE;AAAA,IACCA,2BAAAA,IAAAC,cAAAA,eAAA,EAAc,OAAO,MAAM,MAAO,CAAA;AAAA,EAAA,EACpC,CAAA,EACD,CAAA;AAEF;;"}
@@ -1,14 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { useClassNameFactory } from "@contember/react-utils";
3
- import { DevErrorInner } from "./DevErrorInner.js";
4
- function DevError(props) {
5
- const componentClassName = useClassNameFactory("devError");
6
- return /* @__PURE__ */ jsx("div", { className: componentClassName(), children: /* @__PURE__ */ jsxs("div", { className: componentClassName("in"), children: [
7
- /* @__PURE__ */ jsx("div", { className: componentClassName("bar"), children: /* @__PURE__ */ jsx("div", { className: componentClassName("errorSource"), children: props.source }) }),
8
- /* @__PURE__ */ jsx(DevErrorInner, { error: props.error })
9
- ] }) });
10
- }
11
- export {
12
- DevError
13
- };
14
- //# sourceMappingURL=DevError.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevError.js","sources":["../../../../src/ui/DevError/DevError.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { DevErrorInner, DevErrorInnerProps } from './DevErrorInner'\n\nexport interface DevErrorProps extends DevErrorInnerProps {\n\tsource: string\n}\n\nexport function DevError(props: DevErrorProps) {\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')}>{props.source}</div>\n\t\t\t\t</div>\n\t\t\t\t<DevErrorInner error={props.error} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,SAAS,OAAsB;AACxC,QAAA,qBAAqB,oBAAoB,UAAU;AAGxD,SAAA,oBAAC,OAAI,EAAA,WAAW,mBAAmB,GAClC,+BAAC,OAAI,EAAA,WAAW,mBAAmB,IAAI,GACtC,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAW,mBAAmB,KAAK,GACvC,UAAA,oBAAC,OAAI,EAAA,WAAW,mBAAmB,aAAa,GAAI,UAAA,MAAM,OAAO,CAAA,GAClE;AAAA,IACC,oBAAA,eAAA,EAAc,OAAO,MAAM,MAAO,CAAA;AAAA,EAAA,EACpC,CAAA,EACD,CAAA;AAEF;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevErrorBadge.cjs","sources":["../../../../src/ui/DevError/DevErrorBadge.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\n\nexport interface DevErrorBadgeProps {\n\tonOpen: () => void\n\terrorCount: number\n}\n\nexport function DevErrorBadge({ errorCount, onOpen }: DevErrorBadgeProps) {\n\tconst componentClassName = useClassNameFactory('devErrorBadge')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<a className={componentClassName('button')} onClick={onOpen}>\n\t\t\t\t{errorCount} {errorCount > 1 ? 'errors' : 'error'}\n\t\t\t</a>\n\t\t</div>\n\t)\n}\n"],"names":["useClassNameFactory","jsx","jsxs"],"mappings":";;;;AAOO,SAAS,cAAc,EAAE,YAAY,UAA8B;AACnE,QAAA,qBAAqBA,+BAAoB,eAAe;AAE9D,SACEC,2BAAAA,IAAA,OAAA,EAAI,WAAW,mBAAA,GACf,UAAAC,2BAAA,KAAC,KAAE,EAAA,WAAW,mBAAmB,QAAQ,GAAG,SAAS,QACnD,UAAA;AAAA,IAAA;AAAA,IAAW;AAAA,IAAE,aAAa,IAAI,WAAW;AAAA,EAAA,EAC3C,CAAA,EACD,CAAA;AAEF;;"}
@@ -1,14 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { useClassNameFactory } from "@contember/react-utils";
3
- function DevErrorBadge({ errorCount, onOpen }) {
4
- const componentClassName = useClassNameFactory("devErrorBadge");
5
- return /* @__PURE__ */ jsx("div", { className: componentClassName(), children: /* @__PURE__ */ jsxs("a", { className: componentClassName("button"), onClick: onOpen, children: [
6
- errorCount,
7
- " ",
8
- errorCount > 1 ? "errors" : "error"
9
- ] }) });
10
- }
11
- export {
12
- DevErrorBadge
13
- };
14
- //# sourceMappingURL=DevErrorBadge.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevErrorBadge.js","sources":["../../../../src/ui/DevError/DevErrorBadge.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\n\nexport interface DevErrorBadgeProps {\n\tonOpen: () => void\n\terrorCount: number\n}\n\nexport function DevErrorBadge({ errorCount, onOpen }: DevErrorBadgeProps) {\n\tconst componentClassName = useClassNameFactory('devErrorBadge')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<a className={componentClassName('button')} onClick={onOpen}>\n\t\t\t\t{errorCount} {errorCount > 1 ? 'errors' : 'error'}\n\t\t\t</a>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;AAOO,SAAS,cAAc,EAAE,YAAY,UAA8B;AACnE,QAAA,qBAAqB,oBAAoB,eAAe;AAE9D,SACE,oBAAA,OAAA,EAAI,WAAW,mBAAA,GACf,UAAA,qBAAC,KAAE,EAAA,WAAW,mBAAmB,QAAQ,GAAG,SAAS,QACnD,UAAA;AAAA,IAAA;AAAA,IAAW;AAAA,IAAE,aAAa,IAAI,WAAW;AAAA,EAAA,EAC3C,CAAA,EACD,CAAA;AAEF;"}
@@ -1,24 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
4
- const reactUtils = require("@contember/react-utils");
5
- const StackTrace = require("./StackTrace.cjs");
6
- function DevErrorInner({ error, level = 1 }) {
7
- const componentClassName = reactUtils.useClassNameFactory("devError");
8
- let errorObject = error.error instanceof Error ? error.error : void 0;
9
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
10
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("header"), children: errorObject ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
11
- /* @__PURE__ */ jsxRuntime.jsx("h1", { className: componentClassName("errorName"), children: errorObject.name }),
12
- error.cause && /* @__PURE__ */ jsxRuntime.jsx("a", { href: `#error-${level}`, className: componentClassName("causeLink"), children: "caused by >" }),
13
- errorObject.message && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: componentClassName("errorMessage"), children: errorObject.message }),
14
- "details" in errorObject && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: componentClassName("errorDetails"), children: errorObject.details })
15
- ] }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: componentClassName("errorName"), children: "Unknown error" }) }),
16
- error.parsedStackStrace ? /* @__PURE__ */ jsxRuntime.jsx(StackTrace.StackTrace, { stackTrace: error.parsedStackStrace }) : errorObject?.stack ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("stack"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("stack-dump"), children: errorObject.stack }) }) : null,
17
- error.cause ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
18
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("causedBy"), id: `error-${level}`, children: "Caused by" }),
19
- /* @__PURE__ */ jsxRuntime.jsx(DevErrorInner, { error: error.cause, level: level + 1 })
20
- ] }) : null
21
- ] });
22
- }
23
- exports.DevErrorInner = DevErrorInner;
24
- //# sourceMappingURL=DevErrorInner.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevErrorInner.cjs","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":["useClassNameFactory","jsxs","Fragment","jsx","StackTrace"],"mappings":";;;;;AASO,SAAS,cAAc,EAAE,OAAO,QAAQ,KAAyB;AACjE,QAAA,qBAAqBA,+BAAoB,UAAU;AAEzD,MAAI,cAAiC,MAAM,iBAAiB,QAAQ,MAAM,QAAQ;AAElF,SAEEC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAC,2BAAAA,IAAC,SAAI,WAAW,mBAAmB,QAAQ,GACzC,wBAECF,2BAAAA,KAAAC,WAAA,UAAA,EAAA,UAAA;AAAA,MAAAC,+BAAC,QAAG,WAAW,mBAAmB,WAAW,GAAI,sBAAY,MAAK;AAAA,MACjE,MAAM,SAAUA,2BAAA,IAAA,KAAA,EAAE,MAAM,UAAU,KAAK,IAAI,WAAW,mBAAmB,WAAW,GAAG,UAAc,eAAA;AAAA,MACrG,YAAY,WAAYA,+BAAA,MAAA,EAAG,WAAW,mBAAmB,cAAc,GAAI,UAAA,YAAY,QAAQ,CAAA;AAAA,MAC/F,aAAa,eAAgBA,+BAAA,MAAA,EAAG,WAAW,mBAAmB,cAAc,GAAK,UAAA,YAAoB,QAAQ,CAAA;AAAA,IAC/G,EAAA,CAAA,mCAEC,MAAG,EAAA,WAAW,mBAAmB,WAAW,GAAG,2BAAa,EAE/D,CAAA;AAAA,IACC,MAAM,oBACNA,2BAAAA,IAACC,WAAAA,YAAW,EAAA,YAAY,MAAM,kBAAmB,CAAA,IAC9C,aAAa,QACfD,2BAAAA,IAAA,OAAA,EAAI,WAAW,mBAAmB,OAAO,GACzC,UAAAA,2BAAA,IAAC,OAAI,EAAA,WAAW,mBAAmB,YAAY,GAAI,UAAA,YAAY,MAAM,CAAA,EAAA,CACtE,IACG;AAAA,IACH,MAAM,QAELF,2BAAAA,KAAAC,WAAA,UAAA,EAAA,UAAA;AAAA,MAACC,2BAAAA,IAAA,OAAA,EAAI,WAAW,mBAAmB,UAAU,GAAG,IAAI,SAAS,KAAK,IAAI,UAEtE,YAAA,CAAA;AAAA,qCACC,eAAc,EAAA,OAAO,MAAM,OAAO,OAAO,QAAQ,GAAG;AAAA,IAAA,EAAA,CACtD,IACG;AAAA,EACL,EAAA,CAAA;AAEF;;"}
@@ -1,24 +0,0 @@
1
- import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
- import { useClassNameFactory } from "@contember/react-utils";
3
- import { StackTrace } from "./StackTrace.js";
4
- function DevErrorInner({ error, level = 1 }) {
5
- const componentClassName = useClassNameFactory("devError");
6
- let errorObject = error.error instanceof Error ? error.error : void 0;
7
- return /* @__PURE__ */ jsxs(Fragment, { children: [
8
- /* @__PURE__ */ jsx("div", { className: componentClassName("header"), children: errorObject ? /* @__PURE__ */ jsxs(Fragment, { children: [
9
- /* @__PURE__ */ jsx("h1", { className: componentClassName("errorName"), children: errorObject.name }),
10
- error.cause && /* @__PURE__ */ jsx("a", { href: `#error-${level}`, className: componentClassName("causeLink"), children: "caused by >" }),
11
- errorObject.message && /* @__PURE__ */ jsx("h2", { className: componentClassName("errorMessage"), children: errorObject.message }),
12
- "details" in errorObject && /* @__PURE__ */ jsx("h3", { className: componentClassName("errorDetails"), children: errorObject.details })
13
- ] }) : /* @__PURE__ */ jsx("h1", { className: componentClassName("errorName"), children: "Unknown error" }) }),
14
- error.parsedStackStrace ? /* @__PURE__ */ jsx(StackTrace, { stackTrace: error.parsedStackStrace }) : errorObject?.stack ? /* @__PURE__ */ jsx("div", { className: componentClassName("stack"), children: /* @__PURE__ */ jsx("div", { className: componentClassName("stack-dump"), children: errorObject.stack }) }) : null,
15
- error.cause ? /* @__PURE__ */ jsxs(Fragment, { children: [
16
- /* @__PURE__ */ jsx("div", { className: componentClassName("causedBy"), id: `error-${level}`, children: "Caused by" }),
17
- /* @__PURE__ */ jsx(DevErrorInner, { error: error.cause, level: level + 1 })
18
- ] }) : null
19
- ] });
20
- }
21
- export {
22
- DevErrorInner
23
- };
24
- //# sourceMappingURL=DevErrorInner.js.map
@@ -1 +0,0 @@
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,39 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
4
- const reactUtils = require("@contember/react-utils");
5
- const DevErrorInner = require("./DevErrorInner.cjs");
6
- function DevErrorList({
7
- currentError,
8
- currentErrorIndex,
9
- currentErrorSource,
10
- errorCount,
11
- onClose,
12
- onNext,
13
- onPrevious
14
- }) {
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: [
22
- "Error ",
23
- currentErrorIndex + 1,
24
- " of ",
25
- 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
- ] }) });
37
- }
38
- exports.DevErrorList = DevErrorList;
39
- //# sourceMappingURL=DevErrorList.cjs.map
@@ -1 +0,0 @@
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,39 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { useClassNameFactory } from "@contember/react-utils";
3
- import { DevErrorInner } from "./DevErrorInner.js";
4
- function DevErrorList({
5
- currentError,
6
- currentErrorIndex,
7
- currentErrorSource,
8
- errorCount,
9
- onClose,
10
- onNext,
11
- onPrevious
12
- }) {
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: [
20
- "Error ",
21
- currentErrorIndex + 1,
22
- " of ",
23
- 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
- ] }) });
35
- }
36
- export {
37
- DevErrorList
38
- };
39
- //# sourceMappingURL=DevErrorList.js.map
@@ -1 +0,0 @@
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,41 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
4
- const reactUtils = require("@contember/react-utils");
5
- const StackTrace = ({ stackTrace }) => {
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)) });
8
- };
9
- const StackFrame = ({ stackFrame }) => {
10
- const componentClassName = reactUtils.useClassNameFactory("devError");
11
- 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: [
15
- stackFrame.filename,
16
- ":",
17
- 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) => {
22
- const lineNumber = index + 1;
23
- if (lineNumber + 5 < line || lineNumber - 3 > line) {
24
- return null;
25
- }
26
- return /* @__PURE__ */ jsxRuntime.jsxs(
27
- "div",
28
- {
29
- className: componentClassName("stackFrameLine", lineNumber === line && "is-active"),
30
- children: [
31
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("stackFrameLineNumber"), children: lineNumber }),
32
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("stackFrameLineCode"), children: it })
33
- ]
34
- },
35
- lineNumber
36
- );
37
- }) })
38
- ] });
39
- };
40
- exports.StackTrace = StackTrace;
41
- //# sourceMappingURL=StackTrace.cjs.map
@@ -1 +0,0 @@
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,41 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { useClassNameFactory } from "@contember/react-utils";
3
- const StackTrace = ({ stackTrace }) => {
4
- const componentClassName = useClassNameFactory("devError");
5
- return /* @__PURE__ */ jsx("div", { className: componentClassName("stack"), children: stackTrace.map((it, index) => /* @__PURE__ */ jsx(StackFrame, { stackFrame: it }, index)) });
6
- };
7
- const StackFrame = ({ stackFrame }) => {
8
- const componentClassName = useClassNameFactory("devError");
9
- 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: [
13
- stackFrame.filename,
14
- ":",
15
- 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) => {
20
- const lineNumber = index + 1;
21
- if (lineNumber + 5 < line || lineNumber - 3 > line) {
22
- return null;
23
- }
24
- return /* @__PURE__ */ jsxs(
25
- "div",
26
- {
27
- className: componentClassName("stackFrameLine", lineNumber === line && "is-active"),
28
- children: [
29
- /* @__PURE__ */ jsx("div", { className: componentClassName("stackFrameLineNumber"), children: lineNumber }),
30
- /* @__PURE__ */ jsx("div", { className: componentClassName("stackFrameLineCode"), children: it })
31
- ]
32
- },
33
- lineNumber
34
- );
35
- }) })
36
- ] });
37
- };
38
- export {
39
- StackTrace
40
- };
41
- //# sourceMappingURL=StackTrace.js.map
@@ -1 +0,0 @@
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,171 +0,0 @@
1
- .cui-devBar {
2
- align-items: center;
3
- bottom: 0;
4
- display: flex;
5
- flex-direction: column;
6
- position: fixed;
7
- z-index: 1000;
8
- left: 0;
9
- right: 0;
10
- opacity: 1;
11
- padding: 1rem;
12
- transition-property: opacity, transform;
13
- transition-duration: 200ms;
14
- transition-timing-function: ease-in-out;
15
- }
16
-
17
- .cui-devBar-content,
18
- .cui-devBar-panel-content {
19
- background: #eee;
20
- color: #002251;
21
- }
22
-
23
- .cui-devBar-content {
24
- align-self: center;
25
- align-items: center;
26
- border-radius: 1rem;
27
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
28
- display: flex;
29
- gap: 1rem;
30
- padding: 0.5rem;
31
- margin: 0 auto;
32
- }
33
-
34
-
35
- .cui-devBar-close,
36
- .cui-devBar-trigger-label,
37
- .cui-devBar-brand {
38
- align-items: center;
39
- height: 2rem;
40
- border-radius: 0.5rem;
41
- justify-content: center;
42
- max-height: 2rem;
43
- min-height: 2rem;
44
- white-space: nowrap;
45
- }
46
-
47
- .cui-devBar-close {
48
- background: transparent;
49
- cursor: pointer;
50
- display: flex;
51
- max-width: 2rem;
52
- width: 2rem;
53
- order: 999;
54
- }
55
-
56
-
57
- .cui-devBar-brand {
58
- align-items: center;
59
- display: flex;
60
- gap: 1rem;
61
- text-align: right;
62
- }
63
- .cui-devBar-brand svg {
64
- max-height: 2rem;
65
- }
66
-
67
-
68
- .cui-devBar-panels {
69
- display: flex;
70
- gap: 1rem;
71
- }
72
-
73
- .cui-devBar-trigger {
74
- display: flex;
75
- }
76
-
77
- .cui-devBar-trigger-label {
78
- align-items: center;
79
- color: inherit;
80
- cursor: pointer;
81
- display: inline-flex;
82
- font-weight: normal;
83
- gap: 0.3rem;
84
- padding: 0 0.2rem;
85
- }
86
-
87
- .cui-devBar-trigger-label:hover {
88
- background-color: #e0e0e0;
89
- }
90
-
91
-
92
- .cui-devBar-panel {
93
- justify-content: center;
94
- display: flex;
95
- flex-direction: row;
96
- gap: 1rem;
97
- left: 0;
98
- position: absolute;
99
- right: 0;
100
- bottom: 0;
101
- padding: 2rem;
102
- transform: translateY(-1rem);
103
- }
104
-
105
- .cui-devBar-trigger:not([data-expanded]) > .cui-devBar-panel {
106
- display: none;
107
- }
108
-
109
- .cui-devBar-panel-content {
110
- background: #fff;
111
- border: 1px solid #ccc;
112
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
113
- border-radius: 0.5rem;
114
- display: flex;
115
- min-width: min(20rem, 100%);
116
- max-width: 100%;
117
- flex-direction: column;
118
- flex-shrink: 1;
119
- }
120
- .cui-devBar-panel-content h2 {
121
- font-weight: bold;
122
- margin-bottom: 0;
123
- padding: 0.4rem 1rem;
124
- border-radius: 0.5rem 0.5rem 0 0;
125
- background: #f8f8f8;
126
- }
127
-
128
- @media screen and (min-width: 768px) {
129
- .cui-devBar-trigger {
130
- position: relative;
131
- }
132
-
133
- .cui-devBar-panel-content {
134
- min-width: unset;
135
- max-width: unset;
136
- }
137
-
138
- .cui-devBar-panel-body {
139
- min-width: 20rem;
140
- }
141
- }
142
-
143
- .cui-devBar-panel-body {
144
- border-top: 1px solid #ccc;
145
- display: flex;
146
- flex-direction: column;
147
- gap: 1rem;
148
- padding: 1rem;
149
- }
150
-
151
- .cui-devBar:not([data-expanded]) {
152
- transform: translateY(2rem);
153
- opacity: 0;
154
- max-width: 5rem;
155
- margin: auto;
156
- }
157
-
158
-
159
- .cui-devBar:not([data-expanded]):hover,
160
- .cui-devBar:not([data-expanded]):focus-within {
161
- transform: unset;
162
- opacity: unset;
163
- }
164
-
165
- [id^="dev-bar-panel"]:not([data-expanded]) > * {
166
- display: none;
167
- }
168
-
169
- .cui-devBar-panel .cui-table-wrapper {
170
- overflow: auto;
171
- }