lakelib 0.1.8 → 0.1.9

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

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

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

@@ -1,4 +1,5 @@
 import './custom-properties.css';
+import './keyframes.css';
 import './core.css';
 import './mark.css';
 import './button.css';
@@ -12,6 +13,8 @@ import './table.css';
 import './box.css';
 import './hr.css';
 import './image.css';
+import './file.css';
 import './code-block.css';
 import './link-popup.css';
 import './toolbar.css';
+import './box-toolbar.css';

package/lib/types/editor.d.ts

@@ -12,6 +12,7 @@ import { Keystroke } from './managers/keystroke';
 import { BoxManager } from './managers/box-manager';
 import { Plugin } from './managers/plugin';
 import { Toolbar } from './ui/toolbar';
+type OnMessage = (type: 'success' | 'error' | 'warning', message: string) => void;
 type Config = {
     value: string;
     readonly: boolean;
@@ -21,6 +22,7 @@ type Config = {
     indentWithTab: boolean;
     lang: string;
     minChangeSize: number;
+    onMessage: OnMessage;
     [name: string]: any;
 };
 type EditorConfig = {
@@ -34,6 +36,7 @@ type EditorConfig = {
     indentWithTab?: boolean;
     lang?: string;
     minChangeSize?: number;
+    onMessage?: OnMessage;
     [name: string]: any;
 };
 export declare class Editor {
@@ -86,8 +89,9 @@ export declare class Editor {
     scrollToCaret(): void;
     setValue(value: string): void;
     getValue(): string;
+    selectBox(box: Box | Nodes): void;
     insertBox(boxName: Parameters<typeof insertBox>[1], boxValue?: Parameters<typeof insertBox>[2]): Box;
-    removeBox(): ReturnType<typeof removeBox>;
+    removeBox(box?: Box | Nodes | null): ReturnType<typeof removeBox>;
     render(): void;
     unmount(): void;
 }

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

@@ -42,6 +42,7 @@ declare const _default: {
         fontColor: string;
         highlight: string;
         image: string;
+        file: string;
         removeColor: string;
     };
     link: {
@@ -63,6 +64,10 @@ declare const _default: {
         zoomOut: string;
         zoomIn: string;
     };
+    file: {
+        download: string;
+        remove: string;
+    };
     codeBlock: {
         langType: string;
     };

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

@@ -42,6 +42,7 @@ declare const _default: {
         fontColor: string;
         highlight: string;
         image: string;
+        file: string;
         removeColor: string;
     };
     link: {
@@ -63,6 +64,10 @@ declare const _default: {
         zoomOut: string;
         zoomIn: string;
     };
+    file: {
+        download: string;
+        remove: string;
+    };
     codeBlock: {
         langType: string;
     };

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

@@ -42,6 +42,7 @@ declare const _default: {
         fontColor: string;
         highlight: string;
         image: string;
+        file: string;
         removeColor: string;
     };
     link: {
@@ -63,6 +64,10 @@ declare const _default: {
         zoomOut: string;
         zoomIn: string;
     };
+    file: {
+        download: string;
+        remove: string;
+    };
     codeBlock: {
         langType: string;
     };

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

@@ -7,15 +7,15 @@ export type Translations = RootTranslation;
 type RootTranslation = {
     toolbar: {
         /**
-         * U​n​d​o​ ​(​C​t​r​l​+​Z​)
+         * U​n​d​o​ ​(​m​o​d​+​Z​)
          */
         undo: string;
         /**
-         * R​e​d​o​ ​(​C​t​r​l​+​Y​)
+         * R​e​d​o​ ​(​m​o​d​+​Y​)
          */
         redo: string;
         /**
-         * S​e​l​e​c​t​ ​a​l​l​ ​(​C​t​r​l​+​A​)
+         * S​e​l​e​c​t​ ​a​l​l​ ​(​m​o​d​+​A​)
          */
         selectAll: string;
         /**
@@ -63,15 +63,15 @@ type RootTranslation = {
          */
         decreaseIndent: string;
         /**
-         * B​o​l​d​ ​(​C​t​r​l​+​B​)
+         * B​o​l​d​ ​(​m​o​d​+​B​)
          */
         bold: string;
         /**
-         * I​t​a​l​i​c​ ​(​C​t​r​l​+​I​)
+         * I​t​a​l​i​c​ ​(​m​o​d​+​I​)
          */
         italic: string;
         /**
-         * U​n​d​e​r​l​i​n​e​ ​(​C​t​r​l​+​U​)
+         * U​n​d​e​r​l​i​n​e​ ​(​m​o​d​+​U​)
          */
         underline: string;
         /**
@@ -174,6 +174,10 @@ type RootTranslation = {
          * I​m​a​g​e
          */
         image: string;
+        /**
+         * F​i​l​e
+         */
+        file: string;
         /**
          * R​e​m​o​v​e​ ​c​o​l​o​r
          */
@@ -243,6 +247,16 @@ type RootTranslation = {
          */
         zoomIn: string;
     };
+    file: {
+        /**
+         * D​o​w​n​l​o​a​d
+         */
+        download: string;
+        /**
+         * D​e​l​e​t​e
+         */
+        remove: string;
+    };
     codeBlock: {
         /**
          * S​e​l​e​c​t​ ​l​a​n​g​u​a​g​e
@@ -253,15 +267,15 @@ type RootTranslation = {
 export type TranslationFunctions = {
     toolbar: {
         /**
-         * Undo (Ctrl+Z)
+         * Undo (mod+Z)
          */
         undo: () => LocalizedString;
         /**
-         * Redo (Ctrl+Y)
+         * Redo (mod+Y)
          */
         redo: () => LocalizedString;
         /**
-         * Select all (Ctrl+A)
+         * Select all (mod+A)
          */
         selectAll: () => LocalizedString;
         /**
@@ -309,15 +323,15 @@ export type TranslationFunctions = {
          */
         decreaseIndent: () => LocalizedString;
         /**
-         * Bold (Ctrl+B)
+         * Bold (mod+B)
          */
         bold: () => LocalizedString;
         /**
-         * Italic (Ctrl+I)
+         * Italic (mod+I)
          */
         italic: () => LocalizedString;
         /**
-         * Underline (Ctrl+U)
+         * Underline (mod+U)
          */
         underline: () => LocalizedString;
         /**
@@ -420,6 +434,10 @@ export type TranslationFunctions = {
          * Image
          */
         image: () => LocalizedString;
+        /**
+         * File
+         */
+        file: () => LocalizedString;
         /**
          * Remove color
          */
@@ -489,6 +507,16 @@ export type TranslationFunctions = {
          */
         zoomIn: () => LocalizedString;
     };
+    file: {
+        /**
+         * Download
+         */
+        download: () => LocalizedString;
+        /**
+         * Delete
+         */
+        remove: () => LocalizedString;
+    };
     codeBlock: {
         /**
          * Select language

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

@@ -42,6 +42,7 @@ declare const _default: {
         fontColor: string;
         highlight: string;
         image: string;
+        file: string;
         removeColor: string;
     };
     link: {
@@ -63,6 +64,10 @@ declare const _default: {
         zoomOut: string;
         zoomIn: string;
     };
+    file: {
+        download: string;
+        remove: string;
+    };
     codeBlock: {
         langType: string;
     };

package/lib/types/managers/box-manager.d.ts

@@ -1,4 +1,3 @@
-import type { Editor } from '../editor';
 import { BoxComponent } from '../types/box';
 import { Nodes } from '../models/nodes';
 import { Box } from '../models/box';
@@ -6,8 +5,7 @@ export declare class BoxManager {
     add(component: BoxComponent): void;
     remove(name: string): void;
     getNames(): string[];
-    getInstances(editor: Editor): Map<number, Box>;
-    rectifyInstances(editor: Editor): void;
-    findAll(editor: Editor): Nodes;
-    renderAll(editor: Editor): void;
+    getInstances(container: Nodes): Map<number, Box>;
+    rectifyInstances(container: Nodes): void;
+    renderAll(container: Nodes): void;
 }

package/lib/types/managers/selection.d.ts

@@ -20,9 +20,9 @@ export declare class Selection {
     range: Range;
     constructor(container: Nodes);
     private getRangeFromNativeSelection;
-    addRangeToNativeSelection(): void;
-    syncByRange(): void;
-    synByBookmark(): void;
+    sync(): void;
+    updateByRange(): void;
+    updateByBookmark(): void;
     getAppliedItems(): AppliedItem[];
     insertBookmark(): ReturnType<typeof insertBookmark>;
     toBookmark(bookmark: Parameters<typeof toBookmark>[1]): ReturnType<typeof toBookmark>;

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

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

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

@@ -0,0 +1,21 @@
+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;

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

@@ -0,0 +1,31 @@
+import { Editor } from '../editor';
+import { NativeNode } from '../types/native';
+import { BoxToolbarItem } from '../types/box-toolbar';
+import { Nodes } from '../models/nodes';
+import { Box } from '../models/box';
+type ToolbarPlacement = 'top' | 'bottom';
+type ToolbarConfig = {
+    root: string | Nodes | NativeNode;
+    editor: Editor;
+    box: Box;
+    items: (string | BoxToolbarItem)[];
+    placement?: ToolbarPlacement;
+};
+export declare class BoxToolbar {
+    private root;
+    private editor;
+    private box;
+    private items;
+    private placement;
+    private buttonItemList;
+    private dropdownItemList;
+    container: Nodes;
+    constructor(config: ToolbarConfig);
+    private appendDivider;
+    private appendButton;
+    private appendDropdown;
+    updatePosition(): void;
+    render(): void;
+    unmount(): void;
+}
+export {};

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

@@ -2,9 +2,10 @@ import type { Editor } from '../editor';
 import { Box } from '../models/box';
 type UploadConfig = {
     editor: Editor;
+    name: string;
     file: File;
-    onError?: () => void;
+    onError?: (error: string) => void;
     onSuccess?: () => void;
 };
-export declare function uploadImage(config: UploadConfig): Box;
+export declare function uploadFile(config: UploadConfig): Box;
 export {};

package/lib/types/utils/file-size.d.ts

@@ -0,0 +1 @@
+export declare function fileSize(size: number): string;

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

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

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

@@ -8,6 +8,7 @@ export * from './parse-style';
 export * from './normalize-value';
 export * from './denormalize-value';
 export * from './modifier-text';
+export * from './file-size';
 export * from './get-css';
 export * from './to-node-list';
 export * from './query';
@@ -22,5 +23,7 @@ export * from './fix-numbered-list';
 export * from './remove-br';
 export * from './set-block-indent';
 export * from './morph';
+export * from './node-and-view';
+export * from './get-box';
 export * from './request';
 export * from './debug';

package/lib/types/utils/node-and-view.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lakelib",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Rich text editor based on the browser",
   "keywords": [
     "rich text",