Added features that build view

Author: Imiss-U1025

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;

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",
   },
 ];

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();
   })
 })

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';
 }