Skip to content

2.1 integrate icons block#547

Merged
krugazul merged 13 commits into2.1-trunkfrom
2.1-integrate-icons-block
Jul 27, 2025
Merged

2.1 integrate icons block#547
krugazul merged 13 commits into2.1-trunkfrom
2.1-integrate-icons-block

Conversation

@tibiii
Copy link
Copy Markdown
Contributor

@tibiii tibiii commented Jul 22, 2025 •
edited by coderabbitai bot
Loading

Description

Integrate https://github.com/tibiii/icons-block into TO custom blocks. For easier testing and readability I kept both src and build folders, but the build folder might be removed in the future once we establish a build process for the whole plugin.

The hundreds of SVGs can be ignored for now, we will probably filter them based on the plugin's needs.

Summary by CodeRabbit

  • New Features

    • Introduced a new "Icons" block, allowing users to insert and customise SVG icons from a built-in library.
    • Offers icon category selection, search, and live preview within the editor.
    • Supports customisation of text/background colours, spacing, and typography options for icons.

  • Style

    • Added responsive styling for SVG icons, ensuring consistent appearance across different font sizes.

  • Documentation

    • Added instructions for managing and building custom icon assets.

@tibiii tibiii requested a review from krugazul July 22, 2025 14:57
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai bot commented Jul 22, 2025 •
edited
Loading

Warning

CodeRabbit GitHub Action detected

The repository is using both CodeRabbit Pro and CodeRabbit Open Source (via GitHub Actions), which is not recommended as it may lead to duplicate comments and extra noise. Please remove the CodeRabbit GitHub Action.

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Walkthrough

A new WordPress block named "Icons" has been introduced, enabling users to insert SVG icons from a custom library. The update includes block configuration, asset management, styles, build scripts, documentation, an icon generation script, and the block's main implementation with a React-based icon selector and preview interface.

Changes

File(s) Change Summary
includes/blocks/icons/build/block.json, includes/blocks/icons/src/block.json Added JSON block definitions for the new "Icons" block under the "lsx-tour-operator/icons" namespace.
includes/blocks/icons/build/index.asset.php Added PHP asset file listing JS dependencies and version hash for the block.
includes/blocks/icons/build/style-index.css, includes/blocks/icons/build/style-index-rtl.css Added CSS rules for sizing and displaying SVG icons, with adjustments for various font size classes.
includes/blocks/icons/package.json Added npm package file with a build script using wp-scripts.
includes/blocks/icons/src/README.md Added documentation outlining the process for building and generating icon assets.
includes/blocks/icons/src/generate-icons.js Added Node.js script to generate a React icons module from SVG files, with JSX conversion and export logic.
includes/blocks/icons/src/index.js Implemented the main block logic: registration, React-based icon chooser/editor, and frontend rendering.

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant BlockEditor
    participant IconsBlock
    participant IconsLibrary

    User->>BlockEditor: Insert "Icons" block
    BlockEditor->>IconsBlock: Render edit interface
    IconsBlock->>IconsLibrary: Load icon categories & icons
    User->>IconsBlock: Search/select icon type and icon
    IconsBlock->>IconsBlock: Update local state and block attributes
    User->>IconsBlock: Confirm selection (Insert)
    IconsBlock->>BlockEditor: Save selected icon info
    BlockEditor->>IconsBlock: Render saved icon on frontend
Loading

Estimated code review effort

3 (~45 minutes)

Suggested labels

[Type] Enhancement

Poem

A hop, a skip, a block appears,
With icons bright for all to cheer!
Search and choose, then click to show,
Your favourite SVGs in tow.
From outline, solid, every shape—
This bunny’s work, you can’t escape!
🐇✨

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Explain this complex logic.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
    • @coderabbitai explain this code block.
    • @coderabbitai modularize this function.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read src/utils.ts and explain its main purpose.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
    • @coderabbitai help me debug CodeRabbit configuration file.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

  • @coderabbitai pause to pause the reviews on a PR.
  • @coderabbitai resume to resume the paused reviews.
  • @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
  • @coderabbitai full review to do a full review from scratch and review all the files again.
  • @coderabbitai summary to regenerate the summary of the PR.
  • @coderabbitai generate docstrings to generate docstrings for this PR.
  • @coderabbitai generate sequence diagram to generate a sequence diagram of the changes in this PR.
  • @coderabbitai resolve resolve all the CodeRabbit review comments.
  • @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
  • @coderabbitai help to get help.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

Documentation and Community

  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 22, 2025 •
edited
Loading

Image description CodeRabbit

Uplevel your code reviews with CodeRabbit Pro

CodeRabbit Pro

If you like this project, please support us by purchasing the Pro version. The Pro version has advanced context, superior noise reduction and several proprietary improvements compared to the open source version. Moreover, CodeRabbit Pro is free for open source projects.

github-actions[bot]
github-actions bot reviewed Jul 22, 2025
View reviewed changes
Copy link
Copy Markdown

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image description CodeRabbit

