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

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;

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

@@ -0,0 +1,8 @@
+declare const _default: {
+    register(app: any): void;
+    bootstrap(app: any): void;
+    registerTrads({ locales }: {
+        locales: any;
+    }): Promise<any[]>;
+};
+export default _default;

package/dist/admin/src/index.js

@@ -0,0 +1,92 @@
+"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 helper_plugin_1 = require("@strapi/helper-plugin");
+const package_json_1 = __importDefault(require("../../package.json"));
+const pluginId_1 = __importDefault(require("./pluginId"));
+const Initializer_1 = __importDefault(require("./components/Initializer"));
+const PluginIcon_1 = __importDefault(require("./components/PluginIcon"));
+const name = package_json_1.default.strapi.name;
+exports.default = {
+    register(app) {
+        app.addMenuLink({
+            to: `/plugins/${pluginId_1.default}`,
+            icon: PluginIcon_1.default,
+            intlLabel: {
+                id: `${pluginId_1.default}.plugin.name`,
+                defaultMessage: 'Elasticsearch',
+            },
+            Component: async () => {
+                const component = await Promise.resolve().then(() => __importStar(require(/* webpackChunkName: "[request]" */ './pages/App')));
+                return component;
+            },
+            permissions: [
+            // Uncomment to set the permissions of the plugin here
+            // {
+            //   action: '', // the action name should be plugin::plugin-name.actionType
+            //   subject: null,
+            // },
+            ],
+        });
+        app.registerPlugin({
+            id: pluginId_1.default,
+            initializer: Initializer_1.default,
+            isReady: false,
+            name,
+        });
+    },
+    bootstrap(app) { },
+    async registerTrads({ locales }) {
+        const importedTrads = await Promise.all(locales.map((locale) => {
+            return Promise.resolve(`${
+            /* webpackChunkName: "translation-[request]" */ `./translations/${locale}.json`}`).then(s => __importStar(require(s))).then(({ default: data }) => {
+                return {
+                    data: (0, helper_plugin_1.prefixPluginTranslations)(data, pluginId_1.default),
+                    locale,
+                };
+            })
+                .catch(() => {
+                return {
+                    data: {},
+                    locale,
+                };
+            });
+        }));
+        return Promise.resolve(importedTrads);
+    },
+};

package/dist/admin/src/pages/App/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ *
+ * This component is the skeleton around the actual pages, and should only
+ * contain code that should be seen on all pages. (e.g. navigation bar)
+ *
+ */
+import React from 'react';
+declare const App: () => React.JSX.Element;
+export default App;

package/dist/admin/src/pages/App/index.js

@@ -0,0 +1,29 @@
+"use strict";
+/**
+ *
+ * This component is the skeleton around the actual pages, and should only
+ * contain code that should be seen on all pages. (e.g. navigation bar)
+ *
+ */
+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 react_router_dom_1 = require("react-router-dom");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const pluginId_1 = __importDefault(require("../../pluginId"));
+const ConfigureCollectionList_1 = __importDefault(require("../ConfigureCollectionList"));
+const ConfigureCollection_1 = __importDefault(require("../ConfigureCollection"));
+const ViewIndexingRunLog_1 = __importDefault(require("../ViewIndexingRunLog"));
+const Homepage_1 = __importDefault(require("../Homepage"));
+const App = () => {
+    return (react_1.default.createElement(react_router_dom_1.Switch, null,
+        react_1.default.createElement(react_router_dom_1.Route, { path: `/plugins/${pluginId_1.default}`, render: () => (react_1.default.createElement(react_router_dom_1.Redirect, { to: `/plugins/${pluginId_1.default}/home` })), exact: true }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: `/plugins/${pluginId_1.default}/home`, component: Homepage_1.default, exact: true }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: `/plugins/${pluginId_1.default}/configure-collections`, component: ConfigureCollectionList_1.default, exact: true }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: `/plugins/${pluginId_1.default}/configure-collections/:collectionName`, component: ConfigureCollection_1.default, exact: true }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: `/plugins/${pluginId_1.default}/view-indexing-logs`, component: ViewIndexingRunLog_1.default }),
+        react_1.default.createElement(react_router_dom_1.Route, { component: helper_plugin_1.AnErrorOccurred })));
+};
+exports.default = App;

