betterstart-cli 0.0.100 → 0.0.102

package/dist/assets/adapters/next/templates/init/utils/editor/get-selection-table-cell.ts

@@ -0,0 +1,10 @@
+import type { Editor } from '@tiptap/core'
+import { getClosestTableCell } from '@admin/utils/editor/get-closest-table-cell'
+import { getEditorElement } from '@admin/utils/editor/get-editor-element'
+
+export function getSelectionTableCell(editor: Editor) {
+  const selection = getEditorElement(editor)?.ownerDocument.getSelection()
+  const anchorNode = selection?.anchorNode
+
+  return getClosestTableCell(anchorNode ?? null)
+}

package/dist/assets/adapters/next/templates/init/utils/editor/get-selection-table-element.ts

@@ -0,0 +1,19 @@
+import type { Editor } from '@tiptap/core'
+import { getMountedEditorView } from '@admin/utils/editor/editor-view'
+import { getSelectionTableCell } from '@admin/utils/editor/get-selection-table-cell'
+import { findTable } from '@tiptap/pm/tables'
+
+export function getSelectionTableElement(editor: Editor) {
+  const view = getMountedEditorView(editor)
+  if (!view) return null
+
+  const table = findTable(editor.state.selection.$from)
+  if (!table) return getSelectionTableCell(editor)?.closest('table') ?? null
+
+  const tableDom = view.nodeDOM(table.pos)
+  if (tableDom instanceof HTMLTableElement) return tableDom
+  if (!(tableDom instanceof HTMLElement)) return null
+
+  const tableElement = tableDom.querySelector('table')
+  return tableElement instanceof HTMLTableElement ? tableElement : tableDom
+}

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

@@ -0,0 +1,17 @@
+import type { MountedEditorView } from '@admin/utils/editor/mounted-editor-view'
+import type { Editor } from '@tiptap/react'
+import { getTableWrapperElement } from '@admin/utils/editor/get-table-wrapper-element'
+import { findTable } from '@tiptap/pm/tables'
+
+export function getSelectionTable(
+  editor: Editor,
+  view: MountedEditorView
+): { pos: number; wrapper: HTMLElement } | null {
+  const table = findTable(editor.state.selection.$from)
+  if (!table) return null
+
+  const wrapper = getTableWrapperElement(view.nodeDOM(table.pos))
+  if (!wrapper) return null
+
+  return { pos: table.pos, wrapper }
+}

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

@@ -0,0 +1,47 @@
+import type { SlashMenuState } from '@admin/utils/editor/slash-menu-state'
+import type { Editor } from '@tiptap/react'
+
+const SLASH_QUERY_LIMIT = 48
+
+export function getSlashMenuState(editor: Editor): SlashMenuState | null {
+  const { selection } = editor.state
+
+  if (!selection.empty || !editor.isEditable) return null
+
+  const { $from } = selection
+  const parent = $from.parent
+
+  if (!parent.isTextblock || parent.type.name === 'codeBlock') return null
+
+  const textBeforeCursor = parent.textBetween(0, $from.parentOffset, '\n', '\ufffc')
+  const slashIndex = textBeforeCursor.lastIndexOf('/')
+
+  if (slashIndex === -1) return null
+  if (slashIndex > 0 && !/\s/.test(textBeforeCursor[slashIndex - 1])) {
+    return null
+  }
+
+  const query = textBeforeCursor.slice(slashIndex + 1)
+
+  if (query.includes('/') || query.length > SLASH_QUERY_LIMIT) return null
+
+  const from = $from.start() + slashIndex
+  const to = selection.from
+
+  try {
+    const coords = editor.view.coordsAtPos(from)
+    return {
+      from,
+      to,
+      query,
+      rect: new DOMRect(
+        coords.left,
+        coords.top,
+        Math.max(1, coords.right - coords.left),
+        Math.max(1, coords.bottom - coords.top)
+      )
+    }
+  } catch {
+    return null
+  }
+}

package/dist/assets/adapters/next/templates/init/utils/editor/get-string-attr.ts

@@ -0,0 +1,5 @@
+'use client'
+
+export function getStringAttr(value: unknown) {
+  return typeof value === 'string' ? value : ''
+}

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

@@ -0,0 +1,5 @@
+export function getTableElement(dom: Node | null): HTMLTableElement | null {
+  if (!(dom instanceof HTMLElement)) return null
+  if (dom instanceof HTMLTableElement) return dom
+  return dom.querySelector('table')
+}

