betterstart-cli 0.0.100 → 0.0.102

package/dist/assets/adapters/next/templates/init/utils/editor/remove-highlight-span-at-cursor.ts

@@ -0,0 +1,59 @@
+import type { InsertResult } from '@admin/utils/editor/insert-result'
+import type { EditorView } from '@codemirror/view'
+import { findHighlightSpanRange } from '@admin/utils/editor/find-highlight-span-range'
+import { HIGHLIGHT_SPAN_PATTERN } from '@admin/utils/editor/highlight-span-pattern'
+
+export function removeHighlightSpanAtCursor(
+  view: EditorView | null,
+  currentValue: string
+): InsertResult {
+  if (!view) {
+    return {
+      newValue: currentValue,
+      newCursorPos: currentValue.length
+    }
+  }
+
+  const markdown = view.state.doc.toString()
+  const { from, to } = view.state.selection.main
+  const selected = markdown.slice(from, to)
+  HIGHLIGHT_SPAN_PATTERN.lastIndex = 0
+  const unwrappedSelected = selected.replace(HIGHLIGHT_SPAN_PATTERN, '$1')
+
+  if (selected && selected !== unwrappedSelected) {
+    view.dispatch({
+      changes: { from, to, insert: unwrappedSelected },
+      selection: { anchor: from + unwrappedSelected.length }
+    })
+
+    return {
+      newValue: markdown.slice(0, from) + unwrappedSelected + markdown.slice(to),
+      newCursorPos: from + unwrappedSelected.length
+    }
+  }
+
+  const highlightRange = findHighlightSpanRange(markdown, from, to)
+  if (!highlightRange) {
+    return {
+      newValue: markdown,
+      newCursorPos: to
+    }
+  }
+
+  view.dispatch({
+    changes: {
+      from: highlightRange.start,
+      to: highlightRange.end,
+      insert: highlightRange.text
+    },
+    selection: { anchor: highlightRange.start + highlightRange.text.length }
+  })
+
+  return {
+    newValue:
+      markdown.slice(0, highlightRange.start) +
+      highlightRange.text +
+      markdown.slice(highlightRange.end),
+    newCursorPos: highlightRange.start + highlightRange.text.length
+  }
+}

package/dist/assets/adapters/next/templates/init/utils/editor/remove-markdown-link-at-cursor.ts

@@ -0,0 +1,43 @@
+import type { InsertResult } from '@admin/utils/editor/insert-result'
+import type { EditorView } from '@codemirror/view'
+import { findMarkdownLinkRange } from '@admin/utils/editor/find-markdown-link-range'
+
+export function removeMarkdownLinkAtCursor(
+  view: EditorView | null,
+  currentValue: string
+): InsertResult {
+  if (!view) {
+    return {
+      newValue: currentValue,
+      newCursorPos: currentValue.length
+    }
+  }
+
+  const markdown = view.state.doc.toString()
+  const { from, to } = view.state.selection.main
+  const existingLink = findMarkdownLinkRange(markdown, from, to)
+
+  if (!existingLink) {
+    return {
+      newValue: markdown,
+      newCursorPos: to
+    }
+  }
+
+  const nextCursorPos = existingLink.start + existingLink.text.length
+
+  view.dispatch({
+    changes: {
+      from: existingLink.start,
+      to: existingLink.end,
+      insert: existingLink.text
+    },
+    selection: { anchor: nextCursorPos }
+  })
+
+  return {
+    newValue:
+      markdown.slice(0, existingLink.start) + existingLink.text + markdown.slice(existingLink.end),
+    newCursorPos: nextCursorPos
+  }
+}

package/dist/assets/adapters/next/templates/init/utils/editor/remove-selected-content-editor-math.ts

@@ -0,0 +1,20 @@
+import type { ContentEditorSelectedMath } from '@admin/utils/editor/content-editor-selected-math'
+import type { Editor } from '@tiptap/react'
+import { getSelectedContentEditorMath } from '@admin/utils/editor/get-selected-content-editor-math'
+
+export function removeSelectedContentEditorMath(
+  editor: Editor | null,
+  selectedMathOverride?: ContentEditorSelectedMath | null
+): boolean {
+  const selectedMath = selectedMathOverride ?? getSelectedContentEditorMath(editor)
+  if (!editor?.isEditable || !selectedMath) return false
+
+  return editor
+    .chain()
+    .focus()
+    .deleteRange({
+      from: selectedMath.pos,
+      to: selectedMath.pos + selectedMath.node.nodeSize
+    })
+    .run()
+}

