@guardian/stand 0.0.40 → 0.0.41

package/dist/components/Byline/lib.js

@@ -1,181 +1,171 @@
-import { bylineEditorSchema } from './schema.js';
-
+import { bylineEditorSchema } from "./schema.js";
+//#region src/components/Byline/lib.ts
 const detectNameInText = (text, cursorOffset, isTypingFromStartRange) => {
-  const namePattern = /[\p{Lu}*][\p{L}*]*(?:[-'.&’]+[\p{Lu}*][\p{L}*]*|(?!\.\s)\s+[\p{Lu}*][\p{L}*]*)*[ ]?/gu;
-  const searchText = isTypingFromStartRange ? text.substring(0, isTypingFromStartRange.maxReached) : text;
-  const matches = Array.from(searchText.matchAll(namePattern)).flat().map((match) => ({
-    name: match.trimEnd(),
-    startIndex: searchText.indexOf(match),
-    endIndex: searchText.indexOf(match) + match.length
-  }));
-  if (matches.length === 0) {
-    return void 0;
-  }
-  const nameContainingCursor = matches.find((match) => cursorOffset >= 0 && cursorOffset >= match.startIndex && cursorOffset <= match.endIndex);
-  if (nameContainingCursor) {
-    return nameContainingCursor;
-  }
-  return void 0;
+	/**
+	* Name detection regex pattern that matches:
+	* - Names starting with uppercase letters followed optionally by 0 or more any letters ([\p{Lu}*][\p{L}*]*)
+	* - Connected by hyphens, apostrophes (straight ' and curly ’), periods, or ampersands ([-'.&’]+)
+	* - Or separated by spaces, but not when a period is followed by space ((?!\.\s)\s+)
+	* - With optional trailing space ([ ]?) so search doesn't break between first name and following names
+	* - * character anywhere in the string for match any in search
+	*
+	* Examples:
+	* ✓ "John Smith" - basic name with space
+	* ✓ "A.C Skinner" - initials with periods
+	* ✓ "J.R.R Tolkien" - multiple initials
+	* ✓ "D'Artagnan-Jones" - apostrophe in name
+	* ✓ "O’Connor" - curly apostrophe
+	* ✓ "Waz&Lenny" - ampersand connection
+	* ✓ "Mary-Jane Watson" - hyphenated name
+	* ✗ "A.C Skinner. Produced by" - stops at ". " (period + space)
+	*/
+	const namePattern = /[\p{Lu}*][\p{L}*]*(?:[-'.&’]+[\p{Lu}*][\p{L}*]*|(?!\.\s)\s+[\p{Lu}*][\p{L}*]*)*[ ]?/gu;
+	const searchText = isTypingFromStartRange ? text.substring(0, isTypingFromStartRange.maxReached) : text;
+	const matches = Array.from(searchText.matchAll(namePattern)).flat().map((match) => ({
+		name: match.trimEnd(),
+		startIndex: searchText.indexOf(match),
+		endIndex: searchText.indexOf(match) + match.length
+	}));
+	if (matches.length === 0) return;
+	const nameContainingCursor = matches.find((match) => cursorOffset >= 0 && cursorOffset >= match.startIndex && cursorOffset <= match.endIndex);
+	if (nameContainingCursor) return nameContainingCursor;
 };
 function refocusEditor(viewRef) {
-  setTimeout(() => {
-    viewRef.current?.focus();
-  }, 0);
+	setTimeout(() => {
+		viewRef.current?.focus();
+	}, 0);
 }
 function insertChip(text, from, to, type, tagId, path, meta) {
-  const command = (state, dispatch) => {
-    const chipNode = bylineEditorSchema.nodes.chip.create({
-      label: text,
-      type,
-      tagId,
-      path,
-      meta
-    });
-    const tr = state.tr.replaceRangeWith(from, to, chipNode);
-    if (dispatch) {
-      dispatch(tr);
-    }
-    return true;
-  };
-  return command;
+	const command = (state, dispatch) => {
+		const chipNode = bylineEditorSchema.nodes.chip.create({
+			label: text,
+			type,
+			tagId,
+			path,
+			meta
+		});
+		const tr = state.tr.replaceRangeWith(from, to, chipNode);
+		if (dispatch) dispatch(tr);
+		return true;
+	};
+	return command;
 }
 const getCurrentText = (doc, currentOffset, toOffset, isTypingFromStartRange) => {
-  const hasSelection = currentOffset !== toOffset;
-  const selectedText = hasSelection ? doc.textBetween(currentOffset, toOffset, " ") : "";
-  if (hasSelection) {
-    return {
-      currentTextNode: null,
-      startOffset: -1,
-      endOffset: -1,
-      selectedText,
-      hasSelection: true
-    };
-  }
-  let currentTextNode = null;
-  let startOffset = -1;
-  let endOffset = -1;
-  let lastTextContent = "";
-  doc.descendants((node, pos) => {
-    if (pos >= currentOffset) {
-      return false;
-    }
-    if (node.isText && node.textContent.trim()) {
-      const relativeCursorOffset = currentOffset - pos;
-      const detectedName = detectNameInText(node.textContent, relativeCursorOffset, isTypingFromStartRange);
-      if (detectedName) {
-        currentTextNode = node;
-        lastTextContent = detectedName.name;
-        startOffset = pos + detectedName.startIndex;
-        endOffset = pos + detectedName.endIndex;
-      }
-    } else if (node.type.name === "chip") {
-      currentTextNode = null;
-      startOffset = -1;
-      endOffset = -1;
-      lastTextContent = "";
-    }
-    return true;
-  });
-  return {
-    currentTextNode,
-    startOffset,
-    endOffset,
-    selectedText: lastTextContent,
-    hasSelection: false
-  };
+	const hasSelection = currentOffset !== toOffset;
+	const selectedText = hasSelection ? doc.textBetween(currentOffset, toOffset, " ") : "";
+	if (hasSelection) return {
+		currentTextNode: null,
+		startOffset: -1,
+		endOffset: -1,
+		selectedText,
+		hasSelection: true
+	};
+	let currentTextNode = null;
+	let startOffset = -1;
+	let endOffset = -1;
+	let lastTextContent = "";
+	doc.descendants((node, pos) => {
+		if (pos >= currentOffset) return false;
+		if (node.isText && node.textContent.trim()) {
+			const relativeCursorOffset = currentOffset - pos;
+			const detectedName = detectNameInText(node.textContent, relativeCursorOffset, isTypingFromStartRange);
+			if (detectedName) {
+				currentTextNode = node;
+				lastTextContent = detectedName.name;
+				startOffset = pos + detectedName.startIndex;
+				endOffset = pos + detectedName.endIndex;
+			}
+		} else if (node.type.name === "chip") {
+			currentTextNode = null;
+			startOffset = -1;
+			endOffset = -1;
+			lastTextContent = "";
+		}
+		return true;
+	});
+	return {
+		currentTextNode,
+		startOffset,
+		endOffset,
+		selectedText: lastTextContent,
+		hasSelection: false
+	};
 };
 const hasHitContributorLimit = (doc, contributorLimit) => {
-  if (contributorLimit === void 0) {
-    return false;
-  }
-  const numberOfContributors = doc.children.filter((c) => c.type.name === "chip").length;
-  return numberOfContributors >= contributorLimit;
+	if (contributorLimit === void 0) return false;
+	return doc.children.filter((c) => c.type.name === "chip").length >= contributorLimit;
 };
 const addUntaggedContributor = (viewRef, setShowDropdown, contributorLimit, isTypingFromStartRange) => {
-  if (!viewRef.current) {
-    return;
-  }
-  const { state, dispatch } = viewRef.current;
-  const doc = state.doc;
-  if (hasHitContributorLimit(doc, contributorLimit)) {
-    return;
-  }
-  const { currentTextNode, startOffset, endOffset, selectedText, hasSelection } = getCurrentText(doc, state.selection.from, state.selection.to, isTypingFromStartRange);
-  if (hasSelection) {
-    setShowDropdown(false);
-    const result2 = insertChip(selectedText, state.selection.from, state.selection.to, "untagged")(state, dispatch);
-    refocusEditor(viewRef);
-    return result2;
-  }
-  if (!currentTextNode || startOffset === -1) {
-    console.warn("No text node found in the document");
-    return;
-  }
-  setShowDropdown(false);
-  const result = insertChip(selectedText, startOffset, endOffset, "untagged")(state, dispatch);
-  refocusEditor(viewRef);
-  return result;
+	if (!viewRef.current) return;
+	const { state, dispatch } = viewRef.current;
+	const doc = state.doc;
+	if (hasHitContributorLimit(doc, contributorLimit)) return;
+	const { currentTextNode, startOffset, endOffset, selectedText, hasSelection } = getCurrentText(doc, state.selection.from, state.selection.to, isTypingFromStartRange);
+	if (hasSelection) {
+		setShowDropdown(false);
+		const result = insertChip(selectedText, state.selection.from, state.selection.to, "untagged")(state, dispatch);
+		refocusEditor(viewRef);
+		return result;
+	}
+	if (!currentTextNode || startOffset === -1) {
+		console.warn("No text node found in the document");
+		return;
+	}
+	setShowDropdown(false);
+	const result = insertChip(selectedText, startOffset, endOffset, "untagged")(state, dispatch);
+	refocusEditor(viewRef);
+	return result;
 };
 const addTaggedContributor = (contributor, viewRef, setShowDropdown, contributorLimit, isTypingFromStartRange) => {
-  if (!viewRef.current) {
-    return;
-  }
-  const { state, dispatch } = viewRef.current;
-  const doc = state.doc;
-  if (hasHitContributorLimit(doc, contributorLimit)) {
-    return;
-  }
-  const { currentTextNode, startOffset, endOffset, hasSelection } = getCurrentText(doc, state.selection.from, state.selection.to, isTypingFromStartRange);
-  if (hasSelection) {
-    setShowDropdown(false);
-    const result2 = insertChip(contributor.label, state.selection.from, state.selection.to, "tagged", contributor.tagId, contributor.path, contributor.meta)(state, dispatch);
-    refocusEditor(viewRef);
-    return result2;
-  }
-  if (!currentTextNode || startOffset === -1) {
-    console.warn("No text node found in the document");
-    return;
-  }
-  setShowDropdown(false);
-  const result = insertChip(contributor.label, startOffset, endOffset, "tagged", contributor.tagId, contributor.path, contributor.meta)(state, dispatch);
-  refocusEditor(viewRef);
-  return result;
+	if (!viewRef.current) return;
+	const { state, dispatch } = viewRef.current;
+	const doc = state.doc;
+	if (hasHitContributorLimit(doc, contributorLimit)) return;
+	const { currentTextNode, startOffset, endOffset, hasSelection } = getCurrentText(doc, state.selection.from, state.selection.to, isTypingFromStartRange);
+	if (hasSelection) {
+		setShowDropdown(false);
+		const result = insertChip(contributor.label, state.selection.from, state.selection.to, "tagged", contributor.tagId, contributor.path, contributor.meta)(state, dispatch);
+		refocusEditor(viewRef);
+		return result;
+	}
+	if (!currentTextNode || startOffset === -1) {
+		console.warn("No text node found in the document");
+		return;
+	}
+	setShowDropdown(false);
+	const result = insertChip(contributor.label, startOffset, endOffset, "tagged", contributor.tagId, contributor.path, contributor.meta)(state, dispatch);
+	refocusEditor(viewRef);
+	return result;
 };
 const convertBylineModelToNode = (value) => {
-  const nodes = (value ?? []).map((part) => {
-    if (part.type === "contributor") {
-      return bylineEditorSchema.nodes.chip.create({
-        label: part.value,
-        type: part.tagId ? "tagged" : "untagged",
-        tagId: part.tagId,
-        path: part.path,
-        meta: part.meta
-      });
-    } else {
-      return bylineEditorSchema.text(part.value);
-    }
-  });
-  return bylineEditorSchema.node("doc", null, nodes);
+	const nodes = (value ?? []).map((part) => {
+		if (part.type === "contributor") return bylineEditorSchema.nodes.chip.create({
+			label: part.value,
+			type: part.tagId ? "tagged" : "untagged",
+			tagId: part.tagId,
+			path: part.path,
+			meta: part.meta
+		});
+		else return bylineEditorSchema.text(part.value);
+	});
+	return bylineEditorSchema.node("doc", null, nodes);
 };
 const convertNodeToBylineModel = (doc) => {
-  const model = [];
-  doc.forEach((node) => {
-    if (node.isText) {
-      model.push({
-        type: "text",
-        value: node.text ?? ""
-      });
-    } else if (node.type.name === "chip") {
-      model.push({
-        type: "contributor",
-        value: node.attrs.label,
-        tagId: node.attrs.tagId,
-        path: node.attrs.path,
-        meta: node.attrs.meta
-      });
-    }
-  });
-  return model;
+	const model = [];
+	doc.forEach((node) => {
+		if (node.isText) model.push({
+			type: "text",
+			value: node.text ?? ""
+		});
+		else if (node.type.name === "chip") model.push({
+			type: "contributor",
+			value: node.attrs.label,
+			tagId: node.attrs.tagId,
+			path: node.attrs.path,
+			meta: node.attrs.meta
+		});
+	});
+	return model;
 };
-
-export { addTaggedContributor, addUntaggedContributor, convertBylineModelToNode, convertNodeToBylineModel, detectNameInText, getCurrentText, hasHitContributorLimit, insertChip };
+//#endregion
+export { addTaggedContributor, addUntaggedContributor, convertBylineModelToNode, convertNodeToBylineModel, getCurrentText, hasHitContributorLimit };

package/dist/components/Byline/placeholder.cjs

@@ -1,29 +1,20 @@
-'use strict';
-
-var prosemirrorState = require('prosemirror-state');
-var prosemirrorView = require('prosemirror-view');
-
+require("../../_virtual/_rolldown/runtime.cjs");
+let prosemirror_state = require("prosemirror-state");
+let prosemirror_view = require("prosemirror-view");
+//#region src/components/Byline/placeholder.ts
 const getPlaceholder = (text) => {
-  const span = document.createElement("span");
-  span.innerHTML = text;
-  span.className = "placeholder";
-  return span;
+	const span = document.createElement("span");
+	span.innerHTML = text;
+	span.className = "placeholder";
+	return span;
 };
 const createPlaceholderPlugin = (text) => {
-  const shouldDisplayPlaceholder = (state) => text !== "" && state.doc.childCount < 1;
-  return new prosemirrorState.Plugin({
-    props: {
-      decorations: (editorState) => {
-        const { doc } = editorState;
-        if (shouldDisplayPlaceholder(editorState)) {
-          return prosemirrorView.DecorationSet.create(doc, [
-            prosemirrorView.Decoration.widget(0, getPlaceholder(text))
-          ]);
-        }
-        return prosemirrorView.DecorationSet.empty;
-      }
-    }
-  });
+	const shouldDisplayPlaceholder = (state) => text !== "" && state.doc.childCount < 1;
+	return new prosemirror_state.Plugin({ props: { decorations: (editorState) => {
+		const { doc } = editorState;
+		if (shouldDisplayPlaceholder(editorState)) return prosemirror_view.DecorationSet.create(doc, [prosemirror_view.Decoration.widget(0, getPlaceholder(text))]);
+		return prosemirror_view.DecorationSet.empty;
+	} } });
 };
-
+//#endregion
 exports.createPlaceholderPlugin = createPlaceholderPlugin;

package/dist/components/Byline/placeholder.js

@@ -1,27 +1,19 @@
-import { Plugin } from 'prosemirror-state';
-import { DecorationSet, Decoration } from 'prosemirror-view';
-
+import { Plugin } from "prosemirror-state";
+import { Decoration, DecorationSet } from "prosemirror-view";
+//#region src/components/Byline/placeholder.ts
 const getPlaceholder = (text) => {
-  const span = document.createElement("span");
-  span.innerHTML = text;
-  span.className = "placeholder";
-  return span;
+	const span = document.createElement("span");
+	span.innerHTML = text;
+	span.className = "placeholder";
+	return span;
 };
 const createPlaceholderPlugin = (text) => {
-  const shouldDisplayPlaceholder = (state) => text !== "" && state.doc.childCount < 1;
-  return new Plugin({
-    props: {
-      decorations: (editorState) => {
-        const { doc } = editorState;
-        if (shouldDisplayPlaceholder(editorState)) {
-          return DecorationSet.create(doc, [
-            Decoration.widget(0, getPlaceholder(text))
-          ]);
-        }
-        return DecorationSet.empty;
-      }
-    }
-  });
+	const shouldDisplayPlaceholder = (state) => text !== "" && state.doc.childCount < 1;
+	return new Plugin({ props: { decorations: (editorState) => {
+		const { doc } = editorState;
+		if (shouldDisplayPlaceholder(editorState)) return DecorationSet.create(doc, [Decoration.widget(0, getPlaceholder(text))]);
+		return DecorationSet.empty;
+	} } });
 };
-
+//#endregion
 export { createPlaceholderPlugin };