@sovann72-dev/lynqify-ui 1.0.0 → 1.0.1

package/src/components/RichTextEditor/Extension/Indent/tab.indent.handlers.ts

@@ -1,103 +0,0 @@
-import { ShortcutHandler, isListParent, isList, isTextNode } from './indent.types';
-
-/**
- * WHY: When a user highlights across multiple lines or list items,
- * we want to bulk-increase their indentation level as a group.
- */
-export const handleTabMultiNodeSelection: ShortcutHandler = ({
-  state,
-  view,
-  $from,
-  $to,
-  selectionIsEmpty,
-}) => {
-  if (selectionIsEmpty) return false;
-
-  let selectedIndentableNodesCount = 0;
-  state.doc.nodesBetween($from.pos, $to.pos, (node: any) => {
-    if (isList(node.type.name) || isTextNode(node.type.name)) {
-      selectedIndentableNodesCount++;
-    }
-  });
-
-  const isMultiNodeSelection = selectedIndentableNodesCount > 1;
-  if (!isMultiNodeSelection) return false;
-
-  const { tr, doc } = state;
-  let hasAppliedAnyIndent = false;
-  const processedListPositions = new Set<number>();
-
-  doc.nodesBetween($from.pos, $to.pos, (node: any, pos: number) => {
-    const isTargetNode = isListParent(node.type.name) || isTextNode(node.type.name);
-
-    if (isTargetNode && !processedListPositions.has(pos)) {
-      processedListPositions.add(pos);
-      const currentIndent = node.attrs.indent ?? 0;
-      tr.setNodeAttribute(pos, 'indent', currentIndent + 1);
-      hasAppliedAnyIndent = true;
-      return false; // Prevent recursing into children of processed nodes
-    }
-    return true;
-  });
-
-  if (hasAppliedAnyIndent) {
-    tr.setMeta('addToHistory', true);
-    view.dispatch(tr);
-    return true;
-  }
-
-  return false;
-};
-
-/**
- * WHY: If a user has highlighted a specific word or phrase inside a single text line,
- * pressing Tab shouldn't move the entire line layout. It should just overwrite the text with a \t.
- */
-export const handleTabSingleNodeTextSelection: ShortcutHandler = ({
-  state,
-  view,
-  $from,
-  selectionIsEmpty,
-}) => {
-  if (selectionIsEmpty) return false;
-
-  // WHY: A selection inside a list item should indent the list, not insert a literal tab.
-  const isInsideList = $from.path.some((entry: any) => entry?.type?.name === 'listItem');
-  if (isInsideList) return false;
-
-  view.dispatch(state.tr.insertText('\t'));
-  return true;
-};
-
-/**
- * WHY: If the user is currently typing inside a List Item but they haven't highlighted anything,
- * let the List extension handle indenting structurally.
- */
-export const handleTabInsideListItem: ShortcutHandler = ({ editor, currentNode, $from }) => {
-  const isLineEmpty = currentNode.content.size === 0;
-  const parentNode = $from.node($from.depth - 1);
-  const isInsideListItem = parentNode && isList(parentNode.type.name);
-
-  if (isInsideListItem && !isLineEmpty) {
-    editor.chain().focus().indent().focus().run();
-    return true;
-  }
-
-  return false;
-};
-
-/**
- * WHY: If the cursor is right in the middle of a sentence, inject a literal Tab character.
- * We only block-indent the whole line if the cursor is at the very beginning.
- */
-export const handleTabMidTextCursor: ShortcutHandler = ({ state, view, $from, currentNode }) => {
-  const isCursorAtStart = $from.pos === $from.start();
-  const isLineEmpty = currentNode.content.size === 0;
-
-  if (!isCursorAtStart && !isLineEmpty) {
-    view.dispatch(state.tr.insertText('\t'));
-    return true;
-  }
-
-  return false;
-};

package/src/components/RichTextEditor/Extension/List/custom-list-item.extension.ts

