betterstart-cli 0.0.100 → 0.0.102

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

@@ -1,172 +0,0 @@
-import type { Editor } from '@tiptap/core'
-import { Extension } from '@tiptap/core'
-import { Plugin, PluginKey } from '@tiptap/pm/state'
-import { cellAround, findTable, selectedRect } from '@tiptap/pm/tables'
-import { Decoration, DecorationSet } from '@tiptap/pm/view'
-import { getMountedEditorView } from './editor-view'
-
-export const TABLE_PART_PREVIEW_CLASS = 'content-editor-table-remove-preview'
-export const ACTIVE_TABLE_CELL_CLASS = 'content-editor-active-table-cell'
-
-export type TablePart = 'row' | 'column'
-
-export const ActiveTableCell = Extension.create({
-  name: 'contentEditorActiveTableCell',
-
-  addProseMirrorPlugins() {
-    return [
-      new Plugin({
-        key: new PluginKey('contentEditorActiveTableCell'),
-        props: {
-          decorations(state) {
-            if (!findTable(state.selection.$from)) {
-              return null
-            }
-
-            const cell = cellAround(state.selection.$from)
-            if (!cell) return null
-
-            const cellNode = state.doc.nodeAt(cell.pos)
-            if (!cellNode) return null
-
-            return DecorationSet.create(state.doc, [
-              Decoration.node(cell.pos, cell.pos + cellNode.nodeSize, {
-                class: ACTIVE_TABLE_CELL_CLASS
-              })
-            ])
-          }
-        }
-      })
-    ]
-  }
-})
-
-export function getEditorElement(editor: Editor | null) {
-  const element = getMountedEditorView(editor)?.dom
-  return element instanceof HTMLElement ? element : null
-}
-
-export function getClosestTableCell(target: EventTarget | Node | null) {
-  const cell =
-    target instanceof HTMLElement
-      ? target.closest('th, td')
-      : target instanceof Node
-        ? target.parentElement?.closest('th, td')
-        : null
-
-  return cell instanceof HTMLTableCellElement ? cell : null
-}
-
-export function getSelectionTableCell(editor: Editor) {
-  const selection = getEditorElement(editor)?.ownerDocument.getSelection()
-  const anchorNode = selection?.anchorNode
-
-  return getClosestTableCell(anchorNode ?? null)
-}
-
-export function getEventTableCell(editor: Editor, target: EventTarget | null) {
-  return getClosestTableCell(target) ?? getSelectionTableCell(editor)
-}
-
-export function getEditorScrollElement(editor: Editor) {
-  const editorElement = getEditorElement(editor)
-  const scrollElement = editorElement?.closest('.simple-editor-content')
-  return scrollElement instanceof HTMLElement ? scrollElement : editorElement
-}
-
-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
-  )
-}
-
-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
-}
-
-export function isSelectedTableVisible(editor: Editor) {
-  const table = getSelectionTableElement(editor)
-  return table ? isElementVisibleInEditor(editor, table) : false
-}
-
-export function clearTablePartPreview(editor: Editor | null) {
-  getEditorElement(editor)
-    ?.querySelectorAll(`.${TABLE_PART_PREVIEW_CLASS}`)
-    .forEach((cell) => {
-      cell.classList.remove(TABLE_PART_PREVIEW_CLASS)
-    })
-}
-
-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)
-  }
-}
-
-export { getMountedEditorView }