@ms-cloudpack/overlay 0.19.91 → 0.19.92

package/lib/components/Dialog/Dialog.js

@@ -24,10 +24,6 @@ export const Dialog = (props) => {
         containerElementRef: dialogRootRef,
         dragElementRef: titleRef,
     });
-    return (
-    // The overlay must be outside FocusOn so that clicking on it will close the dialog
-    _jsx("div", { className: styles.overlay, children: _jsx(FocusOn, { className: styles.focusOn, onClickOutside: onClose, onEscapeKey: onClose, onActivation: () => titleRef.current?.focus(), children: _jsxs("div", { id: id, ref: dialogRootRef, class: cx(styles.dialog, style === 'error' && styles.error), role: "dialog", "aria-modal": true, "aria-labelledby": elementIds.dialogTitle, children: [_jsxs("div", { class: styles.titleArea, children: [_jsx("h2", { ref: titleRef, id: elementIds.dialogTitle, class: cx(styles.title, draggable && styles.draggable), tabIndex: -1, children: title }), onClose && (
-                            // a close icon is common/universal enough that it doesn't need hover text
-                            _jsx(Button, { variant: "iconOnly", onClick: onClose, "aria-label": "Close", children: _jsx(Dismiss16, {}) }))] }), commands && _jsx("div", { class: styles.commands, children: commands }), _jsx("div", { class: styles.content, children: children })] }) }) }));
+    return (_jsx("div", { className: styles.overlay, children: _jsx(FocusOn, { className: styles.focusOn, onClickOutside: onClose, onEscapeKey: onClose, onActivation: () => titleRef.current?.focus(), children: _jsxs("div", { id: id, ref: dialogRootRef, class: cx(styles.dialog, style === 'error' && styles.error), role: "dialog", "aria-modal": true, "aria-labelledby": elementIds.dialogTitle, children: [_jsxs("div", { class: styles.titleArea, children: [_jsx("h2", { ref: titleRef, id: elementIds.dialogTitle, class: cx(styles.title, draggable && styles.draggable), tabIndex: -1, children: title }), onClose && (_jsx(Button, { variant: "iconOnly", onClick: onClose, "aria-label": "Close", children: _jsx(Dismiss16, {}) }))] }), commands && _jsx("div", { class: styles.commands, children: commands }), _jsx("div", { class: styles.content, children: children })] }) }) }));
 };
 //# sourceMappingURL=Dialog.js.map

