MobX store

chat-store-mobx.ts

import * as Sentry from '@sentry/electron/renderer';
import { makeAutoObservable } from 'mobx';
import { DEFAULT_PHP_VERSION } from '../../vendor/wp-now/src/constants';
import { getIpcApi } from '../lib/get-ipc-api';

export class ChatStore {
	currentURL = '';
	pluginList: string[] = [];
	themeList: string[] = [];
	numberOfSites = 0;
	themeName = '';
	wpVersion = '';
	phpVersion = DEFAULT_PHP_VERSION;
	isBlockTheme = false;
	os = window.appGlobals?.platform || '';
	availableEditors: string[] = [];
	siteName = '';
	isSiteLoadedDict: Record< string, boolean > = {};

	constructor() {
		makeAutoObservable( this );
	}

	getContextForApi() {
		return {
			current_url: this.currentURL,
			number_of_sites: this.numberOfSites,
			wp_version: this.wpVersion,
			php_version: this.phpVersion,
			plugins: this.pluginList,
			themes: this.themeList,
			current_theme: this.themeName,
			is_block_theme: this.isBlockTheme,
			ide: this.availableEditors,
			site_name: this.siteName,
			os: this.os,
		};
	}

	private parseWpCliOutput( stdout: string, defaultValue: string[] ): string[] {
		try {
			const data = JSON.parse( stdout );
			return data?.map( ( item: { name: string } ) => item.name ) || [];
		} catch ( error ) {
			Sentry.captureException( error, {
				extra: { stdout },
			} );
		}
		return defaultValue;
	}

	async fetchPluginList( siteId: string ): Promise< string[] > {
		const { stdout, stderr } = await getIpcApi().executeWPCLiInline( {
			siteId,
			args: 'plugin list --format=json --status=active',
			skipPluginsAndThemes: true,
		} );
		if ( stderr ) {
			return [];
		}
		return this.parseWpCliOutput( stdout, [] );
	}

	async fetchThemeList( siteId: string ): Promise< string[] > {
		const { stdout, stderr } = await getIpcApi().executeWPCLiInline( {
			siteId,
			args: 'theme list --format=json',
			skipPluginsAndThemes: true,
		} );
		if ( stderr ) {
			return [];
		}
		return this.parseWpCliOutput( stdout, [] );
	}

	async updateFromSite( site: SiteDetails ) {
		this.currentURL = `http://localhost:${ site.port }`;
		this.phpVersion = site.phpVersion ?? DEFAULT_PHP_VERSION;
		this.siteName = site.name;
		this.isSiteLoadedDict[ site.id ] = true;

		try {
			const [ plugins, themes ] = await Promise.all( [
				this.fetchPluginList( site.id ),
				this.fetchThemeList( site.id ),
			] );
			this.pluginList = plugins;
			this.themeList = themes;
		} catch ( error ) {
			this.isSiteLoadedDict[ site.id ] = false;
		}
	}

	updateFromTheme( themeDetails: { name: string; isBlockTheme: boolean } ) {
		this.themeName = themeDetails.name;
		this.isBlockTheme = themeDetails.isBlockTheme;
	}
}

export const chatStore = new ChatStore();