Update edit menu UI

CHANGELOG.md

@@ -1,5 +1,34 @@
 # Changelog
 
+## [3.7.0] (beta release)
+
+### Added
+* New 'conditions' feature: control where and when snippets execute with a powerful logic builder. (PRO)
+
+### Changed
+* Redesigned edit menu with refreshed look and functionality.
+* Updated snippet type badges to be more visually distinct.
+* Redesigned tooltips used throughout the plugin.
+* Moved content snippet shortcode options into separate modal window.
+* Updated snippet tag editor to use built-in WordPress tag editor.
+* Created proper form for sharing beta feedback.
+* Improved UX of snippet activation toggle.
+
+### Fixed
+* Fetching active snippets on a multisite network now respects the 'priority' field above all else when ordering snippets.
+* Cloud search appears correctly and allows downloading snippets in the free version of Code Snippets.
+* Improved performance of loading admin menu icon.
+
+## [3.6.9] (2025-02-17)
+
+### Changed
+* Updated `Cloud_API::get_bundles()` to properly check bundle data and return an empty array if no valid bundles are present.
+* Refactored `Cloud_List_Table::fetch_snippets()` to always return a valid `Cloud_Snippets` instance.
+* Cleaned up bundle iteration code and improved translation handling in the bundles view.
+
+### Fixed
+* Fixed errors in bundle iteration by adding a check for the bundles array before iterating.
+
 ## [3.6.8] (2025-02-14)
 
 ### Added

config/modules/postcss-color-hsl.d.ts

@@ -0,0 +1,4 @@
+declare module 'postcss-color-hsl' {
+	import type { Plugin } from 'postcss'
+	export default function (): Plugin
+}

config/webpack-css.ts

@@ -2,7 +2,8 @@ import path from 'path'
 import libsass from 'sass'
 import cssnano from 'cssnano'
 import autoprefixer from 'autoprefixer'
-import hexrgba from 'postcss-hexrgba'
+import rgbaCompat from 'postcss-hexrgba'
+import hslCompat from 'postcss-color-hsl'
 import MiniCssExtractPlugin from 'mini-css-extract-plugin'
 import RemoveEmptyScriptsPlugin from 'webpack-remove-empty-scripts'
 import { glob } from 'glob'
@@ -12,7 +13,8 @@ import type { Config as PostCssConfig } from 'postcss-load-config'
 
 const postcssOptions: PostCssConfig = {
 	plugins: [
-		hexrgba(),
+		rgbaCompat(),
+		hslCompat(),
 		autoprefixer(),
 		cssnano({
 			preset: ['default', { discardComments: { removeAll: true } }]
@@ -61,7 +63,10 @@ export const cssWebpackConfig: Configuration = {
 						loader: 'sass-loader',
 						options: {
 							implementation: libsass,
-							sourceMap: true
+							sourceMap: true,
+							sassOptions: {
+								loadPaths: ['node_modules']
+							}
 						}
 					}
 				]

eslint.config.mjs

@@ -4,6 +4,7 @@ import globals from 'globals'
 import eslintJs from '@eslint/js'
 import eslintTs from 'typescript-eslint'
 import stylistic from '@stylistic/eslint-plugin'
+import reactHooks from 'eslint-plugin-react-hooks'
 import importPlugin from 'eslint-plugin-import'
 import reactPlugin from 'eslint-plugin-react'
 import { FlatCompat } from '@eslint/eslintrc'
@@ -21,7 +22,11 @@ export default eslintTs.config(
 	reactPlugin.configs.flat.recommended,
 	importPlugin.flatConfigs.recommended,
 	{
-		ignores: ['bundle/*', 'src/dist/*', 'src/vendor/*', 'svn/*', 'eslint.config.mjs']
+		plugins: { 'react-hooks': reactHooks },
+		rules: reactHooks.configs.recommended.rules,
+	},
+	{
+		ignores: ['bundle/*', 'src/dist/*', 'src/vendor/*', 'svn/*', '*.config.mjs', '*.config.js']
 	},
 	{
 		languageOptions: {
@@ -58,13 +63,13 @@ export default eslintTs.config(
 			'@stylistic/indent': ['error', 'tab', { SwitchCase: 1 }],
 			'@stylistic/jsx-quotes': ['error', 'prefer-double'],
 			'@stylistic/linebreak-style': ['error', 'unix'],
-			'@stylistic/max-len': ['warn', 140, { ignorePattern: 'd="([\\s\\S]*?)"' }],
+			'@stylistic/max-len': ['warn', 140, { ignorePattern: 'd="(.*?)"|_[_xn]\\(|import .+ from .+' }],
 			'@stylistic/multiline-ternary': 'off',
 			'@stylistic/no-extra-parens': ['error', 'all'],
 			'@stylistic/no-mixed-spaces-and-tabs': ['error', 'smart-tabs'],
 			'@stylistic/no-tabs': ['error', { allowIndentationTabs: true }],
 			'@stylistic/object-property-newline': ['error', { allowAllPropertiesOnSameLine: true }],
-			'@stylistic/operator-linebreak': ['error', 'before'],
+			'@stylistic/operator-linebreak': ['error', 'after', { 'overrides': { '?': 'before', ':': 'before' } }],
 			'@stylistic/padded-blocks': ['error', 'never'],
 			'@stylistic/quote-props': ['error', 'consistent-as-needed'],
 			'@stylistic/quotes': ['error', 'single', { avoidEscape: true }],