@@ -1,107 +0,0 @@
-/**
- * Custom List Extensions: Indent Attribute Support
- *
- * Extends TipTap list nodes (BulletList, OrderedList, ListItem) with indent attributes.
- *
- * Per FR-020: ListItem receives transferred indent from paragraph
- * Per FR-021: Paragraph children inside lists must NOT have indent
- * Per FR-022: List-level indent separate from item indent
- * Per FR-030: Backward compatibility via attribute defaults
- *
- * @see specs/001-richtext-indent-lists/data-model.md
- */
-
-import BulletList from '@tiptap/extension-bullet-list';
-import ListItem from '@tiptap/extension-list-item';
-import OrderedList from '@tiptap/extension-ordered-list';
-
-// CONVENTION - T009: Extend BulletList with indent attribute (FR-022)
-export const CustomBulletList = BulletList.extend({
-  addAttributes() {
-    return {
-      ...this.parent?.(),
-      indent: {
-        default: 0, // Backward compatibility (FR-030)
-        parseHTML: (element) => parseInt(element.getAttribute('data-indent') || '0', 10),
-        renderHTML: (attributes) => {
-          if (!attributes.indent) return {};
-          return { 'data-indent': attributes.indent };
-        },
-      },
-    };
-  },
-
-  addNodeView() {
-    return ({ node }) => {
-      const indentLevel = node.attrs.indent || 0;
-      const dom = document.createElement('ul');
-      dom.setAttribute('data-indent', String(indentLevel));
-
-      // Apply padding based on indent level (20px per level)
-      if (indentLevel > 0) {
-        dom.style.paddingLeft = `${indentLevel * 20}px`;
-      }
-
-      const contentDOM = dom;
-      return { dom, contentDOM };
-    };
-  },
-});
-
-// CONVENTION - T010: Extend OrderedList with indent attribute (FR-022)
-export const CustomOrderedList = OrderedList.extend({
-  addAttributes() {
-    return {
-      ...this.parent?.(),
-      indent: {
-        default: 0, // Backward compatibility (FR-030)
-        parseHTML: (element) => parseInt(element.getAttribute('data-indent') || '0', 10),
-        renderHTML: (attributes) => {
-          if (!attributes.indent) return {};
-          return { 'data-indent': attributes.indent };
-        },
-      },
-    };
-  },
-
-  addNodeView() {
-    return ({ node }) => {
-      const indentLevel = node.attrs.indent || 0;
-      const dom = document.createElement('ol');
-      dom.setAttribute('data-indent', String(indentLevel));
-
-      // Apply padding based on indent level (20px per level)
-      if (indentLevel > 0) {
-        dom.style.paddingLeft = `${indentLevel * 20}px`;
-      }
-
-      const contentDOM = dom;
-      return { dom, contentDOM };
-    };
-  },
-});
-
-// CONVENTION - T011: Extend ListItem with indent attribute (FR-020, FR-021)
-export const CustomListItem = ListItem.extend({
-  addAttributes() {
-    return {
-      ...this.parent?.(),
-      class: {
-        default: null,
-        parseHTML: (element: any) => element.getAttribute('class'),
-        renderHTML: (attributes: any) => {
-          if (!attributes.class) return {};
-          return { class: attributes.class, ...attributes };
-        },
-      },
-      indent: {
-        default: 0, // Backward compatibility (FR-030)
-        parseHTML: (element) => parseInt(element.getAttribute('data-indent') || '0', 10),
-        renderHTML: (attributes) => {
-          if (!attributes.indent) return {};
-          return { 'data-indent': attributes.indent };
-        },
-      },
-    };
-  },
-});

package/src/components/RichTextEditor/Extension/List/dynamic-bullet-styling.extension.ts

@@ -1,40 +0,0 @@
-import { Extension } from '@tiptap/core';
-import { Plugin, PluginKey } from 'prosemirror-state';
-
-// Dynamic bullet styling extension (assigns class based on nesting level)
-export const DynamicBulletStyling = Extension.create({
-  name: 'dynamicBulletStyling',
-  addProseMirrorPlugins() {
-    return [
-      new Plugin({
-        key: new PluginKey('dynamicBulletStyling'),
-        appendTransaction: (transactions, oldState, newState) => {
-          const tr = newState.tr;
-          let modified = false;
-          newState.doc.descendants((node, pos) => {
-            if (node.type.name === 'listItem') {
-              let nestingLevel = 0;
-
-              const $pos = newState.doc.resolve(pos);
-
-              for (let depth = $pos.depth; depth > 0; depth--) {
-                const nodeAtDepth = $pos.node(depth);
-                if (nodeAtDepth.type.name === 'bulletList') {
-                  nestingLevel = 1;
-                  break;
-                }
-              }
-
-              if (nestingLevel > 0) {
-                tr.setNodeAttribute($pos.pos, '[data-style]', 'line-height: inherit');
-                // tr.setDocAttribute('[data-style]', 'line-height: inherit');
-                modified = true;
-              }
-            }
-          });
-          return modified ? tr : null;
-        },
-      }),
-    ];
-  },
-});