@webiny/app-file-manager 5.42.0 → 5.42.1-beta.0
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/app.js +2 -1
- package/app.js.map +1 -1
- package/components/Grid/File.d.ts +21 -6
- package/components/Grid/File.js +21 -9
- package/components/Grid/File.js.map +1 -1
- package/components/Grid/Grid.js +1 -1
- package/components/Grid/Grid.js.map +1 -1
- package/components/Grid/styled.js +10 -10
- package/components/Grid/styled.js.map +1 -1
- package/modules/Enterprise/HandleWebsocketMessages.d.ts +1 -0
- package/modules/Enterprise/HandleWebsocketMessages.js +79 -0
- package/modules/Enterprise/HandleWebsocketMessages.js.map +1 -0
- package/modules/Enterprise/components/ThreatScanInProgress.d.ts +2 -0
- package/modules/Enterprise/components/ThreatScanInProgress.js +44 -0
- package/modules/Enterprise/components/ThreatScanInProgress.js.map +1 -0
- package/modules/Enterprise/constants.d.ts +3 -0
- package/modules/Enterprise/constants.js +11 -0
- package/modules/Enterprise/constants.js.map +1 -0
- package/modules/Enterprise/index.d.ts +2 -0
- package/modules/Enterprise/index.js +33 -0
- package/modules/Enterprise/index.js.map +1 -0
- package/modules/FileManagerRenderer/FileManagerView/FileManagerView.js +4 -2
- package/modules/FileManagerRenderer/FileManagerView/FileManagerView.js.map +1 -1
- package/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.d.ts +19 -1
- package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/index.d.ts +19 -1
- package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/index.js +3 -2
- package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/index.js.map +1 -1
- package/modules/FileManagerRenderer/FileManagerViewProvider/FileManagerViewContext.d.ts +8 -2
- package/modules/FileManagerRenderer/FileManagerViewProvider/FileManagerViewContext.js +15 -5
- package/modules/FileManagerRenderer/FileManagerViewProvider/FileManagerViewContext.js.map +1 -1
- package/modules/FileManagerRenderer/FileManagerViewProvider/useListFiles.js +2 -2
- package/modules/FileManagerRenderer/FileManagerViewProvider/useListFiles.js.map +1 -1
- package/package.json +21 -20
package/app.js
CHANGED
|
@@ -10,8 +10,9 @@ var _Settings = require("./modules/Settings");
|
|
|
10
10
|
var _FileManagerApiProvider = require("./modules/FileManagerApiProvider");
|
|
11
11
|
var _FileManagerRenderer = require("./modules/FileManagerRenderer");
|
|
12
12
|
var _HeadlessCms = require("./modules/HeadlessCms");
|
|
13
|
+
var _Enterprise = require("./modules/Enterprise");
|
|
13
14
|
var FileManager = exports.FileManager = function FileManager() {
|
|
14
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Settings.SettingsModule, null), /*#__PURE__*/_react.default.createElement(_FileManagerApiProvider.FileManagerApiProviderModule, null), /*#__PURE__*/_react.default.createElement(_FileManagerRenderer.FileManagerRendererModule, null), /*#__PURE__*/_react.default.createElement(_HeadlessCms.HeadlessCmsModule, null));
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Settings.SettingsModule, null), /*#__PURE__*/_react.default.createElement(_FileManagerApiProvider.FileManagerApiProviderModule, null), /*#__PURE__*/_react.default.createElement(_FileManagerRenderer.FileManagerRendererModule, null), /*#__PURE__*/_react.default.createElement(_HeadlessCms.HeadlessCmsModule, null), /*#__PURE__*/_react.default.createElement(_Enterprise.EnterpriseModule, null));
|
|
15
16
|
};
|
|
16
17
|
|
|
17
18
|
//# sourceMappingURL=app.js.map
|
package/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_Settings","_FileManagerApiProvider","_FileManagerRenderer","_HeadlessCms","FileManager","exports","default","createElement","Fragment","SettingsModule","FileManagerApiProviderModule","FileManagerRendererModule","HeadlessCmsModule"],"sources":["app.tsx"],"sourcesContent":["import React from \"react\";\nimport { SettingsModule } from \"~/modules/Settings\";\nimport { FileManagerApiProviderModule } from \"~/modules/FileManagerApiProvider\";\nimport { FileManagerRendererModule } from \"~/modules/FileManagerRenderer\";\nimport { HeadlessCmsModule } from \"~/modules/HeadlessCms\";\n\nexport const FileManager = () => {\n return (\n <>\n <SettingsModule />\n <FileManagerApiProviderModule />\n <FileManagerRendererModule />\n <HeadlessCmsModule />\n </>\n );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAEO,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_Settings","_FileManagerApiProvider","_FileManagerRenderer","_HeadlessCms","_Enterprise","FileManager","exports","default","createElement","Fragment","SettingsModule","FileManagerApiProviderModule","FileManagerRendererModule","HeadlessCmsModule","EnterpriseModule"],"sources":["app.tsx"],"sourcesContent":["import React from \"react\";\nimport { SettingsModule } from \"~/modules/Settings\";\nimport { FileManagerApiProviderModule } from \"~/modules/FileManagerApiProvider\";\nimport { FileManagerRendererModule } from \"~/modules/FileManagerRenderer\";\nimport { HeadlessCmsModule } from \"~/modules/HeadlessCms\";\nimport { EnterpriseModule } from \"~/modules/Enterprise\";\n\nexport const FileManager = () => {\n return (\n <>\n <SettingsModule />\n <FileManagerApiProviderModule />\n <FileManagerRendererModule />\n <HeadlessCmsModule />\n <EnterpriseModule />\n </>\n );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAEO,IAAMM,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC7B,oBACIR,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAAAX,MAAA,CAAAU,OAAA,CAAAE,QAAA,qBACIZ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,SAAA,CAAAU,cAAc,MAAE,CAAC,eAClBb,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,uBAAA,CAAAU,4BAA4B,MAAE,CAAC,eAChCd,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,oBAAA,CAAAU,yBAAyB,MAAE,CAAC,eAC7Bf,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACL,YAAA,CAAAU,iBAAiB,MAAE,CAAC,eACrBhB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACJ,WAAA,CAAAU,gBAAgB,MAAE,CACrB,CAAC;AAEX,CAAC","ignoreList":[]}
|
|
@@ -1,16 +1,31 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { FileItem } from "@webiny/app-admin/types";
|
|
3
|
-
export interface FileOptions {
|
|
4
|
-
label: string;
|
|
5
|
-
onClick: (file: boolean) => void;
|
|
6
|
-
}
|
|
7
3
|
export interface FileProps {
|
|
8
4
|
file: FileItem;
|
|
9
5
|
selected: boolean;
|
|
6
|
+
fileBody?: JSX.Element;
|
|
10
7
|
onSelect?: (event?: React.MouseEvent) => void;
|
|
11
8
|
onClick?: (event?: React.MouseEvent) => void;
|
|
12
|
-
options?: FileOptions[];
|
|
13
9
|
multiple?: boolean;
|
|
14
10
|
children: React.ReactNode;
|
|
15
11
|
}
|
|
16
|
-
export
|
|
12
|
+
export type DefaultFileBodyProps = Pick<FileProps, "selected" | "onSelect" | "children">;
|
|
13
|
+
export declare const File: (({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element) & {
|
|
14
|
+
original: ({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element;
|
|
15
|
+
originalName: string;
|
|
16
|
+
displayName: string;
|
|
17
|
+
} & {
|
|
18
|
+
original: (({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element) & {
|
|
19
|
+
original: ({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element;
|
|
20
|
+
originalName: string;
|
|
21
|
+
displayName: string;
|
|
22
|
+
};
|
|
23
|
+
originalName: string;
|
|
24
|
+
displayName: string;
|
|
25
|
+
} & {
|
|
26
|
+
createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element) & {
|
|
27
|
+
original: ({ file, fileBody, selected, onSelect, children }: FileProps) => React.JSX.Element;
|
|
28
|
+
originalName: string;
|
|
29
|
+
displayName: string;
|
|
30
|
+
}>) => (props: unknown) => React.JSX.Element;
|
|
31
|
+
};
|
package/components/Grid/File.js
CHANGED
|
@@ -5,9 +5,10 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.File = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactLazyLoad = _interopRequireDefault(require("react-lazy-load"));
|
|
11
|
+
var _appAdmin = require("@webiny/app-admin");
|
|
11
12
|
var _TimeAgo = require("@webiny/ui/TimeAgo");
|
|
12
13
|
var _Typography = require("@webiny/ui/Typography");
|
|
13
14
|
var _check_circle = require("@material-design-icons/svg/filled/check_circle.svg");
|
|
@@ -18,17 +19,14 @@ var _FileManagerViewConfig = require("../../modules/FileManagerRenderer/FileMana
|
|
|
18
19
|
*/
|
|
19
20
|
// @ts-expect-error
|
|
20
21
|
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
selected = _ref.selected,
|
|
22
|
+
var DefaultFileBody = function DefaultFileBody(_ref) {
|
|
23
|
+
var selected = _ref.selected,
|
|
24
24
|
onSelect = _ref.onSelect,
|
|
25
25
|
children = _ref.children;
|
|
26
26
|
var _useFileManagerViewCo = (0, _FileManagerViewConfig.useFileManagerViewConfig)(),
|
|
27
27
|
browser = _useFileManagerViewCo.browser;
|
|
28
28
|
var itemActions = browser.grid.itemActions;
|
|
29
|
-
return /*#__PURE__*/_react.default.createElement(_styled.
|
|
30
|
-
"data-testid": "fm-list-wrapper-file"
|
|
31
|
-
}, /*#__PURE__*/_react.default.createElement(_styled.FileBody, null, /*#__PURE__*/_react.default.createElement(_styled.FileControls, null, /*#__PURE__*/_react.default.createElement(_styled.FileInfoIcon, null, itemActions.map(function (action) {
|
|
29
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.FileControls, null, /*#__PURE__*/_react.default.createElement(_styled.FileInfoIcon, null, itemActions.map(function (action) {
|
|
32
30
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
|
|
33
31
|
key: action.name
|
|
34
32
|
}, action.element);
|
|
@@ -41,7 +39,21 @@ var FileThumbnail = exports.FileThumbnail = function FileThumbnail(_ref) {
|
|
|
41
39
|
}, /*#__PURE__*/_react.default.createElement(_styled.FilePreview, {
|
|
42
40
|
"data-testid": "fm-file-wrapper-file-preview",
|
|
43
41
|
className: selected ? "selected" : ""
|
|
44
|
-
}, /*#__PURE__*/_react.default.createElement(_styled.FileClickable, null), children)))
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement(_styled.FileClickable, null), children)));
|
|
43
|
+
};
|
|
44
|
+
var File = exports.File = (0, _appAdmin.makeDecoratable)("File", function (_ref2) {
|
|
45
|
+
var file = _ref2.file,
|
|
46
|
+
fileBody = _ref2.fileBody,
|
|
47
|
+
selected = _ref2.selected,
|
|
48
|
+
onSelect = _ref2.onSelect,
|
|
49
|
+
children = _ref2.children;
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement(_styled.FileWrapper, {
|
|
51
|
+
"data-testid": "fm-list-wrapper-file",
|
|
52
|
+
"data-file-id": file.id
|
|
53
|
+
}, /*#__PURE__*/_react.default.createElement(_styled.FileBody, null, fileBody ?? /*#__PURE__*/_react.default.createElement(DefaultFileBody, {
|
|
54
|
+
selected: selected,
|
|
55
|
+
onSelect: onSelect
|
|
56
|
+
}, children)), /*#__PURE__*/_react.default.createElement(_styled.FileLabel, {
|
|
45
57
|
"data-testid": "fm-file-wrapper-file-label"
|
|
46
58
|
}, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
|
|
47
59
|
className: "type",
|
|
@@ -58,6 +70,6 @@ var FileThumbnail = exports.FileThumbnail = function FileThumbnail(_ref) {
|
|
|
58
70
|
}, /*#__PURE__*/_react.default.createElement(_TimeAgo.TimeAgo, {
|
|
59
71
|
datetime: file.createdOn
|
|
60
72
|
}))));
|
|
61
|
-
};
|
|
73
|
+
});
|
|
62
74
|
|
|
63
75
|
//# sourceMappingURL=File.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactLazyLoad","_interopRequireDefault","_TimeAgo","_Typography","_check_circle","_styled","_FileManagerViewConfig","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactLazyLoad","_interopRequireDefault","_appAdmin","_TimeAgo","_Typography","_check_circle","_styled","_FileManagerViewConfig","DefaultFileBody","_ref","selected","onSelect","children","_useFileManagerViewCo","useFileManagerViewConfig","browser","itemActions","grid","default","createElement","Fragment","FileControls","FileInfoIcon","map","action","key","name","element","FileSelectedMarker","className","onClick","ReactComponent","height","offsetVertical","FilePreview","FileClickable","File","exports","makeDecoratable","_ref2","file","fileBody","FileWrapper","id","FileBody","FileLabel","Typography","use","tag","type","TimeAgo","datetime","createdOn"],"sources":["File.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\n/**\n * Package react-lazy-load has no types.\n */\n// @ts-expect-error\nimport LazyLoad from \"react-lazy-load\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { TimeAgo } from \"@webiny/ui/TimeAgo\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { ReactComponent as SelectedMarker } from \"@material-design-icons/svg/filled/check_circle.svg\";\n\nimport { FileItem } from \"@webiny/app-admin/types\";\n\nimport {\n FileBody,\n FileClickable,\n FileInfoIcon,\n FileControls,\n FileSelectedMarker,\n FileLabel,\n FilePreview,\n FileWrapper\n} from \"./styled\";\nimport { useFileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\n\nexport interface FileProps {\n file: FileItem;\n selected: boolean;\n fileBody?: JSX.Element;\n onSelect?: (event?: React.MouseEvent) => void;\n onClick?: (event?: React.MouseEvent) => void;\n multiple?: boolean;\n children: React.ReactNode;\n}\n\nexport type DefaultFileBodyProps = Pick<FileProps, \"selected\" | \"onSelect\" | \"children\">;\n\nconst DefaultFileBody = ({ selected, onSelect, children }: DefaultFileBodyProps) => {\n const { browser } = useFileManagerViewConfig();\n\n const { itemActions } = browser.grid;\n\n return (\n <>\n <FileControls>\n <FileInfoIcon>\n {itemActions.map(action => {\n return <Fragment key={action.name}>{action.element}</Fragment>;\n })}\n </FileInfoIcon>\n {onSelect ? (\n <FileSelectedMarker className={selected ? \"selected\" : \"\"} onClick={onSelect}>\n <div>\n <SelectedMarker />\n </div>\n </FileSelectedMarker>\n ) : null}\n </FileControls>\n <LazyLoad height={200} offsetVertical={300}>\n <FilePreview\n data-testid={\"fm-file-wrapper-file-preview\"}\n className={selected ? \"selected\" : \"\"}\n >\n <FileClickable />\n {children}\n </FilePreview>\n </LazyLoad>\n </>\n );\n};\n\nexport const File = makeDecoratable(\n \"File\",\n ({ file, fileBody, selected, onSelect, children }: FileProps) => {\n return (\n <FileWrapper data-testid={\"fm-list-wrapper-file\"} data-file-id={file.id}>\n <FileBody>\n {fileBody ?? (\n <DefaultFileBody selected={selected} onSelect={onSelect}>\n {children}\n </DefaultFileBody>\n )}\n </FileBody>\n <FileLabel data-testid={\"fm-file-wrapper-file-label\"}>\n <Typography className=\"type\" use={\"overline\"} tag={\"span\"}>\n {file.type}\n </Typography>\n <Typography className=\"name\" use={\"body2\"} tag={\"span\"}>\n {file.name}\n </Typography>\n <Typography className=\"createdOn\" use={\"caption\"} tag={\"span\"}>\n <TimeAgo datetime={file.createdOn} />\n </Typography>\n </FileLabel>\n </FileWrapper>\n );\n }\n);\n"],"mappings":"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","ignoreList":[]}
|
package/components/Grid/Grid.js
CHANGED
|
@@ -64,7 +64,7 @@ var Grid = exports.Grid = function Grid(_ref) {
|
|
|
64
64
|
return /*#__PURE__*/_react.default.createElement(_FileProvider.FileProvider, {
|
|
65
65
|
file: record,
|
|
66
66
|
key: record.id
|
|
67
|
-
}, /*#__PURE__*/_react.default.createElement(_File.
|
|
67
|
+
}, /*#__PURE__*/_react.default.createElement(_File.File, {
|
|
68
68
|
file: record,
|
|
69
69
|
multiple: Boolean(multiple),
|
|
70
70
|
selected: selected.some(function (current) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_appAco","_i18n","_Progress","_File","_styled","_Thumbnail","_FileProvider","_templateObject","t","i18n","ns","Grid","exports","_ref","folders","records","loading","onFolderClick","selected","onChange","onClose","toggleSelected","deselectAll","multiple","hasOnSelectCallback","default","createElement","CircularProgress","label","_taggedTemplateLiteral2","style","opacity","onSelect","useMemo","undefined","record","event","stopPropagation","Fragment","FolderList","FolderGrid","FileList","onClick","map","FileProvider","file","key","id","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_appAco","_i18n","_Progress","_File","_styled","_Thumbnail","_FileProvider","_templateObject","t","i18n","ns","Grid","exports","_ref","folders","records","loading","onFolderClick","selected","onChange","onClose","toggleSelected","deselectAll","multiple","hasOnSelectCallback","default","createElement","CircularProgress","label","_taggedTemplateLiteral2","style","opacity","onSelect","useMemo","undefined","record","event","stopPropagation","Fragment","FolderList","FolderGrid","FileList","onClick","map","FileProvider","file","key","id","File","Boolean","some","current","Thumbnail"],"sources":["Grid.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { FolderGrid } from \"@webiny/app-aco\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { File } from \"./File\";\nimport { FileList, FolderList } from \"./styled\";\nimport { FolderItem } from \"@webiny/app-aco/types\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { Thumbnail } from \"./Thumbnail\";\nimport { FileProvider } from \"~/contexts/FileProvider\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/grid\");\n\ninterface GridProps {\n records: FileItem[];\n folders: FolderItem[];\n loading?: boolean;\n onFolderClick: (id: string) => void;\n selected: FileItem[];\n multiple?: boolean;\n toggleSelected: (file: FileItem) => void;\n deselectAll: () => void;\n onChange?: (file: FileItem) => void;\n onClose?: () => void;\n hasOnSelectCallback: boolean;\n}\n\nexport const Grid = ({\n folders,\n records,\n loading,\n onFolderClick,\n selected,\n onChange,\n onClose,\n toggleSelected,\n deselectAll,\n multiple,\n hasOnSelectCallback\n}: GridProps) => {\n if (loading) {\n return <CircularProgress label={t`Loading Files...`} style={{ opacity: 1 }} />;\n }\n\n const onSelect = useMemo(() => {\n if (!onChange) {\n return undefined;\n }\n\n return (record: FileItem) => (event?: React.MouseEvent) => {\n if (event) {\n event.stopPropagation();\n }\n\n if (!hasOnSelectCallback || multiple) {\n toggleSelected(record);\n return;\n }\n\n onChange(record);\n onClose && onClose();\n };\n }, [onChange]);\n\n return (\n <>\n <FolderList>\n <FolderGrid folders={folders} onFolderClick={onFolderClick} />\n </FolderList>\n <FileList onClick={deselectAll}>\n {records.map(record => (\n <FileProvider file={record} key={record.id}>\n <File\n file={record}\n multiple={Boolean(multiple)}\n selected={selected.some(current => current.id === record.id)}\n onSelect={onSelect ? onSelect(record) : undefined}\n >\n <Thumbnail />\n </File>\n </FileProvider>\n ))}\n </FileList>\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|