next/onprem: hide ChatGPT if not on cocalc.com

Author: haraldschilly

src/packages/next/components/landing/cocalc-com-features.tsx

@@ -37,6 +37,7 @@ export function CoCalcComFeatures() {
     sandboxProjectId,
     jupyterApiEnabled,
     shareServer = false,
+    onCoCalcCom,
   } = useCustomize();
   const width = Grid.useBreakpoint();
 
@@ -515,7 +516,7 @@ export function CoCalcComFeatures() {
   }
 
   function renderChatGPT() {
-    if (!openaiEnabled) return;
+    if (!openaiEnabled || !onCoCalcCom) return;
     return (
       <Info
         level={LANDING_HEADER_LEVEL}

src/packages/next/components/landing/header.tsx

@@ -144,10 +144,7 @@ export default function Header(props: Props) {
           </a>
         )}
         {enabledPages?.store && (
-          <A
-            href="/store"
-            style={page == "store" ? SelectedStyle : LinkStyle}
-          >
+          <A href="/store" style={page == "store" ? SelectedStyle : LinkStyle}>
             Store
           </A>
         )}
@@ -255,6 +252,7 @@ export default function Header(props: Props) {
       </Layout.Header>
       <SubNav page={page} subPage={subPage} softwareEnv={softwareEnv} />
       {openaiEnabled &&
+      onCoCalcCom &&
       page === "features" &&
       typeof subPage === "string" &&
       SHOW_AI_CHAT.includes(subPage) ? (
@@ -266,9 +264,9 @@ export default function Header(props: Props) {
           />
         </div>
       ) : undefined}
-      {jupyterApiEnabled && onCoCalcCom && runnableTag && (
+      {jupyterApiEnabled && onCoCalcCom && runnableTag ? (
         <DemoCell tag={runnableTag} />
-      )}
+      ) : undefined}
     </>
   );
 }

src/packages/next/components/landing/index-list.tsx

@@ -12,7 +12,7 @@ import Image, { StaticImageData } from "components/landing/image";
 import { Paragraph, Title } from "components/misc";
 import A from "components/misc/A";
 import { MAX_WIDTH } from "lib/config";
-import useCustomize from "lib/use-customize";
+import useCustomize, { CustomizeType } from "lib/use-customize";
 
 export interface Item {
   link: string;
@@ -25,7 +25,7 @@ export interface Item {
   description: ReactNode;
   shareServer?: boolean; // only show if the share server is enabled
   landingPages?: boolean; // only show if landing pages are enabled.
-  hide?: (CustomizeType) => boolean; // if returns true, then this item will be hidden.
+  hide?: (customize: CustomizeType) => boolean; // if returns true, then this item will be hidden.
 }
 
 export type DataSource = Item[];

src/packages/next/components/landing/sub-nav.tsx

@@ -124,7 +124,10 @@ const support = {
   community: { label: "Community" },
   new: { label: "New Ticket", hide: (customize) => !customize.zendesk },
   tickets: { label: "Tickets", hide: (customize) => !customize.zendesk },
-  chatgpt: { label: "ChatGPT", hide: (customize) => !customize.openaiEnabled },
+  chatgpt: {
+    label: "ChatGPT",
+    hide: (customize) => !customize.openaiEnabled || !customize.onCoCalcCom,
+  },
 } as const;
 
 const PAGES = {

src/packages/next/components/openai/chatgpt-help.tsx

@@ -1,15 +1,16 @@
+import { Alert, Button, Col, Input, Row } from "antd";
+import { useRouter } from "next/router";
+import { CSSProperties, useRef, useState } from "react";
+
 import OpenAIAvatar from "@cocalc/frontend/components/openai-avatar";
 import ProgressEstimate from "@cocalc/frontend/components/progress-estimate";
 import Markdown from "@cocalc/frontend/editors/slate/static-markdown";
 import { FileContext } from "@cocalc/frontend/lib/file-context";
-import { Alert, Button, Col, Input, Row } from "antd";
 import InPlaceSignInOrUp from "components/auth/in-place-sign-in-or-up";
 import A from "components/misc/A";
 import Loading from "components/share/loading";
 import apiPost from "lib/api/post";
 import { useCustomize } from "lib/customize";
-import { useRouter } from "next/router";
-import { CSSProperties, useRef, useState } from "react";
 
 type State = "input" | "wait";
 

src/packages/next/components/support/create.tsx

@@ -1,3 +1,6 @@
+import { Icon } from "@cocalc/frontend/components/icon";
+import { is_valid_email_address as isValidEmailAddress } from "@cocalc/util/misc";
+import { COLORS } from "@cocalc/util/theme";
 import {
   Alert,
   Button,
@@ -8,24 +11,21 @@ import {
   Radio,
   Space,
 } from "antd";
-import { useRouter } from "next/router";
-import { ReactNode, useRef, useState } from "react";
-import CodeMirror from "components/share/codemirror";
-import { Icon } from "@cocalc/frontend/components/icon";
-import { is_valid_email_address as isValidEmailAddress } from "@cocalc/util/misc";
-import { COLORS } from "@cocalc/util/theme";
+import { Paragraph, Title } from "components/misc";
 import A from "components/misc/A";
+import ChatGPTHelp from "components/openai/chatgpt-help";
+import CodeMirror from "components/share/codemirror";
 import Loading from "components/share/loading";
 import SiteName from "components/share/site-name";
 import apiPost from "lib/api/post";
 import { MAX_WIDTH } from "lib/config";
 import { useCustomize } from "lib/customize";
+import { useRouter } from "next/router";
+import { ReactNode, useRef, useState } from "react";
 import getBrowserInfo from "./browser-info";
 import RecentFiles from "./recent-files";
 import { Type } from "./tickets";
 import { NoZendesk } from "./util";
-import { Paragraph, Title } from "components/misc";
-import ChatGPTHelp from "components/openai/chatgpt-help";
 
 const CHATGPT_DISABLED = true;
 const MIN_BODY_LENGTH = 16;
@@ -47,8 +47,14 @@ function stringToType(s?: any): Type {
 }
 
 export default function Create() {
-  const { contactEmail, zendesk, account, openaiEnabled, siteName } =
-    useCustomize();
+  const {
+    contactEmail,
+    zendesk,
+    account,
+    openaiEnabled,
+    onCoCalcCom,
+    siteName,
+  } = useCustomize();
   const router = useRouter();
   // The URL the user was viewing when they requested support.
   // This could easily be blank, but if it is set it can be useful.
@@ -147,9 +153,9 @@ export default function Create() {
                 </>
               )}
             </p>
-            {openaiEnabled && !CHATGPT_DISABLED && (
+            {openaiEnabled && onCoCalcCom && !CHATGPT_DISABLED ? (
               <ChatGPT siteName={siteName} />
-            )}
+            ) : undefined}
             <FAQ />
             <Title level={2}>Create Your Ticket</Title>
             <Instructions />

src/packages/next/pages/support/chatgpt.tsx

@@ -1,30 +1,38 @@
 import { Layout } from "antd";
-import Header from "components/landing/header";
-import Head from "components/landing/head";
+
 import Footer from "components/landing/footer";
+import Head from "components/landing/head";
+import Header from "components/landing/header";
+import ChatGPTHelp from "components/openai/chatgpt-help";
 import { Customize } from "lib/customize";
 import withCustomize from "lib/with-customize";
-import ChatGPTHelp from "components/openai/chatgpt-help";
 
 export default function ChatgptInfo({ customize }) {
-  const { siteName } = customize;
+  const { siteName, onCoCalcCom } = customize;
+
+  function renderChatGPT() {
+    return (
+      <div style={{ maxWidth: "1000px" }}>
+        Our integrated ChatGPT support is free and often very helpful since it
+        knows so much about the open source software in {siteName}. You can ask
+        a question below or use @chatgpt in any chat message when using{" "}
+        {siteName}.
+        <ChatGPTHelp
+          style={{ marginTop: "15px" }}
+          size="large"
+          tag="support-chatgpt"
+        />
+      </div>
+    );
+  }
+
   return (
     <Customize value={customize}>
       <Head title="Your Support Tickets" />
       <Layout>
         <Header page="support" subPage="chatgpt" />
         <div style={{ margin: "15px auto" }}>
-          <div style={{ maxWidth: "1000px" }}>
-            Our integrated ChatGPT support is free and often very helpful since
-            it knows so much about the open source software in {siteName}. You
-            can ask a question below or use @chatgpt in any chat message when
-            using {siteName}.
-            <ChatGPTHelp
-              style={{ marginTop: "15px" }}
-              size="large"
-              tag="support-chatgpt"
-            />
-          </div>
+          {onCoCalcCom ? renderChatGPT() : "disabled"}
         </div>
         <Footer />
       </Layout>

src/packages/next/pages/support/index.tsx

@@ -1,11 +1,12 @@
 import { Layout } from "antd";
-import Header from "components/landing/header";
-import Head from "components/landing/head";
+
 import Footer from "components/landing/footer";
-import { Customize } from "lib/customize";
-import withCustomize from "lib/with-customize";
+import Head from "components/landing/head";
+import Header from "components/landing/header";
 import A from "components/misc/A";
 import ChatGPTHelp from "components/openai/chatgpt-help";
+import { Customize } from "lib/customize";
+import withCustomize from "lib/with-customize";
 
 import IndexList, { DataSource } from "components/landing/index-list";
 
@@ -45,7 +46,7 @@ const dataSource = [
     link: "/support/chatgpt",
     title: "ChatGPT Suppport",
     logo: "robot",
-    hide: (customize) => !customize.openaiEnabled,
+    hide: (customize) => !customize.openaiEnabled || !customize.onCoCalcCom,
     description: (
       <>
         Our <A href="/support/chatgpt">integrated ChatGPT support</A> is free