@localazy/strapi-plugin 0.2.12 → 1.0.0-beta.0

package/admin/src/modules/login/components/LoginButton/index.js

@@ -1,55 +0,0 @@
-/*
- *
- * LoginButton
- *
- */
-
-import React, { useState } from "react";
-import PropTypes from "prop-types";
-import { Button } from "@strapi/design-system/Button";
-import { useTranslation } from "react-i18next";
-import { getOAuthAuthorizationUrl } from "@localazy/generic-connector-client";
-import LocalazyLoginService from "../../services/localazy-login-service";
-import { getStrapiDefaultLocale } from "../../../@common/utils/get-default-locale";
-import { isoStrapiToLocalazy } from "../../../@common/utils/iso-locales-utils";
-import config from "../../../../config";
-
-function LoginButton(props) {
-  const { t } = useTranslation();
-
-  const [isLoading, setIsLoading] = useState(false);
-  const login = async () => {
-    setIsLoading(true);
-
-    const strapiDefaultLocale = await getStrapiDefaultLocale();
-    const localazyFormatLocaleCode = isoStrapiToLocalazy(strapiDefaultLocale.code);
-    const keys = await LocalazyLoginService.generateKeys();
-    const url = getOAuthAuthorizationUrl({
-      clientId: config.LOCALAZY_OAUTH_APP_CLIENT_ID,
-      customId: keys.writeKey,
-      allowCreate: true,
-      createLocale: localazyFormatLocaleCode,
-    }, config.LOCALAZY_OAUTH_URL);
-    window.open(url);
-
-    const pollResult = await LocalazyLoginService.continuousPoll(keys.readKey);
-
-    setIsLoading(false);
-
-    props.onResultFetched(pollResult);
-  };
-
-  return (
-    <div>
-      <Button variant="default" size="L" loading={isLoading} onClick={login}>
-        {t("login.login_with_localazy")}
-      </Button>
-    </div>
-  );
-}
-
-LoginButton.propTypes = {
-  onResultFetched: PropTypes.func.isRequired,
-};
-
-export default LoginButton;

package/admin/src/modules/login/components/LogoutButton/index.js

@@ -1,49 +0,0 @@
-/*
- *
- * LogoutButton
- *
- */
-
-import React, { useState } from "react";
-import PropTypes from "prop-types";
-import { Button } from "@strapi/design-system/Button";
-import { useTranslation } from "react-i18next";
-import Exit from "@strapi/icons/Exit";
-import LocalazyUserService from "../../../user/services/localazy-user-service";
-import { setLocalazyIdentity } from "../../../../state/localazy-identity";
-
-function LogoutButton(props) {
-  const { t } = useTranslation();
-  const [isLoading, setIsLoading] = useState(false);
-  const logout = async () => {
-    setIsLoading(true);
-
-    // delete identity from db
-    // delete identity from app state
-    LocalazyUserService.deleteIdentity();
-    setLocalazyIdentity();
-
-    setIsLoading(false);
-
-    props.onResultFetched();
-  };
-
-  return (
-    <div>
-      <Button
-        startIcon={<Exit />}
-        variant="secondary"
-        loading={isLoading}
-        onClick={logout}
-      >
-        {t("login.logout_from_localazy")}
-      </Button>
-    </div>
-  );
-}
-
-LogoutButton.propTypes = {
-  onResultFetched: PropTypes.func.isRequired,
-};
-
-export default LogoutButton;

package/admin/src/modules/login/locale/en.js

@@ -1,7 +0,0 @@
-export default {
-  login_with_localazy: "Login with Localazy",
-  login_and_start_translating_your_project: "Login and start translating your project with powerful Localazy tools.",
-  you_have_to_own_account_for_the_plugin_to_work_properly: "You have to own a Localazy account for the plugin to work properly.",
-  read_the_documentation: "Read the documentation",
-  logout_from_localazy: "Disconnect from Localazy",
-};

package/admin/src/modules/login/services/localazy-login-service.js

