@aduptive/strapi-blockscene 2.0.0-alpha.11 → 2.0.0-alpha.13

package/dist/server.cjs

@@ -108,8 +108,17 @@ var require_groups = __commonJS({
       const start = rows.findIndex((row) => blockKey(row) === String(key));
       if (start < 0 || !isOpener(rows[start], g)) return null;
       const [, end] = groupRange(rows, start, g);
+      if (end <= start || uidOf(rows[end]) !== g[uidOf(rows[start])]) return null;
       return [...rows.slice(0, start), ...rows.slice(end + 1)];
     }
+    function unwrapGroup(rows, key, g) {
+      if (!g) return null;
+      const start = rows.findIndex((row) => blockKey(row) === String(key));
+      if (start < 0 || !isOpener(rows[start], g)) return null;
+      const [, end] = groupRange(rows, start, g);
+      if (end <= start || uidOf(rows[end]) !== g[uidOf(rows[start])]) return null;
+      return [...rows.slice(0, start), ...rows.slice(start + 1, end), ...rows.slice(end + 1)];
+    }
     var MAX_COLUMNS = 12;
     var parseColumns = (value) => {
       const n = typeof value === "number" ? value : typeof value === "string" && /^\s*\d{1,3}\s*$/.test(value) ? Number(value) : NaN;
@@ -137,6 +146,7 @@ var require_groups = __commonJS({
       topLevelRanges,
       moveGroup,
       removeGroup,
+      unwrapGroup,
       blockKey,
       isOpener,
       isClose,
@@ -187,7 +197,7 @@ var require_settings = __commonJS({
         // Edit view labels that are still the raw attribute name read as "Mobile columns count" (see README "Field labels").
         friendlyLabels: true,
         // Page preview pane (Strapi 5): which toolbar controls show, in order, and the width menu's entries.
-        previewToolbar: ["modes", "history", "devices", "status", "actions"],
+        previewToolbar: ["modes", "history", "versions", "devices", "status", "actions"],
         previewDevices: ["fit", "mobile", "tablet", "desktop"]
       },
       // Per content type (only the ones with a Dynamic Zone): { enabled: false } turns the plugin off there;
@@ -202,7 +212,7 @@ var require_settings = __commonJS({
     var SIDEBAR_POSITIONS = ["left", "right", "bottom"];
     var OPENS = ["modal", "drawer"];
     var LABEL = /^[^<>]{1,40}$/;
-    var TOOLBAR = ["modes", "history", "devices", "status", "actions"];
+    var TOOLBAR = ["modes", "history", "versions", "devices", "status", "actions"];
     var DEVICE_NAMES = ["fit", "mobile", "tablet", "desktop"];
     var previewToolbar = (value) => Array.isArray(value) && value.every((id) => TOOLBAR.includes(id)) && new Set(value).size === value.length;
     var DEVICE_LABEL = /^[^<>]{1,24}$/;
@@ -239,6 +249,13 @@ var require_settings = __commonJS({
     var TAG = /^[^<>\n]{1,24}$/;
     var cleanTags = (value) => Array.isArray(value) ? [...new Set(value.filter((tag) => typeof tag === "string" && TAG.test(tag.trim())).map((tag) => tag.trim()))].slice(0, 10) : [];
     var validTags = (value) => Array.isArray(value) && value.length <= 10 && value.every((tag) => typeof tag === "string" && TAG.test(tag.trim()));
+    var directComponentUids = (contentTypes, perType = {}) => [...new Set(Object.entries(contentTypes || {}).filter(([uid]) => perType?.[uid]?.enabled !== false).flatMap(([, schema]) => Object.values(schema?.attributes || {}).filter((attr) => attr?.type === "dynamiczone").flatMap((attr) => attr.components || [])))];
+    var COMPONENT_CATEGORY = /^[a-z0-9][a-z0-9_-]{0,49}$/;
+    var safeComponentCategories2 = (value) => value == null ? null : Array.isArray(value) && value.length > 0 && value.length <= 50 && value.every((category) => typeof category === "string" && COMPONENT_CATEGORY.test(category)) ? [...new Set(value)] : null;
+    var settingsComponentUids2 = (contentTypes, components, perType = {}, categories = null) => {
+      const allowed = safeComponentCategories2(categories);
+      return directComponentUids(contentTypes, perType).filter((uid) => !allowed || allowed.includes(components?.[uid]?.category || uid.split(".")[0]));
+    };
     var GUESSES = [
       ["hero", /hero|banner|cover/],
       ["text", /text|rich|quote|title/],
@@ -301,6 +318,7 @@ var require_settings = __commonJS({
           ["label", "description", "category", "keywords"].filter((key) => typeof entry[key] === "string").map((key) => [key, entry[key]])
         );
         entries[uid].image = safeUrl2(entry.image);
+        if (typeof entry.showRowThumbnail === "boolean") entries[uid].showRowThumbnail = entry.showRowThumbnail;
         if (TYPOLOGIES2.includes(entry.typology)) entries[uid].typology = entry.typology;
         const tags = cleanTags(entry.tags);
         if (tags.length || entries[uid].category) entries[uid].tags = tags.length ? tags : cleanTags([entries[uid].category]);
@@ -358,6 +376,9 @@ var require_settings = __commonJS({
           } else if (key === "mediaId") {
             if (!Number.isInteger(entry.mediaId) || entry.mediaId <= 0) fail2(`Invalid media for "${uid}"`);
             clean.mediaId = entry.mediaId;
+          } else if (key === "showRowThumbnail") {
+            if (typeof entry.showRowThumbnail !== "boolean") fail2(`Invalid row thumbnail setting for "${uid}"`);
+            clean.showRowThumbnail = entry.showRowThumbnail;
           } else if (key === "layout") {
             if (!validLayout(entry.layout, schemas && (schemas[uid]?.attributes || {}))) fail2(`Invalid layout for "${uid}": columnsField (and mobileColumnsField) must name a number, string or numeric enumeration attribute of the component; maxColumns 1 to 12`);
             clean.layout = structuredClone(entry.layout);
@@ -416,6 +437,7 @@ var require_settings = __commonJS({
           clean.tags = cleanTags(clean.tags);
           if (!clean.tags.length) delete clean.tags;
         }
+        if ("showRowThumbnail" in clean && typeof clean.showRowThumbnail !== "boolean") delete clean.showRowThumbnail;
         if ("layout" in clean && !validLayout(clean.layout, schemas && (schemas[uid]?.attributes || {}))) delete clean.layout;
         if (Object.keys(clean).length) out.components[uid] = clean;
       }
@@ -624,6 +646,102 @@ var require_settings = __commonJS({
       }
       return out;
     }
+    function requiredProblems(schema, values, schemas, path, media, problems) {
+      for (const [field, attr] of Object.entries(schema?.attributes || {})) {
+        const at = `${path}.${field}`;
+        const supplied = Object.hasOwn(values, field);
+        const value = supplied ? values[field] : attr.default;
+        if (attr.type === "media" || attr.type === "relation") {
+          if (attr.required && !supplied) media.push(at);
+          continue;
+        }
+        if (attr.type === "component") {
+          const nested = schemas[attr.component];
+          if (!nested) {
+            problems.push(`${at}: unknown component "${attr.component}"`);
+            continue;
+          }
+          if (attr.repeatable) {
+            const minimum = Math.max(attr.min ?? 0, attr.required ? 1 : 0);
+            const items = supplied ? value : Array.from({ length: minimum }, () => ({}));
+            if (!Array.isArray(items) || items.length < minimum) problems.push(`${at} requires at least ${minimum} item${minimum === 1 ? "" : "s"}`);
+            else items.forEach((item, index) => requiredProblems(nested, item, schemas, `${at}[${index}]`, media, problems));
+          } else if (supplied && value === null) {
+            if (attr.required) problems.push(`${at} is required`);
+          } else if (supplied || attr.required) requiredProblems(nested, supplied ? value : {}, schemas, at, media, problems);
+          continue;
+        }
+        if (attr.required && (value === void 0 || value === null || value === "")) problems.push(`${at} is required`);
+      }
+    }
+    function validateKits2(input, contentTypes = {}, schemas = {}, groups = null, notes = []) {
+      if (input === null || input === void 0) return {};
+      if (!plain(input) || JSON.stringify(input).length > 256 * 1024) {
+        notes.push("expected an object up to 256 KB");
+        return {};
+      }
+      const out = {};
+      for (const [uid, kits] of Object.entries(input)) {
+        const type = contentTypes[uid];
+        if (!type || !uid.startsWith("api::")) {
+          notes.push(`${uid}: unknown content type`);
+          continue;
+        }
+        if (!Array.isArray(kits) || kits.length > 12) {
+          notes.push(`${uid}: kits must be a list of at most 12`);
+          continue;
+        }
+        const ids = /* @__PURE__ */ new Set();
+        for (const kit of kits) {
+          const name = `${uid} kit "${kit?.id ?? "?"}"`;
+          try {
+            if (!plain(kit) || Object.keys(kit).some((key) => !["id", "label", "locales", "zones"].includes(key))) throw new Error("expected { id, label, locales?, zones }");
+            if (!text(kit.id) || !VARIANT.id.test(kit.id) || ids.has(kit.id)) throw new Error('id must be 1 to 40 lowercase letters, digits, "-" or "_", unique per content type');
+            if (!fieldText(kit.label, 60)) throw new Error('label must be a string of 1 to 60 characters, or { "<locale>": string }');
+            if (kit.locales !== void 0 && (!Array.isArray(kit.locales) || !kit.locales.length || kit.locales.length > 20 || kit.locales.some((locale) => !text(locale) || !LOCALE.test(locale)))) throw new Error("locales must be 1 to 20 locale codes");
+            if (!plain(kit.zones) || !Object.keys(kit.zones).length) throw new Error("zones must be a non-empty object");
+            const zones = {};
+            for (const [zoneName, rows] of Object.entries(kit.zones)) {
+              const zone = type.attributes?.[zoneName];
+              if (zone?.type !== "dynamiczone") throw new Error(`unknown Dynamic Zone "${zoneName}"`);
+              if (!Array.isArray(rows) || !rows.length || rows.length > 50) throw new Error(`${zoneName} must contain 1 to 50 rows`);
+              const clean = [];
+              for (let index = 0; index < rows.length; index++) {
+                const row = rows[index];
+                if (!plain(row) || !text(row.__component)) throw new Error(`${zoneName}[${index}] must have __component`);
+                const component = row.__component;
+                if (!zone.components?.includes(component) || !schemas[component]) throw new Error(`${zoneName}[${index}]: component "${component}" is not allowed`);
+                const skipped = [];
+                const values = variantValues(row, schemas[component], schemas, `${zoneName}[${index}]`, skipped);
+                if (skipped.length) notes.push(`${name}: media and relation values are not inserted (${skipped.slice(0, 5).join(", ")}${skipped.length > 5 ? ", ..." : ""})`);
+                const media = [], required = [];
+                requiredProblems(schemas[component], values, schemas, `${zoneName}[${index}]`, media, required);
+                if (required.length) throw new Error(required.slice(0, 5).join("; "));
+                if (media.length) notes.push(`${name}: required media or relations must be completed before publishing (${media.slice(0, 5).join(", ")}${media.length > 5 ? ", ..." : ""})`);
+                clean.push({ __component: component, values });
+                const close = groups?.[component];
+                if (close) {
+                  if (!zone.components?.includes(close) || !schemas[close]) throw new Error(`${zoneName}[${index}]: close component "${close}" is not allowed`);
+                  clean.push({ __component: close, values: {} });
+                }
+              }
+              if (clean.length > (zone.max ?? Infinity)) throw new Error(`${zoneName} exceeds its maximum of ${zone.max}`);
+              zones[zoneName] = clean;
+            }
+            for (const [zoneName, zone] of Object.entries(type.attributes || {})) {
+              if (zone?.type !== "dynamiczone") continue;
+              const minimum = Math.max(zone.min ?? 0, zone.required ? 1 : 0);
+              if ((zones[zoneName]?.length || 0) < minimum) throw new Error(`${zoneName} requires at least ${minimum} row${minimum === 1 ? "" : "s"}`);
+            }
+            ids.add(kit.id);
+            (out[uid] ||= []).push({ id: kit.id, label: structuredClone(kit.label), ...kit.locales && { locales: [...new Set(kit.locales)] }, zones });
+          } catch (error) {
+            notes.push(`${name} ignored: ${error.message}`);
+          }
+        }
+      }
+      return out;
+    }
     var PREFS = { starred: 200, recent: 20 };
     function validatePrefs2(input, componentUids2) {
       if (!input || typeof input !== "object" || Array.isArray(input)) fail2("Preferences must be an object");
@@ -636,7 +754,7 @@ var require_settings = __commonJS({
       return out;
     }
     var mergePrefs2 = (saved, componentUids2) => Object.fromEntries(Object.entries(PREFS).map(([key, max]) => [key, Array.isArray(saved?.[key]) ? [...new Set(saved[key].filter((uid) => componentUids2.includes(uid)))].slice(0, max) : []]));
-    module2.exports = { PLUGIN: PLUGIN2, HIDDEN_MODES, TEMPLATES: TEMPLATES2, TYPOLOGIES: TYPOLOGIES2, guessTypology, facetsOf, validatePrefs: validatePrefs2, mergePrefs: mergePrefs2, ICONS, DEFAULTS: DEFAULTS2, catalog: catalog2, validateSettings: validateSettings2, validateFields: validateFields2, validateVariants: validateVariants2, schemaMetadata: schemaMetadata2, mergeSaved: mergeSaved2, layer: layer2, overrides: overrides2, safeUrl: safeUrl2, fail: fail2 };
+    module2.exports = { PLUGIN: PLUGIN2, HIDDEN_MODES, TEMPLATES: TEMPLATES2, TYPOLOGIES: TYPOLOGIES2, guessTypology, facetsOf, directComponentUids, settingsComponentUids: settingsComponentUids2, safeComponentCategories: safeComponentCategories2, validatePrefs: validatePrefs2, mergePrefs: mergePrefs2, ICONS, DEFAULTS: DEFAULTS2, catalog: catalog2, validateSettings: validateSettings2, validateFields: validateFields2, validateVariants: validateVariants2, validateKits: validateKits2, schemaMetadata: schemaMetadata2, mergeSaved: mergeSaved2, layer: layer2, overrides: overrides2, safeUrl: safeUrl2, fail: fail2 };
   }
 });
 
@@ -826,8 +944,8 @@ var require_diff = __commonJS({
     }
     function summarize(before, after, schema) {
       const zones = Object.entries(schema?.attributes || {}).filter(([, attr]) => attr?.type === "dynamiczone").map(([name]) => name);
-      const blocks = { added: 0, removed: 0, changed: 0 };
-      if (!before) return { initial: true, fields: [], blocks };
+      const blocks = { total: zones.reduce((n, name) => n + (Array.isArray(after?.[name]) ? after[name].length : 0), 0), added: 0, removed: 0, changed: 0 };
+      if (!before) return { initial: true, fields: [], blocks: { ...blocks, added: blocks.total } };
       const names = [.../* @__PURE__ */ new Set([...Object.keys(before), ...Object.keys(after || {})])];
       const fields = names.filter((name) => !zones.includes(name) && !same(before[name], after?.[name])).sort();
       for (const name of zones) for (const { op } of diffRows(before[name], after?.[name])) if (op !== "same") blocks[op]++;
@@ -1298,7 +1416,6 @@ var require_history = __commonJS({
     var CRON2 = "blocksceneHistoryPurge";
     var BATCH = 500;
     var DAY = 24 * 60 * 60 * 1e3;
-    var LIST_LIMIT = 100;
     var ACTORS_LIMIT = 500;
     var SEARCH_LIMIT = 200;
     var eventContentType2 = { schema: {
@@ -1441,14 +1558,23 @@ var require_history = __commonJS({
           return name && name !== "id" && schemaOf(uid)?.attributes?.[name] && !["relation", "media", "component", "dynamiczone", "password", "json", "blocks"].includes(schemaOf(uid).attributes[name].type) ? name : null;
         },
         // Latest events of one document and locale, newest first; `stored`: its snapshot (or an identical one) can be loaded.
-        async list({ uid, documentId, locale }) {
-          const where = { contentType: uid, relatedDocumentId: documentId, locale: locale || null };
-          const [list, kept] = await Promise.all([
-            events().findMany({ select: ["id", "action", "actor", "actorName", "at", "summary", "hash", "size"], where, orderBy: [{ at: "desc" }, { id: "desc" }], limit: LIST_LIMIT }),
-            events().findMany({ select: ["hash"], where: { ...where, size: { $gt: 0 } } })
+        async list({ uid, documentId, locale, actor = "", page = 1, pageSize = 25 }) {
+          const scope2 = { contentType: uid, relatedDocumentId: documentId, locale: locale || null };
+          const where = { ...scope2, ...actor && { actor } };
+          const [list, kept, total, people] = await Promise.all([
+            events().findMany({ select: ["id", "action", "actor", "actorName", "at", "summary", "hash", "size"], where, orderBy: [{ at: "desc" }, { id: "desc" }], offset: (page - 1) * pageSize, limit: pageSize }),
+            events().findMany({ select: ["hash"], where: { ...scope2, size: { $gt: 0 } } }),
+            events().count({ where }),
+            events().findMany({ select: ["actor", "actorName"], where: scope2, orderBy: [{ at: "desc" }, { id: "desc" }] })
           ]);
           const hashes = new Set(kept.map((row) => row.hash));
-          return list.map(({ hash, size, ...event }) => ({ ...event, stored: Boolean(hash && hashes.has(hash)) }));
+          const actors2 = [...new Map(people.slice().reverse().map(({ actor: actor2, actorName }) => [actor2, { actor: actor2, actorName }])).values()];
+          return {
+            results: list.map(({ hash, size, ...event }) => ({ ...event, stored: Boolean(hash && hashes.has(hash)) })),
+            pagination: { page, pageSize, total, pageCount: Math.ceil(total / pageSize) },
+            actors: actors2,
+            locale: locale || null
+          };
         },
         // One event with its snapshot (from an identical event when this one was deduplicated) and what loading it needs:
         // the media files and relation targets that still exist (relation labels from the Content Manager's main field).
@@ -1660,10 +1786,13 @@ var require_history = __commonJS({
       async list(ctx) {
         const { uid, documentId } = ctx.params || {};
         const locale = ctx.query?.locale || "";
-        if (!String(uid).startsWith("api::") || !strapi.contentTypes?.[uid] || !DOCUMENT_ID.test(documentId || "") || locale && !LOCALE.test(locale)) return ctx.badRequest("Invalid content type, document or locale");
+        const actor = ctx.query?.actor || "";
+        const page = int(ctx.query?.page, 1, 1e6), pageSize = int(ctx.query?.pageSize, 25, 100);
+        if (typeof actor !== "string" || actor && !ACTOR.test(actor) || [page, pageSize].some(Number.isNaN)) return ctx.badRequest("Invalid history filters");
+        if (!String(uid).startsWith("api::") || !strapi.contentTypes?.[uid] || !DOCUMENT_ID.test(documentId || "") || typeof locale !== "string" || locale && !LOCALE.test(locale)) return ctx.badRequest("Invalid content type, document or locale");
         if (!canRead(strapi, ctx, uid)) return ctx.forbidden();
         const history = strapi.plugin(PLUGIN2).service("history");
-        ctx.body = { results: await history.list({ uid, documentId, locale: (await history.scope(uid, locale || void 0))[0] }) };
+        ctx.body = await history.list({ uid, documentId, locale: (await history.scope(uid, locale || void 0))[0], actor, page, pageSize });
       },
       async find(ctx) {
         const id = Number(ctx.params?.id);
@@ -1690,7 +1819,7 @@ var require_history = __commonJS({
 });
 
 // server/index.js
-var { PLUGIN, TEMPLATES, TYPOLOGIES, DEFAULTS, catalog, validateSettings, validateFields, validateVariants, schemaMetadata, mergeSaved, layer, overrides, validatePrefs, mergePrefs, safeUrl, fail } = require_settings();
+var { PLUGIN, TEMPLATES, TYPOLOGIES, DEFAULTS, catalog, settingsComponentUids, safeComponentCategories, validateSettings, validateFields, validateVariants, validateKits, schemaMetadata, mergeSaved, layer, overrides, validatePrefs, mergePrefs, safeUrl, fail } = require_settings();
 var { safeGroups, validateGroups, invalidComponents, layoutFields } = require_groups();
 var { hiddenName, injectHidden, hideFromBuilder, registerHiddenStrip } = require_hidden();
 var { CRON, covers, eventContentType, historyService, historyController, registerHistory, registerPurge } = require_history();
@@ -1838,10 +1967,15 @@ module.exports = {
       // Optional layout groups: OPEN component uid -> its CLOSE uid, e.g. { 'wrappers.join': 'wrappers.close' }.
       // Empty/absent: every Dynamic Zone component is an ordinary block. See README "Layout groups".
       groups: null,
+      // Optional Strapi component categories shown as configurable cards in Settings > Block gallery.
+      // This does not change the components allowed by each Dynamic Zone.
+      settingsComponentCategories: null,
       // Project defaults from code: same shape as the stored settings, e.g. require('./blockscene.json'). See README "Settings page".
       settings: null,
       // Edit view field texts from code (never stored): { uid: { attribute: { label, description, placeholder } } }. See README "Field labels".
       fields: null,
+      // Initial block sets per content type, shown only on a new empty entry. See README "Starter kits".
+      kits: null,
       // Other languages for the schema metadata (pluginOptions.blockscene, info.description), one flat map per locale:
       // { 'pt-BR': require('./blockscene/pt-BR.json') }. See README "Describing blocks and fields in the schema".
       translations: null,
@@ -1856,6 +1990,7 @@ module.exports = {
     const name = hiddenName(plugin.config("hiddenAttribute"));
     withHidden = [];
     if (name === null) strapi.log.warn(`[${PLUGIN}] "hiddenAttribute" config ignored: expected a name like "bsHidden" or false. Hiding blocks is off.`);
+    if (plugin.config("settingsComponentCategories") != null && !safeComponentCategories(plugin.config("settingsComponentCategories"))) strapi.log.warn(`[${PLUGIN}] "settingsComponentCategories" config ignored: expected 1 to 50 Strapi component category names.`);
     if (!name) return;
     const { added, skipped } = injectHidden(strapi.components, strapi.contentTypes, name);
     withHidden = added;
@@ -1876,6 +2011,7 @@ module.exports = {
     strapi.plugin(PLUGIN).service("settings").projectDefaults();
     strapi.plugin(PLUGIN).service("settings").fields();
     strapi.plugin(PLUGIN).service("settings").variants();
+    strapi.plugin(PLUGIN).service("settings").kits();
     registerZoneGuards(strapi);
     registerHiddenStrip(strapi, hiddenName(strapi.plugin(PLUGIN).config("hiddenAttribute")), strapi.plugin(PLUGIN));
     if (withHidden.length) hideFromBuilder(typeof strapi.get === "function" ? strapi.get("services") : strapi.container.get("services"), withHidden, hiddenName(strapi.plugin(PLUGIN).config("hiddenAttribute")));
@@ -1934,6 +2070,14 @@ module.exports = {
       for (const note of notes) strapi.log?.warn(`[${PLUGIN}] components variants: ${note}.`);
       return variants;
     };
+    let kits;
+    const starterKits = () => {
+      if (kits !== void 0) return kits;
+      const notes = [];
+      kits = validateKits(strapi.plugin(PLUGIN).config("kits"), strapi.contentTypes || {}, strapi.components || {}, safeGroups(strapi.plugin(PLUGIN).config("groups"), componentUids(strapi)), notes);
+      for (const note of notes) strapi.log?.warn(`[${PLUGIN}] starter kits: ${note}.`);
+      return kits;
+    };
     const get = async () => mergeSaved(layer(projectDefaults(), await readSettings(strapi)), componentUids(strapi), contentTypeUids(strapi), apiUids(strapi), strapi.components);
     return {
       projectDefaults,
@@ -1941,6 +2085,7 @@ module.exports = {
       fields: fieldTexts,
       schema: schemaMeta,
       variants: insertVariants,
+      kits: starterKits,
       async set(value) {
         const next = validateSettings(value, componentUids(strapi), contentTypeUids(strapi), apiUids(strapi), strapi.components);
         for (const [uid, entry] of Object.entries(next.components)) {
@@ -1981,7 +2126,8 @@ module.exports = {
             ...media[uid],
             template: entry.template,
             ...entry.typology && { typology: entry.typology },
-            ...entry.tags && { tags: entry.tags }
+            ...entry.tags && { tags: entry.tags },
+            ...typeof entry.showRowThumbnail === "boolean" && { showRowThumbnail: entry.showRowThumbnail }
           };
         }
         const hidden = hiddenName(plugin.config("hiddenAttribute")) || null;
@@ -1991,6 +2137,7 @@ module.exports = {
         ctx.body = {
           ...base,
           layouts,
+          kits: plugin.service("settings").kits(),
           palette: settings.palette,
           contentTypes: settings.contentTypes,
           hiddenAttribute: hidden,
@@ -2005,7 +2152,8 @@ module.exports = {
       async find(ctx) {
         const settings = await strapi.plugin(PLUGIN).service("settings").get();
         const auto = catalog({ components: strapi.plugin(PLUGIN).config("components"), schemas: strapi.components, blocks: strapi.plugin(PLUGIN).service("settings").schema().blocks }).components;
-        const components = Object.entries(strapi.components || {}).map(([uid, schema]) => ({
+        const visible = new Set(settingsComponentUids(strapi.contentTypes, strapi.components, settings.contentTypes, strapi.plugin(PLUGIN).config("settingsComponentCategories")));
+        const components = Object.entries(strapi.components || {}).filter(([uid]) => visible.has(uid)).map(([uid, schema]) => ({
           uid,
           displayName: schema.info?.displayName || uid,
           category: schema.category || uid.split(".")[0],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aduptive/strapi-blockscene",
-  "version": "2.0.0-alpha.11",
+  "version": "2.0.0-alpha.13",
   "description": "Visual component gallery for native Strapi dynamic zones.",
   "license": "MIT",
   "author": "Andrea Scarpello <aduptive@gmail.com>",