@eventuras/scribo 0.8.3 → 0.10.7

package/src/themes/EditorTheme.ts

@@ -6,112 +6,111 @@
  *
  */
 
-import "./EditorTheme.css";
+import './EditorTheme.css';
 
-import type { EditorThemeClasses } from "lexical";
+import type { EditorThemeClasses } from 'lexical';
 
 const theme: EditorThemeClasses = {
-  blockCursor: "EditorTheme__blockCursor",
-  characterLimit: "EditorTheme__characterLimit",
-  code: "EditorTheme__code",
+  blockCursor: 'EditorTheme__blockCursor',
+  characterLimit: 'EditorTheme__characterLimit',
+  code: 'EditorTheme__code',
   codeHighlight: {
-    atrule: "EditorTheme__tokenAttr",
-    attr: "EditorTheme__tokenAttr",
-    boolean: "EditorTheme__tokenProperty",
-    builtin: "EditorTheme__tokenSelector",
-    cdata: "EditorTheme__tokenComment",
-    char: "EditorTheme__tokenSelector",
-    class: "EditorTheme__tokenFunction",
-    "class-name": "EditorTheme__tokenFunction",
-    comment: "EditorTheme__tokenComment",
-    constant: "EditorTheme__tokenProperty",
-    deleted: "EditorTheme__tokenProperty",
-    doctype: "EditorTheme__tokenComment",
-    entity: "EditorTheme__tokenOperator",
-    function: "EditorTheme__tokenFunction",
-    important: "EditorTheme__tokenVariable",
-    inserted: "EditorTheme__tokenSelector",
-    keyword: "EditorTheme__tokenAttr",
-    namespace: "EditorTheme__tokenVariable",
-    number: "EditorTheme__tokenProperty",
-    operator: "EditorTheme__tokenOperator",
-    prolog: "EditorTheme__tokenComment",
-    property: "EditorTheme__tokenProperty",
-    punctuation: "EditorTheme__tokenPunctuation",
-    regex: "EditorTheme__tokenVariable",
-    selector: "EditorTheme__tokenSelector",
-    string: "EditorTheme__tokenSelector",
-    symbol: "EditorTheme__tokenProperty",
-    tag: "EditorTheme__tokenProperty",
-    url: "EditorTheme__tokenOperator",
-    variable: "EditorTheme__tokenVariable",
+    atrule: 'EditorTheme__tokenAttr',
+    attr: 'EditorTheme__tokenAttr',
+    boolean: 'EditorTheme__tokenProperty',
+    builtin: 'EditorTheme__tokenSelector',
+    cdata: 'EditorTheme__tokenComment',
+    char: 'EditorTheme__tokenSelector',
+    class: 'EditorTheme__tokenFunction',
+    'class-name': 'EditorTheme__tokenFunction',
+    comment: 'EditorTheme__tokenComment',
+    constant: 'EditorTheme__tokenProperty',
+    deleted: 'EditorTheme__tokenProperty',
+    doctype: 'EditorTheme__tokenComment',
+    entity: 'EditorTheme__tokenOperator',
+    function: 'EditorTheme__tokenFunction',
+    important: 'EditorTheme__tokenVariable',
+    inserted: 'EditorTheme__tokenSelector',
+    keyword: 'EditorTheme__tokenAttr',
+    namespace: 'EditorTheme__tokenVariable',
+    number: 'EditorTheme__tokenProperty',
+    operator: 'EditorTheme__tokenOperator',
+    prolog: 'EditorTheme__tokenComment',
+    property: 'EditorTheme__tokenProperty',
+    punctuation: 'EditorTheme__tokenPunctuation',
+    regex: 'EditorTheme__tokenVariable',
+    selector: 'EditorTheme__tokenSelector',
+    string: 'EditorTheme__tokenSelector',
+    symbol: 'EditorTheme__tokenProperty',
+    tag: 'EditorTheme__tokenProperty',
+    url: 'EditorTheme__tokenOperator',
+    variable: 'EditorTheme__tokenVariable',
   },
   embedBlock: {
-    base: "EditorTheme__embedBlock",
-    focus: "EditorTheme__embedBlockFocus",
+    base: 'EditorTheme__embedBlock',
+    focus: 'EditorTheme__embedBlockFocus',
   },
-  hashtag: "EditorTheme__hashtag",
+  hashtag: 'EditorTheme__hashtag',
   heading: {
-    h1: "EditorTheme__h1",
-    h2: "EditorTheme__h2",
-    h3: "EditorTheme__h3",
-    h4: "EditorTheme__h4",
-    h5: "EditorTheme__h5",
-    h6: "EditorTheme__h6",
+    h1: 'EditorTheme__h1',
+    h2: 'EditorTheme__h2',
+    h3: 'EditorTheme__h3',
+    h4: 'EditorTheme__h4',
+    h5: 'EditorTheme__h5',
+    h6: 'EditorTheme__h6',
   },
-  image: "editor-image",
-  indent: "EditorTheme__indent",
-  inlineImage: "inline-editor-image",
-  layoutContainer: "EditorTheme__layoutContaner",
-  layoutItem: "EditorTheme__layoutItem",
-  link: "EditorTheme__link",
+  image: 'editor-image',
+  indent: 'EditorTheme__indent',
+  inlineImage: 'inline-editor-image',
+  layoutContainer: 'EditorTheme__layoutContaner',
+  layoutItem: 'EditorTheme__layoutItem',
+  link: 'EditorTheme__link',
   list: {
-    listitem: "EditorTheme__listItem",
-    listitemChecked: "EditorTheme__listItemChecked",
-    listitemUnchecked: "EditorTheme__listItemUnchecked",
+    listitem: 'EditorTheme__listItem',
+    listitemChecked: 'EditorTheme__listItemChecked',
+    listitemUnchecked: 'EditorTheme__listItemUnchecked',
     nested: {
-      listitem: "EditorTheme__nestedListItem",
+      listitem: 'EditorTheme__nestedListItem',
     },
     olDepth: [
-      "EditorTheme__ol1",
-      "EditorTheme__ol2",
-      "EditorTheme__ol3",
-      "EditorTheme__ol4",
-      "EditorTheme__ol5",
+      'EditorTheme__ol1',
+      'EditorTheme__ol2',
+      'EditorTheme__ol3',
+      'EditorTheme__ol4',
+      'EditorTheme__ol5',
     ],
-    ul: "EditorTheme__ul",
+    ul: 'EditorTheme__ul',
   },
-  ltr: "EditorTheme__ltr",
-  mark: "EditorTheme__mark",
-  markOverlap: "EditorTheme__markOverlap",
-  paragraph: "EditorTheme__paragraph",
-  quote: "EditorTheme__quote",
-  rtl: "EditorTheme__rtl",
-  table: "EditorTheme__table",
-  tableAddColumns: "EditorTheme__tableAddColumns",
-  tableAddRows: "EditorTheme__tableAddRows",
-  tableCell: "EditorTheme__tableCell",
-  tableCellActionButton: "EditorTheme__tableCellActionButton",
-  tableCellActionButtonContainer:
-    "EditorTheme__tableCellActionButtonContainer",
-  tableCellEditing: "EditorTheme__tableCellEditing",
-  tableCellHeader: "EditorTheme__tableCellHeader",
-  tableCellPrimarySelected: "EditorTheme__tableCellPrimarySelected",
-  tableCellResizer: "EditorTheme__tableCellResizer",
-  tableCellSelected: "EditorTheme__tableCellSelected",
-  tableCellSortedIndicator: "EditorTheme__tableCellSortedIndicator",
-  tableResizeRuler: "EditorTheme__tableCellResizeRuler",
-  tableSelected: "EditorTheme__tableSelected",
-  tableSelection: "EditorTheme__tableSelection",
+  ltr: 'EditorTheme__ltr',
+  mark: 'EditorTheme__mark',
+  markOverlap: 'EditorTheme__markOverlap',
+  paragraph: 'EditorTheme__paragraph',
+  quote: 'EditorTheme__quote',
+  rtl: 'EditorTheme__rtl',
+  table: 'EditorTheme__table',
+  tableAddColumns: 'EditorTheme__tableAddColumns',
+  tableAddRows: 'EditorTheme__tableAddRows',
+  tableCell: 'EditorTheme__tableCell',
+  tableCellActionButton: 'EditorTheme__tableCellActionButton',
+  tableCellActionButtonContainer: 'EditorTheme__tableCellActionButtonContainer',
+  tableCellEditing: 'EditorTheme__tableCellEditing',
+  tableCellHeader: 'EditorTheme__tableCellHeader',
+  tableCellPrimarySelected: 'EditorTheme__tableCellPrimarySelected',
+  tableCellResizer: 'EditorTheme__tableCellResizer',
+  tableCellSelected: 'EditorTheme__tableCellSelected',
+  tableCellSortedIndicator: 'EditorTheme__tableCellSortedIndicator',
+  tableResizeRuler: 'EditorTheme__tableCellResizeRuler',
+  tableSelected: 'EditorTheme__tableSelected',
+  tableSelection: 'EditorTheme__tableSelection',
   text: {
-    bold: "EditorTheme__textBold",
-    code: "EditorTheme__textCode",
-    italic: "EditorTheme__textItalic",
-    strikethrough: "EditorTheme__textStrikethrough",
-    subscript: "EditorTheme__textSubscript",
-    superscript: "EditorTheme__textSuperscript",
-    underline: "EditorTheme__textUnderline",
-    underlineStrikethrough: "EditorTheme__textUnderlineStrikethrough",
+    bold: 'EditorTheme__textBold',
+    code: 'EditorTheme__textCode',
+    italic: 'EditorTheme__textItalic',
+    strikethrough: 'EditorTheme__textStrikethrough',
+    subscript: 'EditorTheme__textSubscript',
+    superscript: 'EditorTheme__textSuperscript',
+    underline: 'EditorTheme__textUnderline',
+    underlineStrikethrough: 'EditorTheme__textUnderlineStrikethrough',
   },
 };
 

