@cucumber/react-components 24.1.2 → 24.3.0

package/dist/src/components/gherkin/attachment/Attachment.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ErrorBoundary } from 'react-error-boundary';
 import { useCustomRendering, } from '../../customise/index.js';
 import { ErrorMessage } from '../ErrorMessage.js';
@@ -11,31 +11,28 @@ import { Unknown } from './Unknown.js';
 import { Video } from './Video.js';
 const DefaultRenderer = ({ attachment, styles, }) => {
     if (attachment.mediaType.match(/^image\//)) {
-        return React.createElement(Image, { attachment: attachment, classes: styles });
+        return _jsx(Image, { attachment: attachment, classes: styles });
     }
-    else if (attachment.mediaType.match(/^video\//)) {
-        return React.createElement(Video, { attachment: attachment });
+    if (attachment.mediaType.match(/^video\//)) {
+        return _jsx(Video, { attachment: attachment });
     }
-    else if (attachment.mediaType == 'text/x.cucumber.log+plain') {
-        return React.createElement(Log, { attachment: attachment, classes: styles });
+    if (attachment.mediaType === 'text/x.cucumber.log+plain') {
+        return _jsx(Log, { attachment: attachment, classes: styles });
     }
-    else if (attachment.mediaType == 'text/uri-list') {
-        return React.createElement(Links, { attachment: attachment, classes: styles });
+    if (attachment.mediaType === 'text/uri-list') {
+        return _jsx(Links, { attachment: attachment, classes: styles });
     }
-    else if (attachment.mediaType.match(/^text\//)) {
-        return React.createElement(Text, { attachment: attachment, classes: styles });
+    if (attachment.mediaType.match(/^text\//)) {
+        return _jsx(Text, { attachment: attachment, classes: styles });
     }
-    else if (attachment.mediaType.match(/^application\/json/)) {
-        return React.createElement(Text, { attachment: attachment, prettify: prettyJSON, classes: styles });
-    }
-    else {
-        return React.createElement(Unknown, { attachment: attachment });
+    if (attachment.mediaType.match(/^application\/json/)) {
+        return _jsx(Text, { attachment: attachment, prettify: prettyJSON, classes: styles });
     }
+    return _jsx(Unknown, { attachment: attachment });
 };
 export const Attachment = (props) => {
     const ResolvedRenderer = useCustomRendering('Attachment', defaultStyles, DefaultRenderer);
-    return (React.createElement(ErrorBoundary, { fallback: React.createElement(ErrorMessage, { message: `Attachment couldn't be rendered` }) },
-        React.createElement(ResolvedRenderer, { ...props })));
+    return (_jsx(ErrorBoundary, { fallback: _jsx(ErrorMessage, { message: `Attachment couldn't be rendered` }), children: _jsx(ResolvedRenderer, { ...props }) }));
 };
 function prettyJSON(s) {
     try {

package/dist/src/components/gherkin/attachment/Attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attachment.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,OAAO,EAIL,kBAAkB,GACnB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,aAAa,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,eAAe,GAAyD,CAAC,EAC7E,UAAU,EACV,MAAM,GACP,EAAE,EAAE;IACH,IAAI,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;QAC1C,OAAO,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,GAAI,CAAA;KAC1D;SAAM,IAAI,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;QACjD,OAAO,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;KACzC;SAAM,IAAI,UAAU,CAAC,SAAS,IAAI,2BAA2B,EAAE;QAC9D,OAAO,oBAAC,GAAG,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,GAAI,CAAA;KACxD;SAAM,IAAI,UAAU,CAAC,SAAS,IAAI,eAAe,EAAE;QAClD,OAAO,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,GAAI,CAAA;KAC1D;SAAM,IAAI,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;QAChD,OAAO,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,GAAI,CAAA;KACzD;SAAM,IAAI,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE;QAC3D,OAAO,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,GAAI,CAAA;KAC/E;SAAM;QACL,OAAO,oBAAC,OAAO,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;KAC3C;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,KAAK,EAAE,EAAE;IAC5E,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,YAAY,EACZ,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,CACL,oBAAC,aAAa,IAAC,QAAQ,EAAE,oBAAC,YAAY,IAAC,OAAO,EAAE,iCAAiC,GAAI;QACnF,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CACjB,CACjB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,UAAU,CAAC,CAAS;IAC3B,IAAI;QACF,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;KAC9C;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,CAAA;KACT;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\n\nimport {\n  AttachmentClasses,\n  AttachmentProps,\n  DefaultComponent,\n  useCustomRendering,\n} from '../../customise/index.js'\nimport { ErrorMessage } from '../ErrorMessage.js'\nimport defaultStyles from './Attachment.module.scss'\nimport { Image } from './Image.js'\nimport { Links } from './Links.js'\nimport { Log } from './Log.js'\nimport { Text } from './Text.js'\nimport { Unknown } from './Unknown.js'\nimport { Video } from './Video.js'\n\nconst DefaultRenderer: DefaultComponent<AttachmentProps, AttachmentClasses> = ({\n  attachment,\n  styles,\n}) => {\n  if (attachment.mediaType.match(/^image\\//)) {\n    return <Image attachment={attachment} classes={styles} />\n  } else if (attachment.mediaType.match(/^video\\//)) {\n    return <Video attachment={attachment} />\n  } else if (attachment.mediaType == 'text/x.cucumber.log+plain') {\n    return <Log attachment={attachment} classes={styles} />\n  } else if (attachment.mediaType == 'text/uri-list') {\n    return <Links attachment={attachment} classes={styles} />\n  } else if (attachment.mediaType.match(/^text\\//)) {\n    return <Text attachment={attachment} classes={styles} />\n  } else if (attachment.mediaType.match(/^application\\/json/)) {\n    return <Text attachment={attachment} prettify={prettyJSON} classes={styles} />\n  } else {\n    return <Unknown attachment={attachment} />\n  }\n}\n\nexport const Attachment: React.FunctionComponent<AttachmentProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<AttachmentProps, AttachmentClasses>(\n    'Attachment',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return (\n    <ErrorBoundary fallback={<ErrorMessage message={`Attachment couldn't be rendered`} />}>\n      <ResolvedRenderer {...props} />\n    </ErrorBoundary>\n  )\n}\n\nfunction prettyJSON(s: string) {\n  try {\n    return JSON.stringify(JSON.parse(s), null, 2)\n  } catch (_) {\n    return s\n  }\n}\n"]}
+{"version":3,"file":"Attachment.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Attachment.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,OAAO,EAIL,kBAAkB,GACnB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,aAAa,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,eAAe,GAAyD,CAAC,EAC7E,UAAU,EACV,MAAM,GACP,EAAE,EAAE;IACH,IAAI,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;QAC3C,OAAO,KAAC,KAAK,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,GAAI,CAAA;IAC3D,CAAC;IACD,IAAI,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;QAC3C,OAAO,KAAC,KAAK,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;IAC1C,CAAC;IACD,IAAI,UAAU,CAAC,SAAS,KAAK,2BAA2B,EAAE,CAAC;QACzD,OAAO,KAAC,GAAG,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,GAAI,CAAA;IACzD,CAAC;IACD,IAAI,UAAU,CAAC,SAAS,KAAK,eAAe,EAAE,CAAC;QAC7C,OAAO,KAAC,KAAK,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,GAAI,CAAA;IAC3D,CAAC;IACD,IAAI,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;QAC1C,OAAO,KAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,GAAI,CAAA;IAC1D,CAAC;IACD,IAAI,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC;QACrD,OAAO,KAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,GAAI,CAAA;IAChF,CAAC;IACD,OAAO,KAAC,OAAO,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;AAC5C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,gBAAgB,GAAG,kBAAkB,CACzC,YAAY,EACZ,aAAa,EACb,eAAe,CAChB,CAAA;IACD,OAAO,CACL,KAAC,aAAa,IAAC,QAAQ,EAAE,KAAC,YAAY,IAAC,OAAO,EAAE,iCAAiC,GAAI,YACnF,KAAC,gBAAgB,OAAK,KAAK,GAAI,GACjB,CACjB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,UAAU,CAAC,CAAS;IAC3B,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAC/C,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,CAAC,CAAA;IACV,CAAC;AACH,CAAC","sourcesContent":["import type { FC } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\n\nimport {\n  type AttachmentClasses,\n  type AttachmentProps,\n  type DefaultComponent,\n  useCustomRendering,\n} from '../../customise/index.js'\nimport { ErrorMessage } from '../ErrorMessage.js'\nimport defaultStyles from './Attachment.module.scss'\nimport { Image } from './Image.js'\nimport { Links } from './Links.js'\nimport { Log } from './Log.js'\nimport { Text } from './Text.js'\nimport { Unknown } from './Unknown.js'\nimport { Video } from './Video.js'\n\nconst DefaultRenderer: DefaultComponent<AttachmentProps, AttachmentClasses> = ({\n  attachment,\n  styles,\n}) => {\n  if (attachment.mediaType.match(/^image\\//)) {\n    return <Image attachment={attachment} classes={styles} />\n  }\n  if (attachment.mediaType.match(/^video\\//)) {\n    return <Video attachment={attachment} />\n  }\n  if (attachment.mediaType === 'text/x.cucumber.log+plain') {\n    return <Log attachment={attachment} classes={styles} />\n  }\n  if (attachment.mediaType === 'text/uri-list') {\n    return <Links attachment={attachment} classes={styles} />\n  }\n  if (attachment.mediaType.match(/^text\\//)) {\n    return <Text attachment={attachment} classes={styles} />\n  }\n  if (attachment.mediaType.match(/^application\\/json/)) {\n    return <Text attachment={attachment} prettify={prettyJSON} classes={styles} />\n  }\n  return <Unknown attachment={attachment} />\n}\n\nexport const Attachment: FC<AttachmentProps> = (props) => {\n  const ResolvedRenderer = useCustomRendering<AttachmentProps, AttachmentClasses>(\n    'Attachment',\n    defaultStyles,\n    DefaultRenderer\n  )\n  return (\n    <ErrorBoundary fallback={<ErrorMessage message={`Attachment couldn't be rendered`} />}>\n      <ResolvedRenderer {...props} />\n    </ErrorBoundary>\n  )\n}\n\nfunction prettyJSON(s: string) {\n  try {\n    return JSON.stringify(JSON.parse(s), null, 2)\n  } catch (_) {\n    return s\n  }\n}\n"]}

package/dist/src/components/gherkin/attachment/Attachment.module.scss

@@ -1,15 +1,25 @@
 @use '../../../styles/theming';
 
+.copyButton {
+  position: absolute;
+  top: 0.5em;
+  right: 0.5em;
+}
+
 .text {
   position: relative;
-  white-space: pre-wrap;
-  font-size: 0.875em;
-  padding: 0.666em 0.75em;
-  border-radius: 0.25em;
-  margin: 0;
+  width: fit-content;
   overflow-x: auto;
   background-color: theming.$codeBackgroundColor;
   color: theming.$codeTextColor;
+
+  pre {
+    white-space: pre-wrap;
+    font-size: 0.875em;
+    padding: 0.666em 2.25em 0.666em 0.75em;
+    border-radius: 0.25em;
+    margin: 0;
+  }
 }
 
 .log {

package/dist/src/components/gherkin/attachment/Image.d.ts

@@ -1,8 +1,8 @@
-import * as messages from '@cucumber/messages';
-import { FC } from 'react';
-import { AttachmentClasses } from '../../customise/index.js';
+import type { Attachment } from '@cucumber/messages';
+import type { FC } from 'react';
+import type { AttachmentClasses } from '../../customise/index.js';
 export declare const Image: FC<{
-    attachment: messages.Attachment;
+    attachment: Attachment;
     classes: AttachmentClasses;
 }>;
 //# sourceMappingURL=Image.d.ts.map

package/dist/src/components/gherkin/attachment/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAG5D,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC;IAAE,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAC;IAAC,OAAO,EAAE,iBAAiB,CAAA;CAAE,CAsBrF,CAAA"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAGjE,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC;IAAE,UAAU,EAAE,UAAU,CAAC;IAAC,OAAO,EAAE,iBAAiB,CAAA;CAAE,CAsB5E,CAAA"}

package/dist/src/components/gherkin/attachment/Image.js

@@ -1,18 +1,16 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ErrorMessage } from '../ErrorMessage.js';
 export const Image = ({ attachment, classes, }) => {
-    const title = attachment.fileName ?? 'Attached Image (' + attachment.mediaType + ')';
+    const title = attachment.fileName ?? `Attached Image (${attachment.mediaType})`;
     if (attachment.url) {
-        return React.createElement(ImageInternal, { src: attachment.url, title: title, className: classes.image });
+        return _jsx(ImageInternal, { src: attachment.url, title: title, className: classes.image });
     }
     if (attachment.contentEncoding === 'BASE64') {
-        return (React.createElement(ImageInternal, { src: `data:${attachment.mediaType};base64,${attachment.body}`, title: title, className: classes.image }));
+        return (_jsx(ImageInternal, { src: `data:${attachment.mediaType};base64,${attachment.body}`, title: title, className: classes.image }));
     }
-    return (React.createElement(ErrorMessage, { message: `Couldn't display ${attachment.mediaType} image because it wasn't base64 encoded or externalised` }));
+    return (_jsx(ErrorMessage, { message: `Couldn't display ${attachment.mediaType} image because it wasn't base64 encoded or externalised` }));
 };
 const ImageInternal = ({ src, title, className }) => {
-    return (React.createElement("details", null,
-        React.createElement("summary", null, title),
-        React.createElement("img", { alt: "", src: src, className: className })));
+    return (_jsxs("details", { children: [_jsx("summary", { children: title }), _jsx("img", { alt: "", src: src, className: className })] }));
 };
 //# sourceMappingURL=Image.js.map

package/dist/src/components/gherkin/attachment/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAa,MAAM,OAAO,CAAA;AAGjC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,KAAK,GAAwE,CAAC,EACzF,UAAU,EACV,OAAO,GACR,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,IAAI,kBAAkB,GAAG,UAAU,CAAC,SAAS,GAAG,GAAG,CAAA;IACpF,IAAI,UAAU,CAAC,GAAG,EAAE;QAClB,OAAO,oBAAC,aAAa,IAAC,GAAG,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,GAAI,CAAA;KACtF;IACD,IAAI,UAAU,CAAC,eAAe,KAAK,QAAQ,EAAE;QAC3C,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,UAAU,CAAC,SAAS,WAAW,UAAU,CAAC,IAAI,EAAE,EAC7D,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,CAAC,KAAK,GACxB,CACH,CAAA;KACF;IACD,OAAO,CACL,oBAAC,YAAY,IACX,OAAO,EAAE,oBAAoB,UAAU,CAAC,SAAS,yDAAyD,GAC1G,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAId,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IACjC,OAAO,CACL;QACE,qCAAU,KAAK,CAAW;QAC1B,6BAAK,GAAG,EAAC,EAAE,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAI,CACtC,CACX,CAAA;AACH,CAAC,CAAA","sourcesContent":["import * as messages from '@cucumber/messages'\nimport React, { FC } from 'react'\n\nimport { AttachmentClasses } from '../../customise/index.js'\nimport { ErrorMessage } from '../ErrorMessage.js'\n\nexport const Image: FC<{ attachment: messages.Attachment; classes: AttachmentClasses }> = ({\n  attachment,\n  classes,\n}) => {\n  const title = attachment.fileName ?? 'Attached Image (' + attachment.mediaType + ')'\n  if (attachment.url) {\n    return <ImageInternal src={attachment.url} title={title} className={classes.image} />\n  }\n  if (attachment.contentEncoding === 'BASE64') {\n    return (\n      <ImageInternal\n        src={`data:${attachment.mediaType};base64,${attachment.body}`}\n        title={title}\n        className={classes.image}\n      />\n    )\n  }\n  return (\n    <ErrorMessage\n      message={`Couldn't display ${attachment.mediaType} image because it wasn't base64 encoded or externalised`}\n    />\n  )\n}\n\nconst ImageInternal: FC<{\n  src: string\n  title: string\n  className: string\n}> = ({ src, title, className }) => {\n  return (\n    <details>\n      <summary>{title}</summary>\n      <img alt=\"\" src={src} className={className} />\n    </details>\n  )\n}\n"]}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Image.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,KAAK,GAA+D,CAAC,EAChF,UAAU,EACV,OAAO,GACR,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,IAAI,mBAAmB,UAAU,CAAC,SAAS,GAAG,CAAA;IAC/E,IAAI,UAAU,CAAC,GAAG,EAAE,CAAC;QACnB,OAAO,KAAC,aAAa,IAAC,GAAG,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,GAAI,CAAA;IACvF,CAAC;IACD,IAAI,UAAU,CAAC,eAAe,KAAK,QAAQ,EAAE,CAAC;QAC5C,OAAO,CACL,KAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,UAAU,CAAC,SAAS,WAAW,UAAU,CAAC,IAAI,EAAE,EAC7D,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,CAAC,KAAK,GACxB,CACH,CAAA;IACH,CAAC;IACD,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAE,oBAAoB,UAAU,CAAC,SAAS,yDAAyD,GAC1G,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAId,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IACjC,OAAO,CACL,8BACE,4BAAU,KAAK,GAAW,EAC1B,cAAK,GAAG,EAAC,EAAE,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAI,IACtC,CACX,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type { Attachment } from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport type { AttachmentClasses } from '../../customise/index.js'\nimport { ErrorMessage } from '../ErrorMessage.js'\n\nexport const Image: FC<{ attachment: Attachment; classes: AttachmentClasses }> = ({\n  attachment,\n  classes,\n}) => {\n  const title = attachment.fileName ?? `Attached Image (${attachment.mediaType})`\n  if (attachment.url) {\n    return <ImageInternal src={attachment.url} title={title} className={classes.image} />\n  }\n  if (attachment.contentEncoding === 'BASE64') {\n    return (\n      <ImageInternal\n        src={`data:${attachment.mediaType};base64,${attachment.body}`}\n        title={title}\n        className={classes.image}\n      />\n    )\n  }\n  return (\n    <ErrorMessage\n      message={`Couldn't display ${attachment.mediaType} image because it wasn't base64 encoded or externalised`}\n    />\n  )\n}\n\nconst ImageInternal: FC<{\n  src: string\n  title: string\n  className: string\n}> = ({ src, title, className }) => {\n  return (\n    <details>\n      <summary>{title}</summary>\n      <img alt=\"\" src={src} className={className} />\n    </details>\n  )\n}\n"]}

package/dist/src/components/gherkin/attachment/Links.d.ts

@@ -1,6 +1,6 @@
-import { Attachment } from '@cucumber/messages';
-import { FC } from 'react';
-import { AttachmentClasses } from '../../customise/index.js';
+import type { Attachment } from '@cucumber/messages';
+import type { FC } from 'react';
+import type { AttachmentClasses } from '../../customise/index.js';
 export declare const Links: FC<{
     attachment: Attachment;
     classes: AttachmentClasses;

package/dist/src/components/gherkin/attachment/Links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Links.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Links.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAG/C,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAG5D,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC;IACrB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,iBAAiB,CAAA;CAC3B,CAmBA,CAAA"}
+{"version":3,"file":"Links.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Links.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAGpD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAGjE,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC;IACrB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,iBAAiB,CAAA;CAC3B,CAmBA,CAAA"}

package/dist/src/components/gherkin/attachment/Links.js

@@ -1,17 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { faLink } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React from 'react';
 import { useText } from './useText.js';
 export const Links = ({ attachment, classes }) => {
     const { content } = useText(attachment);
-    return (React.createElement("ul", { className: classes.links }, content
-        .split('\n')
-        .filter((line) => !!line)
-        .map((line, index) => {
-        return (React.createElement("li", { key: index },
-            React.createElement("a", { href: line, target: "_blank", rel: "noreferrer" },
-                React.createElement(FontAwesomeIcon, { icon: faLink }),
-                line)));
-    })));
+    return (_jsx("ul", { className: classes.links, children: content
+            .split('\n')
+            .filter((line) => !!line)
+            .map((line, index) => {
+            return (_jsx("li", { children: _jsxs("a", { href: line, target: "_blank", rel: "noopener nofollow noreferrer", children: [_jsx(FontAwesomeIcon, { icon: faLink }), line] }) }, index));
+        }) }));
 };
 //# sourceMappingURL=Links.js.map

package/dist/src/components/gherkin/attachment/Links.js.map

@@ -1 +1 @@
-{"version":3,"file":"Links.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Links.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAa,MAAM,OAAO,CAAA;AAGjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,MAAM,CAAC,MAAM,KAAK,GAGb,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;IACvC,OAAO,CACL,4BAAI,SAAS,EAAE,OAAO,CAAC,KAAK,IACzB,OAAO;SACL,KAAK,CAAC,IAAI,CAAC;SACX,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;SACxB,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACnB,OAAO,CACL,4BAAI,GAAG,EAAE,KAAK;YACZ,2BAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY;gBAC7C,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI;gBAChC,IAAI,CACH,CACD,CACN,CAAA;IACH,CAAC,CAAC,CACD,CACN,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { Attachment } from '@cucumber/messages'\nimport { faLink } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React, { FC } from 'react'\n\nimport { AttachmentClasses } from '../../customise/index.js'\nimport { useText } from './useText.js'\n\nexport const Links: FC<{\n  attachment: Attachment\n  classes: AttachmentClasses\n}> = ({ attachment, classes }) => {\n  const { content } = useText(attachment)\n  return (\n    <ul className={classes.links}>\n      {content\n        .split('\\n')\n        .filter((line) => !!line)\n        .map((line, index) => {\n          return (\n            <li key={index}>\n              <a href={line} target=\"_blank\" rel=\"noreferrer\">\n                <FontAwesomeIcon icon={faLink} />\n                {line}\n              </a>\n            </li>\n          )\n        })}\n    </ul>\n  )\n}\n"]}
+{"version":3,"file":"Links.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Links.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAIhE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,MAAM,CAAC,MAAM,KAAK,GAGb,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;IACvC,OAAO,CACL,aAAI,SAAS,EAAE,OAAO,CAAC,KAAK,YACzB,OAAO;aACL,KAAK,CAAC,IAAI,CAAC;aACX,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;aACxB,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACnB,OAAO,CACL,uBACE,aAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,8BAA8B,aAC/D,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI,EAChC,IAAI,IACH,IAJG,KAAK,CAKT,CACN,CAAA;QACH,CAAC,CAAC,GACD,CACN,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type { Attachment } from '@cucumber/messages'\nimport { faLink } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport type { FC } from 'react'\n\nimport type { AttachmentClasses } from '../../customise/index.js'\nimport { useText } from './useText.js'\n\nexport const Links: FC<{\n  attachment: Attachment\n  classes: AttachmentClasses\n}> = ({ attachment, classes }) => {\n  const { content } = useText(attachment)\n  return (\n    <ul className={classes.links}>\n      {content\n        .split('\\n')\n        .filter((line) => !!line)\n        .map((line, index) => {\n          return (\n            <li key={index}>\n              <a href={line} target=\"_blank\" rel=\"noopener nofollow noreferrer\">\n                <FontAwesomeIcon icon={faLink} />\n                {line}\n              </a>\n            </li>\n          )\n        })}\n    </ul>\n  )\n}\n"]}

package/dist/src/components/gherkin/attachment/Log.d.ts

@@ -1,6 +1,6 @@
-import { Attachment } from '@cucumber/messages';
-import { FC } from 'react';
-import { AttachmentClasses } from '../../customise/index.js';
+import type { Attachment } from '@cucumber/messages';
+import type { FC } from 'react';
+import type { AttachmentClasses } from '../../customise/index.js';
 export declare const Log: FC<{
     attachment: Attachment;
     classes: AttachmentClasses;

package/dist/src/components/gherkin/attachment/Log.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Log.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Log.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAE/C,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAG5D,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC;IACnB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,iBAAiB,CAAA;CAC3B,CAOA,CAAA"}
+{"version":3,"file":"Log.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Log.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAGjE,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC;IACnB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,iBAAiB,CAAA;CAC3B,CAUA,CAAA"}

package/dist/src/components/gherkin/attachment/Log.js

@@ -1,10 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Convert from 'ansi-to-html';
-import React from 'react';
+import { CopyButton } from '../../app/CopyButton.js';
 import { useText } from './useText.js';
 export const Log = ({ attachment, classes }) => {
     const { content } = useText(attachment);
-    return (React.createElement("pre", { className: `${classes.text} ${classes.log}` },
-        React.createElement("span", { dangerouslySetInnerHTML: { __html: prettyANSI(content) } })));
+    return (_jsxs("div", { className: `${classes.text} ${classes.log}`, children: [_jsx("pre", { children: _jsx("span", { dangerouslySetInnerHTML: { __html: prettyANSI(content) } }) }), _jsx(CopyButton, { className: classes.copyButton, text: content })] }));
 };
 function prettyANSI(s) {
     return new Convert().toHtml(s);

package/dist/src/components/gherkin/attachment/Log.js.map

@@ -1 +1 @@
-{"version":3,"file":"Log.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Log.tsx"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,cAAc,CAAA;AAClC,OAAO,KAAa,MAAM,OAAO,CAAA;AAGjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,MAAM,CAAC,MAAM,GAAG,GAGX,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;IACvC,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,GAAG,EAAE;QAC9C,8BAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,GAAI,CAC9D,CACP,CAAA;AACH,CAAC,CAAA;AAED,SAAS,UAAU,CAAC,CAAS;IAC3B,OAAO,IAAI,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;AAChC,CAAC","sourcesContent":["import { Attachment } from '@cucumber/messages'\nimport Convert from 'ansi-to-html'\nimport React, { FC } from 'react'\n\nimport { AttachmentClasses } from '../../customise/index.js'\nimport { useText } from './useText.js'\n\nexport const Log: FC<{\n  attachment: Attachment\n  classes: AttachmentClasses\n}> = ({ attachment, classes }) => {\n  const { content } = useText(attachment)\n  return (\n    <pre className={`${classes.text} ${classes.log}`}>\n      <span dangerouslySetInnerHTML={{ __html: prettyANSI(content) }} />\n    </pre>\n  )\n}\n\nfunction prettyANSI(s: string) {\n  return new Convert().toHtml(s)\n}\n"]}
+{"version":3,"file":"Log.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Log.tsx"],"names":[],"mappings":";AAGA,OAAO,OAAO,MAAM,cAAc,CAAA;AAGlC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,MAAM,CAAC,MAAM,GAAG,GAGX,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;IACvC,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,GAAG,EAAE,aAC9C,wBACE,eAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,GAAI,GAC9D,EACN,KAAC,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,UAAU,EAAE,IAAI,EAAE,OAAO,GAAI,IACxD,CACP,CAAA;AACH,CAAC,CAAA;AAED,SAAS,UAAU,CAAC,CAAS;IAC3B,OAAO,IAAI,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;AAChC,CAAC","sourcesContent":["// biome-ignore-all lint/security/noDangerouslySetInnerHtml: pre-sanitised\n\nimport type { Attachment } from '@cucumber/messages'\nimport Convert from 'ansi-to-html'\nimport type { FC } from 'react'\n\nimport { CopyButton } from '../../app/CopyButton.js'\nimport type { AttachmentClasses } from '../../customise/index.js'\nimport { useText } from './useText.js'\n\nexport const Log: FC<{\n  attachment: Attachment\n  classes: AttachmentClasses\n}> = ({ attachment, classes }) => {\n  const { content } = useText(attachment)\n  return (\n    <div className={`${classes.text} ${classes.log}`}>\n      <pre>\n        <span dangerouslySetInnerHTML={{ __html: prettyANSI(content) }} />\n      </pre>\n      <CopyButton className={classes.copyButton} text={content} />\n    </div>\n  )\n}\n\nfunction prettyANSI(s: string) {\n  return new Convert().toHtml(s)\n}\n"]}

package/dist/src/components/gherkin/attachment/Text.d.ts

@@ -1,6 +1,6 @@
-import { Attachment } from '@cucumber/messages';
-import { FC } from 'react';
-import { AttachmentClasses } from '../../customise/index.js';
+import type { Attachment } from '@cucumber/messages';
+import type { FC } from 'react';
+import type { AttachmentClasses } from '../../customise/index.js';
 export declare const Text: FC<{
     attachment: Attachment;
     prettify?: (body: string) => string;

package/dist/src/components/gherkin/attachment/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAM5D,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC;IACpB,UAAU,EAAE,UAAU,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,OAAO,EAAE,iBAAiB,CAAA;CAC3B,CAqBA,CAAA"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAMjE,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC;IACpB,UAAU,EAAE,UAAU,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,OAAO,EAAE,iBAAiB,CAAA;CAC3B,CAwBA,CAAA"}

package/dist/src/components/gherkin/attachment/Text.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CopyButton } from '../../app/CopyButton.js';
 import { ErrorMessage } from '../ErrorMessage.js';
 import { useText } from './useText.js';
 const identity = (s) => s;
@@ -8,11 +9,8 @@ export const Text = ({ attachment, prettify = identity, classes }) => {
         return null;
     }
     if (error) {
-        return (React.createElement(ErrorMessage, null, "There was an error when trying to fetch the content for this attachment. Check your browser console for more information on what went wrong."));
+        return (_jsx(ErrorMessage, { children: "There was an error when trying to fetch the content for this attachment. Check your browser console for more information on what went wrong." }));
     }
-    return (React.createElement("details", null,
-        React.createElement("summary", null, title),
-        React.createElement("pre", { className: classes.text },
-            React.createElement("span", null, prettify(content)))));
+    return (_jsxs("details", { children: [_jsx("summary", { children: title }), _jsxs("div", { className: classes.text, children: [_jsx("pre", { children: _jsx("span", { children: prettify(content) }) }), _jsx(CopyButton, { className: classes.copyButton, text: content })] })] }));
 };
 //# sourceMappingURL=Text.js.map

package/dist/src/components/gherkin/attachment/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAa,MAAM,OAAO,CAAA;AAGjC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,MAAM,QAAQ,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAA;AAEjC,MAAM,CAAC,MAAM,IAAI,GAIZ,CAAC,EAAE,UAAU,EAAE,QAAQ,GAAG,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACpD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;IAC9D,IAAI,OAAO,EAAE;QACX,OAAO,IAAI,CAAA;KACZ;IACD,IAAI,KAAK,EAAE;QACT,OAAO,CACL,oBAAC,YAAY,uJAGE,CAChB,CAAA;KACF;IACD,OAAO,CACL;QACE,qCAAU,KAAK,CAAW;QAC1B,6BAAK,SAAS,EAAE,OAAO,CAAC,IAAI;YAC1B,kCAAO,QAAQ,CAAC,OAAO,CAAC,CAAQ,CAC5B,CACE,CACX,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { Attachment } from '@cucumber/messages'\nimport React, { FC } from 'react'\n\nimport { AttachmentClasses } from '../../customise/index.js'\nimport { ErrorMessage } from '../ErrorMessage.js'\nimport { useText } from './useText.js'\n\nconst identity = (s: string) => s\n\nexport const Text: FC<{\n  attachment: Attachment\n  prettify?: (body: string) => string\n  classes: AttachmentClasses\n}> = ({ attachment, prettify = identity, classes }) => {\n  const { title, loading, content, error } = useText(attachment)\n  if (loading) {\n    return null\n  }\n  if (error) {\n    return (\n      <ErrorMessage>\n        There was an error when trying to fetch the content for this attachment. Check your browser\n        console for more information on what went wrong.\n      </ErrorMessage>\n    )\n  }\n  return (\n    <details>\n      <summary>{title}</summary>\n      <pre className={classes.text}>\n        <span>{prettify(content)}</span>\n      </pre>\n    </details>\n  )\n}\n"]}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Text.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,MAAM,QAAQ,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAA;AAEjC,MAAM,CAAC,MAAM,IAAI,GAIZ,CAAC,EAAE,UAAU,EAAE,QAAQ,GAAG,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACpD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;IAC9D,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,IAAI,CAAA;IACb,CAAC;IACD,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,KAAC,YAAY,+JAGE,CAChB,CAAA;IACH,CAAC;IACD,OAAO,CACL,8BACE,4BAAU,KAAK,GAAW,EAC1B,eAAK,SAAS,EAAE,OAAO,CAAC,IAAI,aAC1B,wBACE,yBAAO,QAAQ,CAAC,OAAO,CAAC,GAAQ,GAC5B,EACN,KAAC,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,UAAU,EAAE,IAAI,EAAE,OAAO,GAAI,IACxD,IACE,CACX,CAAA;AACH,CAAC,CAAA","sourcesContent":["import type { Attachment } from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport { CopyButton } from '../../app/CopyButton.js'\nimport type { AttachmentClasses } from '../../customise/index.js'\nimport { ErrorMessage } from '../ErrorMessage.js'\nimport { useText } from './useText.js'\n\nconst identity = (s: string) => s\n\nexport const Text: FC<{\n  attachment: Attachment\n  prettify?: (body: string) => string\n  classes: AttachmentClasses\n}> = ({ attachment, prettify = identity, classes }) => {\n  const { title, loading, content, error } = useText(attachment)\n  if (loading) {\n    return null\n  }\n  if (error) {\n    return (\n      <ErrorMessage>\n        There was an error when trying to fetch the content for this attachment. Check your browser\n        console for more information on what went wrong.\n      </ErrorMessage>\n    )\n  }\n  return (\n    <details>\n      <summary>{title}</summary>\n      <div className={classes.text}>\n        <pre>\n          <span>{prettify(content)}</span>\n        </pre>\n        <CopyButton className={classes.copyButton} text={content} />\n      </div>\n    </details>\n  )\n}\n"]}

package/dist/src/components/gherkin/attachment/Unknown.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { AttachmentProps } from '../../customise/index.js';
+import { type FC } from 'react';
+import type { AttachmentProps } from '../../customise/index.js';
 export declare const Unknown: FC<AttachmentProps>;
 //# sourceMappingURL=Unknown.d.ts.map

package/dist/src/components/gherkin/attachment/Unknown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Unknown.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Unknown.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAA;AAGnE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAI1D,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,eAAe,CAKvC,CAAA"}
+{"version":3,"file":"Unknown.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Unknown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,EAAoC,MAAM,OAAO,CAAA;AAGjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAI/D,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,eAAe,CAKvC,CAAA"}

package/dist/src/components/gherkin/attachment/Unknown.js

@@ -1,29 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AttachmentContentEncoding } from '@cucumber/messages';
 import { faPaperclip } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { NavigationButton } from '../../app/NavigationButton.js';
 import { attachmentFilename } from './attachmentFilename.js';
-import { base64Decode } from './base64Decode.js';
+import { base64DecodeBytes } from './base64Decode.js';
 export const Unknown = ({ attachment }) => {
     if (attachment.url) {
-        return React.createElement(UnknownExternalised, { attachment: attachment });
+        return _jsx(UnknownExternalised, { attachment: attachment });
     }
-    return React.createElement(UnknownEmbedded, { attachment: attachment });
+    return _jsx(UnknownEmbedded, { attachment: attachment });
 };
 const UnknownExternalised = ({ attachment }) => {
     const filename = attachmentFilename(attachment);
     const onClick = () => {
         const anchor = document.createElement('a');
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         anchor.href = attachment.url;
         anchor.download = filename;
         anchor.click();
     };
-    return (React.createElement(NavigationButton, { onClick: onClick },
-        React.createElement(FontAwesomeIcon, { icon: faPaperclip }),
-        "Download ",
-        filename));
+    return (_jsxs(NavigationButton, { onClick: onClick, children: [_jsx(FontAwesomeIcon, { icon: faPaperclip }), "Download ", filename] }));
 };
 const UnknownEmbedded = ({ attachment }) => {
     const [downloadUrl, setDownloadUrl] = useState();
@@ -44,18 +41,13 @@ const UnknownEmbedded = ({ attachment }) => {
         anchor.download = filename;
         anchor.click();
     }, [attachment, filename, downloadUrl]);
-    return (React.createElement(NavigationButton, { onClick: onClick },
-        React.createElement(FontAwesomeIcon, { icon: faPaperclip }),
-        "Download ",
-        filename));
+    return (_jsxs(NavigationButton, { onClick: onClick, children: [_jsx(FontAwesomeIcon, { icon: faPaperclip }), "Download ", filename] }));
 };
 function createDownloadUrl(attachment) {
-    console.debug('Creating download url');
     const body = attachment.contentEncoding === AttachmentContentEncoding.BASE64
-        ? base64Decode(attachment.body)
+        ? base64DecodeBytes(attachment.body)
         : attachment.body;
-    const bytes = Uint8Array.from(body, (m) => m.codePointAt(0));
-    const file = new File([bytes], 'attachment', {
+    const file = new File([body], 'attachment', {
         type: attachment.mediaType,
     });
     return URL.createObjectURL(file);

package/dist/src/components/gherkin/attachment/Unknown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Unknown.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Unknown.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as messages from '@cucumber/messages'\nimport { AttachmentContentEncoding } from '@cucumber/messages'\nimport { faPaperclip } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React, { FC, useCallback, useEffect, useState } from 'react'\n\nimport { NavigationButton } from '../../app/NavigationButton.js'\nimport { AttachmentProps } from '../../customise/index.js'\nimport { attachmentFilename } from './attachmentFilename.js'\nimport { base64Decode } from './base64Decode.js'\n\nexport const Unknown: FC<AttachmentProps> = ({ attachment }) => {\n  if (attachment.url) {\n    return <UnknownExternalised attachment={attachment} />\n  }\n  return <UnknownEmbedded attachment={attachment} />\n}\n\nconst UnknownExternalised: FC<AttachmentProps> = ({ attachment }) => {\n  const filename = attachmentFilename(attachment)\n  const onClick = () => {\n    const anchor = document.createElement('a')\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    anchor.href = attachment.url!\n    anchor.download = filename\n    anchor.click()\n  }\n  return (\n    <NavigationButton onClick={onClick}>\n      <FontAwesomeIcon icon={faPaperclip} />\n      Download {filename}\n    </NavigationButton>\n  )\n}\n\nconst UnknownEmbedded: FC<AttachmentProps> = ({ attachment }) => {\n  const [downloadUrl, setDownloadUrl] = useState<string>()\n  useEffect(() => () => cleanupDownloadUrl(downloadUrl), [downloadUrl])\n  const filename = attachmentFilename(attachment)\n  const onClick = useCallback(() => {\n    let href\n    if (downloadUrl) {\n      href = downloadUrl\n    } else {\n      const createdUrl = createDownloadUrl(attachment)\n      setDownloadUrl(createdUrl)\n      href = createdUrl\n    }\n\n    const anchor = document.createElement('a')\n    anchor.href = href\n    anchor.download = filename\n    anchor.click()\n  }, [attachment, filename, downloadUrl])\n  return (\n    <NavigationButton onClick={onClick}>\n      <FontAwesomeIcon icon={faPaperclip} />\n      Download {filename}\n    </NavigationButton>\n  )\n}\n\nfunction createDownloadUrl(attachment: messages.Attachment) {\n  console.debug('Creating download url')\n  const body =\n    attachment.contentEncoding === AttachmentContentEncoding.BASE64\n      ? base64Decode(attachment.body)\n      : attachment.body\n  const bytes = Uint8Array.from<string>(body, (m) => m.codePointAt(0) as number)\n  const file = new File([bytes], 'attachment', {\n    type: attachment.mediaType,\n  })\n  return URL.createObjectURL(file)\n}\n\nfunction cleanupDownloadUrl(url?: string) {\n  if (url) {\n    console.debug('Revoking download url')\n    URL.revokeObjectURL(url)\n  }\n}\n"]}
+{"version":3,"file":"Unknown.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Unknown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type Attachment, AttachmentContentEncoding } from '@cucumber/messages'\nimport { faPaperclip } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { type FC, useCallback, useEffect, useState } from 'react'\n\nimport { NavigationButton } from '../../app/NavigationButton.js'\nimport type { AttachmentProps } from '../../customise/index.js'\nimport { attachmentFilename } from './attachmentFilename.js'\nimport { base64DecodeBytes } from './base64Decode.js'\n\nexport const Unknown: FC<AttachmentProps> = ({ attachment }) => {\n  if (attachment.url) {\n    return <UnknownExternalised attachment={attachment} />\n  }\n  return <UnknownEmbedded attachment={attachment} />\n}\n\nconst UnknownExternalised: FC<AttachmentProps> = ({ attachment }) => {\n  const filename = attachmentFilename(attachment)\n  const onClick = () => {\n    const anchor = document.createElement('a')\n    anchor.href = attachment.url as string\n    anchor.download = filename\n    anchor.click()\n  }\n  return (\n    <NavigationButton onClick={onClick}>\n      <FontAwesomeIcon icon={faPaperclip} />\n      Download {filename}\n    </NavigationButton>\n  )\n}\n\nconst UnknownEmbedded: FC<AttachmentProps> = ({ attachment }) => {\n  const [downloadUrl, setDownloadUrl] = useState<string>()\n  useEffect(() => () => cleanupDownloadUrl(downloadUrl), [downloadUrl])\n  const filename = attachmentFilename(attachment)\n  const onClick = useCallback(() => {\n    let href: string\n    if (downloadUrl) {\n      href = downloadUrl\n    } else {\n      const createdUrl = createDownloadUrl(attachment)\n      setDownloadUrl(createdUrl)\n      href = createdUrl\n    }\n\n    const anchor = document.createElement('a')\n    anchor.href = href\n    anchor.download = filename\n    anchor.click()\n  }, [attachment, filename, downloadUrl])\n  return (\n    <NavigationButton onClick={onClick}>\n      <FontAwesomeIcon icon={faPaperclip} />\n      Download {filename}\n    </NavigationButton>\n  )\n}\n\nfunction createDownloadUrl(attachment: Attachment): string {\n  const body =\n    attachment.contentEncoding === AttachmentContentEncoding.BASE64\n      ? base64DecodeBytes(attachment.body)\n      : attachment.body\n  const file = new File([body], 'attachment', {\n    type: attachment.mediaType,\n  })\n  return URL.createObjectURL(file)\n}\n\nfunction cleanupDownloadUrl(url?: string) {\n  if (url) {\n    console.debug('Revoking download url')\n    URL.revokeObjectURL(url)\n  }\n}\n"]}

package/dist/src/components/gherkin/attachment/Video.d.ts

@@ -1,6 +1,6 @@
-import * as messages from '@cucumber/messages';
-import { FC } from 'react';
+import type { Attachment } from '@cucumber/messages';
+import type { FC } from 'react';
 export declare const Video: FC<{
-    attachment: messages.Attachment;
+    attachment: Attachment;
 }>;
 //# sourceMappingURL=Video.d.ts.map

package/dist/src/components/gherkin/attachment/Video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAIjC,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC;IAAE,UAAU,EAAE,QAAQ,CAAC,UAAU,CAAA;CAAE,CAezD,CAAA"}
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Video.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC;IAAE,UAAU,EAAE,UAAU,CAAA;CAAE,CAehD,CAAA"}

package/dist/src/components/gherkin/attachment/Video.js

@@ -1,20 +1,16 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ErrorMessage } from '../ErrorMessage.js';
 export const Video = ({ attachment }) => {
-    const title = attachment.fileName ?? 'Attached Video (' + attachment.mediaType + ')';
+    const title = attachment.fileName ?? `Attached Video (${attachment.mediaType})`;
     if (attachment.url) {
-        return React.createElement(VideoInternal, { src: attachment.url, title: title });
+        return _jsx(VideoInternal, { src: attachment.url, title: title });
     }
     if (attachment.contentEncoding === 'BASE64') {
-        return (React.createElement(VideoInternal, { src: `data:${attachment.mediaType};base64,${attachment.body}`, title: title }));
+        return (_jsx(VideoInternal, { src: `data:${attachment.mediaType};base64,${attachment.body}`, title: title }));
     }
-    return (React.createElement(ErrorMessage, { message: `Couldn't display ${attachment.mediaType} video because it wasn't base64 encoded or externalised` }));
+    return (_jsx(ErrorMessage, { message: `Couldn't display ${attachment.mediaType} video because it wasn't base64 encoded or externalised` }));
 };
 const VideoInternal = ({ src, title }) => {
-    return (React.createElement("details", null,
-        React.createElement("summary", null, title),
-        React.createElement("video", { controls: true },
-            React.createElement("source", { src: src }),
-            "Your browser is unable to display video")));
+    return (_jsxs("details", { children: [_jsx("summary", { children: title }), _jsxs("video", { controls: true, children: [_jsx("source", { src: src }), "Your browser is unable to display video"] })] }));
 };
 //# sourceMappingURL=Video.js.map

package/dist/src/components/gherkin/attachment/Video.js.map

@@ -1 +1 @@
-{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Video.tsx"],"names":[],"mappings":"AACA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,KAAK,GAA4C,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IAC/E,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,IAAI,kBAAkB,GAAG,UAAU,CAAC,SAAS,GAAG,GAAG,CAAA;IACpF,IAAI,UAAU,CAAC,GAAG,EAAE;QAClB,OAAO,oBAAC,aAAa,IAAC,GAAG,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;KAC5D;IACD,IAAI,UAAU,CAAC,eAAe,KAAK,QAAQ,EAAE;QAC3C,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,QAAQ,UAAU,CAAC,SAAS,WAAW,UAAU,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAC/F,CAAA;KACF;IACD,OAAO,CACL,oBAAC,YAAY,IACX,OAAO,EAAE,oBAAoB,UAAU,CAAC,SAAS,yDAAyD,GAC1G,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAuC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL;QACE,qCAAU,KAAK,CAAW;QAC1B,+BAAO,QAAQ;YACb,gCAAQ,GAAG,EAAE,GAAG,GAAI;sDAEd,CACA,CACX,CAAA;AACH,CAAC,CAAA","sourcesContent":["import * as messages from '@cucumber/messages'\nimport React, { FC } from 'react'\n\nimport { ErrorMessage } from '../ErrorMessage.js'\n\nexport const Video: FC<{ attachment: messages.Attachment }> = ({ attachment }) => {\n  const title = attachment.fileName ?? 'Attached Video (' + attachment.mediaType + ')'\n  if (attachment.url) {\n    return <VideoInternal src={attachment.url} title={title} />\n  }\n  if (attachment.contentEncoding === 'BASE64') {\n    return (\n      <VideoInternal src={`data:${attachment.mediaType};base64,${attachment.body}`} title={title} />\n    )\n  }\n  return (\n    <ErrorMessage\n      message={`Couldn't display ${attachment.mediaType} video because it wasn't base64 encoded or externalised`}\n    />\n  )\n}\n\nconst VideoInternal: FC<{ src: string; title: string }> = ({ src, title }) => {\n  return (\n    <details>\n      <summary>{title}</summary>\n      <video controls>\n        <source src={src} />\n        Your browser is unable to display video\n      </video>\n    </details>\n  )\n}\n"]}
+{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/Video.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,MAAM,CAAC,MAAM,KAAK,GAAmC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACtE,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,IAAI,mBAAmB,UAAU,CAAC,SAAS,GAAG,CAAA;IAC/E,IAAI,UAAU,CAAC,GAAG,EAAE,CAAC;QACnB,OAAO,KAAC,aAAa,IAAC,GAAG,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;IAC7D,CAAC;IACD,IAAI,UAAU,CAAC,eAAe,KAAK,QAAQ,EAAE,CAAC;QAC5C,OAAO,CACL,KAAC,aAAa,IAAC,GAAG,EAAE,QAAQ,UAAU,CAAC,SAAS,WAAW,UAAU,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAC/F,CAAA;IACH,CAAC;IACD,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAE,oBAAoB,UAAU,CAAC,SAAS,yDAAyD,GAC1G,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAuC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,8BACE,4BAAU,KAAK,GAAW,EAC1B,iBAAO,QAAQ,mBACb,iBAAQ,GAAG,EAAE,GAAG,GAAI,+CAEd,IACA,CACX,CAAA;AACH,CAAC,CAAA","sourcesContent":["// biome-ignore-all lint/a11y/useMediaCaption: user-generated content\n\nimport type { Attachment } from '@cucumber/messages'\nimport type { FC } from 'react'\n\nimport { ErrorMessage } from '../ErrorMessage.js'\n\nexport const Video: FC<{ attachment: Attachment }> = ({ attachment }) => {\n  const title = attachment.fileName ?? `Attached Video (${attachment.mediaType})`\n  if (attachment.url) {\n    return <VideoInternal src={attachment.url} title={title} />\n  }\n  if (attachment.contentEncoding === 'BASE64') {\n    return (\n      <VideoInternal src={`data:${attachment.mediaType};base64,${attachment.body}`} title={title} />\n    )\n  }\n  return (\n    <ErrorMessage\n      message={`Couldn't display ${attachment.mediaType} video because it wasn't base64 encoded or externalised`}\n    />\n  )\n}\n\nconst VideoInternal: FC<{ src: string; title: string }> = ({ src, title }) => {\n  return (\n    <details>\n      <summary>{title}</summary>\n      <video controls>\n        <source src={src} />\n        Your browser is unable to display video\n      </video>\n    </details>\n  )\n}\n"]}

package/dist/src/components/gherkin/attachment/attachmentFilename.d.ts

@@ -1,3 +1,3 @@
-import { Attachment } from '@cucumber/messages';
+import type { Attachment } from '@cucumber/messages';
 export declare function attachmentFilename(attachment: Attachment): string;
 //# sourceMappingURL=attachmentFilename.d.ts.map

package/dist/src/components/gherkin/attachment/attachmentFilename.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachmentFilename.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/attachmentFilename.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAG/C,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CASjE"}
+{"version":3,"file":"attachmentFilename.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/attachmentFilename.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAGpD,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CASjE"}

package/dist/src/components/gherkin/attachment/attachmentFilename.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachmentFilename.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/attachmentFilename.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,MAAM,CAAA;AAE5B,MAAM,UAAU,kBAAkB,CAAC,UAAsB;IACvD,IAAI,UAAU,CAAC,QAAQ,EAAE;QACvB,OAAO,UAAU,CAAC,QAAQ,CAAA;KAC3B;IACD,MAAM,SAAS,GAAG,SAAS,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;IAC9D,IAAI,SAAS,EAAE;QACb,OAAO,cAAc,SAAS,EAAE,CAAA;KACjC;IACD,OAAO,YAAY,CAAA;AACrB,CAAC","sourcesContent":["import { Attachment } from '@cucumber/messages'\nimport mimeTypes from 'mime'\n\nexport function attachmentFilename(attachment: Attachment): string {\n  if (attachment.fileName) {\n    return attachment.fileName\n  }\n  const extension = mimeTypes.getExtension(attachment.mediaType)\n  if (extension) {\n    return `attachment.${extension}`\n  }\n  return 'attachment'\n}\n"]}
+{"version":3,"file":"attachmentFilename.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/attachmentFilename.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,MAAM,CAAA;AAE5B,MAAM,UAAU,kBAAkB,CAAC,UAAsB;IACvD,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;QACxB,OAAO,UAAU,CAAC,QAAQ,CAAA;IAC5B,CAAC;IACD,MAAM,SAAS,GAAG,SAAS,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;IAC9D,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,cAAc,SAAS,EAAE,CAAA;IAClC,CAAC;IACD,OAAO,YAAY,CAAA;AACrB,CAAC","sourcesContent":["import type { Attachment } from '@cucumber/messages'\nimport mimeTypes from 'mime'\n\nexport function attachmentFilename(attachment: Attachment): string {\n  if (attachment.fileName) {\n    return attachment.fileName\n  }\n  const extension = mimeTypes.getExtension(attachment.mediaType)\n  if (extension) {\n    return `attachment.${extension}`\n  }\n  return 'attachment'\n}\n"]}

package/dist/src/components/gherkin/attachment/base64Decode.d.ts

@@ -1,2 +1,10 @@
-export declare function base64Decode(body: string): string;
+/**
+ * Decode base64 to UTF-8 string.
+ */
+export declare function base64DecodeText(body: string): string;
+/**
+ * Decode base64 to raw bytes without any text encoding conversion,
+ * preserving byte-for-byte accuracy needed for binary content.
+ */
+export declare function base64DecodeBytes(body: string): Uint8Array<ArrayBuffer>;
 //# sourceMappingURL=base64Decode.d.ts.map

package/dist/src/components/gherkin/attachment/base64Decode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base64Decode.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/base64Decode.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,UAGxC"}
+{"version":3,"file":"base64Decode.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/base64Decode.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAErD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC,WAAW,CAAC,CAOvE"}

package/dist/src/components/gherkin/attachment/base64Decode.js

@@ -1,5 +1,19 @@
-export function base64Decode(body) {
-    // TODO handle unicode
-    return atob(body);
+/**
+ * Decode base64 to UTF-8 string.
+ */
+export function base64DecodeText(body) {
+    return new TextDecoder('utf-8').decode(Uint8Array.from(atob(body), (c) => c.charCodeAt(0)));
+}
+/**
+ * Decode base64 to raw bytes without any text encoding conversion,
+ * preserving byte-for-byte accuracy needed for binary content.
+ */
+export function base64DecodeBytes(body) {
+    const binary = atob(body);
+    const bytes = new Uint8Array(binary.length);
+    for (let i = 0; i < binary.length; i++) {
+        bytes[i] = binary.charCodeAt(i);
+    }
+    return bytes;
 }
 //# sourceMappingURL=base64Decode.js.map

package/dist/src/components/gherkin/attachment/base64Decode.js.map

@@ -1 +1 @@
-{"version":3,"file":"base64Decode.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/base64Decode.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAAC,IAAY;IACvC,sBAAsB;IACtB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,CAAC","sourcesContent":["export function base64Decode(body: string) {\n  // TODO handle unicode\n  return atob(body)\n}\n"]}
+{"version":3,"file":"base64Decode.js","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/base64Decode.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,IAAY;IAC3C,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAC7F,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,IAAY;IAC5C,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAA;IACzB,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IAC3C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IACjC,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC","sourcesContent":["/**\n * Decode base64 to UTF-8 string.\n */\nexport function base64DecodeText(body: string): string {\n  return new TextDecoder('utf-8').decode(Uint8Array.from(atob(body), (c) => c.charCodeAt(0)))\n}\n\n/**\n * Decode base64 to raw bytes without any text encoding conversion,\n * preserving byte-for-byte accuracy needed for binary content.\n */\nexport function base64DecodeBytes(body: string): Uint8Array<ArrayBuffer> {\n  const binary = atob(body)\n  const bytes = new Uint8Array(binary.length)\n  for (let i = 0; i < binary.length; i++) {\n    bytes[i] = binary.charCodeAt(i)\n  }\n  return bytes\n}\n"]}

package/dist/src/components/gherkin/attachment/useText.d.ts

@@ -1,4 +1,4 @@
-import { Attachment } from '@cucumber/messages';
+import type { Attachment } from '@cucumber/messages';
 export declare function useText(attachment: Attachment): {
     title: string;
     loading: boolean;

package/dist/src/components/gherkin/attachment/useText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useText.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/useText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAK/C,wBAAgB,OAAO,CAAC,UAAU,EAAE,UAAU;;;;;EA0B7C"}
+{"version":3,"file":"useText.d.ts","sourceRoot":"","sources":["../../../../../src/components/gherkin/attachment/useText.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAKpD,wBAAgB,OAAO,CAAC,UAAU,EAAE,UAAU;;;;;EA0B7C"}

package/dist/src/components/gherkin/attachment/useText.js

@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react';
-import { base64Decode } from './base64Decode.js';
+import { base64DecodeText } from './base64Decode.js';
 export function useText(attachment) {
     const [loading, setLoading] = useState(false);
-    const [content, setContent] = useState(attachment.contentEncoding === 'BASE64' ? base64Decode(attachment.body) : attachment.body);
+    const [content, setContent] = useState(attachment.contentEncoding === 'BASE64' ? base64DecodeText(attachment.body) : attachment.body);
     const [error, setError] = useState();
     useEffect(() => {
         if (attachment.url) {
@@ -19,7 +19,7 @@ export function useText(attachment) {
         }
     }, [attachment]);
     return {
-        title: attachment.fileName ?? 'Attached Text (' + attachment.mediaType + ')',
+        title: attachment.fileName ?? `Attached Text (${attachment.mediaType})`,
         loading,
         content,
         error,