From 14557efef5f70b12a033fd476db9a2e1d4ca42ec Mon Sep 17 00:00:00 2001
From: lightbulbman <atif@lightbulb.studio>
Date: Sat, 18 Jan 2025 22:52:21 +0000
Subject: [PATCH 1/6] feature: add name atts

---
 src/js/components/SnippetForm/fields/ScopeInput.tsx | 2 ++
 src/js/types/Shortcodes.ts                          | 1 +
 src/js/utils/text.ts                                | 7 +++++++
 3 files changed, 10 insertions(+)

diff --git a/src/js/components/SnippetForm/fields/ScopeInput.tsx b/src/js/components/SnippetForm/fields/ScopeInput.tsx
index bc1c5659..7ef9ae4f 100644
--- a/src/js/components/SnippetForm/fields/ScopeInput.tsx
+++ b/src/js/components/SnippetForm/fields/ScopeInput.tsx
@@ -7,6 +7,7 @@ import { buildShortcodeTag } from '../../../utils/shortcodes'
 import { getSnippetType } from '../../../utils/snippets'
 import { CopyToClipboardButton } from '../../common/CopyToClipboardButton'
 import { useSnippetForm } from '../../../hooks/useSnippetForm'
+import { truncateWords } from '../../../utils/text'
 import type { ShortcodeAtts } from '../../../utils/shortcodes'
 import type { SnippetScope } from '../../../types/Snippet'
 import type { Dispatch, SetStateAction} from 'react'
