volto-searchblocks 0.1.8

package/.changelog.draft

@@ -0,0 +1,3 @@
+## 0.1.8 (2026-02-05)
+
+

package/.release-it.json

@@ -0,0 +1,34 @@
+{
+  "plugins": {
+    "../../core/packages/scripts/prepublish.js": {}
+  },
+  "hooks": {
+    "after:bump": [
+      "pipx run towncrier build --draft --yes --version ${version} > .changelog.draft",
+      "pipx run towncrier build --yes --version ${version}",
+      "cp ../../README.md ./ && cp CHANGELOG.md ../../CHANGELOG.md",
+      "python3 -c 'import json; data = json.load(open(\"../../package.json\")); data[\"version\"] = \"${version}\"; json.dump(data, open(\"../../package.json\", \"w\"), indent=2)'",
+      "git add ../../CHANGELOG.md ../../package.json"
+    ],
+    "after:release": "rm .changelog.draft README.md"
+  },
+  "npm": {
+    "publish": true
+  },
+  "plonePrePublish": {
+    "publish": false
+  },
+  "git": {
+    "changelog": "pipx run towncrier build --draft --yes --version 0.0.0",
+    "requireUpstream": false,
+    "requireCleanWorkingDir": false,
+    "commitMessage": "Release ${version}",
+    "tagName": "${version}",
+    "tagAnnotation": "Release ${version}"
+  },
+  "github": {
+    "release": false,
+    "releaseName": "${version}",
+    "releaseNotes": "cat .changelog.draft"
+  }
+}

package/CHANGELOG.md

@@ -0,0 +1,23 @@
+# Changelog
+
+<!-- You should *NOT* be adding new change log entries to this file.
+     You should create a file in the news directory instead.
+     For helpful instructions, please see:
+     https://6.docs.plone.org/contributing/index.html#contributing-change-log-label
+-->
+
+<!-- towncrier release notes start -->
+
+## 0.1.8 (2026-02-05)
+
+## 0.1.5 (2026-02-03)
+
+## 0.1.4 (2026-02-03)
+
+## 0.1.3 (2026-02-03)
+
+## 0.1.2 (2026-02-03)
+
+## 0.1.1 (2026-02-03)
+
+## 0.1.0 (2026-02-03)

package/README.md

