@collabchron/notiq 0.3.0 → 1.0.0

package/src/app/page.tsx

@@ -1,12 +0,0 @@
-import Editor from "@/components/editor"
-
-export default function Home() {
-  return (
-    /* Enhanced page layout with better spacing and visual hierarchy */
-    <div className="min-h-screen bg-background">
-      <div className="container max-w-6xl mx-auto px-4 md:px-8">
-        <Editor isEditable={true} />
-      </div>
-    </div>
-  )
-}

package/src/components/editor/Core.tsx

@@ -1,220 +0,0 @@
-"use client"
-
-import { useCallback, useEffect, useState } from "react"
-import { useSharedHistoryContext } from "../providers/SharedHistoryContext"
-import { useLexicalEditable } from "@lexical/react/useLexicalEditable"
-import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext"
-import dynamic from "next/dynamic"
-import { Skeleton } from "../ui/skeleton"
-import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin"
-import { ContentEditable } from "@lexical/react/LexicalContentEditable"
-import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary"
-import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin"
-import { HorizontalRulePlugin } from "@lexical/react/LexicalHorizontalRulePlugin"
-import ImagesPlugin from "./plugins/ImagesPlugin"
-import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin"
-import { TablePlugin } from "@lexical/react/LexicalTablePlugin"
-import { AutoFocusPlugin } from "@lexical/react/LexicalAutoFocusPlugin"
-import { ClearEditorPlugin } from "@lexical/react/LexicalClearEditorPlugin"
-import ShortcutsPlugin from "./plugins/ShortcutsPlugin"
-import TabFocusPlugin from "./plugins/TabFocusPlugin"
-import TableCellResizerPlugin from "./plugins/TableCellResizer"
-import PollPlugin from "./plugins/PollPlugin"
-import { LayoutPlugin } from "./plugins/LayoutPlugin"
-import CollapsiblePlugin from "./plugins/CollapsiblePlugin"
-import { TabIndentationPlugin } from "@lexical/react/LexicalTabIndentationPlugin"
-import LexicalAutoLinkPlugin from "./plugins/AutoLinkPlugin"
-import { CheckListPlugin } from "@lexical/react/LexicalCheckListPlugin"
-import { ListPlugin } from "@lexical/react/LexicalListPlugin"
-import { LinkWithMetaDataPlugin } from "./plugins/LinkWithMetaData"
-import CodeHighlightPlugin from "./plugins/CodeHighlightPlugin"
-import DragDropPaste from "./plugins/DragDropPastePlugin"
-import DraggableBlockPlugin from "./plugins/DraggableBlockPlugin"
-import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin"
-import { ClickableLinkPlugin } from "@lexical/react/LexicalClickableLinkPlugin"
-import TwitterPlugin from "./plugins/TwitterPlugin"
-import AutoEmbedPlugin from "./plugins/AutoEmbedPlugin"
-import YouTubePlugin from "./plugins/YouTubePlugin"
-import HintPlugin from "./nodes/Hint"
-import { LexicalOnChangePlugin } from "./lexical-on-change"
-import StepperPlugin from "./nodes/Stepper"
-import InlineImagePlugin from "./plugins/InlineImagePlugin"
-import FigmaPlugin from "./plugins/FigmaPlugin"
-import EquationsPlugin from "./plugins/EquationsPlugin"
-import SpeechToTextPlugin from "./plugins/SpeechToTextPlugin"
-import { cn } from "@/lib/utils"
-
-const SlashCommand = dynamic(() => import("@/components/editor/plugins/SlashCommand"), { ssr: false })
-const ToolbarPlugin = dynamic(() => import("@/components/editor/plugins/ToolbarPlugin"), {
-  ssr: false,
-  loading: () => <Skeleton className=" h-9 w-full  mt-8" />,
-})
-const ExcalidrawPlugin = dynamic(() => import("./plugins/ExcalidrawPlugin"), {
-  ssr: false
-});
-const FloatingLinkEditorPlugin = dynamic(() => import("@/components/editor/plugins/FloatingLinkEditorPlugin"), {
-  ssr: false,
-})
-const TableCellActionMenuPlugin = dynamic(() => import("@/components/editor/plugins/TableCellActionMenuPlugin"), {
-  ssr: false,
-})
-const TableHoverActionsPlugin = dynamic(() => import("@/components/editor/plugins/TableHoverActionsPlugin"), {
-  ssr: false,
-})
-const CodeActionMenuPlugin = dynamic(() => import("@/components/editor/plugins/CodeActionMenuPlugin"), { ssr: false })
-const FloatingTextFormatToolbarPlugin = dynamic(
-  () => import("@/components/editor/plugins/FloatingTextFormatToolbarPlugin"),
-  { ssr: false },
-)
-
-const QUOTES = [
-  { text: "The best way to predict the future is to invent it.", author: "Alan Kay" },
-  { text: "Do not wait to strike till the iron is hot, but make it hot by striking.", author: "William Butler Yeats" },
-  { text: "Creativity is intelligence having fun.", author: "Albert Einstein" },
-  { text: "Start where you are. Use what you have. Do what you can.", author: "Arthur Ashe" },
-  { text: "Your time is limited, so don't waste it living someone else's life.", author: "Steve Jobs" },
-  { text: "The only way to do great work is to love what you do.", author: "Steve Jobs" },
-  { text: "Success is not the key to happiness. Happiness is the key to success.", author: "Albert Schweitzer" },
-  { text: "In the middle of difficulty lies opportunity.", author: "Albert Einstein" },
-  { text: "What we think, we become.", author: "Buddha" },
-  { text: "The journey of a thousand miles begins with one step.", author: "Lao Tzu" },
-  { text: "Believe you can and you're halfway there.", author: "Theodore Roosevelt" },
-];
-
-function useRotatingQuote() {
-  const [quote, setQuote] = useState<{ text: string; author: string } | null>(null);
-
-  useEffect(() => {
-    // Load initial quote
-    const loadQuote = () => {
-      const newQuote = QUOTES[Math.floor(Math.random() * QUOTES.length)];
-      setQuote(newQuote);
-      localStorage.setItem(
-        "editorQuote",
-        JSON.stringify({ ...newQuote, timestamp: Date.now() })
-      );
-    };
-
-    loadQuote(); // load one immediately
-
-    const interval = setInterval(loadQuote, 3 * 60 * 60 * 100 ); // every 3 hours
-
-    return () => clearInterval(interval);
-  }, []);
-
-  return quote;
-}
-
-
-
-export default function Core() {
-  const { historyState } = useSharedHistoryContext()
-  const quote = useRotatingQuote();
-  const isEditable = useLexicalEditable()
-  const [floatingAnchorElem, setFloatingAnchorElem] = useState<HTMLDivElement | null>(null)
-  const [editor] = useLexicalComposerContext()
-  const [activeEditor, setActiveEditor] = useState(editor)
-  const [isLinkEditMode, setIsLinkEditMode] = useState<boolean>(false)
-
-  const onRef = useCallback((_floatingAnchorElem: HTMLDivElement) => {
-    if (_floatingAnchorElem !== null) {
-      setFloatingAnchorElem(_floatingAnchorElem)
-    }
-  }, [])
-
-  return (
-    <>
-      {isEditable && (
-        <ToolbarPlugin
-          editor={editor}
-          activeEditor={activeEditor}
-          setActiveEditor={setActiveEditor}
-          setIsLinkEditMode={setIsLinkEditMode}
-        />
-      )}
-
-      <div className="flex justify-center w-full md:px-6 md:bg-muted/30 min-h-screen md:min-h-96 pt-24">
-        <div
-          className={cn(
-            "relative w-full max-w-5xl rounded-2xl shadow-2xl prose prose-lg lg:prose-xl leading-relaxed",
-          )}
-        >
-          <RichTextPlugin
-            contentEditable={
-              <div ref={onRef} className="relative">
-                <ContentEditable
-                  id="lexical-editor"
-                  autoFocus
-                  className={cn(
-                    "editor-content relative z-20 min-h-[80vh] md:p-12 outline-none rounded-2xl",
-                    "focus:outline-none focus:ring-0 text-foreground"
-                  )}
-                />
-              </div>
-            }
-            placeholder={
-              <div className="absolute text-bold md:top-18 top-6 left-2 md:text-6xl md:left-12 italic text-gray-400 pointer-events-none select-none">
-                {quote ? `"${quote.text}" ~ ${quote.author}` : "Loading quote..."}
-              </div>
-            }
-            ErrorBoundary={LexicalErrorBoundary}
-          />
-
-
-          <AutoFocusPlugin defaultSelection={"rootStart"} />
-          <ClearEditorPlugin />
-          <ShortcutsPlugin editor={activeEditor} setIsLinkEditMode={setIsLinkEditMode} />
-          <LexicalOnChangePlugin />
-          <LinkPlugin />
-          <HorizontalRulePlugin />
-          <TabFocusPlugin />
-          <PollPlugin />
-          <ExcalidrawPlugin />
-          <FigmaPlugin />
-          <EquationsPlugin />
-          <SpeechToTextPlugin />
-          <TableCellResizerPlugin />
-          <LayoutPlugin />
-          <CollapsiblePlugin />
-          <CodeHighlightPlugin />
-          <DragDropPaste />
-          <TabIndentationPlugin maxIndent={7} />
-          <LexicalAutoLinkPlugin />
-          <LinkWithMetaDataPlugin />
-          <ListPlugin />
-          <LinkPlugin />
-          <StepperPlugin />
-          <TwitterPlugin />
-          <CheckListPlugin />
-          <ImagesPlugin />
-          <InlineImagePlugin />
-          <AutoEmbedPlugin />
-          <HintPlugin />
-          <YouTubePlugin />
-          <HistoryPlugin externalHistoryState={historyState} />
-          <MarkdownShortcutPlugin />
-          <ClickableLinkPlugin disabled={isEditable} />
-          <TablePlugin hasCellMerge={true} hasCellBackgroundColor={true} hasHorizontalScroll={true} />
-
-          {floatingAnchorElem && isEditable && (
-            <>
-              <DraggableBlockPlugin anchorElem={floatingAnchorElem} />
-              <FloatingLinkEditorPlugin
-                anchorElem={floatingAnchorElem}
-                isLinkEditMode={isLinkEditMode}
-                setIsLinkEditMode={setIsLinkEditMode}
-              />
-              <FloatingTextFormatToolbarPlugin setIsLinkEditMode={setIsLinkEditMode} anchorElem={floatingAnchorElem} />
-              <TableCellActionMenuPlugin anchorElem={floatingAnchorElem} cellMerge={true} />
-              <CodeActionMenuPlugin anchorElem={floatingAnchorElem} />
-              <TableHoverActionsPlugin anchorElem={floatingAnchorElem} />
-            </>
-          )}
-
-          {isEditable && <SlashCommand />}
-
-        </div>
-      </div>
-    </>
-  )
-}