package/lib/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,8BAA8B;AAC9B,MAAM,OAAO,GAAG,QAEf,CAAC;AAYF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,MAAM,GAAmC,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3E,MAAM,aAAa,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,YAAY,CAAC;QACX,OAAO,EAAE,CAAC,CAAC,SAAS;QACpB,mBAAmB,EAAE,aAAa;QAClC,cAAc,EAAE,QAAQ;KACzB,CAAC,CAAC;IAEH,OAAO;IACL,mFAAmF;IACnF,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC5B,KAAC,OAAO,IACN,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,cAAc,EAAE,OAAO,EACvB,WAAW,EAAE,OAAO,EACpB,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,YAE7C,eACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,KAAK,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,EAC3D,IAAI,EAAC,QAAQ,yCAEI,UAAU,CAAC,WAAW,aAEvC,eAAK,KAAK,EAAE,MAAM,CAAC,SAAS,aAC1B,aACE,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,UAAU,CAAC,WAAW,EAC1B,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,EACtD,QAAQ,EAAE,CAAC,CAAC,YAEX,KAAK,GACH,EACJ,OAAO,IAAI;4BACV,0EAA0E;4BAC1E,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,gBAAa,OAAO,YAC7D,KAAC,SAAS,KAAG,GACN,CACV,IACG,EACL,QAAQ,IAAI,cAAK,KAAK,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAO,EAC1D,cAAK,KAAK,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAO,IACxC,GACE,GACN,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import cx from 'classnames';\nimport type { ComponentChildren, FunctionComponent, ComponentProps } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { FocusOn as _FocusOn } from 'react-focus-on';\nimport styles from './Dialog.module.css';\nimport { useDraggable } from '../../hooks/useDraggable.js';\nimport { Button } from '../Button/Button.js';\nimport { elementIds } from '../../constants.js';\nimport { Dismiss16 } from '../icons/Dismiss16.js';\n\n// Re-type children for preact\nconst FocusOn = _FocusOn as FunctionComponent<\n  Omit<ComponentProps<typeof _FocusOn>, 'children'> & { children: ComponentChildren }\n>;\n\nexport interface DialogProps {\n  title: string;\n  id: string;\n  style?: 'default' | 'error';\n  draggable?: boolean;\n  onClose?: () => void;\n  commands?: ComponentChildren;\n  children: ComponentChildren;\n}\n\n/**\n * Dialog component which takes title and commands as props and content as children.\n *\n * If multiple children are provided, they'll be styled with a flex column layout with gaps.\n * To prevent this behavior, wrap the children in a single div.\n */\nexport const Dialog: FunctionComponent<DialogProps> = (props) => {\n  const { title, id, style, draggable, onClose, commands, children } = props;\n  const dialogRootRef = useRef<HTMLDivElement>(null);\n  const titleRef = useRef<HTMLDivElement>(null);\n\n  useDraggable({\n    enabled: !!draggable,\n    containerElementRef: dialogRootRef,\n    dragElementRef: titleRef,\n  });\n\n  return (\n    // The overlay must be outside FocusOn so that clicking on it will close the dialog\n    <div className={styles.overlay}>\n      <FocusOn\n        className={styles.focusOn}\n        onClickOutside={onClose}\n        onEscapeKey={onClose}\n        onActivation={() => titleRef.current?.focus()}\n      >\n        <div\n          id={id}\n          ref={dialogRootRef}\n          class={cx(styles.dialog, style === 'error' && styles.error)}\n          role=\"dialog\"\n          aria-modal\n          aria-labelledby={elementIds.dialogTitle}\n        >\n          <div class={styles.titleArea}>\n            <h2\n              ref={titleRef}\n              id={elementIds.dialogTitle}\n              class={cx(styles.title, draggable && styles.draggable)}\n              tabIndex={-1}\n            >\n              {title}\n            </h2>\n            {onClose && (\n              // a close icon is common/universal enough that it doesn't need hover text\n              <Button variant=\"iconOnly\" onClick={onClose} aria-label=\"Close\">\n                <Dismiss16 />\n              </Button>\n            )}\n          </div>\n          {commands && <div class={styles.commands}>{commands}</div>}\n          <div class={styles.content}>{children}</div>\n        </div>\n      </FocusOn>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,8BAA8B;AAC9B,MAAM,OAAO,GAAG,QAEf,CAAC;AAYF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,MAAM,GAAmC,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3E,MAAM,aAAa,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,YAAY,CAAC;QACX,OAAO,EAAE,CAAC,CAAC,SAAS;QACpB,mBAAmB,EAAE,aAAa;QAClC,cAAc,EAAE,QAAQ;KACzB,CAAC,CAAC;IAEH,OAAO,CAEL,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC5B,KAAC,OAAO,IACN,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,cAAc,EAAE,OAAO,EACvB,WAAW,EAAE,OAAO,EACpB,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,YAE7C,eACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,KAAK,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,EAC3D,IAAI,EAAC,QAAQ,yCAEI,UAAU,CAAC,WAAW,aAEvC,eAAK,KAAK,EAAE,MAAM,CAAC,SAAS,aAC1B,aACE,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,UAAU,CAAC,WAAW,EAC1B,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,EACtD,QAAQ,EAAE,CAAC,CAAC,YAEX,KAAK,GACH,EACJ,OAAO,IAAI,CAEV,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,gBAAa,OAAO,YAC7D,KAAC,SAAS,KAAG,GACN,CACV,IACG,EACL,QAAQ,IAAI,cAAK,KAAK,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAO,EAC1D,cAAK,KAAK,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAO,IACxC,GACE,GACN,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import cx from 'classnames';\nimport type { ComponentChildren, FunctionComponent, ComponentProps } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { FocusOn as _FocusOn } from 'react-focus-on';\nimport styles from './Dialog.module.css';\nimport { useDraggable } from '../../hooks/useDraggable.js';\nimport { Button } from '../Button/Button.js';\nimport { elementIds } from '../../constants.js';\nimport { Dismiss16 } from '../icons/Dismiss16.js';\n\n// Re-type children for preact\nconst FocusOn = _FocusOn as FunctionComponent<\n  Omit<ComponentProps<typeof _FocusOn>, 'children'> & { children: ComponentChildren }\n>;\n\nexport interface DialogProps {\n  title: string;\n  id: string;\n  style?: 'default' | 'error';\n  draggable?: boolean;\n  onClose?: () => void;\n  commands?: ComponentChildren;\n  children: ComponentChildren;\n}\n\n/**\n * Dialog component which takes title and commands as props and content as children.\n *\n * If multiple children are provided, they'll be styled with a flex column layout with gaps.\n * To prevent this behavior, wrap the children in a single div.\n */\nexport const Dialog: FunctionComponent<DialogProps> = (props) => {\n  const { title, id, style, draggable, onClose, commands, children } = props;\n  const dialogRootRef = useRef<HTMLDivElement>(null);\n  const titleRef = useRef<HTMLDivElement>(null);\n\n  useDraggable({\n    enabled: !!draggable,\n    containerElementRef: dialogRootRef,\n    dragElementRef: titleRef,\n  });\n\n  return (\n    // The overlay must be outside FocusOn so that clicking on it will close the dialog\n    <div className={styles.overlay}>\n      <FocusOn\n        className={styles.focusOn}\n        onClickOutside={onClose}\n        onEscapeKey={onClose}\n        onActivation={() => titleRef.current?.focus()}\n      >\n        <div\n          id={id}\n          ref={dialogRootRef}\n          class={cx(styles.dialog, style === 'error' && styles.error)}\n          role=\"dialog\"\n          aria-modal\n          aria-labelledby={elementIds.dialogTitle}\n        >\n          <div class={styles.titleArea}>\n            <h2\n              ref={titleRef}\n              id={elementIds.dialogTitle}\n              class={cx(styles.title, draggable && styles.draggable)}\n              tabIndex={-1}\n            >\n              {title}\n            </h2>\n            {onClose && (\n              // a close icon is common/universal enough that it doesn't need hover text\n              <Button variant=\"iconOnly\" onClick={onClose} aria-label=\"Close\">\n                <Dismiss16 />\n              </Button>\n            )}\n          </div>\n          {commands && <div class={styles.commands}>{commands}</div>}\n          <div class={styles.content}>{children}</div>\n        </div>\n      </FocusOn>\n    </div>\n  );\n};\n"]}

