Release: v3.9.0

.browserslistrc

@@ -0,0 +1,10 @@
+last 2 versions
+not dead
+Chrome >= 111
+Edge >= 111
+Firefox >= 112
+Safari >= 16.4
+Android >= 111
+ChromeAndroid >= 111
+FirefoxAndroid >= 112
+iOS >= 16.4

.travis.yml

@@ -55,5 +55,5 @@ script:
   - find . -maxdepth 1 \( -name '*.php' \) -exec php -lf {} \;
   - find src/php/ \( -name '*.php' \) -exec php -lf {} \;
 
-  # Run tests
-  - npm run test
+  # Run linters
+  - npm run lint

CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## [3.9.0-beta.2] (2025-11-10)
+
+### Added
+* Added 'Snippets' row action to the Network Sites table
+* Improved snippet name visibility for network users
+
+### Changed
+* Refined badge styling and hover effects for row actions and badges
+* Impoved icon style and color usage for network snippets for clearer differentiation
+
+### Fixed
+* Improved network snippets management with better subsite menu permission checks
+* Fixed status labels for shared network snippets
+* Corrected network condition checks and improved snippet fetching logic
+* Handled fatal errors in file-based snippets to prevent crashes
+
+## [3.9.0-beta.1] (2025-11-03)
+
+### Added
+* Soft delete (Trash) functionality for snippets with ability to undo, restore or permanently delete.
+* Bulk actions for trashing, restoring, and permanently deleting multiple snippets.
+* Separate filtered view to manage trashed snippets.
+
 ## [3.8.2] (2025-10-31)
 
 ### Fixed

eslint.config.mjs

@@ -30,10 +30,10 @@ export default eslintTs.config(
 	},
 	{
 		languageOptions: {
-			ecmaVersion: 2018,
+			ecmaVersion: 2022,
 			globals: { ...globals.browser },
 			parserOptions: {
-				ecmaVersion: 2018,
+				ecmaVersion: 2022,
 				ecmaFeatures: { jsx: true },
 				tsconfigRootDir: import.meta.dirname,
 				projectService: { allowDefaultProject: ['eslint.config.mjs'] }

package.json

@@ -2,13 +2,12 @@
     "name": "code-snippets",
     "description": "Manage code snippets running on a WordPress-powered site through a graphical interface.",
     "homepage": "https://codesnippets.pro",
-    "version": "3.8.2",
+    "version": "3.9.0-beta.2",
     "main": "src/dist/edit.js",
     "directories": {
         "test": "tests"
     },
     "scripts": {
-        "test": "npm run stylelint && eslint && npm run phpcs",
         "test:playwright": "playwright test -c tests/playwright/playwright.config.ts",
         "test:playwright:debug": "npm run test:playwright -- --debug",
         "test:playwright:ui": "npm run test:playwright -- --ui",
@@ -20,9 +19,13 @@
         "build": "webpack",
         "watch": "webpack --watch",
         "bundle": "ts-node scripts/bundle.ts",
-        "phpcs": "src/vendor/bin/phpcs -s --colors ./src/phpcs.xml",
-        "phpcbf": "src/vendor/bin/phpcbf ./src/phpcs.xml",
-        "stylelint": "stylelint --fix 'src/css/**/*.scss'",
+        "lint": "npm run lint:styles && npm run lint:js && npm run lint:php",
+        "lint:styles": "stylelint 'src/css/**/*.scss'",
+        "lint:styles:fix": "stylelint --fix 'src/css/**/*.scss'",
+        "lint:js": "eslint",
+        "lint:js:fix": "eslint --fix",
+        "lint:php": "src/vendor/bin/phpcs -s --colors ./src/phpcs.xml",
+        "lint:php:fix": "src/vendor/bin/phpcbf ./src/phpcs.xml",
         "version": "ts-node scripts/version.ts",
         "version-dev": "npm version --git-tag-version=false --preid=dev",
         "version-alpha": "npm version --git-tag-version=false --preid=alpha",

src/code-snippets.php

@@ -8,11 +8,11 @@
  * License:      GPL-2.0-or-later
  * License URI:  license.txt
  * Text Domain:  code-snippets
- * Version:      3.8.2
+ * Version:      3.9.0-beta.2
  * Requires PHP: 7.4
  * Requires at least: 5.0
  *
- * @version   3.8.2
+ * @version   3.9.0-beta.2
  * @package   Code_Snippets
  * @author    Shea Bunge <shea@codesnippets.pro>
  * @copyright 2012-2024 Code Snippets Pro
@@ -37,7 +37,7 @@
 	 *
 	 * @const string
 	 */
-	define( 'CODE_SNIPPETS_VERSION', '3.8.2' );
+	define( 'CODE_SNIPPETS_VERSION', '3.9.0-beta.2' );
 
 	/**
 	 * The full path to the main file of this plugin.

src/css/common/_badges.scss

@@ -20,13 +20,27 @@
 	gap: 5px;
 	line-height: 1;
 
+  @at-root .row-actions & {
+    color: #8c8c8c;
+    padding-inline: 0px;
+    text-transform: capitalize;
+    font-weight: 500;
+  }
+
 	.dashicons {
 		font-size: 18px;
 		inline-size: 18px;
 		block-size: 18px;
 	}
 }
 
+.network-shared {
+	color: #2271b1; 
+	font-size: 22px;
+	width: 100%;
+	cursor: help;
+}
+
 .small-badge {
 	block-size: auto;
 	inline-size: auto;
@@ -73,6 +87,33 @@
 .inverted-badges .badge {
 	color: #fff;
 	background-color: #a7aaad;
+	border-color: #fff !important;
+
+  .dashicons {
+    color: #fff;
+  }
+}
+
+.nav-tab-inactive {
+	$colors: map.get(theme.$badges, 'pro');
+	$text-color: list.nth($colors, 2);
+	$background-color: list.nth($colors, 1);
+
+	.badge.pro-badge {
+		color: $text-color;
+		background-color: $background-color;
+	}
+
+	&:hover {
+		&.button, .dashicons-external {
+			color: #3c434a;
+		}
+
+		.badge.pro-badge {
+			color: $background-color;
+			background-color: $text-color;
+		}
+	}
 }
 
 .nav-tab-inactive {

src/css/common/_switch.scss

@@ -92,7 +92,7 @@ a.snippet-condition-count {
 
 	&:hover {
 		border-inline-start-color: theme.$accent;
-		transition: border-left-color 0.6s;
+		transition: border-inline-start-color 0.6s;
 
 		&::before {
 			border-color: theme.$accent;

src/css/edit/_editor.scss

@@ -68,7 +68,7 @@
 			padding-inline-end: 0.5em;
 		}
 
-		@media screen and (width >= 512px) {
+		@media (width >= 512px) {
 			white-space: nowrap;
 		}
 	}