Added features that build view

lowcoder-org · Nov 5, 2024 · a21cb55 · a21cb55
1 parent 7d1c335
commit a21cb55
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 8 deletions.
diff --git a/client/packages/lowcoder/src/app-env.d.ts b/client/packages/lowcoder/src/app-env.d.ts
@@ -33,6 +33,7 @@ declare var numbro: any;
 declare var uuid: any;
 declare var PUBLIC_URL: string;
 declare var REACT_APP_EDITION: string;
+declare var REACT_APP_VIEW_MODE: string;
 declare var REACT_APP_LANGUAGES: string;
 declare var REACT_APP_COMMIT_ID: string;
 declare var REACT_APP_API_SERVICE_URL: string;

diff --git a/client/packages/lowcoder/src/dev-utils/buildVars.js b/client/packages/lowcoder/src/dev-utils/buildVars.js
@@ -52,7 +52,7 @@ export const buildVars = [
     defaultValue: "app",
   },
   {
-    name: "REACT_APP_DISABLE_JS_SANDBOX",
-    defaultValue: "",
+    name: "REACT_APP_VIEW_MODE",
+    defaultValue: "admin",
   },
 ];
diff --git a/client/packages/lowcoder/src/index.ts b/client/packages/lowcoder/src/index.ts
@@ -41,12 +41,12 @@ debug(`REACT_APP_ENV:, ${REACT_APP_ENV}`);
 debug(`REACT_APP_LOG_LEVEL:, ${REACT_APP_LOG_LEVEL}`);
 initTranslatorDesign().then(() => {
   initTranslator().then(async () => {
-    if (!window.location.href.includes("view")) {
-      const bootstrap = await import("./bootstrap/admin/app").then(module => module.bootstrap);
-      bootstrap();
+    let bootstrap;
+    if (REACT_APP_VIEW_MODE === "view") {
+      bootstrap = await import("./bootstrap/view/app").then(module => module.bootstrap);
     } else {
-      const bootstrap = await import("./bootstrap/view/app").then(module => module.bootstrap);
-      bootstrap();
+      bootstrap = await import("./bootstrap/admin/app").then(module => module.bootstrap);
     }
+    bootstrap();
   })
 })
diff --git a/client/packages/lowcoder/src/util/editor.ts b/client/packages/lowcoder/src/util/editor.ts
@@ -1,4 +1,5 @@
-export const viewMode = () => window.location.href.includes("edit") ? "edit" : window.location.href.includes("view") ? "view" : "admin"
+export const viewMode = () =>  REACT_APP_VIEW_MODE;
+export const viewModeTriple = () => viewMode() === "view" ? "view" : window.location.href.includes("edit") ? "edit" : "admin";
 export const getLanguage = (): string => {
     return localStorage.getItem('lowcoder_uiLanguage') || 'en';
 }