fix(cms): keep lexical plugin barrel server-safe so codegen works

Author: jhb-dev

cms/src/shared/lexical/LexicalBlocksDiffComponent.tsx

@@ -1,4 +1,4 @@
-import { createLexicalBlocksDiffComponent } from './plugin'
+import { createLexicalBlocksDiffComponent } from './plugin/createLexicalBlocksDiffComponent'
 
 /**
  * Renders Lexical blocks in the admin version diff view. Every block in the

cms/src/shared/lexical/plugin/README.md

@@ -15,7 +15,11 @@ bespoke layout.
 `cms/src/shared/lexical/LexicalBlocksDiffComponent.tsx`
 
 ```tsx
-import { createLexicalBlocksDiffComponent } from './plugin'
+// Import the client component directly from its module — NOT from the `./plugin`
+// barrel. It pulls in `@payloadcms/ui` (which imports `.scss`), so re-exporting
+// it from the barrel would break `payload generate:types`/`generate:importmap`
+// (tsx can't load `.scss`). The barrel stays server-safe for the config graph.
+import { createLexicalBlocksDiffComponent } from './plugin/createLexicalBlocksDiffComponent'
 
 export const LexicalBlocksDiffComponent = createLexicalBlocksDiffComponent()
 
@@ -83,7 +87,7 @@ export const blockOverrides = defineBlockConverters({
 ```tsx
 // LexicalBlocksDiffComponent.tsx
 import { blockOverrides } from './blockDiffConverters'
-import { createLexicalBlocksDiffComponent } from './plugin'
+import { createLexicalBlocksDiffComponent } from './plugin/createLexicalBlocksDiffComponent'
 
 export const LexicalBlocksDiffComponent = createLexicalBlocksDiffComponent({
   overrides: blockOverrides,

cms/src/shared/lexical/plugin/index.ts

@@ -1,8 +1,11 @@
 export { createAutoBlockConverter } from './autoBlockConverter'
-export {
-  createLexicalBlocksDiffComponent,
-  type CreateLexicalBlocksDiffComponentOptions,
-} from './createLexicalBlocksDiffComponent'
+// `createLexicalBlocksDiffComponent` is intentionally NOT re-exported here: it
+// pulls in `@payloadcms/ui` (which `import`s `.scss`), and this barrel is loaded
+// by the Payload config graph. `payload generate:types`/`generate:importmap`
+// load that graph through tsx, which cannot handle `.scss` and would throw
+// `ERR_UNKNOWN_FILE_EXTENSION`. Import it directly from its module instead (only
+// the Next-loaded diff component needs it — see ../LexicalBlocksDiffComponent).
+export type { CreateLexicalBlocksDiffComponentOptions } from './createLexicalBlocksDiffComponent'
 export {
   blockContainer,
   coordinates,