@vegan-friendly/strapi-plugin-elasticsearch 0.1.0-alpha.1 → 0.1.0-alpha.3

package/dist/admin/pages/ConfigureCollectionList/index.js

@@ -0,0 +1,228 @@
+"use strict";
+/*
+ *
+ * HomePage
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+// import PropTypes from 'prop-types';
+const pluginId_1 = __importDefault(require("../../pluginId"));
+const SubNavigation_1 = require("../../components/SubNavigation");
+;
+const design_system_1 = require("@strapi/design-system");
+const react_2 = require("react");
+const apiUrls_1 = require("../../utils/apiUrls");
+const axiosInstance_1 = __importDefault(require("../../utils/axiosInstance"));
+const design_system_2 = require("@strapi/design-system");
+const design_system_3 = require("@strapi/design-system");
+const icons_1 = require("@strapi/icons");
+const design_system_4 = require("@strapi/design-system");
+const react_router_dom_1 = require("react-router-dom");
+const design_system_5 = require("@strapi/design-system");
+const design_system_6 = require("@strapi/design-system");
+const design_system_7 = require("@strapi/design-system");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const exportContentConfig = () => {
+    return axiosInstance_1.default.get(apiUrls_1.apiGetContentConfig, {
+        responseType: 'blob'
+    })
+        .then((response) => {
+        const href = URL.createObjectURL(response.data);
+        const link = document.createElement('a');
+        link.href = href;
+        link.setAttribute('download', 'strapi-plugin-elasticsearch-contentconfig.json');
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        URL.revokeObjectURL(href);
+    });
+};
+const importContentConfig = (conf) => {
+    return axiosInstance_1.default.post(apiUrls_1.apiImportContentConfig, {
+        data: conf
+    });
+};
+const loadContentConfig = () => {
+    return axiosInstance_1.default.get(apiUrls_1.apiGetContentConfig)
+        .then((resp) => resp.data);
+};
+const scheduleCollectionIndexing = (collectionName) => {
+    return axiosInstance_1.default.get((0, apiUrls_1.apiRequestCollectionIndexing)(collectionName));
+};
+const Configure = () => {
+    const [isInProgress, setIsInProgress] = (0, react_1.useState)(false);
+    const [displayImportModal, setDisplayImportModal] = (0, react_1.useState)(false);
+    const [isEnteredJsonValid, setIsEnteredJsonValid] = (0, react_1.useState)(true);
+    const [importJson, setImportJson] = (0, react_1.useState)(null);
+    const [config, setConfig] = (0, react_1.useState)(null);
+    const history = (0, react_router_dom_1.useHistory)();
+    const toggleNotification = (0, helper_plugin_1.useNotification)();
+    const performImport = () => {
+        const conf = importJson;
+        console.log(conf && conf.length > 0);
+        if (conf && conf.length > 0) {
+            setIsInProgress(true);
+            importContentConfig(conf)
+                .then(() => {
+                toggleNotification({
+                    type: "success", message: "Collections configuration imported. Please refresh this view.", timeout: 5000
+                });
+            })
+                .catch((err) => {
+                toggleNotification({
+                    type: "warning", message: "Importing collections configuration failed. An error was encountered.", timeout: 5000
+                });
+                console.log(err);
+            })
+                .finally(() => setIsInProgress(false));
+        }
+    };
+    const performExport = () => {
+        setIsInProgress(true);
+        exportContentConfig()
+            .then(() => {
+            toggleNotification({
+                type: "success", message: "Collections configuration exported.", timeout: 5000
+            });
+        })
+            .catch((err) => {
+            toggleNotification({
+                type: "warning", message: "Exporting collections configuration failed. An error was encountered.", timeout: 5000
+            });
+            console.log(err);
+        })
+            .finally(() => setIsInProgress(false));
+    };
+    (0, react_2.useEffect)(() => {
+        if (importJson && importJson.length > 0) {
+            try {
+                JSON.parse(importJson);
+                setIsEnteredJsonValid(true);
+            }
+            catch (e) {
+                setIsEnteredJsonValid(false);
+            }
+        }
+    }, [importJson]);
+    (0, react_2.useEffect)(() => {
+        setIsInProgress(true);
+        loadContentConfig()
+            .then((resp) => {
+            const displayConfig = [];
+            for (let r = 0; r < Object.keys(resp).length; r++) {
+                const item = { collectionName: Object.keys(resp)[r], indexed: [], notIndexed: [] };
+                const collectionName = item.collectionName;
+                for (let k = 0; k < Object.keys(resp[collectionName]).length; k++) {
+                    const attribs = resp[collectionName];
+                    for (let s = 0; s < Object.keys(attribs).length; s++) {
+                        const attrName = Object.keys(attribs)[s];
+                        const attr = attribs[attrName];
+                        if (attr.index === false && !item.notIndexed.includes(attrName))
+                            item.notIndexed.push(attrName);
+                        else if (attr.index && !item.indexed.includes(attrName))
+                            item.indexed.push(attrName);
+                    }
+                }
+                displayConfig.push(item);
+            }
+            setConfig(displayConfig);
+        })
+            .catch((err) => {
+            toggleNotification({
+                type: "warning", message: "An error was encountered while fetching the configuration.", timeout: 5000
+            });
+            console.log(err);
+        })
+            .finally(() => {
+            setIsInProgress(false);
+        });
+    }, []);
+    if (config === null)
+        return react_1.default.createElement(helper_plugin_1.LoadingIndicatorPage, null);
+    else {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(design_system_1.Flex, { alignItems: "stretch", gap: 4 },
+                react_1.default.createElement(SubNavigation_1.SubNavigation, { activeUrl: '/configure-collections/' }),
+                react_1.default.createElement(design_system_1.Box, { padding: 8, background: "neutral100" },
+                    react_1.default.createElement(design_system_1.Box, { paddingBottom: 4 },
+                        react_1.default.createElement(design_system_3.Typography, { variant: "alpha" }, "Configure Collections")),
+                    config && (react_1.default.createElement(design_system_7.TwoColsLayout, { startCol: react_1.default.createElement(design_system_2.Table, { colCount: 4, rowCount: config.length },
+                            react_1.default.createElement(design_system_2.Thead, null,
+                                react_1.default.createElement(design_system_2.Tr, null,
+                                    react_1.default.createElement(design_system_2.Th, { style: { width: "250px" } },
+                                        react_1.default.createElement(design_system_3.Typography, { variant: "sigma" }, "Collection")),
+                                    react_1.default.createElement(design_system_2.Th, { style: { width: "250px" } },
+                                        react_1.default.createElement(design_system_3.Typography, { variant: "sigma" }, "Index")),
+                                    react_1.default.createElement(design_system_2.Th, { style: { width: "250px" } },
+                                        react_1.default.createElement(design_system_3.Typography, { variant: "sigma" }, "Do not Index")),
+                                    react_1.default.createElement(design_system_2.Th, null,
+                                        react_1.default.createElement(design_system_3.Typography, { variant: "sigma" }, "Actions")))),
+                            react_1.default.createElement(design_system_2.Tbody, null, config.map((collection, idx) => {
+                                return (react_1.default.createElement(design_system_2.Tr, { key: idx },
+                                    react_1.default.createElement(design_system_2.Td, null,
+                                        react_1.default.createElement(design_system_3.Typography, { textColor: "neutral600" }, collection.collectionName)),
+                                    react_1.default.createElement(design_system_2.Td, null, collection.indexed.map((i) => react_1.default.createElement(design_system_1.Box, { paddingBottom: 2 },
+                                        react_1.default.createElement(design_system_3.Typography, { textColor: "neutral600" }, i)))),
+                                    react_1.default.createElement(design_system_2.Td, null, collection.notIndexed.map((i) => react_1.default.createElement(design_system_1.Box, { paddingBottom: 2 },
+                                        react_1.default.createElement(design_system_3.Typography, { textColor: "neutral600" }, i)))),
+                                    react_1.default.createElement(design_system_2.Td, null,
+                                        react_1.default.createElement(design_system_4.IconButton, { onClick: () => history.push(`/plugins/${pluginId_1.default}/configure-collections/${collection.collectionName}`), label: "Edit collection configuration", noBorder: true, icon: react_1.default.createElement(icons_1.Pencil, null) }),
+                                        react_1.default.createElement(design_system_4.IconButton, { onClick: () => scheduleCollectionIndexing(collection.collectionName), label: "Schedule indexing for all items in this collection", noBorder: true, icon: react_1.default.createElement(icons_1.Server, null) }))));
+                            }))), endCol: react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement(design_system_1.Box, { paddingLeft: 2, paddingRight: 2, paddingTop: 4, paddingBottom: 4 },
+                                react_1.default.createElement(design_system_1.Box, { paddingTop: 4, paddingBottom: 4 },
+                                    react_1.default.createElement(design_system_3.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral600" }, "CONFIG ACTIONS")),
+                                react_1.default.createElement(design_system_7.Divider, null),
+                                react_1.default.createElement(design_system_1.Box, { paddingTop: 4, paddingBottom: 4 },
+                                    react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+                                        react_1.default.createElement(design_system_5.Button, { loading: isInProgress, fullWidth: true, variant: "secondary", onClick: performExport }, "Export")),
+                                    react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+                                        react_1.default.createElement(design_system_5.Button, { loading: isInProgress, fullWidth: true, variant: "secondary", onClick: () => setDisplayImportModal(true) }, "Import"))))) })),
+                    displayImportModal &&
+                        react_1.default.createElement(design_system_6.ModalLayout, { onClose: () => setDisplayImportModal(false), labelledBy: "title" },
+                            react_1.default.createElement(design_system_6.ModalHeader, null,
+                                react_1.default.createElement(design_system_3.Typography, { fontWeight: "bold", textColor: "neutral800", as: "h2", id: "title" }, "Import Search Configuration")),
+                            react_1.default.createElement(design_system_6.ModalBody, null,
+                                react_1.default.createElement(design_system_7.Textarea, { label: "Configuration Json", error: !isEnteredJsonValid ? 'Invalid Json' : undefined, onChange: e => setImportJson(e.target.value) }, importJson)),
+                            react_1.default.createElement(design_system_6.ModalFooter, { startActions: react_1.default.createElement(design_system_5.Button, { onClick: () => setDisplayImportModal(false), variant: "tertiary" }, "Cancel"), endActions: react_1.default.createElement(react_1.default.Fragment, null,
+                                    react_1.default.createElement(design_system_5.Button, { loading: isInProgress, onClick: performImport, disabled: !isEnteredJsonValid && !importJson.length > 0 }, "Import")) }))))));
+    }
+};
+exports.default = Configure;

package/dist/admin/pages/Homepage/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Homepage: () => React.JSX.Element;
+export default Homepage;

package/dist/admin/pages/Homepage/index.js

@@ -0,0 +1,155 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const SubNavigation_1 = require("../../components/SubNavigation");
+;
+const design_system_1 = require("@strapi/design-system");
+const design_system_2 = require("@strapi/design-system");
+const apiUrls_1 = require("../../utils/apiUrls");
+const axiosInstance_1 = __importDefault(require("../../utils/axiosInstance"));
+const design_system_3 = require("@strapi/design-system");
+const design_system_4 = require("@strapi/design-system");
+const icons_1 = require("@strapi/icons");
+const design_system_5 = require("@strapi/design-system");
+const design_system_6 = require("@strapi/design-system");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const loadElasticsearchSetupInfo = () => {
+    return axiosInstance_1.default.get(apiUrls_1.apiGetElasticsearchSetupInfo)
+        .then((resp) => resp.data)
+        .then((data) => {
+        return data;
+    });
+};
+const Homepage = () => {
+    const [setupInfo, setSetupInfo] = (0, react_1.useState)(null);
+    const [isInProgress, setIsInProgress] = (0, react_1.useState)(false);
+    const toggleNotification = (0, helper_plugin_1.useNotification)();
+    const displayLabels = { 'connected': 'Connected',
+        'elasticCertificate': 'Certificate',
+        'elasticHost': 'Elasticsearch host',
+        'elasticIndexAlias': 'Elasticsearch index Alias name',
+        'elasticUserName': 'Elasticsearch username',
+        'indexingCronSchedule': 'Indexing cron schedule',
+        'initialized': 'Elasticsearch configuration loaded' };
+    const reloadElasticsearchSetupInfo = ({ showNotification }) => {
+        setIsInProgress(true);
+        loadElasticsearchSetupInfo()
+            .then(setSetupInfo)
+            .then(() => {
+            if (showNotification)
+                toggleNotification({
+                    type: "success", message: "Elasticsearch setup information reloaded.", timeout: 5000
+                });
+        })
+            .finally(() => setIsInProgress(false));
+    };
+    const requestFullSiteReindexing = () => {
+        setIsInProgress(true);
+        return axiosInstance_1.default.get(apiUrls_1.apiRequestReIndexing)
+            .then(() => {
+            toggleNotification({
+                type: "success", message: "Rebuilding the index is triggered.", timeout: 5000
+            });
+        })
+            .catch(() => {
+            toggleNotification({
+                type: "warning", message: "An error was encountered.", timeout: 5000
+            });
+        })
+            .finally(() => setIsInProgress(false));
+    };
+    const triggerIndexingRun = () => {
+        setIsInProgress(true);
+        return axiosInstance_1.default.get(apiUrls_1.apiTriggerIndexing)
+            .then(() => {
+            toggleNotification({
+                type: "success", message: "The indexing job to process the pending tasks is started.", timeout: 5000
+            });
+        })
+            .catch(() => {
+            toggleNotification({
+                type: "warning", message: "An error was encountered.", timeout: 5000
+            });
+        })
+            .finally(() => setIsInProgress(false));
+    };
+    (0, react_1.useEffect)(() => {
+        reloadElasticsearchSetupInfo({ showNotification: false });
+    }, []);
+    if (setupInfo === null)
+        return react_1.default.createElement(helper_plugin_1.LoadingIndicatorPage, null);
+    else
+        return (react_1.default.createElement(design_system_1.Flex, { alignItems: "stretch", gap: 4 },
+            react_1.default.createElement(SubNavigation_1.SubNavigation, null),
+            react_1.default.createElement(design_system_1.Box, { padding: 8, background: "neutral100", width: "100%" },
+                react_1.default.createElement(design_system_1.Box, { paddingBottom: 4 },
+                    react_1.default.createElement(design_system_2.Typography, { variant: "alpha" }, "Setup Information")),
+                react_1.default.createElement(design_system_1.Box, { width: "100%", paddingBottom: 4 },
+                    react_1.default.createElement(design_system_5.TwoColsLayout, { startCol: react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement(design_system_4.Table, null, setupInfo && (Object.keys(setupInfo).map((k, idx) => {
+                                return (react_1.default.createElement(design_system_4.Tr, { key: idx },
+                                    react_1.default.createElement(design_system_4.Td, null,
+                                        react_1.default.createElement(design_system_1.Box, { padding: 2 },
+                                            react_1.default.createElement(design_system_2.Typography, { textColor: "neutral600" },
+                                                displayLabels[k],
+                                                " :"))),
+                                    react_1.default.createElement(design_system_4.Td, null,
+                                        react_1.default.createElement(design_system_1.Box, { padding: 2 },
+                                            react_1.default.createElement(design_system_6.Grid, null,
+                                                react_1.default.createElement(design_system_6.GridItem, { padding: 2 },
+                                                    k === 'connected' && setupInfo[k] === true &&
+                                                        (react_1.default.createElement(design_system_2.Typography, { fontWeight: "bold", textColor: "success500" }, "Yes")),
+                                                    k === 'connected' && setupInfo[k] === false &&
+                                                        (react_1.default.createElement(design_system_2.Typography, { fontWeight: "bold", textColor: "danger500" }, "No")),
+                                                    k !== 'connected' &&
+                                                        (react_1.default.createElement(design_system_2.Typography, { textColor: "neutral600" }, String(setupInfo[k])))),
+                                                react_1.default.createElement(design_system_6.GridItem, { padding: 1 }, k === 'connected' ?
+                                                    react_1.default.createElement(design_system_3.IconButton, { disabled: isInProgress, onClick: () => reloadElasticsearchSetupInfo({ showNotification: true }), label: "Refresh", icon: react_1.default.createElement(icons_1.Refresh, null) }) : null))))));
+                            })))), endCol: react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement(design_system_1.Box, { paddingLeft: 2, paddingRight: 2, paddingTop: 4, paddingBottom: 4 },
+                                react_1.default.createElement(design_system_1.Box, { paddingTop: 4, paddingBottom: 4 },
+                                    react_1.default.createElement(design_system_2.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral600" }, "ACTIONS")),
+                                react_1.default.createElement(design_system_6.Divider, null),
+                                react_1.default.createElement(design_system_1.Box, { paddingTop: 4, paddingBottom: 4 },
+                                    react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+                                        react_1.default.createElement(design_system_5.Button, { loading: isInProgress, fullWidth: true, variant: "secondary", onClick: requestFullSiteReindexing }, "Rebuild Index")),
+                                    react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+                                        react_1.default.createElement(design_system_5.Button, { loading: isInProgress, fullWidth: true, variant: "secondary", onClick: triggerIndexingRun }, "Trigger Indexing"))))) })))));
+};
+exports.default = Homepage;

package/dist/admin/pages/ViewIndexingRunLog/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ViewIndexingRunLog: () => React.JSX.Element;
+export default ViewIndexingRunLog;

package/dist/admin/pages/ViewIndexingRunLog/index.js

@@ -0,0 +1,125 @@
+"use strict";
+/*
+ *
+ * HomePage
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const SubNavigation_1 = require("../../components/SubNavigation");
+;
+const design_system_1 = require("@strapi/design-system");
+const apiUrls_1 = require("../../utils/apiUrls");
+const axiosInstance_1 = __importDefault(require("../../utils/axiosInstance"));
+const design_system_2 = require("@strapi/design-system");
+const design_system_3 = require("@strapi/design-system");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const loadRecentIndexingRuns = () => {
+    return axiosInstance_1.default.get(apiUrls_1.apiFetchRecentIndexingRunLog)
+        .then((resp) => resp.data)
+        .then((data) => {
+        return data;
+    });
+};
+const formattedDate = (dateString) => {
+    const date = new Date(dateString);
+    const options = {
+        weekday: 'long',
+        year: 'numeric',
+        month: 'numeric',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: 'numeric',
+    };
+    const dateTimeFormat = new Intl.DateTimeFormat('en-US', options);
+    const parts = dateTimeFormat.formatToParts(date);
+    let formattedDate = '';
+    parts.forEach((part) => {
+        if (part.type === "weekday")
+            formattedDate += `${part.value}, `;
+        if (part.type === "day")
+            formattedDate += `${part.value}/`;
+        if (part.type === "month")
+            formattedDate += `${part.value}/`;
+        if (part.type === "year")
+            formattedDate += `${part.value}  `;
+        if (part.type === "hour")
+            formattedDate += `${part.value}:`;
+        if (part.type === "minute")
+            formattedDate += `${part.value}`;
+    });
+    return formattedDate;
+};
+const ViewIndexingRunLog = () => {
+    const [logTable, setLogTable] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        loadRecentIndexingRuns()
+            .then(setLogTable);
+    }, []);
+    if (logTable === null)
+        return react_1.default.createElement(helper_plugin_1.LoadingIndicatorPage, null);
+    else
+        return (react_1.default.createElement(design_system_1.Flex, { alignItems: "stretch", gap: 4 },
+            react_1.default.createElement(SubNavigation_1.SubNavigation, null),
+            react_1.default.createElement(design_system_1.Box, { padding: 8, background: "neutral100", width: "100%" },
+                react_1.default.createElement(design_system_1.Box, { paddingBottom: 4 },
+                    react_1.default.createElement(design_system_3.Typography, { variant: "alpha" }, "Recent Indexing Run Logs")),
+                logTable && logTable.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(design_system_2.Table, { colCount: 3, rowCount: logTable.length },
+                        react_1.default.createElement(design_system_2.Thead, null,
+                            react_1.default.createElement(design_system_2.Tr, null,
+                                react_1.default.createElement(design_system_2.Th, null,
+                                    react_1.default.createElement(design_system_3.Typography, { variant: "sigma" }, "Date")),
+                                react_1.default.createElement(design_system_2.Th, null,
+                                    react_1.default.createElement(design_system_3.Typography, { variant: "sigma" }, "Status")),
+                                react_1.default.createElement(design_system_2.Th, null,
+                                    react_1.default.createElement(design_system_3.Typography, { variant: "sigma" }, "Details")))),
+                        react_1.default.createElement(design_system_2.Tbody, null, logTable.map((data, index) => {
+                            return (react_1.default.createElement(design_system_2.Tr, { key: index },
+                                react_1.default.createElement(design_system_2.Td, null,
+                                    react_1.default.createElement(design_system_3.Typography, { textColor: "neutral600" }, formattedDate(data.createdAt))),
+                                react_1.default.createElement(design_system_2.Td, null,
+                                    react_1.default.createElement(design_system_3.Typography, { textColor: "neutral600" }, data.status)),
+                                react_1.default.createElement(design_system_2.Td, null,
+                                    react_1.default.createElement(design_system_3.Typography, { textColor: "neutral600" }, data.details))));
+                        }))),
+                    react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+                        react_1.default.createElement(design_system_3.Typography, { textColor: "neutral600" }, "This view lists the details of the 50 recent-most indexing runs.")))))));
+};
+exports.default = ViewIndexingRunLog;

package/dist/admin/pluginId.d.ts

@@ -0,0 +1,2 @@
+declare const pluginId: string;
+export default pluginId;

package/dist/admin/pluginId.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const package_json_1 = __importDefault(require("../../package.json"));
+const pluginId = package_json_1.default.strapi.name;
+exports.default = pluginId;

package/dist/admin/src/components/Initializer/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ *
+ * Initializer
+ *
+ */
+import PropTypes from 'prop-types';
+declare const Initializer: {
+    ({ setPlugin }: {
+        setPlugin: any;
+    }): null;
+    propTypes: {
+        setPlugin: PropTypes.Validator<(...args: any[]) => any>;
+    };
+};
+export default Initializer;

