limit schema size

graphql-editor · Jan 3, 2024 · b564cd9 · b564cd9
1 parent 183c4ed
commit b564cd9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/packages/editor/src/Relation/PanZoom/PanZoom.tsx b/packages/editor/src/Relation/PanZoom/PanZoom.tsx
@@ -26,6 +26,9 @@ import {
 } from "@/Relation/PanZoom/LinesDiagram/LinesDiagram";
 import { nodeFilter } from "@/Relation/shared/nodeFilter";
 import { useClickDetector } from "@/shared/hooks/useClickDetector";
+
+const MAX_SCHEMA_SIZE = 40000;
+
 export const PanZoom: React.FC<{
   nodes: ParserField[];
   hide?: boolean;
@@ -74,7 +77,15 @@ export const PanZoom: React.FC<{
   }, [nodes, baseTypesOn, inputsOn, libraryNodesOn]);
 
   const downloadPng = useCallback(() => {
-    if (viewportParams?.height) {
+    if (viewportParams?.height && viewportParams?.width) {
+      if (viewportParams.height * viewportParams.width > MAX_SCHEMA_SIZE) {
+        createToast({
+          message:
+            "Schema is too big to be printed as a whole. Please focus some nodes or hide part of them before printing.",
+          variant: "error",
+        });
+        return;
+      }
       setLoading(true);
       const ctx = getContext();
       setParamsBeforeExport({

diff --git a/packages/editor/src/shared/dialogs/ImportSchema.tsx b/packages/editor/src/shared/dialogs/ImportSchema.tsx
@@ -67,7 +67,7 @@ export const ImportSchema: React.FC<{
     try {
       if (!url.startsWith("http://") && !url.startsWith("https://")) {
         createToast({
-          message: `Please add https:// or http:// at the beggining of your URL we don't want to guess it.`,
+          message: `Please add https:// or http:// at the beginning of your URL we don't want to guess it.`,
           variant: "error",
         });
         return false;
@@ -149,7 +149,7 @@ export const ImportSchema: React.FC<{
                           variant: "error",
                         })
                       : createToast({
-                          message: "Unkown import error",
+                          message: "Unknown import error",
                           variant: "error",
                         });
                   });
@@ -184,7 +184,7 @@ export const ImportSchema: React.FC<{
                           variant: "error",
                         })
                       : createToast({
-                          message: "Unkown import error",
+                          message: "Unknown import error",
                           variant: "error",
                         });
                   });