') {
51 | k.targetNamespace = '';
52 | }
53 |
54 | return k;
55 | }
56 |
57 |
58 | export function unwrapModel() {
59 | const model: ParamsDictionary = {};
60 |
61 | if(createSource()) {
62 | model.source = unwrapSource();
63 | }
64 |
65 | if(createWorkload()) {
66 | model.kustomization = unwrapKustomization();
67 | }
68 |
69 | model.clusterInfo = unwrap(params).clusterInfo;
70 |
71 | return model;
72 | }
73 |
--------------------------------------------------------------------------------
/webview-ui/configureGitOps/src/lib/utils/debug.ts:
--------------------------------------------------------------------------------
1 | import { setParams } from '../params';
2 |
3 | export function debug(str: string) {
4 | const e = document.getElementById('debug');
5 | if(e) {
6 | e.innerHTML = `${e.innerHTML}\n${str}`;
7 | // e.style.display = 'block';
8 | e.scrollTop = e.scrollHeight;
9 | }
10 | }
11 |
12 | export function debugStandalone() {
13 | const debugParams = {
14 | 'clusterInfo': {
15 | 'contextName': 'kind-context',
16 | 'clusterName': 'kind-cluster',
17 | 'clusterProvider': 'Generic',
18 | 'isClusterProviderUserOverride': false,
19 | 'isAzure': false,
20 | },
21 | 'gitInfo': {
22 | 'name': 'debug-standalone',
23 | 'url': 'ssh://git@github.com/juozasg/pooodinfo.git',
24 | 'branch': 'master',
25 | },
26 | 'namespaces': [ 'default', 'flux-system', 'foobar'],
27 | 'sources': [
28 | {'kind': 'GitRepository', metadata: {'name': 'podinfo', 'namespace': 'default'}},
29 | {'kind': 'OCIRepository', metadata: {'name': 'podinfo', 'namespace': 'default'}},
30 | {'kind': 'OCIRepository', metadata: {'name': 'podinfo', 'namespace': 'flux-system'}},
31 | {'kind': 'GitRepository', metadata: {'name': 'podinfo2', 'namespace': 'default'}},
32 | {'kind': 'OCIRepository', metadata: {'name': 'podinfo11', 'namespace': 'default'}}],
33 | 'selectSourceTab': false,
34 | 'selectedSource': 'GitRepository/podinfo2.default',
35 | // 'selectedSource': '',
36 | 'set': {
37 | 'kustomization': {
38 | 'path': './test-set-path',
39 | },
40 | 'createWorkload': true,
41 | },
42 | };
43 |
44 | setTimeout(() => {
45 | for(const [param, value] of Object.entries(debugParams)) {
46 | setParams(param, value);
47 | }
48 | }, 300);
49 | }
50 |
--------------------------------------------------------------------------------
/webview-ui/createFromTemplate/src/components/Main.tsx:
--------------------------------------------------------------------------------
1 | import { postModel } from 'App';
2 | import { gitOpsTemplate, TemplateParam, values } from 'lib/model';
3 | import { For, Show } from 'solid-js';
4 | import { ParamSelect } from './Common/ParamSelect';
5 | import ParamInput from './Common/ParamTextInput';
6 |
7 |
8 | const isSelectOption = (param: TemplateParam) => param.options && param.options.length > 0;
9 |
10 | const requiredParams = () => gitOpsTemplate().params.filter(p => p.required).map(p => p.name);
11 | export const missingParams = () => requiredParams().filter(name => !values.get(name));
12 |
13 | function ValidationMessage() {
14 | return (
15 | Missing required parameters
16 | );
17 | }
18 |
19 | export default function Main() {
20 | return(
21 |
22 |
Configure {gitOpsTemplate().name}
23 |
{gitOpsTemplate().description}
24 |
{(param, i) =>
25 | }>
26 |
27 |
28 | }
29 |
30 |
31 |
32 |
33 |
34 |
35 | postModel('show-yaml')} class="big">
36 | Save
37 |
38 |
39 |
40 |
41 |
42 |
Save YAML to: {gitOpsTemplate().folder}
43 |
44 |
45 |
46 |
27 |
Source Repository
28 | {/* */}
29 |
30 | New Source...
31 |
32 |
33 | Select Source
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 | );
47 | }
48 |
49 | export default Source;
50 |
--------------------------------------------------------------------------------
/webview-ui/configureGitOps/src/components/Source/NewSource/Settings/GitRepository/GitConnection.tsx:
--------------------------------------------------------------------------------
1 | import Checkbox from 'components/Common/Checkbox';
2 | import { ToolkitHelpLink } from 'components/Common/HelpLink';
3 | import TextInput from 'components/Common/TextInput';
4 | import { gitRepository, source } from 'lib/model';
5 | import { Show } from 'solid-js';
6 |
7 | function SecretRefInput() {
8 | return (
9 |
10 |
11 |
12 |
13 | )
14 | ;
15 | }
16 |
17 | const isSSH = () => gitRepository.url.toLowerCase().indexOf('ssh') === 0;
18 |
19 | function SSHPrivateKeyFile() {
20 | return (
21 |
22 |
23 |
24 |
25 | );
26 | }
27 |
28 |
29 | function GitConnection() {
30 | return (
31 |
32 |
Create new Secret with credentials
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | ['tag', 'tagSemver', 'digest']}/>
25 |
26 |
27 |
28 |
29 |
30 |
Authentication settings for private repositories
31 |
32 |
33 |
34 | ['generic', 'aws', 'azure', 'gcp']}/>
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
14 |
15 |
16 |
17 |
18 | );
19 | }
20 |
21 |
22 | function HelmConnection() {
23 | return (
24 |
25 |
26 |
Create new Secret with credentials
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
26 |
27 |
28 |
29 | GitRepository
30 |
31 |
32 |
33 |
34 | HelmRepository
35 |
36 |
37 |
38 | OCIRepository
39 |
40 |
41 |
42 | Bucket
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 | );
65 | }
66 |
67 | export default NewSource;
68 |
--------------------------------------------------------------------------------
/src/commands/createGitRepositoryForPath.ts:
--------------------------------------------------------------------------------
1 | import gitUrlParse from 'git-url-parse';
2 | import { Uri, window, workspace } from 'vscode';
3 | import { failed } from '../errorable';
4 | import { getFolderGitInfo } from '../git/gitInfo';
5 | import { checkGitVersion } from '../install';
6 | import { getCurrentClusterInfo } from '../views/treeViews';
7 | import { openConfigureGitOpsWebview } from '../webview-backend/configureGitOps/openWebview';
8 |
9 | /**
10 | * Add git repository source whether from an opened folder
11 | * or make user pick a folder to infer the url & branch
12 | * of the new git repository source.
13 | * @param fileExplorerUri uri of the file in the file explorer
14 | */
15 | export async function createGitRepositoryForPath(fileExplorerUri?: Uri) {
16 |
17 | const gitInstalled = await checkGitVersion();
18 | if (!gitInstalled) {
19 | return;
20 | }
21 |
22 | const currentClusterInfo = await getCurrentClusterInfo();
23 | if (failed(currentClusterInfo)) {
24 | return;
25 | }
26 |
27 | let gitInfo;
28 |
29 | if (fileExplorerUri) {
30 | gitInfo = await getFolderGitInfo(fileExplorerUri.fsPath);
31 | } else {
32 | let gitFolderFsPath = '';
33 | // executed from Command Palette
34 | if (!workspace.workspaceFolders || workspace.workspaceFolders?.length === 0) {
35 | // no opened folders => show OS dialog
36 | const pickedFolder = await window.showOpenDialog({
37 | canSelectFiles: false,
38 | canSelectFolders: true,
39 | canSelectMany: false,
40 | });
41 | if (!pickedFolder) {
42 | return;
43 | }
44 | gitFolderFsPath = pickedFolder[0].fsPath;
45 | } else if (workspace.workspaceFolders.length > 1) {
46 | // multiple folders opened (multi-root) => make user pick one
47 | const pickedFolder = await window.showQuickPick(workspace.workspaceFolders.map(folder => folder.uri.fsPath));
48 | if (!pickedFolder) {
49 | return;
50 | }
51 | gitFolderFsPath = pickedFolder;
52 | } else {
53 | // just one folder opened => use it
54 | gitFolderFsPath = workspace.workspaceFolders[0].uri.fsPath;
55 | }
56 |
57 | gitInfo = await getFolderGitInfo(gitFolderFsPath);
58 | }
59 |
60 | openConfigureGitOpsWebview(false, '', {createWorkload: false}, gitInfo);
61 | }
62 |
--------------------------------------------------------------------------------
/src/commands/showInstalledVersions.ts:
--------------------------------------------------------------------------------
1 | import os from 'os';
2 | import { env, extensions, version, window } from 'vscode';
3 | import { failed } from '../errorable';
4 | import { GitOpsExtensionConstants } from '../extension';
5 | import { getAzureVersion, getFluxVersion, getGitVersion, getKubectlVersion } from '../install';
6 |
7 | /**
8 | * Show all installed cli versions.
9 | */
10 | export async function showInstalledVersions() {
11 | const [kubectlVersion, fluxVersion, gitVersion, azureVersion] = await Promise.all([
12 | getKubectlVersion(),
13 | getFluxVersion(),
14 | getGitVersion(),
15 | getAzureVersion(),
16 | ]);
17 |
18 | const kubectlVersionString = failed(kubectlVersion) ? 'kubectl: not found' : `kubectl client ${kubectlVersion.result.clientVersion.gitVersion}\nkubectl server ${kubectlVersion.result.serverVersion.gitVersion}`;
19 |
20 | let azureVersionsString = '';
21 | if (failed(azureVersion)) {
22 | azureVersionsString = 'Azure: not found';
23 | } else {
24 | azureVersionsString = `
25 | Azure: ${azureVersion.result['azure-cli']}
26 | Azure extension "k8s-configuration": ${azureVersion.result.extensions['k8s-configuration'] || 'not installed'}
27 | Azure extension "k8s-extension": ${azureVersion.result.extensions['k8s-extension'] || 'not installed'}
28 | `.trim();
29 | }
30 |
31 | const versions = `
32 | ${kubectlVersionString}
33 | Flux: ${failed(fluxVersion) ? 'not found' : fluxVersion.result}
34 | Git: ${failed(gitVersion) ? 'not found' : gitVersion.result}
35 | ${azureVersionsString}
36 | VSCode: ${version}
37 | Extension: ${getExtensionVersion() || 'unknown'}
38 | OS: ${getOSVersion() || 'unknown'}
39 | `.trim();
40 |
41 | const copyButton = 'Copy';
42 | const pressedButton = await window.showInformationMessage(versions, { modal: true }, copyButton);
43 | if (pressedButton === copyButton) {
44 | env.clipboard.writeText(versions);
45 | }
46 | }
47 |
48 | /**
49 | * Get installed version of GitOps extension (from `package.json`).
50 | */
51 | export function getExtensionVersion() {
52 | return extensions.getExtension(GitOpsExtensionConstants.ExtensionId)?.packageJSON.version || 'unknown version';
53 | }
54 | /**
55 | * Get Operating System its verison.
56 | */
57 | function getOSVersion() {
58 | return `${os.type} ${os.arch} ${os.release}`;
59 | }
60 |
--------------------------------------------------------------------------------
/resources/icons/dark/cloud.svg:
--------------------------------------------------------------------------------
1 |
2 |
46 |
--------------------------------------------------------------------------------
/resources/icons/light/cloud.svg:
--------------------------------------------------------------------------------
1 |
2 |
46 |
--------------------------------------------------------------------------------
/src/globalState.ts:
--------------------------------------------------------------------------------
1 | import { ExtensionContext, window, workspace } from 'vscode';
2 | import { KnownClusterProviders } from './kubernetes/types/kubernetesTypes';
3 |
4 | export interface ClusterMetadata {
5 | azureResourceGroup?: string;
6 | azureSubscription?: string;
7 | azureClusterName?: string;
8 | clusterProvider?: KnownClusterProviders;
9 | }
10 |
11 | const enum GlobalStatePrefixes {
12 | ClusterMetadata = 'clusterMetadata',
13 | }
14 |
15 | export const enum GlobalStateKey {
16 | FluxPath = 'fluxPath',
17 | FirstEverActivationStorageKey = 'firstEverActivation',
18 | }
19 |
20 | interface GlobalStateKeyMapping {
21 | [GlobalStateKey.FluxPath]: string;
22 | [GlobalStateKey.FirstEverActivationStorageKey]: boolean;
23 | }
24 |
25 | export class GlobalState {
26 |
27 | constructor(private context: ExtensionContext) {}
28 |
29 | private prefix(prefixValue: GlobalStatePrefixes, str: string): string {
30 | return `${prefixValue}:${str}`;
31 | }
32 |
33 | get(stateKey: E): T[E] | undefined {
34 | return this.context.globalState.get(stateKey as string);
35 | }
36 |
37 | set(stateKey: E, newValue: T[E]): void {
38 | this.context.globalState.update(stateKey as string, newValue);
39 | }
40 |
41 | getClusterMetadata(clusterName: string): ClusterMetadata | undefined {
42 | return this.context.globalState.get(this.prefix(GlobalStatePrefixes.ClusterMetadata, clusterName));
43 | }
44 |
45 | setClusterMetadata(clusterName: string, metadata: ClusterMetadata): void {
46 | this.context.globalState.update(this.prefix(GlobalStatePrefixes.ClusterMetadata, clusterName), metadata);
47 | }
48 |
49 | /**
50 | * Run while developing to see the entire global storage contents.
51 | */
52 | async showGlobalStateValue() {
53 | const document = await workspace.openTextDocument({
54 | language: 'jsonc',
55 | // @ts-ignore
56 | content: JSON.stringify(this.context.globalState._value, null, ' '),
57 | });
58 | window.showTextDocument(document);
59 | }
60 |
61 | /**
62 | * Dev function (clear all global state properties).
63 | */
64 | clearGlobalState() {
65 | for (const key of this.context.globalState.keys()) {
66 | this.context.globalState.update(key, undefined);
67 | }
68 | }
69 | }
70 |
71 |
--------------------------------------------------------------------------------
/webview-ui/configureGitOps/resources/icons/dark/cloud.svg:
--------------------------------------------------------------------------------
1 |
2 |
46 |
--------------------------------------------------------------------------------
/webview-ui/createFromTemplate/resources/icons/dark/cloud.svg:
--------------------------------------------------------------------------------
1 |
2 |
46 |
--------------------------------------------------------------------------------
/webview-ui/configureGitOps/resources/icons/light/cloud.svg:
--------------------------------------------------------------------------------
1 |
2 |
46 |
--------------------------------------------------------------------------------
/webview-ui/createFromTemplate/resources/icons/light/cloud.svg:
--------------------------------------------------------------------------------
1 |
2 |
46 |
--------------------------------------------------------------------------------
/src/utils/stringUtils.ts:
--------------------------------------------------------------------------------
1 |
2 | /**
3 | * Shortens revision string for display in GitOps tree views.
4 | * @param revision Revision string to shorten.
5 | * @returns Short revision string with max 8 characters for hash, all characters for semantic versions like 0.1.1-staging
6 | */
7 | export function shortenRevision(revision = ''): string {
8 | revision = revision.replace(/^(sha1|sha256|sha384|sha512|blake3):/, '');
9 | revision = revision.replace(/@(sha1|sha256|sha384|sha512|blake3):/, '/');
10 | if (revision.includes('/')) {
11 | // git revision includes branch name
12 | const [gitBranch, gitRevision] = revision.split('/');
13 | return [gitBranch, ':', gitRevision.slice(0, 7)].join('');
14 | } else {
15 | return shortenRevisionHash(revision);
16 | }
17 | }
18 |
19 | function shortenRevisionHash(revision: string) {
20 | // return full semver like 0.1.1-staging
21 | if(revision.match(/^\d+\.\d+\.\d+/)) {
22 | return revision;
23 | }
24 |
25 | // trim hash to 8
26 | return revision.slice(0, 7);
27 | }
28 |
29 | /**
30 | * Remove not allowed symbols, cast letters to lowercase
31 | * and truncate the string to match the RFC 1123 subdomain:
32 | *
33 | * - contain no more than 253 characters
34 | * - contain only lowercase alphanumeric characters, '-' or '.'
35 | * - start with an alphanumeric character
36 | * - end with an alphanumeric character
37 | * @param str string to sanitize
38 | */
39 | export function sanitizeRFC1123(str: string): string {
40 | const notAllowedSymbolsRegex = /[^a-z0-9.-]/g;
41 | const notAllowedSymbolsAtTheStartRegex = /^[^a-z0-9]+/;
42 | const notAllowedSymbolsAtTheEndRegex = /[^a-z0-9]+$/;
43 |
44 | const lowercaseString = str.toLocaleLowerCase();
45 |
46 | const sanitizedString = lowercaseString
47 | .replace(notAllowedSymbolsRegex, '')
48 | .replace(notAllowedSymbolsAtTheStartRegex, '')
49 | .replace(notAllowedSymbolsAtTheEndRegex, '');
50 |
51 | return truncateString(sanitizedString, 253);
52 | }
53 |
54 | /**
55 | * Reduce the string length if it's longer than the allowed number of characters.
56 | * @param str string to truncate
57 | * @param maxChars maximum length of the string
58 | */
59 | export function truncateString(str: string, maxChars: number): string {
60 | const chars = [...str];
61 | return chars.length > maxChars ? chars.slice(0, maxChars).join('') : str;
62 | }
63 |
--------------------------------------------------------------------------------
/src/commands/createKustomizationForPath.ts:
--------------------------------------------------------------------------------
1 | import path from 'path';
2 | import { Uri, window, workspace } from 'vscode';
3 | import { failed } from '../errorable';
4 | import { getFolderGitInfo, getGitRepositoryforGitInfo } from '../git/gitInfo';
5 | import { namespacedObject } from '../kubernetes/types/flux/object';
6 | import { getCurrentClusterInfo } from '../views/treeViews';
7 | import { openConfigureGitOpsWebview } from '../webview-backend/configureGitOps/openWebview';
8 |
9 | /**
10 | * Create kustomization from File Explorer context menu
11 | * or `+` button or Command Palette.
12 | *
13 | * @param fileExplorerUri uri of the file in the file explorer
14 | */
15 | export async function createKustomizationForPath(fileExplorerUri?: Uri): Promise {
16 |
17 | const currentClusterInfo = await getCurrentClusterInfo();
18 | if (failed(currentClusterInfo)) {
19 | return;
20 | }
21 |
22 | let kustomizationFsPath = '';
23 | let relativeKustomizationPath = '';
24 |
25 | if (fileExplorerUri) {
26 | // executed from the VSCode File Explorer
27 | kustomizationFsPath = fileExplorerUri.fsPath;
28 | } else {
29 | // executed from Command Palette
30 | const pickedFolder = await window.showOpenDialog({
31 | title: 'Select a folder (used for "path" property on the new Kustomization object)',
32 | canSelectFiles: false,
33 | canSelectFolders: true,
34 | canSelectMany: false,
35 | defaultUri: workspace.workspaceFolders?.[0].uri,
36 | });
37 | if (!pickedFolder) {
38 | return;
39 | }
40 | kustomizationFsPath = pickedFolder[0].fsPath;
41 | }
42 |
43 | // get relative path for the kustomization
44 | for (const folder of workspace.workspaceFolders || []) {
45 | const relativePath = path.relative(folder.uri.fsPath, kustomizationFsPath);
46 | if (relativePath && !relativePath.startsWith('..') && !path.isAbsolute(relativePath)) {
47 | relativeKustomizationPath = relativePath;
48 | break;
49 | }
50 | }
51 |
52 | const gitInfo = await getFolderGitInfo(kustomizationFsPath);
53 | const gr = await getGitRepositoryforGitInfo(gitInfo);
54 |
55 | const selectSource = !!gr;
56 | let sourceName = namespacedObject(gr) || '';
57 |
58 | openConfigureGitOpsWebview(selectSource, sourceName, {
59 | kustomization: {
60 | path: relativeKustomizationPath,
61 | },
62 | createWorkload: true,
63 | }, gitInfo);
64 |
65 | }
66 |
67 |
--------------------------------------------------------------------------------
/media/vscode.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --container-padding: 20px;
3 | --input-padding-vertical: 6px;
4 | --input-padding-horizontal: 4px;
5 | --input-margin-vertical: 4px;
6 | --input-margin-horizontal: 0;
7 | }
8 |
9 | body {
10 | padding: 0 var(--container-padding);
11 | color: var(--vscode-foreground);
12 | font-size: var(--vscode-font-size);
13 | font-weight: var(--vscode-font-weight);
14 | font-family: var(--vscode-font-family);
15 | background-color: var(--vscode-editor-background);
16 | }
17 |
18 | ol,
19 | ul {
20 | padding-left: var(--container-padding);
21 | }
22 |
23 | body > *,
24 | form > * {
25 | margin-block-start: var(--input-margin-vertical);
26 | margin-block-end: var(--input-margin-vertical);
27 | }
28 |
29 | *:focus {
30 | outline-color: var(--vscode-focusBorder) !important;
31 | }
32 |
33 | a {
34 | color: var(--vscode-textLink-foreground);
35 | }
36 |
37 | a:hover,
38 | a:active {
39 | color: var(--vscode-textLink-activeForeground);
40 | }
41 |
42 | code {
43 | font-size: var(--vscode-editor-font-size);
44 | font-family: var(--vscode-editor-font-family);
45 | }
46 |
47 | button {
48 | border: none;
49 | padding: var(--input-padding-vertical) var(--input-padding-horizontal);
50 | width: 100%;
51 | text-align: center;
52 | outline: 1px solid transparent;
53 | outline-offset: 2px !important;
54 | color: var(--vscode-button-foreground);
55 | background: var(--vscode-button-background);
56 | }
57 |
58 | button:hover {
59 | cursor: pointer;
60 | background: var(--vscode-button-hoverBackground);
61 | }
62 |
63 | button:focus {
64 | outline-color: var(--vscode-focusBorder);
65 | }
66 |
67 | button.secondary {
68 | color: var(--vscode-button-secondaryForeground);
69 | background: var(--vscode-button-secondaryBackground);
70 | }
71 |
72 | button.secondary:hover {
73 | background: var(--vscode-button-secondaryHoverBackground);
74 | }
75 |
76 | input:not([type='checkbox']):not([type='radio']),
77 | textarea {
78 | display: block;
79 | width: 100%;
80 | border: none;
81 | font-family: var(--vscode-font-family);
82 | padding: var(--input-padding-vertical) var(--input-padding-horizontal);
83 | color: var(--vscode-input-foreground);
84 | outline-color: var(--vscode-input-border);
85 | background-color: var(--vscode-input-background);
86 | }
87 |
88 | input::placeholder,
89 | textarea::placeholder {
90 | color: var(--vscode-input-placeholderForeground);
91 | }
--------------------------------------------------------------------------------
/src/commands/resume.ts:
--------------------------------------------------------------------------------
1 | import { window } from 'vscode';
2 | import { AzureClusterProvider, azureTools, isAzureProvider } from '../azure/azureTools';
3 | import { failed } from '../errorable';
4 | import { fluxTools } from '../flux/fluxTools';
5 | import { FluxSource, FluxWorkload } from '../flux/fluxTypes';
6 | import { GitRepositoryNode } from '../views/nodes/gitRepositoryNode';
7 | import { HelmReleaseNode } from '../views/nodes/helmReleaseNode';
8 | import { HelmRepositoryNode } from '../views/nodes/helmRepositoryNode';
9 | import { KustomizationNode } from '../views/nodes/kustomizationNode';
10 | import { OCIRepositoryNode } from '../views/nodes/ociRepositoryNode';
11 | import { getCurrentClusterInfo, refreshSourcesTreeView, refreshWorkloadsTreeView } from '../views/treeViews';
12 |
13 | /**
14 | * Resume source or workload reconciliation and refresh its Tree View.
15 | *
16 | * @param node sources tree view node
17 | */
18 | export async function resume(node: GitRepositoryNode | HelmReleaseNode | HelmRepositoryNode | KustomizationNode) {
19 |
20 | const currentClusterInfo = await getCurrentClusterInfo();
21 | if (failed(currentClusterInfo)) {
22 | return;
23 | }
24 |
25 | const fluxResourceType: FluxSource | FluxWorkload | 'unknown' = node instanceof GitRepositoryNode ?
26 | 'source git' : node instanceof HelmRepositoryNode ?
27 | 'source helm' : node instanceof OCIRepositoryNode ?
28 | 'source oci' : node instanceof HelmReleaseNode ?
29 | 'helmrelease' : node instanceof KustomizationNode ?
30 | 'kustomization' : 'unknown';
31 | if (fluxResourceType === 'unknown') {
32 | window.showErrorMessage(`Unknown object kind ${fluxResourceType}`);
33 | return;
34 | }
35 |
36 | if (currentClusterInfo.result.isAzure) {
37 | // TODO: implement
38 | if (fluxResourceType === 'helmrelease' || fluxResourceType === 'kustomization') {
39 | window.showInformationMessage('Not implemented on AKS/ARC', { modal: true });
40 | return;
41 | }
42 | await azureTools.resume(node.resource.metadata.name || '', currentClusterInfo.result.contextName, currentClusterInfo.result.clusterProvider as AzureClusterProvider);
43 | } else {
44 | await fluxTools.resume(fluxResourceType, node.resource.metadata.name || '', node.resource.metadata.namespace || '');
45 | }
46 |
47 | if (node instanceof GitRepositoryNode || node instanceof OCIRepositoryNode || node instanceof HelmRepositoryNode) {
48 | refreshSourcesTreeView();
49 | if (currentClusterInfo.result.isAzure) {
50 | refreshWorkloadsTreeView();
51 | }
52 | } else {
53 | refreshWorkloadsTreeView();
54 | }
55 | }
56 |
--------------------------------------------------------------------------------
/webview-ui/configureGitOps/src/components/Kustomization.tsx:
--------------------------------------------------------------------------------
1 | import { Show } from 'solid-js';
2 |
3 | import Checkbox from 'components/Common/Checkbox';
4 | import ListSelect from 'components/Common/ListSelect';
5 | import { ToolkitHelpLink } from './Common/HelpLink';
6 | import TextInput from './Common/TextInput';
7 |
8 | import { createSource, createWorkload, kustomization, setCreateWorkload, source } from 'lib/model';
9 | import { params } from 'lib/params';
10 |
11 | function Kustomization() {
12 | const isAzure = () => params.clusterInfo?.isAzure && (!createSource() || (source.kind === 'GitRepository' && source.createFluxConfig));
13 |
14 | const targetNamespaces = () => [...(params.namespaces?.values() || []), ''];
15 |
16 | return(
17 |
18 |
Create Kustomization
19 |
20 |
21 | Create a Kustomization
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 | params.namespaces}
36 | class='medium'/>
37 |
38 |
39 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
53 | Namespace for objects reconciled by the Kustomization
54 |
55 |
58 |
59 |
60 |
61 |
62 |
63 |
64 | Prune (remove stale resources)
65 |
66 |
67 |
68 |
69 |