Commits Files that changed from the base of the PR and between f2e4c25 and 2d7cf74 commits.
Files selected (3)
  • includes/blocks/icons/src/README.md (1)
  • includes/blocks/icons/src/generate-icons.js (1)
  • includes/blocks/icons/src/index.js (1)
Files ignored due to filter (292)
  • includes/blocks/icons/build/block.json
  • includes/blocks/icons/package.json
  • includes/blocks/icons/src/block.json
  • includes/blocks/icons/src/source-icons/outline/academic-cap.svg
  • includes/blocks/icons/src/source-icons/outline/adjustments-horizontal.svg
  • includes/blocks/icons/src/source-icons/outline/adjustments-vertical.svg
  • includes/blocks/icons/src/source-icons/outline/archive-box-arrow-down.svg
  • includes/blocks/icons/src/source-icons/outline/archive-box-x-mark.svg
  • includes/blocks/icons/src/source-icons/outline/archive-box.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down-circle.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down-left.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down-on-square-stack.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down-on-square.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down-right.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down-tray.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-left-circle.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-left-end-on-rectangle.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-left-on-rectangle.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-left-start-on-rectangle.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-left.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-long-down.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-long-left.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-long-right.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-long-up.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-path-rounded-square.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-path.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-right-circle.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-right-end-on-rectangle.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-right-on-rectangle.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-right-start-on-rectangle.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-right.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-small-down.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-small-left.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-small-right.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-small-up.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-top-right-on-square.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-trending-down.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-trending-up.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-down-left.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-down-right.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-left-down.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-left-up.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-right-down.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-right-up.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-up-left.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-up-right.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up-circle.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up-left.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up-on-square-stack.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up-on-square.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up-right.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up-tray.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-uturn-down.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-uturn-left.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-uturn-right.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-uturn-up.svg
  • includes/blocks/icons/src/source-icons/outline/arrows-pointing-in.svg
  • includes/blocks/icons/src/source-icons/outline/arrows-pointing-out.svg
  • includes/blocks/icons/src/source-icons/outline/arrows-right-left.svg
  • includes/blocks/icons/src/source-icons/outline/arrows-up-down.svg
  • includes/blocks/icons/src/source-icons/outline/at-symbol.svg
  • includes/blocks/icons/src/source-icons/outline/backspace.svg
  • includes/blocks/icons/src/source-icons/outline/backward.svg
  • includes/blocks/icons/src/source-icons/outline/banknotes.svg
  • includes/blocks/icons/src/source-icons/outline/bars-2.svg
  • includes/blocks/icons/src/source-icons/outline/bars-3-bottom-left.svg
  • includes/blocks/icons/src/source-icons/outline/bars-3-bottom-right.svg
  • includes/blocks/icons/src/source-icons/outline/bars-3-center-left.svg
  • includes/blocks/icons/src/source-icons/outline/bars-3.svg
  • includes/blocks/icons/src/source-icons/outline/bars-4.svg
  • includes/blocks/icons/src/source-icons/outline/bars-arrow-down.svg
  • includes/blocks/icons/src/source-icons/outline/bars-arrow-up.svg
  • includes/blocks/icons/src/source-icons/outline/battery-0.svg
  • includes/blocks/icons/src/source-icons/outline/battery-100.svg
  • includes/blocks/icons/src/source-icons/outline/battery-50.svg
  • includes/blocks/icons/src/source-icons/outline/beaker.svg
  • includes/blocks/icons/src/source-icons/outline/bell-alert.svg
  • includes/blocks/icons/src/source-icons/outline/bell-slash.svg
  • includes/blocks/icons/src/source-icons/outline/bell-snooze.svg
  • includes/blocks/icons/src/source-icons/outline/bell.svg
  • includes/blocks/icons/src/source-icons/outline/bold.svg
  • includes/blocks/icons/src/source-icons/outline/bolt-slash.svg
  • includes/blocks/icons/src/source-icons/outline/bolt.svg
  • includes/blocks/icons/src/source-icons/outline/book-open.svg
  • includes/blocks/icons/src/source-icons/outline/bookmark-slash.svg
  • includes/blocks/icons/src/source-icons/outline/bookmark-square.svg
  • includes/blocks/icons/src/source-icons/outline/bookmark.svg
  • includes/blocks/icons/src/source-icons/outline/briefcase.svg
  • includes/blocks/icons/src/source-icons/outline/bug-ant.svg
  • includes/blocks/icons/src/source-icons/outline/building-library.svg
  • includes/blocks/icons/src/source-icons/outline/building-office-2.svg
  • includes/blocks/icons/src/source-icons/outline/building-office.svg
  • includes/blocks/icons/src/source-icons/outline/building-storefront.svg
  • includes/blocks/icons/src/source-icons/outline/cake.svg
  • includes/blocks/icons/src/source-icons/outline/calculator.svg
  • includes/blocks/icons/src/source-icons/outline/calendar-date-range.svg
  • includes/blocks/icons/src/source-icons/outline/calendar-days.svg
  • includes/blocks/icons/src/source-icons/outline/calendar.svg
  • includes/blocks/icons/src/source-icons/outline/camera.svg
  • includes/blocks/icons/src/source-icons/outline/chart-bar-square.svg
  • includes/blocks/icons/src/source-icons/outline/chart-bar.svg
  • includes/blocks/icons/src/source-icons/outline/chart-pie.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-bottom-center-text.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-bottom-center.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-left-ellipsis.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-left-right.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-left.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-oval-left-ellipsis.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-oval-left.svg
  • includes/blocks/icons/src/source-icons/outline/check-badge.svg
  • includes/blocks/icons/src/source-icons/outline/check-circle.svg
  • includes/blocks/icons/src/source-icons/outline/check.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-double-down.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-double-left.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-double-right.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-double-up.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-down.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-left.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-right.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-up-down.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-up.svg
  • includes/blocks/icons/src/source-icons/outline/circle-stack.svg
  • includes/blocks/icons/src/source-icons/outline/clipboard-document-check.svg
  • includes/blocks/icons/src/source-icons/outline/clipboard-document-list.svg
  • includes/blocks/icons/src/source-icons/outline/clipboard-document.svg
  • includes/blocks/icons/src/source-icons/outline/clipboard.svg
  • includes/blocks/icons/src/source-icons/outline/clock.svg
  • includes/blocks/icons/src/source-icons/outline/cloud-arrow-down.svg
  • includes/blocks/icons/src/source-icons/outline/cloud-arrow-up.svg
  • includes/blocks/icons/src/source-icons/outline/cloud.svg
  • includes/blocks/icons/src/source-icons/outline/code-bracket-square.svg
  • includes/blocks/icons/src/source-icons/outline/code-bracket.svg
  • includes/blocks/icons/src/source-icons/outline/cog-6-tooth.svg
  • includes/blocks/icons/src/source-icons/outline/cog-8-tooth.svg
  • includes/blocks/icons/src/source-icons/outline/cog.svg
  • includes/blocks/icons/src/source-icons/outline/command-line.svg
  • includes/blocks/icons/src/source-icons/outline/computer-desktop.svg
  • includes/blocks/icons/src/source-icons/outline/cpu-chip.svg
  • includes/blocks/icons/src/source-icons/outline/credit-card.svg
  • includes/blocks/icons/src/source-icons/outline/cube-transparent.svg
  • includes/blocks/icons/src/source-icons/outline/cube.svg
  • includes/blocks/icons/src/source-icons/outline/currency-bangladeshi.svg
  • includes/blocks/icons/src/source-icons/outline/currency-dollar.svg
  • includes/blocks/icons/src/source-icons/outline/currency-euro.svg
  • includes/blocks/icons/src/source-icons/outline/currency-pound.svg
  • includes/blocks/icons/src/source-icons/outline/currency-rupee.svg
  • includes/blocks/icons/src/source-icons/outline/currency-yen.svg
  • includes/blocks/icons/src/source-icons/outline/cursor-arrow-rays.svg
  • includes/blocks/icons/src/source-icons/outline/cursor-arrow-ripple.svg
  • includes/blocks/icons/src/source-icons/outline/device-phone-mobile.svg
  • includes/blocks/icons/src/source-icons/outline/device-tablet.svg
  • includes/blocks/icons/src/source-icons/outline/divide.svg
  • includes/blocks/icons/src/source-icons/outline/document-arrow-down.svg
  • includes/blocks/icons/src/source-icons/outline/document-arrow-up.svg
  • includes/blocks/icons/src/source-icons/outline/document-chart-bar.svg
  • includes/blocks/icons/src/source-icons/outline/document-check.svg
  • includes/blocks/icons/src/source-icons/outline/document-currency-bangladeshi.svg
  • includes/blocks/icons/src/source-icons/outline/document-currency-dollar.svg
  • includes/blocks/icons/src/source-icons/outline/document-currency-euro.svg
  • includes/blocks/icons/src/source-icons/outline/document-currency-pound.svg
  • includes/blocks/icons/src/source-icons/outline/document-currency-rupee.svg
  • includes/blocks/icons/src/source-icons/outline/document-currency-yen.svg
  • includes/blocks/icons/src/source-icons/outline/document-duplicate.svg
  • includes/blocks/icons/src/source-icons/outline/document-magnifying-glass.svg
  • includes/blocks/icons/src/source-icons/outline/document-minus.svg
  • includes/blocks/icons/src/source-icons/outline/document-plus.svg
  • includes/blocks/icons/src/source-icons/outline/document-text.svg
  • includes/blocks/icons/src/source-icons/outline/document.svg
  • includes/blocks/icons/src/source-icons/outline/ellipsis-horizontal-circle.svg
  • includes/blocks/icons/src/source-icons/outline/ellipsis-horizontal.svg
  • includes/blocks/icons/src/source-icons/outline/ellipsis-vertical.svg
  • includes/blocks/icons/src/source-icons/outline/envelope-open.svg
  • includes/blocks/icons/src/source-icons/outline/envelope.svg
  • includes/blocks/icons/src/source-icons/outline/equals.svg
  • includes/blocks/icons/src/source-icons/outline/exclamation-circle.svg
  • includes/blocks/icons/src/source-icons/outline/exclamation-triangle.svg
  • includes/blocks/icons/src/source-icons/outline/eye-dropper.svg
  • includes/blocks/icons/src/source-icons/outline/eye-slash.svg
  • includes/blocks/icons/src/source-icons/outline/eye.svg
  • includes/blocks/icons/src/source-icons/outline/face-frown.svg
  • includes/blocks/icons/src/source-icons/outline/face-smile.svg
  • includes/blocks/icons/src/source-icons/outline/film.svg
  • includes/blocks/icons/src/source-icons/outline/finger-print.svg
  • includes/blocks/icons/src/source-icons/outline/fire.svg
  • includes/blocks/icons/src/source-icons/outline/flag.svg
  • includes/blocks/icons/src/source-icons/outline/folder-arrow-down.svg
  • includes/blocks/icons/src/source-icons/outline/folder-minus.svg
  • includes/blocks/icons/src/source-icons/outline/folder-open.svg
  • includes/blocks/icons/src/source-icons/outline/folder-plus.svg
  • includes/blocks/icons/src/source-icons/outline/folder.svg
  • includes/blocks/icons/src/source-icons/outline/forward.svg
  • includes/blocks/icons/src/source-icons/outline/funnel.svg
  • includes/blocks/icons/src/source-icons/outline/gif.svg
  • includes/blocks/icons/src/source-icons/outline/gift-top.svg
  • includes/blocks/icons/src/source-icons/outline/gift.svg
  • includes/blocks/icons/src/source-icons/outline/globe-alt.svg
  • includes/blocks/icons/src/source-icons/outline/globe-americas.svg
  • includes/blocks/icons/src/source-icons/outline/globe-asia-australia.svg
  • includes/blocks/icons/src/source-icons/outline/globe-europe-africa.svg
  • includes/blocks/icons/src/source-icons/outline/h1.svg
  • includes/blocks/icons/src/source-icons/outline/h2.svg
  • includes/blocks/icons/src/source-icons/outline/h3.svg
  • includes/blocks/icons/src/source-icons/outline/hand-raised.svg
  • includes/blocks/icons/src/source-icons/outline/hand-thumb-down.svg
  • includes/blocks/icons/src/source-icons/outline/hand-thumb-up.svg
  • includes/blocks/icons/src/source-icons/outline/hashtag.svg
  • includes/blocks/icons/src/source-icons/outline/heart.svg
  • includes/blocks/icons/src/source-icons/outline/home-modern.svg
  • includes/blocks/icons/src/source-icons/outline/home.svg
  • includes/blocks/icons/src/source-icons/outline/identification.svg
  • includes/blocks/icons/src/source-icons/outline/inbox-arrow-down.svg
  • includes/blocks/icons/src/source-icons/outline/inbox-stack.svg
  • includes/blocks/icons/src/source-icons/outline/inbox.svg
  • includes/blocks/icons/src/source-icons/outline/information-circle.svg
  • includes/blocks/icons/src/source-icons/outline/italic.svg
  • includes/blocks/icons/src/source-icons/outline/key.svg
  • includes/blocks/icons/src/source-icons/outline/language.svg
  • includes/blocks/icons/src/source-icons/outline/lifebuoy.svg
  • includes/blocks/icons/src/source-icons/outline/light-bulb.svg
  • includes/blocks/icons/src/source-icons/outline/link-slash.svg
  • includes/blocks/icons/src/source-icons/outline/link.svg
  • includes/blocks/icons/src/source-icons/outline/list-bullet.svg
  • includes/blocks/icons/src/source-icons/outline/lock-closed.svg
  • includes/blocks/icons/src/source-icons/outline/lock-open.svg
  • includes/blocks/icons/src/source-icons/outline/magnifying-glass-circle.svg
  • includes/blocks/icons/src/source-icons/outline/magnifying-glass-minus.svg
  • includes/blocks/icons/src/source-icons/outline/magnifying-glass-plus.svg
  • includes/blocks/icons/src/source-icons/outline/magnifying-glass.svg
  • includes/blocks/icons/src/source-icons/outline/map-pin.svg
  • includes/blocks/icons/src/source-icons/outline/map.svg
  • includes/blocks/icons/src/source-icons/outline/megaphone.svg
  • includes/blocks/icons/src/source-icons/outline/microphone.svg
  • includes/blocks/icons/src/source-icons/outline/minus-circle.svg
  • includes/blocks/icons/src/source-icons/outline/minus-small.svg
  • includes/blocks/icons/src/source-icons/outline/minus.svg
  • includes/blocks/icons/src/source-icons/outline/moon.svg
  • includes/blocks/icons/src/source-icons/outline/musical-note.svg
  • includes/blocks/icons/src/source-icons/outline/newspaper.svg
  • includes/blocks/icons/src/source-icons/outline/no-symbol.svg
  • includes/blocks/icons/src/source-icons/outline/numbered-list.svg
  • includes/blocks/icons/src/source-icons/outline/paint-brush.svg
  • includes/blocks/icons/src/source-icons/outline/paper-airplane.svg
  • includes/blocks/icons/src/source-icons/outline/paper-clip.svg
  • includes/blocks/icons/src/source-icons/outline/pause-circle.svg
  • includes/blocks/icons/src/source-icons/outline/pause.svg
  • includes/blocks/icons/src/source-icons/outline/pencil-square.svg
  • includes/blocks/icons/src/source-icons/outline/pencil.svg
  • includes/blocks/icons/src/source-icons/outline/percent-badge.svg
  • includes/blocks/icons/src/source-icons/outline/phone-arrow-down-left.svg
  • includes/blocks/icons/src/source-icons/outline/phone-arrow-up-right.svg
  • includes/blocks/icons/src/source-icons/outline/phone-x-mark.svg
  • includes/blocks/icons/src/source-icons/outline/phone.svg
  • includes/blocks/icons/src/source-icons/outline/photo.svg
  • includes/blocks/icons/src/source-icons/outline/play-circle.svg
  • includes/blocks/icons/src/source-icons/outline/play-pause.svg
  • includes/blocks/icons/src/source-icons/outline/play.svg
  • includes/blocks/icons/src/source-icons/outline/plus-circle.svg
  • includes/blocks/icons/src/source-icons/outline/plus-small.svg
  • includes/blocks/icons/src/source-icons/outline/plus.svg
  • includes/blocks/icons/src/source-icons/outline/power.svg
  • includes/blocks/icons/src/source-icons/outline/presentation-chart-bar.svg
  • includes/blocks/icons/src/source-icons/outline/presentation-chart-line.svg
  • includes/blocks/icons/src/source-icons/outline/printer.svg
  • includes/blocks/icons/src/source-icons/outline/puzzle-piece.svg
  • includes/blocks/icons/src/source-icons/outline/qr-code.svg
  • includes/blocks/icons/src/source-icons/outline/question-mark-circle.svg
  • includes/blocks/icons/src/source-icons/outline/queue-list.svg
  • includes/blocks/icons/src/source-icons/outline/radio.svg
  • includes/blocks/icons/src/source-icons/outline/receipt-percent.svg
  • includes/blocks/icons/src/source-icons/outline/receipt-refund.svg
  • includes/blocks/icons/src/source-icons/outline/rectangle-group.svg
  • includes/blocks/icons/src/source-icons/outline/rectangle-stack.svg
  • includes/blocks/icons/src/source-icons/outline/rocket-launch.svg
  • includes/blocks/icons/src/source-icons/outline/rss.svg
  • includes/blocks/icons/src/source-icons/outline/scale.svg
  • includes/blocks/icons/src/source-icons/outline/scissors.svg
  • includes/blocks/icons/src/source-icons/outline/server-stack.svg
  • includes/blocks/icons/src/source-icons/outline/server.svg
  • includes/blocks/icons/src/source-icons/outline/share.svg
  • includes/blocks/icons/src/source-icons/outline/shield-check.svg
  • includes/blocks/icons/src/source-icons/outline/shield-exclamation.svg
  • includes/blocks/icons/src/source-icons/outline/shopping-bag.svg
  • includes/blocks/icons/src/source-icons/outline/shopping-cart.svg
  • includes/blocks/icons/src/source-icons/outline/signal-slash.svg
  • includes/blocks/icons/src/source-icons/outline/signal.svg
  • includes/blocks/icons/src/source-icons/outline/slash.svg
  • includes/blocks/icons/src/source-icons/outline/sparkles.svg
  • includes/blocks/icons/src/source-icons/outline/speaker-wave.svg
  • includes/blocks/icons/src/source-icons/outline/speaker-x-mark.svg
  • includes/blocks/icons/src/source-icons/outline/square-2-stack.svg