@@ -1,29 +0,0 @@
-/* eslint-disable no-useless-catch */
-import createAxiosInstance from "../../../utils/createAxiosInstance";
-
-const BASE_PATH = "/auth";
-const axiosInstance = createAxiosInstance();
-
-export default class LocalazyLoginService {
-  static async generateKeys() {
-    try {
-      const result = await axiosInstance.get(`${BASE_PATH}/generate-keys`);
-
-      return result.data;
-    } catch (e) {
-      throw e;
-    }
-  }
-
-  static async continuousPoll(readKey) {
-    try {
-      const result = await axiosInstance.get(
-        `${BASE_PATH}/continuous-poll?readKey=${readKey}`
-      );
-
-      return result.data;
-    } catch (e) {
-      throw e;
-    }
-  }
-}

package/admin/src/modules/plugin-settings/components/ContentTransferSetup/index.js

@@ -1,308 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import isEqual from "lodash-es/isEqual";
-import cloneDeep from "lodash-es/cloneDeep";
-import { HeaderLayout } from "@strapi/design-system/Layout";
-import Check from "@strapi/icons/Check";
-import { Box } from "@strapi/design-system/Box";
-import { Button } from "@strapi/design-system/Button";
-import { Alert } from "@strapi/design-system/Alert";
-import { Redirect } from "react-router-dom";
-import { Flex } from "@strapi/design-system/Flex";
-import { Divider } from "@strapi/design-system/Divider";
-import { Typography } from "@strapi/design-system/Typography";
-import set from "lodash-es/set";
-import get from "lodash-es/get";
-import PluginSettingsService from "../../services/plugin-settings-service";
-import StrapiModelService from "../../services/strapi-model-service";
-import getFilteredModelsSchemas from "../../utils/get-filtered-models-schemas";
-import getModelsTree from "../../utils/get-models-tree";
-import hasModelChanged from "../../functions/has-model-changed";
-import buildContentTransferSetupSchema from "../../functions/build-content-transfer-setup-schema";
-import { getLocalazyIdentity } from "../../../../state/localazy-identity";
-import Tree from "../Tree";
-import ContentTransferSetupEmpty from "../ContentTransferSetupEmpty";
-import pluginId from "../../../../pluginId";
-
-import "../../../../i18n";
-
-function ContentTransferSetup() {
-  /**
-   * Translation function
-   */
-  const { t } = useTranslation();
-
-  /**
-   * Is user logged in
-   */
-  const [localazyIdentity] = getLocalazyIdentity();
-  const hasLocalazyIdentity = () => !!localazyIdentity.accessToken;
-  const [isLoggedIn, setIsLoggedIn] = useState(false);
-
-  /**
-   * Component state
-   */
-  const [isLoading, setIsLoading] = useState(true);
-  const [showAlert, setShowAlert] = useState(false);
-  const [showModalChangedAlert, setShowModalChangedAlert] = useState(false);
-
-  /**
-   * Accordion expanded state model
-   */
-  const [, setItemsExpandedModel] = useState([]);
-  const buildItemsExpandedModel = (models) => {
-    const r = {};
-    getFilteredModelsSchemas(models).forEach((model, index) => {
-      r[model.modelUid] = index === 0;
-    });
-
-    return r;
-  };
-
-  /**
-   * Helper form model object
-   */
-  const [, setTreeModelsSchemas] = useState([]);
-
-  /**
-   * Content transfer setup form model
-   */
-  const [originalFormModel, setOriginalFormModel] = useState([]);
-  const [formModel, setFormModel] = useState([]);
-  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
-
-  const onCancelClick = () => {
-    setFormModel(cloneDeep(originalFormModel));
-    setHasUnsavedChanges(false);
-  }
-
-  /**
-   * Save the content transfer setup
-   */
-  const saveContentTransferSetup = async (data) => {
-    try {
-      await PluginSettingsService.updateContentTransferSetup(data);
-      setOriginalFormModel(cloneDeep(data));
-      setHasUnsavedChanges(false);
-      setShowAlert(true);
-      setShowModalChangedAlert(false);
-    } catch (e) {
-      throw e.data;
-    }
-  };
-
-  const onTreeItemClick = (keys, currentValue) => {
-    setFormModel((prevState) => {
-      // model of a subtree is the same for each of the keys
-      const modelName = keys[0].split(".")[0];
-      let arrayIndex;
-      const model = prevState.find((m, index) => {
-        if (Object.keys(m).includes(modelName)) {
-          arrayIndex = index;
-
-          return true;
-        }
-
-        return false;
-      });
-
-      if (model === undefined) {
-        return prevState;
-      }
-
-      const newState = cloneDeep(prevState);
-      keys.forEach((key) => {
-        // * if there's a "__component__" in the key; skip
-        if (key.includes("__component__")) {
-          return;
-        }
-
-        const isEditable = get(model, key) !== null;
-
-        if (isEditable) {
-          set(model, key, !currentValue);
-        }
-      });
-      newState.splice(arrayIndex, 1, model);
-      setHasUnsavedChanges(!isEqual(originalFormModel, newState) || showModalChangedAlert);
-
-      return newState;
-    });
-  };
-
-  const link = "https://localazy.com/docs/strapi";
-  const onReadDocumentationClick = () => {
-    window.open(link, "_blank");
-  };
-
-  useEffect(() => {
-    async function fetchData() {
-      setIsLoading(true);
-      setIsLoggedIn(hasLocalazyIdentity());
-
-      if (!hasLocalazyIdentity()) {
-        setIsLoading(false);
-
-        return;
-      }
-
-      /**
-       * Fetch current models schemas
-       */
-      const [models, localizableModels] = await Promise.all([
-        StrapiModelService.getModels(),
-        StrapiModelService.getLocalizableModels(),
-      ]);
-
-      /**
-       * Fetch stored content transfer setup
-       */
-      const storedContentTransferSetup =
-        await PluginSettingsService.getContentTransferSetup();
-
-      /**
-       * Build and set accordion expanded state model
-       */
-      const itemsExpandedModel = buildItemsExpandedModel(localizableModels);
-      setItemsExpandedModel(itemsExpandedModel);
-
-      /**
-       * Build and set form model
-       */
-      const allModelsTree = getModelsTree(models, models);
-
-      const localizableTree = getModelsTree(models, localizableModels);
-      setTreeModelsSchemas(localizableTree);
-
-      const computedFormModel = buildContentTransferSetupSchema(
-        localizableTree,
-        storedContentTransferSetup.setup,
-        allModelsTree
-      );
-
-      setFormModel(computedFormModel);
-      setOriginalFormModel(cloneDeep(computedFormModel));
-
-      /**
-       * Handle alerts onload apperance
-       */
-      const localHasModelChanged = await hasModelChanged(localizableTree, storedContentTransferSetup.setup);
-      setShowModalChangedAlert(localHasModelChanged);
-      setHasUnsavedChanges(localHasModelChanged)
-
-      setIsLoading(false);
-    }
-    fetchData();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return (
-    <>
-      {!isLoading && !isLoggedIn && <Redirect to={`/plugins/${pluginId}/login`} />}
-
-      <HeaderLayout
-        title={t("plugin_settings.content_transfer_setup")}
-        subtitle={t("plugin_settings.content_transfer_setup_description")}
-        primaryAction={
-          <Flex gap={2}>
-            <Button
-              variant="secondary"
-              disabled={!hasUnsavedChanges}
-              onClick={onCancelClick}
-            >
-              {t("plugin_settings.cancel")}
-            </Button>
-            <Button
-              startIcon={<Check />}
-              disabled={!hasUnsavedChanges}
-              onClick={() => { saveContentTransferSetup(formModel) }}
-            >
-              {t("plugin_settings.save")}
-            </Button>
-          </Flex>
-        }
-        as="h2"
-      />
-      <Box marginRight={10} marginLeft={10}>
-        {!isLoading && showAlert && (
-          <Box marginBottom={8}>
-            <Alert
-              onClose={() => setShowAlert(false)}
-              closeLabel={t("plugin_settings.close")}
-              title={t("plugin_settings.content_transfer_setup_saved")}
-              variant="success"
-            >
-              {t("plugin_settings.content_transfer_setup_saved_successfully")}
-            </Alert>
-          </Box>
-        )}
-        {!isLoading && showModalChangedAlert && (
-          <Box marginBottom={8}>
-            <Alert
-              onClose={() => setShowModalChangedAlert(false)}
-              closeLabel={t("plugin_settings.close")}
-              title={t("plugin_settings.content_types_model_changed")}
-              variant="default"
-            >
-              {t("plugin_settings.please_update_your_content")}
-            </Alert>
-          </Box>
-        )}
-        {!isLoading && (
-          <Box
-            background="neutral0"
-            padding={7}
-            paddingTop={6}
-            shadow="tableShadow"
-            hasRadius
-          >
-            {!formModel.length && (
-              // empty state
-              <ContentTransferSetupEmpty />
-            )}
-            {formModel.map((tree, index) => {
-              return (
-                <Box
-                  // eslint-disable-next-line react/no-array-index-key
-                  key={`box_tree_${index}`}
-                  marginBottom={3}
-                >
-                  <Tree
-                    onTreeItemClick={onTreeItemClick}
-                    objects={tree}
-                    initiallyExpanded={index === 0} />
-                </Box>
-              );
-            })}
-            {!!formModel.length && (
-              <Box>
-                <Box
-                  paddingTop={6}
-                  paddingBottom={6}
-                >
-                  <Divider />
-                </Box>
-                <Typography variant="omega">{t("plugin_settings.you_can_upload_download")}</Typography>
-                <Typography variant="omega" fontWeight="semiBold">{t("plugin_settings.only_text_based_content")}</Typography>
-                <br />
-                <br />
-                <Typography variant="omega">{t("plugin_settings.learn_more_in_docs_message_a")}</Typography>
-                <Typography
-                  onClick={onReadDocumentationClick}
-                  variant="omega"
-                  fontWeight="semiBold"
-                  textColor="primary600"
-                  style={{ cursor: "pointer" }}
-                >
-                  {t("plugin_settings.learn_more_in_docs_message_b")}
-                </Typography>
-              </Box>
-            )}
-          </Box>
-        )}
-      </Box>
-    </>
-  );
-}
-
-export default ContentTransferSetup;

package/admin/src/modules/plugin-settings/components/ContentTransferSetupEmpty/index.js

@@ -1,86 +0,0 @@
-import React from "react";
-import { useTranslation, Trans } from "react-i18next";
-import styled from 'styled-components';
-import { Typography, Flex } from "@strapi/design-system";
-import Dot from '@strapi/icons/Dot';
-
-const CustomBullet = styled(Dot)`
-  width: ${12 / 16}rem;
-  height: ${4 / 16}rem;
-  margin-right: ${4 / 16}rem;
-  * {
-    fill: ${({ theme, $active }) => ($active ? theme.colors.primary600 : theme.colors.neutral600)};
-  }
-`;
-
-function ContentTransferSetupEmpty() {
-  const { t } = useTranslation();
-
-  return (
-    <div>
-      <Typography
-        textColor="neutral600"
-        variant="beta"
-      >
-        {t("plugin_settings.there_is_nothing_to_transfer")}
-      </Typography>
-      <br />
-      <br />
-      <Typography
-        textColor="neutral600"
-        variant="omega"
-      >
-        {t("plugin_settings.please_check_that_you_have_entered_a_valid_collection")}
-      </Typography>
-      <br />
-      <Flex marginTop={1} alignItems="center">
-        <CustomBullet />
-        <Typography
-          textColor="neutral600"
-          variant="omega"
-        >
-          <Trans i18nKey="plugin_settings.step_1" components={{ 1: <Typography variant="omega" fontWeight="semiBold" /> }} />
-        </Typography>
-      </Flex>
-      <Flex marginTop={1} alignItems="center">
-        <CustomBullet />
-
-        <Typography
-          textColor="neutral600"
-          variant="omega"
-        >
-          <Trans i18nKey="plugin_settings.step_2" components={{ 1: <Typography variant="omega" fontWeight="semiBold" /> }} />
-        </Typography>
-      </Flex>
-      <Flex marginTop={1} alignItems="center">
-        <CustomBullet />
-        <Typography
-          textColor="neutral600"
-          variant="omega"
-        >
-          <Trans i18nKey="plugin_settings.step_3" components={{ 1: <Typography variant="omega" fontWeight="semiBold" /> }} />
-        </Typography>
-      </Flex>
-      <Flex marginTop={1} alignItems="center">
-        <CustomBullet />
-        <Typography
-          textColor="neutral600"
-          variant="omega"
-        >
-          <Trans i18nKey="plugin_settings.step_4" components={{ 1: <Typography variant="omega" fontWeight="semiBold" /> }} />
-        </Typography>
-      </Flex>
-      <Flex marginTop={1} alignItems="center">
-        <CustomBullet />
-        <Typography
-          textColor="neutral600"
-          variant="omega"
-        >
-          <Trans i18nKey="plugin_settings.step_5" components={{ 1: <Typography variant="omega" fontWeight="semiBold" /> }} />
-        </Typography>
-      </Flex>
-    </div >
-  );
-}
-
-export default ContentTransferSetupEmpty;