markdown-actions 1.0.0

package/src/core/selection-new.js

@@ -0,0 +1,137 @@
+/**
+ * Selection utilities - EXACT match to GitHub's implementation
+ * Based on markdown-toolbar-element index.ts
+ */
+
+/**
+ * Check if string contains multiple lines
+ * GitHub: index.ts line 419-421
+ */
+export function isMultipleLines(string) {
+  return string.trim().split('\n').length > 1
+}
+
+/**
+ * Repeat string n times
+ * GitHub: index.ts line 423-425
+ */
+function repeat(string, n) {
+  return Array(n + 1).join(string)
+}
+
+/**
+ * Find word selection start
+ * GitHub: index.ts line 427-433
+ */
+export function wordSelectionStart(text, i) {
+  let index = i
+  while (text[index] && text[index - 1] != null && !text[index - 1].match(/\s/)) {
+    index--
+  }
+  return index
+}
+
+/**
+ * Find word selection end
+ * GitHub: index.ts line 435-442
+ */
+export function wordSelectionEnd(text, i, multiline) {
+  let index = i
+  const breakpoint = multiline ? /\n/ : /\s/
+  while (text[index] && !text[index].match(breakpoint)) {
+    index++
+  }
+  return index
+}
+
+/**
+ * Expand selection to line boundaries
+ * GitHub: index.ts line 502-515
+ * CRITICAL: This modifies the textarea selection directly!
+ */
+export function expandSelectionToLine(textarea) {
+  const lines = textarea.value.split('\n')
+  let counter = 0
+  for (let index = 0; index < lines.length; index++) {
+    const lineLength = lines[index].length + 1
+    if (textarea.selectionStart >= counter && textarea.selectionStart < counter + lineLength) {
+      textarea.selectionStart = counter
+    }
+    if (textarea.selectionEnd >= counter && textarea.selectionEnd < counter + lineLength) {
+      textarea.selectionEnd = counter + lineLength - 1
+    }
+    counter += lineLength
+  }
+}
+
+/**
+ * Expand selected text
+ * GitHub: index.ts line 517-537
+ * CRITICAL: This modifies the textarea selection to include format markers if they exist
+ */
+export function expandSelectedText(textarea, prefixToUse, suffixToUse, multiline = false) {
+  if (textarea.selectionStart === textarea.selectionEnd) {
+    textarea.selectionStart = wordSelectionStart(textarea.value, textarea.selectionStart)
+    textarea.selectionEnd = wordSelectionEnd(textarea.value, textarea.selectionEnd, multiline)
+  } else {
+    const expandedSelectionStart = textarea.selectionStart - prefixToUse.length
+    const expandedSelectionEnd = textarea.selectionEnd + suffixToUse.length
+    const beginsWithPrefix = textarea.value.slice(expandedSelectionStart, textarea.selectionStart) === prefixToUse
+    const endsWithSuffix = textarea.value.slice(textarea.selectionEnd, expandedSelectionEnd) === suffixToUse
+    if (beginsWithPrefix && endsWithSuffix) {
+      textarea.selectionStart = expandedSelectionStart
+      textarea.selectionEnd = expandedSelectionEnd
+    }
+  }
+  return textarea.value.slice(textarea.selectionStart, textarea.selectionEnd)
+}
+
+/**
+ * Calculate newlines to surround selected text
+ * GitHub: index.ts line 544-573
+ */
+export function newlinesToSurroundSelectedText(textarea) {
+  const beforeSelection = textarea.value.slice(0, textarea.selectionStart)
+  const afterSelection = textarea.value.slice(textarea.selectionEnd)
+
+  const breaksBefore = beforeSelection.match(/\n*$/)
+  const breaksAfter = afterSelection.match(/^\n*/)
+  const newlinesBeforeSelection = breaksBefore ? breaksBefore[0].length : 0
+  const newlinesAfterSelection = breaksAfter ? breaksAfter[0].length : 0
+
+  let newlinesToAppend
+  let newlinesToPrepend
+
+  if (beforeSelection.match(/\S/) && newlinesBeforeSelection < 2) {
+    newlinesToAppend = repeat('\n', 2 - newlinesBeforeSelection)
+  }
+
+  if (afterSelection.match(/\S/) && newlinesAfterSelection < 2) {
+    newlinesToPrepend = repeat('\n', 2 - newlinesAfterSelection)
+  }
+
+  if (newlinesToAppend == null) {
+    newlinesToAppend = ''
+  }
+
+  if (newlinesToPrepend == null) {
+    newlinesToPrepend = ''
+  }
+
+  return { newlinesToAppend, newlinesToPrepend }
+}
+
+/**
+ * Preserve selection helper (not in GitHub's but useful)
+ */
+export function preserveSelection(textarea, callback) {
+  const start = textarea.selectionStart
+  const end = textarea.selectionEnd
+  const scrollTop = textarea.scrollTop
+  
+  callback()
+  
+  textarea.selectionStart = start
+  textarea.selectionEnd = end
+  textarea.scrollTop = scrollTop
+}