Files not summarized due to errors (3)
  • includes/blocks/icons/src/README.md (nothing obtained from openai)
  • includes/blocks/icons/src/index.js (nothing obtained from openai)
  • includes/blocks/icons/src/generate-icons.js (nothing obtained from openai)
Files not reviewed due to errors (3)
  • includes/blocks/icons/src/README.md (no response)
  • includes/blocks/icons/src/generate-icons.js (no response)
  • includes/blocks/icons/src/index.js (no response)
Review comments generated (0)
  • Review: 0
  • LGTM: 0
Tips

Chat with Image description CodeRabbit Bot (@coderabbitai)

  • Reply on review comments left by this bot to ask follow-up questions. A review comment is a comment on a diff or a file.
  • Invite the bot into a review comment chain by tagging @coderabbitai in a reply.

Code suggestions

  • The bot may make code suggestions, but please review them carefully before committing since the line number ranges may be misaligned.
  • You can edit the comment made by the bot and manually tweak the suggestion if it is slightly off.

Pausing incremental reviews

  • Add @coderabbitai: ignore anywhere in the PR description to pause further reviews from the bot.

@tibiii
Copy link
Copy Markdown
Contributor Author

tibiii commented Jul 22, 2025

@CodeRabbit review

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai bot commented Jul 22, 2025

