@webority/mobile-ui 0.0.39 → 0.2.0

package/lib/module/components/RichTextEditor/RichTextEditor.js

@@ -1,309 +1 @@
-"use strict";
-
-import React, { forwardRef, useCallback, useMemo, useState } from 'react';
-import { Pressable, StyleSheet, Text, TextInput, View } from 'react-native';
-import { fontFor, useTheme } from "../../theme/index.js";
-import { resolveHaptic, triggerHaptic } from "../../utils/index.js";
-import { smoothCorners } from "../../utils/corners.js";
-import { Skeleton } from "../Skeleton/index.js";
-import { applyMarkdownAction, normalizeSelection } from "./markdownActions.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** Glyph + spoken name per action. The glyph IS the markdown marker wherever one reads as itself. */
-const ACTION_META = {
-  bold: {
-    glyph: 'B',
-    label: 'Bold'
-  },
-  italic: {
-    glyph: 'I',
-    label: 'Italic'
-  },
-  strikethrough: {
-    glyph: 'S',
-    label: 'Strikethrough'
-  },
-  code: {
-    glyph: '</>',
-    label: 'Inline code'
-  },
-  link: {
-    glyph: 'link',
-    label: 'Link'
-  },
-  heading1: {
-    glyph: 'H1',
-    label: 'Heading 1'
-  },
-  heading2: {
-    glyph: 'H2',
-    label: 'Heading 2'
-  },
-  bulletList: {
-    glyph: '•',
-    label: 'Bulleted list'
-  },
-  numberedList: {
-    glyph: '1.',
-    label: 'Numbered list'
-  },
-  quote: {
-    glyph: '>',
-    label: 'Quote'
-  }
-};
-const DEFAULT_ACTIONS = ['bold', 'italic', 'strikethrough', 'code', 'link', 'heading1', 'heading2', 'bulletList', 'numberedList', 'quote'];
-const DEFAULT_MIN_HEIGHT = 160;
-
-/**
- * A markdown editor: a themed multiline field plus a toolbar that wraps the
- * current selection in the markers our own `<Markdown>` renderer reads back.
- *
- * Deliberately NOT a WYSIWYG surface. Rich-text-on-RN means a WebView, which is
- * exactly what replacing the stale `react-native-pell-rich-editor` was meant to
- * escape: markdown in, markdown out, one plain TextInput, no bridge.
- */
-export const RichTextEditor = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    value,
-    onChangeText,
-    placeholder,
-    actions = DEFAULT_ACTIONS,
-    disabled = false,
-    loading = false,
-    minHeight = DEFAULT_MIN_HEIGHT,
-    autoFocus = false,
-    accessibilityLabel,
-    haptic,
-    style,
-    toolbarStyle,
-    inputStyle,
-    testID
-  } = props;
-  const theme = useTheme();
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-  const text = value ?? '';
-  const [selection, setSelection] = useState({
-    start: 0,
-    end: 0
-  });
-  const [focused, setFocused] = useState(false);
-  /**
-   * Only set for the render immediately after a toolbar action. Holding the
-   * TextInput's `selection` permanently fights the platform keyboard on
-   * Android, so it is released as soon as the field reports the caret moved.
-   */
-  const [forcedSelection, setForcedSelection] = useState(null);
-  const handleSelectionChange = useCallback(event => {
-    setSelection(event.nativeEvent.selection);
-    setForcedSelection(null);
-  }, []);
-  const handleChangeText = useCallback(next => {
-    setForcedSelection(null);
-    onChangeText?.(next);
-  }, [onChangeText]);
-  const runAction = useCallback(action => {
-    if (disabled) {
-      return;
-    }
-    const h = resolveHaptic(haptic, 'selection');
-    if (h) {
-      triggerHaptic(h);
-    }
-    const result = applyMarkdownAction({
-      text,
-      selection: normalizeSelection(selection, text.length)
-    }, action);
-    setSelection(result.selection);
-    setForcedSelection(result.selection);
-    onChangeText?.(result.text);
-  }, [disabled, haptic, onChangeText, selection, text]);
-  if (loading) {
-    return /*#__PURE__*/_jsx(RichTextEditorSkeleton, {
-      actionCount: actions.length,
-      minHeight: minHeight,
-      style: style,
-      testID: testID
-    });
-  }
-  return /*#__PURE__*/_jsxs(View, {
-    testID: testID,
-    style: [styles.container, {
-      borderColor: focused ? theme.colors.border.focus : theme.colors.border.primary,
-      opacity: disabled ? 0.55 : 1
-    }, style],
-    children: [/*#__PURE__*/_jsx(View, {
-      style: [styles.toolbar, toolbarStyle],
-      children: actions.map(action => /*#__PURE__*/_jsx(ToolbarButton, {
-        action: action,
-        disabled: disabled,
-        onPress: runAction,
-        styles: styles,
-        theme: theme,
-        testID: testID ? `${testID}-${action}` : undefined
-      }, action))
-    }), /*#__PURE__*/_jsx(TextInput, {
-      ref: ref,
-      value: text,
-      onChangeText: handleChangeText,
-      onSelectionChange: handleSelectionChange,
-      onFocus: () => setFocused(true),
-      onBlur: () => setFocused(false),
-      selection: forcedSelection ?? undefined,
-      editable: !disabled,
-      autoFocus: autoFocus,
-      multiline: true,
-      textAlignVertical: "top",
-      placeholder: placeholder,
-      placeholderTextColor: theme.colors.text.tertiary,
-      accessibilityLabel: accessibilityLabel,
-      style: [styles.input, {
-        minHeight
-      }, inputStyle],
-      testID: testID ? `${testID}-input` : undefined
-    })]
-  });
-});
-RichTextEditor.displayName = 'RichTextEditor';
-const ToolbarButton = ({
-  action,
-  disabled,
-  onPress,
-  styles,
-  theme,
-  testID
-}) => {
-  const meta = ACTION_META[action];
-  // Each glyph carries its own formatting, so the button reads as what it does.
-  // Built as one object rather than an array entry per rule: a `fontWeight:
-  // undefined` in a style array wipes the family weight `fontFor` just set.
-  const glyphStyle = {
-    color: disabled ? theme.colors.text.disabled : theme.colors.text.primary
-  };
-  if (action === 'bold') {
-    glyphStyle.fontWeight = theme.typography.fontWeight.bold;
-  }
-  if (action === 'italic') {
-    glyphStyle.fontStyle = 'italic';
-  }
-  if (action === 'strikethrough') {
-    glyphStyle.textDecorationLine = 'line-through';
-  }
-  return /*#__PURE__*/_jsx(Pressable, {
-    onPress: () => onPress(action),
-    disabled: disabled,
-    accessibilityRole: "button",
-    accessibilityLabel: meta.label,
-    accessibilityState: {
-      disabled
-    },
-    hitSlop: 4,
-    testID: testID,
-    style: ({
-      pressed
-    }) => [styles.button, {
-      backgroundColor: pressed ? theme.colors.surface.pressed : theme.colors.background.secondary
-    }],
-    children: /*#__PURE__*/_jsx(Text, {
-      allowFontScaling: false,
-      style: [styles.buttonLabel, glyphStyle],
-      children: meta.glyph
-    })
-  });
-};
-ToolbarButton.displayName = 'RichTextEditorToolbarButton';
-
-/**
- * Placeholder shape for `<RichTextEditor>`: the same bordered box, a row of
- * button-sized blocks where the toolbar sits, and text lines filling the body,
- * so nothing reflows when the draft arrives.
- */
-const RichTextEditorSkeleton = ({
-  actionCount,
-  minHeight,
-  style,
-  testID
-}) => {
-  const theme = useTheme();
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-  const buttons = Array.from({
-    length: Math.max(1, actionCount)
-  }, (_, index) => index);
-  return /*#__PURE__*/_jsxs(View, {
-    testID: testID,
-    style: [styles.container, style],
-    children: [/*#__PURE__*/_jsx(View, {
-      style: styles.toolbar,
-      children: buttons.map(index => /*#__PURE__*/_jsx(Skeleton, {
-        width: 34,
-        height: 30,
-        radius: "sm"
-      }, index))
-    }), /*#__PURE__*/_jsxs(View, {
-      style: [styles.skeletonBody, {
-        minHeight
-      }],
-      children: [/*#__PURE__*/_jsx(Skeleton, {
-        shape: "text",
-        width: "94%",
-        height: 14
-      }), /*#__PURE__*/_jsx(Skeleton, {
-        shape: "text",
-        width: "100%",
-        height: 14
-      }), /*#__PURE__*/_jsx(Skeleton, {
-        shape: "text",
-        width: "72%",
-        height: 14
-      })]
-    })]
-  });
-};
-RichTextEditorSkeleton.displayName = 'RichTextEditorSkeleton';
-const buildStyles = theme => StyleSheet.create({
-  container: {
-    borderWidth: theme.colors.border.width,
-    borderColor: theme.colors.border.primary,
-    borderRadius: theme.radius.md,
-    ...smoothCorners,
-    backgroundColor: theme.colors.background.primary,
-    overflow: 'hidden'
-  },
-  toolbar: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    alignItems: 'center',
-    gap: theme.spacing.xs,
-    padding: theme.spacing.xs,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: theme.colors.border.secondary,
-    backgroundColor: theme.colors.background.secondary
-  },
-  button: {
-    minWidth: 34,
-    height: 30,
-    paddingHorizontal: theme.spacing.xs,
-    borderRadius: theme.radius.sm,
-    ...smoothCorners,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  buttonLabel: {
-    ...fontFor(theme, 'medium'),
-    fontSize: theme.typography.fontSize.sm
-  },
-  input: {
-    ...fontFor(theme, 'normal'),
-    color: theme.colors.text.primary,
-    fontSize: theme.typography.fontSize.base,
-    lineHeight: theme.typography.fontSize.base * 1.5,
-    paddingHorizontal: theme.spacing.md,
-    paddingVertical: theme.spacing.sm
-  },
-  skeletonBody: {
-    paddingHorizontal: theme.spacing.md,
-    paddingVertical: theme.spacing.sm,
-    gap: theme.spacing.sm
-  }
-});
-export default RichTextEditor;
-//# sourceMappingURL=RichTextEditor.js.map
+"use strict";import React,{forwardRef,useCallback,useMemo,useState}from"react";import{Pressable,StyleSheet,Text,TextInput,View}from"react-native";import{fontFor,useTheme}from"../../theme/index.js";import{resolveHaptic,triggerHaptic}from"../../utils/index.js";import{smoothCorners}from"../../utils/corners.js";import{Skeleton}from"../Skeleton/index.js";import{applyMarkdownAction,normalizeSelection}from"./markdownActions.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const ACTION_META={bold:{glyph:"B",label:"Bold"},italic:{glyph:"I",label:"Italic"},strikethrough:{glyph:"S",label:"Strikethrough"},code:{glyph:"</>",label:"Inline code"},link:{glyph:"link",label:"Link"},heading1:{glyph:"H1",label:"Heading 1"},heading2:{glyph:"H2",label:"Heading 2"},bulletList:{glyph:"•",label:"Bulleted list"},numberedList:{glyph:"1.",label:"Numbered list"},quote:{glyph:">",label:"Quote"}},DEFAULT_ACTIONS=["bold","italic","strikethrough","code","link","heading1","heading2","bulletList","numberedList","quote"],DEFAULT_MIN_HEIGHT=160;export const RichTextEditor=forwardRef((e,t)=>{const{value:o,onChangeText:i,placeholder:l,actions:r=DEFAULT_ACTIONS,disabled:s=!1,loading:n=!1,minHeight:a=DEFAULT_MIN_HEIGHT,autoFocus:c=!1,accessibilityLabel:d,haptic:h,style:u,toolbarStyle:p,inputStyle:b,testID:g}=e,m=useTheme(),y=useMemo(()=>buildStyles(m),[m]),x=o??"",[S,T]=useState({start:0,end:0}),[f,k]=useState(!1),[j,C]=useState(null),I=useCallback(e=>{T(e.nativeEvent.selection),C(null)},[]),_=useCallback(e=>{C(null),i?.(e)},[i]),H=useCallback(e=>{if(s)return;const t=resolveHaptic(h,"selection");t&&triggerHaptic(t);const o=applyMarkdownAction({text:x,selection:normalizeSelection(S,x.length)},e);T(o.selection),C(o.selection),i?.(o.text)},[s,h,i,S,x]);return n?_jsx(RichTextEditorSkeleton,{actionCount:r.length,minHeight:a,style:u,testID:g}):_jsxs(View,{testID:g,style:[y.container,{borderColor:f?m.colors.border.focus:m.colors.border.primary,opacity:s?.55:1},u],children:[_jsx(View,{style:[y.toolbar,p],children:r.map(e=>_jsx(ToolbarButton,{action:e,disabled:s,onPress:H,styles:y,theme:m,testID:g?`${g}-${e}`:void 0},e))}),_jsx(TextInput,{ref:t,value:x,onChangeText:_,onSelectionChange:I,onFocus:()=>k(!0),onBlur:()=>k(!1),selection:j??void 0,editable:!s,autoFocus:c,multiline:!0,textAlignVertical:"top",placeholder:l,placeholderTextColor:m.colors.text.tertiary,accessibilityLabel:d,style:[y.input,{minHeight:a},b],testID:g?`${g}-input`:void 0})]})});RichTextEditor.displayName="RichTextEditor";const ToolbarButton=({action:e,disabled:t,onPress:o,styles:i,theme:l,testID:r})=>{const s=ACTION_META[e],n={color:t?l.colors.text.disabled:l.colors.text.primary};return"bold"===e&&(n.fontWeight=l.typography.fontWeight.bold),"italic"===e&&(n.fontStyle="italic"),"strikethrough"===e&&(n.textDecorationLine="line-through"),_jsx(Pressable,{onPress:()=>o(e),disabled:t,accessibilityRole:"button",accessibilityLabel:s.label,accessibilityState:{disabled:t},hitSlop:4,testID:r,style:({pressed:e})=>[i.button,{backgroundColor:e?l.colors.surface.pressed:l.colors.background.secondary}],children:_jsx(Text,{allowFontScaling:!1,style:[i.buttonLabel,n],children:s.glyph})})};ToolbarButton.displayName="RichTextEditorToolbarButton";const RichTextEditorSkeleton=({actionCount:e,minHeight:t,style:o,testID:i})=>{const l=useTheme(),r=useMemo(()=>buildStyles(l),[l]),s=Array.from({length:Math.max(1,e)},(e,t)=>t);return _jsxs(View,{testID:i,style:[r.container,o],children:[_jsx(View,{style:r.toolbar,children:s.map(e=>_jsx(Skeleton,{width:34,height:30,radius:"sm"},e))}),_jsxs(View,{style:[r.skeletonBody,{minHeight:t}],children:[_jsx(Skeleton,{shape:"text",width:"94%",height:14}),_jsx(Skeleton,{shape:"text",width:"100%",height:14}),_jsx(Skeleton,{shape:"text",width:"72%",height:14})]})]})};RichTextEditorSkeleton.displayName="RichTextEditorSkeleton";const buildStyles=e=>StyleSheet.create({container:{borderWidth:e.colors.border.width,borderColor:e.colors.border.primary,borderRadius:e.radius.md,...smoothCorners,backgroundColor:e.colors.background.primary,overflow:"hidden"},toolbar:{flexDirection:"row",flexWrap:"wrap",alignItems:"center",gap:e.spacing.xs,padding:e.spacing.xs,borderBottomWidth:StyleSheet.hairlineWidth,borderBottomColor:e.colors.border.secondary,backgroundColor:e.colors.background.secondary},button:{minWidth:34,height:30,paddingHorizontal:e.spacing.xs,borderRadius:e.radius.sm,...smoothCorners,alignItems:"center",justifyContent:"center"},buttonLabel:{...fontFor(e,"medium"),fontSize:e.typography.fontSize.sm},input:{...fontFor(e,"normal"),color:e.colors.text.primary,fontSize:e.typography.fontSize.base,lineHeight:1.5*e.typography.fontSize.base,paddingHorizontal:e.spacing.md,paddingVertical:e.spacing.sm},skeletonBody:{paddingHorizontal:e.spacing.md,paddingVertical:e.spacing.sm,gap:e.spacing.sm}});export default RichTextEditor;