package/dist/assets/adapters/next/templates/init/utils/editor/render-details-preview.ts

@@ -0,0 +1,22 @@
+'use client'
+
+import { escapeHtml } from '@admin/utils/editor/escape-html'
+import { renderSimpleMarkdownBody } from '@admin/utils/editor/render-simple-markdown-body'
+import { sanitizeHtmlPreview } from '@admin/utils/editor/sanitize-html-preview'
+import { stripHtml } from '@admin/utils/editor/strip-html'
+
+export function renderDetailsPreview(raw: string) {
+  const match =
+    /^<details\b[^>]*>\s*<summary\b[^>]*>([\s\S]*?)<\/summary>([\s\S]*?)<\/details>$/i.exec(
+      raw.trim()
+    )
+
+  if (!match) {
+    return sanitizeHtmlPreview(raw)
+  }
+
+  const summary = escapeHtml(stripHtml(match[1]).trim())
+  const body = renderSimpleMarkdownBody(match[2])
+
+  return sanitizeHtmlPreview(`<details><summary>${summary}</summary>${body}</details>`)
+}

package/dist/assets/adapters/next/templates/init/utils/editor/render-latex.ts

@@ -0,0 +1,20 @@
+'use client'
+
+import { escapeHtml } from '@admin/utils/editor/escape-html'
+import katex from 'katex'
+
+export function renderLatex(expression: string, displayMode: boolean) {
+  if (!expression.trim()) return ''
+
+  try {
+    return katex.renderToString(expression, {
+      displayMode,
+      output: 'htmlAndMathml',
+      strict: 'ignore',
+      throwOnError: false,
+      trust: false
+    })
+  } catch {
+    return `<span class="text-destructive">${escapeHtml(expression)}</span>`
+  }
+}

package/dist/assets/adapters/next/templates/init/utils/editor/render-raw-content-preview.ts

@@ -0,0 +1,19 @@
+'use client'
+
+import type { RawContentKind } from '@admin/utils/editor/raw-content-kind'
+import { getBlockMathExpression } from '@admin/utils/editor/get-block-math-expression'
+import { renderDetailsPreview } from '@admin/utils/editor/render-details-preview'
+import { renderLatex } from '@admin/utils/editor/render-latex'
+import { sanitizeHtmlPreview } from '@admin/utils/editor/sanitize-html-preview'
+
+export function renderRawContentPreview(raw: string, kind: RawContentKind) {
+  if (kind === 'math') {
+    return renderLatex(getBlockMathExpression(raw), true)
+  }
+
+  if (/^<details\b/i.test(raw.trim())) {
+    return renderDetailsPreview(raw)
+  }
+
+  return sanitizeHtmlPreview(raw)
+}

package/dist/assets/adapters/next/templates/init/utils/editor/render-simple-markdown-body.ts

@@ -0,0 +1,46 @@
+'use client'
+
+import { escapeHtml } from '@admin/utils/editor/escape-html'
+
+export function renderSimpleMarkdownBody(markdown: string) {
+  const lines = markdown.trim().split('\n')
+  const blocks: string[] = []
+  let paragraph: string[] = []
+  let listItems: string[] = []
+
+  const flushParagraph = () => {
+    if (paragraph.length === 0) return
+    blocks.push(`<p>${escapeHtml(paragraph.join(' ').trim())}</p>`)
+    paragraph = []
+  }
+
+  const flushList = () => {
+    if (listItems.length === 0) return
+    blocks.push(`<ul>${listItems.map((item) => `<li>${escapeHtml(item)}</li>`).join('')}</ul>`)
+    listItems = []
+  }
+
+  for (const line of lines) {
+    const trimmedLine = line.trim()
+    if (!trimmedLine) {
+      flushParagraph()
+      flushList()
+      continue
+    }
+
+    const listMatch = /^[-*]\s+(.+)$/.exec(trimmedLine)
+    if (listMatch) {
+      flushParagraph()
+      listItems.push(listMatch[1])
+      continue
+    }
+
+    flushList()
+    paragraph.push(trimmedLine)
+  }
+
+  flushParagraph()
+  flushList()
+
+  return blocks.join('')
+}

