Copy Any Component (Strapi v5)

This Strapi Admin plugin allows you to:

• copy components between entries;
• move blocks with drag-and-drop;
• reorder blocks inside the target entry;
• save changes as draft (without auto-publish);
• work with locales and dynamic zones blocks / content.

Requirements

• Node.js >=18
• Strapi v5
• React 18 in Strapi Admin

For local development, make sure these packages are available in your backend project:

• @strapi/design-system
• @strapi/icons

Plugin structure

Key files:

• strapi-server.js - plugin server side (bootstrap, routes, controllers)
• strapi-admin.js - plugin admin entry point
• admin/src/* - plugin admin UI
• server/src/services/advanced-controller.js - main copy/validation logic
• server/src/services/component-copy.js - legacy service (compatibility)

Enable in current project (local resolve mode)

backend/config/plugins.ts:

export default () => ({
  "copy-any-component": {
    enabled: true,
    resolve: "./src/plugins/copy-any-component",
  },
});

Enable as an npm package

After publishing to npm:

1. Install the package in backend:

pnpm add @drozd-red/strapi-plugin-copy-any-component

2. Update backend/config/plugins.ts:

export default () => ({
  "copy-any-component": {
    enabled: true,
    config: {
      // optional initial values
      // contentType: "api::page.page",
      // dynamicZoneField: "blocks",
    },
  },
});

3. Restart Strapi:

pnpm develop

Save and publish behavior

• The plugin updates sections in the target entry.
• The plugin publish endpoint intentionally returns success with skippedPublish: true.
• This means the entry stays in draft/modified state until you publish it manually in Content Manager.

Constraints and validation

• Only blocks and content zones are allowed.
• Component compatibility is validated:
  • blocks -> component uid must start with epic.
  • content -> component uid must start with content-blocks.
• The plugin removes component system fields (id, documentId, createdAt, etc.) before saving.

Plugin endpoints

Admin routes:

• GET /copy-any-component/content-types
• PUT /copy-any-component/config
• GET /copy-any-component/pages
• GET /copy-any-component/pages/:pageId/sections
• POST /copy-any-component/pages/:sourcePageId/copy-to/:targetPageId
• PUT /copy-any-component/pages/:pageId/sections
• POST /copy-any-component/pages/:pageId/publish

Troubleshooting

Failed to fetch dynamically imported module ... HomePage.tsx

Check that:

• you use the current strapi-admin.js without .ts extension imports;
• @strapi/design-system and @strapi/icons are installed in backend;
• you fully restarted Strapi after changes (pnpm develop).

Out of memory during strapi build

Increase Node.js memory:

$env:NODE_OPTIONS="--max-old-space-size=6144"; pnpm build

License

MIT