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

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

@@ -1,154 +0,0 @@
-/**
- *
- * 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, { useEffect, useState } from "react";
-import { Switch, Router, Route, useLocation } from "react-router-dom";
-import { NotFound } from "@strapi/helper-plugin";
-import { ThemeProvider } from "@strapi/design-system/ThemeProvider";
-import { lightTheme } from "@strapi/design-system/themes";
-import { Box } from "@strapi/design-system/Box";
-import { Layout } from "@strapi/design-system/Layout";
-import { useTranslation } from "react-i18next";
-import Loader from "../../modules/@common/components/PluginPageLoader";
-import pluginId from "../../pluginId";
-import Download from "../Download";
-import Settings from "../Settings";
-import Upload from "../Upload";
-import Login from "../Login";
-import SideNav from "../../modules/@common/components/SideNav";
-import isPluginRoute from "../../modules/@common/utils/is-plugin-route";
-import redirectToPluginRoute, {
-  PLUGIN_ROUTES,
-} from "../../modules/@common/utils/redirect-to-plugin-route";
-import getHeaderTitle from "../../modules/@common/utils/get-header-title";
-import getHeaderSubtitle from "../../modules/@common/utils/get-header-subtitle";
-import LocalazyUserService from "../../modules/user/services/localazy-user-service";
-import {
-  setLocalazyIdentity,
-  getLocalazyIdentity,
-} from "../../state/localazy-identity";
-import history from "../../modules/@common/utils/history";
-import PluginSettingsService from "../../modules/plugin-settings/services/plugin-settings-service";
-
-import "../../i18n";
-
-function App() {
-  const location = useLocation();
-  const { t } = useTranslation();
-
-  /**
-   * is processing app loading
-   */
-  const [isLoadingApp, setIsLoadingApp] = useState(true);
-
-  /**
-   * is user logged in
-   */
-  const [isLoggedIn, setIsLoggedIn] = useState(false);
-
-  /**
-   * side navigation component apperance and title
-   */
-  const [renderSideNav, setRenderSideNav] = useState(false);
-  const [headerTitle, setHeaderTitle] = useState(getHeaderTitle(location));
-  const [headerSubtitle, setHeaderSubtitle] = useState(getHeaderSubtitle(location));
-
-  /**
-   * localazy identity / access token
-   */
-  const [localazyIdentity] = getLocalazyIdentity();
-  const hasLocalazyIdentity = () => !!localazyIdentity.accessToken;
-
-
-
-  useEffect(() => {
-    const unlisten = history.listen((location) => {
-      setHeaderTitle(getHeaderTitle(location));
-      setHeaderSubtitle(getHeaderSubtitle(location));
-    });
-
-    return unlisten;
-  }, []);
-
-  useEffect(() => {
-    async function fetchData() {
-      setIsLoadingApp(true);
-
-      const identity = await LocalazyUserService.getIdentity();
-      setLocalazyIdentity(identity);
-      setIsLoggedIn(hasLocalazyIdentity());
-      setRenderSideNav(hasLocalazyIdentity());
-
-      setIsLoadingApp(false);
-
-      // is root route
-      if (isPluginRoute(location)) {
-        if (!hasLocalazyIdentity()) {
-          redirectToPluginRoute(PLUGIN_ROUTES.LOGIN);
-        } else {
-          const lastRoute = (await PluginSettingsService.getPluginSettings()).defaultRoute || PLUGIN_ROUTES.UPLOAD;
-          redirectToPluginRoute(lastRoute);
-        }
-      }
-    }
-    fetchData();
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [localazyIdentity.accessToken]);
-
-  return (
-    <Router history={history}>
-      <ThemeProvider theme={lightTheme}>
-        <Box background="neutral100">
-          <Layout sideNav={renderSideNav && <SideNav />}>
-            {isLoadingApp && <Loader>{t("common.loading_content")}</Loader>}
-            {!isLoadingApp && (
-              <>
-                {!isLoggedIn && (
-                  <Switch>
-                    <Route path={`${process.env.ADMIN_PATH}plugins/${pluginId}/login`} exact>
-                      <Login
-                        title={headerTitle}
-                        subtitle={headerSubtitle}
-                      />
-                    </Route>
-                  </Switch>
-                )}
-
-                {isLoggedIn && (
-                  <Switch>
-                    <Route path={`${process.env.ADMIN_PATH}plugins/${pluginId}/download`} exact>
-                      <Download
-                        title={headerTitle}
-                        subtitle={headerSubtitle}
-                      />
-                    </Route>
-                    <Route path={`${process.env.ADMIN_PATH}plugins/${pluginId}/upload`} exact>
-                      <Upload
-                        title={headerTitle}
-                        subtitle={headerSubtitle}
-                      />
-                    </Route>
-                    <Route path={`${process.env.ADMIN_PATH}plugins/${pluginId}/settings`} exact>
-                      <Settings
-                        title={headerTitle}
-                        subtitle={headerSubtitle}
-                      />
-                    </Route>
-                    <Route component={NotFound} />
-                  </Switch>
-                )}
-              </>
-            )}
-          </Layout>
-        </Box>
-      </ThemeProvider>
-    </Router>
-  );
-}
-
-export default App;