package/dist/assets/adapters/next/templates/init/utils/editor/run-slash-command.ts

@@ -0,0 +1,12 @@
+import type { RunnableSlashCommand } from '@admin/utils/editor/runnable-slash-command'
+import type { SlashMenuState } from '@admin/utils/editor/slash-menu-state'
+import type { Editor } from '@tiptap/react'
+
+export function runSlashCommand(
+  editor: Editor,
+  command: RunnableSlashCommand,
+  slashMenu: SlashMenuState
+): boolean {
+  editor.chain().focus().deleteRange({ from: slashMenu.from, to: slashMenu.to }).run()
+  return command.run(editor)
+}

package/dist/assets/adapters/next/templates/init/utils/editor/runnable-slash-command.ts

@@ -0,0 +1,5 @@
+import type { Editor } from '@tiptap/react'
+
+export interface RunnableSlashCommand {
+  run: (editor: Editor) => boolean
+}

package/dist/assets/adapters/next/templates/init/utils/editor/sanitize-html-preview.ts

@@ -0,0 +1,41 @@
+'use client'
+
+const blockedHtmlPreviewTags = new Set(['embed', 'link', 'meta', 'object', 'script', 'style'])
+
+const urlAttributes = new Set(['href', 'src'])
+
+export function sanitizeHtmlPreview(html: string) {
+  const template = document.createElement('template')
+  template.innerHTML = html
+  const elementsToRemove: Element[] = []
+  const walker = document.createTreeWalker(template.content, NodeFilter.SHOW_ELEMENT)
+
+  while (walker.nextNode()) {
+    const element = walker.currentNode as HTMLElement
+    const tagName = element.tagName.toLowerCase()
+
+    if (blockedHtmlPreviewTags.has(tagName)) {
+      elementsToRemove.push(element)
+      continue
+    }
+
+    for (const attr of Array.from(element.attributes)) {
+      const attrName = attr.name.toLowerCase()
+      const attrValue = attr.value.trim().toLowerCase()
+
+      if (
+        attrName.startsWith('on') ||
+        attrName === 'srcdoc' ||
+        (urlAttributes.has(attrName) && attrValue.startsWith('javascript:'))
+      ) {
+        element.removeAttribute(attr.name)
+      }
+    }
+  }
+
+  for (const element of elementsToRemove) {
+    element.remove()
+  }
+
+  return template.innerHTML
+}

package/dist/assets/adapters/next/templates/init/utils/editor/sanitize-url.ts

@@ -0,0 +1,13 @@
+import type { ProtocolConfig } from '@admin/utils/editor/protocol-config'
+import { isAllowedUri } from '@admin/utils/editor/is-allowed-uri'
+
+export function sanitizeUrl(inputUrl: string, baseUrl: string, protocols?: ProtocolConfig): string {
+  try {
+    const url = new URL(inputUrl, baseUrl)
+
+    if (isAllowedUri(url.href, protocols)) {
+      return url.href
+    }
+  } catch {}
+  return '#'
+}

package/dist/assets/adapters/next/templates/init/utils/editor/select-current-block-content.ts

@@ -0,0 +1,38 @@
+import type { Editor } from '@tiptap/react'
+import { TextSelection } from '@tiptap/pm/state'
+
+export function selectCurrentBlockContent(editor: Editor) {
+  const { selection, doc } = editor.state
+
+  if (!selection.empty) return
+
+  const $pos = selection.$from
+  let blockNode = null
+  let blockPos = -1
+
+  for (let depth = $pos.depth; depth >= 0; depth--) {
+    const node = $pos.node(depth)
+    const pos = $pos.start(depth)
+
+    if (node.isBlock && node.textContent.trim()) {
+      blockNode = node
+      blockPos = pos
+      break
+    }
+  }
+
+  if (blockNode && blockPos >= 0) {
+    const from = blockPos
+    const to = blockPos + blockNode.nodeSize - 2 // -2 to exclude the closing tag
+
+    if (from < to) {
+      const $from = doc.resolve(from)
+      const $to = doc.resolve(to)
+      const newSelection = TextSelection.between($from, $to, 1)
+
+      if (newSelection && !selection.eq(newSelection)) {
+        editor.view.dispatch(editor.state.tr.setSelection(newSelection))
+      }
+    }
+  }
+}