package/src/components/editor/hooks/instructions-messages.ts

@@ -1,300 +0,0 @@
-
-export type AIAction =
-  | "MakeLong"
-  | "MakeShort"
-  | "FixSpellingGrammar"
-  | "ImproveWriting"
-  | "ChatWithSelectedString"
-  | "autoComplete"
-  | "GenerateAgain"
-  | "SimplifyLanguage"
-  | "WriteHint"
-  | "Steps"
-  | "askPageQuestion";
-
-const GenerateAgainInstruction = `
-        Create a system that allows the AI to regenerate its response if the user is not satisfied with the initial answer.
-            # Steps
-              1. Upon receiving a user query, generate an initial response.
-              2. Provide the option for the user to indicate whether they are satisfied with the response.
-              3. If the user indicates dissatisfaction, immediately offer to regenerate a new response.
-              4. Regenerate the response using new phrasing or additional context to better address the user's query.
-              5. Repeat the option to indicate satisfaction for the regenerated response.
-              
-            # Output Format
-            
-              - Initial response: A complete and concise answer to the user's query.
-              - User satisfaction indicator: A simple prompt (e.g., "Are you satisfied with this response? [Yes/No]")
-              - Regenerated response: A new version of the response, aimed at rectifying any deficiencies in the initial answer.
-            
-            # Notes
-            
-              - The system should ensure that regenerated responses do not simply rephrase but enhance the content or depth based on assumed user dissatisfaction causes.
-              - Keep track of regenerated responses to avoid repeating the same or overly similar answers.
-              - Consider limitations to the number of regenerated responses to manage system performance and user experience.`;
-
-
-
-const autoCompleteInstruction=`        Generate a completion without combining it with the user's text. Limit the response to a concise length and do not include additional commentary or explanations.`
-const improveMesgInstruction= `Provide constructive feedback to improve the writing of a user, focusing on clarity, grammar, style, and coherence. 
-Assess the user's writing thoughtfully before providing feedback, ensuring to highlight both strengths and areas for improvement. Offer specific, actionable suggestions to help the user enhance their writing skills.
-
-# Steps
-
-1. **Read and Analyze** the provided text to understand its context, purpose, and audience.
-2. **Identify Strengths**: Note areas where the user excels in their writing.
-3. **Highlight Issues**: Identify aspects that need improvement, such as grammatical errors, awkward phrasing, or unclear arguments.
-4. **Provide Suggestions**: Offer clear, practical advice on how to address the identified issues.
-5. **Conclude with Encouragement**: Motivate the user to apply the feedback and continue improving their writing.
-
-# Output Format
-
-Provide feedback in a structured paragraph format. Use bullet points or numbered lists for specific suggestions when needed.
-
-# Examples
-
-**User's Text:**  
-"I think it's important because to the happiness of people is sometimes underestimated but more important than money."
-
-**Feedback:**  
-- Strengths: Your writing demonstrates a passionate perspective on the importance of happiness.
-- Issues:
-  - The sentence is somewhat confusing due to misplaced phrases.
-  - There is a grammatical error with the use of "because."
-- Suggestions:
-  1. Consider rephrasing for clarity: "I believe happiness is often underrated and is more important than money."
-  2. Remove unnecessary words that obstruct the message.
-
-**User's Text:**  
-"The cat swiftly leaped over the wall, its movements were agile and graceful, capturing the attention of everyone nearby."
-
-**Feedback:**  
-- Strengths: Vivid imagery is successfully used to engage the reader.
-- Issues:
-  - The sentence could be split for better readability.
-- Suggestions:
-  1. Break the sentence into two: "The cat swiftly leaped over the wall. Its movements were agile and graceful, capturing the attention of everyone nearby."
-
-# Notes
-
-- Tailor feedback according to the level of the user's proficiency.
-- Be specific in your suggestions to aid clarity and understanding.
-- Encourage sustained practice and application of advice for continuous improvement.`
-
-
-const FixSpellingGrammarInstruction=`Correct any spelling and grammar errors in a given text.
-
-# Steps
-
-1. Read the provided text carefully.
-2. Identify any spelling mistakes and correct them.
-3. Look for grammatical errors, such as incorrect verb tense, subject-verb agreement, punctuation errors, and incomplete sentences, and correct them.
-4. Ensure the text flows logically and coherently without altering the original meaning.
-5. Double-check the revised text for any remaining errors.
-
-# Output Format
-
-The corrected text should be provided in a clear and readable paragraph format, preserving the original structure and meaning as much as possible. 
-
-# Examples
-
-**Input:** "i has go to the store yesterday for buy some apples"
-
-**Output:** "I went to the store yesterday to buy some apples."
-
-**Input:** "She dont like to play soccer, she prefers basketball."
-
-**Output:** "She doesn't like to play soccer; she prefers basketball."`
-
-
-
-// stop
-const MakeShortInstruction=`    
-Shorten the provided text while keeping its context intact.
-
-# Steps
-
-1. Read the provided text carefully.
-2. Identify sections that can be condensed without losing key information.
-3. Rephrase or remove redundant or non-essential parts of the text.
-4. Ensure the revised text retains its original context and meaning.
-
-# Output Format
-
-The shortened text should be presented in a clear and concise paragraph format, preserving the original context as much as possible. 
-
-# Examples
-
-**Input:** "I had to go to the store yesterday to buy some supplies because we were running low."
-
-**Output:** "I went to the store yesterday for supplies."
-
-**Input:** "Although she doesn't like playing soccer, she enjoys basketball more and plays it every weekend."
-
-**Output:** "She prefers basketball over soccer, playing it weekly.""`
-
-const MakeLongInstruction=` Expand the provided short text while keeping its context intact.
-
-          # Steps
-
-          1. Read the provided text carefully.
-          2. Identify areas where additional details or elaborations can be added.
-          3. Expand sections with relevant information while maintaining the original context and meaning.
-          4. Ensure the expanded text preserves its original message and tone.
-
-          # Output Format
-
-          The expanded text should be presented in a detailed paragraph format, enriching the original content while preserving its context as much as possible. 
-
-          # Examples
-
-          **Input:** "I went to the store for supplies."
-
-          **Output:** "Yesterday, I went to the local store, which I hadn't visited in a while, to purchase a range of supplies. This included essential items we needed because we were running low, such as groceries, cleaning products, and some personal items."
-
-          **Input:** "She prefers basketball over soccer."
-
-          **Output:** "While she appreciates the dynamics of soccer, she finds basketball much more engaging and enjoyable. She actively participates in basketball games every weekend because it's her favorite sport, and she loves practicing different techniques and plays with her friends."`
-
-
-
-
-const SimplifyLanguageInstruction=`
-  Simplify the language of the provided text, ensuring it remains clear, concise, and easy to understand.
-
-# Steps
-
-1. Read the given text carefully to understand its meaning.
-2. Identify complex words or phrases that could be simplified.
-3. Replace complex words or structures with simpler alternatives while retaining the original meaning.
-4. Ensure the resulting text maintains coherence and readability.
-
-# Output Format
-
-Provide the simplified version of the text in one or more paragraphs, maintaining proper grammar and structure.
-
-# Examples
-
-**Input:**  
-"The utilization of advanced computational methodologies can facilitate the enhancement of operational efficiency in various industries."
-
-**Output:**  
-"Using advanced computing methods can help make different industries more efficient."
-
-# Notes
-
-- Avoid oversimplifying technical terms that are necessary for understanding.
-- Maintain the integrity and original intent of the text.
-- Additional context or explanation should only be added if it aids in clarity.
-`
-const WriteHintInstruction=`
- Generate a concise message based on the provided context and user input, categorized by type such as error, success, info, or warning. Ensure that the message does not exceed 50 words. 
-        # Steps
-
-        1. **Understand Context**: Read the provided context and user input carefully to identify the nature of the message needed.
-        2. **Determine Message Type**: Classify the message type as one of the following - error, success, info, or warning.
-        3. **Compose Message**: Write a clear, concise message appropriate for the determined type, ensuring it aligns with the context provided.
-        4. **Word Count Check**: Confirm the message does not exceed 50 words.
-
-        # Output Format
-
-        Provide a message in plain text, not exceeding 50 words.
-
-        # Examples
-
-        **Example 1**
-
-        - Context: User input failed due to network timeout.
-        - Type: Error
-        - Message: "The operation could not be completed due to a network timeout. Please check your internet connection and try again."
-
-        **Example 2**
-
-        - Context: User successfully uploaded a file.
-        - Type: Success
-        - Message: "Your file has been uploaded successfully. You can now access it from your dashboard."
-
-        **Example 3**
-
-        - Context: Upcoming system maintenance scheduled.
-        - Type: Info
-        - Message: "Please note that the system will undergo maintenance on [Date] from [Start Time] to [End Time]. During this period, access may be limited."
-
-        **Example 4**
-
-        - Context: User attempting risky operation.
-        - Type: Warning
-        - Message: "Are you sure you want to proceed? This action could affect your system stability. Please proceed with caution."
-
-        # Notes
-        -make sure do not Reponse with anything except the message.
-        - Ensure the tone and content of the message accurately reflect the message type and context.
-        - Be mindful of the word limit while maintaining clarity and precision in the message`
-
-
-const StepsInstruction=`
-Generate a structured response in the format of a JSON object, detailing the given topic as steps.
-
-- Each step should contain three elements: "id", "title", and "content".
-- "id" should be a unique identifier starting from 0 and increasing sequentially.
-- "title" should summarize the step in a concise manner.
-- "content" should provide an explanation or additional details about the step.
-
-# Steps
-
-1. Break the topic down into logical, sequential steps.
-2. Begin each step with an incrementing "id" starting from 0.
-3. Write a "title" for each step summarizing its objective.
-4. Elaborate on the details of the step in the "content" field.
-
-# Output Format
-
-Your response should be a JSON array where each item follows this structure:
-
-{
-  "id": [sequential integer starting from 0],
-  "title": "[step title]",
-  "content": "[step explanation]"
-
-
-# Examples
-
-**Input:** "Preparing a simple meal"
-
-**Output:**
-
-[
-  {
-    "id": 0,
-    "title": "gather ingredients",
-    "content": "List and assemble all the ingredients required for the recipe."
-  },
-  {
-    "id": 1,
-    "title": "prepare ingredients",
-    "content": "Wash, chop, and measure the ingredients as needed for the recipe."
-  },
-  {
-    "id": 2,
-    "title": "begin cooking",
-    "content": "Follow the recipe steps to cook the meal, starting with heating the pan."
-  }
-]
-
-# Notes
-
-- Be concise in writing titles, yet comprehensive in content explanations.
-- Ensure the steps are logically ordered and cover the task comprehensively.
-`
-
-export {
-    GenerateAgainInstruction,
-    autoCompleteInstruction,
-    improveMesgInstruction,
-    FixSpellingGrammarInstruction,
-    MakeLongInstruction,
-    MakeShortInstruction,
-    SimplifyLanguageInstruction,
-    WriteHintInstruction,
-    StepsInstruction,
-}