package/admin/src/pages/Download/index.js

@@ -1,280 +0,0 @@
-import React, { useState, useEffect } from "react";
-import PropTypes from "prop-types";
-import cloneDeep from "lodash-es/cloneDeep";
-import set from "lodash-es/set";
-import { HeaderLayout } from "@strapi/design-system/Layout";
-import { Button } from "@strapi/design-system/Button";
-import DownloadIcon from "@strapi/icons/Download";
-import { Box } from "@strapi/design-system/Box";
-import { Alert } from "@strapi/design-system/Alert";
-import { useTranslation } from "react-i18next";
-import { Flex } from '@strapi/design-system/Flex';
-import { Divider } from '@strapi/design-system/Divider';
-import { Typography } from "@strapi/design-system/Typography";
-import Loader from "../../modules/@common/components/PluginPageLoader";
-import LocalazyDownloadService from "../../modules/localazy-download/services/localazy-download-service";
-import areLocalesCompatible from "../../modules/@common/utils/are-locales-compatible";
-import hasModelChanged from "../../modules/plugin-settings/functions/has-model-changed";
-import TransferReport from "../../modules/@common/components/TransferReport";
-import ReadDocsButton from "../../modules/localazy-upload/components/ReadDocsButton";
-import { getLocalazyIdentity } from "../../state/localazy-identity";
-import ProductAnalyticsService from "../../modules/@common/services/product-analytics-service";
-import PluginSettingsService from "../../modules/plugin-settings/services/plugin-settings-service";
-import { PLUGIN_ROUTES } from "../../modules/@common/utils/redirect-to-plugin-route";
-import LanguagesSelector from "../../modules/@common/components/LanguagesSelector";
-import ProjectService from "../../modules/@common/services/project-service";
-import DownloadAlertsService from "../../modules/localazy-download/services/download-alerts-service";
-
-const downloadAlertsService = new DownloadAlertsService();
-downloadAlertsService.subscribe();
-
-function Download(props) {
-  const { t } = useTranslation();
-
-  /**
-   * Component state
-   */
-  const [isLoading, setIsLoading] = useState(true);
-  const [modelChanged, setModelChanged] = useState(false);
-  const [localesIncompatible, setLocalesIncompatible] = useState(false);
-  const [showDownloadFinishedModal, setshowDownloadFinishedModal] =
-    useState(false);
-  const [downloadResult, setDownloadResult] = useState({
-    success: false,
-    report: [],
-  });
-  const [isDownloading, setIsDownloading] = useState(false);
-
-  /**
-   * Localazy identity / access token
-   */
-  const [localazyIdentity] = getLocalazyIdentity();
-  const onTranslateInLocalazyClick = () => {
-    window.open(localazyIdentity.project.url, "_blank");
-  }
-
-  /**
-   * Project Languages without default language
-   */
-  const [projectLanguages, setProjectLanguages] = useState([]);
-
-  /**
-   * Global Settings form model
-   */
-  const [formModel, setFormModel] = useState([]);
-
-  const onDownloadLanguagesChange = (languages) => {
-    const newFormModel = cloneDeep(formModel);
-    set(newFormModel, 'download.uiLanguages', languages);
-    setFormModel(newFormModel);
-
-    try {
-      PluginSettingsService.updatePluginSettings(newFormModel);
-    } catch (e) {
-      console.error(e.message);
-    }
-  };
-
-
-  const onDownloadClick = async () => {
-    setIsDownloading(true);
-    setshowDownloadFinishedModal(false);
-    setDownloadResult({
-      success: false,
-      report: [],
-    });
-    const result = await LocalazyDownloadService.download();
-    const { streamIdentifier } = result;
-    downloadAlertsService.setStreamIdentifier(streamIdentifier);
-    downloadAlertsService.onDownload((data) => {
-      setDownloadResult((old) => ({
-        success: data.success,
-        report: [
-          ...old.report || [],
-          data.message,
-        ],
-      }));
-    });
-    downloadAlertsService.onDownloadFinished((data) => {
-      setDownloadResult((old) => ({
-        success: data.success,
-        report: [
-          ...old.report || [],
-          data.message,
-        ],
-      }));
-      setIsDownloading(false);
-      setshowDownloadFinishedModal(true);
-    });
-
-    // track download
-    ProductAnalyticsService.trackDownloadToStrapi(
-      localazyIdentity.user.id,
-      localazyIdentity.project,
-      {
-        "Target Languages Codes": "all",
-      }
-    );
-  };
-
-  useEffect(() => {
-    async function initComponent() {
-      setIsLoading(true);
-
-      /**
-       * Handle alerts onload apperance
-       */
-      setModelChanged(await hasModelChanged());
-      setLocalesIncompatible(!(await areLocalesCompatible()));
-
-      const project = await ProjectService.getConnectedProject();
-      const projectLanguagesWithoutDefaultLanguage =
-        project?.languages?.filter(language => language.id !== project.sourceLanguage) || [];
-      setProjectLanguages(projectLanguagesWithoutDefaultLanguage);
-
-      const globalSettings = await PluginSettingsService.getPluginSettings();
-      setFormModel(globalSettings);
-
-      PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.DOWNLOAD });
-
-      setIsLoading(false);
-    }
-    initComponent();
-  }, []);
-
-  return (
-    <>
-      <HeaderLayout
-        title={props.title}
-        subtitle={props.subtitle}
-        primaryAction={
-          <Button
-            startIcon={<DownloadIcon />}
-            disabled={isLoading || modelChanged || localesIncompatible}
-            loading={isDownloading}
-            onClick={onDownloadClick}
-          >
-            {t("download.download_to_strapi")}
-          </Button>
-        }
-        as="h2"
-      />
-      {isLoading && <Loader>{t("common.loading_content")}</Loader>}
-      {!isLoading && (
-        <Box paddingRight={10} paddingLeft={10}>
-          <Box
-            background="neutral0"
-            paddingTop={6}
-            paddingRight={7}
-            paddingBottom={6}
-            paddingLeft={7}
-            hasRadius
-            shadow="tableShadow"
-          >
-            <Typography variant="omega">
-              {t("download.download_note_a")}
-            </Typography>
-            <Typography variant="omega" fontWeight="semiBold">
-              {t("download.download_note_b")}
-            </Typography>
-            <br />
-            <br />
-            <Typography variant="omega">
-              {t("download.make_sure_note_a")}
-            </Typography>
-            <Typography variant="omega" fontWeight="semiBold">
-              {t("download.make_sure_note_b")}
-            </Typography>
-            <Typography variant="omega">
-              {t("download.make_sure_note_c")}
-            </Typography>
-            <Box
-              paddingTop={6}
-            >
-              <LanguagesSelector
-                preselectedLanguages={formModel?.download?.uiLanguages || []}
-                projectLanguages={projectLanguages}
-                onChange={(languages) => onDownloadLanguagesChange(languages)}
-                label={t("download.ui_languages")}
-                hint={t("download.ui_languages_info")}
-                placeholder={t("download.ui_languages_placeholder")}
-              />
-            </Box>
-            <Box
-              paddingTop={4}
-              paddingBottom={4}
-            >
-              <Divider />
-            </Box>
-            <Box marginTop={2}>
-              <Flex gap="2">
-                <Button variant="secondary" onClick={onTranslateInLocalazyClick}>
-                  {t("download.translate_in_localazy")}
-                </Button>
-                <ReadDocsButton />
-              </Flex>
-            </Box>
-          </Box>
-          {showDownloadFinishedModal && (
-            <Box marginTop={4} marginBottom={4}>
-              <Alert
-                onClose={() => setshowDownloadFinishedModal(false)}
-                closeLabel={t("download.close")}
-                title={t("download.download_result")}
-                variant={downloadResult.success ? "success" : "danger"}
-              >
-                {downloadResult.success
-                  ? t("download.download_success")
-                  : t("download.download_failed")}
-              </Alert>
-            </Box>
-          )}
-          {isDownloading && (
-            <Box marginTop={4} marginBottom={4}>
-              <Alert
-                title={t("download.download_in_progress")}
-                variant="warning"
-              >
-                {t("download.to_see_to_progress")}
-              </Alert>
-            </Box>
-          )}
-          {localesIncompatible && (
-            <Box marginTop={4} marginBottom={4}>
-              <Alert
-                onClose={() => setLocalesIncompatible(false)}
-                closeLabel={t("download.close")}
-                title={t("download.languages_incompatible")}
-                variant="danger"
-              >
-                {t("download.languages_incompatible_message")}
-              </Alert>
-            </Box>
-          )}
-          {modelChanged && (
-            <Box marginTop={4} marginBottom={4}>
-              <Alert
-                onClose={() => setModelChanged(false)}
-                closeLabel={t("download.close")}
-                title={t("download.content_types_model_changed")}
-                variant="default"
-              >
-                {t("download.please_update_your_content")}
-              </Alert>
-            </Box>
-          )}
-          {downloadResult.report && downloadResult.report.length > 0 && (
-            <TransferReport report={downloadResult.report} />
-          )}
-        </Box>
-      )}
-    </>
-  );
-}
-
-Download.propTypes = {
-  title: PropTypes.string.isRequired,
-  subtitle: PropTypes.string.isRequired,
-};
-
-export default Download;