package/dist/admin/src/pages/ConfigureCollection/index.d.ts

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

package/dist/admin/src/pages/ConfigureCollection/index.js

@@ -0,0 +1,193 @@
+"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 react_router_dom_1 = require("react-router-dom");
+const axiosInstance_1 = __importDefault(require("../../utils/axiosInstance"));
+const SubNavigation_1 = require("../../components/SubNavigation");
+;
+const design_system_1 = require("@strapi/design-system");
+const design_system_2 = require("@strapi/design-system");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const pluginId_1 = __importDefault(require("../../pluginId"));
+const apiUrls_1 = require("../../utils/apiUrls");
+const design_system_3 = require("@strapi/design-system");
+const icons_1 = require("@strapi/icons");
+const design_system_4 = require("@strapi/design-system");
+const design_system_5 = require("@strapi/design-system");
+const helper_plugin_2 = require("@strapi/helper-plugin");
+const loadConfigForCollection = (collectionName) => {
+    return axiosInstance_1.default.get((0, apiUrls_1.apiGetCollectionConfig)(collectionName))
+        .then((resp) => resp.data);
+};
+const saveConfigForCollection = (collectionName, data) => {
+    return axiosInstance_1.default.post((0, apiUrls_1.apiSaveCollectionConfig)(collectionName), {
+        data
+    });
+};
+const ConfigureField = ({ config, index, setFieldConfig }) => {
+    const validateSubfieldsConfig = (conf) => {
+        if (conf && conf.length > 0) {
+            try {
+                JSON.parse(conf);
+                return true;
+            }
+            catch (e) {
+                return false;
+            }
+        }
+        else
+            return true;
+    };
+    const updateIndex = (checked) => {
+        setFieldConfig({ index, config: { ...config, index: checked } });
+    };
+    const updateSubfieldConfig = (subfields) => {
+        const subfieldsConfigValid = validateSubfieldsConfig(subfields);
+        setFieldConfig({ index, config: { ...config, subfields, subfieldsConfigValid } });
+    };
+    const updateMappedFieldName = (mappedName) => {
+        setFieldConfig({ index, config: { ...config, searchFieldName: mappedName } });
+    };
+    return (react_1.default.createElement(design_system_1.Box, { background: "neutral100", borderColor: "neutral200", hasRadius: true, index: index, padding: 4 },
+        react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+            react_1.default.createElement(design_system_4.Typography, { fontWeight: "bold", textColor: "neutral600" }, config.name)),
+        react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+            react_1.default.createElement(design_system_2.ToggleInput, { label: "Index", onLabel: "Yes", offLabel: "No", checked: config.index, onChange: (e) => updateIndex(e.target.checked) })),
+        react_1.default.createElement(design_system_1.Box, { width: "50%", paddingTop: 2, paddingBottom: 2 },
+            react_1.default.createElement(design_system_5.TextInput, { label: "Maps to search field", placeholder: "Enter field name", name: "Search field", onChange: e => updateMappedFieldName(e.target.value), value: config.searchFieldName || "" })),
+        config.index && config.type && config.type === "dynamiczone" ? (react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+            react_1.default.createElement(design_system_5.Textarea, { label: "Dynamic zone fields to index", error: config.subfieldsConfigValid === false ? 'Invalid indexing configuration' : undefined, onChange: e => updateSubfieldConfig(e.target.value) }, config.subfields || ""))) : null,
+        config.index && config.type && config.type === "component" ? (react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+            react_1.default.createElement(design_system_5.Textarea, { label: "Component fields to index", error: config.subfieldsConfigValid === false ? 'Invalid indexing configuration' : undefined, onChange: e => updateSubfieldConfig(e.target.value) }, config.subfields || ""))) : null));
+};
+const ConfigureCollection = () => {
+    const [isInProgress, setIsInProgress] = (0, react_1.useState)(false);
+    const [selectedCollection, setSelectedCollection] = (0, react_1.useState)(null);
+    const [collectionConfig, setCollectionConfig] = (0, react_1.useState)(null);
+    const params = (0, react_router_dom_1.useParams)();
+    const toggleNotification = (0, helper_plugin_2.useNotification)();
+    const updateCollectionsConfig = ({ index, config }) => {
+        setCollectionConfig({
+            collectionName: collectionConfig.collectionName,
+            attributes: collectionConfig.attributes.map((e, idx) => index === idx ? config : e)
+        });
+    };
+    const saveCollectionConfig = () => {
+        if (collectionConfig && collectionConfig.collectionName) {
+            const data = {};
+            data[collectionConfig.collectionName] = {};
+            for (let k = 0; k < collectionConfig.attributes.length; k++) {
+                const { name, ...attribs } = collectionConfig.attributes[k];
+                data[collectionConfig.collectionName][name] = attribs;
+            }
+            setIsInProgress(true);
+            saveConfigForCollection(collectionConfig.collectionName, data)
+                .then((resp) => {
+                toggleNotification({
+                    type: "success", message: "The collection configuration is saved.", timeout: 5000
+                });
+            })
+                .catch((err) => {
+                toggleNotification({
+                    type: "warning", message: err.message || "An error was encountered.", timeout: 5000
+                });
+                console.log(err);
+            })
+                .finally(() => setIsInProgress(false));
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (params && params.collectionName)
+            setSelectedCollection(params.collectionName);
+    }, [params]);
+    (0, react_1.useEffect)(() => {
+        if (selectedCollection) {
+            loadConfigForCollection(selectedCollection)
+                .then((resp) => {
+                if (Object.keys(resp).length === 0) {
+                    toggleNotification({
+                        type: "warning", message: 'No collection with the selected name exists.', timeout: 5000
+                    });
+                }
+                else {
+                    const collectionName = Object.keys(resp)[0];
+                    const attributeNames = Object.keys(resp[collectionName]);
+                    const attributes = [];
+                    for (let s = 0; s < attributeNames.length; s++)
+                        attributes.push({ name: attributeNames[s], ...resp[collectionName][attributeNames[s]] });
+                    const item = { collectionName, attributes };
+                    setCollectionConfig(item);
+                }
+            })
+                .catch((err) => {
+                toggleNotification({
+                    type: "warning", message: err.message || "An error was encountered.", timeout: 5000
+                });
+                console.log(err);
+            });
+        }
+    }, [selectedCollection]);
+    if (collectionConfig === null)
+        return react_1.default.createElement(helper_plugin_2.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(helper_plugin_1.Link, { startIcon: react_1.default.createElement(icons_1.ArrowLeft, null), to: `/plugins/${pluginId_1.default}/configure-collections/` }, "Back")),
+                selectedCollection && (react_1.default.createElement(design_system_1.Box, { paddingBottom: 4 },
+                    react_1.default.createElement(design_system_4.Typography, { variant: "alpha" }, selectedCollection))),
+                collectionConfig && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(design_system_1.Flex, { alignItems: "stretch", gap: 4, width: "100%" },
+                        react_1.default.createElement(design_system_1.Box, { padding: 8, background: "neutral0", width: "100%" },
+                            react_1.default.createElement(design_system_1.Box, { paddingBottom: 2 },
+                                react_1.default.createElement(design_system_4.Typography, { variant: "beta" }, "Attributes"),
+                                collectionConfig.attributes.map((a, idx) => {
+                                    return react_1.default.createElement(design_system_1.Box, { paddingTop: 4, paddingBottom: 4 },
+                                        react_1.default.createElement(ConfigureField, { index: idx, config: a, setFieldConfig: updateCollectionsConfig }));
+                                })))),
+                    react_1.default.createElement(design_system_1.Box, { paddingTop: 4 },
+                        react_1.default.createElement(design_system_3.Button, { loading: isInProgress, variant: "default", onClick: saveCollectionConfig }, "Save Configuration Changes")))))));
+};
+exports.default = ConfigureCollection;

package/dist/admin/src/pages/ConfigureCollectionList/index.d.ts

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