lakelib 0.1.11 → 0.1.12

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

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

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

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

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

@@ -5,6 +5,9 @@ import './mark.css';
 import './button.css';
 import './dropdown.css';
 import './popup.css';
+import './resizer.css';
+import './toolbar.css';
+import './box-toolbar.css';
 import './format-painter.css';
 import './heading.css';
 import './list.css';
@@ -12,9 +15,8 @@ import './block-quote.css';
 import './table.css';
 import './box.css';
 import './hr.css';
+import './video.css';
+import './code-block.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

@@ -2,9 +2,6 @@ import EventEmitter from 'eventemitter3';
 import { NativeNode } from './types/native';
 import { TranslationFunctions } from './i18n/types';
 import { Nodes } from './models/nodes';
-import { Box } from './models/box';
-import { insertBox } from './operations/insert-box';
-import { removeBox } from './operations/remove-box';
 import { Selection } from './managers/selection';
 import { Command } from './managers/command';
 import { History } from './managers/history';
@@ -12,7 +9,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 MessageCallback = (type: 'success' | 'error' | 'warning', message: string) => void;
 type Config = {
     value: string;
     readonly: boolean;
@@ -22,7 +19,7 @@ type Config = {
     indentWithTab: boolean;
     lang: string;
     minChangeSize: number;
-    onMessage: OnMessage;
+    onMessage: MessageCallback;
     [name: string]: any;
 };
 type EditorConfig = {
@@ -36,7 +33,7 @@ type EditorConfig = {
     indentWithTab?: boolean;
     lang?: string;
     minChangeSize?: number;
-    onMessage?: OnMessage;
+    onMessage?: MessageCallback;
     [name: string]: any;
 };
 export declare class Editor {
@@ -89,9 +86,6 @@ 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(box?: Box | Nodes | null): ReturnType<typeof removeBox>;
     render(): void;
     unmount(): void;
 }

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

@@ -25,6 +25,7 @@ declare const _default: {
         formatPainter: string;
         link: string;
         hr: string;
+        video: string;
         codeBlock: string;
         heading: string;
         heading1: string;
@@ -68,6 +69,13 @@ declare const _default: {
         download: string;
         remove: string;
     };
+    video: {
+        embed: string;
+        remove: string;
+        description: string;
+        url: string;
+        urlError: string;
+    };
     codeBlock: {
         langType: string;
     };

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

@@ -25,6 +25,7 @@ declare const _default: {
         formatPainter: string;
         link: string;
         hr: string;
+        video: string;
         codeBlock: string;
         heading: string;
         heading1: string;
@@ -68,6 +69,13 @@ declare const _default: {
         download: string;
         remove: string;
     };
+    video: {
+        embed: string;
+        remove: string;
+        description: string;
+        url: string;
+        urlError: string;
+    };
     codeBlock: {
         langType: string;
     };

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

@@ -25,6 +25,7 @@ declare const _default: {
         formatPainter: string;
         link: string;
         hr: string;
+        video: string;
         codeBlock: string;
         heading: string;
         heading1: string;
@@ -68,6 +69,13 @@ declare const _default: {
         download: string;
         remove: string;
     };
+    video: {
+        embed: string;
+        remove: string;
+        description: string;
+        url: string;
+        urlError: string;
+    };
     codeBlock: {
         langType: string;
     };

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

@@ -106,6 +106,10 @@ type RootTranslation = {
          * H​o​r​i​z​o​n​t​a​l​ ​l​i​n​e
          */
         hr: string;
+        /**
+         * V​i​d​e​o
+         */
+        video: string;
         /**
          * C​o​d​e​ ​b​l​o​c​k
          */
@@ -257,6 +261,28 @@ type RootTranslation = {
          */
         remove: string;
     };
+    video: {
+        /**
+         * E​m​b​e​d​ ​v​i​d​e​o
+         */
+        embed: string;
+        /**
+         * D​e​l​e​t​e
+         */
+        remove: string;
+        /**
+         * P​a​s​t​e​ ​a​ ​l​i​n​k​ ​t​o​ ​e​m​b​e​d​ ​a​ ​v​i​d​e​o​ ​f​r​o​m​ ​Y​o​u​T​u​b​e​.
+         */
+        description: string;
+        /**
+         * L​i​n​k
+         */
+        url: string;
+        /**
+         * P​l​e​a​s​e​ ​e​n​t​e​r​ ​a​ ​v​a​l​i​d​ ​l​i​n​k​.
+         */
+        urlError: string;
+    };
     codeBlock: {
         /**
          * S​e​l​e​c​t​ ​l​a​n​g​u​a​g​e
@@ -366,6 +392,10 @@ export type TranslationFunctions = {
          * Horizontal line
          */
         hr: () => LocalizedString;
+        /**
+         * Video
+         */
+        video: () => LocalizedString;
         /**
          * Code block
          */
@@ -517,6 +547,28 @@ export type TranslationFunctions = {
          */
         remove: () => LocalizedString;
     };
+    video: {
+        /**
+         * Embed video
+         */
+        embed: () => LocalizedString;
+        /**
+         * Delete
+         */
+        remove: () => LocalizedString;
+        /**
+         * Paste a link to embed a video from YouTube.
+         */
+        description: () => LocalizedString;
+        /**
+         * Link
+         */
+        url: () => LocalizedString;
+        /**
+         * Please enter a valid link.
+         */
+        urlError: () => LocalizedString;
+    };
     codeBlock: {
         /**
          * Select language

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

@@ -25,6 +25,7 @@ declare const _default: {
         formatPainter: string;
         link: string;
         hr: string;
+        video: string;
         codeBlock: string;
         heading: string;
         heading1: string;
@@ -68,6 +69,13 @@ declare const _default: {
         download: string;
         remove: string;
     };
+    video: {
+        embed: string;
+        remove: string;
+        description: string;
+        url: string;
+        urlError: string;
+    };
     codeBlock: {
         langType: string;
     };

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

@@ -1,11 +1,9 @@
 import { BoxComponent } from '../types/box';
 import { Nodes } from '../models/nodes';
-import { Box } from '../models/box';
 export declare class BoxManager {
     add(component: BoxComponent): void;
     remove(name: string): void;
     getNames(): string[];
-    getInstances(container: Nodes): Map<number, Box>;
     rectifyInstances(container: Nodes): void;
     renderAll(container: Nodes): void;
 }

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

@@ -1,6 +1,7 @@
 import { AppliedItem } from '../types/object';
 import { Nodes } from '../models/nodes';
 import { Range } from '../models/range';
+import { Box } from '../models/box';
 import { insertBookmark } from '../operations/insert-bookmark';
 import { toBookmark } from '../operations/to-bookmark';
 import { insertNode } from '../operations/insert-node';
@@ -14,6 +15,8 @@ import { addMark } from '../operations/add-mark';
 import { removeMark } from '../operations/remove-mark';
 import { fixList } from '../operations/fix-list';
 import { insertLink } from '../operations/insert-link';
+import { insertBox } from '../operations/insert-box';
+import { removeBox } from '../operations/remove-box';
 export declare class Selection {
     private selection;
     container: Nodes;
@@ -37,4 +40,7 @@ export declare class Selection {
     removeMark(value?: Parameters<typeof removeMark>[1]): ReturnType<typeof removeMark>;
     fixList(): ReturnType<typeof fixList>;
     insertLink(value: Parameters<typeof insertLink>[1]): ReturnType<typeof insertLink>;
+    selectBox(box: Box | Nodes): void;
+    insertBox(boxName: Parameters<typeof insertBox>[1], boxValue?: Parameters<typeof insertBox>[2]): Box;
+    removeBox(box?: Box | Nodes | null): ReturnType<typeof removeBox>;
 }

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

@@ -2,9 +2,8 @@ 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';
-type CleanupFunction = () => void;
-type SetupFunction = () => CleanupFunction | void;
 export declare class Box {
     node: Nodes;
     event: EventEmitter;
@@ -20,9 +19,8 @@ export declare class Box {
     setData(key: string, value: any): void;
     getEditor(): Editor | undefined;
     getContainer(): Nodes;
-    useEffect(setup: SetupFunction): void;
+    setToolbar(items: ('|' | BoxToolbarItem)[]): void;
     render(): void;
     unmount(): void;
     getHTML(): string;
 }
-export {};

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

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

package/lib/types/storage/box-instances.d.ts

@@ -1,2 +1,2 @@
 import type { Box } from '../models/box';
-export declare const boxInstances: Map<number, Map<number, Box>>;
+export declare function getInstanceMap(id: number): Map<number, Box>;

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

@@ -1,3 +1,4 @@
+import type { Nodes } from '../models/nodes';
 import type { Box } from '../models/box';
 import { TranslationFunctions } from '../i18n/types';
 import { DropdownItem } from './dropdown';
@@ -19,3 +20,11 @@ export type BoxToolbarDropdownItem = DropdownItem & {
     onSelect: (box: Box, value: string) => void;
 };
 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/ui/box-resizer.d.ts

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

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

@@ -1,26 +1,15 @@
-import { Editor } from '../editor';
-import { NativeNode } from '../types/native';
-import { BoxToolbarItem } from '../types/box-toolbar';
+import { BoxToolbarConfig } 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 locale;
     private placement;
     private buttonItemList;
     private dropdownItemList;
     container: Nodes;
-    constructor(config: ToolbarConfig);
+    constructor(config: BoxToolbarConfig);
     private appendDivider;
     private appendButton;
     private appendDropdown;
@@ -28,4 +17,3 @@ export declare class BoxToolbar {
     render(): void;
     unmount(): void;
 }
-export {};

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

@@ -2,6 +2,7 @@ import { Nodes } from '../models/nodes';
 type ButtonConfig = {
     root: Nodes;
     name: string;
+    type?: 'primary' | 'default';
     icon?: string;
     text?: string;
     tooltip?: string;

package/package.json

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