package/dist/assets/adapters/next/templates/init/utils/editor/selection-within-convertible-types.ts

@@ -0,0 +1,29 @@
+import type { Editor } from '@tiptap/react'
+import { AllSelection, NodeSelection, TextSelection } from '@tiptap/pm/state'
+
+export function selectionWithinConvertibleTypes(editor: Editor, types: string[] = []): boolean {
+  if (!editor || types.length === 0) return false
+
+  const { state } = editor
+  const { selection } = state
+  const allowed = new Set(types)
+
+  if (selection instanceof NodeSelection) {
+    const nodeType = selection.node?.type?.name
+    return !!nodeType && allowed.has(nodeType)
+  }
+
+  if (selection instanceof TextSelection || selection instanceof AllSelection) {
+    let valid = true
+    state.doc.nodesBetween(selection.from, selection.to, (node) => {
+      if (node.isTextblock && !allowed.has(node.type.name)) {
+        valid = false
+        return false
+      }
+      return valid
+    })
+    return valid
+  }
+
+  return false
+}

package/dist/assets/adapters/next/templates/init/utils/editor/self-closing-html-block-tags.ts

@@ -0,0 +1,3 @@
+'use client'
+
+export const selfClosingHtmlBlockTags = ['br', 'hr', 'img'].join('|')

package/dist/assets/adapters/next/templates/init/utils/editor/serialize-raw-content-preview.ts

@@ -0,0 +1,12 @@
+'use client'
+
+import type { RawContentKind } from '@admin/utils/editor/raw-content-kind'
+import { sanitizeHtmlPreview } from '@admin/utils/editor/sanitize-html-preview'
+
+export function serializeRawContentPreview(preview: HTMLElement, kind: RawContentKind) {
+  if (kind === 'math') {
+    return ''
+  }
+
+  return sanitizeHtmlPreview(preview.innerHTML).trim()
+}

package/dist/assets/adapters/next/templates/init/utils/editor/set-active-table-column-alignment.ts

@@ -0,0 +1,39 @@
+import type { ContentEditorTableAlignment } from '@admin/utils/editor/content-editor-table-alignment'
+import type { Editor } from '@tiptap/react'
+import { getSelectedTableColumnCellPositions } from '@admin/utils/editor/get-selected-table-column-cell-positions'
+
+export function setActiveTableColumnAlignment(
+  editor: Editor,
+  alignment: ContentEditorTableAlignment
+): boolean {
+  const positions = getSelectedTableColumnCellPositions(editor)
+  if (!positions.length) return false
+
+  const tr = editor.state.tr
+  let changed = false
+
+  for (const position of positions) {
+    const node = tr.doc.nodeAt(position)
+    if (!node) continue
+    if (node.type.name !== 'tableCell' && node.type.name !== 'tableHeader') {
+      continue
+    }
+
+    if (node.attrs.align === alignment) continue
+
+    tr.setNodeMarkup(position, undefined, {
+      ...node.attrs,
+      align: alignment
+    })
+    changed = true
+  }
+
+  if (!changed) {
+    editor.commands.focus()
+    return true
+  }
+
+  editor.view.dispatch(tr.scrollIntoView())
+  editor.commands.focus()
+  return true
+}

package/dist/assets/adapters/next/templates/init/utils/editor/set-element-attribute.ts

@@ -0,0 +1,13 @@
+export function setElementAttribute(element: HTMLElement, key: string, value: unknown): void {
+  if (value === null || value === undefined || value === false) {
+    element.removeAttribute(key)
+    return
+  }
+
+  if (value === true) {
+    element.setAttribute(key, '')
+    return
+  }
+
+  element.setAttribute(key, String(value))
+}

package/dist/assets/adapters/next/templates/init/utils/editor/set-markdown-link-at-cursor.ts

