@collabchron/notiq 0.3.0 → 1.0.0

package/src/components/editor/utils/ai.ts

@@ -1,291 +0,0 @@
-import { $createCodeNode } from "@lexical/code";
-import {
-  $createParagraphNode,
-  $createRangeSelection,
-  $createTextNode,
-  $getRoot,
-  $getSelection,
-  $isRangeSelection,
-  $isTextNode,
-  createEditor,
-  ElementNode,
-  LexicalEditor,
-  LexicalNode,
-  TextNode,
-} from "lexical";
-import {
-  $createHeadingNode,} from '@lexical/rich-text';
-import { $createStepperNode, StepsType } from "../nodes/Stepper";
-
-function getWordsBeforeSelection(
-  editor: LexicalEditor,
-  numWords: number
-): string {
-  let wordsBeforeSelection = "";
-
-  editor.update(() => {
-    const selection = $getSelection();
-    if (!$isRangeSelection(selection)) {
-      console.warn("No valid text selection found.");
-      return;
-    }
-
-    const anchor = selection.anchor;
-    const firstTextNode = findFirstTextNode($getRoot());
-
-    if (!firstTextNode) {
-      console.warn("No text nodes found in the document.");
-      return;
-    }
-
-    // Create a range from the first text node start to the selection anchor
-    const range = $createRangeSelection();
-    range.anchor.set(firstTextNode.__key, 0, 'text');
-    range.focus.set(anchor.key, anchor.offset, anchor.type);
-
-    const textContent = range.getTextContent();
-    const words = textContent.split(/\s+/).filter(word => word.length > 0);
-
-    const startIndex = Math.max(0, words.length - numWords);
-    wordsBeforeSelection = words.slice(startIndex, words.length).join(" ");
-  });
-
-  return wordsBeforeSelection;
-}
-
-// Helper function to find the first text node in document order
-function findFirstTextNode(node: LexicalNode): TextNode | null {
-  if ($isTextNode(node)) {
-    return node;
-  }
-
-  const children = (node as ElementNode).getChildren();
-  for (const child of children) {
-    const result = findFirstTextNode(child);
-    if (result) {
-      return result;
-    }
-  }
-
-  return null;
-}
-
-
-function isJSON(text: string): boolean {
-  try {
-    JSON.parse(text);
-    return true;
-  } catch (err) {
-    return false;
-  }
-}
-function createEditorWithText(text: string): LexicalEditor {
-  const editor = createEditor();
-  const editorState = editor.parseEditorState(
-    JSON.stringify({
-      root: {
-        children: [
-          {
-            children: [
-              {
-                detail: 0,
-                format: 0,
-                mode: "normal",
-                style: "",
-                text: text,
-                type: "text",
-                version: 1,
-              },
-            ],
-            direction: null,
-            format: "",
-            indent: 0,
-            type: "paragraph",
-            version: 1,
-            textFormat: 0,
-            textStyle: "",
-          },
-        ],
-        direction: null,
-        format: "",
-        indent: 0,
-        type: "root",
-        version: 1,
-      },
-    })
-  );
-  editor.setEditorState(editorState);
-  return editor;
-}
-
-function GenerateSteps(json:string, editor: LexicalEditor){
-  const stepsData = JSON.parse(json);
-  const steps: StepsType = stepsData.map((step: { id: number; title: string; content: string }) => {
-    return {
-      id: step.id,
-      title: step.title,
-      content: createEditorWithText(step.content),
-    };
-  });    
-  editor.update(()=>{
-    const selection = $getSelection();
-    if ($isRangeSelection(selection)) {
-      const stepperNode = $createStepperNode(steps);
-      selection.insertNodes([stepperNode]);
-    }
-    return
-  })
-}
-
-// getMore = number of words to get if the selection was less than 30 len.
-const getSelectedText = (editor: LexicalEditor,getMore?:number) => {
-  let selectedText = "";
-  let context = getMore?getWordsBeforeSelection(editor, getMore):null
-  editor.update(() => {
-    const selection = $getSelection();
-    if ($isRangeSelection(selection)) {
-      const selectionText = selection.getTextContent();      
-      if (selectionText.length > 30) {
-        selectedText = selectionText; 
-      } else {
-        selectedText = context+selectionText ;
-      }
-    }
-  });
-
-  return selectedText;
-};
-
-
-function applyStyles(AIString: string) {
-  // Regex now matches:
-  // 1. Code blocks delimited by triple backticks (```...```)
-  // 2. Bold text delimited by ** (e.g., **bold**)
-  // 3. Inline code delimited by a single backtick (e.g., `some code`)
-  // 4. Headers starting with ### (e.g., ### Header)
-  const pattern = /(```[\s\S]*?```)|(\*\*[\s\S]+?\*\*)|(`[\s\S]+?`)|(###\s+[\s\S]+?(?=\n|$))/g;
-  let lastIndex = 0;
-  const nodes = [];
-
-  // Process all matches of code, bold, or inline code segments.
-  AIString.replace(
-    pattern,
-    (match, codeBlockMatch, boldMatch, codeMatch,headerMatch, offset) => {
-      // Append any plain text before the matched segment.
-      if (offset > lastIndex) {
-        const plainText = AIString.slice(lastIndex, offset);
-        nodes.push($createTextNode(plainText));
-      }
-      if (codeBlockMatch) {
-        // TODO: extract the code lang and apply it to the code block.
-
-        const content = codeBlockMatch.slice(3, -3);
-        const codeNode = $createCodeNode();
-        codeNode.append($createTextNode(content));
-        nodes.push(codeNode);
-      } else if (boldMatch) {
-        // Found bold text. Remove the leading and trailing "**".
-        const content = boldMatch.slice(2, -2);
-        const boldTextNode = $createTextNode(content);
-        boldTextNode.setFormat("bold");
-        nodes.push(boldTextNode);
-      } else if (codeMatch) {
-        const content = codeMatch.slice(1, -1);
-        const codeTextNode = $createTextNode(content);
-        codeTextNode.setFormat("code");
-        nodes.push(codeTextNode);
-      }else if(headerMatch){
-         const content = headerMatch.slice(4).trim(); 
-         const headerNode = $createHeadingNode("h3"); 
-         headerNode.append($createTextNode(content));
-         nodes.push(headerNode);
-      }
-      lastIndex = offset + match.length;
-      return match;
-    }
-  );
-
-  // Append any remaining plain text after the last match.
-  if (lastIndex < AIString.length) {
-    nodes.push($createTextNode(AIString.slice(lastIndex)));
-  }
-
-  return nodes;
-}
-
-
-function insertText(text: string, editor: LexicalEditor) {
-  if(isJSON(text) || text.startsWith("json")){
-    GenerateSteps(text,editor)
-    return
-  }
-  editor.update(() => {
-    const selection = $getSelection();
-    if (!$isRangeSelection(selection))
-      return console.log("No valid text selection found.");
-
-    const nodesInSelection = selection.getNodes();
-    if (nodesInSelection.length > 0) {
-      let insertionPoint = nodesInSelection[nodesInSelection.length - 1];
-      const formattedNodes = applyStyles(text);
-
-      formattedNodes.forEach((node: any) => {
-        insertionPoint.insertAfter(node);
-        insertionPoint = node;
-      });
-    }
-  });
-}
-
-function replaceSelectedText(text: string, editor: LexicalEditor) {
-  
-  if(isJSON(text) || text.startsWith("json")){
-    GenerateSteps(text,editor)
-    return
-  }
-
-  
-  editor.update(() => {
-    const selection = $getSelection();
-    if (!$isRangeSelection(selection)) {
-      console.warn("No valid text selection found.");
-      return;
-    }
-    selection.removeText();
-    const formattedNodes = applyStyles(text);
-    selection.insertNodes(formattedNodes);
-  });
-}
-
-
-function insertTextUnderSelected(text: string, editor: LexicalEditor) {
-  if(isJSON(text) || text.startsWith("json")){
-    GenerateSteps(text,editor)
-    return
-  }
-  editor.update(() => {
-    const selection = $getSelection();
-    if (!$isRangeSelection(selection)) return;
-
-    const nodes = selection.getNodes();
-    if (nodes.length > 0) {
-      const lastNode = nodes[nodes.length - 1];
-
-      const newParagraph = $createParagraphNode();
-
-      const formattedNodes = applyStyles(text);
-
-      newParagraph.append(...formattedNodes);
-
-      lastNode.insertAfter(newParagraph);
-    }
-  });
-}
-
-export {
-  replaceSelectedText,
-  insertTextUnderSelected,
-  getSelectedText,
-  insertText,
-  getWordsBeforeSelection,
-};

package/src/components/editor/utils/canUseDOM.ts

@@ -1,12 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-export const CAN_USE_DOM: boolean =
-  typeof window !== 'undefined' &&
-  typeof window.document !== 'undefined' &&
-  typeof window.document.createElement !== 'undefined';

package/src/components/editor/utils/environment.ts

@@ -1,50 +0,0 @@
-
-
-import {CAN_USE_DOM} from './canUseDOM';
-
-declare global {
-  interface Document {
-    documentMode?: unknown;
-  }
-
-  interface Window {
-    MSStream?: unknown;
-  }
-}
-
-const documentMode =
-  CAN_USE_DOM && 'documentMode' in document ? document.documentMode : null;
-
-export const IS_APPLE: boolean =
-  CAN_USE_DOM && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
-
-export const IS_FIREFOX: boolean =
-  CAN_USE_DOM && /^(?!.*Seamonkey)(?=.*Firefox).*/i.test(navigator.userAgent);
-
-export const CAN_USE_BEFORE_INPUT: boolean =
-  CAN_USE_DOM && 'InputEvent' in window && !documentMode
-    ? 'getTargetRanges' in new window.InputEvent('input')
-    : false;
-
-export const IS_SAFARI: boolean =
-  CAN_USE_DOM && /Version\/[\d.]+.*Safari/.test(navigator.userAgent);
-
-export const IS_IOS: boolean =
-  CAN_USE_DOM &&
-  /iPad|iPhone|iPod/.test(navigator.userAgent) &&
-  !window.MSStream;
-
-export const IS_ANDROID: boolean =
-  CAN_USE_DOM && /Android/.test(navigator.userAgent);
-
-// Keep these in case we need to use them in the future.
-// export const IS_WINDOWS: boolean = CAN_USE_DOM && /Win/.test(navigator.platform);
-export const IS_CHROME: boolean =
-  CAN_USE_DOM && /^(?=.*Chrome).*/i.test(navigator.userAgent);
-// export const canUseTextInputEvent: boolean = CAN_USE_DOM && 'TextEvent' in window && !documentMode;
-
-export const IS_ANDROID_CHROME: boolean =
-  CAN_USE_DOM && IS_ANDROID && IS_CHROME;
-
-export const IS_APPLE_WEBKIT =
-  CAN_USE_DOM && /AppleWebKit\/[\d.]+/.test(navigator.userAgent) && !IS_CHROME;

package/src/components/editor/utils/extract-data.ts

@@ -1,166 +0,0 @@
-import { $getRoot, ElementNode, LexicalEditor, ParagraphNode, TextNode } from "lexical";
-import {ListItemNode, ListNode} from "@lexical/list"
-import {HeadingNode,QuoteNode} from "@lexical/rich-text"
-import {TableNode} from "@lexical/table"
-import {CodeNode} from "@lexical/code"
-import { CollapsibleContainerNode } from "../nodes/CollapsibleNode/CollapsibleContainerNode";
-import { CollapsibleTitleNode } from "../nodes/CollapsibleNode/CollapsibleTitleNode";
-export  type BlockType = "Table"|'heading'|"CollapsibleContent" | 'paragraph' |"Collapsible"| 'text' | 'list' | 'list-item' | 'quote' | 'code' | "Hint"
-
-export type ExtractedBlock = {
-  blockType: BlockType;
-  content: string;
-  children?: ExtractedBlock[];
-}
-
-function extractChildrenContent(nodes: any[]): string {
-  return nodes
-    .filter(node => node instanceof TextNode)
-    .map(node => node.getTextContent())
-    .join(' ');
-}
-
-function processListItem(listItem: ListItemNode): ExtractedBlock {
-  let textContent = '';
-  const children: ExtractedBlock[] = [];
-
-  listItem.getChildren().forEach(child => {
-    if (child instanceof TextNode) {
-      textContent += child.getTextContent();
-    } else if (child instanceof ElementNode) {
-      textContent += extractChildrenContent(child.getChildren());
-    }
-    
-    if (child instanceof ListNode) {
-      children.push(...processList(child));
-    }
-  });
-
-  return {
-    blockType: 'list-item',
-    content: textContent.trim(),
-    children: children.length > 0 ? children : undefined
-  };
-}
-
-function processList(listNode: ListNode): ExtractedBlock[] {
-  const listType = listNode.getListType();
-  return listNode.getChildren().map(child => ({
-    ...processListItem(child as ListItemNode),
-    attributes: { listType }
-  }));
-}
-
-function processHeading(headingNode: HeadingNode): ExtractedBlock {
-  return {
-    blockType: 'heading',
-    content: headingNode.getTextContent(),
-  };
-}
-// should i make better json?
-function processTable(TableNode:TableNode): ExtractedBlock {
-    return {
-      blockType: 'Table',
-      content: TableNode.getTextContent(),
-    };
-}
-function processCodeBlock(codeNode: CodeNode): ExtractedBlock {
-  return {
-    blockType: 'code',
-    content: codeNode.getTextContent(),
-  };
-}
-
-export function ExtractData(editor: LexicalEditor):string {
-  const blocks: ExtractedBlock[] = [];
-
-  editor.update(() => {
-    const root = $getRoot();
-    
-    root.getChildren().forEach(node => {
-      try {
-    
-        if (node instanceof HeadingNode) {
-          blocks.push(processHeading(node));
-        } 
-        else if(node instanceof TableNode){          
-          blocks.push(processTable(node));
-        }
-        
-        else if (node instanceof ListNode) {
-          blocks.push({
-            blockType: 'list',
-            content: '',
-            children: processList(node)
-          });
-        }
-        else if (node instanceof CollapsibleContainerNode || node instanceof CollapsibleTitleNode) {
-            let title = "";
-            let content = "";
-          
-            if (node instanceof CollapsibleTitleNode) {
-              title = node.getTextContent();
-            }
-          
-            if (node instanceof CollapsibleContainerNode) {
-              const children = node.getChildren();
-              const titleNode = children.find(child => child instanceof CollapsibleTitleNode);
-              if (titleNode) {
-                title = titleNode.getTextContent();
-              }
-              content = children
-                .filter(child => !(child instanceof CollapsibleTitleNode))
-                .map(child => child.getTextContent())
-                .join("\n");
-            }
-        
-          
-            blocks.push({
-              blockType: "Collapsible",
-              content: title, // The collapsible title.
-              children: [
-                {
-                  blockType: "CollapsibleContent",
-                  content: content, // The collapsible content.
-                },
-              ],
-            });
-        }  
-        else if (node instanceof ParagraphNode) {
-          if(node.getTextContent() == "") return;
-          blocks.push({
-            blockType: 'paragraph',
-            content: node.getTextContent()
-          });
-        }
-        else if (node instanceof CodeNode) {
-          blocks.push(processCodeBlock(node));
-        }
-        else if (node instanceof QuoteNode) {
-          
-          blocks.push({
-            blockType: 'quote',
-            content: node.getTextContent(),
-            children: node.getChildren().length>=2 ?node.getChildren().map(child => ({
-              blockType: 'text',
-              content: child.getTextContent()
-            })):undefined
-          });
-        }
-        else if (node instanceof TextNode) {
-          blocks.push({
-            blockType: 'text',
-            content: node.getTextContent()
-          });
-        }
-       
-      } catch (error) {
-        console.warn('Error processing node:', error);
-      }
-    });
-  });
-
-
-  
-  return JSON.stringify(blocks);
-}

package/src/components/editor/utils/getAllLexicalChildren.ts

@@ -1,13 +0,0 @@
-import { $getNodeByKey, $getRoot, LexicalEditor } from 'lexical';
-
-export const getAllLexicalChildren = (editor: LexicalEditor) => {
-   const childrenKeys = editor
-      .getEditorState()
-      .read(() => $getRoot().getChildrenKeys());
-
-   return childrenKeys.map((key) => ({
-      key: key,
-      node: $getNodeByKey(key),
-      htmlElement: editor.getElementByKey(key),
-   }));
-};

package/src/components/editor/utils/getDOMRangeRect.ts

@@ -1,27 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-export function getDOMRangeRect(
-    nativeSelection: Selection,
-    rootElement: HTMLElement,
-  ): DOMRect {
-    const domRange = nativeSelection.getRangeAt(0);
-  
-    let rect;
-  
-    if (nativeSelection.anchorNode === rootElement) {
-      let inner = rootElement;
-      while (inner.firstElementChild != null) {
-        inner = inner.firstElementChild as HTMLElement;
-      }
-      rect = inner.getBoundingClientRect();
-    } else {
-      rect = domRange.getBoundingClientRect();
-    }
-  
-    return rect;
-  }

package/src/components/editor/utils/getSelectedNode.ts

@@ -1,27 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import {$isAtNodeEnd} from '@lexical/selection';
-import {ElementNode, RangeSelection, TextNode} from 'lexical';
-
-export function getSelectedNode(
-  selection: RangeSelection,
-): TextNode | ElementNode {
-  const anchor = selection.anchor;
-  const focus = selection.focus;
-  const anchorNode = selection.anchor.getNode();
-  const focusNode = selection.focus.getNode();
-  if (anchorNode === focusNode) {
-    return anchorNode;
-  }
-  const isBackward = selection.isBackward();
-  if (isBackward) {
-    return $isAtNodeEnd(focus) ? anchorNode : focusNode;
-  } else {
-    return $isAtNodeEnd(anchor) ? anchorNode : focusNode;
-  }
-}

package/src/components/editor/utils/gif.ts

@@ -1,29 +0,0 @@
-
-const API_KEY = process.env.NEXT_PUBLIC_TENOR_API_KEY;
-
-const fetchGifs = async ({ q = "trending" }: {  q?: string }) => {
-  const params = new URLSearchParams({
-    key: API_KEY || '',
-    q,
-    limit: "200",
-    media_filter: 'minimal',
-  });
-
-  const response = await fetch(`https://tenor.googleapis.com/v2/search?${params.toString()}`);
-
-  if (!response.ok) {
-    throw new Error(`HTTP error! Status: ${response.status}`);
-  }
-
-  const data = await response.json();
-
-  const gifs = data.results.map((gif: any) => ({
-    id: gif.id,
-    url: gif.media_formats.gif.url,
-    alt_text: gif.content_description,
-  }));
-
-  return { gifs, next: data.next };
-};
-
-export default fetchGifs;

package/src/components/editor/utils/invariant.ts

@@ -1,15 +0,0 @@
-
-export default function invariant(
-    cond?: boolean,
-    message?: string,
-  ): asserts cond {
-    if (cond) {
-      return;
-    }
-  
-    throw new Error(
-      'Internal Lexical error: invariant() is meant to be replaced at compile ' +
-        'time. There is no runtime version. Error: ' +
-        message,
-    );
-  }

package/src/components/editor/utils/setFloatingElemPosition.ts

@@ -1,51 +0,0 @@
-const VERTICAL_GAP = 10;
-const HORIZONTAL_OFFSET = 5;
-
-export function setFloatingElemPosition(
-  targetRect: DOMRect | null,
-  floatingElem: HTMLElement,
-  anchorElem: HTMLElement,
-  verticalGap: number = VERTICAL_GAP,
-  horizontalOffset: number = HORIZONTAL_OFFSET,
-): void {
-  const scrollerElem = anchorElem.parentElement;
-
-  if (targetRect === null || !scrollerElem) {
-    floatingElem.style.opacity = '0';
-    floatingElem.style.transform = 'translate(-10000px, -10000px)';
-    return;
-  }
-
-  const floatingElemRect = floatingElem.getBoundingClientRect();
-  const anchorElementRect = anchorElem.getBoundingClientRect();
-  const editorScrollerRect = scrollerElem.getBoundingClientRect();
-
-  // Calculate initial top and left positions
-  let top = targetRect.bottom + verticalGap; 
-  let left = targetRect.left + horizontalOffset;
-
-  // Ensure the floating element stays within the editor's bounds
-  if (top + floatingElemRect.height > editorScrollerRect.bottom) {
-    // If it overflows at the bottom, position it above the selection
-    top = targetRect.top - floatingElemRect.height - verticalGap;
-  }
-
-  if (left + floatingElemRect.width > editorScrollerRect.right) {
-    // If it overflows on the right, align it with the right edge of the editor
-    left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset;
-  }
-
-  if (left < editorScrollerRect.left) {
-    // If it overflows on the left, align it with the left edge of the editor
-    left = editorScrollerRect.left + horizontalOffset;
-  }
-
-  // Adjust for the anchor element's position
-  top -= anchorElementRect.top;
-  left -= anchorElementRect.left;
-
-  // Apply smooth transition and positioning
-  floatingElem.style.transition = 'transform 0.2s ease-in-out, opacity 0.2s ease-in-out';
-  floatingElem.style.opacity = '1';
-  floatingElem.style.transform = `translate(${left}px, ${top}px)`;
-}