@@ -0,0 +1,201 @@
+# Search blocks (volto-searchblocks)
+
+A Volto add-on that provides a control panel for searching and managing content that uses specific blocks.
+
+[![npm](https://img.shields.io/npm/v/volto-searchblocks)](https://www.npmjs.com/package/volto-searchblocks)
+[![](https://img.shields.io/badge/-Storybook-ff4785?logo=Storybook&logoColor=white&style=flat-square)](https://collective.github.io/volto-searchblocks/)
+[![CI](https://github.com/collective/collective-searchblocks/actions/workflows/main.yml/badge.svg)](https://github.com/collective/collective-searchblocks/actions/workflows/main.yml)
+
+
+## Features ✨
+
+- **Search Blocks Control Panel**: Dedicated control panel view for searching content by block types
+- **Table Display**: Results displayed in a sortable table with key metadata
+- **Pagination**: Navigate through results with configurable page sizes (default, 50, or all)
+- **Block Type Selection**: Dropdown selector for choosing which block type to search for
+- **Multilingual Support**: Full i18n support with Italian translation included
+- **Error Handling**: Comprehensive error displays for API failures
+- **Semantic UI Integration**: Uses Volto's standard Semantic UI components for consistent styling
+
+## Installation
+
+To install your project, you must choose the method appropriate to your version of Volto.
+
+
+### Volto 18 and later
+
+Add `volto-searchblocks` to your `package.json`.
+
+```json
+"dependencies": {
+    "volto-searchblocks": "*"
+}
+```
+
+Add `volto-searchblocks` to your `volto.config.js`.
+
+```javascript
+const addons = ['volto-searchblocks'];
+```
+
+If this package provides a Volto theme, and you want to activate it, then add the following to your `volto.config.js`.
+
+```javascript
+const theme = 'volto-searchblocks';
+```
+
+### Volto 17 and earlier
+
+Create a new Volto project.
+You can skip this step if you already have one.
+
+```
+npm install -g yo @plone/generator-volto
+yo @plone/volto my-volto-project --addon volto-searchblocks
+cd my-volto-project
+```
+
+Add `volto-searchblocks` to your `package.json`.
+
+```JSON
+"addons": [
+    "volto-searchblocks"
+],
+
+"dependencies": {
+    "volto-searchblocks": "*"
+}
+```
+
+Download and install the new add-on.
+
+```
+yarn install
+```
+
+Start Volto.
+
+```
+yarn start
+```
+
+## Test installation
+
+Visit http://localhost:3000/ in a browser, login, and check the awesome new features.
+
+
+## Development
+
+The development of this add-on is done in isolation using pnpm workspaces, the latest `mrs-developer`, and other Volto core improvements.
+For these reasons, it only works with pnpm and Volto 18.
+
+
+### Prerequisites ✅
+
+-   An [operating system](https://6.docs.plone.org/install/create-project-cookieplone.html#prerequisites-for-installation) that runs all the requirements mentioned.
+-   [nvm](https://6.docs.plone.org/install/create-project-cookieplone.html#nvm)
+-   [Node.js and pnpm](https://6.docs.plone.org/install/create-project.html#node-js) 22
+-   [Make](https://6.docs.plone.org/install/create-project-cookieplone.html#make)
+-   [Git](https://6.docs.plone.org/install/create-project-cookieplone.html#git)
+-   [Docker](https://docs.docker.com/get-started/get-docker/) (optional)
+
+### Installation 🔧
+
+1.  Clone this repository, then change your working directory.
+
+    ```shell
+    git clone git@github.com:collective/collective-searchblocks.git
+    cd collective-searchblocks/frontend
+    ```
+
+2.  Install this code base.
+
+    ```shell
+    make install
+    ```
+
+
+### Make convenience commands
+
+Run `make help` to list the available Make commands.
+
+
+### Set up development environment
+
+Install package requirements.
+
+```shell
+make install
+```
+
+### Start developing
+
+Start the backend.
+
+```shell
+make backend-docker-start
+```
+
+In a separate terminal session, start the frontend.
+
+```shell
+make start
+```
+
+### Lint code
+
+Run ESlint, Prettier, and Stylelint in analyze mode.
+
+```shell
+make lint
+```
+
+### Format code
+
+Run ESlint, Prettier, and Stylelint in fix mode.
+
+```shell
+make format
+```
+
+### i18n
+
+Extract the i18n messages to locales.
+
+```shell
+make i18n
+```
+
+### Unit tests
+
+Run unit tests.
+
+```shell
+make test
+```
+
+### Run Cypress tests
+
+Run each of these steps in separate terminal sessions.
+
+In the first session, start the frontend in development mode.
+
+```shell
+make acceptance-frontend-dev-start
+```
+
+In the second session, start the backend acceptance server.
+
+```shell
+make acceptance-backend-start
+```
+
+In the third session, start the Cypress interactive test runner.
+
+```shell
+make acceptance-test
+```
+
+## License
+
+The project is licensed under the MIT license.

package/babel.config.js

@@ -0,0 +1,17 @@
+module.exports = function (api) {
+  api.cache(true);
+  const presets = ['razzle'];
+  const plugins = [
+    [
+      'react-intl', // React Intl extractor, required for the whole i18n infrastructure to work
+      {
+        messagesDir: './build/messages/',
+      },
+    ],
+  ];
+
+  return {
+    plugins,
+    presets,
+  };
+};

package/locales/de/LC_MESSAGES/volto.po

@@ -0,0 +1,83 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: de\n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#. Default: "Back to Control Panel"
+#: components/SearchBlocks/SearchBlocks
+msgid "Back to Control Panel"
+msgstr ""
+
+#. Default: "Block Type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Block Type"
+msgstr ""
+
+#. Default: "Choose a block type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Choose a block type"
+msgstr ""
+
+#. Default: "Created"
+#: components/SearchBlocks/SearchBlocks
+msgid "Created"
+msgstr ""
+
+#. Default: "Loading..."
+#: components/SearchBlocks/SearchBlocks
+msgid "Loading"
+msgstr ""
+
+#. Default: "Modified"
+#: components/SearchBlocks/SearchBlocks
+msgid "Modified"
+msgstr ""
+
+#. Default: "No results found for"
+#: components/SearchBlocks/SearchBlocks
+msgid "No results found for"
+msgstr ""
+
+#. Default: "On this page you can see which contents on the site use a specific block"
+#: components/SearchBlocks/SearchBlocks
+msgid "On this page you can see which contents on the site use a specific block"
+msgstr ""
+
+#. Default: "Results"
+#: components/SearchBlocks/SearchBlocks
+msgid "Results"
+msgstr ""
+
+#. Default: "Review State"
+#: components/SearchBlocks/SearchBlocks
+msgid "Review State"
+msgstr ""
+
+#. Default: "Search blocks"
+#: components/SearchBlocks/SearchBlocks
+#: config/settings
+msgid "Search blocks"
+msgstr ""
+
+#. Default: "Select Block Type:"
+#: components/SearchBlocks/SearchBlocks
+msgid "Select Block Type"
+msgstr ""
+
+#. Default: "Title"
+#: components/SearchBlocks/SearchBlocks
+msgid "Title"
+msgstr ""
+
+#. Default: "Type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Type"
+msgstr ""

package/locales/en/LC_MESSAGES/volto.po

@@ -0,0 +1,83 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: en\n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#. Default: "Back to Control Panel"
+#: components/SearchBlocks/SearchBlocks
+msgid "Back to Control Panel"
+msgstr ""
+
+#. Default: "Block Type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Block Type"
+msgstr ""
+
+#. Default: "Choose a block type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Choose a block type"
+msgstr ""
+
+#. Default: "Created"
+#: components/SearchBlocks/SearchBlocks
+msgid "Created"
+msgstr ""
+
+#. Default: "Loading..."
+#: components/SearchBlocks/SearchBlocks
+msgid "Loading"
+msgstr ""
+
+#. Default: "Modified"
+#: components/SearchBlocks/SearchBlocks
+msgid "Modified"
+msgstr ""
+
+#. Default: "No results found for"
+#: components/SearchBlocks/SearchBlocks
+msgid "No results found for"
+msgstr ""
+
+#. Default: "On this page you can see which contents on the site use a specific block"
+#: components/SearchBlocks/SearchBlocks
+msgid "On this page you can see which contents on the site use a specific block"
+msgstr ""
+
+#. Default: "Results"
+#: components/SearchBlocks/SearchBlocks
+msgid "Results"
+msgstr ""
+
+#. Default: "Review State"
+#: components/SearchBlocks/SearchBlocks
+msgid "Review State"
+msgstr ""
+
+#. Default: "Search blocks"
+#: components/SearchBlocks/SearchBlocks
+#: config/settings
+msgid "Search blocks"
+msgstr ""
+
+#. Default: "Select Block Type:"
+#: components/SearchBlocks/SearchBlocks
+msgid "Select Block Type"
+msgstr ""
+
+#. Default: "Title"
+#: components/SearchBlocks/SearchBlocks
+msgid "Title"
+msgstr ""
+
+#. Default: "Type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Type"
+msgstr ""

package/locales/es/LC_MESSAGES/volto.po

@@ -0,0 +1,90 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Plone\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2023-05-09 11:45-0400\n"
+"PO-Revision-Date: 2023-05-10 11:34-0400\n"
+"Last-Translator: Leonardo J. Caballero G. <leonardocaballero@gmail.com>\n"
+"Language: es\n"
+"Language-Team: ES <LL@li.org>\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"Preferred-Encodings: utf-8\n"
+"MIME-Version: 1.0\n"
+"Language-Code: es\n"
+"Language-Name: Español\n"
+"Domain: volto\n"
+"X-Is-Fallback-For: es-ar es-bo es-cl es-co es-cr es-do es-ec es-es es-sv es-gt es-hn es-mx es-ni es-pa es-py es-pe es-pr es-us es-uy es-ve\n"
+"X-Generator: Poedit 2.2.1\n"
+
+#. Default: "Back to Control Panel"
+#: components/SearchBlocks/SearchBlocks
+msgid "Back to Control Panel"
+msgstr ""
+
+#. Default: "Block Type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Block Type"
+msgstr ""
+
+#. Default: "Choose a block type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Choose a block type"
+msgstr ""
+
+#. Default: "Created"
+#: components/SearchBlocks/SearchBlocks
+msgid "Created"
+msgstr ""
+
+#. Default: "Loading..."
+#: components/SearchBlocks/SearchBlocks
+msgid "Loading"
+msgstr ""
+
+#. Default: "Modified"
+#: components/SearchBlocks/SearchBlocks
+msgid "Modified"
+msgstr ""
+
+#. Default: "No results found for"
+#: components/SearchBlocks/SearchBlocks
+msgid "No results found for"
+msgstr ""
+
+#. Default: "On this page you can see which contents on the site use a specific block"
+#: components/SearchBlocks/SearchBlocks
+msgid "On this page you can see which contents on the site use a specific block"
+msgstr ""
+
+#. Default: "Results"
+#: components/SearchBlocks/SearchBlocks
+msgid "Results"
+msgstr ""
+
+#. Default: "Review State"
+#: components/SearchBlocks/SearchBlocks
+msgid "Review State"
+msgstr ""
+
+#. Default: "Search blocks"
+#: components/SearchBlocks/SearchBlocks
+#: config/settings
+msgid "Search blocks"
+msgstr ""
+
+#. Default: "Select Block Type:"
+#: components/SearchBlocks/SearchBlocks
+msgid "Select Block Type"
+msgstr ""
+
+#. Default: "Title"
+#: components/SearchBlocks/SearchBlocks
+msgid "Title"
+msgstr ""
+
+#. Default: "Type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Type"
+msgstr ""

package/locales/it/LC_MESSAGES/volto.po

@@ -0,0 +1,84 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Plone\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2025-01-16T00:00:00.000Z\n"
+"PO-Revision-Date: 2025-01-16\n"
+"Last-Translator: \n"
+"Language: it\n"
+"Language-Team: Italian\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"MIME-Version: 1.0\n"
+
+#. Default: "Back to Control Panel"
+#: components/SearchBlocks/SearchBlocks
+msgid "Back to Control Panel"
+msgstr "Torna al Pannello di Controllo"
+
+#. Default: "Block Type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Block Type"
+msgstr "Tipo di Blocco"
+
+#. Default: "Choose a block type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Choose a block type"
+msgstr "Scegli un tipo di blocco"
+
+#. Default: "Created"
+#: components/SearchBlocks/SearchBlocks
+msgid "Created"
+msgstr "Creato"
+
+#. Default: "Loading..."
+#: components/SearchBlocks/SearchBlocks
+msgid "Loading"
+msgstr "Caricamento in corso..."
+
+#. Default: "Modified"
+#: components/SearchBlocks/SearchBlocks
+msgid "Modified"
+msgstr "Modificato"
+
+#. Default: "No results found for"
+#: components/SearchBlocks/SearchBlocks
+msgid "No results found for"
+msgstr "Nessun risultato trovato per"
+
+#. Default: "On this page you can see which contents on the site use a specific block"
+#: components/SearchBlocks/SearchBlocks
+msgid "On this page you can see which contents on the site use a specific block"
+msgstr "In questa pagina puoi vedere quali contenuti del sito utilizzano un determinato blocco"
+
+#. Default: "Results"
+#: components/SearchBlocks/SearchBlocks
+msgid "Results"
+msgstr "Risultati"
+
+#. Default: "Review State"
+#: components/SearchBlocks/SearchBlocks
+msgid "Review State"
+msgstr "Stato di Revisione"
+
+#. Default: "Search blocks"
+#: components/SearchBlocks/SearchBlocks
+#: config/settings
+msgid "Search blocks"
+msgstr "Ricerca blocchi"
+
+#. Default: "Select Block Type:"
+#: components/SearchBlocks/SearchBlocks
+msgid "Select Block Type"
+msgstr "Seleziona Tipo di Blocco"
+
+#. Default: "Title"
+#: components/SearchBlocks/SearchBlocks
+msgid "Title"
+msgstr "Titolo"
+
+#. Default: "Type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Type"
+msgstr "Tipo"

package/locales/pt_BR/LC_MESSAGES/volto.po

@@ -0,0 +1,88 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Plone\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2023-04-06T16:01:32.969Z\n"
+"PO-Revision-Date: \n"
+"Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"Language: \n"
+"Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+"MIME-Version: 1.0\n"
+"Language-Code: pt_BR\n"
+"Language-Name: Português do Brasil\n"
+"Preferred-Encodings: utf-8\n"
+"Domain: volto\n"
+
+#. Default: "Back to Control Panel"
+#: components/SearchBlocks/SearchBlocks
+msgid "Back to Control Panel"
+msgstr ""
+
+#. Default: "Block Type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Block Type"
+msgstr ""
+
+#. Default: "Choose a block type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Choose a block type"
+msgstr ""
+
+#. Default: "Created"
+#: components/SearchBlocks/SearchBlocks
+msgid "Created"
+msgstr ""
+
+#. Default: "Loading..."
+#: components/SearchBlocks/SearchBlocks
+msgid "Loading"
+msgstr ""
+
+#. Default: "Modified"
+#: components/SearchBlocks/SearchBlocks
+msgid "Modified"
+msgstr ""
+
+#. Default: "No results found for"
+#: components/SearchBlocks/SearchBlocks
+msgid "No results found for"
+msgstr ""
+
+#. Default: "On this page you can see which contents on the site use a specific block"
+#: components/SearchBlocks/SearchBlocks
+msgid "On this page you can see which contents on the site use a specific block"
+msgstr ""
+
+#. Default: "Results"
+#: components/SearchBlocks/SearchBlocks
+msgid "Results"
+msgstr ""
+
+#. Default: "Review State"
+#: components/SearchBlocks/SearchBlocks
+msgid "Review State"
+msgstr ""
+
+#. Default: "Search blocks"
+#: components/SearchBlocks/SearchBlocks
+#: config/settings
+msgid "Search blocks"
+msgstr ""
+
+#. Default: "Select Block Type:"
+#: components/SearchBlocks/SearchBlocks
+msgid "Select Block Type"
+msgstr ""
+
+#. Default: "Title"
+#: components/SearchBlocks/SearchBlocks
+msgid "Title"
+msgstr ""
+
+#. Default: "Type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Type"
+msgstr ""

package/locales/volto.pot

@@ -0,0 +1,85 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Plone\n"
+"POT-Creation-Date: 2026-01-27T12:21:38.702Z\n"
+"Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+"MIME-Version: 1.0\n"
+"Language-Code: en\n"
+"Language-Name: English\n"
+"Preferred-Encodings: utf-8\n"
+"Domain: volto\n"
+
+#. Default: "Back to Control Panel"
+#: components/SearchBlocks/SearchBlocks
+msgid "Back to Control Panel"
+msgstr ""
+
+#. Default: "Block Type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Block Type"
+msgstr ""
+
+#. Default: "Choose a block type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Choose a block type"
+msgstr ""
+
+#. Default: "Created"
+#: components/SearchBlocks/SearchBlocks
+msgid "Created"
+msgstr ""
+
+#. Default: "Loading..."
+#: components/SearchBlocks/SearchBlocks
+msgid "Loading"
+msgstr ""
+
+#. Default: "Modified"
+#: components/SearchBlocks/SearchBlocks
+msgid "Modified"
+msgstr ""
+
+#. Default: "No results found for"
+#: components/SearchBlocks/SearchBlocks
+msgid "No results found for"
+msgstr ""
+
+#. Default: "On this page you can see which contents on the site use a specific block"
+#: components/SearchBlocks/SearchBlocks
+msgid "On this page you can see which contents on the site use a specific block"
+msgstr ""
+
+#. Default: "Results"
+#: components/SearchBlocks/SearchBlocks
+msgid "Results"
+msgstr ""
+
+#. Default: "Review State"
+#: components/SearchBlocks/SearchBlocks
+msgid "Review State"
+msgstr ""
+
+#. Default: "Search blocks"
+#: components/SearchBlocks/SearchBlocks
+#: config/settings
+msgid "Search blocks"
+msgstr ""
+
+#. Default: "Select Block Type:"
+#: components/SearchBlocks/SearchBlocks
+msgid "Select Block Type"
+msgstr ""
+
+#. Default: "Title"
+#: components/SearchBlocks/SearchBlocks
+msgid "Title"
+msgstr ""
+
+#. Default: "Type"
+#: components/SearchBlocks/SearchBlocks
+msgid "Type"
+msgstr ""

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "volto-searchblocks",
+  "version": "0.1.8",
+  "description": "Additional control-panel that allow users to search which contents using a specific block",
+  "main": "src/index.ts",
+  "license": "MIT",
+  "keywords": [
+    "volto-addon",
+    "volto",
+    "plone",
+    "react"
+  ],
+  "author": "RedTurtle Technology",
+  "homepage": "https://github.com/collective/collective-searchblocks#readme",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:collective/collective-searchblocks"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "addons": [],
+  "theme": "",
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "release-it": "^19.0.5",
+    "typescript": "^5.7.3",
+    "@plone/scripts": "^3.10.3"
+  },
+  "scripts": {
+    "i18n": "rm -rf build/messages && NODE_ENV=production i18n --addon",
+    "dry-release": "release-it --dry-run",
+    "release": "release-it",
+    "release-major-alpha": "release-it major --preRelease=alpha",
+    "release-alpha": "release-it --preRelease=alpha"
+  }
+}

package/src/actions/searchBlocks.js

@@ -0,0 +1,27 @@
+import { SEARCH_BLOCKS } from '../constants/ActionTypes';
+
+export function searchBlocks(options = {}) {
+  const params = {
+    sort_on: 'sortable_title',
+    metadata_fields: ['modified', 'created'],
+  };
+
+  if (options.block_types) {
+    params.block_types = options.block_types;
+  }
+  if (options.b_size) {
+    params.b_size = options.b_size;
+  }
+  if (options.b_start) {
+    params.b_start = options.b_start;
+  }
+
+  return {
+    type: SEARCH_BLOCKS,
+    request: {
+      op: 'get',
+      path: '/@search-blocks',
+      params,
+    },
+  };
+}

package/src/components/SearchBlocks/SearchBlocks.jsx

@@ -0,0 +1,288 @@
+import React, { useEffect, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { createPortal } from 'react-dom';
+import { Link } from 'react-router-dom';
+import { Container, Segment, Header, Table } from 'semantic-ui-react';
+import { Helmet } from '@plone/volto/helpers';
+import { SelectWidget } from '@plone/volto/components';
+import Toolbar from '@plone/volto/components/manage/Toolbar/Toolbar';
+import Icon from '@plone/volto/components/theme/Icon/Icon';
+import Pagination from '@plone/volto/components/theme/Pagination/Pagination';
+import Error from '@plone/volto/components/theme/Error/Error';
+import backSVG from '@plone/volto/icons/back.svg';
+import { useClient } from '@plone/volto/hooks';
+import { useIntl, FormattedMessage, defineMessages } from 'react-intl';
+import config from '@plone/volto/registry';
+import { searchBlocks } from '../../actions/searchBlocks';
+
+const messages = defineMessages({
+  pageTitle: {
+    id: 'Search blocks',
+    defaultMessage: 'Search blocks',
+  },
+  pageDescription: {
+    id: 'On this page you can see which contents on the site use a specific block',
+    defaultMessage:
+      'On this page you can see which contents on the site use a specific block',
+  },
+  selectBlockType: {
+    id: 'Select Block Type',
+    defaultMessage: 'Select Block Type:',
+  },
+  blockTypeLabel: {
+    id: 'Block Type',
+    defaultMessage: 'Block Type',
+  },
+  chooseBlockType: {
+    id: 'Choose a block type',
+    defaultMessage: 'Choose a block type',
+  },
+  title: {
+    id: 'Title',
+    defaultMessage: 'Title',
+  },
+  type: {
+    id: 'Type',
+    defaultMessage: 'Type',
+  },
+  reviewState: {
+    id: 'Review State',
+    defaultMessage: 'Review State',
+  },
+  created: {
+    id: 'Created',
+    defaultMessage: 'Created',
+  },
+  modified: {
+    id: 'Modified',
+    defaultMessage: 'Modified',
+  },
+  results: {
+    id: 'Results',
+    defaultMessage: 'Results',
+  },
+  loading: {
+    id: 'Loading',
+    defaultMessage: 'Loading...',
+  },
+  noResults: {
+    id: 'No results found for',
+    defaultMessage: 'No results found for',
+  },
+  backToControlPanel: {
+    id: 'Back to Control Panel',
+    defaultMessage: 'Back to Control Panel',
+  },
+});
+
+const SearchBlocks = (props) => {
+  const dispatch = useDispatch();
+  const isClient = useClient();
+  const intl = useIntl();
+  const pathname = props.location?.pathname || '/controlpanel/blocks-search';
+  const [selectedBlockType, setSelectedBlockType] = useState(null);
+  const [currentPage, setCurrentPage] = useState(0);
+  const [currentPageSize, setCurrentPageSize] = useState(
+    config.settings.defaultPageSize,
+  );
+
+  const searchResults = useSelector((state) => state.searchBlocks);
+  const { block_types, items, total, loading, batching, b_start, error } =
+    searchResults;
+
+  useEffect(() => {
+    // Initial fetch to get block types
+    dispatch(
+      searchBlocks({
+        b_start: b_start * currentPageSize,
+      }),
+    );
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [dispatch]);
+
+  if (error) {
+    return <Error error={error} />;
+  }
+
+  const handleSelect = (key) => {
+    setSelectedBlockType(key);
+    setCurrentPage(0);
+    dispatch(searchBlocks({ block_types: key }));
+  };
+
+  const handlePageChange = (e, { value }) => {
+    setCurrentPage(value);
+    dispatch(
+      searchBlocks({
+        block_types: selectedBlockType,
+        b_size: currentPageSize,
+        b_start: value * currentPageSize,
+      }),
+    );
+  };
+
+  const handlePageSizeChange = (e, { value }) => {
+    setCurrentPageSize(
+      value === intl.formatMessage({ id: 'All', defaultMessage: 'All' })
+        ? total
+        : value,
+    );
+    setCurrentPage(0);
+    dispatch(
+      searchBlocks({
+        block_types: selectedBlockType,
+        b_size:
+          value === intl.formatMessage({ id: 'All', defaultMessage: 'All' })
+            ? total
+            : value,
+      }),
+    );
+  };
+
+  return (
+    <Container className="view-wrapper controlpanel-blocks-search cms-ui">
+      <Helmet title={intl.formatMessage(messages.pageTitle)} />
+      <Segment.Group raised>
+        <Segment className="primary">
+          <Header as="h1">
+            <FormattedMessage {...messages.pageTitle} />
+          </Header>
+          <p>
+            <FormattedMessage {...messages.pageDescription} />
+          </p>
+        </Segment>
+
+        <Segment>
+          <div className="blocks-search-controls ui form">
+            <label style={{ display: 'block', marginBottom: '0.5rem' }}>
+              <FormattedMessage {...messages.selectBlockType} />
+            </label>
+            <SelectWidget
+              id="block_type"
+              title={intl.formatMessage(messages.blockTypeLabel)}
+              required={false}
+              value={selectedBlockType || ''}
+              onChange={(id, value) => handleSelect(value)}
+              choices={block_types?.map((type) => [type, type]) || []}
+              wrapped={false}
+              isClearable={false}
+            />
+          </div>
+        </Segment>
+
+        <Segment>
+          <div className="blocks-search-results">
+            {loading && (
+              <div className="loader">
+                <FormattedMessage {...messages.loading} />
+              </div>
+            )}
+
+            {!loading && items && items.length > 0 && (
+              <>
+                <Header as="h2">
+                  <FormattedMessage
+                    {...messages.results}
+                    values={{ count: total }}
+                  />{' '}
+                  ({total})
+                </Header>
+                <Table celled striped>
+                  <Table.Header>
+                    <Table.Row>
+                      <Table.HeaderCell>
+                        <FormattedMessage {...messages.title} />
+                      </Table.HeaderCell>
+                      <Table.HeaderCell>
+                        <FormattedMessage {...messages.type} />
+                      </Table.HeaderCell>
+                      <Table.HeaderCell>
+                        <FormattedMessage {...messages.reviewState} />
+                      </Table.HeaderCell>
+                      <Table.HeaderCell>
+                        <FormattedMessage {...messages.created} />
+                      </Table.HeaderCell>
+                      <Table.HeaderCell>
+                        <FormattedMessage {...messages.modified} />
+                      </Table.HeaderCell>
+                    </Table.Row>
+                  </Table.Header>
+                  <Table.Body>
+                    {items.map((item) => (
+                      <Table.Row key={item['@id']}>
+                        <Table.Cell>
+                          <a href={item['@id']}>{item.title}</a>
+                        </Table.Cell>
+                        <Table.Cell>{item['@type']}</Table.Cell>
+                        <Table.Cell>{item.review_state}</Table.Cell>
+                        <Table.Cell>
+                          {item.created
+                            ? new Date(item.created).toLocaleDateString()
+                            : '-'}
+                        </Table.Cell>
+                        <Table.Cell>
+                          {item.modified
+                            ? new Date(item.modified).toLocaleDateString()
+                            : '-'}
+                        </Table.Cell>
+                      </Table.Row>
+                    ))}
+                  </Table.Body>
+                </Table>
+
+                {/* Pagination using Volto component */}
+                {batching && (
+                  <Pagination
+                    current={currentPage}
+                    total={Math.ceil(total / currentPageSize)}
+                    pageSize={currentPageSize}
+                    pageSizes={[
+                      config.settings.defaultPageSize,
+                      50,
+                      intl.formatMessage({ id: 'All', defaultMessage: 'All' }),
+                    ]}
+                    onChangePage={handlePageChange}
+                    onChangePageSize={handlePageSizeChange}
+                  />
+                )}
+              </>
+            )}
+
+            {!loading && selectedBlockType && items.length === 0 && (
+              <p>
+                <FormattedMessage
+                  {...messages.noResults}
+                  values={{ blockType: selectedBlockType }}
+                />{' '}
+                {selectedBlockType}.
+              </p>
+            )}
+          </div>
+        </Segment>
+      </Segment.Group>
+
+      {isClient &&
+        createPortal(
+          <Toolbar
+            pathname={pathname}
+            hideDefaultViewButtons
+            inner={
+              <>
+                <Link to="/controlpanel" className="item">
+                  <Icon
+                    name={backSVG}
+                    className="contents circled"
+                    size="30px"
+                    title={intl.formatMessage(messages.backToControlPanel)}
+                  />
+                </Link>
+              </>
+            }
+          />,
+          document.getElementById('toolbar'),
+        )}
+    </Container>
+  );
+};
+
+export default SearchBlocks;

package/src/config/settings.ts

@@ -0,0 +1,26 @@
+import type { ConfigType } from '@plone/registry';
+import { defineMessages } from 'react-intl';
+import cardsSVG from '@plone/volto/icons/cards.svg';
+
+const messages = defineMessages({
+  controlPanelTitle: {
+    id: 'Search blocks',
+    defaultMessage: 'Search blocks',
+  },
+});
+
+export default function install(config: ConfigType) {
+  config.settings.controlpanels = [
+    ...config.settings.controlpanels,
+    {
+      '@id': '/search-blocks',
+      group: 'General',
+      title: messages.controlPanelTitle.defaultMessage,
+    },
+  ];
+  config.settings.controlPanelsIcons = {
+    ...config.settings.controlPanelsIcons,
+    'blocks-search': cardsSVG,
+  };
+  return config;
+}

package/src/constants/ActionTypes.js

@@ -0,0 +1,3 @@
+export const SEARCH_BLOCKS = 'SEARCH_BLOCKS';
+export const SEARCH_BLOCKS_SUCCESS = 'SEARCH_BLOCKS_SUCCESS';
+export const SEARCH_BLOCKS_FAIL = 'SEARCH_BLOCKS_FAIL';

package/src/index.ts

@@ -0,0 +1,28 @@
+import type { ConfigType } from '@plone/registry';
+import installSettings from './config/settings';
+
+import { searchBlocks } from './actions/searchBlocks';
+import searchBlocksReducer from './reducers/searchBlocks';
+import SearchBlocks from './components/SearchBlocks/SearchBlocks';
+
+function applyConfig(config: ConfigType) {
+  installSettings(config);
+
+  config.addonReducers = {
+    ...config.addonReducers,
+    searchBlocks: searchBlocksReducer,
+  };
+
+  config.addonRoutes = [
+    ...(config.addonRoutes || []),
+    {
+      path: '/controlpanel/search-blocks',
+      component: SearchBlocks,
+    },
+  ];
+
+  return config;
+}
+
+export default applyConfig;
+export { searchBlocks };

package/src/reducers/searchBlocks.js

@@ -0,0 +1,51 @@
+import {
+  SEARCH_BLOCKS,
+  SEARCH_BLOCKS_SUCCESS,
+  SEARCH_BLOCKS_FAIL,
+} from '../constants/ActionTypes';
+
+const initialState = {
+  error: null,
+  items: [],
+  total: 0,
+  block_types: [],
+  batching: null,
+  b_start: 0,
+  loaded: false,
+  loading: false,
+};
+
+export default function searchBlocks(state = initialState, action = {}) {
+  switch (action.type) {
+    case SEARCH_BLOCKS:
+      return {
+        ...state,
+        error: null,
+        loading: true,
+        loaded: false,
+      };
+    case SEARCH_BLOCKS_SUCCESS:
+      return {
+        ...state,
+        error: null,
+        items: action.result.items || [],
+        total: action.result.items_total || 0,
+        block_types: action.result.block_types || [],
+        batching: action.result.batching || null,
+        b_start: action.result.b_start || 0,
+        loaded: true,
+        loading: false,
+      };
+    case SEARCH_BLOCKS_FAIL:
+      return {
+        ...state,
+        error: action.error,
+        items: [],
+        total: 0,
+        loaded: false,
+        loading: false,
+      };
+    default:
+      return state;
+  }
+}

package/towncrier.toml

@@ -0,0 +1,33 @@
+[tool.towncrier]
+filename = "CHANGELOG.md"
+directory = "news/"
+title_format = "## {version} ({project_date})"
+underlines = ["", "", ""]
+template = "./node_modules/@plone/scripts/templates/towncrier_template.jinja"
+start_string = "<!-- towncrier release notes start -->\n"
+issue_format = "[#{issue}](https://github.com/collective/collective-searchblocks/issue/{issue})"
+
+[[tool.towncrier.type]]
+directory = "breaking"
+name = "Breaking"
+showcontent = true
+
+[[tool.towncrier.type]]
+directory = "feature"
+name = "Feature"
+showcontent = true
+
+[[tool.towncrier.type]]
+directory = "bugfix"
+name = "Bugfix"
+showcontent = true
+
+[[tool.towncrier.type]]
+directory = "internal"
+name = "Internal"
+showcontent = true
+
+[[tool.towncrier.type]]
+directory = "documentation"
+name = "Documentation"
+showcontent = true

package/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "target": "es2022",
+    "allowJs": true,
+    "resolveJsonModule": true,
+    "moduleDetection": "force",
+    "isolatedModules": true,
+    "verbatimModuleSyntax": true,
+    "module": "preserve",
+    "noEmit": true,
+    "lib": ["es2022", "dom", "dom.iterable"],
+    "jsx": "react-jsx",
+    "paths": {
+      "@plone/volto/*": ["../../core/packages/volto/src/*"],
+      "volto-searchblocks/*": ["./src/*"]
+    }
+  },
+  "include": ["**/*.ts", "**/*.tsx", "**/*.js", "**/*.jsx"],
+  "exclude": [
+    "node_modules",
+    "build",
+    "public",
+    "coverage",
+    "**/*.test.{js,jsx,ts,tsx}",
+    "**/*.spec.{js,jsx,ts,tsx}",
+    "**/*.stories.{js,jsx,ts,tsx}"
+  ]
+}