JavaScript Hooks

import { addFilter, addAction } from '@wordpress/hooks';

// Add a filter
addFilter(
  'blockstudio.block.attributes',
  'my-plugin/modify-attributes',
  (attributes, block) => {
    // Modify attributes
    return attributes;
  }
);

// Add an action
addAction(
  'blockstudio.block.rendered',
  'my-plugin/on-rendered',
  (block) => {
    // Do something after block renders
  }
);

addFilter(
  'blockstudio.block.attributes',
  'my-plugin/modify-attributes',
  (attributes, block) => {
    return {
      ...attributes,
      customValue: 'modified'
    };
  }
);

addFilter(
  'blockstudio.field.options',
  'my-plugin/modify-options',
  (options, field, block) => {
    if (field.id === 'mySelect') {
      return [
        ...options,
        { value: 'new', label: 'New Option' }
      ];
    }
    return options;
  }
);

addAction(
  'blockstudio.block.rendered',
  'my-plugin/on-rendered',
  (block, element) => {
    console.log('Block rendered:', block.name);
  }
);

addAction(
  'blockstudio.init',
  'my-plugin/on-init',
  () => {
    console.log('Blockstudio initialized');
  }
);