✅ Actions performed

Review triggered.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

coderabbitai[bot]
coderabbitai bot requested changes Jul 22, 2025
View reviewed changes
Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 8

🧹 Nitpick comments (8)
includes/blocks/icons/build/style-index-rtl.css (1)

1-1: Non-minified source should live in src/

Committing built artefacts bloats the repo and invites merge conflicts. Consider moving this file to .gitignore once a global build step is in place.

includes/blocks/icons/build/style-index.css (1)

1-1: Same note about committed build output

Keep only the SCSS/JSX sources in VCS; generate build/ on release.

includes/blocks/icons/src/README.md (2)

7-9: Specify a language for fenced blocks (MD040)

-   ```
+   ```bash
    node generate-icons.js
    ```
@@
-   ```
+   ```bash
    npm run build
    ```

This silences markdown-lint and improves syntax highlighting.

Also applies to: 12-14

1-15: Add prerequisite & cleanup notes

A short “Prerequisites” section (Node ≥ 18, NPM install) and a reminder that src/icons.react.js is generated and should not be manually edited would help new contributors.

includes/blocks/icons/build/block.json (1)

1-36: Consider excluding build files from version control

While the PR objectives mention keeping build folders for testing, it's generally best practice to exclude build artefacts from version control. Consider adding includes/blocks/icons/build/ to .gitignore and only committing source files. This prevents merge conflicts and keeps the repository cleaner.

