@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 +7 -0
- package/dist/components/Snippet/Snippet.d.ts +1 -2
- package/dist/components/Snippet/Snippet.js +36 -25
- package/dist/components/Snippet/Snippet.js.map +1 -1
- package/dist/components/WhyThisAnswer/WhyThisAnswer.js +1 -1
- package/dist/components/WhyThisAnswer/WhyThisAnswer.js.map +1 -1
- package/esm/components/Snippet/Snippet.d.ts +1 -2
- package/esm/components/Snippet/Snippet.js +36 -25
- package/esm/components/Snippet/Snippet.js.map +1 -1
- package/esm/components/WhyThisAnswer/WhyThisAnswer.js +1 -1
- package/esm/components/WhyThisAnswer/WhyThisAnswer.js.map +1 -1
- package/package.json +1 -2
- package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap +5 -88
- package/src/components/Snippet/Snippet.stories.tsx +0 -8
- package/src/components/Snippet/Snippet.test.tsx +0 -1
- package/src/components/Snippet/Snippet.tsx +55 -36
- package/src/components/Snippet/__snapshots__/Snippet.test.tsx.snap +66 -2544
- package/src/components/WhyThisAnswer/WhyThisAnswer.tsx +0 -1
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,
|
|
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
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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":";;;;
|
|
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
|
|
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":"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
|
|
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,
|
|
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
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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
|
-
|
|
30
|
-
|
|
31
|
-
|
|
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":";
|
|
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
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
40
|
-
|
|
41
|
-
|
|
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
|
-
|
|
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
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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
|
-
<
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
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
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
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}
|