Doceditor: add dynamic import without ssr for only cliend dialogs
This commit is contained in:
parent
817b1aae0c
commit
195297bf48
@ -25,13 +25,19 @@
|
||||
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
||||
|
||||
import { permanentRedirect, redirect } from "next/navigation";
|
||||
import dynamic from "next/dynamic";
|
||||
|
||||
import { getBaseUrl } from "@docspace/shared/utils/next-ssr-helper";
|
||||
import { EditorConfigErrorType } from "@docspace/shared/enums";
|
||||
|
||||
import { createFile, fileCopyAs, getEditorUrl } from "@/utils/actions";
|
||||
import CreateFileError from "@/components/CreateFileError";
|
||||
import Editor from "@/components/Editor";
|
||||
import { EditorConfigErrorType } from "@docspace/shared/enums";
|
||||
|
||||
const Editor = dynamic(() => import("@/components/Editor"), {
|
||||
ssr: false,
|
||||
});
|
||||
const CreateFileError = dynamic(() => import("@/components/CreateFileError"), {
|
||||
ssr: false,
|
||||
});
|
||||
|
||||
type TSearchParams = {
|
||||
parentId: string;
|
||||
|
@ -26,6 +26,7 @@
|
||||
|
||||
import { headers } from "next/headers";
|
||||
import Script from "next/script";
|
||||
import dynamic from "next/dynamic";
|
||||
|
||||
import { getSelectorsByUserAgent } from "react-device-detect";
|
||||
|
||||
@ -34,7 +35,10 @@ import { ValidationStatus } from "@docspace/shared/enums";
|
||||
import { getData, validatePublicRoomKey } from "@/utils/actions";
|
||||
import { RootPageProps } from "@/types";
|
||||
import Root from "@/components/Root";
|
||||
import FilePassword from "@/components/file-password";
|
||||
|
||||
const FilePassword = dynamic(() => import("@/components/file-password"), {
|
||||
ssr: false,
|
||||
});
|
||||
|
||||
const initialSearchParams: RootPageProps["searchParams"] = {
|
||||
fileId: undefined,
|
||||
|
@ -27,7 +27,7 @@
|
||||
"use client";
|
||||
|
||||
import React from "react";
|
||||
import { useRouter, useSearchParams } from "next/navigation";
|
||||
import { useSearchParams } from "next/navigation";
|
||||
import { useTranslation } from "react-i18next";
|
||||
|
||||
import { DocumentEditor } from "@onlyoffice/document-editor-react";
|
||||
@ -88,7 +88,6 @@ const Editor = ({
|
||||
}: EditorProps) => {
|
||||
const { t, i18n } = useTranslation(["Common", "Editor", "DeepLink"]);
|
||||
|
||||
const router = useRouter();
|
||||
const searchParams = useSearchParams();
|
||||
const { filesSettings } = useFilesSettings({});
|
||||
|
||||
|
@ -25,11 +25,17 @@
|
||||
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
||||
|
||||
"use client";
|
||||
import dynamic from "next/dynamic";
|
||||
|
||||
import React from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
|
||||
import ErrorContainer from "@docspace/shared/components/error-container/ErrorContainer";
|
||||
const ErrorContainer = dynamic(
|
||||
() => import("@docspace/shared/components/error-container/ErrorContainer"),
|
||||
{
|
||||
ssr: false,
|
||||
},
|
||||
);
|
||||
|
||||
import { TResponse } from "@/types";
|
||||
|
||||
@ -44,15 +50,31 @@ import useFilesSettings from "@/hooks/useFilesSettings";
|
||||
import useUpdateSearchParamId from "@/hooks/useUpdateSearchParamId";
|
||||
import useStartFillingSelectDialog from "@/hooks/useStartFillingSelectDialog";
|
||||
|
||||
import DeepLink from "./deep-link";
|
||||
import Editor from "./Editor";
|
||||
|
||||
import SelectFileDialog from "./SelectFileDialog";
|
||||
import SelectFolderDialog from "./SelectFolderDialog";
|
||||
import SharingDialog from "./ShareDialog";
|
||||
const DeepLink = dynamic(() => import("./deep-link"), {
|
||||
ssr: false,
|
||||
});
|
||||
const SelectFileDialog = dynamic(() => import("./SelectFileDialog"), {
|
||||
ssr: false,
|
||||
});
|
||||
const SelectFolderDialog = dynamic(() => import("./SelectFolderDialog"), {
|
||||
ssr: false,
|
||||
});
|
||||
const SharingDialog = dynamic(() => import("./ShareDialog"), {
|
||||
ssr: false,
|
||||
});
|
||||
const StartFillingSelectorDialog = dynamic(
|
||||
() => import("./StartFillingSelectDialog"),
|
||||
{
|
||||
ssr: false,
|
||||
},
|
||||
);
|
||||
const ConflictResolveDialog = dynamic(() => import("./ConflictResolveDialog"), {
|
||||
ssr: false,
|
||||
});
|
||||
|
||||
import { calculateAsideHeight } from "@/utils";
|
||||
import StartFillingSelectorDialog from "./StartFillingSelectDialog";
|
||||
import ConflictResolveDialog from "./ConflictResolveDialog";
|
||||
|
||||
const Root = ({
|
||||
settings,
|
||||
|
Loading…
Reference in New Issue
Block a user