lakelib 0.2.1 → 0.2.2

package/lib/types/boxes/mention.d.ts

@@ -0,0 +1,3 @@
+import { BoxComponent } from '../types/box';
+declare const _default: BoxComponent;
+export default _default;

package/lib/types/css/index.d.ts

@@ -6,6 +6,7 @@ import './box.css';
 import './button.css';
 import './dropdown.css';
 import './popup.css';
+import './menu.css';
 import './resizer.css';
 import './format-painter.css';
 import './heading.css';
@@ -20,5 +21,6 @@ import './video.css';
 import './file.css';
 import './emoji.css';
 import './equation.css';
-import './toolbar.css';
+import './mention.css';
 import './slash.css';
+import './toolbar.css';

package/lib/types/editor.d.ts

@@ -50,7 +50,6 @@ export declare class Editor {
     containerWrapper: Nodes;
     container: Nodes;
     overlayContainer: Nodes;
-    popupContainer: Nodes;
     isComposing: boolean;
     readonly: boolean;
     event: EventEmitter;
@@ -59,14 +58,13 @@ export declare class Editor {
     history: History;
     keystroke: Keystroke;
     box: BoxManager;
+    popup: any;
     constructor(config: EditorConfig);
     private copyListener;
     private cutListener;
     private pasteListener;
     private selectionchangeListener;
     private clickListener;
-    private resizeListener;
-    private scrollListener;
     private updateSelectionRange;
     private updateBoxSelectionStyle;
     private emitStateChangeEvent;

package/lib/types/index.d.ts

@@ -4,6 +4,7 @@ import './elements/bookmark';
 import { BoxComponent, BoxValue } from './types/box';
 import { ToolbarItem } from './types/toolbar';
 import { DropdownMenuItem } from './types/dropdown';
+import { MentionItem } from './types/mention';
 import { SlashItem } from './types/slash';
 import { icons } from './icons';
 import * as Utils from './utils';
@@ -31,4 +32,4 @@ import { Button } from './ui/button';
 import { Dropdown } from './ui/dropdown';
 import { Editor } from './editor';
 import { Toolbar } from './ui/toolbar';
-export { Editor, Toolbar, ToolbarItem, DropdownMenuItem, SlashItem, BoxComponent, BoxValue, Button, Dropdown, icons, Utils, Nodes, Fragment, Range, Box, HTMLParser, TextParser, insertBookmark, toBookmark, insertNode, insertFragment, deleteContents, setBlocks, splitBlock, splitMarks, addMark, removeMark, fixList, insertLink, insertBox, removeBox, };
+export { Editor, Toolbar, ToolbarItem, DropdownMenuItem, MentionItem, SlashItem, BoxComponent, BoxValue, Button, Dropdown, icons, Utils, Nodes, Fragment, Range, Box, HTMLParser, TextParser, insertBookmark, toBookmark, insertNode, insertFragment, deleteContents, setBlocks, splitBlock, splitMarks, addMark, removeMark, fixList, insertLink, insertBox, removeBox, };

package/lib/types/models/range.d.ts

@@ -49,6 +49,7 @@ export declare class Range {
     getMarks(hasText?: boolean): Nodes[];
     getStartText(): string;
     getEndText(): string;
+    getCharacterRange(character: string): Range | null;
     clone(): Range;
     cloneContents(): DocumentFragment;
     info(): void;

package/lib/types/plugins/link.d.ts

@@ -1,3 +1,3 @@
 import { type Editor } from '..';
-declare const _default: (editor: Editor) => void;
+declare const _default: (editor: Editor) => (() => void) | undefined;
 export default _default;

package/lib/types/plugins/mention.d.ts

@@ -0,0 +1,3 @@
+import type { Editor } from '..';
+declare const _default: (editor: Editor) => (() => void) | undefined;
+export default _default;

package/lib/types/types/box-toolbar.d.ts

@@ -1,4 +1,3 @@
-import type { Nodes } from '../models/nodes';
 import type { Box } from '../models/box';
 import { TranslationFunctions } from '../i18n/types';
 import { DropdownItem } from './dropdown';
@@ -21,10 +20,3 @@ export type BoxToolbarDropdownItem = DropdownItem & {
 };
 export type BoxToolbarItem = BoxToolbarButtonItem | BoxToolbarDropdownItem;
 export type BoxToolbarPlacement = 'top' | 'bottom';
-export type BoxToolbarConfig = {
-    root: Nodes;
-    box: Box;
-    items: ('|' | BoxToolbarItem)[];
-    locale?: TranslationFunctions;
-    placement?: BoxToolbarPlacement;
-};

package/lib/types/types/dropdown.d.ts

@@ -1,4 +1,7 @@
 import { TranslationFunctions } from '../i18n/types';
+export type DropdownLocation = 'local' | 'global';
+export type DropdownDirection = 'top' | 'bottom' | 'auto';
+export type DropdownMenuType = 'list' | 'icon' | 'character' | 'color';
 export type DropdownMenuItem = {
     value: string;
     icon?: string;
@@ -12,7 +15,7 @@ export type DropdownItem = {
     defaultValue?: string;
     tooltip: string | ((locale: TranslationFunctions) => string);
     width?: string;
-    menuType: 'list' | 'icon' | 'character' | 'color';
+    menuType: DropdownMenuType;
     menuItems: DropdownMenuItem[];
     menuWidth?: string;
     menuHeight?: string;

package/lib/types/types/mention.d.ts

@@ -0,0 +1,6 @@
+export type MentionItem = {
+    id: string;
+    name: string;
+    nickname?: string;
+    avatar?: string;
+};

package/lib/types/types/request.d.ts

@@ -1,5 +1,5 @@
 export type BeforeUploadFileType = File | Blob | boolean | string;
-export type UploadRequestMethod = 'POST' | 'PUT' | 'PATCH' | 'post' | 'put' | 'patch';
+export type UploadRequestMethod = 'GET' | 'POST' | 'PUT' | 'PATCH';
 export type UploadRequestHeader = Record<string, string>;
 export interface UploadRequestError extends Error {
     status?: number;
@@ -9,7 +9,7 @@ export interface UploadRequestError extends Error {
 export interface UploadRequestOption<T = any> {
     method: UploadRequestMethod;
     action: string;
-    file: Exclude<BeforeUploadFileType, File | boolean> | File;
+    file?: Exclude<BeforeUploadFileType, File | boolean> | File;
     onSuccess?: (body: T, xhr?: XMLHttpRequest) => void;
     onProgress?: (event: ProgressEvent) => void;
     onError?: (event: UploadRequestError | ProgressEvent, body?: T) => void;

package/lib/types/ui/box-toolbar.d.ts

@@ -1,7 +1,14 @@
-import { BoxToolbarConfig } from '../types/box-toolbar';
+import { TranslationFunctions } from '../i18n/types';
+import { BoxToolbarItem, BoxToolbarPlacement } from '../types/box-toolbar';
 import { Nodes } from '../models/nodes';
+import { Box } from '../models/box';
+type BoxToolbarConfig = {
+    box: Box;
+    items: ('|' | BoxToolbarItem)[];
+    locale?: TranslationFunctions;
+    placement?: BoxToolbarPlacement;
+};
 export declare class BoxToolbar {
-    private root;
     private box;
     private items;
     private locale;
@@ -14,7 +21,10 @@ export declare class BoxToolbar {
     private appendDivider;
     private appendButton;
     private appendDropdown;
-    position(): void;
+    private scrollListener;
+    private resizeListener;
+    updatePosition(): void;
     render(): void;
     unmount(): void;
 }
+export {};

package/lib/types/ui/dropdown.d.ts

@@ -1,17 +1,21 @@
 import { TranslationFunctions } from '../i18n/types';
-import { DropdownItem, DropdownMenuItem } from '../types/dropdown';
+import { DropdownLocation, DropdownDirection, DropdownItem, DropdownMenuItem } from '../types/dropdown';
 import { Nodes } from '../models/nodes';
 type DropdownConfig = DropdownItem & {
     root: Nodes;
     locale?: TranslationFunctions;
     tabIndex?: number;
-    placement?: 'top' | 'bottom';
+    location?: DropdownLocation;
+    direction?: DropdownDirection;
     onSelect: (value: string) => void;
 };
 export declare class Dropdown {
     private config;
     private root;
     private locale;
+    private location;
+    private direction;
+    private menuNode;
     node: Nodes;
     constructor(config: DropdownConfig);
     static getValue(node: Nodes): string[];
@@ -19,10 +23,13 @@ export declare class Dropdown {
     static getMenuMap(menuItems: DropdownMenuItem[], locale: TranslationFunctions): Map<string, string>;
     private updateColorAccent;
     private apppendMenuItems;
-    private documentClickListener;
+    private clickListener;
+    private scrollListener;
+    private resizeListener;
+    private appendMenu;
+    private updatePosition;
     private showMenu;
     private hideMenu;
-    private bindEvents;
     render(): void;
     unmount(): void;
 }

package/lib/types/ui/link-popup.d.ts

@@ -1,29 +1,31 @@
 import { TranslationFunctions } from '../i18n/types';
 import { Nodes } from '../models/nodes';
 type LinkPopupConfig = {
-    root: Nodes;
     locale?: TranslationFunctions;
     onCopy?: (error: boolean) => void;
     onSave?: (node: Nodes) => void;
     onRemove?: (node: Nodes) => void;
+    onShow?: () => void;
+    onHide?: () => void;
 };
 export declare class LinkPopup {
     private config;
-    private root;
     private locale;
     private linkNode;
     container: Nodes;
-    constructor(config: LinkPopupConfig);
+    constructor(config?: LinkPopupConfig);
     private writeClipboardText;
     private appendCopyButton;
     private appendOpenButton;
     private appendSaveButton;
     private appendUnlinkButton;
+    private scrollListener;
+    private resizeListener;
     get visible(): boolean;
     save(): void;
     position(): void;
-    render(): void;
     show(linkNode: Nodes): void;
     hide(): void;
+    unmount(): void;
 }
 export {};

package/lib/types/ui/mention-menu.d.ts

@@ -0,0 +1,14 @@
+import { MentionItem } from '../types/mention';
+import { Nodes } from '../models/nodes';
+import { Menu, MenuConfig } from './menu';
+type OnSelect = (event: Event, item: MentionItem) => void;
+type MentionMenuConfig = MenuConfig<MentionItem> & {
+    onSelect?: OnSelect;
+};
+export declare class MentionMenu extends Menu<MentionItem> {
+    private onSelect;
+    constructor(config: MentionMenuConfig);
+    protected getItemNode(item: MentionItem): Nodes;
+    protected search(keyword: string): MentionItem[];
+}
+export {};

package/lib/types/ui/menu.d.ts

@@ -0,0 +1,33 @@
+import { Nodes } from '../models/nodes';
+import { Range } from '../models/range';
+export type MenuConfig<Item> = {
+    items: Item[];
+    onShow?: () => void;
+    onHide?: () => void;
+};
+export declare abstract class Menu<Item> {
+    private horizontalDirection;
+    private verticalDirection;
+    private onShow;
+    private onHide;
+    protected items: Item[];
+    protected range: Range | null;
+    protected noMouseEvent: boolean;
+    container: Nodes;
+    constructor(config: MenuConfig<Item>);
+    protected abstract getItemNode(item: Item): Nodes;
+    protected abstract search(keyword: string): Item[];
+    private appendItemNode;
+    private appendItems;
+    private selectFirstItemNodeIfNeeded;
+    private keydownListener;
+    private clickListener;
+    private scrollListener;
+    private resizeListener;
+    private updatePosition;
+    get visible(): boolean;
+    update(keyword: string): void;
+    show(range: Range, keyword?: string): void;
+    hide(): void;
+    unmount(): void;
+}

package/lib/types/ui/slash-menu.d.ts

@@ -0,0 +1,18 @@
+import { TranslationFunctions } from '../i18n/types';
+import { SlashItem } from '../types/slash';
+import { Nodes } from '../models/nodes';
+import { Menu, MenuConfig } from './menu';
+type OnSelect = (event: Event, item: SlashItem, fileNode?: Nodes) => void;
+type SlashMenuConfig = MenuConfig<string | SlashItem> & {
+    locale?: TranslationFunctions;
+    onSelect?: OnSelect;
+};
+export declare class SlashMenu extends Menu<string | SlashItem> {
+    private locale;
+    private onSelect;
+    constructor(config: SlashMenuConfig);
+    private getItem;
+    protected getItemNode(name: string | SlashItem): Nodes;
+    protected search(keyword: string): (string | SlashItem)[];
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lakelib",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Lake is a browser-based rich text editor designed for creating content such as blogs, comments, and emails.",
   "keywords": [
     "rich text",

package/lib/types/ui/slash-popup.d.ts

@@ -1,36 +0,0 @@
-import type { Editor } from '../editor';
-import { SlashItem } from '../types/slash';
-import { Nodes } from '../models/nodes';
-import { Range } from '../models/range';
-type SlashPopupConfig = {
-    editor: Editor;
-    items: (string | SlashItem)[];
-};
-export declare class SlashPopup {
-    private editor;
-    private items;
-    private root;
-    private range;
-    private noMouseEvent;
-    private keyword;
-    private horizontalDirection;
-    private verticalDirection;
-    container: Nodes;
-    constructor(config: SlashPopupConfig);
-    private getItem;
-    private emptyBlock;
-    private appendItem;
-    private keydownListener;
-    private clickListener;
-    private scrollListener;
-    private resizeListener;
-    get visible(): boolean;
-    search(keyword: string): (string | SlashItem)[];
-    position(keepDirection?: boolean): void;
-    render(): void;
-    update(keyword?: string | null): void;
-    show(range: Range, keyword?: string): void;
-    hide(): void;
-    unmount(): void;
-}
-export {};