add a banner in trial mode

Author: williamstein

src/packages/frontend/app/insecure-test-mode-banner.tsx

@@ -0,0 +1,24 @@
+import { Alert } from "antd";
+import { A } from "@cocalc/frontend/components/A";
+
+export default function InsecureTestModeBanner() {
+  return (
+    <Alert
+      banner
+      type="warning"
+      showIcon
+      style={{ background: "darkred", color: "white" }}
+      message={
+        <div style={{ textAlign: "center" }}>
+          <A
+            href="https://cocalc.com/pricing/onprem"
+            style={{ color: "white" }}
+          >
+            <b>WARNING:</b> This is CoCalc OnPrem running in{" "}
+            <b>A HIGHLY INSECURE TRIAL MODE</b>.
+          </A>
+        </div>
+      }
+    />
+  );
+}

src/packages/frontend/app/page.tsx

@@ -45,6 +45,7 @@ import { HIDE_LABEL_THRESHOLD, NAV_CLASS } from "./top-nav-consts";
 import { CookieWarning, LocalStorageWarning, VersionWarning } from "./warnings";
 import { I18NBanner, useShowI18NBanner } from "./i18n-banner";
 import SettingsModal from "./settings-modal";
+import InsecureTestModeBanner from "./insecure-test-mode-banner";
 
 // ipad and ios have a weird trick where they make the screen
 // actually smaller than 100vh and have it be scrollable, even
@@ -113,6 +114,7 @@ export const Page: React.FC = () => {
   const show_i18n = useShowI18NBanner();
 
   const is_commercial = useTypedRedux("customize", "is_commercial");
+  const insecure_test_mode = useTypedRedux("customize", "insecure_test_mode");
 
   function account_tab_icon(): IconName | JSX.Element {
     if (is_anonymous) {
@@ -371,6 +373,7 @@ export const Page: React.FC = () => {
       onDragOver={(e) => e.preventDefault()}
       onDrop={drop}
     >
+      {insecure_test_mode && <InsecureTestModeBanner />}
       {show_file_use && (
         <div style={fileUseStyle} className="smc-vfill">
           <FileUsePage />

src/packages/frontend/customize.tsx

@@ -177,6 +177,8 @@ export interface CustomizeState {
   default_llm?: string;
   user_defined_llm: boolean;
 
+  insecure_test_mode?: boolean;
+
   i18n?: List<Locale>;
 }
 
@@ -329,7 +331,7 @@ function process_customize(obj) {
   for (const k in site_settings_conf) {
     const v = site_settings_conf[k];
     obj[k] =
-      obj[k] != null ? obj[k] : v.to_val?.(v.default, obj_orig) ?? v.default;
+      obj[k] != null ? obj[k] : (v.to_val?.(v.default, obj_orig) ?? v.default);
   }
   // the llm markup special case
   obj.llm_markup = obj_orig._llm_markup ?? 30;