@memori.ai/memori-react 7.8.6 → 7.8.7

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
 
2
2
 
3
+ ## [7.8.7](https://github.com/memori-ai/memori-react/compare/v7.8.6...v7.8.7) (2024-11-11)
4
+
5
+
6
+ ### Changes
7
+
8
+ * prisma as external dep from cdn ([f93abb8](https://github.com/memori-ai/memori-react/commit/f93abb8f2ea6786373e7089908b046fd980f2bfc))
9
+
3
10
  ## [7.8.6](https://github.com/memori-ai/memori-react/compare/v7.8.5...v7.8.6) (2024-11-11)
4
11
 
5
12
 
@@ -3,8 +3,7 @@ export interface Props {
3
3
  medium: Medium;
4
4
  className?: string;
5
5
  preview?: boolean;
6
- showLineNumbers?: boolean;
7
6
  showCopyButton?: boolean;
8
7
  }
9
- declare const Snippet: ({ medium, className, preview, showLineNumbers, showCopyButton, }: Props) => JSX.Element;
8
+ declare const Snippet: ({ medium, className, preview, showCopyButton, }: Props) => JSX.Element;
10
9
  export default Snippet;
@@ -2,36 +2,47 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
5
6
  const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
6
7
  const Copy_1 = tslib_1.__importDefault(require("../icons/Copy"));
7
8
  const constants_1 = require("../../helpers/constants");
8
- const react_syntax_highlighter_1 = require("react-syntax-highlighter");
9
- const prism_1 = require("react-syntax-highlighter/dist/cjs/styles/prism");
10
- const tsx_1 = tslib_1.__importDefault(require("react-syntax-highlighter/dist/cjs/languages/prism/tsx"));
11
- const json_1 = tslib_1.__importDefault(require("react-syntax-highlighter/dist/cjs/languages/prism/json"));
12
- const scss_1 = tslib_1.__importDefault(require("react-syntax-highlighter/dist/cjs/languages/prism/scss"));
13
- const bash_1 = tslib_1.__importDefault(require("react-syntax-highlighter/dist/cjs/languages/prism/bash"));
14
- const python_1 = tslib_1.__importDefault(require("react-syntax-highlighter/dist/cjs/languages/prism/python"));
15
- const cpp_1 = tslib_1.__importDefault(require("react-syntax-highlighter/dist/cjs/languages/prism/cpp"));
16
- const php_1 = tslib_1.__importDefault(require("react-syntax-highlighter/dist/cjs/languages/prism/php"));
17
- const ruby_1 = tslib_1.__importDefault(require("react-syntax-highlighter/dist/cjs/languages/prism/ruby"));
18
- const sql_1 = tslib_1.__importDefault(require("react-syntax-highlighter/dist/cjs/languages/prism/sql"));
19
9
  const react_i18next_1 = require("react-i18next");
20
- react_syntax_highlighter_1.PrismAsyncLight.registerLanguage('tsx', tsx_1.default);
21
- react_syntax_highlighter_1.PrismAsyncLight.registerLanguage('json', json_1.default);
22
- react_syntax_highlighter_1.PrismAsyncLight.registerLanguage('scss', scss_1.default);
23
- react_syntax_highlighter_1.PrismAsyncLight.registerLanguage('bash', bash_1.default);
24
- react_syntax_highlighter_1.PrismAsyncLight.registerLanguage('python', python_1.default);
25
- react_syntax_highlighter_1.PrismAsyncLight.registerLanguage('cpp', cpp_1.default);
26
- react_syntax_highlighter_1.PrismAsyncLight.registerLanguage('php', php_1.default);
27
- react_syntax_highlighter_1.PrismAsyncLight.registerLanguage('ruby', ruby_1.default);
28
- react_syntax_highlighter_1.PrismAsyncLight.registerLanguage('sql', sql_1.default);
29
- const Snippet = ({ medium, className, preview = false, showLineNumbers = true, showCopyButton = true, }) => {
30
- var _a, _b, _c, _d;
10
+ const classnames_1 = tslib_1.__importDefault(require("classnames"));
11
+ const loadPrismScripts = () => {
12
+ const existingScript = document.getElementById('memori-prism-script');
13
+ if (existingScript) {
14
+ return;
15
+ }
16
+ const script = document.createElement('script');
17
+ script.src = 'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/prism.min.js';
18
+ script.async = true;
19
+ script.id = 'memori-prism-script';
20
+ const autoloaderScript = document.createElement('script');
21
+ autoloaderScript.src =
22
+ 'https://cdn.jsdelivr.net/npm/prismjs@v1.29.0/plugins/autoloader/prism-autoloader.min.js';
23
+ autoloaderScript.async = true;
24
+ autoloaderScript.id = 'memori-prism-autoloader-script';
25
+ const prismCss = document.createElement('link');
26
+ prismCss.rel = 'stylesheet';
27
+ prismCss.href =
28
+ 'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/themes/prism-tomorrow.min.css';
29
+ document.head.appendChild(prismCss);
30
+ document.head.appendChild(script);
31
+ document.head.appendChild(autoloaderScript);
32
+ };
33
+ const Snippet = ({ medium, className, preview = false, showCopyButton = true, }) => {
34
+ var _a, _b, _c, _d, _e;
31
35
  const { t } = (0, react_i18next_1.useTranslation)();
32
- return ((0, jsx_runtime_1.jsxs)("div", { className: "memori-snippet", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-snippet--content", children: [(0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.PrismAsyncLight, { "aria-labelledby": `#snippet-${medium.mediumID}`, className: className, style: prism_1.atomDark, showLineNumbers: showLineNumbers, 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', children: ((_c = medium.content) === null || _c === void 0 ? void 0 : _c.length) && medium.content.length > 200 && preview
33
- ? `${medium.content.slice(0, 200)}\n...`
34
- : `${medium.content}` }), showCopyButton && ((0, jsx_runtime_1.jsx)(Button_1.default, { padded: false, ghost: true, className: "memori-snippet--copy-button", title: t('copy') || 'Copy', icon: (0, jsx_runtime_1.jsx)(Copy_1.default, {}), onClick: () => { var _a; return navigator.clipboard.writeText((_a = medium.content) !== null && _a !== void 0 ? _a : ''); } }))] }), !!((_d = medium.title) === null || _d === void 0 ? void 0 : _d.length) && ((0, jsx_runtime_1.jsx)("p", { id: `snippet-${medium.mediumID}`, className: "memori-snippet--caption", children: medium.title }))] }));
36
+ (0, react_1.useEffect)(() => {
37
+ loadPrismScripts();
38
+ }, []);
39
+ (0, react_1.useEffect)(() => {
40
+ if ('Prism' in window && window.Prism.highlightAll)
41
+ Prism.highlightAll();
42
+ }, [medium.content]);
43
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "memori-snippet", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori-snippet--content", children: [(0, jsx_runtime_1.jsx)("pre", { className: (0, classnames_1.default)('line-numbers', className), "aria-labelledby": !!((_a = medium.title) === null || _a === void 0 ? void 0 : _a.length) ? `#snippet-${medium.mediumID}` : undefined, children: (0, jsx_runtime_1.jsx)("code", { className: `language-${(_c = (_b = constants_1.prismSyntaxLangs.find(l => medium.mimeType === l.mimeType)) === null || _b === void 0 ? void 0 : _b.lang) !== null && _c !== void 0 ? _c : 'text'}`, children: ((_d = medium.content) === null || _d === void 0 ? void 0 : _d.length) && medium.content.length > 200 && preview
44
+ ? `${medium.content.slice(0, 200)}\n...`
45
+ : `${medium.content}` }) }), showCopyButton && ((0, jsx_runtime_1.jsx)(Button_1.default, { padded: false, ghost: true, className: "memori-snippet--copy-button", title: t('copy') || 'Copy', icon: (0, jsx_runtime_1.jsx)(Copy_1.default, {}), onClick: () => { var _a; return navigator.clipboard.writeText((_a = medium.content) !== null && _a !== void 0 ? _a : ''); } }))] }), !!((_e = medium.title) === null || _e === void 0 ? void 0 : _e.length) && ((0, jsx_runtime_1.jsx)("p", { id: `snippet-${medium.mediumID}`, className: "memori-snippet--caption", children: medium.title }))] }));
35
46
  };
