console: add a feature flag for schema sharing

https://github.com/hasura/graphql-engine-mono/pull/1786

GitOrigin-RevId: a35dfa98508a8ef1ea92fe8588e79fc6f8479a2d

CHANGELOG.md

@@ -13,10 +13,10 @@
   field in the connection configuration
 - server: include action and event names in log output
 - server: log all HTTP errors in remote schema calls as `remote-schema-error` with details
-- console: add schema sharing
 - server: For BigQuery, make `global_select_limit` configuration optional with a default value of
 `1000`
 
+
 ## v2.0.1
 
 - server: fix resetting metadata catalog version to 43 while initializing postgres source with v1.0 catalog

console/cypress/integration/data/schema-sharing/test.ts

@@ -13,7 +13,7 @@ const setup = () => {
 };
 
 export const runSchemaSharingTests = () => {
-  describe('schema sharing', () => {
+  describe.skip('schema sharing', () => {
     it('display content', () => {
       cy.contains('default').click();
       cy.get('[data-test=schema-container-tabs-data-gallery]').click();

console/src/components/Services/Data/Schema/SchemaSharing/Actions.ts

@@ -12,6 +12,11 @@ import {
 } from '../../../../../metadata/queryUtils';
 import { HasuraMetadataV3 } from '../../../../../metadata/types';
 import { SchemaSharingFetchingStatus } from './types';
+import {
+  BASE_URL_PUBLIC,
+  BASE_URL_TEMPLATE,
+  ROOT_CONFIG_PATH,
+} from './schemaSharingConfig';
 
 type SchemaSharingTemplateDetailFull = {
   sql: string;
@@ -156,14 +161,6 @@ export const schemaSharingSelectors = {
       .filter(section => section.templates.length > 0),
 };
 
-const repo_owner = 'hasura';
-const repo_name = 'schema-sharing';
-const repo_branch = 'main';
-
-export const BASE_URL_TEMPLATE = `https://raw.githubusercontent.com/${repo_owner}/${repo_name}/${repo_branch}`;
-export const BASE_URL_PUBLIC = `https://github.com/${repo_owner}/${repo_name}/blob/${repo_branch}`;
-export const ROOT_CONFIG_PATH = `${BASE_URL_TEMPLATE}/config.json`;
-
 export const fetchGlobalSchemaSharingConfiguration = createAsyncThunk<
   ServerJsonRootConfig,
   undefined,

console/src/components/Services/Data/Schema/SchemaSharing/__tests__/stubs/schemaSharingNetworkStubs.ts

@@ -1,10 +1,7 @@
 import { rest } from 'msw';
-import {
-  BASE_URL_TEMPLATE,
-  ROOT_CONFIG_PATH,
-  ServerJsonRootConfig,
-} from '../../Actions';
+import { ServerJsonRootConfig } from '../../Actions';
 import { HasuraMetadataV3 } from '../../../../../../../metadata/types';
+import { BASE_URL_TEMPLATE, ROOT_CONFIG_PATH } from '../../schemaSharingConfig';
 
 export const CATEGORY_1 = 'AAAAAAAA';
 export const CATEGORY_2 = 'BBBBBBBB';

console/src/components/Services/Data/Schema/SchemaSharing/schemaSharingConfig.ts

@@ -0,0 +1,9 @@
+export const isSchemaSharingEnabled = false;
+
+const repo_owner = 'hasura';
+const repo_name = 'schema-sharing';
+const repo_branch = 'main';
+
+export const BASE_URL_TEMPLATE = `https://raw.githubusercontent.com/${repo_owner}/${repo_name}/${repo_branch}`;
+export const BASE_URL_PUBLIC = `https://github.com/${repo_owner}/${repo_name}/blob/${repo_branch}`;
+export const ROOT_CONFIG_PATH = `${BASE_URL_TEMPLATE}/config.json`;

console/src/components/Services/Data/SourceView.tsx

@@ -10,6 +10,7 @@ import { getSchemaPermissionsRoute } from '../../Common/utils/routesUtils';
 import _push from './push';
 import { isFeatureSupported } from '../../../dataSources';
 import Tabbed from './TabbedSchema';
+import { isSchemaSharingEnabled } from './Schema/SchemaSharing/schemaSharingConfig';
 
 interface Props {
   dispatch: Dispatch;
@@ -49,9 +50,16 @@ const SourceView: React.FC<Props> = props => {
 
   return (
     <Tabbed tabName="display" currentDataSource={currentDataSource}>
-      <div>
+      <div className={styles.display_flex}>
+        {isSchemaSharingEnabled ? null : (
+          <h2
+            className={`${styles.headerText} ${styles.display_inline} ${styles.add_mar_right_mid}`}
+          >
+            {currentDataSource}
+          </h2>
+        )}
         {isFeatureSupported('schemas.create.enabled') ? (
-          <span>
+          <>
             {!isCreateActive ? (
               <Button
                 data-test="data-create-schema"
@@ -101,7 +109,7 @@ const SourceView: React.FC<Props> = props => {
                 </Button>
               </div>
             )}
-          </span>
+          </>
         ) : null}
       </div>
       <div>

console/src/components/Services/Data/TabbedSchema.tsx

@@ -7,6 +7,9 @@ import schemaStyles from './Schema/styles.scss';
 import { Tabs } from '../../Common/Layout/ReusableTabs/ReusableTabs';
 
 import styles from '../../../components/Common/Common.scss';
+import { isSchemaSharingEnabled } from './Schema/SchemaSharing/schemaSharingConfig';
+import { getDataSourceBaseRoute } from '../../Common/utils/routesUtils';
+import BreadCrumb from '../../Common/Layout/BreadCrumb/BreadCrumb';
 
 const tabs: Tabs = {
   display: {
@@ -23,6 +26,28 @@ const TabbedSchema: React.FC<{
   tabName: 'display' | 'gallery';
   currentDataSource: string;
 }> = ({ children, tabName, currentDataSource }) => {
+  if (!isSchemaSharingEnabled) {
+    return (
+      <RightContainer>
+        <Helmet title={`${tabs[tabName]?.display_text} - Hasura`} />
+        <div
+          className={`${styles.view_stitch_schema_wrapper} ${styles.addWrapper}`}
+        >
+          <BreadCrumb
+            breadCrumbs={[
+              { url: `/data`, title: 'Data' },
+              {
+                url: getDataSourceBaseRoute(currentDataSource),
+                title: currentDataSource,
+                prefix: <i className="fa fa-database" />,
+              },
+            ]}
+          />
+          {children}
+        </div>
+      </RightContainer>
+    );
+  }
   const breadCrumbs = [
     {
       title: 'Data',