package/src/types.ts

@@ -0,0 +1,27 @@
+import type { Transformer } from '@lexical/markdown';
+import type { Klass, LexicalNode } from 'lexical';
+import type { ComponentType } from 'react';
+
+export interface ScriboToolbarButton {
+  /** Unique key */
+  key: string;
+  /** Tooltip / aria-label */
+  label: string;
+  /** CSS class for the icon */
+  iconClass?: string;
+  /** Called when the button is clicked */
+  onSelect: (editor: import('lexical').LexicalEditor) => void;
+}
+
+export interface ScriboPlugin {
+  /** Unique name for the plugin */
+  name: string;
+  /** Lexical nodes to register */
+  nodes?: Klass<LexicalNode>[];
+  /** Markdown transformers (placed before built-in transformers) */
+  transformers?: Transformer[];
+  /** Buttons to add to the toolbar */
+  toolbarButtons?: ScriboToolbarButton[];
+  /** React components to render inside the LexicalComposer (must accept no props) */
+  editorPlugins?: ComponentType<object>[];
+}

package/src/ui/ContentEditable.tsx

@@ -6,16 +6,16 @@
  *
  */
 import type { JSX } from 'react';
-import "./ContentEditable.css";
+import './ContentEditable.css';
 
-import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { ContentEditable } from '@lexical/react/LexicalContentEditable';
 
 export default function LexicalContentEditable({
   className,
   id,
-}: {
+}: Readonly<{
   className?: string;
   id?: string;
-}): JSX.Element {
-  return <ContentEditable className={className || "ContentEditable__root"} id={id} />;
+}>): JSX.Element {
+  return <ContentEditable className={className || 'ContentEditable__root'} id={id} />;
 }

