@memori.ai/memori-react 1.0.0-alpha.3 → 1.0.0-alpha.4

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 (8) hide show
  1. package/dist/components/Snippet/Snippet.js +3 -1
  2. package/dist/components/Snippet/Snippet.js.map +1 -1
  3. package/esm/components/Snippet/Snippet.js +3 -1
  4. package/esm/components/Snippet/Snippet.js.map +1 -1
  5. package/package.json +1 -6
  6. package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap +2 -0
  7. package/src/components/Snippet/Snippet.tsx +40 -31
  8. package/src/components/Snippet/__snapshots__/Snippet.test.tsx.snap +7 -0
package/dist/components/Snippet/Snippet.js CHANGED
@@ -16,6 +16,7 @@ const cpp_1 = tslib_1.__importDefault(require("react-syntax-highlighter/dist/cjs
16
16
  const php_1 = tslib_1.__importDefault(require("react-syntax-highlighter/dist/cjs/languages/prism/php"));
17
17
  const ruby_1 = tslib_1.__importDefault(require("react-syntax-highlighter/dist/cjs/languages/prism/ruby"));
18
18
  const sql_1 = tslib_1.__importDefault(require("react-syntax-highlighter/dist/cjs/languages/prism/sql"));
19
+ const react_i18next_1 = require("react-i18next");
19
20
  require("./Snippet.css");
20
21
  react_syntax_highlighter_1.PrismAsyncLight.registerLanguage('tsx', tsx_1.default);
21
22
  react_syntax_highlighter_1.PrismAsyncLight.registerLanguage('json', json_1.default);
@@ -28,12 +29,13 @@ react_syntax_highlighter_1.PrismAsyncLight.registerLanguage('ruby', ruby_1.defau
28
29
  react_syntax_highlighter_1.PrismAsyncLight.registerLanguage('sql', sql_1.default);
29
30
  const Snippet = ({ medium, className, preview = false }) => {
30
31
  var _a, _b, _c, _d;
32
+ const { t } = (0, react_i18next_1.useTranslation)();
31
33
  return (react_1.default.createElement("div", { className: "memori-snippet" },
32
34
  react_1.default.createElement("div", { className: "memori-snippet--content" },
33
35
  react_1.default.createElement(react_syntax_highlighter_1.PrismAsyncLight, { "aria-labelledby": `#snippet-${medium.mediumID}`, className: className, style: prism_1.atomDark, showLineNumbers: true, language: (_b = (_a = constants_1.prismSyntaxLangs.find(l => medium.mimeType === l.mimeType)) === null || _a === void 0 ? void 0 : _a.lang) !== null && _b !== void 0 ? _b : 'text' }, ((_c = medium.content) === null || _c === void 0 ? void 0 : _c.length) && medium.content.length > 200 && preview
34
36
  ? `${medium.content.slice(0, 200)}\n...`
35
37
  : `${medium.content}`),
36
- react_1.default.createElement(Button_1.default, { padded: false, ghost: true, className: "memori-snippet--copy-button", icon: react_1.default.createElement(Copy_1.default, null), onClick: () => { var _a; return navigator.clipboard.writeText((_a = medium.content) !== null && _a !== void 0 ? _a : ''); } })),
38
+ react_1.default.createElement(Button_1.default, { padded: false, ghost: true, className: "memori-snippet--copy-button", title: t('copy') || 'Copy', icon: react_1.default.createElement(Copy_1.default, null), onClick: () => { var _a; return navigator.clipboard.writeText((_a = medium.content) !== null && _a !== void 0 ? _a : ''); } })),
37
39
  !!((_d = medium.title) === null || _d === void 0 ? void 0 : _d.length) && (react_1.default.createElement("p", { id: `snippet-${medium.mediumID}`, className: "memori-snippet--caption" }, medium.title))));
38
40
  };
39
41
  exports.default = Snippet;
package/dist/components/Snippet/Snippet.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Snippet.js","sourceRoot":"","sources":["../../../src/components/Snippet/Snippet.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B,kEAAkC;AAClC,iEAAiC;AACjC,uDAA2D;AAC3D,uEAAgF;AAChF,0EAA0E;AAC1E,wGAAwE;AACxE,0GAA0E;AAC1E,0GAA0E;AAC1E,0GAA0E;AAC1E,8GAA8E;AAC9E,wGAAwE;AACxE,wGAAwE;AACxE,0GAA0E;AAC1E,wGAAwE;AAExE,yBAAuB;AASvB,0CAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAG,CAAC,CAAC;AAC/C,0CAAiB,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAI,CAAC,CAAC;AACjD,0CAAiB,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAI,CAAC,CAAC;AACjD,0CAAiB,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAI,CAAC,CAAC;AACjD,0CAAiB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,gBAAM,CAAC,CAAC;AACrD,0CAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAG,CAAC,CAAC;AAC/C,0CAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAG,CAAC,CAAC;AAC/C,0CAAiB,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAI,CAAC,CAAC;AACjD,0CAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAG,CAAC,CAAC;AAE/C,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAS,EAAE,EAAE;;IAAC,OAAA,CACjE,uCAAK,SAAS,EAAC,gBAAgB;QAC7B,uCAAK,SAAS,EAAC,yBAAyB;YACtC,8BAAC,0CAAiB,uBACC,YAAY,MAAM,CAAC,QAAQ,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,gBAAQ,EACf,eAAe,QACf,QAAQ,EACN,MAAA,MAAA,4BAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,CAAC,0CAAE,IAAI,mCAChE,MAAM,IAGP,CAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,MAAM,KAAI,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,GAAG,IAAI,OAAO;gBAC/D,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,OAAO;gBACxC,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,EAAE,CACL;YACpB,8BAAC,gBAAM,IACL,MAAM,EAAE,KAAK,EACb,KAAK,QACL,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAE,8BAAC,cAAI,OAAG,EACd,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAA,MAAM,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAA,EAAA,GAClE,CACE;QACL,CAAC,CAAC,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,MAAM,CAAA,IAAI,CACzB,qCAAG,EAAE,EAAE,WAAW,MAAM,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAC,yBAAyB,IACrE,MAAM,CAAC,KAAK,CACX,CACL,CACG,CACP,CAAA;CAAA,CAAC;AAEF,kBAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Snippet.js","sourceRoot":"","sources":["../../../src/components/Snippet/Snippet.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B,kEAAkC;AAClC,iEAAiC;AACjC,uDAA2D;AAC3D,uEAAgF;AAChF,0EAA0E;AAC1E,wGAAwE;AACxE,0GAA0E;AAC1E,0GAA0E;AAC1E,0GAA0E;AAC1E,8GAA8E;AAC9E,wGAAwE;AACxE,wGAAwE;AACxE,0GAA0E;AAC1E,wGAAwE;AACxE,iDAA+C;AAE/C,yBAAuB;AASvB,0CAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAG,CAAC,CAAC;AAC/C,0CAAiB,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAI,CAAC,CAAC;AACjD,0CAAiB,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAI,CAAC,CAAC;AACjD,0CAAiB,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAI,CAAC,CAAC;AACjD,0CAAiB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,gBAAM,CAAC,CAAC;AACrD,0CAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAG,CAAC,CAAC;AAC/C,0CAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAG,CAAC,CAAC;AAC/C,0CAAiB,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAI,CAAC,CAAC;AACjD,0CAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAG,CAAC,CAAC;AAE/C,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAS,EAAE,EAAE;;IAChE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,uCAAK,SAAS,EAAC,gBAAgB;QAC7B,uCAAK,SAAS,EAAC,yBAAyB;YACtC,8BAAC,0CAAiB,uBACC,YAAY,MAAM,CAAC,QAAQ,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,gBAAQ,EACf,eAAe,QACf,QAAQ,EACN,MAAA,MAAA,4BAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,CAAC,0CAAE,IAAI,mCAChE,MAAM,IAGP,CAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,MAAM,KAAI,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,GAAG,IAAI,OAAO;gBAC/D,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,OAAO;gBACxC,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,EAAE,CACL;YACpB,8BAAC,gBAAM,IACL,MAAM,EAAE,KAAK,EACb,KAAK,QACL,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,MAAM,EAC1B,IAAI,EAAE,8BAAC,cAAI,OAAG,EACd,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAA,MAAM,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAA,EAAA,GAClE,CACE;QACL,CAAC,CAAC,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,MAAM,CAAA,IAAI,CACzB,qCACE,EAAE,EAAE,WAAW,MAAM,CAAC,QAAQ,EAAE,EAChC,SAAS,EAAC,yBAAyB,IAElC,MAAM,CAAC,KAAK,CACX,CACL,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
package/esm/components/Snippet/Snippet.js CHANGED
@@ -13,6 +13,7 @@ import cpp from 'react-syntax-highlighter/dist/cjs/languages/prism/cpp';
13
13
  import php from 'react-syntax-highlighter/dist/cjs/languages/prism/php';
14
14
  import ruby from 'react-syntax-highlighter/dist/cjs/languages/prism/ruby';
15
15
  import sql from 'react-syntax-highlighter/dist/cjs/languages/prism/sql';
16
+ import { useTranslation } from 'react-i18next';
16
17
  import './Snippet.css';
17
18
  SyntaxHighlighter.registerLanguage('tsx', tsx);
18
19
  SyntaxHighlighter.registerLanguage('json', json);
@@ -25,12 +26,13 @@ SyntaxHighlighter.registerLanguage('ruby', ruby);
25
26
  SyntaxHighlighter.registerLanguage('sql', sql);
26
27
  const Snippet = ({ medium, className, preview = false }) => {
27
28
  var _a, _b, _c, _d;
29
+ const { t } = useTranslation();
28
30
  return (React.createElement("div", { className: "memori-snippet" },
29
31
  React.createElement("div", { className: "memori-snippet--content" },
30
32
  React.createElement(SyntaxHighlighter, { "aria-labelledby": `#snippet-${medium.mediumID}`, className: className, style: atomDark, showLineNumbers: true, language: (_b = (_a = prismSyntaxLangs.find(l => medium.mimeType === l.mimeType)) === null || _a === void 0 ? void 0 : _a.lang) !== null && _b !== void 0 ? _b : 'text' }, ((_c = medium.content) === null || _c === void 0 ? void 0 : _c.length) && medium.content.length > 200 && preview
31
33
  ? `${medium.content.slice(0, 200)}\n...`
32
34
  : `${medium.content}`),
33
- React.createElement(Button, { padded: false, ghost: true, className: "memori-snippet--copy-button", icon: React.createElement(Copy, null), onClick: () => { var _a; return navigator.clipboard.writeText((_a = medium.content) !== null && _a !== void 0 ? _a : ''); } })),
35
+ React.createElement(Button, { padded: false, ghost: true, className: "memori-snippet--copy-button", title: t('copy') || 'Copy', icon: React.createElement(Copy, null), onClick: () => { var _a; return navigator.clipboard.writeText((_a = medium.content) !== null && _a !== void 0 ? _a : ''); } })),
34
36
  !!((_d = medium.title) === null || _d === void 0 ? void 0 : _d.length) && (React.createElement("p", { id: `snippet-${medium.mediumID}`, className: "memori-snippet--caption" }, medium.title))));
35
37
  };
36
38
  export default Snippet;
package/esm/components/Snippet/Snippet.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Snippet.js","sourceRoot":"","sources":["../../../src/components/Snippet/Snippet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,IAAI,MAAM,eAAe,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,eAAe,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,gDAAgD,CAAC;AAC1E,OAAO,GAAG,MAAM,uDAAuD,CAAC;AACxE,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAC1E,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAC1E,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAC1E,OAAO,MAAM,MAAM,0DAA0D,CAAC;AAC9E,OAAO,GAAG,MAAM,uDAAuD,CAAC;AACxE,OAAO,GAAG,MAAM,uDAAuD,CAAC;AACxE,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAC1E,OAAO,GAAG,MAAM,uDAAuD,CAAC;AAExE,OAAO,eAAe,CAAC;AASvB,iBAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAC/C,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACjD,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACjD,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACjD,iBAAiB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AACrD,iBAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAC/C,iBAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAC/C,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACjD,iBAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAE/C,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAS,EAAE,EAAE;;IAAC,OAAA,CACjE,6BAAK,SAAS,EAAC,gBAAgB;QAC7B,6BAAK,SAAS,EAAC,yBAAyB;YACtC,oBAAC,iBAAiB,uBACC,YAAY,MAAM,CAAC,QAAQ,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,QAAQ,EACf,eAAe,QACf,QAAQ,EACN,MAAA,MAAA,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,CAAC,0CAAE,IAAI,mCAChE,MAAM,IAGP,CAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,MAAM,KAAI,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,GAAG,IAAI,OAAO;gBAC/D,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,OAAO;gBACxC,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,EAAE,CACL;YACpB,oBAAC,MAAM,IACL,MAAM,EAAE,KAAK,EACb,KAAK,QACL,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAE,oBAAC,IAAI,OAAG,EACd,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAA,MAAM,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAA,EAAA,GAClE,CACE;QACL,CAAC,CAAC,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,MAAM,CAAA,IAAI,CACzB,2BAAG,EAAE,EAAE,WAAW,MAAM,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAC,yBAAyB,IACrE,MAAM,CAAC,KAAK,CACX,CACL,CACG,CACP,CAAA;CAAA,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Snippet.js","sourceRoot":"","sources":["../../../src/components/Snippet/Snippet.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.3",
2
+ "version": "1.0.0-alpha.4",
3
3
  "name": "@memori.ai/memori-react",
4
4
  "author": "Memori Srl",
5
5
  "main": "dist/index.js",
@@ -64,11 +64,6 @@
64
64
  "peerDependencies": {
65
65
  "react": ">=16"
66
66
  },
67
- "husky": {
68
- "hooks": {
69
- "pre-commit": "tsdx lint"
70
- }
71
- },
72
67
  "prettier": {
73
68
  "printWidth": 80,
74
69
  "semi": true,
package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap CHANGED
@@ -120,6 +120,7 @@ exports[`renders MediaItemWidget unchanged with css snippet to show 1`] = `
120
120
  </pre>
121
121
  <button
122
122
  class="memori-snippet--copy-button memori-button memori-button--ghost memori-button--rounded memori-button--icon-only"
123
+ title="copy"
123
124
  >
124
125
  <span
125
126
  class="memori-button--icon"
@@ -356,6 +357,7 @@ exports[`renders MediaItemWidget unchanged with js snippet to show 1`] = `
356
357
  </pre>
357
358
  <button
358
359
  class="memori-snippet--copy-button memori-button memori-button--ghost memori-button--rounded memori-button--icon-only"
360
+ title="copy"
359
361
  >
360
362
  <span
361
363
  class="memori-button--icon"
package/src/components/Snippet/Snippet.tsx CHANGED
@@ -14,6 +14,7 @@ import cpp from 'react-syntax-highlighter/dist/cjs/languages/prism/cpp';
14
14
  import php from 'react-syntax-highlighter/dist/cjs/languages/prism/php';
15
15
  import ruby from 'react-syntax-highlighter/dist/cjs/languages/prism/ruby';
16
16
  import sql from 'react-syntax-highlighter/dist/cjs/languages/prism/sql';
17
+ import { useTranslation } from 'react-i18next';
17
18
 
18
19
  import './Snippet.css';
19
20
 
@@ -34,37 +35,45 @@ SyntaxHighlighter.registerLanguage('php', php);
34
35
  SyntaxHighlighter.registerLanguage('ruby', ruby);
35
36
  SyntaxHighlighter.registerLanguage('sql', sql);
36
37
 
37
- const Snippet = ({ medium, className, preview = false }: Props) => (
38
- <div className="memori-snippet">
39
- <div className="memori-snippet--content">
40
- <SyntaxHighlighter
41
- aria-labelledby={`#snippet-${medium.mediumID}`}
42
- className={className}
43
- style={atomDark}
44
- showLineNumbers
45
- language={
46
- prismSyntaxLangs.find(l => medium.mimeType === l.mimeType)?.lang ??
47
- 'text'
48
- }
49
- >
50
- {medium.content?.length && medium.content.length > 200 && preview
51
- ? `${medium.content.slice(0, 200)}\n...`
52
- : `${medium.content}`}
53
- </SyntaxHighlighter>
54
- <Button
55
- padded={false}
56
- ghost
57
- className="memori-snippet--copy-button"
58
- icon={<Copy />}
59
- onClick={() => navigator.clipboard.writeText(medium.content ?? '')}
60
- />
38
+ const Snippet = ({ medium, className, preview = false }: Props) => {
39
+ const { t } = useTranslation();
40
+
41
+ return (
42
+ <div className="memori-snippet">
43
+ <div className="memori-snippet--content">
44
+ <SyntaxHighlighter
45
+ aria-labelledby={`#snippet-${medium.mediumID}`}
46
+ className={className}
47
+ style={atomDark}
48
+ showLineNumbers
49
+ language={
50
+ prismSyntaxLangs.find(l => medium.mimeType === l.mimeType)?.lang ??
51
+ 'text'
52
+ }
53
+ >
54
+ {medium.content?.length && medium.content.length > 200 && preview
55
+ ? `${medium.content.slice(0, 200)}\n...`
56
+ : `${medium.content}`}
57
+ </SyntaxHighlighter>
58
+ <Button
59
+ padded={false}
60
+ ghost
61
+ className="memori-snippet--copy-button"
62
+ title={t('copy') || 'Copy'}
63
+ icon={<Copy />}
64
+ onClick={() => navigator.clipboard.writeText(medium.content ?? '')}
65
+ />
66
+ </div>
67
+ {!!medium.title?.length && (
68
+ <p
69
+ id={`snippet-${medium.mediumID}`}
70
+ className="memori-snippet--caption"
71
+ >
72
+ {medium.title}
73
+ </p>
74
+ )}
61
75
  </div>
62
- {!!medium.title?.length && (
63
- <p id={`snippet-${medium.mediumID}`} className="memori-snippet--caption">
64
- {medium.title}
65
- </p>
66
- )}
67
- </div>
68
- );
76
+ );
77
+ };
69
78
 
70
79
  export default Snippet;
package/src/components/Snippet/__snapshots__/Snippet.test.tsx.snap CHANGED
@@ -94,6 +94,7 @@ exports[`renders SnippetUpload with css code 1`] = `
94
94
  </pre>
95
95
  <button
96
96
  class="memori-snippet--copy-button memori-button memori-button--ghost memori-button--rounded memori-button--icon-only"
97
+ title="copy"
97
98
  >
98
99
  <span
99
100
  class="memori-button--icon"
@@ -189,6 +190,7 @@ exports[`renders SnippetUpload with html code 1`] = `
189
190
  </pre>
190
191
  <button
191
192
  class="memori-snippet--copy-button memori-button memori-button--ghost memori-button--rounded memori-button--icon-only"
193
+ title="copy"
192
194
  >
193
195
  <span
194
196
  class="memori-button--icon"
@@ -248,6 +250,7 @@ exports[`renders SnippetUpload with js code 1`] = `
248
250
  </pre>
249
251
  <button
250
252
  class="memori-snippet--copy-button memori-button memori-button--ghost memori-button--rounded memori-button--icon-only"
253
+ title="copy"
251
254
  >
252
255
  <span
253
256
  class="memori-button--icon"
@@ -585,6 +588,7 @@ exports[`renders SnippetUpload with preview mode (clamping) 1`] = `
585
588
  </pre>
586
589
  <button
587
590
  class="memori-snippet--copy-button memori-button memori-button--ghost memori-button--rounded memori-button--icon-only"
591
+ title="copy"
588
592
  >
589
593
  <span
590
594
  class="memori-button--icon"
@@ -2633,6 +2637,7 @@ exports[`renders SnippetUpload with react/tsx code 1`] = `
2633
2637
  </pre>
2634
2638
  <button
2635
2639
  class="memori-snippet--copy-button memori-button memori-button--ghost memori-button--rounded memori-button--icon-only"
2640
+ title="copy"
2636
2641
  >
2637
2642
  <span
2638
2643
  class="memori-button--icon"
@@ -2690,6 +2695,7 @@ exports[`renders SnippetUpload with text 1`] = `
2690
2695
  </pre>
2691
2696
  <button
2692
2697
  class="memori-snippet--copy-button memori-button memori-button--ghost memori-button--rounded memori-button--icon-only"
2698
+ title="copy"
2693
2699
  >
2694
2700
  <span
2695
2701
  class="memori-button--icon"
@@ -2747,6 +2753,7 @@ exports[`renders SnippetUpload with text as fallback 1`] = `
2747
2753
  </pre>
2748
2754
  <button
2749
2755
  class="memori-snippet--copy-button memori-button memori-button--ghost memori-button--rounded memori-button--icon-only"
2756
+ title="copy"
2750
2757
  >
2751
2758
  <span
2752
2759
  class="memori-button--icon"