package/lib/components/StatusDialog/TaskResultItem.js

@@ -18,9 +18,7 @@ export const TaskResultItem = (props) => {
     // or some internal of cloudpack, and since the user might not know about the different bundlers
     // and certainly doesn't know about cloudpack internals, a bit of context is helpful.
     const friendlySource = bundlerNames.includes(item.source) ? `${item.source} bundler` : `cloudpack ${item.source}`;
-    return (_jsxs("div", { class: styles.root, children: [_jsx("div", { class: cx(styles.statusBar, type === 'warning' && styles.warning) }), _jsxs("div", { class: styles.content, children: [_jsxs("div", { class: styles.titleArea, children: [index + 1, ". ", _jsx(ItemLocation, { loc: loc, inputPath: inputPath }), " (via: ", friendlySource, ")"] }), _jsx("pre", { class: styles.text, children: stripAnsi(item.text) }), notes.length > 0 && (
-                    // Formatting here might not be ideal, but messages very rarely have notes
-                    _jsxs("details", { children: [_jsx("summary", { children: "Expand for more details" }), _jsx("ul", { children: notes.map((note, i) => (_jsxs("li", { children: [note.location && (_jsxs(_Fragment, { children: [_jsx(ItemLocation, { loc: note.location, inputPath: inputPath }), _jsx("br", {})] })), note.text && _jsx("pre", { class: styles.text, children: stripAnsi(note.text) })] }, i))) })] }))] })] }));
+    return (_jsxs("div", { class: styles.root, children: [_jsx("div", { class: cx(styles.statusBar, type === 'warning' && styles.warning) }), _jsxs("div", { class: styles.content, children: [_jsxs("div", { class: styles.titleArea, children: [index + 1, ". ", _jsx(ItemLocation, { loc: loc, inputPath: inputPath }), " (via: ", friendlySource, ")"] }), _jsx("pre", { class: styles.text, children: stripAnsi(item.text) }), notes.length > 0 && (_jsxs("details", { children: [_jsx("summary", { children: "Expand for more details" }), _jsx("ul", { children: notes.map((note, i) => (_jsxs("li", { children: [note.location && (_jsxs(_Fragment, { children: [_jsx(ItemLocation, { loc: note.location, inputPath: inputPath }), _jsx("br", {})] })), note.text && _jsx("pre", { class: styles.text, children: stripAnsi(note.text) })] }, i))) })] }))] })] }));
 };
 /**
  * Remove ANSI codes from a string. (This is duplicated from `task-reporter` to avoid needing

package/lib/components/StatusDialog/TaskResultItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskResultItem.js","sourceRoot":"","sources":["../../../src/components/StatusDialog/TaskResultItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { BundleMessage, BundleMessageLocation } from '@ms-cloudpack/common-types';\nimport type { FunctionComponent } from 'preact';\nimport cx from 'classnames';\nimport { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';\nimport styles from './TaskResultItem.module.css';\nimport { Button } from '../Button/Button.js';\n\nexport interface TaskResultItemProps {\n  item: BundleMessage;\n  inputPath: string | undefined;\n  /** 0-based index (will be adjusted for display) */\n  index: number;\n  type: 'error' | 'warning';\n}\n\n/**\n * Current and possible future bundler names, just to help with a friendlier error message\n * (we can't access the authoritative list from the bundler package here)\n */\nconst bundlerNames = ['ori', 'rollup', 'webpack', 'rspack', 'esbuild'];\n\n/**\n * Error or warning item in the details of a task/bundle result.\n */\nexport const TaskResultItem: FunctionComponent<TaskResultItemProps> = (props) => {\n  const { item, inputPath, index, type } = props;\n  const { location: loc, notes = [] } = item;\n\n  // Update the message source to be more user-friendly. Usually it's either a bundler name,\n  // or some internal of cloudpack, and since the user might not know about the different bundlers\n  // and certainly doesn't know about cloudpack internals, a bit of context is helpful.\n  const friendlySource = bundlerNames.includes(item.source) ? `${item.source} bundler` : `cloudpack ${item.source}`;\n\n  return (\n    <div class={styles.root}>\n      <div class={cx(styles.statusBar, type === 'warning' && styles.warning)}></div>\n      <div class={styles.content}>\n        <div class={styles.titleArea}>\n          {index + 1}. <ItemLocation loc={loc} inputPath={inputPath} /> (via: {friendlySource})\n        </div>\n        <pre class={styles.text}>{stripAnsi(item.text)}</pre>\n        {notes.length > 0 && (\n          // Formatting here might not be ideal, but messages very rarely have notes\n          <details>\n            <summary>Expand for more details</summary>\n            <ul>\n              {notes.map((note, i) => (\n                <li key={i}>\n                  {note.location && (\n                    <>\n                      <ItemLocation loc={note.location} inputPath={inputPath} />\n                      <br />\n                    </>\n                  )}\n                  {note.text && <pre class={styles.text}>{stripAnsi(note.text)}</pre>}\n                </li>\n              ))}\n            </ul>\n          </details>\n        )}\n      </div>\n    </div>\n  );\n};\n\n/**\n * Remove ANSI codes from a string. (This is duplicated from `task-reporter` to avoid needing\n * browser support in that package, since the implementation is trivial.)\n */\nfunction stripAnsi(text: string): string {\n  // eslint-disable-next-line no-control-regex -- supposed to match a control character\n  return text.replace(/\\x1b\\[[\\d;]+(m|[AKB]\\b)/g, '');\n}\n\n/**\n * Return a link-button to open the source file, or a placeholder if the location is undefined.\n */\nconst ItemLocation: FunctionComponent<{ loc: BundleMessageLocation | undefined; inputPath: string | undefined }> = (\n  props,\n) => {\n  const { loc, inputPath } = props;\n  const cloudpack = useCloudpack();\n\n  if (!loc) {\n    return '(path unavailable)';\n  }\n\n  const locationString = [loc.file, loc.line, loc.column].filter((val) => val !== undefined).join(':');\n  // Don't make it clickable if we don't know the root path, or if the file path contains\n  // webpack loader stuff. A real example:\n  // ../../node_modules/.store/css-loader-virtual-bfb2cc7933/package/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!../../node_modules/.store/sass-loader-virtual-65ccb5bf2d/package/dist/cjs.js!./src/cssTest/example4.global.scss\n  if (!inputPath || /[?!]/.test(locationString)) {\n    return locationString;\n  }\n\n  const openSource = (): void => {\n    if (!inputPath) return;\n    void cloudpack.openCodeEditor.mutate({\n      rootPath: inputPath,\n      relativePath: loc.file,\n      line: loc.line,\n      column: loc.column,\n    });\n  };\n\n  return (\n    <Button variant=\"link\" onClick={openSource}>\n      {locationString}\n    </Button>\n  );\n};\n"]}
+{"version":3,"file":"TaskResultItem.js","sourceRoot":"","sources":["../../../src/components/StatusDialog/TaskResultItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { BundleMessage, BundleMessageLocation } from '@ms-cloudpack/common-types';\nimport type { FunctionComponent } from 'preact';\nimport cx from 'classnames';\nimport { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';\nimport styles from './TaskResultItem.module.css';\nimport { Button } from '../Button/Button.js';\n\nexport interface TaskResultItemProps {\n  item: BundleMessage;\n  inputPath: string | undefined;\n  /** 0-based index (will be adjusted for display) */\n  index: number;\n  type: 'error' | 'warning';\n}\n\n/**\n * Current and possible future bundler names, just to help with a friendlier error message\n * (we can't access the authoritative list from the bundler package here)\n */\nconst bundlerNames = ['ori', 'rollup', 'webpack', 'rspack', 'esbuild'];\n\n/**\n * Error or warning item in the details of a task/bundle result.\n */\nexport const TaskResultItem: FunctionComponent<TaskResultItemProps> = (props) => {\n  const { item, inputPath, index, type } = props;\n  const { location: loc, notes = [] } = item;\n\n  // Update the message source to be more user-friendly. Usually it's either a bundler name,\n  // or some internal of cloudpack, and since the user might not know about the different bundlers\n  // and certainly doesn't know about cloudpack internals, a bit of context is helpful.\n  const friendlySource = bundlerNames.includes(item.source) ? `${item.source} bundler` : `cloudpack ${item.source}`;\n\n  return (\n    <div class={styles.root}>\n      <div class={cx(styles.statusBar, type === 'warning' && styles.warning)}></div>\n      <div class={styles.content}>\n        <div class={styles.titleArea}>\n          {index + 1}. <ItemLocation loc={loc} inputPath={inputPath} /> (via: {friendlySource})\n        </div>\n        <pre class={styles.text}>{stripAnsi(item.text)}</pre>\n        {notes.length > 0 && (\n          // Formatting here might not be ideal, but messages very rarely have notes\n          <details>\n            <summary>Expand for more details</summary>\n            <ul>\n              {notes.map((note, i) => (\n                <li key={i}>\n                  {note.location && (\n                    <>\n                      <ItemLocation loc={note.location} inputPath={inputPath} />\n                      <br />\n                    </>\n                  )}\n                  {note.text && <pre class={styles.text}>{stripAnsi(note.text)}</pre>}\n                </li>\n              ))}\n            </ul>\n          </details>\n        )}\n      </div>\n    </div>\n  );\n};\n\n/**\n * Remove ANSI codes from a string. (This is duplicated from `task-reporter` to avoid needing\n * browser support in that package, since the implementation is trivial.)\n */\nfunction stripAnsi(text: string): string {\n  // eslint-disable-next-line no-control-regex -- supposed to match a control character\n  return text.replace(/\\x1b\\[[\\d;]+(m|[AKB]\\b)/g, '');\n}\n\n/**\n * Return a link-button to open the source file, or a placeholder if the location is undefined.\n */\nconst ItemLocation: FunctionComponent<{ loc: BundleMessageLocation | undefined; inputPath: string | undefined }> = (\n  props,\n) => {\n  const { loc, inputPath } = props;\n  const cloudpack = useCloudpack();\n\n  if (!loc) {\n    return '(path unavailable)';\n  }\n\n  const locationString = [loc.file, loc.line, loc.column].filter((val) => val !== undefined).join(':');\n  // Don't make it clickable if we don't know the root path, or if the file path contains\n  // webpack loader stuff. A real example:\n  // ../../node_modules/.store/css-loader-virtual-bfb2cc7933/package/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!../../node_modules/.store/sass-loader-virtual-65ccb5bf2d/package/dist/cjs.js!./src/cssTest/example4.global.scss\n  if (!inputPath || /[?!]/.test(locationString)) {\n    return locationString;\n  }\n\n  const openSource = (): void => {\n    if (!inputPath) return;\n    void cloudpack.openCodeEditor.mutate({\n      rootPath: inputPath,\n      relativePath: loc.file,\n      line: loc.line,\n      column: loc.column,\n    });\n  };\n\n  return (\n    <Button variant=\"link\" onClick={openSource}>\n      {locationString}\n    </Button>\n  );\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ms-cloudpack/overlay",
-  "version": "0.19.91",
+  "version": "0.19.92",
   "description": "The Cloudpack overlay UX",
   "license": "MIT",
   "type": "module",
@@ -29,7 +29,7 @@
     "prepack": "cp .npmignore dist/.npmignore"
   },
   "devDependencies": {
-    "@ms-cloudpack/api-server": "^0.67.9",
+    "@ms-cloudpack/api-server": "^0.67.10",
     "@ms-cloudpack/common-types": "^0.34.5",
     "@ms-cloudpack/common-types-browser": "^0.6.11",
     "@ms-cloudpack/eslint-plugin-internal": "^0.0.1",
@@ -37,7 +37,7 @@
     "@ms-cloudpack/scripts": "^0.0.1",
     "@types/react-refresh": "^0.14.0",
     "classnames": "2.5.1",
-    "preact": "10.29.2",
+    "preact": "10.29.7",
     "react": "npm:@preact/compat@18.3.2",
     "react-focus-on": "3.10.2",
     "react-refresh": "patch:react-refresh@npm%3A0.18.0#~/.yarn/patches/react-refresh-npm-0.18.0-5576c3f4a3.patch"