package/src/ui/DropDown.tsx

@@ -6,19 +6,11 @@
  *
  */
 
-import type {JSX} from 'react';
-
-import {isDOMNode} from 'lexical';
+import { isDOMNode } from 'lexical';
+import type { JSX } from 'react';
 import * as React from 'react';
-import {
-  ReactNode,
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
-import {createPortal} from 'react-dom';
+import { type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
 
 type DropDownContextType = {
   registerItem: (ref: React.RefObject<HTMLButtonElement>) => void;
@@ -47,21 +39,16 @@ export function DropDownItem({
     throw new Error('DropDownItem must be used within a DropDown');
   }
 
-  const {registerItem} = dropDownContext;
+  const { registerItem } = dropDownContext;
 
   useEffect(() => {
-    if (ref && ref.current) {
+    if (ref?.current) {
       registerItem(ref as React.RefObject<HTMLButtonElement>);
     }
   }, [ref, registerItem]);
 
   return (
-    <button
-      className={className}
-      onClick={onClick}
-      ref={ref}
-      title={title}
-      type="button">
+    <button className={className} onClick={onClick} ref={ref} title={title} type="button">
       {children}
     </button>
   );
@@ -71,20 +58,19 @@ function DropDownItems({
   children,
   dropDownRef,
   onClose,
-}: {
+}: Readonly<{
   children: React.ReactNode;
   dropDownRef: React.Ref<HTMLDivElement>;
   onClose: () => void;
-}) {
+}>) {
   const [items, setItems] = useState<React.RefObject<HTMLButtonElement>[]>();
-  const [highlightedItem, setHighlightedItem] =
-    useState<React.RefObject<HTMLButtonElement>>();
+  const [highlightedItem, setHighlightedItem] = useState<React.RefObject<HTMLButtonElement>>();
 
   const registerItem = useCallback(
     (itemRef: React.RefObject<HTMLButtonElement>) => {
       setItems((prev) => (prev ? [...prev, itemRef] : [itemRef]));
     },
-    [setItems],
+    [setItems]
   );
 
   const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {
@@ -122,7 +108,7 @@ function DropDownItems({
     () => ({
       registerItem,
     }),
-    [registerItem],
+    [registerItem]
   );
 
   useEffect(() => {
@@ -130,7 +116,7 @@ function DropDownItems({
       setHighlightedItem(items[0]);
     }
 
-    if (highlightedItem && highlightedItem.current) {
+    if (highlightedItem?.current) {
       highlightedItem.current.focus();
     }
   }, [items, highlightedItem]);
@@ -167,7 +153,7 @@ export default function DropDown({
 
   const handleClose = () => {
     setShowDropDown(false);
-    if (buttonRef && buttonRef.current) {
+    if (buttonRef?.current) {
       buttonRef.current.focus();
     }
   };
@@ -177,12 +163,9 @@ export default function DropDown({
     const dropDown = dropDownRef.current;
 
     if (showDropDown && button !== null && dropDown !== null) {
-      const {top, left} = button.getBoundingClientRect();
+      const { top, left } = button.getBoundingClientRect();
       dropDown.style.top = `${top + button.offsetHeight + dropDownPadding}px`;
-      dropDown.style.left = `${Math.min(
-        left,
-        window.innerWidth - dropDown.offsetWidth - 20,
-      )}px`;
+      dropDown.style.left = `${Math.min(left, window.innerWidth - dropDown.offsetWidth - 20)}px`;
     }
   }, [dropDownRef, buttonRef, showDropDown]);
 
@@ -196,7 +179,7 @@ export default function DropDown({
           return;
         }
         if (stopCloseOnClickSelf) {
-          if (dropDownRef.current && dropDownRef.current.contains(target)) {
+          if (dropDownRef.current?.contains(target)) {
             return;
           }
         }
@@ -218,7 +201,7 @@ export default function DropDown({
         const button = buttonRef.current;
         const dropDown = dropDownRef.current;
         if (button !== null && dropDown !== null) {
-          const {top} = button.getBoundingClientRect();
+          const { top } = button.getBoundingClientRect();
           const newPosition = top + button.offsetHeight + dropDownPadding;
           if (newPosition !== dropDown.getBoundingClientRect().top) {
             dropDown.style.top = `${newPosition}px`;
@@ -242,11 +225,10 @@ export default function DropDown({
         aria-label={buttonAriaLabel || buttonLabel}
         className={buttonClassName}
         onClick={() => setShowDropDown(!showDropDown)}
-        ref={buttonRef}>
+        ref={buttonRef}
+      >
         {buttonIconClassName && <span className={buttonIconClassName} />}
-        {buttonLabel && (
-          <span className="text dropdown-button-text">{buttonLabel}</span>
-        )}
+        {buttonLabel && <span className="text dropdown-button-text">{buttonLabel}</span>}
         <i className="chevron-down" />
       </button>
 
@@ -255,8 +237,8 @@ export default function DropDown({
           <DropDownItems dropDownRef={dropDownRef} onClose={handleClose}>
             {children}
           </DropDownItems>,
-          document.body,
+          document.body
         )}
     </>
   );
-}
+}

package/src/ui/Placeholder.tsx

@@ -1,21 +1,21 @@
-/**
- * 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 type {JSX} from 'react';
-import "./Placeholder.css";
-
-import { ReactNode } from "react";
-
-export default function Placeholder({
-  children,
-  className,
-}: {
-  children: ReactNode;
-  className?: string;
-}): JSX.Element {
-  return <div className={className || "Placeholder__root"}>{children}</div>;
-}
+/**
+ * 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 type { JSX } from 'react';
+import './Placeholder.css';
+
+import type { ReactNode } from 'react';
+
+export default function Placeholder({
+  children,
+  className,
+}: Readonly<{
+  children: ReactNode;
+  className?: string;
+}>): JSX.Element {
+  return <div className={className || 'Placeholder__root'}>{children}</div>;
+}

package/src/utils/environment.ts

@@ -7,9 +7,7 @@
  */
 
 export const CAN_USE_DOM: boolean =
-  typeof window !== "undefined" &&
-  typeof window.document !== "undefined" &&
-  typeof window.document.createElement !== "undefined";
+  typeof window !== 'undefined' && typeof window.document?.createElement !== 'undefined';
 
 declare global {
   interface Document {
@@ -21,8 +19,7 @@ declare global {
   }
 }
 
-const documentMode =
-  CAN_USE_DOM && "documentMode" in document ? document.documentMode : null;
+const documentMode = CAN_USE_DOM && 'documentMode' in document ? document.documentMode : null;
 
 //TODO forcing false on this to stop mismatch render between ssr and clientside
 export const IS_APPLE = false;
@@ -32,22 +29,19 @@ 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")
+  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;
+  CAN_USE_DOM && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
 
 // 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 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_APPLE_WEBKIT =

package/src/utils/getSelectedNode.ts

@@ -6,12 +6,10 @@
  *
  * source: https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/utils/getSelectedNode.ts
  */
-import { $isAtNodeEnd } from "@lexical/selection";
-import { ElementNode, RangeSelection, TextNode } from "lexical";
+import { $isAtNodeEnd } from '@lexical/selection';
+import type { ElementNode, RangeSelection, TextNode } from 'lexical';
 
-export function getSelectedNode(
-  selection: RangeSelection,
-): TextNode | ElementNode {
+export function getSelectedNode(selection: RangeSelection): TextNode | ElementNode {
   const anchor = selection.anchor;
   const focus = selection.focus;
   const anchorNode = selection.anchor.getNode();

package/src/utils/setFloatingElemPosition.ts

@@ -14,7 +14,7 @@ export function setFloatingElemPosition(
   anchorElem: HTMLElement,
   isLink: boolean = false,
   verticalGap: number = VERTICAL_GAP,
-  horizontalOffset: number = HORIZONTAL_OFFSET,
+  horizontalOffset: number = HORIZONTAL_OFFSET
 ): void {
   const scrollerElem = anchorElem.parentElement;
 
@@ -33,10 +33,7 @@ export function setFloatingElemPosition(
 
   if (top < editorScrollerRect.top) {
     // adjusted height for link element if the element is at top
-    top +=
-      floatingElemRect.height +
-      targetRect.height +
-      verticalGap * (isLink ? 9 : 2);
+    top += floatingElemRect.height + targetRect.height + verticalGap * (isLink ? 9 : 2);
   }
 
   if (left + floatingElemRect.width > editorScrollerRect.right) {

package/src/utils/setFloatingElemPositionForLinkEditor.ts

@@ -13,7 +13,7 @@ export function setFloatingElemPositionForLinkEditor(
   floatingElem: HTMLElement,
   anchorElem: HTMLElement,
   verticalGap: number = VERTICAL_GAP,
-  horizontalOffset: number = HORIZONTAL_OFFSET,
+  horizontalOffset: number = HORIZONTAL_OFFSET
 ): void {
   const scrollerElem = anchorElem.parentElement;
 

package/src/utils/url.ts

@@ -7,20 +7,14 @@
  * Source: https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/utils/url.ts
  */
 
-const SUPPORTED_URL_PROTOCOLS = new Set([
-  "http:",
-  "https:",
-  "mailto:",
-  "sms:",
-  "tel:",
-]);
+const SUPPORTED_URL_PROTOCOLS = new Set(['http:', 'https:', 'mailto:', 'sms:', 'tel:']);
 
 export function sanitizeUrl(url: string): string {
   try {
     const parsedUrl = new URL(url);
     // eslint-disable-next-line no-script-url
     if (!SUPPORTED_URL_PROTOCOLS.has(parsedUrl.protocol)) {
-      return "about:blank";
+      return 'about:blank';
     }
   } catch {
     return url;
@@ -30,10 +24,10 @@ export function sanitizeUrl(url: string): string {
 
 // Source: https://stackoverflow.com/a/8234912/2013580
 const urlRegExp = new RegExp(
-  /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)/,
+  /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-]*)?\??(?:[-+=&;%@.\w]*)#?(?:\w*))?)/
 );
 export function validateUrl(url: string): boolean {
   // TODO Fix UI for link insertion; it should never default to an invalid URL such as https://.
   // Maybe show a dialog where they user can type the URL before inserting it.
-  return url === "https://" || urlRegExp.test(url);
+  return url === 'https://' || urlRegExp.test(url);
 }

package/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@eventuras/typescript-config/react-library.json",
+  "compilerOptions": {
+    "rootDir": "src"
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}

package/CHANGELOG.md

@@ -1,65 +0,0 @@
-# @eventuras/scribo
-
-## 0.8.3
-
-### Patch Changes
-
-- 4a6097f: Enhanced dark mode support across UI components.
-
-## 0.8.2
-
-### Patch Changes
-
-- chore: update deps
-
-## 0.8.1
-
-### Patch Changes
-
-- chore: update dependencies across frontend packages
-
-## 0.8.0
-
-### Minor Changes
-
-### 🧱 Features
-
-- feat(scribo): auto heigh expanding (6ca2322) [@eventuras/scribo]
-
-### 🐞 Bug Fixes
-
-- fix(scribo): import MarkdownEditor.css for styling (d1eec7a) [@eventuras/scribo]
-- fix(scribo): disable swc in scribo (ebce6db) [@eventuras/scribo]
-
-### ♻️ Refactoring
-
-- refactor(scribo): merge markdowninput into scribo with flexible styling (373587e) [@eventuras/scribo]
-
-### 🧹 Maintenance
-
-- chore(scribo): externalize Lexical packages in build configuration (7c7caaf) [@eventuras/scribo]
-- chore(convertoapi,docsite,web,markdown,scribo,sdk): upgrade deps (b2de638) [@eventuras/scribo]
-
-### ⚙️ CI/CD
-
-- ci(scribo): implement automated release workflow for Scribo (36d6ba1) [@eventuras/scribo]
-
-## 0.7.1
-
-### Patch Changes
-
-- - chore(convertoapi,docsite,web,markdown,scribo,sdk): upgrade deps (51e931b) [@eventuras/scribo]
-
-## 0.7.0
-
-### Minor Changes
-
-- ## Initial history (pre-Changesets)
-  - chore(scribo): upgrade lexical (f78dfa1)
-  - chore(scribo): update packages (3475e0f)
-  - feat(scribo): use readme as default content of editor page (428fc2b)
-  - fix(scribo): add dependency (101954b)
-  - feat(scribo): cache npm files for scribo build (a065b61)
-  - feat(scribo): add undo/redo to markdown editor (b2482cc)
-  - feat(scribo): adds links and link editing to editor (afe159d)
-  - feat(scribo): set up scribo demo site (a467bc2)