package/admin/src/pages/Index/index.js

@@ -1,8 +0,0 @@
-import React from "react";
-import App from "../App";
-
-function Index() {
-  return <App />;
-}
-
-export default Index;

package/admin/src/pages/Login/index.js

@@ -1,109 +0,0 @@
-/*
- *
- * Login
- *
- */
-
-import React from "react";
-import PropTypes from "prop-types";
-import { Link } from "@strapi/design-system/Link";
-import { useHistory } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-import { HeaderLayout } from "@strapi/design-system/Layout";
-import { Box } from "@strapi/design-system/Box";
-import { Typography } from "@strapi/design-system/Typography";
-import Loader from "../../modules/@common/components/PluginPageLoader";
-import { setLocalazyIdentity } from "../../state/localazy-identity";
-import LocalazyUserService from "../../modules/user/services/localazy-user-service";
-import LoginButton from "../../modules/login/components/LoginButton";
-import redirectToPluginRoute, {
-  PLUGIN_ROUTES,
-} from "../../modules/@common/utils/redirect-to-plugin-route";
-import ProductAnalyticsService from "../../modules/@common/services/product-analytics-service";
-
-function Login(props) {
-  const history = useHistory();
-  const { t } = useTranslation();
-
-  /**
-   * Localazy Strapi documentation link
-   */
-  const localazyStrapiDocsLink = "https://localazy.com/docs/strapi";
-
-  /**
-   * Handle fetched identity on login
-   * @param result fetched identity
-   */
-  const onLoginResultFetched = async (result) => {
-    await LocalazyUserService.updateIdentity(result);
-    setLocalazyIdentity(result);
-
-    if (result.accessToken) {
-      // track user login
-      ProductAnalyticsService.trackAppConnected(
-        result.user.id,
-        result.project,
-      );
-
-      redirectToPluginRoute(PLUGIN_ROUTES.DOWNLOAD, history);
-    }
-  };
-
-  return (
-    <>
-      <HeaderLayout
-        title={props.title}
-        subtitle={props.subtitle}
-        as="h1"
-      />
-      {props.isLoading && (<Loader>{t("common.loading_content")}</Loader>)}
-      {!props.isLoading && (
-        <Box
-          marginLeft={10}
-          marginRight={10}
-          background="neutral0"
-          paddingTop={6}
-          paddingRight={7}
-          paddingBottom={6}
-          paddingLeft={7}
-          hasRadius
-          shadow="tableShadow"
-        >
-          <Box>
-            <Typography variant="epsilon" textColor="neutral600">
-              {t("common.localazy_plugin_description")}
-              <br />
-              {t("login.login_and_start_translating_your_project")}
-              <br />
-              <br />
-              {t("login.you_have_to_own_account_for_the_plugin_to_work_properly")}
-            </Typography>
-          </Box>
-          <Box paddingTop={6}>
-            <LoginButton onResultFetched={onLoginResultFetched} />
-          </Box>
-          <Box paddingTop={6}>
-            <Link href={localazyStrapiDocsLink} isExternal>
-              <Typography variant="sigma" textColor="primary600">
-                {t("login.read_the_documentation")}
-              </Typography>
-            </Link>
-          </Box>
-        </Box>
-      )
-      }
-    </>
-  );
-}
-
-Login.propTypes = {
-  title: PropTypes.string.isRequired,
-  subtitle: PropTypes.string.isRequired,
-  isLoading: PropTypes.bool,
-};
-
-Login.defaultProps = {
-  isLoading: false,
-};
-
-export default Login;

