lakelib 0.1.15 → 0.1.17

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

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

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

@@ -19,4 +19,6 @@ import './image.css';
 import './video.css';
 import './file.css';
 import './emoji.css';
+import './equation.css';
 import './toolbar.css';
+import './commands-popup.css';

package/lib/types/editor.d.ts

@@ -1,5 +1,4 @@
 import EventEmitter from 'eventemitter3';
-import { NativeNode } from './types/native';
 import { TranslationFunctions } from './i18n/types';
 import { Nodes } from './models/nodes';
 import { Selection } from './managers/selection';
@@ -9,7 +8,7 @@ import { Keystroke } from './managers/keystroke';
 import { BoxManager } from './managers/box-manager';
 import { Plugin } from './managers/plugin';
 import { Toolbar } from './ui/toolbar';
-type MessageCallback = (type: 'success' | 'error' | 'warning', message: string) => void;
+type OnMessage = (type: 'success' | 'error' | 'warning', message: string) => void;
 type Config = {
     value: string;
     readonly: boolean;
@@ -20,11 +19,11 @@ type Config = {
     lang: string;
     minChangeSize: number;
     historySize: number;
-    onMessage: MessageCallback;
+    onMessage: OnMessage;
     [name: string]: any;
 };
 type EditorConfig = {
-    root: string | Nodes | NativeNode;
+    root: string | Node | Nodes;
     toolbar?: Toolbar;
     value?: string;
     readonly?: boolean;
@@ -34,7 +33,7 @@ type EditorConfig = {
     indentWithTab?: boolean;
     lang?: string;
     minChangeSize?: number;
-    onMessage?: MessageCallback;
+    onMessage?: OnMessage;
     [name: string]: any;
 };
 export declare class Editor {

package/lib/types/i18n/en-US/index.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
         image: string;
         file: string;
         emoji: string;
+        equation: string;
         removeColor: string;
     };
     link: {
@@ -80,5 +81,9 @@ declare const _default: {
     codeBlock: {
         langType: string;
     };
+    equation: {
+        save: string;
+        placeholder: string;
+    };
 };
 export default _default;

package/lib/types/i18n/ja/index.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
         image: string;
         file: string;
         emoji: string;
+        equation: string;
         removeColor: string;
     };
     link: {
@@ -80,5 +81,9 @@ declare const _default: {
     codeBlock: {
         langType: string;
     };
+    equation: {
+        save: string;
+        placeholder: string;
+    };
 };
 export default _default;

package/lib/types/i18n/ko/index.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
         image: string;
         file: string;
         emoji: string;
+        equation: string;
         removeColor: string;
     };
     link: {
@@ -80,5 +81,9 @@ declare const _default: {
     codeBlock: {
         langType: string;
     };
+    equation: {
+        save: string;
+        placeholder: string;
+    };
 };
 export default _default;

package/lib/types/i18n/types.d.ts

@@ -186,6 +186,10 @@ type RootTranslation = {
          * E​m​o​j​i
          */
         emoji: string;
+        /**
+         * E​q​u​a​t​i​o​n
+         */
+        equation: string;
         /**
          * R​e​m​o​v​e​ ​c​o​l​o​r
          */
@@ -293,6 +297,16 @@ type RootTranslation = {
          */
         langType: string;
     };
+    equation: {
+        /**
+         * D​o​n​e
+         */
+        save: string;
+        /**
+         * T​y​p​e​ ​a​n​ ​e​x​p​r​e​s​s​i​o​n
+         */
+        placeholder: string;
+    };
 };
 export type TranslationFunctions = {
     toolbar: {
@@ -476,6 +490,10 @@ export type TranslationFunctions = {
          * Emoji
          */
         emoji: () => LocalizedString;
+        /**
+         * Equation
+         */
+        equation: () => LocalizedString;
         /**
          * Remove color
          */
@@ -583,6 +601,16 @@ export type TranslationFunctions = {
          */
         langType: () => LocalizedString;
     };
+    equation: {
+        /**
+         * Done
+         */
+        save: () => LocalizedString;
+        /**
+         * Type an expression
+         */
+        placeholder: () => LocalizedString;
+    };
 };
 export type Formatters = {};
 export {};

package/lib/types/i18n/zh-CN/index.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
         image: string;
         file: string;
         emoji: string;
+        equation: string;
         removeColor: string;
     };
     link: {
@@ -80,5 +81,9 @@ declare const _default: {
     codeBlock: {
         langType: string;
     };
+    equation: {
+        save: string;
+        placeholder: string;
+    };
 };
 export default _default;

package/lib/types/index.d.ts

@@ -30,4 +30,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, BoxComponent, icons, Utils, Nodes, Fragment, Range, Box, HTMLParser, TextParser, insertBookmark, toBookmark, insertNode, insertFragment, deleteContents, setBlocks, splitBlock, splitMarks, addMark, removeMark, fixList, insertLink, insertBox, removeBox, Button, Dropdown, };
+export { Editor, Toolbar, ToolbarItem, DropdownMenuItem, BoxComponent, 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/box.d.ts

@@ -1,13 +1,12 @@
 import EventEmitter from 'eventemitter3';
 import type { Editor } from '../editor';
-import { NativeNode } from '../types/native';
 import { BoxType, BoxValue } from '../types/box';
 import { BoxToolbarItem } from '../types/box-toolbar';
 import { Nodes } from './nodes';
 export declare class Box {
     node: Nodes;
     event: EventEmitter;
-    constructor(node: string | Nodes | NativeNode);
+    constructor(node: string | Node | Nodes);
     private addFramework;
     get type(): BoxType;
     get name(): string;

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

@@ -1,9 +1,8 @@
-import { NativeNode } from '../types/native';
 import { Nodes } from './nodes';
 export declare class Fragment {
     private fragment;
     constructor(fragment?: DocumentFragment);
     get(): DocumentFragment;
     find(selector: string): Nodes;
-    append(node: string | NativeNode | Nodes): void;
+    append(node: string | Node | Nodes): void;
 }

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

@@ -1,8 +1,5 @@
 import { KeyValue } from '../types/object';
-import { NativeNode } from '../types/native';
 import { NodePath } from '../types/node';
-type EachCallback = (element: NativeNode, index: number) => boolean | void;
-type EachElementCallback = (element: Element, index: number) => boolean | void;
 type EventItem = {
     type: string;
     listener: EventListener;
@@ -10,7 +7,7 @@ type EventItem = {
 export declare class Nodes {
     private nodeList;
     length: number;
-    constructor(node?: NativeNode | NativeNode[] | null);
+    constructor(node?: Node | Node[] | null);
     get id(): number;
     get name(): string;
     get isElement(): boolean;
@@ -33,11 +30,11 @@ export declare class Nodes {
     get isIndivisible(): boolean;
     get isEmpty(): boolean;
     isSibling(target: Nodes): boolean;
-    get(index: number): NativeNode;
-    getAll(): NativeNode[];
+    get(index: number): Node;
+    getAll(): Node[];
     eq(index: number): Nodes;
-    each(callback: EachCallback): this;
-    eachElement(callback: EachElementCallback): this;
+    each(callback: (element: Node, index: number) => boolean | void): this;
+    eachElement(callback: (element: Element, index: number) => boolean | void): this;
     reverse(): Nodes;
     matches(selector: string): boolean;
     find(selector: string | NodePath): Nodes;
@@ -85,14 +82,14 @@ export declare class Nodes {
     text(value: string): this;
     outerHTML(): string;
     empty(): this;
-    prepend(content: string | NativeNode | DocumentFragment | Nodes): this;
-    append(content: string | NativeNode | DocumentFragment | Nodes): this;
-    before(content: string | NativeNode | DocumentFragment | Nodes): this;
-    after(content: string | NativeNode | DocumentFragment | Nodes): this;
-    replaceWith(newContent: string | NativeNode | Nodes): this;
+    prepend(content: string | Node | DocumentFragment | Nodes): this;
+    append(content: string | Node | DocumentFragment | Nodes): this;
+    before(content: string | Node | DocumentFragment | Nodes): this;
+    after(content: string | Node | DocumentFragment | Nodes): this;
+    replaceWith(newContent: string | Node | Nodes): this;
     remove(keepChildren?: boolean): this;
     splitText(offset: number): Nodes;
     toString(): string;
-    debug(): void;
+    info(): void;
 }
 export {};

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

@@ -50,5 +50,5 @@ export declare class Range {
     getEndText(): string;
     clone(): Range;
     cloneContents(): DocumentFragment;
-    debug(): void;
+    info(): void;
 }

package/lib/types/operations/insert-node.d.ts

@@ -1,4 +1,3 @@
-import { NativeNode } from '../types/native';
 import { Nodes } from '../models/nodes';
 import { Range } from '../models/range';
-export declare function insertNode(range: Range, node: NativeNode | Nodes): void;
+export declare function insertNode(range: Range, node: Node | Nodes): void;

package/lib/types/parsers/html-parser.d.ts

@@ -9,6 +9,5 @@ export declare class HTMLParser {
     private static getClosedTagString;
     private static getTrimmedText;
     getHTML(): string;
-    getNodeList(): Nodes[];
     getFragment(): DocumentFragment;
 }

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

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

package/lib/types/plugins/special-character.d.ts

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

package/lib/types/types/commands.d.ts

@@ -0,0 +1,20 @@
+import type { Editor } from '../editor';
+import { TranslationFunctions } from '../i18n/types';
+export type CommandButtonItem = {
+    name: string;
+    type: 'button';
+    icon?: string;
+    title: string | ((locale: TranslationFunctions) => string);
+    description: string | ((locale: TranslationFunctions) => string);
+    onClick: (editor: Editor, value: string) => void;
+};
+export type CommandUploadItem = {
+    name: string;
+    type: 'upload';
+    icon: string;
+    title: string | ((locale: TranslationFunctions) => string);
+    description: string | ((locale: TranslationFunctions) => string);
+    accept?: string;
+    multiple?: boolean;
+};
+export type CommandItem = CommandButtonItem | CommandUploadItem;

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

@@ -12,7 +12,8 @@ export type DropdownItem = {
     defaultValue?: string;
     tooltip: string | ((locale: TranslationFunctions) => string);
     width?: string;
-    menuType: 'list' | 'icon' | 'color';
+    menuType: 'list' | 'icon' | 'character' | 'color';
     menuItems: DropdownMenuItem[];
     menuWidth?: string;
+    menuHeight?: string;
 };

package/lib/types/types/native.d.ts

@@ -1,26 +1,3 @@
-export type NativeNode = Node;
-export declare const NativeNode: {
-    new (): Node;
-    prototype: Node;
-    readonly ELEMENT_NODE: 1;
-    readonly ATTRIBUTE_NODE: 2;
-    readonly TEXT_NODE: 3;
-    readonly CDATA_SECTION_NODE: 4;
-    readonly ENTITY_REFERENCE_NODE: 5;
-    readonly ENTITY_NODE: 6;
-    readonly PROCESSING_INSTRUCTION_NODE: 7;
-    readonly COMMENT_NODE: 8;
-    readonly DOCUMENT_NODE: 9;
-    readonly DOCUMENT_TYPE_NODE: 10;
-    readonly DOCUMENT_FRAGMENT_NODE: 11;
-    readonly NOTATION_NODE: 12;
-    readonly DOCUMENT_POSITION_DISCONNECTED: 1;
-    readonly DOCUMENT_POSITION_PRECEDING: 2;
-    readonly DOCUMENT_POSITION_FOLLOWING: 4;
-    readonly DOCUMENT_POSITION_CONTAINS: 8;
-    readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
-    readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
-};
 export type NativeRange = Range;
 export declare const NativeRange: {
     new (): Range;

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

@@ -0,0 +1,24 @@
+import type { Editor } from '../editor';
+import { TranslationFunctions } from '../i18n/types';
+import { CommandItem } from '../types/commands';
+import { Nodes } from '../models/nodes';
+import { Range } from '../models/range';
+type CommandsPopupConfig = {
+    editor: Editor;
+    locale?: TranslationFunctions;
+    items?: (string | CommandItem)[];
+};
+export declare class CommandsPopup {
+    private editor;
+    private items;
+    private root;
+    private range;
+    container: Nodes;
+    constructor(config: CommandsPopupConfig);
+    private appendButton;
+    updatePosition(): void;
+    render(): void;
+    show(range: Range): void;
+    hide(): void;
+}
+export {};

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

@@ -1,11 +1,10 @@
 import type { Editor } from '../editor';
-import { NativeNode } from '../types/native';
 import { SelectionState } from '../types/object';
 import { ToolbarItem } from '../types/toolbar';
 import { Nodes } from '../models/nodes';
 type ToolbarPlacement = 'top' | 'bottom';
 type ToolbarConfig = {
-    root: string | Nodes | NativeNode;
+    root: string | Node | Nodes;
     items?: (string | ToolbarItem)[];
     placement?: ToolbarPlacement;
 };

package/lib/types/utils/from-base64.d.ts

@@ -0,0 +1 @@
+export declare function fromBase64(value: string): string;

package/lib/types/utils/get-box.d.ts

@@ -1,4 +1,3 @@
-import { NativeNode } from '../types/native';
 import { Nodes } from '../models/nodes';
 import { Box } from '../models/box';
-export declare function getBox(boxNode: string | Nodes | NativeNode): Box;
+export declare function getBox(boxNode: string | Node | Nodes): Box;

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

@@ -3,6 +3,8 @@ export * from './safe-template';
 export * from './camel-case';
 export * from './in-string';
 export * from './encode';
+export * from './to-base64';
+export * from './from-base64';
 export * from './to-hex';
 export * from './parse-style';
 export * from './normalize-value';

package/lib/types/utils/query.d.ts

@@ -1,3 +1,2 @@
-import { NativeNode } from '../types/native';
 import { Nodes } from '../models/nodes';
-export declare function query(content: string | NativeNode | Nodes): Nodes;
+export declare function query(content: string | Node | Nodes): Nodes;

package/lib/types/utils/to-base64.d.ts

@@ -0,0 +1 @@
+export declare function toBase64(value: string): string;

package/lib/types/utils/to-node-list.d.ts

@@ -1,2 +1 @@
-import { NativeNode } from '../types/native';
-export declare function toNodeList(content: string | NativeNode, valueType?: 'text' | 'html'): NativeNode[];
+export declare function toNodeList(content: string | Node, valueType?: 'text' | 'html'): Node[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lakelib",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "description": "Rich text editor based on the browser",
   "keywords": [
     "rich text",
@@ -27,53 +27,52 @@
     "pre-commit": "pnpm sort:package && pnpm lint"
   },
   "dependencies": {
-    "@types/blueimp-md5": "^2.18.2",
-    "@types/lodash": "^4.17.0",
-    "blueimp-md5": "^2.19.0",
+    "@types/is-hotkey": "^0.1.10",
+    "debounce": "^2.1.0",
     "eventemitter3": "^5.0.1",
-    "js-base64": "^3.7.7",
-    "lodash": "^4.17.21",
-    "photoswipe": "^5.4.3",
-    "tinykeys": "^2.1.0",
+    "fast-deep-equal": "^3.1.3",
+    "is-hotkey": "^0.2.0",
+    "photoswipe": "^5.4.4",
     "typesafe-i18n": "^5.26.2"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@types/chai": "^4.3.14",
+    "@types/chai": "^4.3.16",
     "@types/mocha": "^10.0.6",
     "@types/sinon": "^17.0.3",
-    "@typescript-eslint/eslint-plugin": "^7.7.0",
-    "@typescript-eslint/parser": "^7.7.0",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "bundle-phobia-cli": "^0.14.14",
     "chai": "^4.4.1",
     "eslint": "^8.57.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^9.1.0",
     "execa": "^8.0.1",
     "express": "^4.19.2",
+    "katex": "^0.16.10",
     "lake-codemirror": "^2.0.0",
     "mocha": "^10.4.0",
     "multer": "1.4.5-lts.1",
     "npm-run-all": "^4.1.5",
-    "picocolors": "^1.0.0",
+    "picocolors": "^1.0.1",
     "prompts": "^2.4.2",
-    "puppeteer": "^22.6.5",
-    "rimraf": "^5.0.5",
-    "rollup": "^4.14.3",
+    "puppeteer": "^22.11.2",
+    "rimraf": "^5.0.7",
+    "rollup": "^4.18.0",
     "rollup-plugin-import-css": "^3.5.0",
     "rollup-plugin-svg-import": "^3.0.0",
-    "semver": "^7.6.0",
+    "semver": "^7.6.2",
     "simple-git-hooks": "^2.11.1",
-    "sinon": "^17.0.1",
+    "sinon": "^18.0.0",
     "sort-package-json": "^2.10.0",
-    "tslib": "^2.6.2",
+    "tslib": "^2.6.3",
     "typescript": "^5.4.5",
     "wait-on": "^7.2.0"
   },
-  "packageManager": "pnpm@8.15.6",
   "scripts": {
     "dev": "npm-run-all --parallel --print-label dev:express dev:rollup",
     "dev:express": "node ./scripts/start-server.mjs",
@@ -81,6 +80,7 @@
     "dev:lib": "rollup --watch --config rollup.config.mjs --es",
     "build": "rimraf ./dist ./lib && rollup --config rollup.config.mjs --iife --es",
     "i18n": "typesafe-i18n --no-watch",
+    "cost": "bundle-phobia debounce eventemitter3 fast-deep-equal photoswipe tinykeys typesafe-i18n",
     "sort:package": "sort-package-json",
     "lint": "eslint . --config .eslintrc.cjs --ext \".ts,.js,.cjs,.mjs\"",
     "test": "node ./scripts/run-tests.mjs",