@sovann72-dev/lynqify-ui 1.0.0 → 1.0.1

package/src/components/RichTextEditor/Extension/extensions.ts

@@ -1,118 +0,0 @@
-import Bold from '@tiptap/extension-bold';
-import Color from '@tiptap/extension-color';
-import Document from '@tiptap/extension-document';
-import FileHandler from '@tiptap/extension-file-handler';
-import HardBreak from '@tiptap/extension-hard-break';
-import Heading from '@tiptap/extension-heading';
-import Highlight from '@tiptap/extension-highlight';
-import Image from '@tiptap/extension-image';
-import Italic from '@tiptap/extension-italic';
-import Link from '@tiptap/extension-link';
-import {
-  BulletList,
-  OrderedList,
-  ListItem,
-  ListKeymap,
-  TaskList,
-  TaskItem,
-} from '@tiptap/extension-list';
-import Mention from '@tiptap/extension-mention';
-import Paragraph from '@tiptap/extension-paragraph';
-import { Table, TableCell, TableHeader, TableRow } from '@tiptap/extension-table';
-import Text from '@tiptap/extension-text';
-import TextAlign from '@tiptap/extension-text-align';
-import { TextStyle } from '@tiptap/extension-text-style';
-import Underline from '@tiptap/extension-underline';
-import { CharacterCount, Placeholder, UndoRedo as History } from '@tiptap/extensions';
-import { CustomParagraph } from '@/components/RichTextEditor/Extension/custom-paragraph.extension';
-import { IndentExtension } from '@/components/RichTextEditor/Extension/Indent/indent.extension';
-import {
-  CustomListItem,
-  CustomBulletList,
-  CustomOrderedList,
-} from '@/components/RichTextEditor/Extension/List/custom-list-item.extension';
-import { DynamicBulletStyling } from '@/components/RichTextEditor/Extension/List/dynamic-bullet-styling.extension';
-import { ListIndentIntegration } from '@/components/RichTextEditor/Extension/list-indent-integration.extension';
-import { FontSize } from '@/components/RichTextEditor/Extension/tiptap-extension-fontsize';
-import { LineHeight } from '@/components/RichTextEditor/Extension/tiptap-extension-lineheight';
-
-export const ALL_EXTENSIONS = [
-  Bold,
-  CharacterCount,
-  Color,
-  Document,
-  FileHandler,
-  Heading,
-  Highlight,
-  Image,
-  Link,
-  ListItem,
-  ListKeymap,
-  Mention,
-  OrderedList,
-  Placeholder,
-  Table,
-  TableCell,
-  TableHeader,
-  TableRow,
-  TaskItem,
-  TaskList,
-  TextAlign,
-  TextStyle,
-  Underline,
-
-  // Missing from BASE_EXTENSIONS
-  Paragraph,
-  Text,
-  Italic,
-  // Gapcursor,
-  HardBreak,
-  History,
-  CustomListItem,
-  FontSize,
-  LineHeight,
-  BulletList,
-  DynamicBulletStyling,
-];
-
-export const BASE_EXTENSIONS = [
-  CustomParagraph, // CONVENTION - Replaces Paragraph with selectable indent spacing (T006-T007)
-  TextStyle,
-  Color,
-  History.configure({
-    // T012, T091: Pause-based undo/redo granularity (FR-032, FR-033)
-    // Verified: Rapid Tab presses within 500ms are grouped as single undo unit
-    // This matches Google Docs behavior (spec requirement)
-    newGroupDelay: 500, // Group operations within 500ms window
-    depth: 100, // Max undo stack depth
-  }),
-  // COMMENTED OUT TEMPORARILY THE GAPCURSOR FIRST BECAUSE WE DON'T NEED VISUAL EFFECT FROM GAPCUROSR AND WE DO CUSTOM IMAGES CURSOR ANYWAY. UNCOMMENT IT IF NEEDED LATER.
-  // Gapcursor,
-  HardBreak,
-  Underline,
-  Bold,
-  Italic,
-  TaskItem,
-  CustomListItem, // T011: ListItem with indent attribute
-  Document,
-  Text,
-  FontSize,
-  LineHeight,
-  CustomBulletList, // T009: BulletList with indent attribute
-  // No custom keymap, just dynamic styling
-  DynamicBulletStyling,
-  ListIndentIntegration, // T029: Indent attribute transfer (FR-020, FR-021, FR-023)
-
-  TextAlign.configure({
-    types: ['heading', 'paragraph'],
-  }),
-  CustomOrderedList.configure({
-    // T010: OrderedList with indent attribute
-    itemTypeName: 'listItem',
-    keepMarks: true,
-    keepAttributes: true,
-  }),
-
-  // Must be last to have highest keyboard shortcut priority
-  IndentExtension,
-];

