Increase the video width

.github/workflows/ci.yml

@@ -182,7 +182,7 @@ jobs:
         with:
           name: dist
       - run: cp ./configs/prod.json config.json
-      - run: nuget sources add -Name "ADO" -Source "$NUGET_SOURCE" -UserName "vimeng@microsoft.com" -Password "$AZURE_DEVOPS_PAT"
+      - run: nuget sources add -Name "ADO" -Source "$NUGET_SOURCE" -UserName "GitHub" -Password "$AZURE_DEVOPS_PAT"
       - run: nuget pack -Version "2.0.0-github-${GITHUB_SHA}"
       - run: nuget push -SkipDuplicate -Source "$NUGET_SOURCE" -ApiKey Az *.nupkg
       - uses: actions/upload-artifact@v2
@@ -207,7 +207,7 @@ jobs:
           name: dist
       - run: cp ./configs/mpac.json config.json
       - run: sed -i 's/Azure.Cosmos.DB.Data.Explorer/Azure.Cosmos.DB.Data.Explorer.MPAC/g' DataExplorer.nuspec
-      - run: nuget sources add -Name "ADO" -Source "$NUGET_SOURCE" -UserName "vimeng@microsoft.com" -Password "$AZURE_DEVOPS_PAT"
+      - run: nuget sources add -Name "ADO" -Source "$NUGET_SOURCE" -UserName "GitHub" -Password "$AZURE_DEVOPS_PAT"
       - run: nuget pack -Version "2.0.0-github-${GITHUB_SHA}"
       - run: nuget push -SkipDuplicate -Source "$NUGET_SOURCE" -ApiKey Az *.nupkg
       - uses: actions/upload-artifact@v2

package.json

@@ -171,7 +171,7 @@
     "prettier": "2.2.1",
     "process": "0.11.10",
     "raw-loader": "0.5.1",
-    "react-dev-utils": "12.0.1",
+    "react-dev-utils": "11.0.4",
     "rimraf": "3.0.0",
     "sinon": "3.2.1",
     "style-loader": "0.23.0",

src/Contracts/ViewModels.ts

@@ -395,7 +395,6 @@ export interface DataExplorerInputsFrame {
   sharedThroughputDefault?: number;
   dataExplorerVersion?: string;
   defaultCollectionThroughput?: CollectionCreationDefaults;
-  isPostgresAccount?: boolean;
   flights?: readonly string[];
   features?: {
     [key: string]: string;

src/Explorer/Quickstart/QuickstartGuide.tsx

@@ -119,7 +119,7 @@ WHERE user_id = 3861633;`;
                   <br /> Before you can interact with your data using PGShell, you will need to login - please follow
                   instructions on the right to enter your password
                 </Text>
-                <Youtube videoId="Jvgh64rvdXU" style={{ margin: "20px 0" }} opts={{ width: "60%" }} />
+                <Youtube videoId="Jvgh64rvdXU" style={{ margin: "20px 0" }} opts={{ width: "80%" }} />
               </Stack>
             </PivotItem>
             <PivotItem

src/Platform/Hosted/extractFeatures.ts

@@ -29,6 +29,7 @@ export type Features = {
   readonly mongoProxyEndpoint?: string;
   readonly mongoProxyAPIs?: string;
   readonly enableThroughputCap: boolean;
+  readonly enablePGQuickstart: boolean;
 
   // can be set via both flight and feature flag
   autoscaleDefault: boolean;
@@ -90,6 +91,7 @@ export function extractFeatures(given = new URLSearchParams(window.location.sear
     partitionKeyDefault2: "true" === get("pkpartitionkeytest"),
     notebooksDownBanner: "true" === get("notebooksDownBanner"),
     enableThroughputCap: "true" === get("enablethroughputcap"),
+    enablePGQuickstart: "true" === get("enablepgquickstart"),
   };
 }
 

src/UserContext.ts

@@ -86,7 +86,7 @@ function isAccountNewerThanThresholdInMs(createdAt: string, threshold: number) {
 
 function updateUserContext(newContext: Partial<UserContext>): void {
   if (newContext.databaseAccount) {
-    newContext.apiType = apiType(newContext.databaseAccount);
+    newContext.apiType = "Postgres";
 
     const isNewAccount = isAccountNewerThanThresholdInMs(
       newContext.databaseAccount?.systemData?.createdAt || "",
@@ -107,30 +107,30 @@ function updateUserContext(newContext: Partial<UserContext>): void {
   Object.assign(userContext, newContext);
 }
 
-function apiType(account: DatabaseAccount | undefined): ApiType {
-  if (!account) {
-    return "SQL";
-  }
+// function apiType(account: DatabaseAccount | undefined): ApiType {
+//   if (!account) {
+//     return "SQL";
+//   }
 
-  const capabilities = account.properties?.capabilities;
-  if (capabilities) {
-    if (capabilities.find((c) => c.name === "EnableCassandra")) {
-      return "Cassandra";
-    }
-    if (capabilities.find((c) => c.name === "EnableGremlin")) {
-      return "Gremlin";
-    }
-    if (capabilities.find((c) => c.name === "EnableMongo")) {
-      return "Mongo";
-    }
-    if (capabilities.find((c) => c.name === "EnableTable")) {
-      return "Tables";
-    }
-  }
-  if (account.kind === "MongoDB" || account.kind === "Parse") {
-    return "Mongo";
-  }
-  return "SQL";
-}
+//   const capabilities = account.properties?.capabilities;
+//   if (capabilities) {
+//     if (capabilities.find((c) => c.name === "EnableCassandra")) {
+//       return "Cassandra";
+//     }
+//     if (capabilities.find((c) => c.name === "EnableGremlin")) {
+//       return "Gremlin";
+//     }
+//     if (capabilities.find((c) => c.name === "EnableMongo")) {
+//       return "Mongo";
+//     }
+//     if (capabilities.find((c) => c.name === "EnableTable")) {
+//       return "Tables";
+//     }
+//   }
+//   if (account.kind === "MongoDB" || account.kind === "Parse") {
+//     return "Mongo";
+//   }
+//   return "SQL";
+// }
 
 export { userContext, updateUserContext };

src/hooks/useKnockoutExplorer.ts

@@ -354,15 +354,9 @@ function updateContextsFromPortalMessage(inputs: DataExplorerInputsFrame) {
     collectionCreationDefaults: inputs.defaultCollectionThroughput,
     isTryCosmosDBSubscription: inputs.isTryCosmosDBSubscription,
   });
-
-  if (inputs.isPostgresAccount) {
-    updateUserContext({ apiType: "Postgres" });
-  }
-
   if (inputs.features) {
     Object.assign(userContext.features, extractFeatures(new URLSearchParams(inputs.features)));
   }
-
   if (inputs.flights) {
     if (inputs.flights.indexOf(Flights.AutoscaleTest) !== -1) {
       userContext.features.autoscaleDefault;