includes/blocks/icons/src/block.json (1)

36-37: Remove trailing blank line

There's an unnecessary blank line at the end of the file. Consider removing it for consistency.

   }
 }
-
includes/blocks/icons/src/generate-icons.js (2)

30-39: Enhance SVG to JSX conversion for edge cases

The current implementation handles basic cases well, but could be improved to handle more SVG-specific attributes and edge cases.

 function svgToJSX(svg) {
   // Replace <svg ...> with <svg {...props} ...>
-  return svg.replace(/<svg(\s|>)/i, '<svg {...props}$1')
+  let jsx = svg.replace(/<svg(\s|>)/i, '<svg {...props}$1')
     // Convert attributes to camelCase for JSX
     .replace(/([a-zA-Z-]+)=/g, (m, p1) => {
       let attr = p1.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
       if (attr === 'class') attr = 'className';
+      // Handle other SVG-specific attribute conversions
+      if (attr === 'xlinkHref') attr = 'href';
+      if (attr === 'xmlnsXlink') attr = 'xmlnsXlink';
       return attr + '=';
     });
+  
+  // Ensure self-closing tags are properly formatted
+  jsx = jsx.replace(/<(\w+)([^>]*?)\/>/g, '<$1$2 />');
+  
+  return jsx;
 }

41-54: Consider adding display names to generated components

