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

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

@@ -1,132 +0,0 @@
-import React, { useEffect, useState } from "react";
-import PropTypes from "prop-types";
-import { HeaderLayout } from "@strapi/design-system/Layout";
-import { Box } from "@strapi/design-system/Box";
-import { useHistory } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-import { Grid } from '@strapi/design-system/Grid';
-import { Divider } from '@strapi/design-system/Divider';
-import Loader from "../../modules/@common/components/PluginPageLoader";
-import LogoutButton from "../../modules/login/components/LogoutButton";
-import redirectToPluginRoute, {
-  PLUGIN_ROUTES,
-} from "../../modules/@common/utils/redirect-to-plugin-route";
-import { getLocalazyIdentity } from "../../state/localazy-identity";
-import OverviewItem from "../../modules/settings/components/OverviewItem";
-import OverviewItemLink from "../../modules/settings/components/OverviewItemLink";
-import PrerequisitiesInfo from "../../modules/settings/components/PrerequisitiesInfo";
-import ProjectService from "../../modules/@common/services/project-service";
-import ProductAnalyticsService from "../../modules/@common/services/product-analytics-service";
-import formatNumber from "../../modules/@common/utils/format-number";
-import PluginSettingsService from "../../modules/plugin-settings/services/plugin-settings-service";
-
-function Settings(props) {
-  const history = useHistory();
-  const { t } = useTranslation();
-
-  const [isLoading, setIsLoading] = useState(true);
-
-  const [localazyIdentity] = getLocalazyIdentity();
-  const projectUrl = localazyIdentity.project.url;
-
-  const [connectedProject, setConnectedProject] = useState({});
-
-  useEffect(() => {
-    async function initComponent() {
-      setIsLoading(true);
-      const project = await ProjectService.getConnectedProject();
-      setConnectedProject(project);
-
-      PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.SETTINGS });
-
-      setIsLoading(false);
-    }
-
-    initComponent();
-  }, []);
-
-  /**
-   * On logout action
-   */
-  const onLoggedOut = () => {
-    // track user logout
-    ProductAnalyticsService.trackAppDisconnected(
-      localazyIdentity.user.id,
-      localazyIdentity.project,
-    );
-
-    redirectToPluginRoute(PLUGIN_ROUTES.LOGIN, history);
-  };
-
-  return (
-    <>
-      <HeaderLayout
-        title={props.title}
-        subtitle={props.subtitle}
-        primaryAction={<LogoutButton onResultFetched={onLoggedOut} />}
-        as="h2"
-      />
-      {(props.isLoading || isLoading) && (
-        <Loader>{t("common.loading_content")}</Loader>
-      )}
-      {!(props.isLoading || isLoading) && (
-        <Box paddingRight={10} paddingLeft={10}>
-          <Box
-            background="neutral0"
-            paddingTop={6}
-            paddingRight={7}
-            paddingBottom={6}
-            paddingLeft={7}
-            hasRadius
-            shadow="tableShadow"
-          >
-            <Grid
-              gap={{
-                desktop: 5,
-                tablet: 2,
-                mobile: 1
-              }}
-            >
-              <OverviewItem
-                label={t("settings.connected_user")}
-                value={localazyIdentity.user.name}
-              />
-              <OverviewItem
-                label={t("settings.connected_project")}
-                value={localazyIdentity.project.name}
-              />
-              <OverviewItem
-                label={t("settings.remaining_organization_keys")}
-                value={
-                  formatNumber(connectedProject.organization.availableKeys - connectedProject.organization.usedKeys)
-                }
-              />
-              <OverviewItemLink
-                label={t("settings.open_project_in_localazy")}
-                to={projectUrl}
-              />
-            </Grid>
-            <Box
-              paddingTop={4}
-              paddingBottom={4}
-            >
-              <Divider />
-            </Box>
-            <PrerequisitiesInfo />
-          </Box>
-        </Box>)}
-    </>
-  );
-}
-
-Settings.propTypes = {
-  title: PropTypes.string.isRequired,
-  subtitle: PropTypes.string.isRequired,
-  isLoading: PropTypes.bool,
-};
-
-Settings.defaultProps = {
-  isLoading: false,
-};
-
-export default Settings;

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

