random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-03-06 09:58:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

added partitionKey

Browse Source
This commit is contained in:
Nishtha Ahuja 2025-02-21 15:13:46 +05:30
parent a5f12ddd23
commit 82ea06e3d0
2 changed files with 27 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/Explorer/Controls/Settings/SettingsSubComponents/MaterializedViewComponent.tsx
View File

@ -15,13 +15,16 @@ export const MaterializedViewComponent: React.FC<MaterializedViewComponentProps>
}
return (
<Stack tokens={{ childrenGap: 12 }} styles={{ root: { maxWidth: 600 } }}>
<Stack tokens={{ childrenGap: 8 }} styles={{ root: { maxWidth: 600 } }}>
<Stack horizontal verticalAlign="center" wrap tokens={{ childrenGap: 8 }}>
<Text styles={{ root: { fontWeight: 600 } }}>This container has the following views defined for it</Text>
<Link target="_blank" href="https://aka.ms/MicrosoftCopilotForAzureInCDBHowTo">
Learn more
</Link>
<Text>about how to define materialized views and how to use them.</Text>
<Text styles={{ root: { fontWeight: 600 } }}>This container has the following views defined for it.</Text>
{/* change href */}
<Text>
<Link target="_blank" href="https://aka.ms/MicrosoftCopilotForAzureInCDBHowTo">
Learn more
</Link>{" "}
about how to define materialized views and how to use them.
</Text>
</Stack>
<MaterializedViewSourceComponent collection={collection} />
</Stack>

30
src/Explorer/Controls/Settings/SettingsSubComponents/MaterializedViewSourceComponent.tsx
View File

@ -13,29 +13,34 @@ export const MaterializedViewSourceComponent: React.FC<MaterializedViewSourceCom
const editorContainerRef = useRef<HTMLDivElement>(null);
const editorRef = useRef<monaco.editor.IStandaloneCodeEditor>(null);
// Get the materialized views from the provided collection.
const materializedViews = collection?.materializedViews() ?? [];
// Helper function to fetch the view definition by matching viewId with collection id.
const getViewDefinition = (viewId: string): string => {
// Helper function to fetch the definition and partition key of targetContainer by traversing through all collections and matching id from MaterializedViews[] with collection id.
const getViewDetails = (viewId: string): { definition: string; partitionKey: string[] } => {
let definition = "";
let partitionKey: string[] = [];
useDatabases.getState().databases.forEach((database) => {
database.collections().forEach((coll) => {
const materializedViewDefinition = coll.materializedViewDefinition();
if (materializedViewDefinition && coll.id() === viewId) {
definition = materializedViewDefinition.definition;
if (coll.id() === viewId) {
const materializedViewDefinition = coll.materializedViewDefinition();
materializedViewDefinition && (definition = materializedViewDefinition.definition);
coll.partitionKey?.paths && (partitionKey = coll.partitionKey.paths);
}
});
});
return definition;
return { definition, partitionKey };
};
// Build the JSON value for the editor using the fetched definitions.
//JSON value for the editor using the fetched id and definitions.
const jsonValue = JSON.stringify(
materializedViews.map((view) => ({
name: view.id,
definition: getViewDefinition(view.id),
})),
materializedViews.map((view) => {
const { definition, partitionKey } = getViewDetails(view.id);
return {
name: view.id,
partitionKey: partitionKey.join(", "),
definition,
};
}),
null,
2,
);
@ -51,6 +56,7 @@ export const MaterializedViewSourceComponent: React.FC<MaterializedViewSourceCom
value: jsonValue,
language: "json",
ariaLabel: "Materialized Views JSON",
readOnly: true,
});
};