The generated React components lack display names, which can make debugging more difficult in React DevTools.

 function iconsToReactComponents(iconsObj, indent = '  ') {
   let out = '{\n';
   for (const [type, icons] of Object.entries(iconsObj)) {
     out += `${indent}${type}: {\n`;
     for (const [name, svg] of Object.entries(icons)) {
       const camelName = toCamelCase(name);
       const jsx = svgToJSX(svg);
-      out += `${indent}  ${camelName}: (props) => (\n${indent}    ${jsx}\n${indent}  ),\n`;
+      out += `${indent}  ${camelName}: Object.assign((props) => (\n${indent}    ${jsx}\n${indent}  ), { displayName: '${camelName}' }),\n`;
     }
     out += `${indent}},\n`;
   }
   out += '};';
   return out;
 }
📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between f2e4c25 and 2d7cf74.

⛔ Files ignored due to path filters (289)
  • includes/blocks/icons/src/source-icons/outline/academic-cap.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/adjustments-horizontal.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/adjustments-vertical.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/archive-box-arrow-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/archive-box-x-mark.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/archive-box.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down-on-square-stack.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down-on-square.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down-right.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down-tray.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-left-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-left-end-on-rectangle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-left-on-rectangle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-left-start-on-rectangle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-long-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-long-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-long-right.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-long-up.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-path-rounded-square.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-path.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-right-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-right-end-on-rectangle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-right-on-rectangle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-right-start-on-rectangle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-right.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-small-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-small-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-small-right.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-small-up.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-top-right-on-square.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-trending-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-trending-up.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-down-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-down-right.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-left-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-left-up.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-right-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-right-up.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-up-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-turn-up-right.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up-on-square-stack.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up-on-square.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up-right.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up-tray.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-up.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-uturn-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-uturn-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-uturn-right.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrow-uturn-up.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrows-pointing-in.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrows-pointing-out.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrows-right-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/arrows-up-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/at-symbol.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/backspace.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/backward.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/banknotes.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bars-2.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bars-3-bottom-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bars-3-bottom-right.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bars-3-center-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bars-3.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bars-4.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bars-arrow-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bars-arrow-up.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/battery-0.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/battery-100.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/battery-50.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/beaker.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bell-alert.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bell-slash.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bell-snooze.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bell.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bold.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bolt-slash.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bolt.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/book-open.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bookmark-slash.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bookmark-square.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bookmark.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/briefcase.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/bug-ant.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/building-library.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/building-office-2.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/building-office.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/building-storefront.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/cake.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/calculator.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/calendar-date-range.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/calendar-days.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/calendar.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/camera.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chart-bar-square.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chart-bar.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chart-pie.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-bottom-center-text.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-bottom-center.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-left-ellipsis.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-left-right.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-oval-left-ellipsis.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chat-bubble-oval-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/check-badge.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/check-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/check.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-double-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-double-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-double-right.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-double-up.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-right.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-up-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/chevron-up.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/circle-stack.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/clipboard-document-check.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/clipboard-document-list.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/clipboard-document.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/clipboard.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/clock.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/cloud-arrow-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/cloud-arrow-up.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/cloud.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/code-bracket-square.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/code-bracket.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/cog-6-tooth.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/cog-8-tooth.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/cog.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/command-line.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/computer-desktop.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/cpu-chip.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/credit-card.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/cube-transparent.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/cube.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/currency-bangladeshi.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/currency-dollar.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/currency-euro.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/currency-pound.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/currency-rupee.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/currency-yen.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/cursor-arrow-rays.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/cursor-arrow-ripple.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/device-phone-mobile.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/device-tablet.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/divide.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-arrow-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-arrow-up.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-chart-bar.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-check.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-currency-bangladeshi.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-currency-dollar.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-currency-euro.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-currency-pound.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-currency-rupee.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-currency-yen.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-duplicate.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-magnifying-glass.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-minus.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-plus.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document-text.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/document.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/ellipsis-horizontal-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/ellipsis-horizontal.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/ellipsis-vertical.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/envelope-open.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/envelope.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/equals.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/exclamation-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/exclamation-triangle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/eye-dropper.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/eye-slash.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/eye.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/face-frown.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/face-smile.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/film.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/finger-print.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/fire.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/flag.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/folder-arrow-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/folder-minus.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/folder-open.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/folder-plus.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/folder.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/forward.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/funnel.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/gif.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/gift-top.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/gift.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/globe-alt.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/globe-americas.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/globe-asia-australia.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/globe-europe-africa.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/h1.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/h2.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/h3.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/hand-raised.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/hand-thumb-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/hand-thumb-up.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/hashtag.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/heart.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/home-modern.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/home.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/identification.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/inbox-arrow-down.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/inbox-stack.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/inbox.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/information-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/italic.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/key.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/language.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/lifebuoy.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/light-bulb.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/link-slash.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/link.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/list-bullet.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/lock-closed.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/lock-open.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/magnifying-glass-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/magnifying-glass-minus.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/magnifying-glass-plus.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/magnifying-glass.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/map-pin.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/map.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/megaphone.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/microphone.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/minus-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/minus-small.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/minus.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/moon.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/musical-note.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/newspaper.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/no-symbol.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/numbered-list.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/paint-brush.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/paper-airplane.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/paper-clip.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/pause-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/pause.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/pencil-square.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/pencil.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/percent-badge.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/phone-arrow-down-left.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/phone-arrow-up-right.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/phone-x-mark.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/phone.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/photo.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/play-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/play-pause.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/play.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/plus-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/plus-small.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/plus.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/power.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/presentation-chart-bar.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/presentation-chart-line.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/printer.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/puzzle-piece.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/qr-code.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/question-mark-circle.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/queue-list.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/radio.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/receipt-percent.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/receipt-refund.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/rectangle-group.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/rectangle-stack.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/rocket-launch.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/rss.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/scale.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/scissors.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/server-stack.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/server.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/share.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/shield-check.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/shield-exclamation.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/shopping-bag.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/shopping-cart.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/signal-slash.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/signal.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/slash.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/sparkles.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/speaker-wave.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/speaker-x-mark.svg is excluded by !**/*.svg
  • includes/blocks/icons/src/source-icons/outline/square-2-stack.svg is excluded by !**/*.svg
