Google Fonts & Clearbit only on public Cloud

Author: FalkWolsky

client/packages/lowcoder/index.html

@@ -4,13 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no viewport-fit=cover"/>
     <meta lang="en" name="description" content="Lowcoder | rapid App & VideoMeeting builder for everyone." />
-    <meta name="theme-color" content="#000000" />
-    <meta property="iframely:title" content="Lowcoder" />
-    <meta property="iframely:description" content="Lowcoder | rapid App & VideoMeeting builder for everyone." />
-    <!-- Added Montserrat google font link to test font family style property for components -->
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+    <meta name="theme-color" content="#000000" />    
     <style>
       html,
       body {

client/packages/lowcoder/src/app.tsx

@@ -96,6 +96,10 @@ class AppIndex extends React.Component<AppIndexProps, any> {
   render() {
     const isTemplate = hasQueryParam("template");
     const pathname = history.location.pathname;
+
+    // we check if we are on the public cloud
+    const isLowCoderDomain = window.location.hostname === 'app.lowcoder.cloud';
+
     // make sure all users in this app have checked login info
     if (!this.props.isFetchUserFinished) {
       const hideLoadingHeader = isTemplate || isAuthUnRequired(pathname);
@@ -107,6 +111,21 @@ class AppIndex extends React.Component<AppIndexProps, any> {
           {<title>{this.props.brandName}</title>}
           {<link rel="icon" href={this.props.favicon} />}
           <meta name="description" content={trans("productDesc")} />
+
+          {isLowCoderDomain && (
+            <>
+              {/* setting Meta Attributes to be able for embedding via iframely */}
+              <meta property="iframely:title" content="Lowcoder" />
+              <meta property="iframely:description" content="Lowcoder | rapid App & VideoMeeting builder for everyone." />
+
+              <link rel="preconnect" href="https://fonts.googleapis.com"/>
+              <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous"/>
+              <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet"/>
+              {/* embedding analytics of Cleabits */}
+              <script src="https://tag.clearbitscripts.com/v1/pk_931b51e405557300e6a7c470e8247d5f/tags.js" referrerPolicy="strict-origin-when-cross-origin"></script>
+            </>
+          )}
+
         </Helmet>
         <SystemWarning />
         <Router history={history}>