package/src/components/editor/hooks/use-mobile.ts

@@ -1,19 +0,0 @@
-import * as React from "react"
-
-const MOBILE_BREAKPOINT = 768
-
-export function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
-
-  React.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-    }
-    mql.addEventListener("change", onChange)
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-    return () => mql.removeEventListener("change", onChange)
-  }, [])
-
-  return !!isMobile
-}

package/src/components/editor/hooks/useReport.ts

@@ -1,67 +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 {useCallback, useEffect, useRef} from 'react';
-
-const getElement = (): HTMLElement => {
-  let element = document.getElementById('report-container');
-
-  if (element === null) {
-    element = document.createElement('div');
-    element.id = 'report-container';
-    element.style.position = 'fixed';
-    element.style.top = '50%';
-    element.style.left = '50%';
-    element.style.fontSize = '32px';
-    element.style.transform = 'translate(-50%, -50px)';
-    element.style.padding = '20px';
-    element.style.background = 'rgba(240, 240, 240, 0.4)';
-    element.style.borderRadius = '20px';
-
-    if (document.body) {
-      document.body.appendChild(element);
-    }
-  }
-
-  return element;
-};
-
-export default function useReport(): (
-  arg0: string,
-) => ReturnType<typeof setTimeout> {
-  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);
-  const cleanup = useCallback(() => {
-    if (timer.current !== null) {
-      clearTimeout(timer.current);
-      timer.current = null;
-    }
-
-    if (document.body) {
-      document.body.removeChild(getElement());
-    }
-  }, []);
-
-  useEffect(() => {
-    return cleanup;
-  }, [cleanup]);
-
-  return useCallback(
-    (content) => {
-      // eslint-disable-next-line no-console
-      console.log(content);
-      const element = getElement();
-      if (timer.current !== null) {
-        clearTimeout(timer.current);
-      }
-      element.innerHTML = content;
-      timer.current = setTimeout(cleanup, 1000);
-      return timer.current;
-    },
-    [cleanup],
-  );
-}