📒 Files selected for processing (9)
  • includes/blocks/icons/build/block.json (1 hunks)
  • includes/blocks/icons/build/index.asset.php (1 hunks)
  • includes/blocks/icons/build/style-index-rtl.css (1 hunks)
  • includes/blocks/icons/build/style-index.css (1 hunks)
  • includes/blocks/icons/package.json (1 hunks)
  • includes/blocks/icons/src/README.md (1 hunks)
  • includes/blocks/icons/src/block.json (1 hunks)
  • includes/blocks/icons/src/generate-icons.js (1 hunks)
  • includes/blocks/icons/src/index.js (1 hunks)
🪛 markdownlint-cli2 (0.17.2)
includes/blocks/icons/src/README.md

7-7: Fenced code blocks should have a language specified

(MD040, fenced-code-language)

12-12: Fenced code blocks should have a language specified

(MD040, fenced-code-language)

🧰 Additional context used
🪛 markdownlint-cli2 (0.17.2)
includes/blocks/icons/src/README.md

7-7: Fenced code blocks should have a language specified

(MD040, fenced-code-language)

12-12: Fenced code blocks should have a language specified

(MD040, fenced-code-language)

🔇 Additional comments (1)
includes/blocks/icons/build/index.asset.php (1)

1-1: Double-check WP minimum-version vs react-jsx-runtime