36
47
  exports.default = Snippet;
37
48
  //# sourceMappingURL=Snippet.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Snippet.js","sourceRoot":"","sources":["../../../src/components/Snippet/Snippet.tsx"],"names":[],"mappings":";;;;AAEA,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;AAW/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,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,EACf,MAAM,EACN,SAAS,EACT,OAAO,GAAG,KAAK,EACf,eAAe,GAAG,IAAI,EACtB,cAAc,GAAG,IAAI,GACf,EAAE,EAAE;;IACV,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,iCAAK,SAAS,EAAC,yBAAyB,aACtC,uBAAC,0CAAiB,uBACC,YAAY,MAAM,CAAC,QAAQ,EAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,gBAAQ,EACf,eAAe,EAAE,eAAe,EAChC,QAAQ,EACN,MAAA,MAAA,4BAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,CAAC,0CAAE,IAAI,mCAChE,MAAM,YAGP,CAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,MAAM,KAAI,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,GAAG,IAAI,OAAO;4BAC/D,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,OAAO;4BACxC,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,EAAE,GACL,EACnB,cAAc,IAAI,CACjB,uBAAC,gBAAM,IACL,MAAM,EAAE,KAAK,EACb,KAAK,QACL,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,MAAM,EAC1B,IAAI,EAAE,uBAAC,cAAI,KAAG,EACd,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAA,MAAM,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAA,EAAA,GAClE,CACH,IACG,EACL,CAAC,CAAC,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,MAAM,CAAA,IAAI,CACzB,8BACE,EAAE,EAAE,WAAW,MAAM,CAAC,QAAQ,EAAE,EAChC,SAAS,EAAC,yBAAyB,YAElC,MAAM,CAAC,KAAK,GACX,CACL,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Snippet.js","sourceRoot":"","sources":["../../../src/components/Snippet/Snippet.tsx"],"names":[],"mappings":"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"}
@@ -56,7 +56,7 @@ const WhyThisAnswer = ({ message, apiURL, sessionID, visible = true, initialMatc
56
56
  }, [fetchMemories, message, sessionID]);
