lakelib 0.2.4 → 0.2.6

package/lib/{types/models → models}/box.d.ts

@@ -1,13 +1,15 @@
 import EventEmitter from 'eventemitter3';
 import type { Editor } from '../editor';
 import { BoxType, BoxValue } from '../types/box';
-import { BoxToolbarItem } from '../types/box-toolbar';
+import { ToolbarItem } from '../types/toolbar';
 import { Nodes } from './nodes';
+import { FloatingToolbar } from '../ui/floating-toolbar';
 export declare class Box {
     node: Nodes;
     event: EventEmitter;
+    toolbar: FloatingToolbar | null;
     constructor(node: string | Node | Nodes);
-    private addFramework;
+    private initiate;
     get type(): BoxType;
     get name(): string;
     get value(): BoxValue;
@@ -16,7 +18,7 @@ export declare class Box {
     updateValue(valueKey: BoxValue): void;
     getEditor(): Editor;
     getContainer(): Nodes;
-    setToolbar(items: ('|' | BoxToolbarItem)[]): void;
+    setToolbar(items: ToolbarItem[]): void;
     render(): void;
     unmount(): void;
     getHTML(): string;

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

@@ -0,0 +1,7 @@
+import { TranslationFunctions } from '../i18n/types';
+export type CornerToolbarItem = {
+    name: string;
+    icon?: string;
+    tooltip: string | ((locale: TranslationFunctions) => string);
+    onClick: (event: Event) => void;
+};

package/lib/types/{types/object.d.ts → object.d.ts}

@@ -21,7 +21,7 @@ export type AppliedItem = {
 };
 export type SelectionState = {
     appliedItems: AppliedItem[];
-    disabledNameMap: Map<string, boolean>;
-    selectedNameMap: Map<string, boolean>;
-    selectedValuesMap: Map<string, string[]>;
+    disabledNameMap?: Map<string, boolean>;
+    selectedNameMap?: Map<string, boolean>;
+    selectedValuesMap?: Map<string, string[]>;
 };

package/lib/ui/corner-toolbar.d.ts

@@ -0,0 +1,18 @@
+import { TranslationFunctions } from '../i18n/types';
+import { CornerToolbarItem } from '../types/corner-toolbar';
+import { Nodes } from '../models/nodes';
+type CornerToolbarConfig = {
+    locale?: TranslationFunctions;
+    root: Nodes;
+    items: CornerToolbarItem[];
+};
+export declare class CornerToolbar {
+    private config;
+    private locale;
+    private root;
+    container: Nodes;
+    constructor(config: CornerToolbarConfig);
+    private appendButton;
+    render(): void;
+}
+export {};

package/lib/ui/floating-toolbar.d.ts

@@ -0,0 +1,16 @@
+import { Nodes } from '../models/nodes';
+import { Range } from '../models/range';
+import { Toolbar, ToolbarConfig } from './toolbar';
+type FloatingToolbarConfig = ToolbarConfig & {
+    target: Nodes | Range;
+};
+export declare class FloatingToolbar extends Toolbar {
+    private range;
+    constructor(config: FloatingToolbarConfig);
+    private scrollListener;
+    private resizeListener;
+    private updatePosition;
+    render(): void;
+    unmount(): void;
+}
+export {};

package/lib/{types/ui → ui}/link-popup.d.ts

@@ -19,11 +19,11 @@ export declare class LinkPopup {
     private appendOpenButton;
     private appendSaveButton;
     private appendUnlinkButton;
+    private save;
     private scrollListener;
     private resizeListener;
+    private updatePosition;
     get visible(): boolean;
-    save(): void;
-    position(): void;
     show(linkNode: Nodes): void;
     hide(): void;
     unmount(): void;

package/lib/{types/ui/box-resizer.d.ts → ui/resizer.d.ts}

@@ -1,18 +1,16 @@
 import { Nodes } from '../models/nodes';
-import { Box } from '../models/box';
-type BoxResizerConfig = {
+type ResizerConfig = {
     root: Nodes;
-    box: Box;
-    width: number;
-    height: number;
+    target: Nodes;
     onResize?: (width: number, height: number) => void;
     onStop: (width: number, height: number) => void;
 };
-export declare class BoxResizer {
+export declare class Resizer {
     private config;
     private root;
-    private box;
-    constructor(config: BoxResizerConfig);
+    private target;
+    container: Nodes;
+    constructor(config: ResizerConfig);
     private bindEvents;
     render(): void;
 }

package/lib/{types/ui → ui}/toolbar.d.ts

@@ -3,8 +3,8 @@ import { SelectionState } from '../types/object';
 import { ToolbarItem } from '../types/toolbar';
 import { Nodes } from '../models/nodes';
 type ToolbarPlacement = 'top' | 'bottom';
-type ToolbarConfig = {
-    root: string | Node | Nodes;
+export type ToolbarConfig = {
+    root?: string | Node | Nodes;
     items?: (string | ToolbarItem)[];
     placement?: ToolbarPlacement;
 };

package/lib/{types/utils → utils}/index.d.ts

@@ -25,7 +25,7 @@ export * from './append-break';
 export * from './remove-break';
 export * from './set-block-indent';
 export * from './morph';
-export * from './node-position';
+export * from './is-visible';
 export * from './scroll-to-node';
 export * from './get-box';
 export * from './request';

package/lib/utils/is-visible.d.ts

@@ -0,0 +1,8 @@
+import { Nodes } from '../models/nodes';
+import { Range } from '../models/range';
+export declare function isVisible(target: Nodes | Range): {
+    left: boolean;
+    right: boolean;
+    top: boolean;
+    bottom: boolean;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lakelib",
-  "version": "0.2.4",
-  "description": "Lake is a browser-based rich text editor designed for creating content such as blogs, comments, and emails.",
+  "version": "0.2.6",
+  "description": "Lake is a browser-based rich text editor designed for creating content like blogs, comments, and emails.",
   "keywords": [
     "rich text",
     "wysiwyg",
@@ -18,7 +18,7 @@
   "license": "MIT",
   "author": "Luo Longhao <luolonghao@gmail.com>",
   "main": "./lib/lake.js",
-  "types": "./lib/types/index.d.ts",
+  "types": "./lib/index.d.ts",
   "files": [
     "dist",
     "lib"
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@types/is-hotkey": "^0.1.10",
-    "debounce": "^2.1.1",
+    "debounce": "^2.2.0",
     "eventemitter3": "^5.0.1",
     "fast-deep-equal": "^3.1.3",
     "is-hotkey": "^0.2.0",
@@ -37,41 +37,41 @@
     "typesafe-i18n": "^5.26.2"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@types/chai": "^4.3.19",
-    "@types/mocha": "^10.0.7",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@types/chai": "^4.3.20",
+    "@types/mocha": "^10.0.9",
     "@types/sinon": "^17.0.3",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "chai": "^4.5.0",
     "conventional-changelog-cli": "^5.0.0",
-    "eslint": "^8.57.0",
+    "eslint": "^8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^9.1.0",
-    "execa": "^9.3.1",
-    "express": "^4.20.0",
+    "execa": "^9.4.1",
+    "express": "^4.21.1",
     "katex": "^0.16.11",
     "lake-codemirror": "^2.0.0",
     "mocha": "^10.7.3",
     "multer": "1.4.5-lts.1",
-    "npm-run-all2": "^6.2.2",
-    "picocolors": "^1.1.0",
+    "npm-run-all2": "^7.0.0",
+    "picocolors": "^1.1.1",
     "prompts": "^2.4.2",
-    "puppeteer": "^23.3.0",
+    "puppeteer": "^23.6.0",
     "rimraf": "^6.0.1",
-    "rollup": "^4.21.2",
-    "rollup-plugin-import-css": "^3.5.1",
+    "rollup": "^4.24.0",
+    "rollup-plugin-import-css": "^3.5.5",
     "rollup-plugin-svg-import": "^3.0.0",
     "semver": "^7.6.3",
     "simple-git-hooks": "^2.11.1",
-    "sinon": "^18.0.1",
+    "sinon": "^19.0.2",
     "sort-package-json": "^2.10.1",
-    "tslib": "^2.7.0",
-    "typescript": "^5.5.4",
+    "tslib": "^2.8.0",
+    "typescript": "^5.6.3",
     "wait-on": "^8.0.1"
   },
   "scripts": {

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

@@ -1,22 +0,0 @@
-import type { Box } from '../models/box';
-import { TranslationFunctions } from '../i18n/types';
-import { DropdownItem } from './dropdown';
-import { AppliedItem } from './object';
-export type BoxToolbarButtonItem = {
-    name: string;
-    type: 'button';
-    icon?: string;
-    tooltip: string | ((locale: TranslationFunctions) => string);
-    isSelected?: (appliedItems: AppliedItem[]) => boolean;
-    isDisabled?: (appliedItems: AppliedItem[]) => boolean;
-    onClick: (box: Box, value: string) => void;
-};
-export type BoxToolbarDropdownItem = DropdownItem & {
-    name: string;
-    type: 'dropdown';
-    selectedValues?: (appliedItems: AppliedItem[]) => string[];
-    isDisabled?: (appliedItems: AppliedItem[]) => boolean;
-    onSelect: (box: Box, value: string) => void;
-};
-export type BoxToolbarItem = BoxToolbarButtonItem | BoxToolbarDropdownItem;
-export type BoxToolbarPlacement = 'top' | 'bottom';

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

@@ -1,30 +0,0 @@
-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 box;
-    private items;
-    private locale;
-    private placement;
-    private buttonItemList;
-    private dropdownItemList;
-    private dropdownList;
-    container: Nodes;
-    constructor(config: BoxToolbarConfig);
-    private appendDivider;
-    private appendButton;
-    private appendDropdown;
-    private scrollListener;
-    private resizeListener;
-    updatePosition(): void;
-    render(): void;
-    unmount(): void;
-}
-export {};

package/lib/types/utils/node-position.d.ts

@@ -1,9 +0,0 @@
-import { Nodes } from '../models/nodes';
-type NodePosition = {
-    left: number;
-    right: number;
-    top: number;
-    bottom: number;
-};
-export declare function nodePosition(node: Nodes): NodePosition;
-export {};