@byline/richtext-lexical 4.16.0 → 4.18.0

package/dist/field/extensions/inline-image/inline-image-modal.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { RelationPicker } from "@byline/admin/react";
-import { getCollectionDefinition } from "@byline/core";
+import { getCollectionDefinition, isSingleton } from "@byline/core";
 import { Button, Checkbox, CloseIcon, ErrorText, IconButton, Input, Label, Modal, RadioGroup, RadioGroupItem } from "@byline/ui/react";
 import { useModalFormState } from "../../shared/useModalFormState.js";
 import { isAltTextValid, positionOptions } from "./fields.js";
@@ -49,7 +49,8 @@ const InlineImageModal = ({ isOpen, collection, data: dataFromProps, onSubmit, o
         setAltError(null);
         setImageError(null);
     });
-    const targetDef = getCollectionDefinition(collection);
+    const targetDefinition = getCollectionDefinition(collection);
+    const targetDef = null == targetDefinition || isSingleton(targetDefinition) ? null : targetDefinition;
     const pickedImage = useMemo(()=>{
         const img = state.documentRelation?.document?.image;
         return img ?? null;

package/dist/field/extensions/link/link-modal.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { RelationPicker } from "@byline/admin/react";
-import { getAdminConfig, getCollectionDefinition } from "@byline/core";
+import { getAdminConfig, getCollectionDefinition, isSingleton } from "@byline/core";
 import { Button, Checkbox, CloseIcon, IconButton, Input, Label, Modal, RadioGroup, RadioGroupItem, Select } from "@byline/ui/react";
 import { useModalFormState } from "../../shared/useModalFormState.js";
 import { validateUrl } from "../../utils/url.js";
@@ -41,11 +41,12 @@ function fromLinkData(data, linkable) {
     };
 }
 const LinkModal = ({ isOpen = false, onSubmit, onClose, data: dataFromProps })=>{
-    const linkable = useMemo(()=>getAdminConfig().collections.filter((c)=>true === c.linksInEditor), []);
+    const linkable = useMemo(()=>getAdminConfig().collections.filter((collection)=>!isSingleton(collection) && true === collection.linksInEditor), []);
     const [pickerOpen, setPickerOpen] = useState(false);
     const [urlError, setUrlError] = useState(null);
     const [state, setState] = useModalFormState(isOpen, ()=>fromLinkData(dataFromProps, linkable), ()=>setUrlError(null));
-    const targetDef = state.targetCollection ? getCollectionDefinition(state.targetCollection) : null;
+    const targetDefinition = state.targetCollection ? getCollectionDefinition(state.targetCollection) : null;
+    const targetDef = null == targetDefinition || isSingleton(targetDefinition) ? null : targetDefinition;
     const collectionItems = useMemo(()=>linkable.map((c)=>({
                 label: c.labels.singular,
                 value: c.path
@@ -56,7 +57,8 @@ const LinkModal = ({ isOpen = false, onSubmit, onClose, data: dataFromProps })=>
         if ('internal' !== state.linkType || !state.picked) return null;
         const title = state.picked.document?.title;
         if ('string' == typeof title && title.length > 0) return title;
-        const pickedDef = getCollectionDefinition(state.picked.targetCollectionPath);
+        const pickedDefinition = getCollectionDefinition(state.picked.targetCollectionPath);
+        const pickedDef = null == pickedDefinition || isSingleton(pickedDefinition) ? null : pickedDefinition;
         const short = state.picked.targetDocumentId.slice(0, 8);
         return `${pickedDef?.labels.singular ?? state.picked.targetCollectionPath} · ${short}…`;
     }, [

package/dist/field/extensions/vimeo/vimeo-node.d.ts

@@ -7,7 +7,7 @@
  */
 import type * as React from 'react';
 import { DecoratorBlockNode, type SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';
-import type { DOMConversionMap, DOMExportOutput, EditorConfig, ElementFormatType, LexicalEditor, LexicalNode, NodeKey, Spread } from 'lexical';
+import type { DOMConversionMap, DOMExportOutput, EditorConfig, ElementFormatType, LexicalEditor, NodeKey, Spread } from 'lexical';
 export type SerializedVimeoNode = Spread<{
     videoID: string;
 }, SerializedDecoratorBlockNode>;
@@ -26,4 +26,3 @@ export declare class VimeoNode extends DecoratorBlockNode {
     decorate(_editor: LexicalEditor, config: EditorConfig): React.JSX.Element;
 }
 export declare function $createVimeoNode(videoID: string): VimeoNode;
-export declare function $isVimeoNode(node: VimeoNode | LexicalNode | null | undefined): node is VimeoNode;

package/dist/field/extensions/vimeo/vimeo-node.js

@@ -103,7 +103,4 @@ class VimeoNode extends DecoratorBlockNode {
 function $createVimeoNode(videoID) {
     return new VimeoNode(videoID);
 }
-function $isVimeoNode(node) {
-    return node instanceof VimeoNode;
-}
-export { $createVimeoNode, $isVimeoNode, VimeoNode };
+export { $createVimeoNode, VimeoNode };

package/dist/field/extensions/youtube/youtube-node.d.ts

@@ -7,7 +7,7 @@
  */
 import type * as React from 'react';
 import { DecoratorBlockNode, type SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';
-import type { DOMConversionMap, DOMExportOutput, EditorConfig, ElementFormatType, LexicalEditor, LexicalNode, NodeKey, Spread } from 'lexical';
+import type { DOMConversionMap, DOMExportOutput, EditorConfig, ElementFormatType, LexicalEditor, NodeKey, Spread } from 'lexical';
 export type SerializedYouTubeNode = Spread<{
     videoID: string;
 }, SerializedDecoratorBlockNode>;
@@ -26,4 +26,3 @@ export declare class YouTubeNode extends DecoratorBlockNode {
     decorate(_editor: LexicalEditor, config: EditorConfig): React.JSX.Element;
 }
 export declare function $createYouTubeNode(videoID: string): YouTubeNode;
-export declare function $isYouTubeNode(node: YouTubeNode | LexicalNode | null | undefined): node is YouTubeNode;

package/dist/field/extensions/youtube/youtube-node.js

@@ -104,7 +104,4 @@ class YouTubeNode extends DecoratorBlockNode {
 function $createYouTubeNode(videoID) {
     return new YouTubeNode(videoID);
 }
-function $isYouTubeNode(node) {
-    return node instanceof YouTubeNode;
-}
-export { $createYouTubeNode, $isYouTubeNode, YouTubeNode };
+export { $createYouTubeNode, YouTubeNode };

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "4.16.0",
+  "version": "4.18.0",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -72,28 +72,26 @@
     "clsx": "^2.1.1",
     "lexical": "0.49.0",
     "react-error-boundary": "^6.1.3",
-    "@byline/admin": "4.16.0",
-    "@byline/client": "4.16.0",
-    "@byline/core": "4.16.0",
-    "@byline/ui": "4.16.0"
+    "@byline/admin": "4.18.0",
+    "@byline/core": "4.18.0",
+    "@byline/ui": "4.18.0",
+    "@byline/client": "4.18.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.5.9",
+    "@biomejs/biome": "2.5.10",
     "@rsbuild/plugin-react": "^2.1.0",
     "@rslib/core": "^0.23.2",
-    "@types/node": "^26.2.0",
+    "@types/node": "^26.4.0",
     "@types/react": "19.2.18",
-    "@types/react-dom": "19.2.4",
+    "@types/react-dom": "19.2.5",
     "@vitejs/plugin-react": "^6.1.0",
-    "lightningcss": "^1.33.0",
     "npm-run-all": "^4.1.5",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "rimraf": "^6.1.3",
     "typescript": "^7.0.2",
     "typescript-plugin-css-modules": "^5.2.0",
     "vite": "^8.2.2",

package/src/field/extensions/inline-image/inline-image-modal.tsx

@@ -12,8 +12,8 @@ import type * as React from 'react'
 import { useMemo, useState } from 'react'
 
 import { RelationPicker } from '@byline/admin/react'
-import type { CollectionDefinition, StoredFileValue } from '@byline/core'
-import { getCollectionDefinition } from '@byline/core'
+import type { MultiCollectionDefinition, StoredFileValue } from '@byline/core'
+import { getCollectionDefinition, isSingleton } from '@byline/core'
 import {
   Button,
   Checkbox,
@@ -106,7 +106,9 @@ export const InlineImageModal: React.FC<InlineImageModalProps> = ({
     }
   )
 
-  const targetDef: CollectionDefinition | null = getCollectionDefinition(collection)
+  const targetDefinition = getCollectionDefinition(collection)
+  const targetDef: MultiCollectionDefinition | null =
+    targetDefinition != null && !isSingleton(targetDefinition) ? targetDefinition : null
 
   // The image StoredFileValue lives inside the picked media doc's denormalised
   // `documentRelation.document.image` field — see `handlePickerSelect` below.

package/src/field/extensions/link/link-modal.tsx

@@ -12,8 +12,8 @@ import type * as React from 'react'
 import { useMemo, useState } from 'react'
 
 import { RelationPicker } from '@byline/admin/react'
-import type { CollectionDefinition } from '@byline/core'
-import { getAdminConfig, getCollectionDefinition } from '@byline/core'
+import type { MultiCollectionDefinition } from '@byline/core'
+import { getAdminConfig, getCollectionDefinition, isSingleton } from '@byline/core'
 import {
   Button,
   Checkbox,
@@ -48,7 +48,7 @@ interface FormState {
   picked: DocumentRelation | null
 }
 
-function emptyState(linkable: CollectionDefinition[]): FormState {
+function emptyState(linkable: MultiCollectionDefinition[]): FormState {
   return {
     text: '',
     linkType: linkable.length > 0 ? 'internal' : 'custom',
@@ -59,7 +59,10 @@ function emptyState(linkable: CollectionDefinition[]): FormState {
   }
 }
 
-function fromLinkData(data: LinkData | undefined, linkable: CollectionDefinition[]): FormState {
+function fromLinkData(
+  data: LinkData | undefined,
+  linkable: MultiCollectionDefinition[]
+): FormState {
   const base = emptyState(linkable)
   if (!data) return base
   const fields = data.fields
@@ -101,8 +104,12 @@ export const LinkModal: React.FC<LinkModalProps> = ({
   onClose,
   data: dataFromProps,
 }) => {
-  const linkable = useMemo<CollectionDefinition[]>(
-    () => getAdminConfig().collections.filter((c) => c.linksInEditor === true),
+  const linkable = useMemo<MultiCollectionDefinition[]>(
+    () =>
+      getAdminConfig().collections.filter(
+        (collection): collection is MultiCollectionDefinition =>
+          !isSingleton(collection) && collection.linksInEditor === true
+      ),
     []
   )
 
@@ -115,9 +122,11 @@ export const LinkModal: React.FC<LinkModalProps> = ({
     () => setUrlError(null)
   )
 
-  const targetDef: CollectionDefinition | null = state.targetCollection
+  const targetDefinition = state.targetCollection
     ? getCollectionDefinition(state.targetCollection)
     : null
+  const targetDef: MultiCollectionDefinition | null =
+    targetDefinition != null && !isSingleton(targetDefinition) ? targetDefinition : null
 
   const collectionItems: SelectValue<string>[] = useMemo(
     () => linkable.map((c) => ({ label: c.labels.singular, value: c.path })),
@@ -129,7 +138,9 @@ export const LinkModal: React.FC<LinkModalProps> = ({
     const title = state.picked.document?.title
     if (typeof title === 'string' && title.length > 0) return title
     // No title cached — show a stable stub keyed off the collection.
-    const pickedDef = getCollectionDefinition(state.picked.targetCollectionPath)
+    const pickedDefinition = getCollectionDefinition(state.picked.targetCollectionPath)
+    const pickedDef =
+      pickedDefinition != null && !isSingleton(pickedDefinition) ? pickedDefinition : null
     const short = state.picked.targetDocumentId.slice(0, 8)
     return `${pickedDef?.labels.singular ?? state.picked.targetCollectionPath} · ${short}…`
   }, [state.linkType, state.picked])

package/src/field/extensions/vimeo/vimeo-node.tsx

@@ -20,7 +20,6 @@ import type {
   EditorConfig,
   ElementFormatType,
   LexicalEditor,
-  LexicalNode,
   NodeKey,
   Spread,
 } from 'lexical'
@@ -166,7 +165,3 @@ export class VimeoNode extends DecoratorBlockNode {
 export function $createVimeoNode(videoID: string): VimeoNode {
   return new VimeoNode(videoID)
 }
-
-export function $isVimeoNode(node: VimeoNode | LexicalNode | null | undefined): node is VimeoNode {
-  return node instanceof VimeoNode
-}

package/src/field/extensions/youtube/youtube-node.tsx

@@ -20,7 +20,6 @@ import type {
   EditorConfig,
   ElementFormatType,
   LexicalEditor,
-  LexicalNode,
   NodeKey,
   Spread,
 } from 'lexical'
@@ -170,9 +169,3 @@ export class YouTubeNode extends DecoratorBlockNode {
 export function $createYouTubeNode(videoID: string): YouTubeNode {
   return new YouTubeNode(videoID)
 }
-
-export function $isYouTubeNode(
-  node: YouTubeNode | LexicalNode | null | undefined
-): node is YouTubeNode {
-  return node instanceof YouTubeNode
-}