57
57
  return ((0, jsx_runtime_1.jsxs)(Drawer_1.default, { open: visible, width: "80%", animated: false, className: "memori-whythisanswer-drawer", onClose: () => closeDrawer(), title: t('whyThisAnswer'), children: [(0, jsx_runtime_1.jsx)("p", { children: t('whyThisAnswerHelper') }), message.questionAnswered && ((0, jsx_runtime_1.jsxs)("p", { className: "memori--whythisanswer-question-answered", children: [(0, jsx_runtime_1.jsxs)("strong", { children: [t('question') || 'Question', ":"] }), ' ', message.questionAnswered] })), (0, jsx_runtime_1.jsxs)(Spin_1.default, { primary: true, spinning: loading, children: [!loading && matches.length === 0 && ((0, jsx_runtime_1.jsx)("p", { role: "info", className: "memori--whythisanswer-no-results", children: t('nothingFound') })), loading && matches.length === 0 && ((0, jsx_runtime_1.jsxs)("ul", { className: "memori--whythisanswer-list memori--whythisanswer-skeleton", children: [(0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori--whythisanswer-title", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori--whythisanswer-confidence", children: (0, jsx_runtime_1.jsx)("span", { className: "memori--whythisanswer-skeleton-text" }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori--whythisanswer-title-text", children: (0, jsx_runtime_1.jsx)("p", { className: "memori--whythisanswer-skeleton-text" }) })] }), (0, jsx_runtime_1.jsxs)("p", { children: [(0, jsx_runtime_1.jsx)("div", { className: "memori--whythisanswer-skeleton-text" }), (0, jsx_runtime_1.jsx)("div", { className: "memori--whythisanswer-skeleton-text" }), (0, jsx_runtime_1.jsx)("div", { className: "memori--whythisanswer-skeleton-text" })] }), (0, jsx_runtime_1.jsx)("div", { className: "memori--whythisanswer-skeleton-block" })] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori--whythisanswer-title", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori--whythisanswer-confidence", children: (0, jsx_runtime_1.jsx)("span", { className: "memori--whythisanswer-skeleton-text" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "memori--whythisanswer-title-text", children: [(0, jsx_runtime_1.jsx)("p", { className: "memori--whythisanswer-skeleton-text" }), (0, jsx_runtime_1.jsx)("p", { className: "memori--whythisanswer-skeleton-text" })] })] }), (0, jsx_runtime_1.jsxs)("p", { children: [(0, jsx_runtime_1.jsx)("div", { className: "memori--whythisanswer-skeleton-text" }), (0, jsx_runtime_1.jsx)("div", { className: "memori--whythisanswer-skeleton-text" })] }), (0, jsx_runtime_1.jsx)("div", { className: "memori--whythisanswer-skeleton-block" })] })] })), matches.length > 0 && ((0, jsx_runtime_1.jsx)("ul", { className: "memori--whythisanswer-list", children: matches.map(m => {
58
58
  var _a, _b, _c, _d, _e, _f, _g;
59
- return ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori--whythisanswer-title", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori--whythisanswer-confidence", children: m.confidenceLevel }), (0, jsx_runtime_1.jsxs)("div", { className: "memori--whythisanswer-title-text", children: [(0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)("strong", { children: addQuestionMark((_a = m.memory.title) !== null && _a !== void 0 ? _a : '') }) }), (0, jsx_runtime_1.jsx)("p", { children: (_c = (_b = m.memory.titleVariants) === null || _b === void 0 ? void 0 : _b.map(t => addQuestionMark(t))) === null || _c === void 0 ? void 0 : _c.join(' | ') })] })] }), (_d = m.memory.answers) === null || _d === void 0 ? void 0 : _d.map((a, i) => ((0, jsx_runtime_1.jsx)("p", { className: "memori--whythisanswer-answer", children: (0, jsx_runtime_1.jsx)(Expandable_1.default, { rows: 3, children: a.text }) }, i))), (0, jsx_runtime_1.jsx)(MediaWidget_1.default, { links: (_e = m.memory.media) === null || _e === void 0 ? void 0 : _e.filter(m => m.mimeType === 'text/html') }), (_g = (_f = m.memory.media) === null || _f === void 0 ? void 0 : _f.filter(m => m.mimeType === 'text/plain')) === null || _g === void 0 ? void 0 : _g.map(m => ((0, jsx_runtime_1.jsx)(Expandable_1.default, { rows: 2, lineHeightMultiplier: 2, innerClassName: "memori--whythisanswer-snippet-expandable", children: (0, jsx_runtime_1.jsx)(Snippet_1.default, { medium: m, showCopyButton: false, showLineNumbers: false }, m.mediumID) }, m.mediumID)))] }, m.memory.memoryID));
59
+ return ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori--whythisanswer-title", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori--whythisanswer-confidence", children: m.confidenceLevel }), (0, jsx_runtime_1.jsxs)("div", { className: "memori--whythisanswer-title-text", children: [(0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)("strong", { children: addQuestionMark((_a = m.memory.title) !== null && _a !== void 0 ? _a : '') }) }), (0, jsx_runtime_1.jsx)("p", { children: (_c = (_b = m.memory.titleVariants) === null || _b === void 0 ? void 0 : _b.map(t => addQuestionMark(t))) === null || _c === void 0 ? void 0 : _c.join(' | ') })] })] }), (_d = m.memory.answers) === null || _d === void 0 ? void 0 : _d.map((a, i) => ((0, jsx_runtime_1.jsx)("p", { className: "memori--whythisanswer-answer", children: (0, jsx_runtime_1.jsx)(Expandable_1.default, { rows: 3, children: a.text }) }, i))), (0, jsx_runtime_1.jsx)(MediaWidget_1.default, { links: (_e = m.memory.media) === null || _e === void 0 ? void 0 : _e.filter(m => m.mimeType === 'text/html') }), (_g = (_f = m.memory.media) === null || _f === void 0 ? void 0 : _f.filter(m => m.mimeType === 'text/plain')) === null || _g === void 0 ? void 0 : _g.map(m => ((0, jsx_runtime_1.jsx)(Expandable_1.default, { rows: 2, lineHeightMultiplier: 2, innerClassName: "memori--whythisanswer-snippet-expandable", children: (0, jsx_runtime_1.jsx)(Snippet_1.default, { medium: m, showCopyButton: false }, m.mediumID) }, m.mediumID)))] }, m.memory.memoryID));
60
60
  }) }))] })] }));
61
61
  };
62
62
  exports.default = WhyThisAnswer;
