@webority/mobile-ui 0.0.39 → 0.1.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
+import t,{forwardRef as e,useCallback as o,useMemo as i,useState as l}from"react";import{Pressable as r,StyleSheet as n,Text as a,TextInput as s,View as d}from"react-native";import{fontFor as c,useTheme as h}from"../../theme/index.js";import{resolveHaptic as p,triggerHaptic as g}from"../../utils/index.js";import{smoothCorners as b}from"../../utils/corners.js";import{Skeleton as u}from"../Skeleton/index.js";import{applyMarkdownAction as m,normalizeSelection as y}from"./markdownActions.js";import{jsx as x,jsxs as f}from"react/jsx-runtime";const k={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"}},S=["bold","italic","strikethrough","code","link","heading1","heading2","bulletList","numberedList","quote"],I=160;export const RichTextEditor=e((t,e)=>{const{value:r,onChangeText:n,placeholder:a,actions:c=S,disabled:b=!1,loading:u=!1,minHeight:k=I,autoFocus:C=!1,accessibilityLabel:H,haptic:D,style:L,toolbarStyle:w,inputStyle:T,testID:j}=t,v=h(),B=i(()=>buildStyles(v),[v]),R=r??"",[z,E]=l({start:0,end:0}),[W,F]=l(!1),[N,A]=l(null),P=o(t=>{E(t.nativeEvent.selection),A(null)},[]),V=o(t=>{A(null),n?.(t)},[n]),$=o(t=>{if(b)return;const e=p(D,"selection");e&&g(e);const o=m({text:R,selection:y(z,R.length)},t);E(o.selection),A(o.selection),n?.(o.text)},[b,D,n,z,R]);return u?x(RichTextEditorSkeleton,{actionCount:c.length,minHeight:k,style:L,testID:j}):f(d,{testID:j,style:[B.container,{borderColor:W?v.colors.border.focus:v.colors.border.primary,opacity:b?.55:1},L],children:[x(d,{style:[B.toolbar,w],children:c.map(t=>x(ToolbarButton,{action:t,disabled:b,onPress:$,styles:B,theme:v,testID:j?`${j}-${t}`:void 0},t))}),x(s,{ref:e,value:R,onChangeText:V,onSelectionChange:P,onFocus:()=>F(!0),onBlur:()=>F(!1),selection:N??void 0,editable:!b,autoFocus:C,multiline:!0,textAlignVertical:"top",placeholder:a,placeholderTextColor:v.colors.text.tertiary,accessibilityLabel:H,style:[B.input,{minHeight:k},T],testID:j?`${j}-input`:void 0})]})});RichTextEditor.displayName="RichTextEditor";const ToolbarButton=({action:t,disabled:e,onPress:o,styles:i,theme:l,testID:n})=>{const s=k[t],d={color:e?l.colors.text.disabled:l.colors.text.primary};return"bold"===t&&(d.fontWeight=l.typography.fontWeight.bold),"italic"===t&&(d.fontStyle="italic"),"strikethrough"===t&&(d.textDecorationLine="line-through"),x(r,{onPress:()=>o(t),disabled:e,accessibilityRole:"button",accessibilityLabel:s.label,accessibilityState:{disabled:e},hitSlop:4,testID:n,style:({pressed:t})=>[i.button,{backgroundColor:t?l.colors.surface.pressed:l.colors.background.secondary}],children:x(a,{allowFontScaling:!1,style:[i.buttonLabel,d],children:s.glyph})})};ToolbarButton.displayName="RichTextEditorToolbarButton";const RichTextEditorSkeleton=({actionCount:t,minHeight:e,style:o,testID:l})=>{const r=h(),n=i(()=>buildStyles(r),[r]),a=Array.from({length:Math.max(1,t)},(t,e)=>e);return f(d,{testID:l,style:[n.container,o],children:[x(d,{style:n.toolbar,children:a.map(t=>x(u,{width:34,height:30,radius:"sm"},t))}),f(d,{style:[n.skeletonBody,{minHeight:e}],children:[x(u,{shape:"text",width:"94%",height:14}),x(u,{shape:"text",width:"100%",height:14}),x(u,{shape:"text",width:"72%",height:14})]})]})};RichTextEditorSkeleton.displayName="RichTextEditorSkeleton";const buildStyles=t=>n.create({container:{borderWidth:t.colors.border.width,borderColor:t.colors.border.primary,borderRadius:t.radius.md,...b,backgroundColor:t.colors.background.primary,overflow:"hidden"},toolbar:{flexDirection:"row",flexWrap:"wrap",alignItems:"center",gap:t.spacing.xs,padding:t.spacing.xs,borderBottomWidth:n.hairlineWidth,borderBottomColor:t.colors.border.secondary,backgroundColor:t.colors.background.secondary},button:{minWidth:34,height:30,paddingHorizontal:t.spacing.xs,borderRadius:t.radius.sm,...b,alignItems:"center",justifyContent:"center"},buttonLabel:{...c(t,"medium"),fontSize:t.typography.fontSize.sm},input:{...c(t,"normal"),color:t.colors.text.primary,fontSize:t.typography.fontSize.base,lineHeight:1.5*t.typography.fontSize.base,paddingHorizontal:t.spacing.md,paddingVertical:t.spacing.sm},skeletonBody:{paddingHorizontal:t.spacing.md,paddingVertical:t.spacing.sm,gap:t.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
+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
+const t={bold:"**",italic:"*",strikethrough:"~~",code:"`"},e=/^\[([^\]]*)\]\(([^)\s]*)\)$/,s={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:()=>"> "}},n=/^(?:#{1,6}\s+|[-*+]\s+|\d+[.)]\s+|>\s?)/,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});export const applyMarkdownAction=(i,l)=>{const r=i.text??"",c=normalizeSelection(i.selection,r.length);return(t=>t in s)(l)?((t,e,i)=>{const l=s[i],r=t.split("\n"),c=[];let a=0;for(const t of r)c.push(a),a+=t.length+1;const lineIndexAt=t=>{let e=0;for(let s=0;s<r.length;s+=1)c[s]<=t&&(e=s);return e},o=lineIndexAt(e.start),h=lineIndexAt(e.end),d=r.slice(o,h+1),x=d.every(t=>l.has(t)),u=d.map((t,e)=>x?t.replace(n,""):l.prefix(e)+t.replace(n,"")),g=u[0].length-d[0].length,p=u.reduce((t,e,s)=>t+(e.length-d[s].length),0),f=[...r.slice(0,o),...u,...r.slice(h+1)].join("\n");return{text:f,selection:normalizeSelection({start:Math.max(c[o],e.start+g),end:e.end+p},f.length)}})(r,c,l):"link"===l?((t,s)=>{const{start:n,end:i}=s,l=t.slice(n,i),r=e.exec(l);if(r){const e=r[1];return{text:t.slice(0,n)+e+t.slice(i),selection:{start:n,end:n+e.length}}}const c=`[${l}](url)`,a=t.slice(0,n)+c+t.slice(i);if(n===i)return{text:a,selection:caret(n+1)};const o=n+l.length+3;return{text:a,selection:{start:o,end:o+3}}})(r,c):((t,e,s)=>{const{start:n,end:i}=e,l=t.slice(n,i),r=s.length,c="*"===s;if(l.length>=2*r&&l.startsWith(s)&&l.endsWith(s)&&!(c&&l.startsWith("**")&&l.endsWith("**"))){const e=l.slice(r,l.length-r);return{text:t.slice(0,n)+e+t.slice(i),selection:{start:n,end:n+e.length}}}const a=t.slice(Math.max(0,n-r),n),o=t.slice(i,i+r);return n>=r&&a===s&&o===s&&(!c||"**"!==t.slice(Math.max(0,n-2),n))?{text:t.slice(0,n-r)+l+t.slice(i+r),selection:{start:n-r,end:i-r}}:{text:t.slice(0,n)+s+l+s+t.slice(i),selection:n===i?caret(n+r):{start:n+r,end:i+r}}})(r,c,t[l])};