package/dist/admin/src/components/Initializer/index.js

@@ -0,0 +1,25 @@
+"use strict";
+/**
+ *
+ * Initializer
+ *
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const prop_types_1 = __importDefault(require("prop-types"));
+const pluginId_1 = __importDefault(require("../../pluginId"));
+const Initializer = ({ setPlugin }) => {
+    const ref = (0, react_1.useRef)();
+    ref.current = setPlugin;
+    (0, react_1.useEffect)(() => {
+        ref.current(pluginId_1.default);
+    }, []);
+    return null;
+};
+Initializer.propTypes = {
+    setPlugin: prop_types_1.default.func.isRequired,
+};
+exports.default = Initializer;

package/dist/admin/src/components/PluginIcon/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * PluginIcon
+ *
+ */
+import React from 'react';
+declare const PluginIcon: () => React.JSX.Element;
+export default PluginIcon;

package/dist/admin/src/components/PluginIcon/index.js

@@ -0,0 +1,14 @@
+"use strict";
+/**
+ *
+ * PluginIcon
+ *
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const icons_1 = require("@strapi/icons");
+const PluginIcon = () => react_1.default.createElement(icons_1.Search, null);
+exports.default = PluginIcon;

package/dist/admin/src/components/SubNavigation/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SubNavigation: ({ activeUrl }: {
+    activeUrl: any;
+}) => React.JSX.Element;

package/dist/admin/src/components/SubNavigation/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubNavigation = void 0;
+const react_1 = __importDefault(require("react"));
+const icons_1 = require("@strapi/icons");
+const design_system_1 = require("@strapi/design-system");
+const v2_1 = require("@strapi/design-system/v2");
+const react_router_dom_1 = require("react-router-dom");
+const pluginId_1 = __importDefault(require("../../pluginId"));
+const SubNavigation = ({ activeUrl }) => {
+    const links = [{
+            id: 1,
+            label: 'Setup Information',
+            icon: icons_1.Connector,
+            to: `/plugins/${pluginId_1.default}/home`,
+        },
+        {
+            id: 2,
+            label: 'Configure Collections',
+            icon: icons_1.Connector,
+            to: `/plugins/${pluginId_1.default}/configure-collections`,
+        },
+        {
+            id: 3,
+            label: 'Indexing Run Logs',
+            icon: icons_1.Connector,
+            to: `/plugins/${pluginId_1.default}/view-indexing-logs`,
+        }];
+    return (react_1.default.createElement(design_system_1.Box, { style: {
+            height: '100vh'
+        }, background: "neutral200" },
+        react_1.default.createElement(v2_1.SubNav, { ariaLabel: "Settings sub nav" },
+            react_1.default.createElement(v2_1.SubNavHeader, { label: "Strapi Elasticsearch" }),
+            react_1.default.createElement(v2_1.SubNavSections, null,
+                react_1.default.createElement(v2_1.SubNavSection, null, links.map(link => link.icon && react_1.default.createElement(v2_1.SubNavLink, { as: react_router_dom_1.NavLink, to: link.to, icon: link.icon, key: link.id }, link.label)))))));
+};
+exports.SubNavigation = SubNavigation;