Fixing iframely Tag

lowcoder-org · FalkWolsky · Aug 6, 2024 · Jul 25, 2024 · Jul 25, 2024 · Jul 25, 2024
commit ee70a49aaff6617e6c11cf60cb1ee2c8ccd5d22e
diff --git a/client/packages/lowcoder/index.html b/client/packages/lowcoder/index.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <title data-react-helmet="true">Lowcoder | rapid App & VideoMeeting builder for everyone.</title>
     <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 lang="en" name="description" content="Lowcoder | rapid App & VideoMeeting builder for everyone." data-react-helmet="true"/>
     <meta name="theme-color" content="#000000" />    
     <style>
       html,

diff --git a/client/packages/lowcoder/src/api/subscriptionApi.ts b/client/packages/lowcoder/src/api/subscriptionApi.ts
@@ -0,0 +1,78 @@
+import Api from "api/api";
+import axios, { AxiosInstance, AxiosRequestConfig } from "axios";
+
+export interface CustomerAddress {
+  line1: string;
+  line2: string;
+  city: string;
+  state: string;
+  country: string;
+  postalCode: string;
+}
+
+export interface Customer {
+  hostname: string;
+  email: string;
+  orgId: string;
+  userId: string;
+  userName: string;
+  type: string;
+  companyName: string;
+  address: CustomerAddress;
+}
+
+export type ResponseType = {
+  response: any;
+};
+
+const apiUrl = "https://flow.lowcoder.cloud/webhook/secure";
+const authHeader = "96a99c7b-3758-4c48-b4b1-a8cbf59e7d6c";
+
+const currentPage = 1;
+const currentQuery = '';
+const currentData = [];
+
+let axiosIns: AxiosInstance | null = null;
+
+const getAxiosInstance = (clientSecret?: string) => {
+  if (axiosIns && !clientSecret) {
+    return axiosIns;
+  }
+
+  const headers: Record<string, string> = {
+    "Content-Type": "application/json",
+    "Lowcoder-Token": authHeader,
+  }
+
+  const apiRequestConfig: AxiosRequestConfig = {
+    baseURL: `${apiUrl}`,
+    headers,
+  };
+
+  axiosIns = axios.create(apiRequestConfig);
+  return axiosIns;
+}
+
+class SubscriptionApi extends Api {
+
+  static async createCustomer(body: Customer): Promise<any> {
+    console.log("createCustomerCall", body);
+
+    let response;
+    try {
+      response = await getAxiosInstance().request({
+        url: '/create-customer',
+        method: "POST",
+        withCredentials: true,
+        data: body,
+      });
+    } catch (error) {
+      console.error("Error creating customer:", error);
+      throw error;
+    }
+    return response;
+  }
+
+}
+
+export default SubscriptionApi;
diff --git a/client/packages/lowcoder/src/app.tsx b/client/packages/lowcoder/src/app.tsx
@@ -27,7 +27,6 @@ import {
   ADMIN_APP_URL,
   ORG_AUTH_FORGOT_PASSWORD_URL,
   ORG_AUTH_RESET_PASSWORD_URL,
-  API_DOCS_URL,
 } from "constants/routesURL";
 import React from "react";
 import { createRoot } from "react-dom/client";