package/admin/src/pages/PluginSettings/index.js

@@ -1,56 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { Box } from "@strapi/design-system/Box";
-import { Switch, Route } from "react-router-dom";
-import { ThemeProvider } from "@strapi/design-system/ThemeProvider";
-import { lightTheme } from "@strapi/design-system/themes";
-import { useTranslation } from "react-i18next";
-import pluginId from "../../pluginId";
-import ContentTransferSetup from "../../modules/plugin-settings/components/ContentTransferSetup";
-import GlobalSettings from "../../modules/plugin-settings/components/GlobalSettings";
-import LocalazyUserService from "../../modules/user/services/localazy-user-service";
-import { setLocalazyIdentity } from "../../state/localazy-identity";
-import Loader from "../../modules/@common/components/PluginPageLoader";
-
-function PluginSettings() {
-  /**
-     * Translation function
-     */
-  const { t } = useTranslation();
-
-  const [isLoading, setIsLoading] = useState(true);
-
-  useEffect(() => {
-    async function fetchData() {
-      setIsLoading(true);
-
-      const identity = await LocalazyUserService.getIdentity();
-      setLocalazyIdentity(identity);
-
-      setIsLoading(false);
-    }
-
-    fetchData();
-  }, []);
-
-  return (
-    <>
-      {isLoading && <Loader>{t("common.loading_content")}</Loader>}
-      {!isLoading && (
-        <ThemeProvider theme={lightTheme}>
-          <Box padding={8}>
-            <Switch>
-              <Route path={`/settings/${pluginId}/content-transfer-setup`} exact>
-                <ContentTransferSetup />
-              </Route>
-              <Route path={`/settings/${pluginId}/global-settings`} exact>
-                <GlobalSettings />
-              </Route>
-            </Switch>
-          </Box>
-        </ThemeProvider>
-      )}
-    </>
-  );
-}
-
-export default PluginSettings;