Create codeql-analysis.yml

.github/workflows/codeql-analysis.yml

@@ -0,0 +1,71 @@
+# For most projects, this workflow file will not need changing; you simply need
+# to commit it to your repository.
+#
+# You may wish to alter this file to override the set of languages analyzed,
+# or to provide custom queries or build logic.
+name: "CodeQL"
+
+on:
+  push:
+    branches: [master]
+  pull_request:
+    # The branches below must be a subset of the branches above
+    branches: [master]
+  schedule:
+    - cron: '0 5 * * 5'
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+
+    strategy:
+      fail-fast: false
+      matrix:
+        # Override automatic language detection by changing the below list
+        # Supported options are ['csharp', 'cpp', 'go', 'java', 'javascript', 'python']
+        language: ['javascript']
+        # Learn more...
+        # https://docs.github.com/en/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#overriding-automatic-language-detection
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+      with:
+        # We must fetch at least the immediate parents so that if this is
+        # a pull request then we can checkout the head.
+        fetch-depth: 2
+
+    # If this run was triggered by a pull request event, then checkout
+    # the head of the pull request instead of the merge commit.
+    - run: git checkout HEAD^2
+      if: ${{ github.event_name == 'pull_request' }}
+
+    # Initializes the CodeQL tools for scanning.
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v1
+      with:
+        languages: ${{ matrix.language }}
+        # If you wish to specify custom queries, you can do so here or in a config file.
+        # By default, queries listed here will override any specified in a config file. 
+        # Prefix the list here with "+" to use these queries and those in the config file.
+        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+
+    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+    # If this step fails, then you should remove it and run the build manually (see below)
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v1
+
+    # ℹ️ Command-line programs to run using the OS shell.
+    # 📚 https://git.io/JvXDl
+
+    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+    #    and modify them (or add more) to build your code if your project
+    #    uses a compiled language
+
+    #- run: |
+    #   make bootstrap
+    #   make release
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v1

src/Common/CosmosClient.test.ts

@@ -112,6 +112,7 @@ describe("endpoint", () => {
 
 describe("requestPlugin", () => {
   beforeEach(() => {
+    delete window.dataExplorerPlatform;
     resetConfigContext();
   });
 

src/Explorer/Controls/NotebookGallery/Cards/GalleryCardComponent.test.tsx

@@ -18,9 +18,7 @@ describe("GalleryCardComponent", () => {
         downloads: 0,
         favorites: 0,
         views: 0,
-        newCellId: undefined,
-        policyViolations: undefined,
-        pendingScanJobIds: undefined
+        newCellId: undefined
       },
       isFavorite: false,
       showDownload: true,

src/Explorer/Controls/NotebookGallery/GalleryViewerComponent.tsx

@@ -1,7 +1,6 @@
 import {
   Dropdown,
   FocusZone,
-  FontWeights,
   IDropdownOption,
   IPageSpecification,
   IPivotItemProps,
@@ -12,8 +11,7 @@ import {
   Pivot,
   PivotItem,
   SearchBox,
-  Stack,
-  Text
+  Stack
 } from "office-ui-fabric-react";
 import * as React from "react";
 import * as Logger from "../../../Common/Logger";
@@ -153,7 +151,7 @@ export class GalleryViewerComponent extends React.Component<GalleryViewerCompone
       // explicitly checking if isCodeOfConductAccepted is not false, as it is initially undefined.
       // Displaying code of conduct component on gallery load should not be the default behavior.
       if (this.state.isCodeOfConductAccepted !== false) {
-        tabs.push(this.createPublishedNotebooksTab(GalleryTab.Published, this.state.publishedNotebooks));
+        tabs.push(this.createTab(GalleryTab.Published, this.state.publishedNotebooks));
       }
     }
 
@@ -199,59 +197,10 @@ export class GalleryViewerComponent extends React.Component<GalleryViewerCompone
   private createTab(tab: GalleryTab, data: IGalleryItem[]): GalleryTabInfo {
     return {
       tab,
-      content: this.createSearchBarHeader(this.createCardsTabContent(data))
+      content: this.createTabContent(data)
     };
   }
 
-  private createPublishedNotebooksTab = (tab: GalleryTab, data: IGalleryItem[]): GalleryTabInfo => {
-    return {
-      tab,
-      content: this.createPublishedNotebooksTabContent(data)
-    };
-  };
-
-  private createPublishedNotebooksTabContent = (data: IGalleryItem[]): JSX.Element => {
-    const { published, underReview, removed } = GalleryUtils.filterPublishedNotebooks(data);
-    const content = (
-      <Stack tokens={{ childrenGap: 10 }}>
-        {published?.length > 0 &&
-          this.createPublishedNotebooksSectionContent(
-            undefined,
-            "You have successfully published the following notebook(s) to public gallery and shared with other Azure Cosmos DB users.",
-            this.createCardsTabContent(published)
-          )}
-        {underReview?.length > 0 &&
-          this.createPublishedNotebooksSectionContent(
-            "Under Review",
-            "Content of a notebook you published is currently being scanned for illegal content. It will not be available to public gallery until the review is completed (may take a few days)",
-            this.createCardsTabContent(underReview)
-          )}
-        {removed?.length > 0 &&
-          this.createPublishedNotebooksSectionContent(
-            "Removed",
-            "These notebooks were found to contain illegal content and has been taken down.",
-            this.createPolicyViolationsListContent(removed)
-          )}
-      </Stack>
-    );
-
-    return this.createSearchBarHeader(content);
-  };
-
-  private createPublishedNotebooksSectionContent = (
-    title: string,
-    description: string,
-    content: JSX.Element
-  ): JSX.Element => {
-    return (
-      <Stack tokens={{ childrenGap: 5 }}>
-        {title && <Text styles={{ root: { fontWeight: FontWeights.semibold } }}>{title}</Text>}
-        {description && <Text>{description}</Text>}
-        {content}
-      </Stack>
-    );
-  };
-
   private createPublicGalleryTabContent(data: IGalleryItem[], acceptedCodeOfConduct: boolean): JSX.Element {
     return acceptedCodeOfConduct === false ? (
       <CodeOfConductComponent
@@ -261,11 +210,11 @@ export class GalleryViewerComponent extends React.Component<GalleryViewerCompone
         }}
       />
     ) : (
-      this.createSearchBarHeader(this.createCardsTabContent(data))
+      this.createTabContent(data)
     );
   }
 
-  private createSearchBarHeader(content: JSX.Element): JSX.Element {
+  private createTabContent(data: IGalleryItem[]): JSX.Element {
     return (
       <Stack tokens={{ childrenGap: 10 }}>
         <Stack horizontal tokens={{ childrenGap: 20, padding: 10 }}>
@@ -284,7 +233,7 @@ export class GalleryViewerComponent extends React.Component<GalleryViewerCompone
             </Stack.Item>
           )}
         </Stack>
-        <Stack.Item>{content}</Stack.Item>
+        {data && this.createCardsTabContent(data)}
       </Stack>
     );
   }
@@ -302,25 +251,6 @@ export class GalleryViewerComponent extends React.Component<GalleryViewerCompone
     );
   }
 