@@ -253,7 +252,7 @@ class AppIndex extends React.Component<AppIndexProps, any> {
           {/* }<meta key="msapplication-config" name="msapplication-config" content="https://www.yourdomain.com/path/to/browserconfig.xml" />, */}
 
           <link rel="canonical" href={window.location.href} />
-          {isLowCoderDomain && [
+          {isLowCoderDomain || isLocalhost && [
             // Adding Support for iframely to be able to embedd the component explorer in the docu
             <meta
               key="iframely:title"
@@ -265,6 +264,12 @@ class AppIndex extends React.Component<AppIndexProps, any> {
               property="iframely:description"
               content={trans('productDesc')}
             />,
+            <link
+              rel="iframely"
+              type="text/html"
+              href={window.location.href}
+              media="(aspect-ratio: 1280/720)"
+            />,
 
             <link
               key="preconnect-googleapis"
@@ -320,8 +325,7 @@ class AppIndex extends React.Component<AppIndexProps, any> {
                   TRASH_URL,
                   SETTING,
                   MARKETPLACE_URL,
-                  ADMIN_APP_URL,
-                  API_DOCS_URL,
+                  ADMIN_APP_URL
                 ]}
                 // component={ApplicationListPage}
                 component={LazyApplicationHome}

diff --git a/client/packages/lowcoder/src/constants/routesURL.ts b/client/packages/lowcoder/src/constants/routesURL.ts
@@ -23,7 +23,7 @@ export const OAUTH_PROVIDER_DETAIL = "/setting/oauth-provider/detail";
 
 export const PERMISSION_SETTING_DETAIL = `${PERMISSION_SETTING}/:groupId`;
 export const ORGANIZATION_SETTING_DETAIL = `${ORGANIZATION_SETTING}/:orgId`;
-export const SUBSCRIPTION_SETTING_DETAIL = `${SUBSCRIPTION_SETTING}/:subscriptionId`;
+export const SUBSCRIPTION_DETAIL = `${SUBSCRIPTION_SETTING}/:subscriptionId`;
 
 export const ALL_APPLICATIONS_URL = "/apps";
 export const ADMIN_APP_URL = "/ee/:applicationId/:viewMode";
@@ -34,7 +34,6 @@ export const DATASOURCE_URL = `/datasource`;
 export const DATASOURCE_CREATE_URL = `${DATASOURCE_URL}/new/:datasourceType`;
 export const DATASOURCE_EDIT_URL = `${DATASOURCE_URL}/:datasourceId`;
 export const QUERY_LIBRARY_URL = `/query-library`;
-export const API_DOCS_URL = `/lowcoder-api`;
 export const FOLDER_URL_PREFIX = `/folder`;
 export const FOLDER_URL = `${FOLDER_URL_PREFIX}/:folderId`;
 export const FOLDERS_URL = `/folders`;
@@ -102,3 +101,5 @@ export function preview(applicationId: string) {
 export const buildGroupId = (groupId: string) => `${PERMISSION_SETTING}/${groupId}`;
 
 export const buildOrgId = (orgId: string) => `${ORGANIZATION_SETTING}/${orgId}`;
+
+export const buildSubscriptionId = (subscriptionId: string) => `${SUBSCRIPTION_SETTING}/${subscriptionId}`;
diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/ApiDocLayout.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/ApiDocLayout.tsx
diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/ApiDocView.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/ApiDocView.tsx
diff --git a/client/packages/lowcoder/src/pages/ApplicationV2/index.tsx b/client/packages/lowcoder/src/pages/ApplicationV2/index.tsx
@@ -10,7 +10,6 @@ import {
   QUERY_LIBRARY_URL,
   SETTING,
   TRASH_URL,
-  API_DOCS_URL,
   // ADMIN_APP_URL,
   NEWS_URL,
   ORG_HOME_URL,
@@ -22,13 +21,11 @@ import {
   EllipsisTextCss,
   FolderIcon,
   HomeDataSourceIcon,
-  HomeIcon,
   NewsIcon,
   WorkspacesIcon,
   HomeModuleIcon,
   HomeQueryLibraryIcon,
   HomeSettingIcon,
-  InviteUserIcon,
   PlusIcon,
   PointIcon,
   RecyclerIcon,

diff --git a/client/packages/lowcoder/src/pages/ComponentDoc/common/PageInfo.tsx b/client/packages/lowcoder/src/pages/ComponentDoc/common/PageInfo.tsx
@@ -39,6 +39,7 @@ const IconWrapper = styled.div`
 export default function PageInfo(props: IProps) {
   const { compInfo } = props;
   const Icon = compInfo.icon;
+  console.log("Icon", compInfo);
   return (
     <Wrapper>
       <div className="title">