feat: Native Admin Bar QuickNav (Snippets) by DECKERWEB #328

imantsk · 2026-01-17T21:38:42Z

Summary

This PR brings a native Snippets QuickNav experience into Code Snippets via the WordPress Admin Bar. It adds a dedicated “Snippets” top-level admin bar menu with quick links plus paginated Active/Inactive snippet lists that update dynamically.

Credit

This work is based on the approach and UX established by “Snippets QuickNav” by David Decker – DECKERWEB (GitHub: @deckerweb):
https://github.com/deckerweb/snippets-quicknav
This PR implements the feature natively, following Code Snippets’ existing architecture and coding style.

What’s included

Admin Bar → Snippets menu using the existing scissors icon (styled to better match WP admin bar icons)
Main nodes:
- Manage
- Add New
- Import
- Settings
- Active Snippets
- Inactive Snippets
Active/Inactive lists:
- Show snippet titles prefixed with type, e.g. (PHP) My snippet title (type inferred from type)
- Paginate when the list exceeds the configured limit
- Pagination controls live at the top of the submenu and fetch pages via the Snippets REST API
Safe Mode
- Safe Mode indicator shows only when Safe Mode is active
- Adds a Safe Mode docs link as a submenu item: https://snipco.de/safe-mode (opens in new tab, uses Dashicons)
Free vs Pro gating
- Pro-only “Add New” types (CSS/JS/Conditions) are greyed out in free and link to the upgrade page

Settings added

Toggle to enable/disable the admin bar menu (default: enabled)
“Snippets per page in Admin Bar” (default: 20)

How to test

Go to Code Snippets settings and confirm Admin Bar QuickNav is enabled; set the per-page limit to something small (e.g. 5).
Open the WP Admin Bar → Snippets and verify the main nodes and submenu structure.
Open Active Snippets / Inactive Snippets and click pagination controls; confirm the list updates correctly.
Enable Safe Mode and confirm the Safe Mode indicator appears and the Safe Mode docs submenu link opens in a new tab.

…d safe mode support

fix: better handle null tags in snippet data

…ro/docs.

Release: v3.9.4

sheabunge · 2026-01-21T06:19:26Z

src/js/admin-bar.ts

@@ -0,0 +1,296 @@
+type PaginationStatus = 'active' | 'inactive'


Please make sure that types which are referenced in exported functions are also exported.

sheabunge · 2026-01-21T06:19:39Z

src/js/admin-bar.ts

