Check for version control, display notice

wp-modules/app/app.php

@@ -11,6 +11,8 @@
 
 namespace PatternManager\App;
 
+use function PatternManager\GetVersionControl\check_for_git_in_theme;
+
 // Exit if accessed directly.
 if ( ! defined( 'ABSPATH' ) ) {
 	exit;
@@ -29,6 +31,8 @@ function get_app_state() {
 		),
 		'siteUrl'           => get_bloginfo( 'url' ),
 		'adminUrl'          => admin_url(),
+		'themeName'         => wp_get_theme()->get( 'Name' ),
+		'versionControl'    => check_for_git_in_theme(),
 	);
 }
 

wp-modules/app/css/src/index.scss

@@ -418,6 +418,21 @@ html body.toplevel_page_pattern-manager {
 		}
 	}
 
+	.patternmanager-version-control-notice {
+		margin-bottom: 3rem;
+		padding-right: 12px;
+		text-align: center;
+
+		.components-notice__content {
+			line-height: 2.5;
+			margin-right: 0;
+
+			span {
+				font-weight: 600;
+			}
+		}
+	}
+
 	.patternmanager-pattern-editor-columns {
 		width: 100%;
 		height: calc(100vh - 64px - 32px);

wp-modules/app/js/src/components/Patterns/index.tsx

@@ -10,6 +10,7 @@ import usePmContext from '../../hooks/usePmContext';
 import PatternCategories from './PatternCategories';
 import PatternGrid from './PatternGrid';
 import SearchCount from './SearchCount';
+import VersionControlNotice from '../VersionControlNotice';
 
 // Utils
 import createPatternsWithUncategorized from '../../utils/createPatternsWithUncategorized';
@@ -39,6 +40,7 @@ export default function Patterns() {
 	return (
 		<div className="patternmanager-theme-patterns">
 			<div className="patterns-container-inner">
+				<VersionControlNotice />
 				{ ! Object.entries( patterns.data ?? {} ).length ? (
 					<div className="grid-empty">
 						{ createInterpolateElement(

wp-modules/app/js/src/components/VersionControlNotice/index.tsx

@@ -0,0 +1,22 @@
+// WP dependencies
+import { Notice } from '@wordpress/components';
+
+// Globals
+import { patternManager } from '../../globals';
+
+/** Display a non-dismissible notice if no version control is detected in the theme. */
+export default function VersionControlNotice() {
+	return (
+		! patternManager.versionControl && (
+			<Notice
+				className="patternmanager-version-control-notice"
+				isDismissible={ false }
+				status="error"
+			>
+				No version control detected for this theme. Please{ ' ' }
+				<a href="https://github.com/git-guides">initialize git</a> in
+				the <span>{ patternManager.themeName }</span> theme folder.
+			</Notice>
+		)
+	);
+}

wp-modules/app/js/src/types.ts

@@ -18,6 +18,8 @@ export type InitialPatternManager = {
 	patternCategories: QueriedCategories;
 	patterns: Patterns;
 	siteUrl: string;
+	themeName: string;
+	versionControl: '' | 1;
 };
 
 export type Pattern = {

wp-modules/app/tests/AppTest.php

@@ -28,6 +28,8 @@ public function test_get_app_state() {
 				'apiEndpoints',
 				'siteUrl',
 				'adminUrl',
+				'themeName',
+				'versionControl',
 			],
 			array_keys( get_app_state() )
 		);

wp-modules/get-version-control/get-version-control.php

@@ -0,0 +1,22 @@
+<?php
+/**
+ * Module Name: Get Version Control
+ * Description: Checks the current theme directory for version control.
+ * Namespace: GetVersionControl
+ *
+ * @package pattern-manager
+ */
+
+declare(strict_types=1);
+
+namespace PatternManager\GetVersionControl;
+
+/**
+ * Checks for a .git folder in the current theme.
+ *
+ * @return boolean
+ */
+function check_for_git_in_theme() {
+	$theme_git_dir = get_template_directory() . '/.git';
+	return file_exists( $theme_git_dir );
+}