package/src/components/editor/hooks/useResizeObservert.ts

@@ -1,22 +0,0 @@
-import {useEffect, useState} from 'react';
-
-export const useResizeObserver = (
-  target: Element | null,
-  callback?: (entry: DOMRectReadOnly) => void
-) => {
-  const [size, setSize] = useState<DOMRectReadOnly>();
-
-  useEffect(() => {
-    if (!target) return;
-
-    const observer = new ResizeObserver(([entry]) => {
-      setSize(entry.contentRect);
-      callback?.(entry.contentRect);
-    });
-
-    observer.observe(target);
-    return () => observer.disconnect();
-  }, [target, callback]);
-
-  return size;
-};

package/src/components/editor/index.tsx

@@ -1,39 +0,0 @@
-"use client"
-import { SharedHistoryContext } from "../providers/SharedHistoryContext";
-import { ToolbarContext } from "../providers/ToolbarContext";
-import { LexicalComposer } from "@lexical/react/LexicalComposer";
-
-
-import theme from "./themes/editor-theme";
-import Core from "./Core";
-import nodes from "./nodes";
-
-export default function Editor({
-  isEditable = false,
-  content,
-}: {
-  isEditable: boolean;
-  content?: unknown;
-}) {
-  const initialConfig = {
-    namespace: "Bloger editor",
-    theme,
-    // editorState:
-    //   typeof content === "string" ? content : JSON.stringify(content),
-    nodes: [...nodes],
-    onError: (error: Error) => {
-        throw error;
-    },
-    editable: isEditable,
-  };
-
-  return (
-    <LexicalComposer initialConfig={initialConfig}>
-      <SharedHistoryContext>
-        <ToolbarContext>
-            <Core/>
-        </ToolbarContext>
-      </SharedHistoryContext>
-    </LexicalComposer>
-  );
-}