Feature: Add campaign title block

[pauloiankoski]

Resolves GIVE-1959

Description

This pull request lays the foundation for future Campaign-related blocks by introducing key structural elements. The updates in this PR include:

• Dynamic Block Registration: Registers blocks dynamically based on their block.json files.
• Campaign Page REST API: Adds campaignId as a field to the REST API response for the Campaign Page CPT.
• Custom Hooks and Shared Components: Introduces reusable hooks and components to simplify campaign selection or retrieval from context within campaign blocks.
• Initial Campaign Title Block: Adds a basic Campaign Title block to serve as a reference and model for upcoming blocks.

These changes establish a scalable and flexible structure for Campaign blocks, enabling more streamlined development of future features.

Visuals

Testing Instructions

1. Test on a Campaign Page:

• Open a Campaign Page.
• Add the Campaign Title block.
• Verify that the block renders automatically, displaying the corresponding campaign title.

2. Test on Other Pages:

• Open any other page type (not a Campaign Page).
• Add the Campaign Title block.
• Ensure that a campaign selector is displayed.
• Select a campaign from the selector.
• Verify that the block updates and renders the title of the selected campaign.

Pre-review Checklist

• Acceptance criteria satisfied and marked in related issue
• Relevant @unreleased tags included in DocBlocks
• Includes unit tests
• Reviewed by the designer (if follows a design)
• Self Review of code and UX completed

[glaubersilva]

@pauloiankoski I'm trying to compile it with npm run dev but I'm receiving multiple errors in the console as you can see here:

ERROR in C:\Users\glaub\Local Sites\givewp\app\public\wp-content\plugins\give\src\Campaigns\Blocks\CampaignTitleBlock\edit.tsx
23:35-42
[tsl] ERROR in C:\Users\glaub\Local Sites\givewp\app\public\wp-content\plugins\give\src\Campaigns\Blocks\CampaignTitleBlock\edit.tsx(23,36)
      TS2339: Property 'getSite' does not exist on type 'never'.

ERROR in C:\Users\glaub\Local Sites\givewp\app\public\wp-content\plugins\give\src\Campaigns\Blocks\shared\hooks\useCampaignId.ts
5:47-65
[tsl] ERROR in C:\Users\glaub\Local Sites\givewp\app\public\wp-content\plugins\give\src\Campaigns\Blocks\shared\hooks\useCampaignId.ts(5,48)
      TS2339: Property 'getCurrentPostType' does not exist on type 'never'.

ERROR in C:\Users\glaub\Local Sites\givewp\app\public\wp-content\plugins\give\src\Campaigns\Blocks\shared\hooks\useCampaignId.ts
8:41-63
[tsl] ERROR in C:\Users\glaub\Local Sites\givewp\app\public\wp-content\plugins\give\src\Campaigns\Blocks\shared\hooks\useCampaignId.ts(8,42)
      TS2339: Property 'getEditedPostAttribute' does not exist on type 'never'.

Any idea?

P.S.: I already removed the node_modules folder and ran the npm install again just to make sure.

[pauloiankoski]

@glaubersilva We might need to add ts-ignore to all those errors since they are part of the internal data API.

[glaubersilva]

@pauloiankoski Thanks for the update! I was able to compile it and see the block working on the campaign page. However, when I created a new regular page and added the block, I wasn't able to select a campaign because the selector only displayed the "No campaigns found" message.

One more thing I would like to clarify about the page title of the campaign page (CPT).

Is the expected behavior to display the string "No title" and prevent users from editing it?

[pauloiankoski]

The "No campaign found" message is regarding an issue with our Campaign API endpoint.

We have discussed about that but maybe it has not been tackled.

[pauloiankoski]

The issue with the title is something to be addressed in a separated task where we may be syncing the Campaign title with the landing page title.

[glaubersilva]

@pauloiankoski I did the first round of reviews and left a few comments with some suggestions. Tomorrow I'll do another round.

[glaubersilva]

The BaseControl component requires an id attribute.

[pauloiankoski]

https://github.com/WordPress/gutenberg/blob/trunk/packages/components/src/base-control/README.md#id

Per the docs, the only required attribute is children. Anyway, added here: 817d364

[glaubersilva]

The weird thing is that the IDE says it's required.

[glaubersilva]

@pauloiankoski Nice work! I left just a few more comments in my second round of reviews. As a note, I was a bit picky with the details while reviewing the code, as this is the first block that will serve as the foundation for others so I was trying to make sure we'll have a solid base for the next blocks. Thanks in advance for your understanding. 🙂

[glaubersilva]

@pauloiankoski Thanks for the changes, great work man! 🚀