@@ -0,0 +1,50 @@
+import type { InsertResult } from '@admin/utils/editor/insert-result'
+import type { EditorView } from '@codemirror/view'
+import { findMarkdownLinkRange } from '@admin/utils/editor/find-markdown-link-range'
+
+export function setMarkdownLinkAtCursor(
+  view: EditorView | null,
+  currentValue: string,
+  url: string
+): InsertResult {
+  const href = url.trim()
+  if (!href) {
+    return {
+      newValue: currentValue,
+      newCursorPos: currentValue.length
+    }
+  }
+
+  if (!view) {
+    const linkText = href
+    const markdownLink = `[${linkText}](${href})`
+
+    return {
+      newValue: currentValue + markdownLink,
+      newCursorPos: currentValue.length + 1 + linkText.length
+    }
+  }
+
+  const markdown = view.state.doc.toString()
+  const { from, to } = view.state.selection.main
+  const selected = view.state.sliceDoc(from, to)
+  const existingLink = findMarkdownLinkRange(markdown, from, to)
+  const linkText = existingLink?.text || selected || href
+  const markdownLink = `[${linkText}](${href})`
+  const replaceFrom = existingLink?.start ?? from
+  const replaceTo = existingLink?.end ?? to
+  const nextCursorPos = replaceFrom + 1 + linkText.length
+
+  view.dispatch({
+    changes: { from: replaceFrom, to: replaceTo, insert: markdownLink },
+    selection: {
+      anchor: replaceFrom + 1,
+      head: nextCursorPos
+    }
+  })
+
+  return {
+    newValue: markdown.slice(0, replaceFrom) + markdownLink + markdown.slice(replaceTo),
+    newCursorPos: nextCursorPos
+  }
+}

package/dist/assets/adapters/next/templates/init/utils/editor/show-table-part-preview.ts

@@ -0,0 +1,59 @@
+import type { TablePart } from '@admin/utils/editor/table-part'
+import type { Editor } from '@tiptap/core'
+import { ACTIVE_TABLE_CELL_CLASS } from '@admin/utils/editor/active-table-cell-class'
+import { clearTablePartPreview } from '@admin/utils/editor/clear-table-part-preview'
+import { getMountedEditorView } from '@admin/utils/editor/editor-view'
+import { TABLE_PART_PREVIEW_CLASS } from '@admin/utils/editor/table-part-preview-class'
+import { selectedRect } from '@tiptap/pm/tables'
+
+export function showTablePartPreview(editor: Editor | null, part: TablePart) {
+  clearTablePartPreview(editor)
+  const view = getMountedEditorView(editor)
+  if (!editor || !view) return
+
+  const activeCell = view.dom.querySelector(`.${ACTIVE_TABLE_CELL_CLASS}`)
+  if (activeCell instanceof HTMLTableCellElement) {
+    if (part === 'row') {
+      activeCell.parentElement?.querySelectorAll('th, td').forEach((cell) => {
+        cell.classList.add(TABLE_PART_PREVIEW_CLASS)
+      })
+      return
+    }
+
+    const table = activeCell.closest('table')
+    const columnIndex = activeCell.cellIndex
+    if (table) {
+      Array.from(table.rows).forEach((row) => {
+        row.cells[columnIndex]?.classList.add(TABLE_PART_PREVIEW_CLASS)
+      })
+      return
+    }
+  }
+
+  try {
+    const rect = selectedRect(editor.state)
+    const positions =
+      part === 'row'
+        ? rect.map.cellsInRect({
+            bottom: rect.top + 1,
+            left: 0,
+            right: rect.map.width,
+            top: rect.top
+          })
+        : rect.map.cellsInRect({
+            bottom: rect.map.height,
+            left: rect.left,
+            right: rect.left + 1,
+            top: 0
+          })
+
+    for (const position of new Set(positions)) {
+      const cell = view.nodeDOM(rect.tableStart + position)
+      if (cell instanceof HTMLTableCellElement) {
+        cell.classList.add(TABLE_PART_PREVIEW_CLASS)
+      }
+    }
+  } catch {
+    clearTablePartPreview(editor)
+  }
+}

package/dist/assets/adapters/next/templates/init/utils/editor/slash-commands.ts

@@ -1,6 +1,7 @@
 import type * as React from 'react'
 import type { Editor } from '@tiptap/react'