package/dist/assets/adapters/next/templates/init/utils/editor/get-table-from-event-target.ts

@@ -0,0 +1,19 @@
+import type { MountedEditorView } from '@admin/utils/editor/mounted-editor-view'
+import type { Editor } from '@tiptap/react'
+import { getTableFromWrapper } from '@admin/utils/editor/get-table-from-wrapper'
+import { TABLE_WRAPPER_CLASS } from '@admin/utils/editor/table-wrapper-class'
+
+export function getTableFromEventTarget(
+  editor: Editor,
+  view: MountedEditorView,
+  target: EventTarget | null
+): { pos: number; wrapper: HTMLElement } | null {
+  if (!(target instanceof HTMLElement)) return null
+
+  const wrapper = target.closest(`.${TABLE_WRAPPER_CLASS}`)
+  if (!(wrapper instanceof HTMLElement) || !view.dom.contains(wrapper)) {
+    return null
+  }
+
+  return getTableFromWrapper(editor, view, wrapper)
+}

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

@@ -0,0 +1,15 @@
+import type { MountedEditorView } from '@admin/utils/editor/mounted-editor-view'
+import type { Editor } from '@tiptap/react'
+import { getTablePositionForElement } from '@admin/utils/editor/get-table-position-for-element'
+
+export function getTableFromWrapper(
+  editor: Editor,
+  view: MountedEditorView,
+  wrapper: HTMLElement
+): { pos: number; wrapper: HTMLElement } | null {
+  const tableElement = wrapper.querySelector('table')
+  if (!(tableElement instanceof HTMLTableElement)) return null
+
+  const pos = getTablePositionForElement(editor, view, tableElement)
+  return pos === null ? null : { pos, wrapper }
+}

package/dist/assets/adapters/next/templates/init/utils/editor/get-table-position-for-element.ts

@@ -0,0 +1,24 @@
+import type { MountedEditorView } from '@admin/utils/editor/mounted-editor-view'
+import type { Editor } from '@tiptap/react'
+import { getTableElement } from '@admin/utils/editor/get-table-element'
+
+export function getTablePositionForElement(
+  editor: Editor,
+  view: MountedEditorView,
+  tableElement: HTMLTableElement
+): number | null {
+  let tablePos: number | null = null
+
+  editor.state.doc.descendants((node, pos) => {
+    if (node.type.name !== 'table') return true
+
+    if (getTableElement(view.nodeDOM(pos)) === tableElement) {
+      tablePos = pos
+      return false
+    }
+
+    return true
+  })
+
+  return tablePos
+}

package/dist/assets/adapters/next/templates/init/utils/editor/get-table-rect-at-position.ts

@@ -0,0 +1,20 @@
+import type { TableRect } from '@tiptap/pm/tables'
+import type { Editor } from '@tiptap/react'
+import { TableMap } from '@tiptap/pm/tables'
+
+export function getTableRectAtPosition(editor: Editor, tablePos: number): TableRect | null {
+  const table = editor.state.doc.nodeAt(tablePos)
+  if (!table || table.type.name !== 'table') return null
+
+  const map = TableMap.get(table)
+
+  return {
+    bottom: map.height,
+    left: 0,
+    map,
+    right: map.width,
+    table,
+    tableStart: tablePos + 1,
+    top: 0
+  }
+}

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

@@ -0,0 +1,11 @@
+import { getTableElement } from '@admin/utils/editor/get-table-element'
+import { TABLE_WRAPPER_CLASS } from '@admin/utils/editor/table-wrapper-class'
+
+export function getTableWrapperElement(dom: Node | null): HTMLElement | null {
+  if (!(dom instanceof HTMLElement)) return null
+  if (dom.classList.contains(TABLE_WRAPPER_CLASS)) return dom
+
+  const table = getTableElement(dom)
+  const wrapper = table?.closest(`.${TABLE_WRAPPER_CLASS}`)
+  return wrapper instanceof HTMLElement ? wrapper : null
+}

package/dist/assets/adapters/next/templates/init/utils/editor/{task-item.ts → get-task-item-checkbox-label.ts}

@@ -1,12 +1,6 @@
-import type { TaskItemOptions } from '@tiptap/extension-list'
+import type { CheckboxLabelFactory } from '@admin/utils/editor/checkbox-label-factory'
 import type { Node as ProseMirrorNode } from '@tiptap/pm/model'
 