package/src/core/selection.js

@@ -0,0 +1,117 @@
+/**
+ * Core selection utilities extracted and adapted from GitHub's markdown-toolbar-element
+ */
+
+/**
+ * Check if string contains multiple lines
+ */
+export function isMultipleLines(string) {
+  return string.trim().split('\n').length > 1
+}
+
+/**
+ * Find the start of the word at position i
+ */
+export function wordSelectionStart(text, i) {
+  let index = i
+  while (text[index] && text[index - 1] != null && !text[index - 1].match(/\s/)) {
+    index--
+  }
+  return index
+}
+
+/**
+ * Find the end of the word at position i
+ */
+export function wordSelectionEnd(text, i, multiline) {
+  let index = i
+  const breakpoint = multiline ? /\n/ : /\s/
+  while (text[index] && !text[index].match(breakpoint)) {
+    index++
+  }
+  return index
+}
+
+/**
+ * Expand selection to line boundaries
+ */
+export function expandSelectionToLine(textarea) {
+  const lines = textarea.value.split('\n')
+  let counter = 0
+  for (let index = 0; index < lines.length; index++) {
+    const lineLength = lines[index].length + 1
+    if (textarea.selectionStart >= counter && textarea.selectionStart < counter + lineLength) {
+      textarea.selectionStart = counter
+    }
+    if (textarea.selectionEnd >= counter && textarea.selectionEnd < counter + lineLength) {
+      // For the last line, don't go past the actual text length
+      if (index === lines.length - 1) {
+        textarea.selectionEnd = Math.min(counter + lines[index].length, textarea.value.length)
+      } else {
+        textarea.selectionEnd = counter + lineLength - 1
+      }
+    }
+    counter += lineLength
+  }
+}
+
+/**
+ * Expand selected text with smart boundary detection
+ */
+export function expandSelectedText(textarea, prefixToUse, suffixToUse, multiline = false) {
+  if (textarea.selectionStart === textarea.selectionEnd) {
+    textarea.selectionStart = wordSelectionStart(textarea.value, textarea.selectionStart)
+    textarea.selectionEnd = wordSelectionEnd(textarea.value, textarea.selectionEnd, multiline)
+  } else {
+    const expandedSelectionStart = textarea.selectionStart - prefixToUse.length
+    const expandedSelectionEnd = textarea.selectionEnd + suffixToUse.length
+    const beginsWithPrefix = textarea.value.slice(expandedSelectionStart, textarea.selectionStart) === prefixToUse
+    const endsWithSuffix = textarea.value.slice(textarea.selectionEnd, expandedSelectionEnd) === suffixToUse
+    if (beginsWithPrefix && endsWithSuffix) {
+      textarea.selectionStart = expandedSelectionStart
+      textarea.selectionEnd = expandedSelectionEnd
+    }
+  }
+  return textarea.value.slice(textarea.selectionStart, textarea.selectionEnd)
+}
+
+/**
+ * Calculate newlines needed to surround selected text
+ */
+export function newlinesToSurroundSelectedText(textarea) {
+  const beforeSelection = textarea.value.slice(0, textarea.selectionStart)
+  const afterSelection = textarea.value.slice(textarea.selectionEnd)
+
+  const breaksBefore = beforeSelection.match(/\n*$/)
+  const breaksAfter = afterSelection.match(/^\n*/)
+  const newlinesBeforeSelection = breaksBefore ? breaksBefore[0].length : 0
+  const newlinesAfterSelection = breaksAfter ? breaksAfter[0].length : 0
+
+  let newlinesToAppend = ''
+  let newlinesToPrepend = ''
+
+  if (beforeSelection.match(/\S/) && newlinesBeforeSelection < 2) {
+    newlinesToAppend = '\n'.repeat(2 - newlinesBeforeSelection)
+  }
+
+  if (afterSelection.match(/\S/) && newlinesAfterSelection < 2) {
+    newlinesToPrepend = '\n'.repeat(2 - newlinesAfterSelection)
+  }
+
+  return { newlinesToAppend, newlinesToPrepend }
+}
+
+/**
+ * Utility to preserve selection during operations
+ */
+export function preserveSelection(textarea, callback) {
+  const start = textarea.selectionStart
+  const end = textarea.selectionEnd
+  const scrollTop = textarea.scrollTop
+  
+  callback()
+  
+  textarea.selectionStart = start
+  textarea.selectionEnd = end
+  textarea.scrollTop = scrollTop
+}

package/src/core/style-args.js