-import { insertContentEditorMath, insertContentEditorTable } from '@admin/utils/editor/tiptap'
+import { insertContentEditorMath } from '@admin/utils/editor/insert-content-editor-math'
+import { insertContentEditorTable } from '@admin/utils/editor/insert-content-editor-table'
 import {
   Code,
   Heading1,

package/dist/assets/adapters/next/templates/init/utils/editor/slash-menu-state.ts

@@ -0,0 +1,6 @@
+export interface SlashMenuState {
+  from: number
+  to: number
+  query: string
+  rect: DOMRect
+}

package/dist/assets/adapters/next/templates/init/utils/editor/sr-only.ts

@@ -0,0 +1,11 @@
+export const SR_ONLY = {
+  position: 'absolute',
+  width: '1px',
+  height: '1px',
+  padding: 0,
+  margin: '-1px',
+  overflow: 'hidden',
+  clip: 'rect(0, 0, 0, 0)',
+  whiteSpace: 'nowrap',
+  borderWidth: 0
+} as const

package/dist/assets/adapters/next/templates/init/utils/editor/strip-html.ts

@@ -0,0 +1,5 @@
+'use client'
+
+export function stripHtml(value: string) {
+  return value.replace(/<[^>]+>/g, '')
+}

package/dist/assets/adapters/next/templates/init/utils/editor/strip-markdown-block-prefix.ts

@@ -0,0 +1,6 @@
+export function stripMarkdownBlockPrefix(line: string): string {
+  return line
+    .replace(/^\s{0,3}#{1,6}\s+/, '')
+    .replace(/^\s{0,3}>\s?/, '')
+    .replace(/^\s{0,3}(?:[-*+]\s+|\d+\.\s+|- \[[ xX]\]\s+)/, '')
+}

package/dist/assets/adapters/next/templates/init/utils/editor/table-add-controls-state.ts

@@ -0,0 +1,4 @@
+export interface TableAddControlsState {
+  pos: number
+  wrapper: HTMLElement
+}

package/dist/assets/adapters/next/templates/init/utils/editor/table-part-preview-class.ts

@@ -0,0 +1 @@
+export const TABLE_PART_PREVIEW_CLASS = 'content-editor-table-remove-preview'

package/dist/assets/adapters/next/templates/init/utils/editor/table-part.ts

@@ -0,0 +1 @@
+export type TablePart = 'row' | 'column'

package/dist/assets/adapters/next/templates/init/utils/editor/table-wrapper-class.ts

@@ -0,0 +1 @@
+export const TABLE_WRAPPER_CLASS = 'tableWrapper'

package/dist/assets/adapters/next/templates/init/utils/editor/transform-selected-markdown-lines.ts

@@ -0,0 +1,38 @@
+import type { InsertResult } from '@admin/utils/editor/insert-result'
+import type { EditorView } from '@codemirror/view'
+
+export function transformSelectedMarkdownLines(
+  view: EditorView | null,
+  currentValue: string,
+  transformLine: (line: string, index: number) => string,
+  fallbackLine: string
+): InsertResult {
+  if (!view) {
+    return {
+      newValue: `${currentValue}${currentValue ? '\n' : ''}${fallbackLine}`,
+      newCursorPos: currentValue.length + fallbackLine.length
+    }
+  }
+
+  const { from, to } = view.state.selection.main
+  const startLine = view.state.doc.lineAt(from)
+  const endLine = view.state.doc.lineAt(to)
+  const effectiveEndLine =
+    to > from && to === endLine.from ? view.state.doc.lineAt(to - 1) : endLine
+  const start = startLine.from
+  const end = effectiveEndLine.to
+  const selected = view.state.doc.sliceString(start, end)
+  const selectedLines = selected.length > 0 ? selected.split('\n') : ['']
+  const nextLines = selectedLines.map((line, index) => transformLine(line || fallbackLine, index))
+  const nextText = nextLines.join('\n')
+
+  view.dispatch({
+    changes: { from: start, to: end, insert: nextText },
+    selection: { anchor: start + nextText.length }
+  })
+
+  return {
+    newValue: currentValue.slice(0, start) + nextText + currentValue.slice(end),
+    newCursorPos: start + nextText.length
+  }
+}