Rename plugin to SoloFilters Image Enhancements to avoid slug collision

src/block.json

@@ -8,7 +8,7 @@
     "icon": "image-filter",
     "description": "An image with an Instagram-style filter applied.",
     "keywords": [ "filter", "instagram", "image" ],
-    "textdomain": "image-filters",
+    "textdomain": "solofilters-image-enhancements",
     "supports": {
         "align": [ "left", "center", "right", "wide", "full" ],
         "anchor": true,

src/edit.js

@@ -6,7 +6,7 @@
  * and intensity CSS custom property. The Inspector panel is mounted
  * separately.
  *
- * @package ImageFilters
+ * @package SoloFiltersImageEnhancements
  */
 
 import { __ } from '@wordpress/i18n';
@@ -40,10 +40,10 @@ export default function Edit( { attributes, setAttributes } ) {
                     allowedTypes={ [ 'image' ] }
                     multiple={ false }
                     labels={ {
-                        title: __( 'Filtered Image', 'image-filters' ),
+                        title: __( 'Filtered Image', 'solofilters-image-enhancements' ),
                         instructions: __(
                             'Upload or select an image to apply a filter.',
-                            'image-filters'
+                            'solofilters-image-enhancements'
                         ),
                     } }
                 />
@@ -60,9 +60,9 @@ export default function Edit( { attributes, setAttributes } ) {
                             <Button
                                 onClick={ () => setIsEditing( true ) }
                                 variant="secondary"
-                                label={ __( 'Replace image', 'image-filters' ) }
+                                label={ __( 'Replace image', 'solofilters-image-enhancements' ) }
                             >
-                                { __( 'Replace', 'image-filters' ) }
+                                { __( 'Replace', 'solofilters-image-enhancements' ) }
                             </Button>
                         ) }
                     </ToolbarItem>

src/index.js

@@ -1,7 +1,7 @@
 /**
  * Block registration entry point.
  *
- * @package ImageFilters
+ * @package SoloFiltersImageEnhancements
  */
 
 import { registerBlockType } from '@wordpress/blocks';
@@ -48,7 +48,7 @@ function withFilterPanel( BlockEdit ) {
         );
     };
 }
-addFilter( 'editor.BlockEdit', 'image-filters/with-filter-panel', withFilterPanel );
+addFilter( 'editor.BlockEdit', 'solofilters-image-enhancements/with-filter-panel', withFilterPanel );
 
 /**
  * Normalise the filter attribute on save. If the saved slug is unknown
@@ -70,7 +70,7 @@ function ensureValidFilter( settings, name ) {
 }
 addFilter(
     'blocks.registerBlockType',
-    'image-filters/ensure-valid-filter',
+    'solofilters-image-enhancements/ensure-valid-filter',
     ensureValidFilter
 );
 

src/inspector.js

@@ -5,7 +5,7 @@
  * Both controls are Gutenberg-standard so keyboard navigation and ARIA
  * behaviour are inherited from the framework.
  *
- * @package ImageFilters
+ * @package SoloFiltersImageEnhancements
  */
 
 import { __ } from '@wordpress/i18n';
@@ -29,14 +29,14 @@ export function FilterPanel( { attributes, setAttributes } ) {
 
     return (
         <PanelBody
-            title={ __( 'Filter', 'image-filters' ) }
+            title={ __( 'Filter', 'solofilters-image-enhancements' ) }
             initialOpen={ true }
             className="ksolo-image-filter-panel"
         >
             <div
                 className="ksolo-image-filter-presets"
                 role="group"
-                aria-label={ __( 'Filter presets', 'image-filters' ) }
+                aria-label={ __( 'Filter presets', 'solofilters-image-enhancements' ) }
             >
                 { PRESETS.map( ( preset ) => {
                     const isActive = preset.slug === filter;
@@ -62,7 +62,7 @@ export function FilterPanel( { attributes, setAttributes } ) {
                 } ) }
             </div>
             <RangeControl
-                label={ __( 'Filter intensity', 'image-filters' ) }
+                label={ __( 'Filter intensity', 'solofilters-image-enhancements' ) }
                 value={ intensity }
                 min={ 0 }
                 max={ 100 }
@@ -72,7 +72,7 @@ export function FilterPanel( { attributes, setAttributes } ) {
                 onChange={ ( value ) => setAttributes( { intensity: value } ) }
                 help={ __(
                     'Set to 0 to disable the filter, 100 for full strength.',
-                    'image-filters'
+                    'solofilters-image-enhancements'
                 ) }
             />
         </PanelBody>

src/presets.js

@@ -5,7 +5,7 @@
  * Adding a preset = add an entry here + add a matching .has-filter-<slug>
  * rule in style.scss. Do not duplicate filter values elsewhere.
  *
- * @package ImageFilters
+ * @package SoloFiltersImageEnhancements
  */
 
 export const PRESETS = [

src/save.js

@@ -6,7 +6,7 @@
  * saved HTML is fully static and no client-side JS is needed to display
  * it.
  *
- * @package ImageFilters
+ * @package SoloFiltersImageEnhancements
  */
 
 import { useBlockProps } from '@wordpress/block-editor';

src/styles/editor.scss

@@ -4,7 +4,7 @@
  * The swatch grid and inspector panel live here — they only need to render
  * inside the editor canvas.
  *
- * @package ImageFilters
+ * @package SoloFiltersImageEnhancements
  */
 
 .ksolo-image-filter-panel {

src/styles/style.scss

@@ -18,7 +18,7 @@
  * is 0 — visually darker than identity, but the only shape that keeps
  * intensity=1 exact.
  *
- * @package ImageFilters
+ * @package SoloFiltersImageEnhancements
  */
 
 .wp-block-ksolo-image-filter {

src/transforms.js

@@ -5,7 +5,7 @@
  * - "From" core Image: copies image attributes, sets filter="normal",
  *   intensity=100.
  *
- * @package ImageFilters
+ * @package SoloFiltersImageEnhancements
  */
 
 import { DEFAULT_PRESET } from './presets';