package/lib/module/components/RichTextEditor/index.js

@@ -1,5 +1 @@
-"use strict";
-
-export { applyMarkdownAction } from "./markdownActions.js";
-export { RichTextEditor } from "./RichTextEditor.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{applyMarkdownAction}from"./markdownActions.js";export{RichTextEditor}from"./RichTextEditor.js";

package/lib/module/components/RichTextEditor/markdownActions.js

@@ -1,207 +1 @@
-"use strict";
-
-/**
- * The text transforms behind the editor's toolbar, kept out of the component so
- * the behaviour people actually notice — toggling bold OFF again, and where the
- * caret lands when nothing is selected — can be tested as data, with no
- * rendering involved. Same split as Markdown/parse.ts.
- *
- * The output targets our own `<Markdown>` renderer, so the vocabulary is the
- * subset that parser reads: `**`, `*`, `~~`, backtick, `[](…)`, `#`, `##`,
- * `- `, `1. `, `> `. Nothing here emits anything that renderer would show as
- * literal text.
- */
-
-const INLINE_MARKERS = {
-  bold: '**',
-  italic: '*',
-  strikethrough: '~~',
-  code: '`'
-};
-
-/** A whole link, and only a whole link — used to decide "is this already one?". */
-const WHOLE_LINK = /^\[([^\]]*)\]\(([^)\s]*)\)$/;
-const LINK_URL_PLACEHOLDER = 'url';
-const BLOCK_RULES = {
-  heading1: {
-    has: l => /^#\s/.test(l),
-    prefix: () => '# '
-  },
-  heading2: {
-    has: l => /^##\s/.test(l),
-    prefix: () => '## '
-  },
-  bulletList: {
-    has: l => /^[-*+]\s/.test(l),
-    prefix: () => '- '
-  },
-  numberedList: {
-    has: l => /^\d+[.)]\s/.test(l),
-    prefix: index => `${index + 1}. `
-  },
-  quote: {
-    has: l => /^>\s?/.test(l),
-    prefix: () => '> '
-  }
-};
-
-/** Every block marker this editor writes, so switching kinds replaces rather than stacks. */
-const ANY_BLOCK_PREFIX = /^(?:#{1,6}\s+|[-*+]\s+|\d+[.)]\s+|>\s?)/;
-const isBlockAction = action => action in BLOCK_RULES;
-const clamp = (value, max) => {
-  // React Native reports -1 for "no selection yet" on some Android builds.
-  if (!Number.isFinite(value) || value < 0) {
-    return 0;
-  }
-  return Math.min(Math.trunc(value), max);
-};
-
-/** Selection as given can be reversed, unset, or past the end after an edit. */
-export const normalizeSelection = (selection, length) => {
-  const a = clamp(selection.start, length);
-  const b = clamp(selection.end, length);
-  return {
-    start: Math.min(a, b),
-    end: Math.max(a, b)
-  };
-};
-const caret = at => ({
-  start: at,
-  end: at
-});
-const applyInlineMarker = (text, selection, marker) => {
-  const {
-    start,
-    end
-  } = selection;
-  const selected = text.slice(start, end);
-  const size = marker.length;
-
-  // `*` is a prefix of `**`, so italic must never mistake bold for itself:
-  // unwrapping one star per side would silently downgrade bold to italic.
-  const boldCollision = marker === '*';
-  const wrappedInside = selected.length >= size * 2 && selected.startsWith(marker) && selected.endsWith(marker);
-  if (wrappedInside && !(boldCollision && selected.startsWith('**') && selected.endsWith('**'))) {
-    const inner = selected.slice(size, selected.length - size);
-    return {
-      text: text.slice(0, start) + inner + text.slice(end),
-      selection: {
-        start,
-        end: start + inner.length
-      }
-    };
-  }
-  const before = text.slice(Math.max(0, start - size), start);
-  const after = text.slice(end, end + size);
-  const wrappedOutside = start >= size && before === marker && after === marker && !(boldCollision && text.slice(Math.max(0, start - 2), start) === '**');
-  if (wrappedOutside) {
-    return {
-      text: text.slice(0, start - size) + selected + text.slice(end + size),
-      selection: {
-        start: start - size,
-        end: end - size
-      }
-    };
-  }
-  const next = text.slice(0, start) + marker + selected + marker + text.slice(end);
-  return {
-    text: next,
-    selection: start === end ? caret(start + size) : {
-      start: start + size,
-      end: end + size
-    }
-  };
-};
-const applyLink = (text, selection) => {
-  const {
-    start,
-    end
-  } = selection;
-  const selected = text.slice(start, end);
-  const existing = WHOLE_LINK.exec(selected);
-  if (existing) {
-    const label = existing[1];
-    return {
-      text: text.slice(0, start) + label + text.slice(end),
-      selection: {
-        start,
-        end: start + label.length
-      }
-    };
-  }
-  const inserted = `[${selected}](${LINK_URL_PLACEHOLDER})`;
-  const next = text.slice(0, start) + inserted + text.slice(end);
-  if (start === end) {
-    // Nothing selected: the label is what the user types first, so the caret
-    // goes between the brackets rather than onto the URL placeholder.
-    return {
-      text: next,
-      selection: caret(start + 1)
-    };
-  }
-  const urlStart = start + selected.length + 3;
-  return {
-    text: next,
-    selection: {
-      start: urlStart,
-      end: urlStart + LINK_URL_PLACEHOLDER.length
-    }
-  };
-};
-const applyBlockPrefix = (text, selection, action) => {
-  const rule = BLOCK_RULES[action];
-  const lines = text.split('\n');
-  const offsets = [];
-  let cursor = 0;
-  for (const line of lines) {
-    offsets.push(cursor);
-    cursor += line.length + 1;
-  }
-  const lineIndexAt = position => {
-    let index = 0;
-    for (let i = 0; i < lines.length; i += 1) {
-      if (offsets[i] <= position) {
-        index = i;
-      }
-    }
-    return index;
-  };
-  const first = lineIndexAt(selection.start);
-  const last = lineIndexAt(selection.end);
-  const affected = lines.slice(first, last + 1);
-  const allHave = affected.every(line => rule.has(line));
-  const rewritten = affected.map((line, index) => allHave ? line.replace(ANY_BLOCK_PREFIX, '') : rule.prefix(index) + line.replace(ANY_BLOCK_PREFIX, ''));
-  const firstDelta = rewritten[0].length - affected[0].length;
-  const totalDelta = rewritten.reduce((sum, line, index) => sum + (line.length - affected[index].length), 0);
-  const nextLines = [...lines.slice(0, first), ...rewritten, ...lines.slice(last + 1)];
-  const nextText = nextLines.join('\n');
-  return {
-    text: nextText,
-    selection: normalizeSelection({
-      start: Math.max(offsets[first], selection.start + firstDelta),
-      end: selection.end + totalDelta
-    }, nextText.length)
-  };
-};
-
-/**
- * Applies one toolbar action to the current text + selection and returns the
- * next pair. Pure: the caller owns the state.
- *
- * Wrapping applies to the selection; with nothing selected the markers are
- * inserted and the caret lands between them. Applying an action to text that
- * already carries it removes it instead of stacking a second copy — which is
- * the half people notice immediately when it is missing.
- */
-export const applyMarkdownAction = (state, action) => {
-  const text = state.text ?? '';
-  const selection = normalizeSelection(state.selection, text.length);
-  if (isBlockAction(action)) {
-    return applyBlockPrefix(text, selection, action);
-  }
-  if (action === 'link') {
-    return applyLink(text, selection);
-  }
-  return applyInlineMarker(text, selection, INLINE_MARKERS[action]);
-};
-//# sourceMappingURL=markdownActions.js.map
+"use strict";const INLINE_MARKERS={bold:"**",italic:"*",strikethrough:"~~",code:"`"},WHOLE_LINK=/^\[([^\]]*)\]\(([^)\s]*)\)$/,LINK_URL_PLACEHOLDER="url",BLOCK_RULES={heading1:{has:t=>/^#\s/.test(t),prefix:()=>"# "},heading2:{has:t=>/^##\s/.test(t),prefix:()=>"## "},bulletList:{has:t=>/^[-*+]\s/.test(t),prefix:()=>"- "},numberedList:{has:t=>/^\d+[.)]\s/.test(t),prefix:t=>`${t+1}. `},quote:{has:t=>/^>\s?/.test(t),prefix:()=>"> "}},ANY_BLOCK_PREFIX=/^(?:#{1,6}\s+|[-*+]\s+|\d+[.)]\s+|>\s?)/,isBlockAction=t=>t in BLOCK_RULES,clamp=(t,e)=>!Number.isFinite(t)||t<0?0:Math.min(Math.trunc(t),e);export const normalizeSelection=(t,e)=>{const s=clamp(t.start,e),n=clamp(t.end,e);return{start:Math.min(s,n),end:Math.max(s,n)}};const caret=t=>({start:t,end:t}),applyInlineMarker=(t,e,s)=>{const{start:n,end:l}=e,i=t.slice(n,l),r=s.length,c="*"===s;if(i.length>=2*r&&i.startsWith(s)&&i.endsWith(s)&&!(c&&i.startsWith("**")&&i.endsWith("**"))){const e=i.slice(r,i.length-r);return{text:t.slice(0,n)+e+t.slice(l),selection:{start:n,end:n+e.length}}}const a=t.slice(Math.max(0,n-r),n),o=t.slice(l,l+r);if(n>=r&&a===s&&o===s&&!(c&&"**"===t.slice(Math.max(0,n-2),n)))return{text:t.slice(0,n-r)+i+t.slice(l+r),selection:{start:n-r,end:l-r}};return{text:t.slice(0,n)+s+i+s+t.slice(l),selection:n===l?caret(n+r):{start:n+r,end:l+r}}},applyLink=(t,e)=>{const{start:s,end:n}=e,l=t.slice(s,n),i=WHOLE_LINK.exec(l);if(i){const e=i[1];return{text:t.slice(0,s)+e+t.slice(n),selection:{start:s,end:s+e.length}}}const r=`[${l}](url)`,c=t.slice(0,s)+r+t.slice(n);if(s===n)return{text:c,selection:caret(s+1)};const a=s+l.length+3;return{text:c,selection:{start:a,end:a+3}}},applyBlockPrefix=(t,e,s)=>{const n=BLOCK_RULES[s],l=t.split("\n"),i=[];let r=0;for(const t of l)i.push(r),r+=t.length+1;const lineIndexAt=t=>{let e=0;for(let s=0;s<l.length;s+=1)i[s]<=t&&(e=s);return e},c=lineIndexAt(e.start),a=lineIndexAt(e.end),o=l.slice(c,a+1),h=o.every(t=>n.has(t)),p=o.map((t,e)=>h?t.replace(ANY_BLOCK_PREFIX,""):n.prefix(e)+t.replace(ANY_BLOCK_PREFIX,"")),d=p[0].length-o[0].length,x=p.reduce((t,e,s)=>t+(e.length-o[s].length),0),L=[...l.slice(0,c),...p,...l.slice(a+1)].join("\n");return{text:L,selection:normalizeSelection({start:Math.max(i[c],e.start+d),end:e.end+x},L.length)}};export const applyMarkdownAction=(t,e)=>{const s=t.text??"",n=normalizeSelection(t.selection,s.length);return isBlockAction(e)?applyBlockPrefix(s,n,e):"link"===e?applyLink(s,n):applyInlineMarker(s,n,INLINE_MARKERS[e])};