@@ -0,0 +1,33 @@
+/**
+ * Style arguments type definition and defaults
+ * Matches GitHub's implementation exactly
+ */
+
+/**
+ * Get default style arguments
+ * MUST match GitHub's defaults exactly (index.ts lines 805-818)
+ */
+export function getDefaultStyleArgs() {
+  return {
+    prefix: '',
+    suffix: '',
+    blockPrefix: '',
+    blockSuffix: '',
+    multiline: false,
+    replaceNext: '',
+    prefixSpace: false,
+    scanFor: '',
+    surroundWithNewlines: false,
+    orderedList: false,
+    unorderedList: false,
+    trimFirst: false
+  }
+}
+
+/**
+ * Merge style with defaults
+ * Ensures ALL properties are present
+ */
+export function mergeStyleWithDefaults(style) {
+  return { ...getDefaultStyleArgs(), ...style }
+}

package/src/core/style-text.js

@@ -0,0 +1,30 @@
+/**
+ * Main text styling orchestration
+ * EXACT match to GitHub's implementation
+ * Based on markdown-toolbar-element index.ts lines 487-500
+ */
+
+import { isMultipleLines } from './selection-new.js'
+import { insertText } from './insertion-new.js'
+import { blockStyle, multilineStyle } from '../operations/block-new.js'
+import { listStyle } from '../operations/list-new.js'
+
+/**
+ * Style selected text in textarea
+ * GitHub: index.ts lines 487-500
+ * CRITICAL: This is the main orchestrator that decides which operation to use
+ */
+export function styleSelectedText(textarea, styleArgs) {
+  const text = textarea.value.slice(textarea.selectionStart, textarea.selectionEnd)
+
+  let result
+  if (styleArgs.orderedList || styleArgs.unorderedList) {
+    result = listStyle(textarea, styleArgs)
+  } else if (styleArgs.multiline && isMultipleLines(text)) {
+    result = multilineStyle(textarea, styleArgs)
+  } else {
+    result = blockStyle(textarea, styleArgs)
+  }
+
+  insertText(textarea, result)
+}

package/src/index-new.js

