random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-12-21 09:51:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Steve Faulkner
2021-01-02 19:19:19 -06:00
parent aba583abd8
commit 731999c4e8
2 changed files with 5 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/DirectoryPickerPanel.tsx
View File

@@ -29,7 +29,7 @@ export const DirectoryPickerPanel: React.FunctionComponent<Props> = ({
selectedKey={tenantId} selectedKey={tenantId}
onChange={async () => { onChange={async () => {
dismissPanel(); dismissPanel();
// TODO!!! This does not work. Still not sure why. Tried lots of stuff. // TODO!!! Switching directories does not work. Still not sure why. Tried lots of stuff.
// const response = await msal.loginPopup({ // const response = await msal.loginPopup({
// authority: `https://login.microsoftonline.com/${option.key}` // authority: `https://login.microsoftonline.com/${option.key}`
// }); // });

59
src/HostedExplorer.tsx
View File

@@ -1,5 +1,4 @@
import { useBoolean } from "@uifabric/react-hooks"; import { useBoolean } from "@uifabric/react-hooks";
import * as Msal from "msal";
import { initializeIcons } from "office-ui-fabric-react"; import { initializeIcons } from "office-ui-fabric-react";
import * as React from "react"; import * as React from "react";
import { render } from "react-dom"; import { render } from "react-dom";
@@ -17,80 +16,30 @@ import { MeControl } from "./MeControl";
import "./Platform/Hosted/ConnectScreen.less"; import "./Platform/Hosted/ConnectScreen.less";
import "./Shared/appInsights"; import "./Shared/appInsights";
import { SignInButton } from "./SignInButton"; import { SignInButton } from "./SignInButton";
import { useAADAuth } from "./hooks/useAADAuth";
initializeIcons(); initializeIcons();
const msal = new Msal.UserAgentApplication({
cache: {
cacheLocation: "localStorage"
},
auth: {
authority: "https://login.microsoft.com/common",
clientId: "203f1145-856a-4232-83d4-a43568fba23d",
redirectUri: "https://dataexplorer-dev.azurewebsites.net" // TODO! This should only be set in development
}
});
interface HostedExplorerChildFrame extends Window { interface HostedExplorerChildFrame extends Window {
authType: AuthType; authType: AuthType;
databaseAccount: DatabaseAccount; databaseAccount: DatabaseAccount;
authorizationToken: string; authorizationToken: string;
} }
const cachedAccount = msal.getAllAccounts()?.[0];
const cachedTenantId = localStorage.getItem("cachedTenantId");
const App: React.FunctionComponent = () => { const App: React.FunctionComponent = () => {
// Hooks for handling encrypted portal tokens // For handling encrypted portal tokens sent via query paramter
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const [encryptedToken, setEncryptedToken] = React.useState<string>(params && params.get("key")); const [encryptedToken, setEncryptedToken] = React.useState<string>(params && params.get("key"));
const encryptedTokenMetadata = usePortalAccessToken(encryptedToken); const encryptedTokenMetadata = usePortalAccessToken(encryptedToken);
// Hooks for showing/hiding panel // For showing/hiding panel
const [isOpen, { setTrue: openPanel, setFalse: dismissPanel }] = useBoolean(false); const [isOpen, { setTrue: openPanel, setFalse: dismissPanel }] = useBoolean(false);
// Hooks for AAD authentication const { isLoggedIn, armToken, graphToken, account, tenantId, logout, login } = useAADAuth();
const [isLoggedIn, { setTrue: setLoggedIn, setFalse: setLoggedOut }] = useBoolean(
Boolean(cachedAccount && cachedTenantId) || false
);
const [account, setAccount] = React.useState<Msal.Account>(cachedAccount);
const [tenantId, setTenantId] = React.useState<string>(cachedTenantId);
const [graphToken, setGraphToken] = React.useState<string>();
const [armToken, setArmToken] = React.useState<string>();
const [databaseAccount, setDatabaseAccount] = React.useState<DatabaseAccount>(); const [databaseAccount, setDatabaseAccount] = React.useState<DatabaseAccount>();
const login = React.useCallback(async () => {
const response = await msal.loginPopup();
setLoggedIn();
setAccount(response.account);
setTenantId(response.tenantId);
localStorage.setItem("cachedTenantId", response.tenantId);
}, []);
const logout = React.useCallback(() => {
setLoggedOut();
localStorage.removeItem("cachedTenantId");
msal.logout();
}, []);
const ref = React.useRef<HTMLIFrameElement>(); const ref = React.useRef<HTMLIFrameElement>();
React.useEffect(() => {
if (account && tenantId) {
Promise.all([
msal.acquireTokenSilent({
scopes: ["https://graph.windows.net//.default"]
}),
msal.acquireTokenSilent({
scopes: ["https://management.azure.com//.default"]
})
]).then(([graphTokenResponse, armTokenResponse]) => {
setGraphToken(graphTokenResponse.accessToken);
setArmToken(armTokenResponse.accessToken);
});
}
}, [account, tenantId]);
React.useEffect(() => { React.useEffect(() => {
// If ref.current is undefined no iframe has been rendered // If ref.current is undefined no iframe has been rendered
if (ref.current) { if (ref.current) {