@@ -1 +1 @@
1
- {"version":3,"file":"WhyThisAnswer.js","sourceRoot":"","sources":["../../../src/components/WhyThisAnswer/WhyThisAnswer.tsx"],"names":[],"mappings":";;;;AAIA,iCAAyD;AACzD,6FAA2D;AAC3D,kEAAkC;AAClC,8DAA8B;AAC9B,0EAA0C;AAC1C,8EAAoC;AACpC,+CAAsD;AACtD,iDAA+C;AAC/C,yEAAyC;AACzC,qFAAqD;AAYrD,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,EAAE,CAC3C,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC;AAErD,MAAM,aAAa,GAAG,CAAC,EACrB,OAAO,EACP,MAAM,EACN,SAAS,EACT,OAAO,GAAG,IAAI,EACd,cAAc,GAAG,EAAE,EACnB,WAAW,EACX,aAAa,GAAG,KAAK,GACf,EAAE,EAAE;IACV,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,IAAA,2BAAe,EAAC,MAAM,CAAC,CAAC;IACvC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;IAEhD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAkB,cAAc,CAAC,CAAC;IACxE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,aAAa,CAAC,CAAC;IAKtD,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAC3C,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,IAAI,aAAa;YAAE,OAAO;QAE1B,IAAI;YACF,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,GAAG,MAAM,YAAY,CAAC,SAAS,EAAE;gBAC7D,UAAU,EAAE,UAAU;gBACtB,eAAe,EAAE,CAAC;gBAClB,IAAI,EAAE,OAAO,CAAC,gBAAgB;gBAC9B,IAAI,EAAE,OAAO,CAAC,IAAI;gBAClB,SAAS,EAAE,OAAO,CAAC,SAAS;gBAC5B,aAAa,EAAE,OAAO,CAAC,aAAa;gBACpC,cAAc,EAAE,OAAO,CAAC,cAAc;gBACtC,kBAAkB,EAAE,OAAO,CAAC,kBAAkB;gBAC9C,WAAW,EAAE,OAAO,CAAC,WAAW;gBAChC,GAAG,EAAE,OAAO,CAAC,GAAG;gBAChB,UAAU,EAAE,OAAO,CAAC,UAAU;aAC/B,CAAC,CAAC;YAEH,IAAI,QAAQ,CAAC,UAAU,KAAK,CAAC,EAAE;gBAC7B,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACxB,yBAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,uBAAe,EAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;aACtD;iBAAM;gBACL,UAAU,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC,CAAC;aAC3B;SACF;QAAC,OAAO,GAAG,EAAE;YACZ,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAC;YAC1C,UAAU,CAAC,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,CAAC,CAAC;SAClC;QAED,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IACzB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,wBAAC,gBAAM,IACL,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,KAAK,EACX,QAAQ,EAAE,KAAK,EACf,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAC5B,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,aAEzB,wCAAI,CAAC,CAAC,qBAAqB,CAAC,GAAK,EAEhC,OAAO,CAAC,gBAAgB,IAAI,CAC3B,+BAAG,SAAS,EAAC,yCAAyC,aACpD,+CAAS,CAAC,CAAC,UAAU,CAAC,IAAI,UAAU,SAAW,EAAC,GAAG,EAClD,OAAO,CAAC,gBAAgB,IACvB,CACL,EAED,wBAAC,cAAI,IAAC,OAAO,QAAC,QAAQ,EAAE,OAAO,aAC5B,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CACnC,8BAAG,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,kCAAkC,YACxD,CAAC,CAAC,cAAc,CAAC,GAChB,CACL,EACA,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAClC,gCAAI,SAAS,EAAC,2DAA2D,aACvE,2CACE,iCAAK,SAAS,EAAC,6BAA6B,aAC1C,iCAAM,SAAS,EAAC,kCAAkC,YAChD,iCAAM,SAAS,EAAC,qCAAqC,GAAQ,GACxD,EACP,gCAAK,SAAS,EAAC,kCAAkC,YAC/C,8BAAG,SAAS,EAAC,qCAAqC,GAAK,GACnD,IACF,EACN,0CACE,gCAAK,SAAS,EAAC,qCAAqC,GAAO,EAC3D,gCAAK,SAAS,EAAC,qCAAqC,GAAO,EAC3D,gCAAK,SAAS,EAAC,qCAAqC,GAAO,IACzD,EACJ,gCAAK,SAAS,EAAC,sCAAsC,GAAO,IACzD,EACL,2CACE,iCAAK,SAAS,EAAC,6BAA6B,aAC1C,iCAAM,SAAS,EAAC,kCAAkC,YAChD,iCAAM,SAAS,EAAC,qCAAqC,GAAQ,GACxD,EACP,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,8BAAG,SAAS,EAAC,qCAAqC,GAAK,EACvD,8BAAG,SAAS,EAAC,qCAAqC,GAAK,IACnD,IACF,EACN,0CACE,gCAAK,SAAS,EAAC,qCAAqC,GAAO,EAC3D,gCAAK,SAAS,EAAC,qCAAqC,GAAO,IACzD,EACJ,gCAAK,SAAS,EAAC,sCAAsC,GAAO,IACzD,IACF,CACN,EACA,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,+BAAI,SAAS,EAAC,4BAA4B,YACvC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;;4BAAC,OAAA,CAChB,2CACE,iCAAK,SAAS,EAAC,6BAA6B,aAC1C,iCAAM,SAAS,EAAC,kCAAkC,YAC/C,CAAC,CAAC,eAAe,GACb,EACP,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,wCACE,6CAAS,eAAe,CAAC,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,mCAAI,EAAE,CAAC,GAAU,GACtD,EACJ,wCACG,MAAA,MAAA,CAAC,CAAC,MAAM,CAAC,aAAa,0CACnB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,0CAC5B,IAAI,CAAC,KAAK,CAAC,GACb,IACA,IACF,EACL,MAAA,CAAC,CAAC,MAAM,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,8BAAW,SAAS,EAAC,8BAA8B,YACjD,uBAAC,oBAAU,IAAC,IAAI,EAAE,CAAC,YAAG,CAAC,CAAC,IAAI,GAAc,IADpC,CAAC,CAEL,CACL,CAAC,EAEF,uBAAC,qBAAW,IACV,KAAK,EAAE,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,0CAAE,MAAM,CAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,WAAW,CAChC,GACD,EAED,MAAA,MAAA,CAAC,CAAC,MAAM,CAAC,KAAK,0CACX,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,YAAY,CAAC,0CACxC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CACT,uBAAC,oBAAU,IACT,IAAI,EAAE,CAAC,EAEP,oBAAoB,EAAE,CAAC,EACvB,cAAc,EAAC,0CAA0C,YAEzD,uBAAC,iBAAO,IAEN,MAAM,EAAE,CAAC,EACT,cAAc,EAAE,KAAK,EACrB,eAAe,EAAE,KAAK,IAHjB,CAAC,CAAC,QAAQ,CAIf,IATG,CAAC,CAAC,QAAQ,CAUJ,CACd,CAAC,KA5CG,CAAC,CAAC,MAAM,CAAC,QAAQ,CA6CrB,CACN,CAAA;yBAAA,CAAC,GACC,CACN,IACI,IACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"WhyThisAnswer.js","sourceRoot":"","sources":["../../../src/components/WhyThisAnswer/WhyThisAnswer.tsx"],"names":[],"mappings":"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"}
@@ -3,8 +3,7 @@ export interface Props {
3
3
  medium: Medium;
4
4
  className?: string;
5
5
  preview?: boolean;
6
- showLineNumbers?: boolean;
7
6
  showCopyButton?: boolean;
8
7
  }
9
- declare const Snippet: ({ medium, className, preview, showLineNumbers, showCopyButton, }: Props) => JSX.Element;
8
+ declare const Snippet: ({ medium, className, preview, showCopyButton, }: Props) => JSX.Element;
10
9
  export default Snippet;
@@ -1,34 +1,45 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useEffect } from 'react';
2
3
  import Button from '../ui/Button';