@@ -0,0 +1,260 @@
+/**
+ * markdown-actions - Lightweight markdown toolbar functionality
+ * Exact implementation matching GitHub's markdown-toolbar-element
+ */
+
+import { mergeStyleWithDefaults } from './core/style-args.js'
+import { styleSelectedText } from './core/style-text.js'
+import { setUndoMethod } from './core/insertion-new.js'
+import { preserveSelection, expandSelectionToLine } from './core/selection-new.js'
+import { getActiveFormats as getActive, hasFormat as has } from './core/detection.js'
+
+/**
+ * Format configurations matching GitHub's manualStyles
+ * GitHub: index.ts lines 86-118
+ */
+const FORMATS = {
+  bold: { prefix: '**', suffix: '**', trimFirst: true },
+  italic: { prefix: '_', suffix: '_', trimFirst: true },
+  code: { 
+    prefix: '`', 
+    suffix: '`', 
+    blockPrefix: '```', 
+    blockSuffix: '```' 
+  },
+  link: { 
+    prefix: '[', 
+    suffix: '](url)', 
+    replaceNext: 'url', 
+    scanFor: 'https?://' 
+  },
+  quote: { 
+    prefix: '> ', 
+    multiline: true, 
+    surroundWithNewlines: true 
+  },
+  bulletList: { 
+    prefix: '- ', 
+    multiline: true, 
+    unorderedList: true 
+  },
+  numberedList: { 
+    prefix: '1. ', 
+    multiline: true, 
+    orderedList: true 
+  },
+  header1: { prefix: '# ' },
+  header2: { prefix: '## ' },
+  header3: { prefix: '### ' },
+  header4: { prefix: '#### ' },
+  header5: { prefix: '##### ' },
+  header6: { prefix: '###### ' }
+}
+
+/**
+ * Apply style to textarea
+ * Mimics GitHub's applyStyle function (index.ts lines 801-827)
+ */
+function applyStyle(textarea, format) {
+  const style = mergeStyleWithDefaults(format)
+  textarea.focus()
+  styleSelectedText(textarea, style)
+}
+
+/**
+ * Toggle bold formatting
+ */
+export function toggleBold(textarea) {
+  if (!textarea || textarea.disabled || textarea.readOnly) return
+  applyStyle(textarea, FORMATS.bold)
+}
+
+/**
+ * Toggle italic formatting
+ */
+export function toggleItalic(textarea) {
+  if (!textarea || textarea.disabled || textarea.readOnly) return
+  applyStyle(textarea, FORMATS.italic)
+}
+
+/**
+ * Toggle code formatting
+ */
+export function toggleCode(textarea) {
+  if (!textarea || textarea.disabled || textarea.readOnly) return
+  applyStyle(textarea, FORMATS.code)
+}
+
+/**
+ * Insert or toggle link formatting
+ */
+export function insertLink(textarea, options = {}) {
+  if (!textarea || textarea.disabled || textarea.readOnly) return
+  
+  let format = { ...FORMATS.link }
+  
+  // Override with custom URL if provided
+  if (options.url) {
+    format.suffix = `](${options.url})`
+    format.replaceNext = ''
+  }
+  
+  // Handle custom text if provided
+  if (options.text && !textarea.value.slice(textarea.selectionStart, textarea.selectionEnd)) {
+    const pos = textarea.selectionStart
+    textarea.value = textarea.value.slice(0, pos) + options.text + textarea.value.slice(pos)
+    textarea.selectionStart = pos
+    textarea.selectionEnd = pos + options.text.length
+  }
+  
+  applyStyle(textarea, format)
+}
+
+/**
+ * Toggle bullet list formatting
+ */
+export function toggleBulletList(textarea) {
+  if (!textarea || textarea.disabled || textarea.readOnly) return
+  applyStyle(textarea, FORMATS.bulletList)
+}
+
+/**
+ * Toggle numbered list formatting
+ */
+export function toggleNumberedList(textarea) {
+  if (!textarea || textarea.disabled || textarea.readOnly) return
+  applyStyle(textarea, FORMATS.numberedList)
+}
+
+/**
+ * Toggle quote formatting
+ */
+export function toggleQuote(textarea) {
+  if (!textarea || textarea.disabled || textarea.readOnly) return
+  applyStyle(textarea, FORMATS.quote)
+}
+
+/**
+ * Insert header with specific level
+ */
+export function insertHeader(textarea, level = 1) {
+  if (!textarea || textarea.disabled || textarea.readOnly) return
+  if (level < 1 || level > 6) level = 1
+  
+  const headerKey = `header${level}`
+  const format = FORMATS[headerKey] || FORMATS.header1
+  
+  // Select current line
+  const value = textarea.value
+  const start = textarea.selectionStart
+  let lineStart = start
+  let lineEnd = start
+  
+  // Find line boundaries
+  while (lineStart > 0 && value[lineStart - 1] !== '\n') {
+    lineStart--
+  }
+  while (lineEnd < value.length && value[lineEnd] !== '\n') {
+    lineEnd++
+  }
+  
+  textarea.selectionStart = lineStart
+  textarea.selectionEnd = lineEnd
+  
+  const currentLine = value.slice(lineStart, lineEnd)
+  
+  // Remove any existing header formatting
+  const cleanedLine = currentLine.replace(/^#{1,6}\s*/, '')
+  
+  // Apply new header
+  const newLine = format.prefix + cleanedLine
+  
+  // Use our style system
+  const tempSelection = textarea.selectionStart
+  textarea.value = value.slice(0, lineStart) + newLine + value.slice(lineEnd)
+  textarea.selectionStart = lineStart + format.prefix.length
+  textarea.selectionEnd = lineStart + newLine.length
+}
+
+/**
+ * Get active formats at cursor position
+ */
+export function getActiveFormats(textarea) {
+  return getActive(textarea)
+}
+
+/**
+ * Check if format is active at cursor
+ */
+export function hasFormat(textarea, format) {
+  return has(textarea, format)
+}
+
+/**
+ * Expand selection based on options
+ */
+export function expandSelection(textarea, options = {}) {
+  if (!textarea) return
+  
+  const { toWord, toLine } = options
+  const { selectionStart, selectionEnd, value } = textarea
+  
+  if (toLine) {
+    expandSelectionToLine(textarea)
+  } else if (toWord && selectionStart === selectionEnd) {
+    // Find word boundaries
+    let start = selectionStart
+    let end = selectionEnd
+    
+    // Move start back to word boundary
+    while (start > 0 && !/\s/.test(value[start - 1])) {
+      start--
+    }
+    
+    // Move end forward to word boundary
+    while (end < value.length && !/\s/.test(value[end])) {
+      end++
+    }
+    
+    textarea.selectionStart = start
+    textarea.selectionEnd = end
+  }
+}
+
+/**
+ * Apply custom format
+ */
+export function applyCustomFormat(textarea, format) {
+  if (!textarea || textarea.disabled || textarea.readOnly) return
+  applyStyle(textarea, format)
+}
+
+/**
+ * Preserve selection during callback
+ */
+export { preserveSelection }
+
+/**
+ * Configure undo method
+ */
+export { setUndoMethod }
+
+/**
+ * Default export with all functions
+ */
+export default {
+  toggleBold,
+  toggleItalic,
+  toggleCode,
+  insertLink,
+  toggleBulletList,
+  toggleNumberedList,
+  toggleQuote,
+  insertHeader,
+  getActiveFormats,
+  hasFormat,
+  expandSelection,
+  applyCustomFormat,
+  preserveSelection,
+  setUndoMethod
+}