-  private createPolicyViolationsListContent(data: IGalleryItem[]): JSX.Element {
-    return (
-      <table>
-        <tbody>
-          <tr>
-            <th>Name</th>
-            <th>Policy violations</th>
-          </tr>
-          {data.map(item => (
-            <tr key={`policy-violations-tr-${item.id}`}>
-              <td>{item.name}</td>
-              <td>{item.policyViolations.join(", ")}</td>
-            </tr>
-          ))}
-        </tbody>
-      </table>
-    );
-  }
-
   private loadTabContent(tab: GalleryTab, searchText: string, sortBy: SortBy, offline: boolean): void {
     switch (tab) {
       case GalleryTab.OfficialSamples:

src/Explorer/Controls/NotebookGallery/InfoComponent/InfoComponent.tsx

@@ -29,7 +29,7 @@ export class InfoComponent extends React.Component<InfoComponentProps> {
         <Stack.Item>
           {this.getInfoPanel("KnowledgeArticle", "Microsoft Terms of Use", CodeOfConductEndpoints.termsOfUse)}
         </Stack.Item>
-        {this.props.onReportAbuseClick && (
+        {this.props.onReportAbuseClick !== undefined && (
           <Stack.Item>
             {this.getInfoPanel("ReportHacked", "Report Abuse", undefined, () => this.props.onReportAbuseClick())}
           </Stack.Item>

src/Explorer/Controls/NotebookGallery/__snapshots__/GalleryViewerComponent.test.tsx.snap

@@ -81,21 +81,6 @@ exports[`GalleryViewerComponent renders 1`] = `
             <InfoComponent />
           </StackItem>
         </Stack>
-        <StackItem>
-          <FocusZone
-            direction={2}
-            isCircularNavigation={false}
-            shouldRaiseClicks={true}
-          >
-            <List
-              getPageSpecification={[Function]}
-              onRenderCell={[Function]}
-              renderedWindowsAhead={3}
-              renderedWindowsBehind={2}
-              startIndex={0}
-            />
-          </FocusZone>
-        </StackItem>
       </Stack>
     </PivotItem>
   </StyledPivotBase>

src/Explorer/Controls/NotebookViewer/NotebookMetadataComponent.test.tsx

@@ -18,9 +18,7 @@ describe("NotebookMetadataComponent", () => {
         downloads: 0,
         favorites: 0,
         views: 0,
-        newCellId: undefined,
-        policyViolations: undefined,
-        pendingScanJobIds: undefined
+        newCellId: undefined
       },
       isFavorite: false,
       downloadButtonText: "Download",
@@ -50,9 +48,7 @@ describe("NotebookMetadataComponent", () => {
         downloads: 0,
         favorites: 0,
         views: 0,
-        newCellId: undefined,
-        policyViolations: undefined,
-        pendingScanJobIds: undefined
+        newCellId: undefined
       },
       isFavorite: true,
       downloadButtonText: "Download",

src/Explorer/Controls/Settings/SettingsSubComponents/ScaleComponent.test.tsx

@@ -5,6 +5,7 @@ import { container, collection } from "../TestUtils";
 import { ThroughputInputAutoPilotV3Component } from "./ThroughputInputComponents/ThroughputInputAutoPilotV3Component";
 import Explorer from "../../../Explorer";
 import * as Constants from "../../../../Common/Constants";
+import { PlatformType } from "../../../../PlatformType";
 import * as DataModels from "../../../../Contracts/DataModels";
 import { throughputUnit } from "../SettingsRenderUtils";
 import * as SharedConstants from "../../../../Shared/Constants";
@@ -12,6 +13,7 @@ import ko from "knockout";
 
 describe("ScaleComponent", () => {
   const nonNationalCloudContainer = new Explorer();
+  nonNationalCloudContainer.getPlatformType = () => PlatformType.Portal;
   nonNationalCloudContainer.isRunningOnNationalCloud = () => false;
 
   const targetThroughput = 6000;
@@ -117,7 +119,7 @@ describe("ScaleComponent", () => {
 
   it("getThroughputTitle", () => {
     let scaleComponent = new ScaleComponent(baseProps);
-    expect(scaleComponent.getThroughputTitle()).toEqual("Throughput (6,000 - unlimited RU/s)");
+    expect(scaleComponent.getThroughputTitle()).toEqual("Throughput (6,000 - 40,000 RU/s)");
 
     let newProps = { ...baseProps, container: nonNationalCloudContainer };
     scaleComponent = new ScaleComponent(newProps);
@@ -130,7 +132,7 @@ describe("ScaleComponent", () => {
 
   it("canThroughputExceedMaximumValue", () => {
     let scaleComponent = new ScaleComponent(baseProps);
-    expect(scaleComponent.canThroughputExceedMaximumValue()).toEqual(true);
+    expect(scaleComponent.canThroughputExceedMaximumValue()).toEqual(false);
 
     const newProps = { ...baseProps, container: nonNationalCloudContainer };
     scaleComponent = new ScaleComponent(newProps);

src/Explorer/Controls/Settings/SettingsSubComponents/ScaleComponent.tsx

@@ -5,6 +5,7 @@ import * as ViewModels from "../../../../Contracts/ViewModels";
 import * as DataModels from "../../../../Contracts/DataModels";
 import * as SharedConstants from "../../../../Shared/Constants";
 import Explorer from "../../../Explorer";
+import { PlatformType } from "../../../../PlatformType";
 import {
   getTextFieldStyles,
   subComponentStackProps,
@@ -77,7 +78,7 @@ export class ScaleComponent extends React.Component<ScaleComponentProps> {
   };
 
   public getMaxRUThroughputInputLimit = (): number => {
-    if (configContext.platform === Platform.Hosted && this.props.collection.partitionKey) {
+    if (this.props.container?.getPlatformType() === PlatformType.Hosted && this.props.collection.partitionKey) {
       return SharedConstants.CollectionCreation.DefaultCollectionRUs1Million;
     }
 
@@ -99,7 +100,8 @@ export class ScaleComponent extends React.Component<ScaleComponentProps> {
 
   public canThroughputExceedMaximumValue = (): boolean => {
     const isPublicAzurePortal: boolean =
-      configContext.platform === Platform.Portal && !this.props.container.isRunningOnNationalCloud();
+      this.props.container.getPlatformType() === PlatformType.Portal &&
+      !this.props.container.isRunningOnNationalCloud();
     const hasPartitionKey = !!this.props.collection.partitionKey;
 
     return isPublicAzurePortal && hasPartitionKey;

src/Explorer/Controls/Settings/SettingsSubComponents/__snapshots__/ScaleComponent.test.tsx.snap

@@ -39,13 +39,13 @@ exports[`ScaleComponent renders with correct intiial notification 1`] = `
     }
   >
     <ThroughputInputAutoPilotV3Component
-      canExceedMaximumValue={true}
+      canExceedMaximumValue={false}
       getThroughputWarningMessage={[Function]}
       isAutoPilotSelected={false}
       isEmulator={false}
       isEnabled={true}
       isFixed={false}
-      label="Throughput (6,000 - unlimited RU/s)"
+      label="Throughput (6,000 - 40,000 RU/s)"
       maxAutoPilotThroughput={4000}
       maxAutoPilotThroughputBaseline={4000}
       maximum={40000}

src/Explorer/Explorer.ts

@@ -37,8 +37,7 @@ import { BindingHandlersRegisterer } from "../Bindings/BindingHandlersRegisterer
 import { BrowseQueriesPane } from "./Panes/BrowseQueriesPane";
 import { CassandraAPIDataClient, TableDataClient, TablesAPIDataClient } from "./Tables/TableDataClient";
 import { CommandBarComponentAdapter } from "./Menus/CommandBar/CommandBarComponentAdapter";
-import { RecommendationsAdapter } from "./Recommendations/RecommendationsAdapter";
-import { configContext, Platform, updateConfigContext } from "../ConfigContext";
+import { configContext, updateConfigContext } from "../ConfigContext";
 import { ConsoleData, ConsoleDataType } from "./Menus/NotificationConsole/NotificationConsoleComponent";
 import { decryptJWTToken, getAuthorizationHeader } from "../Utils/AuthorizationUtils";
 import { DefaultExperienceUtility } from "../Shared/DefaultExperienceUtility";
@@ -59,6 +58,7 @@ import { NotebookUtil } from "./Notebook/NotebookUtil";
 import { NotebookWorkspaceManager } from "../NotebookWorkspaceManager/NotebookWorkspaceManager";
 import { NotificationConsoleComponentAdapter } from "./Menus/NotificationConsole/NotificationConsoleComponentAdapter";
 import * as NotificationConsoleUtils from "../Utils/NotificationConsoleUtils";
+import { PlatformType } from "../PlatformType";
 import { QueriesClient } from "../Common/QueriesClient";
 import { QuerySelectPane } from "./Panes/Tables/QuerySelectPane";
 import { RenewAdHocAccessPane } from "./Panes/RenewAdHocAccessPane";
@@ -208,7 +208,6 @@ export default class Explorer {
   public isLinkInjectionEnabled: ko.Computed<boolean>;
   public isSettingsV2Enabled: ko.Observable<boolean>;
   public isGitHubPaneEnabled: ko.Observable<boolean>;
-  public isRecosEnabled: ko.Observable<boolean>;
   public isPublishNotebookPaneEnabled: ko.Observable<boolean>;
   public isCopyNotebookPaneEnabled: ko.Observable<boolean>;
   public isHostedDataExplorerEnabled: ko.Computed<boolean>;
@@ -263,7 +262,6 @@ export default class Explorer {
   private _dialogProps: ko.Observable<DialogProps>;
   private addSynapseLinkDialog: DialogComponentAdapter;
   private _addSynapseLinkDialogProps: ko.Observable<DialogProps>;
-  private recommendationsAdapter: RecommendationsAdapter
 
   private static readonly MaxNbDatabasesToAutoExpand = 5;
 
@@ -418,7 +416,6 @@ export default class Explorer {
     //this.isSettingsV2Enabled = ko.computed<boolean>(() => this.isFeatureEnabled(Constants.Features.enableSettingsV2));
     this.isSettingsV2Enabled = ko.observable(false);
     this.isGitHubPaneEnabled = ko.observable<boolean>(false);
-    this.isRecosEnabled = ko.observable<boolean>(false);
     this.isPublishNotebookPaneEnabled = ko.observable<boolean>(false);
     this.isCopyNotebookPaneEnabled = ko.observable<boolean>(false);
 
@@ -568,7 +565,9 @@ export default class Explorer {
 
     this.isHostedDataExplorerEnabled = ko.computed<boolean>(
       () =>
-        configContext.platform === Platform.Portal && !this.isRunningOnNationalCloud() && !this.isPreferredApiGraph()
+        this.getPlatformType() === PlatformType.Portal &&
+        !this.isRunningOnNationalCloud() &&
+        !this.isPreferredApiGraph()
     );
     this.isRightPanelV2Enabled = ko.computed<boolean>(() =>
       this.isFeatureEnabled(Constants.Features.enableRightPanelV2)
@@ -892,7 +891,7 @@ export default class Explorer {
 
     this.commandBarComponentAdapter = new CommandBarComponentAdapter(this);
     this.notificationConsoleComponentAdapter = new NotificationConsoleComponentAdapter(this);
-    
+
     this._initSettings();
 
     TelemetryProcessor.traceSuccess(
@@ -919,7 +918,6 @@ export default class Explorer {
 
         this.gitHubReposPane = this.notebookManager.gitHubReposPane;
         this.isGitHubPaneEnabled(true);
-        this.isRecosEnabled(true);
       }
 
       this.refreshCommandBarButtons();
@@ -1006,8 +1004,6 @@ export default class Explorer {
     });
     this.addSynapseLinkDialog = new DialogComponentAdapter();
     this.addSynapseLinkDialog.parameters = this._addSynapseLinkDialogProps;
-    this.recommendationsAdapter = new RecommendationsAdapter(this);
-    
   }
 
   public openEnableSynapseLinkDialog(): void {
@@ -1797,7 +1793,7 @@ export default class Explorer {
     const message: any = event.data.data;
     const inputs: ViewModels.DataExplorerInputsFrame = message.inputs;
 
-    const isRunningInPortal = configContext.platform === Platform.Portal;
+    const isRunningInPortal = window.dataExplorerPlatform == PlatformType.Portal;
     const isRunningInDevMode = process.env.NODE_ENV === "development";
     if (inputs && configContext.BACKEND_ENDPOINT && isRunningInPortal && isRunningInDevMode) {
       inputs.extensionEndpoint = configContext.PROXY_PATH;
@@ -2013,6 +2009,10 @@ export default class Explorer {
     this._panes.forEach((pane: ContextualPaneBase) => pane.close());
   }
 
+  public getPlatformType(): PlatformType {
+    return window.dataExplorerPlatform;
+  }
+
   public isRunningOnNationalCloud(): boolean {
     return (
       this.serverId() === Constants.ServerIds.blackforest ||

src/Explorer/Menus/CommandBar/CommandBarComponentButtonFactory.ts

@@ -1,4 +1,5 @@
 import * as ViewModels from "../../../Contracts/ViewModels";
+import { PlatformType } from "../../../PlatformType";
 import { Action, ActionModifiers } from "../../../Shared/Telemetry/TelemetryConstants";
 import { Areas } from "../../../Common/Constants";
 import * as TelemetryProcessor from "../../../Shared/Telemetry/TelemetryProcessor";
@@ -158,7 +159,7 @@ export class CommandBarComponentButtonFactory {
 
   public static createControlCommandBarButtons(container: Explorer): CommandButtonComponentProps[] {
     const buttons: CommandButtonComponentProps[] = [];
-    if (configContext.platform === Platform.Hosted) {
+    if (window.dataExplorerPlatform === PlatformType.Hosted) {
       return buttons;
     }
 

src/Explorer/Panes/AddCollectionPane.ts

@@ -14,6 +14,8 @@ import { Action, ActionModifiers } from "../../Shared/Telemetry/TelemetryConstan
 import { configContext, Platform } from "../../ConfigContext";
 import { ContextualPaneBase } from "./ContextualPaneBase";
 import { DynamicListItem } from "../Controls/DynamicList/DynamicListComponent";
+import { HashMap } from "../../Common/HashMap";
+import { PlatformType } from "../../PlatformType";
 import { refreshCachedResources } from "../../Common/DocumentClientUtilityBase";
 import { createCollection } from "../../Common/dataAccess/createCollection";
 
@@ -325,7 +327,7 @@ export default class AddCollectionPane extends ContextualPaneBase {
       if (
         configContext.platform !== Platform.Emulator &&
         !this.container.isTryCosmosDBSubscription() &&
-        configContext.platform !== Platform.Portal
+        this.container.getPlatformType() !== PlatformType.Portal
       ) {
         const offerThroughput: number = this._getThroughput();
         return offerThroughput <= 100000;

src/Explorer/Panes/AddDatabasePane.ts

@@ -11,6 +11,7 @@ import * as TelemetryProcessor from "../../Shared/Telemetry/TelemetryProcessor";
 import { Action, ActionModifiers } from "../../Shared/Telemetry/TelemetryConstants";
 import { ContextualPaneBase } from "./ContextualPaneBase";
 import { createDatabase } from "../../Common/dataAccess/createDatabase";
+import { PlatformType } from "../../PlatformType";
 import { configContext, Platform } from "../../ConfigContext";
 
 export default class AddDatabasePane extends ContextualPaneBase {
@@ -182,7 +183,7 @@ export default class AddDatabasePane extends ContextualPaneBase {
       if (
         configContext.platform !== Platform.Emulator &&
         !this.container.isTryCosmosDBSubscription() &&
-        configContext.platform !== Platform.Portal
+        this.container.getPlatformType() !== PlatformType.Portal
       ) {
         const offerThroughput: number = this.throughput();
         return offerThroughput <= 100000;

src/Explorer/Panes/PublishNotebookPaneAdapter.tsx

@@ -140,7 +140,10 @@ export class PublishNotebookPaneAdapter implements ReactAdapter {
   }
 
   public async submit(): Promise<void> {
-    const clearPublishingMessage = NotificationConsoleUtils.logConsoleProgress(`Publishing ${this.name} to gallery`);
+    const notificationId = NotificationConsoleUtils.logConsoleMessage(
+      ConsoleDataType.InProgress,
+      `Publishing ${this.name} to gallery`
+    );
     this.isExecuting = true;
     this.triggerRender();
 
@@ -158,16 +161,8 @@ export class PublishNotebookPaneAdapter implements ReactAdapter {
         this.content,
         this.isLinkInjectionEnabled
       );
-
-      const data = response.data;
-      if (data) {
-        if (data.pendingScanJobIds?.length > 0) {
-          NotificationConsoleUtils.logConsoleInfo(
-            `Content of ${this.name} is currently being scanned for illegal content. It will not be available in the public gallery until the review is complete (may take a few days).`
-          );
-        } else {
-          NotificationConsoleUtils.logConsoleInfo(`Published ${this.name} to gallery`);
-        }
+      if (response.data) {
+        NotificationConsoleUtils.logConsoleMessage(ConsoleDataType.Info, `Published ${name} to gallery`);
       }
     } catch (error) {
       this.formError = `Failed to publish ${this.name} to gallery`;
@@ -175,10 +170,10 @@ export class PublishNotebookPaneAdapter implements ReactAdapter {
 
       const message = `${this.formError}: ${this.formErrorDetail}`;
       Logger.logError(message, "PublishNotebookPaneAdapter/submit");
-      NotificationConsoleUtils.logConsoleError(message);
+      NotificationConsoleUtils.logConsoleMessage(ConsoleDataType.Error, message);
       return;
     } finally {
-      clearPublishingMessage();
+      NotificationConsoleUtils.clearInProgressMessageWithId(notificationId);
       this.isExecuting = false;
       this.triggerRender();
     }

src/Explorer/Panes/PublishNotebookPaneComponent.tsx

@@ -296,9 +296,7 @@ export class PublishNotebookPaneComponent extends React.Component<PublishNoteboo
                 downloads: 0,
                 favorites: 0,
                 views: 0,
-                newCellId: undefined,
-                policyViolations: undefined,
-                pendingScanJobIds: undefined
+                newCellId: undefined
               }}
               isFavorite={false}
               showDownload={true}

src/Explorer/Panes/__snapshots__/PublishNotebookPaneComponent.test.tsx.snap

@@ -103,8 +103,6 @@ exports[`PublishNotebookPaneComponent renders 1`] = `
             "isSample": false,
             "name": "SampleNotebook.ipynb",
             "newCellId": undefined,
-            "pendingScanJobIds": undefined,
-            "policyViolations": undefined,
             "tags": Array [
               "",
             ],

src/Explorer/Recommendations/RecommendationsAdapter.tsx

@@ -1,50 +0,0 @@
-/**
- * This adapter is responsible to render the React component
- * If the component signals a change through the callback passed in the properties, it must render the React component when appropriate
- * and update any knockout observables passed from the parent.
- */
-import * as ko from "knockout";
-import * as React from "react";
-import { ReactAdapter } from "../../Bindings/ReactBindingHandler";
-import * as ViewModels from "../../Contracts/ViewModels";
-import { MessageBar, MessageBarType, Text} from "office-ui-fabric-react";
-import { StyleConstants } from "../../Common/Constants";
-import Explorer from "../Explorer";
-// import {getRecommendations} from "./api";
-import { configContext } from "../../ConfigContext";
-import { JunoClient } from "../../Juno/JunoClient";
-import { ICardTokens, Card } from "@uifabric/react-cards";
-import {Recommendations, RecommendationProps} from "./RecommendationsComponent";
-// import { CommandButtonComponentProps } from "../../Controls/CommandButton/CommandButtonComponent";
-
-export class RecommendationsAdapter implements ReactAdapter {
-public parameters: ko.Observable<number>;
-  public container: Explorer;
-  
-  
-
-  constructor(container: Explorer) {
-    this.container = container;
-    this.parameters = ko.observable<number>(Date.now());
-  
-  }
-
-  public forceRender(): void {
-    window.requestAnimationFrame(() => this.parameters(Date.now()));
-  }
-
-  public renderComponent(): JSX.Element {
-    //const backgroundColor = StyleConstants.BaseLight;
-    
-    
-    return (
-      <Recommendations explorer={this.container}/>
-    );
-  }
-
-  public triggerRender(): void {
-    window.requestAnimationFrame(() => this.parameters(Date.now()));
-  }
-
-  
-}

src/Explorer/Recommendations/RecommendationsComponent.tsx

@@ -1,89 +0,0 @@
-import { ICardTokens, Card } from "@uifabric/react-cards";
-import React from "react";
-import { JunoClient } from "../../Juno/JunoClient";
-import Explorer from "../Explorer";
-import { MessageBar, MessageBarButton, MessageBarType, IMessageBarStyles, Spinner } from "office-ui-fabric-react";
-import { FontSize } from "../Controls/GitHub/GitHubStyleConstants";
-
-export interface RecommendationProps {
-    explorer: Explorer;
-
-  }
-
-  export const recoStyles: Partial<IMessageBarStyles> = { root: { backgroundColor: "#0078d4" ,
-   color:"white", fontSize: "16px"}, text: {fontSize: "16px"}, icon: {display: "none"}};
-
-   export const recoButtonStyles = {root: {fontSize: "10px"}};
-
-export class Recommendations extends React.Component<RecommendationProps> {
-
-    public state: { recoMessage: string; loadingInfo: boolean;};
-    container: Explorer;
-    
-        
-    constructor(props: RecommendationProps) {
-        super(props);
-        //this.container = this.container;
-        this.state = {
-          recoMessage:"",
-          loadingInfo: false
-        }
-        this.loadInfo();
-      }
-
-      private async loadInfo(){
-        this.setState({loadingInfo: true});
-        let junoClient = new JunoClient(this.props.explorer.databaseAccount);
-      
-        let resp = await junoClient.getRecos();
-        // this.state.recoMessage = resp.description;
-      
-        this.setState({recoMessage: resp.description});
-        this.setState({loadingInfo: false});
-      }
-
-      private clear = () => {
-        this.setState({recoMessage: null})
-      };
-
-      private clear1()
-      {
-        this.setState({recoMessage: null})
-      }
-
-    render() {
-      if (this.state.loadingInfo)
-      {
-        return (<React.Fragment> <Spinner/> Loading your Recommendation </React.Fragment>);
-      }
-      else
-      {
-        if (this.state.recoMessage)
-        {
-        return (
-          <React.Fragment>
-            <MessageBar           
-              dismissButtonAriaLabel="Close"
-              messageBarType={MessageBarType.warning}
-              actions={
-                <div>
-                   <MessageBarButton onClick={this.clear} styles={recoButtonStyles}>Remind me later</MessageBarButton>
-                  <MessageBarButton onClick={this.clear} styles={recoButtonStyles}>Got it</MessageBarButton>
-                </div>
-              }
-              styles={recoStyles}
-            >
-            {this.state.recoMessage}
-             </MessageBar>
-
-          </React.Fragment>);
-        }
-        else
-        {
-            return null;
-        }
-      
-      }
-    
-  }
-}

src/Explorer/Recommendations/api.ts

@@ -1,10 +0,0 @@
-import { JunoClient } from "../../Juno/JunoClient";
-
-export const getRecommendations(endpoint: string): string {
-    let url = `${endpoint}/api/notebooks/recos`;
-    const response = await window.fetch(url, {
-        method: "GET",
-        headers: JunoClient.getHeaders()
-      });
-  
- }

src/Explorer/Tabs/DatabaseSettingsTab.ts

@@ -13,6 +13,7 @@ import SaveIcon from "../../../images/save-cosmos.svg";
 import TabsBase from "./TabsBase";
 import * as TelemetryProcessor from "../../Shared/Telemetry/TelemetryProcessor";
 import { Action } from "../../Shared/Telemetry/TelemetryConstants";
+import { PlatformType } from "../../PlatformType";
 import { RequestOptions } from "@azure/cosmos/dist-esm";
 import Explorer from "../Explorer";
 import { updateOffer } from "../../Common/dataAccess/updateOffer";
@@ -199,14 +200,16 @@ export default class DatabaseSettingsTab extends TabsBase implements ViewModels.
       return configContext.platform !== Platform.Emulator;
     });
 
-    this.shouldDisplayPortalUsePrompt = ko.pureComputed<boolean>(() => configContext.platform === Platform.Hosted);
+    this.shouldDisplayPortalUsePrompt = ko.pureComputed<boolean>(
+      () => this.container.getPlatformType() === PlatformType.Hosted
+    );
     this.canThroughputExceedMaximumValue = ko.pureComputed<boolean>(
-      () => configContext.platform === Platform.Portal && !this.container.isRunningOnNationalCloud()
+      () => this.container.getPlatformType() === PlatformType.Portal && !this.container.isRunningOnNationalCloud()
     );
     this.canRequestSupport = ko.pureComputed(() => {
       if (
         configContext.platform === Platform.Emulator ||
-        configContext.platform === Platform.Hosted ||
+        this.container.getPlatformType() === PlatformType.Hosted ||
         this.canThroughputExceedMaximumValue()
       ) {
         return false;
@@ -270,7 +273,7 @@ export default class DatabaseSettingsTab extends TabsBase implements ViewModels.
     });
 
     this.maxRUThroughputInputLimit = ko.pureComputed<number>(() => {
-      if (configContext.platform === Platform.Hosted) {
+      if (this.container && this.container.getPlatformType() === PlatformType.Hosted) {
         return SharedConstants.CollectionCreation.DefaultCollectionRUs1Million;
       }
 

src/Explorer/Tabs/MongoShellTab.ts

@@ -10,9 +10,10 @@ import { Action, ActionModifiers } from "../../Shared/Telemetry/TelemetryConstan
 import { ConsoleDataType } from "../Menus/NotificationConsole/NotificationConsoleComponent";
 import { HashMap } from "../../Common/HashMap";
 import * as NotificationConsoleUtils from "../../Utils/NotificationConsoleUtils";
+import { PlatformType } from "../../PlatformType";
 import Explorer from "../Explorer";
 import { userContext } from "../../UserContext";
-import { configContext, Platform } from "../../ConfigContext";
+import { configContext } from "../../ConfigContext";
 
 export default class MongoShellTab extends TabsBase {
   public url: ko.Computed<string>;
@@ -30,7 +31,7 @@ export default class MongoShellTab extends TabsBase {
       const accountName = account && account.name;
       const mongoEndpoint = account && (account.properties.mongoEndpoint || account.properties.documentEndpoint);
 
-      this._runtimeEndpoint = configContext.platform === Platform.Hosted ? configContext.BACKEND_ENDPOINT : "";
+      this._runtimeEndpoint = window.dataExplorerPlatform === PlatformType.Hosted ? configContext.BACKEND_ENDPOINT : "";
       const extensionEndpoint: string = configContext.BACKEND_ENDPOINT || this._runtimeEndpoint || "";
       let baseUrl = "/content/mongoshell/dist/";
       if (this._container.serverId() === "localhost") {

src/Explorer/Tabs/SettingsTab.ts

@@ -14,6 +14,7 @@ import SaveIcon from "../../../images/save-cosmos.svg";
 import TabsBase from "./TabsBase";
 import * as TelemetryProcessor from "../../Shared/Telemetry/TelemetryProcessor";
 import { Action, ActionModifiers } from "../../Shared/Telemetry/TelemetryConstants";
+import { PlatformType } from "../../PlatformType";
 import { RequestOptions } from "@azure/cosmos/dist-esm";
 import Explorer from "../Explorer";
 import { updateOffer } from "../../Common/dataAccess/updateOffer";
@@ -493,7 +494,7 @@ export default class SettingsTab extends TabsBase implements ViewModels.WaitsFor
 
     this.canThroughputExceedMaximumValue = ko.pureComputed<boolean>(() => {
       const isPublicAzurePortal: boolean =
-        configContext.platform === Platform.Portal && !this.container.isRunningOnNationalCloud();
+        this.container.getPlatformType() === PlatformType.Portal && !this.container.isRunningOnNationalCloud();
       const hasPartitionKey = !!this.collection.partitionKey;
 
       return isPublicAzurePortal && hasPartitionKey;
@@ -512,7 +513,7 @@ export default class SettingsTab extends TabsBase implements ViewModels.WaitsFor
         return false;
       }
 
-      if (configContext.platform === Platform.Hosted) {
+      if (this.container.getPlatformType() === PlatformType.Hosted) {
         return false;
       }
 
@@ -525,7 +526,7 @@ export default class SettingsTab extends TabsBase implements ViewModels.WaitsFor
     });
 
     this.shouldDisplayPortalUsePrompt = ko.pureComputed<boolean>(
-      () => configContext.platform === Platform.Hosted && !!this.collection.partitionKey
+      () => this.container.getPlatformType() === PlatformType.Hosted && !!this.collection.partitionKey
     );
 
     this.minRUs = ko.computed<number>(() => {
@@ -596,7 +597,7 @@ export default class SettingsTab extends TabsBase implements ViewModels.WaitsFor
     });
 
     this.maxRUThroughputInputLimit = ko.pureComputed<number>(() => {
-      if (configContext.platform === Platform.Hosted && this.collection.partitionKey) {
+      if (this.container && this.container.getPlatformType() === PlatformType.Hosted && this.collection.partitionKey) {
         return SharedConstants.CollectionCreation.DefaultCollectionRUs1Million;
       }
 

src/Explorer/Tree/Collection.ts

@@ -14,6 +14,7 @@ import { readCollectionQuotaInfo } from "../../Common/dataAccess/readCollectionQ
 import * as Logger from "../../Common/Logger";
 import * as DataModels from "../../Contracts/DataModels";
 import * as ViewModels from "../../Contracts/ViewModels";
+import { PlatformType } from "../../PlatformType";
 import { Action, ActionModifiers } from "../../Shared/Telemetry/TelemetryConstants";
 import * as TelemetryProcessor from "../../Shared/Telemetry/TelemetryProcessor";
 import * as NotificationConsoleUtils from "../../Utils/NotificationConsoleUtils";
@@ -35,7 +36,7 @@ import DocumentId from "./DocumentId";
 import StoredProcedure from "./StoredProcedure";
 import Trigger from "./Trigger";
 import UserDefinedFunction from "./UserDefinedFunction";
-import { configContext, Platform } from "../../ConfigContext";
+import { configContext } from "../../ConfigContext";
 import Explorer from "../Explorer";
 import { userContext } from "../../UserContext";
 import TabsBase from "../Tabs/TabsBase";
@@ -1029,8 +1030,9 @@ export default class Collection implements ViewModels.Collection {
   }
 
   public uploadFiles = (fileList: FileList): Q.Promise<UploadDetails> => {
+    const platformType: string = PlatformType[(<any>window).dataExplorerPlatform];
     // TODO: right now web worker is not working with AAD flow. Use main thread for upload for now until we have backend upload capability
-    if (configContext.platform === Platform.Hosted && window.authType === AuthType.AAD) {
+    if (platformType === PlatformType[PlatformType.Hosted] && window.authType === AuthType.AAD) {
       return this._uploadFilesCors(fileList);
     }
     const documentUploader: Worker = new UploadWorker();

src/Juno/JunoClient.test.ts

@@ -1,6 +1,6 @@
 import ko from "knockout";
 import { HttpHeaders, HttpStatusCodes } from "../Common/Constants";
-import { IPinnedRepo, JunoClient } from "./JunoClient";
+import { IPinnedRepo, JunoClient, IGalleryItem } from "./JunoClient";
 import { configContext } from "../ConfigContext";
 import { getAuthorizationHeader } from "../Utils/AuthorizationUtils";
 import { DatabaseAccount } from "../Contracts/DataModels";
@@ -33,6 +33,24 @@ const samplePinnedRepos: IPinnedRepo[] = [
   }
 ];
 
+const sampleGalleryItems: IGalleryItem[] = [
+  {
+    id: "id",
+    name: "name",
+    description: "description",
+    gitSha: "gitSha",
+    tags: ["tag1"],
+    author: "author",
+    thumbnailUrl: "thumbnailUrl",
+    created: "created",
+    isSample: false,
+    downloads: 0,
+    favorites: 0,
+    views: 0,
+    newCellId: undefined
+  }
+];
+
 describe("Pinned repos", () => {
   const junoClient = new JunoClient(ko.observable<DatabaseAccount>(sampleDatabaseAccount));
 

src/Juno/JunoClient.ts

@@ -37,13 +37,6 @@ export interface IGalleryItem {
   favorites: number;
   views: number;
   newCellId: string;
-  policyViolations: string[];
-  pendingScanJobIds: string[];
-}
-
-export interface IRecommendationData {
-  id: number;
-  description: string;
 }
 
 export interface IPublicGalleryData {
@@ -132,20 +125,6 @@ export class JunoClient {
     };
   }
 
-  public async getRecos(): Promise<IRecommendationData> {
-    var db = this.databaseAccount().id.split("/");
-    var subId = db[2];
-    var rg = db[4];
-    var acc = db[8];
-    const url = `https://localhost/api/recommendations?subId=${subId}&rg=${rg}&account=${acc}`;
-    const response = await window.fetch(url, {
-      method: "GET",
-      headers: JunoClient.getHeaders()
-    });
-
-    return response.json();
-  }
-
   public async getGitHubToken(code: string): Promise<IGitHubResponse<IGitHubOAuthToken>> {
     const githubParams = JunoClient.getGitHubClientParams();
     githubParams.append("code", code);

src/Main.ts

@@ -65,6 +65,7 @@ import { BindingHandlersRegisterer } from "./Bindings/BindingHandlersRegisterer"
 import * as Emulator from "./Platform/Emulator/Main";
 import Hosted from "./Platform/Hosted/Main";
 import * as Portal from "./Platform/Portal/Main";
+import { PlatformType } from "./PlatformType";
 import { AuthType } from "./AuthType";
 
 import { initializeIcons } from "office-ui-fabric-react/lib/Icons";
@@ -80,6 +81,8 @@ window.authType = AuthType.AAD;
 initializeConfiguration().then(config => {
   if (config.platform === Platform.Hosted) {
     try {
+      // TODO Remove. All window variables should move to src/Config file
+      window.dataExplorerPlatform = PlatformType.Hosted;
       Hosted.initializeExplorer().then(
         (explorer: Explorer) => {
           applyExplorerBindings(explorer);
@@ -105,10 +108,14 @@ initializeConfiguration().then(config => {
       console.log(e);
     }
   } else if (config.platform === Platform.Emulator) {
+    // TODO Remove. All window variables should move to src/Config file
+    window.dataExplorerPlatform = PlatformType.Emulator;
     window.authType = AuthType.MasterKey;
     const explorer = Emulator.initializeExplorer();
     applyExplorerBindings(explorer);
   } else if (config.platform === Platform.Portal) {
+    // TODO Remove. All window variables should move to src/Config file
+    window.dataExplorerPlatform = PlatformType.Portal;
     TelemetryProcessor.trace(Action.InitializeDataExplorer, ActionModifiers.Open, {});
     const explorer = Portal.initializeExplorer();
     TelemetryProcessor.trace(Action.InitializeDataExplorer, ActionModifiers.IFrameReady, {});

src/Platform/Emulator/ExplorerFactory.ts

@@ -0,0 +1,27 @@
+import { AccountKind, TagNames, DefaultAccountExperience } from "../../Common/Constants";
+
+import Explorer from "../../Explorer/Explorer";
+
+export default class EmulatorExplorerFactory {
+  public static createExplorer(): Explorer {
+    const explorer: Explorer = new Explorer();
+    explorer.databaseAccount({
+      name: "",
+      id: "",
+      location: "",
+      type: "",
+      kind: AccountKind.DocumentDB,
+      tags: {
+        [TagNames.defaultExperience]: DefaultAccountExperience.DocumentDB
+      },
+      properties: {
+        documentEndpoint: "",
+        tableEndpoint: "",
+        gremlinEndpoint: "",
+        cassandraEndpoint: ""
+      }
+    });
+    explorer.isAccountReady(true);
+    return explorer;
+  }
+}

src/Platform/Emulator/Main.ts

@@ -1,24 +1,6 @@
+import EmulatorExplorerFactory from "./ExplorerFactory";
 import Explorer from "../../Explorer/Explorer";
-import { AccountKind, DefaultAccountExperience, TagNames } from "../../Common/Constants";
 
 export function initializeExplorer(): Explorer {
-  const explorer = new Explorer();
-  explorer.databaseAccount({
-    name: "",
-    id: "",
-    location: "",
-    type: "",
-    kind: AccountKind.DocumentDB,
-    tags: {
-      [TagNames.defaultExperience]: DefaultAccountExperience.DocumentDB
-    },
-    properties: {
-      documentEndpoint: "",
-      tableEndpoint: "",
-      gremlinEndpoint: "",
-      cassandraEndpoint: ""
-    }
-  });
-  explorer.isAccountReady(true);
-  return explorer;
+  return EmulatorExplorerFactory.createExplorer();
 }

src/Platform/Hosted/ExplorerFactory.ts

@@ -0,0 +1,15 @@
+import Explorer from "../../Explorer/Explorer";
+
+export default class HostedExplorerFactory {
+  public createExplorer(): Explorer {
+    const explorer = new Explorer();
+
+    return explorer;
+  }
+
+  public static reInitializeDocumentClientUtilityForExplorer(explorer: Explorer): void {
+    if (!!explorer) {
+      explorer.notificationConsoleData([]);
+    }
+  }
+}

src/Platform/Hosted/Main.ts

@@ -1,5 +1,7 @@
 import * as Constants from "../../Common/Constants";
+import * as ViewModels from "../../Contracts/ViewModels";
 import AuthHeadersUtil from "./Authorization";
+import HostedExplorerFactory from "./ExplorerFactory";
 import Q from "q";
 import {
   AccessInputMetadata,
@@ -209,7 +211,7 @@ export default class Main {
         Main._getAccessInputMetadata(Main._encryptedToken).then(
           () => {
             if (explorer.isConnectExplorerVisible()) {
-              explorer.notificationConsoleData([]);
+              HostedExplorerFactory.reInitializeDocumentClientUtilityForExplorer(explorer);
               explorer.hideConnectExplorerForm();
             }
 
@@ -376,7 +378,8 @@ export default class Main {
   }
 
   private static _instantiateExplorer(): Explorer {
-    const explorer = new Explorer();
+    const hostedExplorerFactory = new HostedExplorerFactory();
+    const explorer = hostedExplorerFactory.createExplorer();
     // workaround to resolve cyclic refs with view
     explorer.renewExplorerShareAccess = Main.renewExplorerAccess;
     window.addEventListener("message", explorer.handleMessage.bind(explorer), false);
@@ -480,7 +483,7 @@ export default class Main {
     Main._accessInputMetadata = Main._getAccessInputMetadataFromAccountEndpoint(properties.accountEndpoint);
 
     if (explorer.isConnectExplorerVisible()) {
-      explorer.notificationConsoleData([]);
+      HostedExplorerFactory.reInitializeDocumentClientUtilityForExplorer(explorer);
       explorer.hideConnectExplorerForm();
     }
 
@@ -567,7 +570,7 @@ export default class Main {
     this._explorer.hideConnectExplorerForm();
 
     const masterKey = Main._getMasterKey(keys);
-    this._explorer.notificationConsoleData([]);
+    HostedExplorerFactory.reInitializeDocumentClientUtilityForExplorer(this._explorer);
     Main._setExplorerReady(this._explorer, masterKey, account, authorizationToken);
   }
 

src/Platform/Portal/ExplorerFactory.ts

@@ -0,0 +1,9 @@
+import Explorer from "../../Explorer/Explorer";
+
+export default class PortalExplorerFactory {
+  public createExplorer(): Explorer {
+    var explorer = new Explorer();
+
+    return explorer;
+  }
+}

src/Platform/Portal/Main.ts

@@ -1,8 +1,10 @@
+import PortalExplorerFactory from "./ExplorerFactory";
 import "../../Explorer/Tables/DataTable/DataTableBindingManager";
 import Explorer from "../../Explorer/Explorer";
 
 export function initializeExplorer(): Explorer {
-  const explorer = new Explorer();
+  const portalExplorerFactory = new PortalExplorerFactory();
+  const explorer = portalExplorerFactory.createExplorer();
 
   window.addEventListener("message", explorer.handleMessage.bind(explorer), false);
   return explorer;

src/PlatformType.ts

@@ -0,0 +1,10 @@
+// TODO: Should be owned by parent iframe
+export enum PlatformType {
+  // RuntimeProxy and MongoEmulator no longer used, but kept here to preserve enum structure
+  RuntimeProxy,
+  MongoEmulator,
+
+  Hosted,
+  Emulator,
+  Portal
+}

src/TokenProviders/TokenProviderFactory.ts

@@ -1,17 +1,17 @@
-import { configContext, Platform } from "../ConfigContext";
 import * as ViewModels from "../Contracts/ViewModels";
+import { PlatformType } from "../PlatformType";
 import { PortalTokenProvider } from "./PortalTokenProvider";
 
 export class TokenProviderFactory {
   private constructor() {}
 
   public static create(): ViewModels.TokenProvider {
-    const platformType = configContext.platform;
+    const platformType = window.dataExplorerPlatform;
     switch (platformType) {
-      case Platform.Portal:
-      case Platform.Hosted:
+      case PlatformType.Portal:
+      case PlatformType.Hosted:
         return new PortalTokenProvider();
-      case Platform.Emulator:
+      case PlatformType.Emulator:
       default:
         // should never get into this state
         throw new Error(`Unknown platform ${platformType}`);

src/Utils/AuthorizationUtils.test.ts

@@ -1,9 +1,9 @@
 import * as Constants from "../Common/Constants";
 import * as AuthorizationUtils from "./AuthorizationUtils";
 import { AuthType } from "../AuthType";
+import { PlatformType } from "../PlatformType";
 import Explorer from "../Explorer/Explorer";
 import { updateUserContext } from "../UserContext";
-import { Platform, updateConfigContext } from "../ConfigContext";
 jest.mock("../Explorer/Explorer");
 
 describe("AuthorizationUtils", () => {
@@ -65,13 +65,12 @@ describe("AuthorizationUtils", () => {
     beforeEach(() => {
       jest.clearAllMocks();
       window.dataExplorer = explorer;
-      updateConfigContext({
-        platform: Platform.Hosted
-      });
+      window.dataExplorerPlatform = PlatformType.Hosted;
     });
 
     afterEach(() => {
       window.dataExplorer = undefined;
+      window.dataExplorerPlatform = undefined;
     });
 
     it("should not open token renewal prompt if status code is undefined", () => {
@@ -90,9 +89,7 @@ describe("AuthorizationUtils", () => {
     });
 
     it("should not open token renewal prompt if running on a different platform", () => {
-      updateConfigContext({
-        platform: Platform.Portal
-      });
+      window.dataExplorerPlatform = PlatformType.Portal;
       AuthorizationUtils.displayTokenRenewalPromptForStatus(Constants.HttpStatusCodes.Unauthorized);
       expect(explorer.displayGuestAccessTokenRenewalPrompt).not.toHaveBeenCalled();
     });

src/Utils/AuthorizationUtils.ts

@@ -3,7 +3,8 @@ import * as ViewModels from "../Contracts/ViewModels";
 import AuthHeadersUtil from "../Platform/Hosted/Authorization";
 import { AuthType } from "../AuthType";
 import * as Logger from "../Common/Logger";
-import { configContext, Platform } from "../ConfigContext";
+import { PlatformType } from "../PlatformType";
+import { configContext } from "../ConfigContext";
 import { userContext } from "../UserContext";
 
 export function getAuthorizationHeader(): ViewModels.AuthorizationTokenHeaderMetadata {
@@ -56,12 +57,13 @@ export function decryptJWTToken(token: string) {
 }
 
 export function displayTokenRenewalPromptForStatus(httpStatusCode: number): void {
+  const platformType = window.dataExplorerPlatform;
   const explorer = window.dataExplorer;
 
   if (
     httpStatusCode == null ||
     httpStatusCode != Constants.HttpStatusCodes.Unauthorized ||
-    configContext.platform !== Platform.Hosted
+    platformType !== PlatformType.Hosted
   ) {
     return;
   }

src/Utils/GalleryUtils.test.ts

@@ -17,9 +17,7 @@ const galleryItem: IGalleryItem = {
   downloads: 0,
   favorites: 0,
   views: 0,
-  newCellId: undefined,
-  policyViolations: undefined,
-  pendingScanJobIds: undefined
+  newCellId: undefined
 };
 
 describe("GalleryUtils", () => {

src/Utils/GalleryUtils.ts

@@ -323,27 +323,3 @@ export function getTabTitle(tab: GalleryTab): string {
       throw new Error(`Unknown tab ${tab}`);
   }
 }
-
-export function filterPublishedNotebooks(
-  items: IGalleryItem[]
-): {
-  published: IGalleryItem[];
-  underReview: IGalleryItem[];
-  removed: IGalleryItem[];
-} {
-  const underReview: IGalleryItem[] = [];
-  const removed: IGalleryItem[] = [];
-  const published: IGalleryItem[] = [];
-
-  items?.forEach(item => {
-    if (item.policyViolations?.length > 0) {
-      removed.push(item);
-    } else if (item.pendingScanJobIds?.length > 0) {
-      underReview.push(item);
-    } else {
-      published.push(item);
-    }
-  });
-
-  return { published, underReview, removed };
-}

src/explorer.html

@@ -11,11 +11,6 @@
   <body>
     <div class="flexContainer">
       <div id="divExplorer" class="flexContainer hideOverflows" style="display: none">
-        <!-- ko if: isRecosEnabled -->
-        <div>
-          <div data-bind="react: recommendationsAdapter"></div>         
-        </div>
-        <!-- /ko -->
         <!-- Main Command Bar - Start -->
         <div data-bind="react: commandBarComponentAdapter"></div>
         <!-- Main Command Bar - End -->

src/global.d.ts

@@ -1,9 +1,11 @@
 import { AuthType } from "./AuthType";
+import { PlatformType } from "./PlatformType";
 import Explorer from "./Explorer/Explorer";
 
 declare global {
   interface Window {
     authType: AuthType;
+    dataExplorerPlatform: PlatformType;
     dataExplorer: Explorer;
     __REACT_DEVTOOLS_GLOBAL_HOOK__: any;
     $: any;

tsconfig.strict.json

@@ -56,6 +56,7 @@
     "./src/GitHub/GitHubConnector.ts",
     "./src/Index.ts",
     "./src/NotebookWorkspaceManager/NotebookWorkspaceResourceProviderMockClients.ts",
+    "./src/PlatformType.ts",
     "./src/ReactDevTools.ts",
     "./src/ResourceProvider/IResourceProviderClient.ts",
     "./src/Shared/ExplorerSettings.ts",

webpack.config.js

@@ -92,7 +92,7 @@ module.exports = function(env = {}, argv = {}) {
   const rules = [fontRule, lessRule, imagesRule, cssRule, htmlRule, typescriptRule];
   const envVars = {
     GIT_SHA: gitSha,
-    PORT: process.env.PORT || "2223"
+    PORT: process.env.PORT || "1234"
   };
 
   if (mode === "production") {