iarv/vscode-front-matter
1
0
Fork 1
mirror of https://github.com/estruyf/vscode-front-matter.git synced 2026-03-28 17:42:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

Git branching

Browse Source
This commit is contained in:
Elio Struyf
2024-01-19 18:11:53 +01:00
parent 965fac68c9
commit d45cd0d015
14 changed files with 390 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

291
package.json
View File

@@ -10,8 +10,7 @@
"color": "#0e131f",
"theme": "dark"
},
"badges": [
{
"badges": [{
"description": "version",
"url": "https://img.shields.io/github/package-json/v/estruyf/vscode-front-matter?color=green&label=vscode-front-matter&style=flat-square",
"href": "https://github.com/estruyf/vscode-front-matter"
@@ -71,8 +70,7 @@
"**/.frontmatter/config/*.json": "jsonc"
}
},
"keybindings": [
{
"keybindings": [{
"command": "frontMatter.dashboard",
"key": "alt+d"
},
@@ -90,23 +88,19 @@
}
],
"viewsContainers": {
"activitybar": [
{
"id": "frontmatter-explorer",
"title": "FM",
"icon": "$(fm-logo)"
}
]
"activitybar": [{
"id": "frontmatter-explorer",
"title": "FM",
"icon": "$(fm-logo)"
}]
},
"views": {
"frontmatter-explorer": [
{
"id": "frontMatter.explorer",
"name": "Front Matter",
"icon": "$(fm-logo)",
"type": "webview"
}
]
"frontmatter-explorer": [{
"id": "frontMatter.explorer",
"name": "Front Matter",
"icon": "$(fm-logo)",
"type": "webview"
}]
},
"configuration": {
"title": "%settings.configuration.title%",
@@ -174,8 +168,7 @@
"frontMatter.content.defaultFileType": {
"type": "string",
"default": "md",
"oneOf": [
{
"oneOf": [{
"enum": [
"md",
"mdx"
@@ -191,8 +184,7 @@
"frontMatter.content.defaultSorting": {
"type": "string",
"default": "",
"oneOf": [
{
"oneOf": [{
"enum": [
"LastModifiedAsc",
"LastModifiedDesc",
@@ -544,8 +536,7 @@
"command": {
"$id": "#scriptCommand",
"type": "string",
"anyOf": [
{
"anyOf": [{
"enum": [
"node",
"bash",
@@ -752,8 +743,7 @@
"title",
"file"
],
"anyOf": [
{
"anyOf": [{
"required": [
"schema"
]
@@ -807,8 +797,7 @@
"id",
"path"
],
"anyOf": [
{
"anyOf": [{
"required": [
"schema"
]
@@ -874,6 +863,14 @@
"markdownDescription": "%setting.frontMatter.git.commitMessage.markdownDescription%",
"default": "Synced by Front Matter"
},
"frontMatter.git.disableOnBranches": {
"type": "array",
"markdownDescription": "%setting.frontMatter.git.disableOnBranches.markdownDescription%",
"default": [],
"items": {
"type": "string"
}
},
"frontMatter.git.submodule.pull": {
"type": "boolean",
"markdownDescription": "%setting.frontMatter.git.submodule.pull.markdownDescription%",
@@ -1209,8 +1206,7 @@
"default": "",
"description": "%setting.frontMatter.taxonomy.contentTypes.items.properties.fields.items.properties.taxonomyId.description%",
"not": {
"anyOf": [
{
"anyOf": [{
"const": ""
},
{
@@ -1404,8 +1400,7 @@
"type",
"name"
],
"allOf": [
{
"allOf": [{
"if": {
"properties": {
"type": {
@@ -1605,51 +1600,48 @@
"fields"
]
},
"default": [
{
"name": "default",
"pageBundle": false,
"fields": [
{
"title": "Title",
"name": "title",
"type": "string"
},
{
"title": "Description",
"name": "description",
"type": "string"
},
{
"title": "Publishing date",
"name": "date",
"type": "datetime",
"default": "{{now}}",
"isPublishDate": true
},
{
"title": "Content preview",
"name": "preview",
"type": "image"
},
{
"title": "Is in draft",
"name": "draft",
"type": "boolean"
},
{
"title": "Tags",
"name": "tags",
"type": "tags"
},
{
"title": "Categories",
"name": "categories",
"type": "categories"
}
]
}
],
"default": [{
"name": "default",
"pageBundle": false,
"fields": [{
"title": "Title",
"name": "title",
"type": "string"
},
{
"title": "Description",
"name": "description",
"type": "string"
},
{
"title": "Publishing date",
"name": "date",
"type": "datetime",
"default": "{{now}}",
"isPublishDate": true
},
{
"title": "Content preview",
"name": "preview",
"type": "image"
},
{
"title": "Is in draft",
"name": "draft",
"type": "boolean"
},
{
"title": "Tags",
"name": "tags",
"type": "tags"
},
{
"title": "Categories",
"name": "categories",
"type": "categories"
}
]
}],
"scope": "Taxonomy"
},
"frontMatter.taxonomy.customTaxonomy": {
@@ -1662,8 +1654,7 @@
"type": "string",
"description": "%setting.frontMatter.taxonomy.customTaxonomy.items.properties.id.description%",
"not": {
"anyOf": [
{
"anyOf": [{
"const": ""
},
{
@@ -1855,8 +1846,7 @@
}
}
},
"commands": [
{
"commands": [{
"command": "frontMatter.project.switch",
"title": "%command.frontMatter.project.switch%",
"category": "Front Matter",
@@ -2173,21 +2163,16 @@
"category": "Front Matter"
}
],
"submenus": [
{
"id": "frontmatter.submenu",
"label": "Front Matter"
}
],
"submenus": [{
"id": "frontmatter.submenu",
"label": "Front Matter"
}],
"menus": {
"webview/context": [
{
"command": "workbench.action.webview.openDeveloperTools",
"when": "frontMatter:isDevelopment"
}
],
"editor/title": [
{
"webview/context": [{
"command": "workbench.action.webview.openDeveloperTools",
"when": "frontMatter:isDevelopment"
}],
"editor/title": [{
"command": "frontMatter.markup.heading",
"group": "navigation@-133",
"when": "frontMatter:file:isValid == true && frontMatter:markdown:wysiwyg"
@@ -2268,14 +2253,11 @@
"when": "resourceFilename == 'frontmatter.json'"
}
],
"explorer/context": [
{
"submenu": "frontmatter.submenu",
"group": "frontmatter@1"
}
],
"frontmatter.submenu": [
{
"explorer/context": [{
"submenu": "frontmatter.submenu",
"group": "frontmatter@1"
}],
"frontmatter.submenu": [{
"command": "frontMatter.createFromTemplate",
"when": "explorerResourceIsFolder",
"group": "frontmatter@1"
@@ -2291,8 +2273,7 @@
"group": "frontmatter@3"
}
],
"commandPalette": [
{
"commandPalette": [{
"command": "frontMatter.init",
"when": "frontMatterCanInit"
},
@@ -2441,8 +2422,7 @@
"when": "frontMatter:file:isValid == true"
}
],
"view/title": [
{
"view/title": [{
"command": "frontMatter.chatbot",
"group": "navigation@0",
"when": "view == frontMatter.explorer"
@@ -2474,57 +2454,52 @@
}
]
},
"grammars": [
{
"path": "./syntaxes/hugo.tmLanguage.json",
"scopeName": "frontmatter.markdown.hugo",
"injectTo": [
"text.html.markdown"
]
}
],
"walkthroughs": [
{
"id": "frontmatter.welcome",
"title": "Get started with Front Matter",
"description": "Discover the features of Front Matter and learn how to use the CMS for your SSG or static site.",
"steps": [
{
"id": "frontmatter.welcome.init",
"title": "Get started",
"description": "Initial steps to get started.\n[Open dashboard](command:frontMatter.dashboard)",
"media": {
"markdown": "assets/walkthrough/get-started.md"
},
"completionEvents": [
"onContext:frontMatterInitialized"
]
"grammars": [{
"path": "./syntaxes/hugo.tmLanguage.json",
"scopeName": "frontmatter.markdown.hugo",
"injectTo": [
"text.html.markdown"
]
}],
"walkthroughs": [{
"id": "frontmatter.welcome",
"title": "Get started with Front Matter",
"description": "Discover the features of Front Matter and learn how to use the CMS for your SSG or static site.",
"steps": [{
"id": "frontmatter.welcome.init",
"title": "Get started",
"description": "Initial steps to get started.\n[Open dashboard](command:frontMatter.dashboard)",
"media": {
"markdown": "assets/walkthrough/get-started.md"
},
{
"id": "frontmatter.welcome.documentation",
"title": "Documentation",
"description": "Check out the documentation for Front Matter.\n[View our documentation](https://frontmatter.codes/docs)",
"media": {
"markdown": "assets/walkthrough/documentation.md"
},
"completionEvents": [
"onLink:https://frontmatter.codes/docs"
]
"completionEvents": [
"onContext:frontMatterInitialized"
]
},
{
"id": "frontmatter.welcome.documentation",
"title": "Documentation",
"description": "Check out the documentation for Front Matter.\n[View our documentation](https://frontmatter.codes/docs)",
"media": {
"markdown": "assets/walkthrough/documentation.md"
},
{
"id": "frontmatter.welcome.supporter",
"title": "Support the project",
"description": "Become a supporter.\n[Support the project](https://github.com/sponsors/estruyf)",
"media": {
"markdown": "assets/walkthrough/support-the-project.md"
},
"completionEvents": [
"onLink:https://github.com/sponsors/estruyf"
]
}
]
}
]
"completionEvents": [
"onLink:https://frontmatter.codes/docs"
]
},
{
"id": "frontmatter.welcome.supporter",
"title": "Support the project",
"description": "Become a supporter.\n[Support the project](https://github.com/sponsors/estruyf)",
"media": {
"markdown": "assets/walkthrough/support-the-project.md"
},
"completionEvents": [
"onLink:https://github.com/sponsors/estruyf"
]
}
]
}]
},
"scripts": {
"dev:ext": "npm run clean && npm run localization:generate && npm-run-all --parallel watch:*",
@@ -2661,4 +2636,4 @@
"vsce": {
"dependencies": false
}
}
}

13
src/constants/GeneralCommands.ts
View File

@@ -1,13 +1,20 @@
export const GeneralCommands = {
toWebview: {
setMode: 'setMode',
gitSyncingStart: 'gitSyncingStart',
gitSyncingEnd: 'gitSyncingEnd',
git: {
syncingStart: 'gitSyncingStart',
syncingEnd: 'gitSyncingEnd',
branchInfo: 'gitBranchInfo'
},
setLocalization: 'setLocalization'
},
toVSCode: {
openLink: 'openLink',
gitSync: 'gitSync',
git: {
sync: 'gitSync',
getBranch: 'getBranch',
selectBranch: 'gitSelectBranch'
},
getLocalization: 'getLocalization',
openOnWebsite: 'openOnWebsite'
}

1
src/constants/settings.ts
View File

@@ -98,6 +98,7 @@ export const SETTING_FRAMEWORK_START = 'framework.startCommand';
export const SETTING_SITE_BASEURL = 'site.baseURL';
export const SETTING_GIT_ENABLED = 'git.enabled';
export const SETTING_GIT_DISABLED_BRANCHES = 'git.disableOnBranches';
export const SETTING_GIT_COMMIT_MSG = 'git.commitMessage';
export const SETTING_GIT_SUBMODULE_PULL = 'git.submodule.pull';
export const SETTING_GIT_SUBMODULE_PUSH = 'git.submodule.push';

6
src/dashboardWebView/components/Header/SyncButton.tsx
View File

@@ -20,15 +20,15 @@ export const SyncButton: React.FunctionComponent<ISyncButtonProps> = (
const { getColors } = useThemeColors();
const pull = () => {
Messenger.send(GeneralCommands.toVSCode.gitSync);
Messenger.send(GeneralCommands.toVSCode.git.sync);
};
const messageListener = (message: MessageEvent<EventData<any>>) => {
const { command } = message.data;
if (command === GeneralCommands.toWebview.gitSyncingStart) {
if (command === GeneralCommands.toWebview.git.syncingStart) {
setIsSyncing(true);
} else if (command === GeneralCommands.toWebview.gitSyncingEnd) {
} else if (command === GeneralCommands.toWebview.git.syncingEnd) {
setIsSyncing(false);
}
};

2
src/dashboardWebView/models/Settings.ts
View File

@@ -19,7 +19,7 @@ import { DataFile } from '../../models/DataFile';
export interface Settings {
projects: Project[];
project: Project;
git: GitSettings;
git: GitSettings | undefined;
beta: boolean;
initialized: boolean;
wsFolder: string;

6
src/helpers/DashboardSettings.ts
View File

@@ -79,16 +79,12 @@ export class DashboardSettings {
const ext = Extension.getInstance();
const wsFolder = Folders.getWorkspaceFolder();
const isInitialized = await Project.isInitialized();
const gitActions = Settings.get<boolean>(SETTING_GIT_ENABLED);
const pagination = Settings.get<boolean | number>(SETTING_DASHBOARD_CONTENT_PAGINATION);
const settings = {
projects: Settings.getProjects(),
project: Settings.getProject(),
git: {
isGitRepo: gitActions ? await GitListener.isGitRepository() : false,
actions: gitActions || false
},
git: await GitListener.getSettings(),
beta: ext.isBetaVersion(),
wsFolder: wsFolder ? wsFolder.fsPath : '',
staticFolder: Folders.getStaticFolderRelativePath(),

7
src/helpers/PanelSettings.ts
View File

@@ -49,14 +49,9 @@ import { Folders } from '../commands';
export class PanelSettings {
public static async get(): Promise<IPanelSettings> {
const gitActions = Settings.get<boolean>(SETTING_GIT_ENABLED);
return {
aiEnabled: Settings.get<boolean>(SETTING_SPONSORS_AI_ENABLED) || false,
git: {
isGitRepo: gitActions ? await GitListener.isGitRepository() : false,
actions: gitActions || false
},
git: await GitListener.getSettings(),
seo: {
title: (Settings.get(SETTING_SEO_TITLE_LENGTH) as number) || -1,
slug: (Settings.get(SETTING_SEO_SLUG_LENGTH) as number) || -1,

163
src/listeners/general/GitListener.ts
View File

@@ -1,4 +1,5 @@
import {
SETTING_GIT_DISABLED_BRANCHES,
SETTING_GIT_SUBMODULE_BRANCH,
SETTING_GIT_SUBMODULE_FOLDER,
SETTING_GIT_SUBMODULE_PULL,
@@ -12,6 +13,7 @@ import {
Extension,
Logger,
Notifications,
parseWinPath,
processKnownPlaceholders,
Telemetry
} from '../../helpers';
@@ -26,15 +28,38 @@ import {
TelemetryEvent
} from '../../constants';
import { Folders } from '../../commands/Folders';
import { commands } from 'vscode';
import { PostMessageData } from '../../models';
import { commands, extensions } from 'vscode';
import { GitRepository, GitRepositoryState, PostMessageData } from '../../models';
import * as l10n from '@vscode/l10n';
import { LocalizationKey } from '../../localization';
export class GitListener {
private static gitAPI: {
onDidChangeState: (repo: any) => void;
onDidOpenRepository: (repo: any) => void;
onDidCloseRepository: (repo: any) => void;
getAPI: (version: number) => any;
repositories: GitRepository[];
} | null = null;
private static isRegistered: boolean = false;
private static client: SimpleGit | null = null;
private static subClient: SimpleGit | null = null;
private static repository: GitRepository | null = null;
public static async getSettings() {
const gitActions = Settings.get<boolean>(SETTING_GIT_ENABLED);
if (gitActions) {
return {
isGitRepo: gitActions ? await GitListener.isGitRepository() : false,
actions: gitActions || false,
disabledBranches: gitActions
? Settings.get<string[]>(SETTING_GIT_DISABLED_BRANCHES) || []
: []
};
}
return;
}
/**
* Initialize the listener
@@ -65,28 +90,39 @@ export class GitListener {
*/
public static process(msg: PostMessageData) {
switch (msg.command) {
case GeneralCommands.toVSCode.gitSync:
case GeneralCommands.toVSCode.git.sync:
this.sync();
break;
case GeneralCommands.toVSCode.git.getBranch:
this.getBranch(msg.command, msg.requestId);
break;
case GeneralCommands.toVSCode.git.selectBranch:
this.selectBranch();
break;
}
}
public static async selectBranch() {
const workspaceFolder = Folders.getWorkspaceFolder();
await commands.executeCommand('git.checkout', workspaceFolder);
}
/**
* Run the sync
*/
public static async sync() {
try {
this.sendMsg(GeneralCommands.toWebview.gitSyncingStart, {});
this.sendMsg(GeneralCommands.toWebview.git.syncingStart, {});
Telemetry.send(TelemetryEvent.gitSync);
await this.pull();
await this.push();
this.sendMsg(GeneralCommands.toWebview.gitSyncingEnd, {});
this.sendMsg(GeneralCommands.toWebview.git.syncingEnd, {});
} catch (e) {
Logger.error((e as Error).message);
this.sendMsg(GeneralCommands.toWebview.gitSyncingEnd, {});
this.sendMsg(GeneralCommands.toWebview.git.syncingEnd, {});
}
}
@@ -106,6 +142,8 @@ export class GitListener {
Logger.warning(`Current workspace is not a GIT repository`);
}
GitListener.vscodeGitProvider();
return isRepo;
}
@@ -257,6 +295,100 @@ export class GitListener {
}
}
private static async vscodeGitProvider() {
if (!GitListener.gitAPI) {
const wsFolder = Folders.getWorkspaceFolder();
const extension = extensions.getExtension('vscode.git');
/**
* Logic from: https://github.com/microsoft/vscode/blob/main/extensions/github/src/extension.ts
* initializeGitExtension
*/
if (wsFolder && extension) {
const gitExtension = extension.isActive ? extension.exports : await extension.activate();
// Get version 1 of the API
GitListener.gitAPI = gitExtension.getAPI(1);
if (!GitListener.gitAPI) {
return;
}
GitListener.listenToRepo(GitListener.gitAPI?.repositories);
GitListener.gitAPI.onDidChangeState(() => {
GitListener.listenToRepo(GitListener.gitAPI?.repositories);
});
GitListener.gitAPI?.onDidOpenRepository((repo: GitRepository) => {
GitListener.triggerBranchChange(repo);
repo.state.onDidChange(() => {
GitListener.triggerBranchChange(repo);
});
});
GitListener.gitAPI?.onDidCloseRepository((repo: any) => {
console.log(`Closed repo:`, repo);
});
}
}
}
private static async getBranch(command: string, requestId?: string) {
if (!command || !requestId) {
return;
}
this.sendRequest(command, requestId, GitListener.repository?.state?.HEAD.name);
}
private static listenToRepo(repositories: GitRepository[] | undefined) {
if (!repositories) {
return;
}
if (repositories && repositories.length === 1) {
GitListener.repository = repositories[0];
} else if (repositories && repositories.length > 1) {
const wsFolder = Folders.getWorkspaceFolder();
if (wsFolder) {
const repo = repositories.find(
(repo) => parseWinPath(repo.rootUri.fsPath) === parseWinPath(wsFolder.fsPath)
);
if (repo) {
GitListener.repository = repo;
}
}
}
GitListener.repository?.state?.onDidChange(() => {
GitListener.triggerBranchChange(GitListener.repository);
});
}
/**
* Trigger the branch change
* @param repo
*/
private static async triggerBranchChange(repo: GitRepository | null) {
if (repo && repo.state) {
GitListener.repository = repo;
let branches = [];
if (repo.repository.getBranches) {
const allBranches = await repo.repository.getBranches();
if (allBranches && allBranches.length > 0) {
branches = allBranches.map((branch: any) => branch.name);
}
}
this.sendMsg(GeneralCommands.toWebview.git.branchInfo, {
crntBranch: GitListener.repository?.state?.HEAD.name,
branches
});
}
}
/**
* Send the message to the webview
* @param command
@@ -270,4 +402,23 @@ export class GitListener {
Dashboard.postWebviewMessage({ command: command as any, payload });
}
/**
* Sends a request to the webview panel.
* @param command - The command to send.
* @param requestId - The unique identifier for the request.
* @param payload - The payload to send with the request.
*/
private static sendRequest(command: string, requestId: string, payload: any) {
const extPath = Extension.getInstance().extensionPath;
const panel = PanelProvider.getInstance(extPath);
panel.getWebview()?.postMessage({
command,
requestId,
payload
});
Dashboard.postWebviewMessage({ command: command as any, requestId, payload });
}
}

2
src/localization/localization.enum.ts
View File

@@ -700,7 +700,7 @@ export enum LocalizationKey {
*/
dashboardMediaMediaFolderDefault = 'dashboard.media.media.folder.default',
/**
* No media files to show. You can drag & drop new files by holding your [shift] key.
* No media files to show. You can drag&drop new files by holding your [shift] key.
*/
dashboardMediaMediaPlaceholder = 'dashboard.media.media.placeholder',
/**

30
src/models/GitRepository.ts Normal file
View File

@@ -0,0 +1,30 @@
export interface GitRepository {
state: GitRepositoryState;
rootUri: {
fsPath: string;
path: string;
};
repository: {
getBranches: () => Promise<GitBranch[]>;
};
}
export interface GitRepositoryState {
HEAD: GitBranch;
onDidChange: (listener: () => void) => void;
}
export interface GitBranch {
type: number;
name: string;
upstream: Upstream;
commit: string;
ahead: number;
behind: number;
}
export interface Upstream {
name: string;
remote: string;
commit: string;
}

1
src/models/GitSettings.ts
View File

@@ -1,4 +1,5 @@
export interface GitSettings {
isGitRepo: boolean;
actions: boolean;
disabledBranches: string[];
}

2
src/models/PanelSettings.ts
View File

@@ -5,7 +5,7 @@ import { DashboardData } from './DashboardData';
import { DataType } from './DataType';
export interface PanelSettings {
git: GitSettings;
git: GitSettings | undefined;
seo: SEO;
slug: Slug;
tags: string[];

1
src/models/index.ts
View File

@@ -12,6 +12,7 @@ export * from './DataFolder';
export * from './DataType';
export * from './DraftField';
export * from './Framework';
export * from './GitRepository';
export * from './GitSettings';
export * from './MediaPaths';
export * from './Mode';

54
src/panelWebView/components/Git/GitAction.tsx
View File

@@ -1,4 +1,4 @@
import { Messenger } from '@estruyf/vscode/dist/client';
import { Messenger, messageHandler } from '@estruyf/vscode/dist/client';
import { EventData } from '@estruyf/vscode/dist/models';
import { ArrowPathIcon } from '@heroicons/react/24/outline';
import * as React from 'react';
@@ -16,22 +16,43 @@ export interface IGitActionProps {
export const GitAction: React.FunctionComponent<IGitActionProps> = ({
settings
}: React.PropsWithChildren<IGitActionProps>) => {
const [crntBanch, setCrntBranch] = useState<string | undefined>(undefined);
const [branches, setBranches] = useState<string[] | undefined>(undefined);
const [isSyncing, setIsSyncing] = useState(false);
const pull = () => {
Messenger.send(GeneralCommands.toVSCode.gitSync);
Messenger.send(GeneralCommands.toVSCode.git.sync);
};
const selectBranch = () => {
messageHandler.send(GeneralCommands.toVSCode.git.selectBranch)
}
const messageListener = (message: MessageEvent<EventData<any>>) => {
const { command } = message.data;
const { command, payload } = message.data;
if (command === GeneralCommands.toWebview.gitSyncingStart) {
if (command === GeneralCommands.toWebview.git.syncingStart) {
setIsSyncing(true);
} else if (command === GeneralCommands.toWebview.gitSyncingEnd) {
} else if (command === GeneralCommands.toWebview.git.syncingEnd) {
setIsSyncing(false);
} else if (command === GeneralCommands.toWebview.git.branchInfo) {
setCrntBranch(payload.crntBranch || undefined);
setBranches(payload.branches || undefined);
}
};
const isSyncDisabled = React.useMemo(() => {
if (!settings?.git?.disabledBranches || settings.git.disabledBranches.length === 0) {
return false;
}
if (!crntBanch) {
return true;
}
return settings.git.disabledBranches.includes(crntBanch);
}, [settings?.git?.disabledBranches, crntBanch])
useEffect(() => {
Messenger.listen(messageListener);
@@ -40,13 +61,36 @@ export const GitAction: React.FunctionComponent<IGitActionProps> = ({
};
}, []);
useEffect(() => {
messageHandler.request<string>(GeneralCommands.toVSCode.git.getBranch).then((branch) => {
setCrntBranch(branch);
});
}, []);
if (!settings?.git?.actions || !settings?.git.isGitRepo) {
return null;
}
return (
<div className="git_actions">
<h2 className='text-[11px] flex justify-between items-center mb-4'>
<span className='uppercase'>
Git Actions
</span>
<button
className='inline-flex items-center w-auto p-0 bg-inherit text-[var(--vscode-sideBarTitle-foreground)] hover:bg-inherit hover:text-[var(--vscode-sideBarTitle-foreground-hover)]'
title='Select Branch'
onClick={selectBranch}>
<svg width="24" height="24" viewBox="0 0 24 24" className='w-4 h-4' fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.0067 8.22168C21.0102 7.52792 20.8205 6.84689 20.4589 6.25485C20.0971 5.66281 19.5778 5.18315 18.959 4.86957C18.3401 4.556 17.6461 4.42091 16.9548 4.47941C16.2635 4.53793 15.6022 4.78773 15.0448 5.20085C14.4875 5.61397 14.0561 6.17409 13.7991 6.8185C13.5421 7.4629 13.4695 8.16613 13.5895 8.84944C13.7096 9.53274 14.0174 10.1692 14.4787 10.6874C14.94 11.2056 15.5365 11.5852 16.2012 11.7836C15.9558 12.2824 15.576 12.703 15.1047 12.9979C14.6334 13.2929 14.0892 13.4505 13.5331 13.4532H10.5437C9.43702 13.4571 8.37138 13.8727 7.55427 14.6191V7.39809C8.46159 7.21288 9.26783 6.69737 9.81668 5.95151C10.3655 5.20565 10.6178 4.28256 10.5248 3.36121C10.4317 2.43987 9.99985 1.5859 9.31292 0.964873C8.62599 0.343845 7.73295 0 6.80691 0C5.88087 0 4.98783 0.343845 4.3009 0.964873C3.61397 1.5859 3.18211 2.43987 3.08904 3.36121C2.99596 4.28256 3.24831 5.20565 3.79715 5.95151C4.34599 6.69737 5.15223 7.21288 6.05955 7.39809V16.5159C5.15393 16.6891 4.34299 17.1877 3.77969 17.9176C3.21639 18.6476 2.93968 19.5585 3.00173 20.4785C3.06379 21.3984 3.46033 22.2639 4.11656 22.9115C4.77279 23.5592 5.64335 23.9444 6.56403 23.9944C7.48472 24.0445 8.39187 23.7558 9.1144 23.183C9.83693 22.6102 10.3249 21.7928 10.4862 20.885C10.6475 19.9771 10.4712 19.0417 9.99023 18.255C9.50932 17.4683 8.75717 16.8848 7.87564 16.6145C8.12152 16.1162 8.50142 15.6963 8.97272 15.4019C9.44401 15.1074 9.98803 14.9503 10.5437 14.9479H13.5331C14.4658 14.9436 15.3739 14.6486 16.1311 14.1039C16.8882 13.5592 17.4566 12.792 17.7572 11.9091C18.6531 11.7914 19.476 11.3528 20.0735 10.6748C20.671 9.9968 21.0025 9.12533 21.0067 8.22168ZM4.56483 3.73752C4.56483 3.29408 4.69633 2.8606 4.94269 2.4919C5.18906 2.12319 5.53922 1.83581 5.9489 1.66611C6.3586 1.49642 6.8094 1.45202 7.24432 1.53854C7.67924 1.62504 8.07874 1.83857 8.3923 2.15214C8.70586 2.4657 8.9194 2.8652 9.00591 3.30012C9.09241 3.73504 9.04802 4.18585 8.87832 4.59553C8.70862 5.00521 8.42125 5.35539 8.05254 5.60175C7.68383 5.84811 7.25035 5.9796 6.80691 5.9796C6.21227 5.9796 5.642 5.74339 5.22152 5.32291C4.80105 4.90245 4.56483 4.33216 4.56483 3.73752ZM9.04899 20.1794C9.04899 20.6229 8.91749 21.0563 8.67113 21.425C8.42476 21.7937 8.0746 22.0811 7.66492 22.2508C7.25523 22.4205 6.80442 22.4649 6.36951 22.3784C5.93458 22.292 5.53509 22.0784 5.22152 21.7648C4.90796 21.4512 4.69443 21.0517 4.60791 20.6169C4.52141 20.1819 4.5658 19.7311 4.7355 19.3214C4.9052 18.9117 5.19258 18.5615 5.56128 18.3152C5.92999 18.0689 6.36347 17.9373 6.80691 17.9373C7.40155 17.9373 7.97183 18.1736 8.3923 18.594C8.81277 19.0145 9.04899 19.5848 9.04899 20.1794ZM17.2699 10.4638C16.8265 10.4638 16.393 10.3322 16.0243 10.0859C15.6556 9.83954 15.3683 9.48937 15.1986 9.07969C15.0289 8.67 14.9844 8.2192 15.0709 7.78427C15.1574 7.34935 15.3709 6.94985 15.6845 6.63629C15.9981 6.32273 16.3976 6.10919 16.8325 6.02268C17.2674 5.93617 17.7183 5.98058 18.1279 6.15027C18.5377 6.31997 18.8878 6.60734 19.1341 6.97605C19.3805 7.34476 19.512 7.77823 19.512 8.22168C19.512 8.81632 19.2757 9.3866 18.8553 9.80706C18.4348 10.2275 17.8645 10.4638 17.2699 10.4638Z" fill="currentcolor" />
</svg>
<span className='ml-1'>{crntBanch}</span>
</button>
</h2>
<ActionButton
disabled={isSyncDisabled}
onClick={pull}
title={
<div className="git_actions__sync">