3
4
  import Copy from '../icons/Copy';
4
5
  import { prismSyntaxLangs } from '../../helpers/constants';
5
- import { PrismAsyncLight as SyntaxHighlighter } from 'react-syntax-highlighter';
6
- import { atomDark } from 'react-syntax-highlighter/dist/cjs/styles/prism';
7
- import tsx from 'react-syntax-highlighter/dist/cjs/languages/prism/tsx';
8
- import json from 'react-syntax-highlighter/dist/cjs/languages/prism/json';
9
- import scss from 'react-syntax-highlighter/dist/cjs/languages/prism/scss';
10
- import bash from 'react-syntax-highlighter/dist/cjs/languages/prism/bash';
11
- import python from 'react-syntax-highlighter/dist/cjs/languages/prism/python';
12
- import cpp from 'react-syntax-highlighter/dist/cjs/languages/prism/cpp';
13
- import php from 'react-syntax-highlighter/dist/cjs/languages/prism/php';
14
- import ruby from 'react-syntax-highlighter/dist/cjs/languages/prism/ruby';
15
- import sql from 'react-syntax-highlighter/dist/cjs/languages/prism/sql';
16
6
  import { useTranslation } from 'react-i18next';
17
- SyntaxHighlighter.registerLanguage('tsx', tsx);
18
- SyntaxHighlighter.registerLanguage('json', json);
19
- SyntaxHighlighter.registerLanguage('scss', scss);
20
- SyntaxHighlighter.registerLanguage('bash', bash);
21
- SyntaxHighlighter.registerLanguage('python', python);
22
- SyntaxHighlighter.registerLanguage('cpp', cpp);
23
- SyntaxHighlighter.registerLanguage('php', php);
24
- SyntaxHighlighter.registerLanguage('ruby', ruby);
25
- SyntaxHighlighter.registerLanguage('sql', sql);
26
- const Snippet = ({ medium, className, preview = false, showLineNumbers = true, showCopyButton = true, }) => {
27
- var _a, _b, _c, _d;
7
+ import cx from 'classnames';
8
+ const loadPrismScripts = () => {
9
+ const existingScript = document.getElementById('memori-prism-script');
10
+ if (existingScript) {
11
+ return;
12
+ }
13
+ const script = document.createElement('script');
14
+ script.src = 'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/prism.min.js';
15
+ script.async = true;
16
+ script.id = 'memori-prism-script';
17
+ const autoloaderScript = document.createElement('script');
18
+ autoloaderScript.src =
19
+ 'https://cdn.jsdelivr.net/npm/prismjs@v1.29.0/plugins/autoloader/prism-autoloader.min.js';
20
+ autoloaderScript.async = true;
21
+ autoloaderScript.id = 'memori-prism-autoloader-script';
22
+ const prismCss = document.createElement('link');
23
+ prismCss.rel = 'stylesheet';
24
+ prismCss.href =
25
+ 'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/themes/prism-tomorrow.min.css';
26
+ document.head.appendChild(prismCss);
27
+ document.head.appendChild(script);
28
+ document.head.appendChild(autoloaderScript);
29
+ };
30
+ const Snippet = ({ medium, className, preview = false, showCopyButton = true, }) => {
31
+ var _a, _b, _c, _d, _e;
28
32
  const { t } = useTranslation();
29
- return (_jsxs("div", { className: "memori-snippet", children: [_jsxs("div", { className: "memori-snippet--content", children: [_jsx(SyntaxHighlighter, { "aria-labelledby": `#snippet-${medium.mediumID}`, className: className, style: atomDark, showLineNumbers: showLineNumbers, language: (_b = (_a = prismSyntaxLangs.find(l => medium.mimeType === l.mimeType)) === null || _a === void 0 ? void 0 : _a.lang) !== null && _b !== void 0 ? _b : 'text', children: ((_c = medium.content) === null || _c === void 0 ? void 0 : _c.length) && medium.content.length > 200 && preview
30
- ? `${medium.content.slice(0, 200)}\n...`
31
- : `${medium.content}` }), showCopyButton && (_jsx(Button, { padded: false, ghost: true, className: "memori-snippet--copy-button", title: t('copy') || 'Copy', icon: _jsx(Copy, {}), onClick: () => { var _a; return navigator.clipboard.writeText((_a = medium.content) !== null && _a !== void 0 ? _a : ''); } }))] }), !!((_d = medium.title) === null || _d === void 0 ? void 0 : _d.length) && (_jsx("p", { id: `snippet-${medium.mediumID}`, className: "memori-snippet--caption", children: medium.title }))] }));
33
+ useEffect(() => {
34
+ loadPrismScripts();
35
+ }, []);
36
+ useEffect(() => {
37
+ if ('Prism' in window && window.Prism.highlightAll)
38
+ Prism.highlightAll();
39
+ }, [medium.content]);
40
+ return (_jsxs("div", { className: "memori-snippet", children: [_jsxs("div", { className: "memori-snippet--content", children: [_jsx("pre", { className: cx('line-numbers', className), "aria-labelledby": !!((_a = medium.title) === null || _a === void 0 ? void 0 : _a.length) ? `#snippet-${medium.mediumID}` : undefined, children: _jsx("code", { className: `language-${(_c = (_b = prismSyntaxLangs.find(l => medium.mimeType === l.mimeType)) === null || _b === void 0 ? void 0 : _b.lang) !== null && _c !== void 0 ? _c : 'text'}`, children: ((_d = medium.content) === null || _d === void 0 ? void 0 : _d.length) && medium.content.length > 200 && preview
41
+ ? `${medium.content.slice(0, 200)}\n...`
42
+ : `${medium.content}` }) }), showCopyButton && (_jsx(Button, { padded: false, ghost: true, className: "memori-snippet--copy-button", title: t('copy') || 'Copy', icon: _jsx(Copy, {}), onClick: () => { var _a; return navigator.clipboard.writeText((_a = medium.content) !== null && _a !== void 0 ? _a : ''); } }))] }), !!((_e = medium.title) === null || _e === void 0 ? void 0 : _e.length) && (_jsx("p", { id: `snippet-${medium.mediumID}`, className: "memori-snippet--caption", children: medium.title }))] }));
32
43
  };
33
44
  export default Snippet;
34
45
  //# sourceMappingURL=Snippet.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Snippet.js","sourceRoot":"","sources":["../../../src/components/Snippet/Snippet.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Snippet.js","sourceRoot":"","sources":["../../../src/components/Snippet/Snippet.tsx"],"names":[],"mappings":"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"}
@@ -53,7 +53,7 @@ const WhyThisAnswer = ({ message, apiURL, sessionID, visible = true, initialMatc
53
53
  }, [fetchMemories, message, sessionID]);
54
54
  return (_jsxs(Drawer, { open: visible, width: "80%", animated: false, className: "memori-whythisanswer-drawer", onClose: () => closeDrawer(), title: t('whyThisAnswer'), children: [_jsx("p", { children: t('whyThisAnswerHelper') }), message.questionAnswered && (_jsxs("p", { className: "memori--whythisanswer-question-answered", children: [_jsxs("strong", { children: [t('question') || 'Question', ":"] }), ' ', message.questionAnswered] })), _jsxs(Spin, { primary: true, spinning: loading, children: [!loading && matches.length === 0 && (_jsx("p", { role: "info", className: "memori--whythisanswer-no-results", children: t('nothingFound') })), loading && matches.length === 0 && (_jsxs("ul", { className: "memori--whythisanswer-list memori--whythisanswer-skeleton", children: [_jsxs("li", { children: [_jsxs("div", { className: "memori--whythisanswer-title", children: [_jsx("span", { className: "memori--whythisanswer-confidence", children: _jsx("span", { className: "memori--whythisanswer-skeleton-text" }) }), _jsx("div", { className: "memori--whythisanswer-title-text", children: _jsx("p", { className: "memori--whythisanswer-skeleton-text" }) })] }), _jsxs("p", { children: [_jsx("div", { className: "memori--whythisanswer-skeleton-text" }), _jsx("div", { className: "memori--whythisanswer-skeleton-text" }), _jsx("div", { className: "memori--whythisanswer-skeleton-text" })] }), _jsx("div", { className: "memori--whythisanswer-skeleton-block" })] }), _jsxs("li", { children: [_jsxs("div", { className: "memori--whythisanswer-title", children: [_jsx("span", { className: "memori--whythisanswer-confidence", children: _jsx("span", { className: "memori--whythisanswer-skeleton-text" }) }), _jsxs("div", { className: "memori--whythisanswer-title-text", children: [_jsx("p", { className: "memori--whythisanswer-skeleton-text" }), _jsx("p", { className: "memori--whythisanswer-skeleton-text" })] })] }), _jsxs("p", { children: [_jsx("div", { className: "memori--whythisanswer-skeleton-text" }), _jsx("div", { className: "memori--whythisanswer-skeleton-text" })] }), _jsx("div", { className: "memori--whythisanswer-skeleton-block" })] })] })), matches.length > 0 && (_jsx("ul", { className: "memori--whythisanswer-list", children: matches.map(m => {
55
55
  var _a, _b, _c, _d, _e, _f, _g;
56
- return (_jsxs("li", { children: [_jsxs("div", { className: "memori--whythisanswer-title", children: [_jsx("span", { className: "memori--whythisanswer-confidence", children: m.confidenceLevel }), _jsxs("div", { className: "memori--whythisanswer-title-text", children: [_jsx("p", { children: _jsx("strong", { children: addQuestionMark((_a = m.memory.title) !== null && _a !== void 0 ? _a : '') }) }), _jsx("p", { children: (_c = (_b = m.memory.titleVariants) === null || _b === void 0 ? void 0 : _b.map(t => addQuestionMark(t))) === null || _c === void 0 ? void 0 : _c.join(' | ') })] })] }), (_d = m.memory.answers) === null || _d === void 0 ? void 0 : _d.map((a, i) => (_jsx("p", { className: "memori--whythisanswer-answer", children: _jsx(Expandable, { rows: 3, children: a.text }) }, i))), _jsx(MediaWidget, { links: (_e = m.memory.media) === null || _e === void 0 ? void 0 : _e.filter(m => m.mimeType === 'text/html') }), (_g = (_f = m.memory.media) === null || _f === void 0 ? void 0 : _f.filter(m => m.mimeType === 'text/plain')) === null || _g === void 0 ? void 0 : _g.map(m => (_jsx(Expandable, { rows: 2, lineHeightMultiplier: 2, innerClassName: "memori--whythisanswer-snippet-expandable", children: _jsx(Snippet, { medium: m, showCopyButton: false, showLineNumbers: false }, m.mediumID) }, m.mediumID)))] }, m.memory.memoryID));
56
+ return (_jsxs("li", { children: [_jsxs("div", { className: "memori--whythisanswer-title", children: [_jsx("span", { className: "memori--whythisanswer-confidence", children: m.confidenceLevel }), _jsxs("div", { className: "memori--whythisanswer-title-text", children: [_jsx("p", { children: _jsx("strong", { children: addQuestionMark((_a = m.memory.title) !== null && _a !== void 0 ? _a : '') }) }), _jsx("p", { children: (_c = (_b = m.memory.titleVariants) === null || _b === void 0 ? void 0 : _b.map(t => addQuestionMark(t))) === null || _c === void 0 ? void 0 : _c.join(' | ') })] })] }), (_d = m.memory.answers) === null || _d === void 0 ? void 0 : _d.map((a, i) => (_jsx("p", { className: "memori--whythisanswer-answer", children: _jsx(Expandable, { rows: 3, children: a.text }) }, i))), _jsx(MediaWidget, { links: (_e = m.memory.media) === null || _e === void 0 ? void 0 : _e.filter(m => m.mimeType === 'text/html') }), (_g = (_f = m.memory.media) === null || _f === void 0 ? void 0 : _f.filter(m => m.mimeType === 'text/plain')) === null || _g === void 0 ? void 0 : _g.map(m => (_jsx(Expandable, { rows: 2, lineHeightMultiplier: 2, innerClassName: "memori--whythisanswer-snippet-expandable", children: _jsx(Snippet, { medium: m, showCopyButton: false }, m.mediumID) }, m.mediumID)))] }, m.memory.memoryID));
57
57
  }) }))] })] }));
58
58
  };