react-jsx-runtime ships with WP 6.2+. If the plugin advertises compatibility with earlier WP versions, older sites will fatal-error when this dependency isn’t registered. Either:

  1. Bump the plugin’s “Requires at least” header to 6.2, or
  2. Remove the entry and compile the bundle to classic React calls.

@krugazul krugazul self-assigned this Jul 23, 2025
@github-project-automation github-project-automation bot moved this to Needs Triage in Tour Operator Jul 23, 2025
@krugazul krugazul added this to the 2.1.0 milestone Jul 23, 2025
@krugazul krugazul moved this from Needs Triage to Needs Testing in Tour Operator Jul 23, 2025
@tibiii tibiii moved this from Needs Testing to 🏗️ In Progress in Tour Operator Jul 23, 2025
@tibiii tibiii moved this from 🏗️ In Progress to Needs Testing in Tour Operator Jul 23, 2025
github-actions[bot]
github-actions bot reviewed Jul 23, 2025
View reviewed changes
Copy link
Copy Markdown

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image description CodeRabbit

Commits Files that changed from the base of the PR and between 2d7cf74 and 1a01912 commits.
Files selected (2)
  • includes/blocks/icons/src/generate-icons.js (1)
  • includes/blocks/icons/src/index.js (1)
Files ignored due to filter (1)
  • includes/blocks/icons/package.json
Files not summarized due to errors (2)
  • includes/blocks/icons/src/generate-icons.js (nothing obtained from openai)
  • includes/blocks/icons/src/index.js (nothing obtained from openai)
Files not reviewed due to errors (2)
  • includes/blocks/icons/src/generate-icons.js (no response)
  • includes/blocks/icons/src/index.js (no response)
Review comments generated (0)
  • Review: 0
  • LGTM: 0
Tips

Chat with Image description CodeRabbit Bot (@coderabbitai)

  • Reply on review comments left by this bot to ask follow-up questions. A review comment is a comment on a diff or a file.
  • Invite the bot into a review comment chain by tagging @coderabbitai in a reply.

Code suggestions

  • The bot may make code suggestions, but please review them carefully before committing since the line number ranges may be misaligned.
  • You can edit the comment made by the bot and manually tweak the suggestion if it is slightly off.

Pausing incremental reviews

  • Add @coderabbitai: ignore anywhere in the PR description to pause further reviews from the bot.

@github-project-automation github-project-automation bot moved this from Needs Testing to Needs Triage in Tour Operator Jul 23, 2025
krugazul
krugazul approved these changes Jul 27, 2025
View reviewed changes
Copy link
Copy Markdown
Collaborator

@krugazul krugazul left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@tibiii ive gone through the code, and run a test locally. The block is working fine in the backend and the frontend, and is responding to the styles as well.

Screenshot 2025-07-27 at 22 16 14

@krugazul krugazul merged commit 3bc3d99 into 2.1-trunk Jul 27, 2025
5 of 6 checks passed
@krugazul krugazul deleted the 2.1-integrate-icons-block branch July 27, 2025 20:19
@github-project-automation github-project-automation bot moved this from Needs Triage to ✅ Done in Tour Operator Jul 27, 2025
@coderabbitai coderabbitai bot mentioned this pull request Aug 1, 2025
Merged
This was referenced Oct 6, 2025
Merged
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@github-actions github-actions[bot] github-actions[bot] left review comments

@krugazul krugazul krugazul approved these changes

@coderabbitai coderabbitai[bot] coderabbitai[bot] approved these changes

Assignees

@krugazul krugazul

Labels

None yet

Projects

Tour Operator
Status: ✅ Done

Milestone

v2.1.0

Development

Successfully merging this pull request may close these issues.

2 participants

@tibiii @krugazul