docs: add docs box to wp-admin

Author: ahuseyn

plugins/hwp-previews/assets/css/hwp-previews.css

@@ -56,3 +56,18 @@
 	visibility: visible;
 	opacity: 1;
 }
+
+.hwp-previews-docs ul li {
+	list-style-type: none;
+	margin-left: 30px;
+	padding-bottom: 16px;
+}
+
+.hwp-previews-docs ul li:before {
+	content: url(../icons/doc.svg);
+	height: 1em;
+	margin-left: -29px;
+	margin-top: -2px;
+	position: absolute;
+	width: 0.5em;
+}

plugins/hwp-previews/assets/icons/doc.svg

@@ -2,6 +2,8 @@
 
 declare(strict_types=1);
 
+use HWP\Previews\Integration\Faust_Integration;
+
 $hwp_previews_tabs_config = (array) get_query_var( 'hwp_previews_main_page_config' );
 $hwp_previews_current_tab = (string) ( $hwp_previews_tabs_config['current_tab'] ?? '' );
 $hwp_previews_tabs        = (array) ( $hwp_previews_tabs_config['tabs'] ?? [] );
@@ -55,6 +57,23 @@
 								</div>
 							</div>
 						</div>
+
+						<div class="postbox">
+							<h2><?php esc_html_e( 'Get Started With HWP Previews', 'hwp-previews' ); ?></h2>
+							<div class="inside hwp-previews-docs">
+			
+								<ul>
+									<li><a href="https://github.com/wpengine/hwptoolkit/tree/main/plugins/hwp-previews#getting-started" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Getting Started', 'hwp-previews' ); ?></a></li>
+									<li><a href="https://github.com/wpengine/hwptoolkit/tree/main/plugins/hwp-previews#front-end-integration" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Front-End Integration', 'hwp-previews' ); ?></a></li>
+									<?php if ( Faust_Integration::$faust_enabled ) : ?>
+										<li><a href="https://github.com/wpengine/hwptoolkit/tree/main/plugins/hwp-previews#using-with-faustjs" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Using With Faust.js', 'hwp-previews' ); ?></a></li>
+									<?php endif; ?>
+									<li><a href="https://github.com/wpengine/hwptoolkit/tree/main/plugins/hwp-previews#xtending-the-functionality" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Extending the Functionality', 'hwp-previews' ); ?></a></li>
+								</ul>
+								<p><?php esc_html_e( 'HWP Previews is part of the HWP Toolkit, our comprehensive suite of tools and examples for headless WordPress.', 'hwp-previews' ); ?></p>
+								<p><a class="button-secondary" href="https://github.com/wpengine/hwptoolkit" target="_blank" rel="noopener noreferrer">HWP Toolkit on GitHub</a></p>
+							</div>
+						</div>
 					</div>
 				</div>
 			</div>