+type PaginationStatus = 'active' | 'inactive'
+type PaginationAction = 'first' | 'prev' | 'next' | 'last'
+
+type SnippetResponseItem = {


Object types like these should ideally be interfaces for consistency.

sheabunge · 2026-01-21T06:20:22Z

src/js/admin-bar.ts

+	if (!config) return ''
+
+	const url = new URL(config.restUrl)
+	url.searchParams.set('status', status)


nice use of URL.

sheabunge · 2026-01-21T06:21:14Z

src/js/admin-bar.ts

+}
+
+const getTypeFromScope = (scope: string): string => {
+	if (scope.endsWith('-css')) return 'css'


I generally prefer to avoid if statements without braces – I'd suggest using a switch for this sort of thing.

refactored to switch + updated ifs to use braces

sheabunge · 2026-01-21T06:23:00Z

src/php/rest-api/class-snippets-rest-controller.php

+		$status = sanitize_key( (string) $request->get_param( 'status' ) );
+
+		if ( in_array( $status, [ 'active', 'inactive' ], true ) ) {
+			$all_snippets = array_filter(


Would it be worth combining these array_filter calls into a single iteration?

yes! combined the array_filter() calls into a single pass

sheabunge · 2026-01-21T06:24:08Z

src/php/class-plugin.php

 		$this->evaluate_functions = new Evaluate_Functions( $this->db );

+		// Admin bar integration.
+		require_once $includes_path . '/class-admin-bar.php';


Composer autoloader should handle loading this class.

sheabunge · 2026-01-21T06:24:47Z

src/php/class-plugin.php

+		// Admin bar integration.
+		require_once $includes_path . '/class-admin-bar.php';
+		$this->admin_bar = new Admin_Bar();
+		$this->admin_bar->register_hooks();


Might as well combine register_hooks into the Admin_Bar constructor; there doesn't seem to be really any value to dividing them like this.

You're right! Moved hook registration into Admin_Bar::__construct() and removed the extra register_hooks() call.

ref: #328 (comment)

…ss hooks directly on load ref: #328 (comment)

…ch and fix lint issues

imantsk and others added 27 commits January 6, 2026 23:57

feat: add Admin Bar integration for Code Snippets with quick links an…

a04ae51

…d safe mode support

feat: add Admin Bar integration to the Plugin class

d224342

feat: update snippet type labels

e3da8f4

feat: add admin bar snippet limit setting

8f98136

feat: enhance admin bar with pagination and snippet limit features

bc77764

feat: add filtering and sorting options to snippets REST API endpoint

ce40ffa

feat: add admin bar pagination functionality with snippet fetching

1a6bfc0

feat: add styles for admin bar code snippets pagination and safe mode

ce45668

feat: refactor admin bar icon styles

d16bc87

feat: update admin bar icon handling and remove SVG function

fd419f4

fix: update snippet response item type handling

4caef68

feat: enhance admin bar settings with enable option and snippet limit

1cf61b7

feat: add 'Conditions' tab

cd2167d

feat: enable admin bar by default in settings

4e74851

chore(release): update changelog for v3.9.4

11a3fb1

chore(release): update readme for v3.9.4

04837a6

chore(release): bump version to v3.9.4

83da39b

fixed changelog formatting

3ab6ce4

fixed changelog formatting

6d8d3e5

fix: better handle null tags in snippet data

10e052d

Merge pull request #327 from codesnippetspro/fix/import-issue

abf1d10

fix: better handle null tags in snippet data

Update help.codesnippets.pro links to instead point to codesnippets.p…

9aeab08

…ro/docs.

fix: changelog entries

d0e216c

Merge pull request #326 from codesnippetspro/tag/v3.9.4

8ee0c5c

Release: v3.9.4

Merge branch 'core/core' into feat/snippets-quicknav

680d682

fix: eslint @stylistic/quote-props

f6929f1

fix: codestyle clean up and delint

b7e5a74

imantsk changed the base branch from core to core-beta January 17, 2026 21:58

imantsk requested a review from sheabunge January 19, 2026 17:21

imantsk self-assigned this Jan 19, 2026

imantsk marked this pull request as ready for review January 19, 2026 17:21

sheabunge approved these changes Jan 21, 2026

View reviewed changes

imantsk added 4 commits January 22, 2026 13:58

fix: simplify snippet filtering logic in get_items method

be4ad85

ref: #328 (comment)

fix: remove require_once to rely on composer autoloader

1641d7b

ref: #328 (comment)

fix: update register_hooks to class constructor to register WordPre…

87da130

…ss hooks directly on load ref: #328 (comment)

fix: export types and interfaces, refactor getTypeFromScope to swit…

4e333b4

…ch and fix lint issues

codesnippetspro deleted a comment from code-snippets-bot Jan 22, 2026

code-snippets-bot requested a review from sheabunge January 22, 2026 18:07

code-snippets-bot added the run-tests Trigger automated tests label Jan 22, 2026

		@@ -0,0 +1,296 @@
		type PaginationStatus = 'active' \| 'inactive'

feat: Native Admin Bar QuickNav (Snippets) by DECKERWEB #328

Are you sure you want to change the base?

feat: Native Admin Bar QuickNav (Snippets) by DECKERWEB #328

Conversation

imantsk commented Jan 17, 2026

Summary

Credit

What’s included

Settings added

How to test

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

imantsk Jan 22, 2026 • edited by code-snippets-bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

imantsk Jan 22, 2026 • edited by code-snippets-bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

imantsk Jan 22, 2026 • edited by code-snippets-bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

imantsk Jan 22, 2026 •

edited by code-snippets-bot

Loading

imantsk Jan 22, 2026 •

edited by code-snippets-bot

Loading

imantsk Jan 22, 2026 •

edited by code-snippets-bot

Loading