package/src/components/RichTextEditor/Extension/list-indent-integration.extension.ts

@@ -1,125 +0,0 @@
-/**
- * List-Indent Integration Extension
- *
- * Handles indent attribute transfer between paragraphs and lists.
- * Includes paste handling for external content (Google Docs, Word).
- *
- * **Core Behavior (FR-020, FR-021, FR-023):**
- * - When paragraph with indent becomes list → indent transfers to listItem
- * - Paragraph inside list loses indent attribute
- * - List maintains paragraph's indent level
- *
- * **Paste Handling (FR-026, FR-027, FR-028):**
- * - T088: Detects Google Docs nested lists, preserves 1:1 nesting
- * - T089: Parses Word paragraph indents (padding/margin) into indent levels
- * - T090: Normalizes external glyph styles (I, II, III → 1, 2, 3)
- *
- * **Implementation via ProseMirror appendTransaction plugin**
- * - Monitors document changes
- * - Detects indented paragraphs inside lists
- * - Transfers indent from paragraph to parent list
- * - Clears paragraph indent attribute
- *
- * @see specs/001-richtext-indent-lists/research.md (Decision 1, Decision 4)
- * @see specs/001-richtext-indent-lists/data-model.md (State Transition Rules)
- */
-
-import { Extension } from '@tiptap/core';
-import { Plugin, Transaction } from '@tiptap/pm/state';
-
-const isListParent = (name: string) => name === 'bulletList' || name === 'orderedList';
-const isTextNode = (name: string) => name === 'paragraph' || name === 'heading';
-
-export const ListIndentIntegration = Extension.create({
-  name: 'listIndentIntegration',
-
-  addProseMirrorPlugins() {
-    return [
-      // Indent attribute transfer plugin
-      new Plugin({
-        appendTransaction: (transactions, oldState, newState) => {
-          // Only process if document changed
-          if (!transactions.find((t) => t.docChanged)) {
-            return null;
-          }
-
-          let tr: Transaction | null = null;
-
-          // Scan document for indented paragraphs inside list items
-          newState.doc.descendants((node, pos) => {
-            // Find indented text nodes (paragraph/heading)
-            if (isTextNode(node.type.name) && (node?.attrs?.indent ?? 0) > 0) {
-              const resolvedPos = newState.doc.resolve(pos);
-              const parent = resolvedPos.parent;
-
-              // If paragraph is inside a list item, transfer indent
-              if (parent.type.name === 'listItem') {
-                // Find the bulletList/orderedList ancestor
-                let listPos = null;
-                for (let d = resolvedPos.depth - 1; d > 0; d--) {
-                  const ancestorNode = resolvedPos.node(d);
-                  if (isListParent(ancestorNode.type.name)) {
-                    // Get position of list node
-                    listPos = resolvedPos.start(d) - 1;
-                    break;
-                  }
-                }
-
-                if (listPos !== null && listPos >= 0) {
-                  // Create transaction if needed
-                  if (!tr) {
-                    tr = newState.tr;
-                  }
-
-                  const existingIndent = node.attrs.indent;
-
-                  // FR-021: Remove indent from paragraph inside list
-                  tr.setNodeAttribute(pos, 'indent', 0);
-
-                  // FR-020: Transfer indent to parent list
-                  tr.setNodeAttribute(listPos, 'indent', existingIndent);
-                }
-              }
-            }
-          });
-
-          return tr;
-        },
-      }),
-
-      // T088, T089, T090: Paste transformation plugin
-      new Plugin({
-        props: {
-          transformPastedHTML(html) {
-            // T089: FR-027 - Parse Word paragraph indents (padding/margin)
-            // Convert padding-left or margin-left to indent attributes
-            const wordIndentRegex =
-              /<p[^>]*style="[^"]*(?:padding|margin)-left:\s*(\d+)(?:px|pt|em)[^"]*"[^>]*>/gi;
-            html = html.replace(wordIndentRegex, (match, pixels) => {
-              const indentLevel = Math.floor(parseInt(pixels, 10) / 40); // 40px ≈ 1 indent level
-              return `<p data-indent="${indentLevel}">`;
-            });
-
-            // T090: FR-028 - Normalize glyph styles (Roman numerals → Arabic)
-            // Convert list-style-type attributes to default (1, 2, 3)
-            const romanStyleRegex =
-              /<ol[^>]*style="[^"]*list-style-type:\s*(upper-roman|lower-roman|upper-alpha|lower-alpha)[^"]*"[^>]*>/gi;
-            html = html.replace(romanStyleRegex, () => {
-              // Remove the style attribute, defaulting to standard 1, 2, 3
-              return '<ol>';
-            });
-
-            // Normalize list-style-type in li elements as well
-            const liStyleRegex = /<li[^>]*style="[^"]*list-style-type:\s*[^;"\s]+[^"]*"[^>]*>/gi;
-            html = html.replace(liStyleRegex, (match) => {
-              // Strip list-style-type from li elements
-              return match.replace(/list-style-type:\s*[^;"\s]+;?/gi, '');
-            });
-
-            return html;
-          },
-        },
-      }),
-    ];
-  },
-});

package/src/components/RichTextEditor/Extension/mentionstorage.extension.ts

@@ -1,10 +0,0 @@
-import { Extension } from '@tiptap/core';
-
-export const MentionStorage = Extension.create({
-  name: 'MentionStorage',
-  addStorage() {
-    return {
-      suggestions: [],
-    };
-  },
-});

package/src/components/RichTextEditor/Extension/tiptap-extension-fontsize.ts

@@ -1,73 +0,0 @@
-import { Extension } from '@tiptap/core';
-import '@tiptap/extension-text-style';
-
-type FontSizeOptions = {
-  types: string[];
-  getStyle: (fontSize: string) => string;
-};
-
-declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    fontSize: {
-      /**
-       * Set the font size attribute
-       */
-      setFontSize: (size: string) => ReturnType;
-      /**
-       * Unset the font size attribute
-       */
-      unsetFontSize: () => ReturnType;
-    };
-  }
-}
-
-export const FontSize = Extension.create<FontSizeOptions>({
-  name: 'fontSize',
-
-  addOptions(): FontSizeOptions {
-    return {
-      types: ['textStyle'],
-      getStyle: (fontSize: string) => {
-        return `font-size: ${fontSize}`;
-      },
-    };
-  },
-
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          fontSize: {
-            default: null,
-            parseHTML: (element) => element.style.fontSize.replace(/['"]+/g, ''),
-            renderHTML: (attributes) => {
-              if (!attributes.fontSize) {
-                return {};
-              }
-
-              return {
-                style: this.options.getStyle(attributes.fontSize),
-              };
-            },
-          },
-        },
-      },
-    ];
-  },
-
-  addCommands() {
-    return {
-      setFontSize:
-        (fontSize) =>
-        ({ chain }) => {
-          return chain().setMark('textStyle', { fontSize }).run();
-        },
-      unsetFontSize:
-        () =>
-        ({ chain }) => {
-          return chain().setMark('textStyle', { fontSize: null }).removeEmptyTextStyle().run();
-        },
-    };
-  },
-});