@@ -117,6 +118,7 @@ const ShortcodeInfo: React.FC = () => {
 				<>
 					<ShortcodeTag atts={{
 						id: snippet.id,
+						name: truncateWords(snippet.name),
 						network: snippet.network ?? isNetworkAdmin(),
 						...options
 					}} />
diff --git a/src/js/types/Shortcodes.ts b/src/js/types/Shortcodes.ts
index 013ea7de..edb63d99 100644
--- a/src/js/types/Shortcodes.ts
+++ b/src/js/types/Shortcodes.ts
@@ -5,6 +5,7 @@ export interface SourceShortcodeAtts {
 
 export interface ContentShortcodeAtts {
 	id: string
+	name: string
 	php: boolean
 	format: boolean
 	shortcodes: boolean
diff --git a/src/js/utils/text.ts b/src/js/utils/text.ts
index 590dac66..98376115 100644
--- a/src/js/utils/text.ts
+++ b/src/js/utils/text.ts
@@ -6,3 +6,10 @@ export const trimLeadingChar = (text: string, character: string): string =>
 
 export const trimTrailingChar = (text: string, character: string): string =>
 	character === text.charAt(text.length - 1) ? text.slice(0, -1) : text
+
+export const truncateWords = (text: string, wordCount: number = 3): string => {
+	const words = text.trim().split(/\s+/);
+	return words.length > wordCount 
+		? `${words.slice(0, wordCount).join(' ')}...`
+		: text;
+};
\ No newline at end of file

From 24b61513ba3f437ce6d84b9964aabcd308871063 Mon Sep 17 00:00:00 2001
From: lightbulbman <atif@lightbulb.studio>
Date: Sat, 18 Jan 2025 23:32:32 +0000
Subject: [PATCH 2/6] feature: sticky-admin-notice

---
 src/css/edit.scss                              |  6 ++++++
 src/js/components/SnippetForm/page/Notices.tsx | 17 ++++++++++++-----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/css/edit.scss b/src/css/edit.scss
index 546c2660..036e4dec 100644
--- a/src/css/edit.scss
+++ b/src/css/edit.scss
@@ -152,3 +152,9 @@ p.snippet-scope, .snippet-scope p {
 .wrap .notice {
 	scroll-margin: 0.75em;
 }
+
+#edit-snippet-form-container .cs-sticky-notice {
+	position: sticky;
+	top: 40px;
+	z-index: 100;
+}
diff --git a/src/js/components/SnippetForm/page/Notices.tsx b/src/js/components/SnippetForm/page/Notices.tsx
index 43d5eaae..7c519df4 100644
--- a/src/js/components/SnippetForm/page/Notices.tsx
+++ b/src/js/components/SnippetForm/page/Notices.tsx
@@ -8,17 +8,23 @@ interface DismissibleNoticeProps {
 	classNames?: classnames.Argument
 	onRemove: MouseEventHandler<HTMLButtonElement>
 	children?: ReactNode
+	autoHide?: boolean
 }
 
-const DismissibleNotice: React.FC<DismissibleNoticeProps> = ({ classNames, onRemove, children }) => {
+const DismissibleNotice: React.FC<DismissibleNoticeProps> = ({ classNames, onRemove, children, autoHide = true }) => {
 	useEffect(() => {
-		if (window.CODE_SNIPPETS_EDIT?.scrollToNotices) {
-			window.scrollTo({ top: 0, behavior: 'smooth' })
+		if (autoHide) {
+			const timer = setTimeout(() => {
+				onRemove({} as React.MouseEvent<HTMLButtonElement>)
+			}, 5000)
+			
+			return () => clearTimeout(timer)
 		}
-	}, [])
+		return () => {} // eslint-disable-line
+	}, [autoHide, onRemove])
 
 	return (
-		<div id="message" className={classnames('notice fade is-dismissible', classNames)}>
+		<div id="message" className={classnames('cs-sticky-notice notice fade is-dismissible', classNames)}>
 			<>{children}</>
 
 			<button type="button" className="notice-dismiss" onClick={event => {
@@ -45,6 +51,7 @@ export const Notices: React.FC = () => {
 			<DismissibleNotice
 				classNames="error"
 				onRemove={() => setSnippet(previous => ({ ...previous, code_error: null }))}
+				autoHide={false}
 			>
 				<p>
 					<strong>{sprintf(

From 4f4397b70f3f3c9a4a3c3de1448b2fe1c7f7619f Mon Sep 17 00:00:00 2001
From: lightbulbman <atif@lightbulb.studio>
Date: Sun, 19 Jan 2025 00:24:05 +0000
Subject: [PATCH 3/6] issue-198 nesting shortcodes

---
 src/php/front-end/class-front-end.php | 28 ++++++++++++++++++++++++---
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/php/front-end/class-front-end.php b/src/php/front-end/class-front-end.php
index 4a3407d4..91aae904 100644
--- a/src/php/front-end/class-front-end.php
+++ b/src/php/front-end/class-front-end.php
@@ -28,6 +28,11 @@ class Front_End {
 	 */
 	const PRISM_HANDLE = 'code-snippets-prism';
 
+	/**
+	 * Maximum depth for shortcode recursion.
+	 */
+	const MAX_SHORTCODE_DEPTH = 5;
+
 	/**
 	 * Class constructor
 	 */
@@ -235,7 +240,7 @@ protected function convert_boolean_attribute_flags( array $atts, array $boolean_
 	 *
 	 * @return string Evaluated shortcode content.
 	 */
-	protected function evaluate_shortcode_content( Snippet $snippet, array $atts ): string {
+	protected function evaluate_shortcode_content( Snippet $snippet, array $atts ): string {	
 		if ( empty( $atts['php'] ) ) {
 			return $snippet->code;
 		}
@@ -325,8 +330,25 @@ public function render_content_shortcode( array $atts ): string {
 			// Remove this shortcode from the list to prevent recursion.
 			remove_shortcode( self::CONTENT_SHORTCODE );
 
-			// Evaluate shortcodes.
-			$content = do_shortcode( $atts['format'] ? shortcode_unautop( $content ) : $content );
+			// Recursion depth is limited to prevent infinite loops.
+			static $depth = 0;
+			$max_depth = self::MAX_SHORTCODE_DEPTH;
+
+			// Find the shortcode in the content and replace it with the evaluated content.
+			$content = preg_replace_callback(
+				'/\[' . self::CONTENT_SHORTCODE . '([^\]]*)\]/',
+				function ($matches) use (&$depth, $max_depth) {
+					if ($depth >= $max_depth) {
+						return '<!-- Max shortcode depth reached -->';
+					}
+					$depth++;
+					$atts = shortcode_parse_atts($matches[1]);
+					$result = $this->render_content_shortcode($atts);
+					$depth--;
+					return $result;
+				},
+				$content
+			);
 
 			// Add this shortcode back to the list.
 			add_shortcode( self::CONTENT_SHORTCODE, [ $this, 'render_content_shortcode' ] );

From 5ed5eff75c301093e8efdd7ff76ff578073e2b18 Mon Sep 17 00:00:00 2001
From: lightbulbman <atif@lightbulb.studio>
Date: Sun, 19 Jan 2025 01:12:59 +0000
Subject: [PATCH 4/6] 148 - toggle hover change

---
 src/css/manage.scss | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/css/manage.scss b/src/css/manage.scss
index 74abbaad..9379a872 100644
--- a/src/css/manage.scss
+++ b/src/css/manage.scss
@@ -60,6 +60,12 @@ $inactive-color: #ccc;
 	height: 17px;
 	border-radius: 34px;
 	background-color: #ccc;
+	box-shadow: 0 0px 1px 0px rgba(0, 0, 0, .2);
+    transition: all 200ms ease-in-out !important;
+
+	&:hover {
+		box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.5);
+	}
 
 	&::before {
 		transition: all .4s;
@@ -72,20 +78,12 @@ $inactive-color: #ccc;
 		border-radius: 50%;
 	}
 
-	&:hover::before {
-		transform: translateX(40%);
-	}
-
 	.snippets .active-snippet & {
 		background-color: $active-color;
 
 		&::before {
 			transform: translateX(100%);
 		}
-
-		&:hover::before {
-			transform: translateX(60%);
-		}
 	}
 
 	.snippets .erroneous-snippet &::before {

From db986504f65a3b45b472686b3b63e7232067cf06 Mon Sep 17 00:00:00 2001
From: Shea Bunge <shea@sheabunge.com>
Date: Tue, 21 Jan 2025 23:50:27 +1100
Subject: [PATCH 5/6] Remove unnecessary event argument from notice onRemove
 function.

---
 src/js/components/SnippetForm/page/Notices.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/js/components/SnippetForm/page/Notices.tsx b/src/js/components/SnippetForm/page/Notices.tsx
index 7c519df4..83c9d699 100644
--- a/src/js/components/SnippetForm/page/Notices.tsx
+++ b/src/js/components/SnippetForm/page/Notices.tsx
@@ -2,11 +2,11 @@ import classnames from 'classnames'
 import React, { useEffect } from 'react'
 import { __, sprintf } from '@wordpress/i18n'
 import { useSnippetForm } from '../../../hooks/useSnippetForm'
-import type { MouseEventHandler, ReactNode} from 'react'
+import type { ReactNode } from 'react'
 
 interface DismissibleNoticeProps {
 	classNames?: classnames.Argument
-	onRemove: MouseEventHandler<HTMLButtonElement>
+	onRemove: VoidFunction
 	children?: ReactNode
 	autoHide?: boolean
 }
@@ -14,13 +14,10 @@ interface DismissibleNoticeProps {
 const DismissibleNotice: React.FC<DismissibleNoticeProps> = ({ classNames, onRemove, children, autoHide = true }) => {
 	useEffect(() => {
 		if (autoHide) {
-			const timer = setTimeout(() => {
-				onRemove({} as React.MouseEvent<HTMLButtonElement>)
-			}, 5000)
-			
+			const timer = setTimeout(onRemove, 5000)
 			return () => clearTimeout(timer)
 		}
-		return () => {} // eslint-disable-line
+		return undefined
 	}, [autoHide, onRemove])
 
 	return (
@@ -29,7 +26,7 @@ const DismissibleNotice: React.FC<DismissibleNoticeProps> = ({ classNames, onRem
 
 			<button type="button" className="notice-dismiss" onClick={event => {
 				event.preventDefault()
-				onRemove(event)
+				onRemove()
 			}}>
 				<span className="screen-reader-text">{__('Dismiss notice.', 'code-snippets')}</span>
 			</button>

From f4423991b2f9e286aa084b34412577d1e3a07c4f Mon Sep 17 00:00:00 2001
From: lightbulbman <atif@lightbulb.studio>
Date: Thu, 23 Jan 2025 00:23:54 +0000
Subject: [PATCH 6/6] remove box shadow toggle

---
 src/css/manage.scss | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/css/manage.scss b/src/css/manage.scss
index 9379a872..cfd55920 100644
--- a/src/css/manage.scss
+++ b/src/css/manage.scss
@@ -60,12 +60,6 @@ $inactive-color: #ccc;
 	height: 17px;
 	border-radius: 34px;
 	background-color: #ccc;
-	box-shadow: 0 0px 1px 0px rgba(0, 0, 0, .2);
-    transition: all 200ms ease-in-out !important;
-
-	&:hover {
-		box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.5);
-	}
 
 	&::before {
 		transition: all .4s;