@@ -1,241 +0,0 @@
-import React, { useState, useEffect } from "react";
-import PropTypes from "prop-types";
-import { HeaderLayout } from "@strapi/design-system/Layout";
-import { useTranslation } from "react-i18next";
-import { Grid } from '@strapi/design-system/Grid';
-import { Flex } from '@strapi/design-system/Flex';
-import { Divider } from '@strapi/design-system/Divider';
-import { Button } from "@strapi/design-system/Button";
-import UploadIcon from "@strapi/icons/Upload";
-import { Box } from "@strapi/design-system/Box";
-import { Alert } from "@strapi/design-system/Alert";
-import Loader from "../../modules/@common/components/PluginPageLoader";
-import LocalazyUploadService from "../../modules/localazy-upload/services/localazy-upload-service";
-import areLocalesCompatible from "../../modules/@common/utils/are-locales-compatible";
-import { getStrapiDefaultLocale, getLocalazySourceLanguage } from "../../modules/@common/utils/get-default-locale";
-import hasModelChanged from "../../modules/plugin-settings/functions/has-model-changed";
-import TransferReport from "../../modules/@common/components/TransferReport";
-import OverviewItem from "../../modules/settings/components/OverviewItem";
-import PrerequisitiesInfo from "../../modules/settings/components/PrerequisitiesInfo";
-import ReadDocsButton from "../../modules/localazy-upload/components/ReadDocsButton";
-import redirectToPluginRoute, {
-  PLUGIN_ROUTES,
-} from "../../modules/@common/utils/redirect-to-plugin-route";
-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 UploadAlertsService from "../../modules/localazy-upload/services/upload-alerts-service";
-
-const uploadAlertsService = new UploadAlertsService();
-uploadAlertsService.subscribe();
-
-function Upload(props) {
-  const { t } = useTranslation();
-
-  /**
-   * Component state
-   */
-  const [isLoading, setIsLoading] = useState(true);
-  const [modelChanged, setModelChanged] = useState(false);
-  const [localesIncompatible, setLocalesIncompatible] = useState(false);
-  const [showUploadFinishedModal, setShowUploadFinishedModal] = useState(false);
-  const [uploadResult, setUploadResult] = useState({
-    success: false,
-    report: [],
-  });
-  const [isUploading, setIsUploading] = useState(false);
-  const [strapiDefaultLocale, setStrapiDefaultLocale] = useState(null);
-  const [localazySourceLanguage, setLocalazySourceLanguage] = useState(null);
-  const [localazyIdentity] = getLocalazyIdentity();
-
-  const onChangeSettingsClick = () => {
-    redirectToPluginRoute(PLUGIN_ROUTES.CONTENT_TRANSFER_SETUP);
-    // hacky solution, otherwise the route contents won't be instantiated
-    window.location.reload();
-  };
-
-  const onUploadClick = async () => {
-    setIsUploading(true);
-    setShowUploadFinishedModal(false);
-    setUploadResult({
-      success: false,
-      report: [],
-    });
-    const result = await LocalazyUploadService.upload();
-    const { streamIdentifier } = result;
-    uploadAlertsService.setStreamIdentifier(streamIdentifier);
-    uploadAlertsService.onUpload((data) => {
-      setUploadResult((old) => ({
-        success: data.success,
-        report: [
-          ...old.report || [],
-          data.message,
-        ],
-      }));
-    });
-    uploadAlertsService.onUploadFinished((data) => {
-      setUploadResult((old) => ({
-        success: data.success,
-        report: [
-          ...old.report || [],
-          data.message,
-        ],
-      }));
-      setIsUploading(false);
-      setShowUploadFinishedModal(true);
-    });
-
-    // track upload
-    ProductAnalyticsService.trackUploadToLocalazy(
-      localazyIdentity.user.id,
-      localazyIdentity.project,
-      {
-        "Source Language Code": localazySourceLanguage.code,
-      }
-    );
-  };
-
-  useEffect(() => {
-    async function initComponent() {
-      setIsLoading(true);
-
-      setStrapiDefaultLocale(await getStrapiDefaultLocale());
-      setLocalazySourceLanguage(await getLocalazySourceLanguage());
-
-      /**
-       * Handle alerts onload apperance
-       */
-      setModelChanged(await hasModelChanged());
-      setLocalesIncompatible(!(await areLocalesCompatible(strapiDefaultLocale, localazySourceLanguage)));
-
-      PluginSettingsService.updatePluginSettings({ defaultRoute: PLUGIN_ROUTES.UPLOAD });
-
-      setIsLoading(false);
-    }
-    initComponent();
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return (
-    <>
-      <HeaderLayout
-        title={props.title}
-        subtitle={props.subtitle}
-        primaryAction={<Button
-          startIcon={<UploadIcon />}
-          disabled={isLoading || modelChanged || localesIncompatible}
-          loading={isUploading}
-          onClick={onUploadClick}
-        >
-          {t("upload.upload_to_localazy")}
-        </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"
-          >
-            <Grid
-              gap={{
-                desktop: 5,
-                tablet: 2,
-                mobile: 1
-              }}
-            >
-              <OverviewItem
-                label={t("upload.default_strapi_language")}
-                value={strapiDefaultLocale.name}
-              />
-              <OverviewItem
-                label={t("upload.localazy_source_language")}
-                value={localazySourceLanguage.name}
-              />
-            </Grid>
-            <Box
-              paddingTop={4}
-              paddingBottom={4}
-            >
-              <Divider />
-            </Box>
-            <PrerequisitiesInfo />
-            <Box marginTop={4}>
-              <Flex gap="2">
-                <Button variant="secondary" onClick={onChangeSettingsClick}>
-                  {t("upload.change_settings")}
-                </Button>
-                <ReadDocsButton />
-              </Flex>
-            </Box>
-          </Box>
-          {showUploadFinishedModal && (
-            <Box marginTop={4} marginBottom={4}>
-              <Alert
-                onClose={() => setShowUploadFinishedModal(false)}
-                closeLabel={t("upload.close")}
-                title={t("upload.upload_result")}
-                variant={uploadResult.success ? "success" : "danger"}
-              >
-                {uploadResult.success
-                  ? t("upload.upload_success")
-                  : t("upload.upload_failed")}
-              </Alert>
-            </Box>
-          )}
-          {isUploading && (
-            <Box marginTop={4} marginBottom={4}>
-              <Alert
-                title={t("upload.upload_in_progress")}
-                variant="warning"
-              >
-                {t("upload.to_see_to_progress")}
-              </Alert>
-            </Box>
-          )}
-          {localesIncompatible && (
-            <Box marginTop={4} marginBottom={4}>
-              <Alert
-                onClose={() => setLocalesIncompatible(false)}
-                closeLabel={t("upload.close")}
-                title={t("upload.languages_incompatible")}
-                variant="danger"
-              >
-                {t("upload.languages_incompatible_message")}
-              </Alert>
-            </Box>
-          )}
-          {modelChanged && (
-            <Box marginTop={4} marginBottom={4}>
-              <Alert
-                onClose={() => setModelChanged(false)}
-                closeLabel={t("upload.close")}
-                title={t("upload.content_types_model_changed")}
-                variant="default"
-              >
-                {t("upload.please_update_your_content")}
-              </Alert>
-            </Box>
-          )}
-          {uploadResult.report && uploadResult.report.length > 0 && (
-            <TransferReport report={uploadResult.report} />
-          )}
-        </Box>
-      )}
-    </>
-  );
-}
-
-Upload.propTypes = {
-  title: PropTypes.string.isRequired,
-  subtitle: PropTypes.string.isRequired,
-};
-
-export default Upload;

package/admin/src/pluginId.js

@@ -1,5 +0,0 @@
-const pluginPkg = require('../../package.json');
-
-const pluginId = pluginPkg.strapi.name;
-
-module.exports = pluginId;

package/admin/src/plugins/generic-connector-client.js

@@ -1,9 +0,0 @@
-import { GenericConnectorClient, Services } from "@localazy/generic-connector-client";
-import config from "../config";
-
-const client = new GenericConnectorClient({
-  pluginId: Services.STRAPI,
-  genericConnectorUrl: config.LOCALAZY_PLUGIN_CONNECTOR_API_URL,
-});
-
-export default client;

package/admin/src/state/localazy-identity.js

@@ -1,29 +0,0 @@
-import { createGlobalState } from "react-hooks-global-state";
-import { emptyIdentity } from "../modules/user/model/localazy-identity";
-
-const STATE_NAME = "localazyIdentity";
-const { setGlobalState, useGlobalState } = createGlobalState({
-  [STATE_NAME]: emptyIdentity,
-});
-
-const setLocalazyIdentity = (identity = emptyIdentity) => {
-  setGlobalState(STATE_NAME, () => identity);
-};
-
-const getLocalazyIdentity = () => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  return useGlobalState(STATE_NAME);
-};
-
-const hasLocalazyIdentity = () => {
-  const identity = getLocalazyIdentity();
-
-  return !!identity.accessToken;
-};
-
-export {
-  STATE_NAME,
-  getLocalazyIdentity,
-  setLocalazyIdentity,
-  hasLocalazyIdentity,
-};