package/src/components/RichTextEditor/Extension/tiptap-extension-lineheight.ts

@@ -1,73 +0,0 @@
-import { Extension } from '@tiptap/core';
-import '@tiptap/extension-text-style';
-
-type LineHeightOptions = {
-  types: string[];
-  getStyle: (lineHeight: string) => string;
-};
-
-declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    lineHeight: {
-      /**
-       * Set the line height attribute
-       */
-      setLineHeight: (lineHeight: string) => ReturnType;
-      /**
-       * Unset the line height attribute
-       */
-      unsetLineHeight: () => ReturnType;
-    };
-  }
-}
-
-export const LineHeight = Extension.create<LineHeightOptions>({
-  name: 'lineHeight',
-
-  addOptions(): LineHeightOptions {
-    return {
-      types: ['textStyle'],
-      getStyle: (lineHeight: string) => {
-        return `line-height: ${lineHeight};`;
-      },
-    };
-  },
-
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          lineHeight: {
-            default: null,
-            parseHTML: (element) => element.style.lineHeight.replace(/['"]+/g, ''),
-            renderHTML: (attributes) => {
-              if (!attributes.lineHeight) {
-                return {};
-              }
-
-              return {
-                style: this.options.getStyle(attributes.lineHeight),
-              };
-            },
-          },
-        },
-      },
-    ];
-  },
-
-  addCommands() {
-    return {
-      setLineHeight:
-        (lineHeight) =>
-        ({ chain }) => {
-          return chain().setMark('textStyle', { lineHeight }).run();
-        },
-      unsetLineHeight:
-        () =>
-        ({ chain }) => {
-          return chain().setMark('textStyle', { lineHeight: null }).removeEmptyTextStyle().run();
-        },
-    };
-  },
-});