-type CheckboxLabelFactory = NonNullable<NonNullable<TaskItemOptions['a11y']>['checkboxLabel']>
-
-export function isTaskItemChecked(node: ProseMirrorNode): boolean {
-  return node.attrs.checked === true
-}
-
 export function getTaskItemCheckboxLabel(
   node: ProseMirrorNode,
   checked: boolean,

package/dist/assets/adapters/next/templates/init/utils/editor/has-own-attribute.ts

@@ -0,0 +1,3 @@
+export function hasOwnAttribute(attributes: Record<string, unknown>, key: string): boolean {
+  return Object.hasOwn(attributes, key)
+}

package/dist/assets/adapters/next/templates/init/utils/editor/highlight-span-pattern.ts

@@ -0,0 +1,6 @@
+import { CONTENT_EDITOR_HIGHLIGHT_COLOR_NAME_PATTERN } from '@admin/utils/editor/content-editor-highlight-color-name-pattern'
+
+export const HIGHLIGHT_SPAN_PATTERN = new RegExp(
+  `<span\\s+data-highlight-color="(?:${CONTENT_EDITOR_HIGHLIGHT_COLOR_NAME_PATTERN})">([\\s\\S]*?)<\\/span>`,
+  'g'
+)

package/dist/assets/adapters/next/templates/init/utils/editor/inline-math-delimiter.ts

@@ -0,0 +1,3 @@
+'use client'
+
+export type InlineMathDelimiter = '$' | '\\('

package/dist/assets/adapters/next/templates/init/utils/editor/inline-math-node-view.ts

@@ -0,0 +1,51 @@
+'use client'
+
+import type { InlineMathDelimiter } from '@admin/utils/editor/inline-math-delimiter'
+import type { Node as ProseMirrorNode } from '@tiptap/pm/model'
+import { getInlineMathDelimiter } from '@admin/utils/editor/get-inline-math-delimiter'
+import { getStringAttr } from '@admin/utils/editor/get-string-attr'
+import { renderLatex } from '@admin/utils/editor/render-latex'
+
+export class InlineMathNodeView {
+  readonly dom: HTMLElement
+  private currentRaw: string
+  private currentDelimiter: InlineMathDelimiter
+  private node: ProseMirrorNode
+
+  constructor(node: ProseMirrorNode) {
+    this.node = node
+    this.currentRaw = getStringAttr(node.attrs.raw)
+    this.currentDelimiter = getInlineMathDelimiter(node.attrs.delimiter)
+    this.dom = document.createElement('span')
+    this.dom.dataset.contentEditorInlineMath = ''
+    this.dom.contentEditable = 'false'
+    this.dom.className = 'content-editor-inline-math rounded-[3px] px-0.5'
+    this.render()
+  }
+
+  update(node: ProseMirrorNode) {
+    if (node.type !== this.node.type) return false
+
+    this.node = node
+    const nextRaw = getStringAttr(node.attrs.raw)
+    const nextDelimiter = getInlineMathDelimiter(node.attrs.delimiter)
+
+    if (nextRaw !== this.currentRaw || nextDelimiter !== this.currentDelimiter) {
+      this.currentRaw = nextRaw
+      this.currentDelimiter = nextDelimiter
+      this.render()
+    }
+
+    return true
+  }
+
+  ignoreMutation() {
+    return true
+  }
+
+  private render() {
+    this.dom.dataset.raw = this.currentRaw
+    this.dom.dataset.delimiter = this.currentDelimiter
+    this.dom.innerHTML = renderLatex(this.currentRaw, false)
+  }
+}

package/dist/assets/adapters/next/templates/init/utils/editor/insert-component-at-cursor.ts

@@ -0,0 +1,28 @@
+import type { InsertResult } from '@admin/utils/editor/insert-result'
+import type { EditorView } from '@codemirror/view'
+
+export function insertComponentAtCursor(
+  view: EditorView | null,
+  currentValue: string,
+  snippet: string
+): InsertResult {
+  const wrapped = `\n${snippet}\n`
+
+  if (view) {
+    const { from } = view.state.selection.main
+    view.dispatch({
+      changes: { from, insert: wrapped },
+      selection: { anchor: from + wrapped.length }
+    })
+
+    return {
+      newValue: currentValue.slice(0, from) + wrapped + currentValue.slice(from),
+      newCursorPos: from + wrapped.length
+    }
+  }
+
+  return {
+    newValue: currentValue + wrapped,
+    newCursorPos: currentValue.length + wrapped.length
+  }
+}

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

@@ -0,0 +1,35 @@
+import type { Editor } from '@tiptap/react'
+import { parseContentEditorMathInput } from '@admin/utils/editor/parse-content-editor-math-input'
+
+export function insertContentEditorMath(editor: Editor | null, input: string): boolean {
+  if (!editor?.isEditable) return false
+
+  const math = parseContentEditorMathInput(input)
+  if (!math) return false
+
+  if (math.kind === 'display') {
+    return editor
+      .chain()
+      .focus()
+      .insertContent({
+        type: 'rawContentBlock',
+        attrs: {
+          kind: 'math',
+          raw: math.markdown
+        }
+      })
+      .run()
+  }
+
+  return editor
+    .chain()
+    .focus()
+    .insertContent({
+      type: 'inlineMath',
+      attrs: {
+        delimiter: math.delimiter ?? '$',
+        raw: math.raw
+      }
+    })
+    .run()
+}

package/dist/assets/adapters/next/templates/init/utils/editor/insert-content-editor-media-placeholder.ts

@@ -0,0 +1,20 @@
+import type { Editor } from '@tiptap/react'
+import { canInsertContentEditorMediaPlaceholder } from '@admin/utils/editor/can-insert-content-editor-media-placeholder'
+import { CONTENT_EDITOR_MEDIA_PLACEHOLDER_NODE } from '@admin/utils/editor/content-editor-media-placeholder-node'
+
+export function insertContentEditorMediaPlaceholder(editor: Editor | null): boolean {
+  if (!editor) return false
+  if (!canInsertContentEditorMediaPlaceholder(editor)) return false
+
+  try {
+    return editor
+      .chain()
+      .focus()
+      .insertContent({
+        type: CONTENT_EDITOR_MEDIA_PLACEHOLDER_NODE
+      })
+      .run()
+  } catch {
+    return false
+  }
+}

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

@@ -0,0 +1,12 @@
+import type { Editor } from '@tiptap/react'
+import { createContentEditorTableNode } from '@admin/utils/editor/create-content-editor-table-node'
+import { DEFAULT_CONTENT_EDITOR_TABLE_COLS } from '@admin/utils/editor/default-content-editor-table-cols'
+import { DEFAULT_CONTENT_EDITOR_TABLE_ROWS } from '@admin/utils/editor/default-content-editor-table-rows'
+
+export function insertContentEditorTable(
+  editor: Editor,
+  rows: number = DEFAULT_CONTENT_EDITOR_TABLE_ROWS,
+  cols: number = DEFAULT_CONTENT_EDITOR_TABLE_COLS
+): boolean {
+  return editor.chain().focus().insertContent(createContentEditorTableNode(rows, cols)).run()
+}

package/dist/assets/adapters/next/templates/init/utils/editor/insert-markdown-text-at-position.ts

@@ -0,0 +1,14 @@
+import type { InsertResult } from '@admin/utils/editor/insert-result'
+
+export function insertMarkdownTextAtPosition(
+  currentValue: string,
+  text: string,
+  requestedPos: number
+): InsertResult {
+  const insertPos = Math.min(requestedPos, currentValue.length)
+
+  return {
+    newValue: currentValue.slice(0, insertPos) + text + currentValue.slice(insertPos),
+    newCursorPos: insertPos + text.length
+  }
+}

package/dist/assets/adapters/next/templates/init/utils/editor/insert-result.ts

@@ -0,0 +1,4 @@
+export interface InsertResult {
+  newValue: string
+  newCursorPos: number
+}

package/dist/assets/adapters/next/templates/init/utils/editor/insert-text-at-cursor.ts

@@ -0,0 +1,37 @@
+import type { InsertResult } from '@admin/utils/editor/insert-result'
+import type { EditorView } from '@codemirror/view'
+
+export function insertTextAtCursor(
+  view: EditorView | null,
+  currentValue: string,
+  opts: { before: string; after: string; placeholder: string }
+): InsertResult {
+  const { before, after, placeholder } = opts
+
+  if (view) {
+    const { from, to } = view.state.selection.main
+    const selected = view.state.sliceDoc(from, to)
+    const insert = selected || placeholder
+    const newText = `${before}${insert}${after}`
+
+    view.dispatch({
+      changes: { from, to, insert: newText },
+      selection: {
+        anchor: from + before.length,
+        head: from + before.length + insert.length
+      }
+    })
+
+    return {
+      newValue: currentValue.slice(0, from) + newText + currentValue.slice(to),
+      newCursorPos: from + before.length + insert.length
+    }
+  }
+
+  const insert = placeholder
+  const newText = `${before}${insert}${after}`
+  return {
+    newValue: currentValue + newText,
+    newCursorPos: currentValue.length + before.length + insert.length
+  }
+}

package/dist/assets/adapters/next/templates/init/utils/editor/is-allowed-uri.ts

@@ -0,0 +1,42 @@
+import type { ProtocolConfig } from '@admin/utils/editor/protocol-config'
+
+const ATTR_WHITESPACE_PATTERN =
+  '[\\u0000-\\u0020\\u00A0\\u1680\\u180E\\u2000-\\u2029\\u205F\\u3000]'
+const ATTR_WHITESPACE = new RegExp(ATTR_WHITESPACE_PATTERN, 'g')
+
+export function isAllowedUri(uri: string | undefined, protocols?: ProtocolConfig) {
+  const allowedProtocols: string[] = [
+    'http',
+    'https',
+    'ftp',
+    'ftps',
+    'mailto',
+    'tel',
+    'callto',
+    'sms',
+    'cid',
+    'xmpp'
+  ]
+
+  if (protocols) {
+    protocols.forEach((protocol) => {
+      const nextProtocol = typeof protocol === 'string' ? protocol : protocol.scheme
+
+      if (nextProtocol) {
+        allowedProtocols.push(nextProtocol)
+      }
+    })
+  }
+
+  return (
+    !uri ||
+    uri
+      .replace(ATTR_WHITESPACE, '')
+      .match(
+        new RegExp(
+          `^(?:(?:${allowedProtocols.join('|')}):|[^a-z]|[a-z0-9+.-]+(?:[^a-z+.-:]|$))`,
+          'i'
+        )
+      )
+  )
+}

package/dist/assets/adapters/next/templates/init/utils/editor/is-content-editor-highlight-color.ts

@@ -0,0 +1,6 @@
+import type { ContentEditorHighlightColor } from '@admin/utils/editor/content-editor-highlight-color'
+import { CONTENT_EDITOR_HIGHLIGHT_COLORS } from '@admin/utils/editor/content-editor-highlight-colors'
+
+export function isContentEditorHighlightColor(value: string): value is ContentEditorHighlightColor {
+  return CONTENT_EDITOR_HIGHLIGHT_COLORS.includes(value as ContentEditorHighlightColor)
+}

package/dist/assets/adapters/next/templates/init/utils/editor/is-content-editor-media-placeholder-active.ts

@@ -0,0 +1,8 @@
+import type { Editor } from '@tiptap/react'
+import { CONTENT_EDITOR_MEDIA_PLACEHOLDER_NODE } from '@admin/utils/editor/content-editor-media-placeholder-node'
+
+export function isContentEditorMediaPlaceholderActive(editor: Editor | null): boolean {
+  if (!editor?.isEditable) return false
+
+  return editor.isActive(CONTENT_EDITOR_MEDIA_PLACEHOLDER_NODE)
+}

package/dist/assets/adapters/next/templates/init/utils/editor/is-content-editor-table-alignment.ts

@@ -0,0 +1,7 @@
+import type { ContentEditorTableAlignment } from '@admin/utils/editor/content-editor-table-alignment'
+
+export function isContentEditorTableAlignment(
+  value: unknown
+): value is ContentEditorTableAlignment {
+  return value === 'left' || value === 'center' || value === 'right'
+}

package/dist/assets/adapters/next/templates/init/utils/editor/is-element-visible-in-editor.ts

@@ -0,0 +1,17 @@
+import type { Editor } from '@tiptap/core'
+import { getEditorScrollElement } from '@admin/utils/editor/get-editor-scroll-element'
+
+export function isElementVisibleInEditor(editor: Editor, element: HTMLElement) {
+  const scrollElement = getEditorScrollElement(editor)
+  if (!scrollElement) return false
+
+  const elementRect = element.getBoundingClientRect()
+  const editorRect = scrollElement.getBoundingClientRect()
+
+  return (
+    elementRect.bottom > editorRect.top &&
+    elementRect.top < editorRect.bottom &&
+    elementRect.right > editorRect.left &&
+    elementRect.left < editorRect.right
+  )
+}

package/dist/assets/adapters/next/templates/init/utils/editor/is-escaped.ts

@@ -0,0 +1,11 @@
+'use client'
+
+export function isEscaped(value: string, index: number) {
+  let slashCount = 0
+
+  for (let offset = index - 1; offset >= 0 && value[offset] === '\\'; offset--) {
+    slashCount++
+  }
+
+  return slashCount % 2 === 1
+}

package/dist/assets/adapters/next/templates/init/utils/editor/is-extension-available.ts

@@ -0,0 +1,22 @@
+import type { Editor } from '@tiptap/react'
+
+export function isExtensionAvailable(
+  editor: Editor | null,
+  extensionNames: string | string[]
+): boolean {
+  if (!editor) return false
+
+  const names = Array.isArray(extensionNames) ? extensionNames : [extensionNames]
+
+  const found = names.some((name) =>
+    editor.extensionManager.extensions.some((ext) => ext.name === name)
+  )
+
+  if (!found) {
+    console.warn(
+      `None of the extensions [${names.join(', ')}] were found in the editor schema. Ensure they are included in the editor configuration.`
+    )
+  }
+
+  return found
+}

package/dist/assets/adapters/next/templates/init/utils/editor/is-mac.ts

@@ -0,0 +1,3 @@
+export function isMac(): boolean {
+  return typeof navigator !== 'undefined' && navigator.platform.toLowerCase().includes('mac')
+}

package/dist/assets/adapters/next/templates/init/utils/editor/is-mark-in-schema.ts

@@ -0,0 +1,6 @@
+import type { Editor } from '@tiptap/react'
+
+export const isMarkInSchema = (markName: string, editor: Editor | null): boolean => {
+  if (!editor?.schema) return false
+  return editor.schema.spec.marks.get(markName) !== undefined
+}

package/dist/assets/adapters/next/templates/init/utils/editor/is-markdown-line-start.ts

@@ -0,0 +1,3 @@
+export function isMarkdownLineStart(markdown: string, index: number): boolean {
+  return index === 0 || markdown[index - 1] === '\n'
+}

package/dist/assets/adapters/next/templates/init/utils/editor/is-node-in-schema.ts

@@ -0,0 +1,6 @@
+import type { Editor } from '@tiptap/react'
+
+export const isNodeInSchema = (nodeName: string, editor: Editor | null): boolean => {
+  if (!editor?.schema) return false
+  return editor.schema.spec.nodes.get(nodeName) !== undefined
+}

package/dist/assets/adapters/next/templates/init/utils/editor/is-node-type-selected.ts

@@ -0,0 +1,30 @@
+import type { Editor } from '@tiptap/react'
+import { NodeSelection } from '@tiptap/pm/state'
+
+export function isNodeTypeSelected(
+  editor: Editor | null,
+  nodeTypeNames: string[] = [],
+  checkAncestorNodes: boolean = false
+): boolean {
+  if (!editor || !editor.state.selection) return false
+
+  const { selection } = editor.state
+  if (selection.empty) return false
+
+  if (selection instanceof NodeSelection) {
+    const selectedNode = selection.node
+    return selectedNode ? nodeTypeNames.includes(selectedNode.type.name) : false
+  }
+
+  if (checkAncestorNodes) {
+    const { $from } = selection
+    for (let depth = $from.depth; depth > 0; depth--) {
+      const ancestorNode = $from.node(depth)
+      if (nodeTypeNames.includes(ancestorNode.type.name)) {
+        return true
+      }
+    }
+  }
+
+  return false
+}

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

@@ -0,0 +1,17 @@
+import type { SlashMenuState } from '@admin/utils/editor/slash-menu-state'
+
+export function isSameSlashMenuState(
+  current: SlashMenuState | null,
+  next: SlashMenuState | null
+): boolean {
+  if (current === next) return true
+  if (!current || !next) return false
+
+  return (
+    current.from === next.from &&
+    current.to === next.to &&
+    current.query === next.query &&
+    current.rect.x === next.rect.x &&
+    current.rect.y === next.rect.y
+  )
+}