59
59
  export default WhyThisAnswer;
@@ -1 +1 @@
1
- {"version":3,"file":"WhyThisAnswer.js","sourceRoot":"","sources":["../../../src/components/WhyThisAnswer/WhyThisAnswer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"WhyThisAnswer.js","sourceRoot":"","sources":["../../../src/components/WhyThisAnswer/WhyThisAnswer.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "7.8.6",
2
+ "version": "7.8.7",
3
3
  "name": "@memori.ai/memori-react",
4
4
  "author": "Memori Srl",
5
5
  "main": "dist/index.js",
@@ -312,7 +312,6 @@
312
312
  "react-hot-toast": "^2.4.1",
313
313
  "react-i18next": "12.0.0",
314
314
  "react-leaflet": "^4.2.1",
315
- "react-syntax-highlighter": "15.5.0",
316
315
  "standardized-audio-context": "25.3.34",
317
316
  "three": "0.144.0",
318
317
  "tiny-invariant": "^1.3.1"
@@ -30,86 +30,14 @@ exports[`renders MediaItemWidget unchanged with css snippet to show 1`] = `
30
30
  >
31
31
  <pre
32
32
  aria-labelledby="#snippet-65ca4a6d-f20b-402e-9d79-5e470f247927"
33
- style="color: rgb(197, 200, 198); text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; tab-size: 4; hyphens: none; padding: 1em; margin: .5em 0px; overflow: auto; border-radius: 0.3em; background: rgb(29, 31, 33);"
33
+ class="line-numbers"
34
34
  >
35
35
  <code
36
36
  class="language-scss"
37
- style="color: rgb(197, 200, 198); text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; tab-size: 4; hyphens: none;"
38
37
  >
39
- <span
40
- class="linenumber react-syntax-highlighter-line-number"
41
- style="display: inline-block; min-width: 2.25em; padding-right: 1em; text-align: right; user-select: none; color: rgb(124, 124, 124);"
42
- >
43
- 1
44
- </span>
45
- <span
46
- class="token"
47
- style="color: rgb(168, 255, 96);"
48
- >
49
- body
50
- </span>
51
- <span
52
- class="token"
53
- style="color: rgb(197, 200, 198);"
54
- >
55
- {
56
- </span>
57
- <span>
58
-
59
-
60
- </span>
61
- <span
62
- class="linenumber react-syntax-highlighter-line-number"
63
- style="display: inline-block; min-width: 2.25em; padding-right: 1em; text-align: right; user-select: none; color: rgb(124, 124, 124);"
64
- >
65
- 2
66
- </span>
67
- <span>
68
-
69
- </span>
70
- <span
71
- class="token"
72
- style="color: rgb(150, 203, 254);"
73
- >
74
- background-color
75
- </span>
76
- <span
77
- class="token"
78
- style="color: rgb(197, 200, 198);"
79
- >
80
- :
81
- </span>
82
- <span>
83
-
84
- </span>
85
- <span
86
- class="token hexcode color"
87
- >
88
- #f00
89
- </span>
90
- <span
91
- class="token"
92
- style="color: rgb(197, 200, 198);"
93
- >
94
- ;
95
- </span>
96
- <span>
97
-
98
-
99
- </span>
100
- <span
101
- class="linenumber react-syntax-highlighter-line-number"
102
- style="display: inline-block; min-width: 2.25em; padding-right: 1em; text-align: right; user-select: none; color: rgb(124, 124, 124);"
103
- >
104
- 3
105
- </span>
106
- <span />
107
- <span
108
- class="token"
109
- style="color: rgb(197, 200, 198);"
110
- >
111
- }
112
- </span>
38
+ body{
39
+ background-color: #f00;
40
+ }
113
41
  </code>
114
42
  </pre>
115
43
  <button
@@ -344,21 +272,10 @@ exports[`renders MediaItemWidget unchanged with js snippet to show 1`] = `
344
272
  >
345
273
  <pre
346
274
  aria-labelledby="#snippet-a669fadb-12c0-469b-9b6c-34db22d371ca"
347
- style="color: rgb(197, 200, 198); text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; tab-size: 4; hyphens: none; padding: 1em; margin: .5em 0px; overflow: auto; border-radius: 0.3em; background: rgb(29, 31, 33);"
275
+ class="line-numbers"
348
276
  >
349
- <code
350
- style="color: rgb(197, 200, 198); text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; tab-size: 4; hyphens: none; float: left; padding-right: 10px;"
351
- >
352
- <span
353
- class="react-syntax-highlighter-line-number"
354
- >
355
- 1
356
-
357
- </span>
358
- </code>
359
277
  <code
360
278
  class="language-jsx"
361
- style="color: rgb(197, 200, 198); text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; tab-size: 4; hyphens: none;"
362
279
  >
363
280
  console.log("Hello World!");
364
281
  </code>
@@ -105,14 +105,6 @@ Default.args = {
105
105
  preview: false,
106
106
  };
107
107
 
108
- export const WithoutLineNumbers = Template.bind({});
109
- WithoutLineNumbers.args = {
110
- mimeType: 'text/plain',
111
- content: 'Some text',
112
- preview: false,
113
- showLineNumbers: false,
114
- };
115
-
116
108
  export const WithoutCopyButton = Template.bind({});
117
109
  WithoutCopyButton.args = {
118
110
  mimeType: 'text/plain',
@@ -64,7 +64,6 @@ it('renders SnippetUpload with js code', () => {
64
64
  it('renders SnippetUpload with js code without line numbers', () => {
65
65
  const { container } = render(
66
66
  <Snippet
67
- showLineNumbers={false}
68
67
  medium={{
69
68
  mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
70
69
  mimeType: 'text/javascript',
@@ -1,66 +1,85 @@
1
- import React from 'react';
1
+ import React, { useEffect } from 'react';
2
2
  import { Medium } from '@memori.ai/memori-api-client/dist/types';
3
3
  import Button from '../ui/Button';
4
4
  import Copy from '../icons/Copy';
5
5
  import { prismSyntaxLangs } from '../../helpers/constants';
6
- import { PrismAsyncLight as SyntaxHighlighter } from 'react-syntax-highlighter';
7
- import { atomDark } from 'react-syntax-highlighter/dist/cjs/styles/prism';
8
- import tsx from 'react-syntax-highlighter/dist/cjs/languages/prism/tsx';
9
- import json from 'react-syntax-highlighter/dist/cjs/languages/prism/json';
10
- import scss from 'react-syntax-highlighter/dist/cjs/languages/prism/scss';
11
- import bash from 'react-syntax-highlighter/dist/cjs/languages/prism/bash';
12
- import python from 'react-syntax-highlighter/dist/cjs/languages/prism/python';
13
- import cpp from 'react-syntax-highlighter/dist/cjs/languages/prism/cpp';
14
- import php from 'react-syntax-highlighter/dist/cjs/languages/prism/php';
15
- import ruby from 'react-syntax-highlighter/dist/cjs/languages/prism/ruby';
16
- import sql from 'react-syntax-highlighter/dist/cjs/languages/prism/sql';
17
6
  import { useTranslation } from 'react-i18next';
7
+ import cx from 'classnames';
18
8
 
19
9
  export interface Props {
20
10
  medium: Medium;
21
11
  className?: string;
22
12
  preview?: boolean;
23
- showLineNumbers?: boolean;
24
13
  showCopyButton?: boolean;
25
14
  }
26
15
 
27
- // These have to match prismSyntaxLangs
28
- SyntaxHighlighter.registerLanguage('tsx', tsx);
29
- SyntaxHighlighter.registerLanguage('json', json);
30
- SyntaxHighlighter.registerLanguage('scss', scss);
31
- SyntaxHighlighter.registerLanguage('bash', bash);
32
- SyntaxHighlighter.registerLanguage('python', python);
33
- SyntaxHighlighter.registerLanguage('cpp', cpp);
34
- SyntaxHighlighter.registerLanguage('php', php);
35
- SyntaxHighlighter.registerLanguage('ruby', ruby);
36
- SyntaxHighlighter.registerLanguage('sql', sql);
16
+ const loadPrismScripts = () => {
17
+ const existingScript = document.getElementById('memori-prism-script');
18
+ if (existingScript) {
19
+ return;
20
+ }
21
+
22
+ const script = document.createElement('script');
23
+ script.src = 'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/prism.min.js';
24
+ script.async = true;
25
+ script.id = 'memori-prism-script';
26
+
27
+ const autoloaderScript = document.createElement('script');
28
+ autoloaderScript.src =
29
+ 'https://cdn.jsdelivr.net/npm/prismjs@v1.29.0/plugins/autoloader/prism-autoloader.min.js';
30
+ autoloaderScript.async = true;
31
+ autoloaderScript.id = 'memori-prism-autoloader-script';
32
+
33
+ const prismCss = document.createElement('link');
34
+ prismCss.rel = 'stylesheet';
35
+ prismCss.href =
36
+ 'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/themes/prism-tomorrow.min.css';
37
+
38
+ document.head.appendChild(prismCss);
39
+
40
+ document.head.appendChild(script);
41
+ document.head.appendChild(autoloaderScript);
42
+ };
37
43
 
38
44
  const Snippet = ({
39
45
  medium,
40
46
  className,
41
47
  preview = false,
42
- showLineNumbers = true,
43
48
  showCopyButton = true,
44
49
  }: Props) => {
45
50
  const { t } = useTranslation();
46
51
 
52
+ useEffect(() => {
53
+ loadPrismScripts();
54
+ }, []);
55
+
56
+ useEffect(() => {
57
+ // @ts-ignore
58
+ // eslint-disable-next-line no-undef
59
+ if ('Prism' in window && window.Prism.highlightAll) Prism.highlightAll();
60
+ }, [medium.content]);
61
+
47
62
  return (
48
63
  <div className="memori-snippet">
49
64
  <div className="memori-snippet--content">
50
- <SyntaxHighlighter
51
- aria-labelledby={`#snippet-${medium.mediumID}`}
52
- className={className}
53
- style={atomDark}
54
- showLineNumbers={showLineNumbers}
55
- language={
56
- prismSyntaxLangs.find(l => medium.mimeType === l.mimeType)?.lang ??
57
- 'text'
65
+ <pre
66
+ className={cx('line-numbers', className)}
67
+ aria-labelledby={
68
+ !!medium.title?.length ? `#snippet-${medium.mediumID}` : undefined
58
69
  }
59
70
  >
60
- {medium.content?.length && medium.content.length > 200 && preview
61
- ? `${medium.content.slice(0, 200)}\n...`
62
- : `${medium.content}`}
63
- </SyntaxHighlighter>
71
+ <code
72
+ className={`language-${
73
+ prismSyntaxLangs.find(l => medium.mimeType === l.mimeType)
74
+ ?.lang ?? 'text'
75
+ }`}
76
+ >
77
+ {medium.content?.length && medium.content.length > 200 && preview
78
+ ? `${medium.content.slice(0, 200)}\n...`
79
+ : `${medium.content}`}
80
+ </code>
81
+ </pre>
82
+
64
83
  {showCopyButton && (
65
84
  <Button
66
85
  padded={false}