jodit 3.15.2 → 3.16.2

package/types/plugins/search/search.d.ts

@@ -4,67 +4,53 @@
  * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 /**
+ * [[include:plugins/search/README.md]]
+ * @packageDocumentation
  * @module plugins/search
  */
-import './search.less';
-import type { ISelectionRange, IJodit, IPlugin } from 'jodit/types';
+import type { IJodit, Nullable, IPlugin } from 'jodit/types';
+import { LazyWalker } from 'jodit/core/dom';
 import { Plugin } from 'jodit/core/plugin';
-declare module 'jodit/config' {
-    interface Config {
-        /**
-         * Enable custom search plugin
-         * ![search](https://user-images.githubusercontent.com/794318/34545433-cd0a9220-f10e-11e7-8d26-7e22f66e266d.gif)
-         */
-        useSearch: boolean;
-    }
-}
+import './config';
 /**
  * Search plugin. it is used for custom search in text
  * ![search](https://user-images.githubusercontent.com/794318/34545433-cd0a9220-f10e-11e7-8d26-7e22f66e266d.gif)
  *
  * @example
  * ```typescript
- * var jodit = new Jodit('#editor', {
+ * var jodit = Jodit.make('#editor', {
  *  useSearch: false
  * });
  * // or
- * var jodit = new Jodit('#editor', {
+ * var jodit = Jodit.make('#editor', {
  *  disablePlugins: 'search'
  * });
  * ```
  */
 export declare class search extends Plugin {
     buttons: IPlugin['buttons'];
-    static getSomePartOfStringIndex(needle: string, haystack: string, start?: boolean): number | false;
-    static findSomePartOfString(needle: string, haystack: string, start?: boolean, getIndex?: boolean): boolean | string | number;
-    private template;
-    private isOpened;
-    private selInfo;
-    private current;
-    private eachMap;
+    private get ui();
     private updateCounters;
-    private boundAlreadyWas;
+    protected onPressReplaceButton(): void;
     private tryScrollToElement;
-    searchBox: HTMLDivElement;
-    queryInput: HTMLInputElement;
-    replaceInput: HTMLInputElement;
-    closeButton: HTMLButtonElement;
-    nextButton: HTMLButtonElement;
-    prevButton: HTMLButtonElement;
-    replaceButton: HTMLButtonElement;
-    counterBox: HTMLSpanElement;
-    calcCounts: (query: string, current?: ISelectionRange | false) => [number, number];
-    findAndReplace: (start: Node | null, query: string) => boolean;
-    findAndSelect: (start: Node | null, query: string, next: boolean) => boolean;
-    find: (start: Node | null, query: string, next: boolean, deep: number, range: Range) => false | ISelectionRange;
-    open: (searchAndReplace?: boolean) => void;
-    close: () => void;
+    protected calcCounts(query: string): Promise<number>;
+    findAndReplace(query: string): Promise<boolean>;
+    private previousQuery;
+    private drawPromise;
+    findAndSelect(query: string, next: boolean): Promise<boolean>;
+    private findCurrentIndexInRanges;
+    walker: Nullable<LazyWalker>;
+    walkerCount: Nullable<LazyWalker>;
+    private cache;
+    private isValidCache;
+    private find;
+    private wrapFrameRequest;
+    private drawSelectionRanges;
+    protected onAfterGetValueFromEditor(data: {
+        value: string;
+    }): void;
     /** @override */
     afterInit(editor: IJodit): void;
     /** @override */
     beforeDestruct(jodit: IJodit): void;
-    /**
-     * Calculate position if sticky is enabled
-     */
-    private calcSticky;
 }

package/types/plugins/search/ui/search.d.ts

@@ -0,0 +1,37 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+/**
+ * @module plugins/search
+ */
+import './search.less';
+import type { IJodit, MarkerInfo, Nullable } from 'jodit/types';
+import { UIElement } from 'jodit/core/ui';
+export declare class UISearch extends UIElement<IJodit> {
+    className(): string;
+    private queryInput;
+    private replaceInput;
+    selInfo: Nullable<MarkerInfo[]>;
+    private closeButton;
+    private replaceButton;
+    private currentBox;
+    private countBox;
+    render(): string;
+    private _currentIndex;
+    get currentIndex(): number;
+    set currentIndex(value: number);
+    set count(value: number);
+    get query(): string;
+    get replace(): string;
+    constructor(jodit: IJodit);
+    protected onEditorKeyDown(e: KeyboardEvent): void;
+    isOpened: boolean;
+    open(searchAndReplace?: boolean): void;
+    close(): void;
+    /**
+     * Calculate position if sticky is enabled
+     */
+    private calcSticky;
+}

package/types/plugins/spellcheck/config.d.ts

@@ -0,0 +1,15 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+declare module 'jodit/config' {
+    interface Config {
+        /**
+         * Options specifies whether the editor is to have its spelling and grammar checked or not
+         * @see {@link http://www.w3schools.com/tags/att_global_spellcheck.asp}
+         */
+        spellcheck: boolean;
+    }
+}
+export {};

package/types/plugins/spellcheck/spellcheck.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+/**
+ * [[include:plugins/spellcheck/README.md]]
+ * @packageDocumentation
+ * @module plugins/spellcheck
+ */
+import type { IJodit } from 'jodit/types';
+import { Plugin } from 'jodit/core/plugin';
+import './config';
+export declare class spellcheck extends Plugin {
+    buttons: Plugin['buttons'];
+    protected afterInit(jodit: IJodit): void;
+    private toggleSpellcheck;
+    protected beforeDestruct(jodit: IJodit): void;
+}

package/types/plugins/sticky/sticky.d.ts

@@ -14,7 +14,7 @@ declare module 'jodit/config' {
         /**
          * @example
          * ```javascript
-         * var editor = new Jodit('#someid', {
+         * var editor = Jodit.make('#someid', {
          *  toolbarSticky: false
          * })
          * ```
@@ -27,7 +27,7 @@ declare module 'jodit/config' {
          *
          * @example
          * ```javascript
-         * var editor = new Jodit('#someid', {
+         * var editor = Jodit.make('#someid', {
          *  toolbarStickyOffset: 100
          * })
          * ```

package/types/types/async.d.ts

@@ -61,7 +61,17 @@ export interface IAsync extends IDestructible {
 		firstCallImmediately?: boolean
 	): CallbackFunction;
 
-	requestIdleCallback(fn: IdleRequestCallback): number;
-	requestIdlePromise(): RejectablePromise<number>;
+	requestIdleCallback(fn: IdleRequestCallback, options?: {timeout: number}): number;
+	requestIdlePromise(options?: {timeout: number}): RejectablePromise<number>;
 	cancelIdleCallback(request: number): void;
+
+	/**
+	 * Smart wrapper for `requestAnimationFrame`
+	 */
+	requestAnimationFrame(callback: FrameRequestCallback): number;
+
+	/**
+	 * Smart wrapper for `cancelAnimationFrame`
+	 */
+	cancelAnimationFrame(request: number): void;
 }

package/types/types/core.d.ts

@@ -7,4 +7,4 @@
  * @module types
  */
 import type { IComponent, IDictionary } from './types';
-export declare type DecoratorHandler = <T extends IComponent & IDictionary>(target: T, propertyKey: string) => void;
+export declare type DecoratorHandler = <T extends IComponent & IDictionary>(target: T, propertyKey: string) => void | PropertyDescriptor;

package/types/types/core.ts

@@ -13,4 +13,4 @@ import type { IComponent, IDictionary } from './types';
 export type DecoratorHandler = <T extends IComponent & IDictionary>(
 	target: T,
 	propertyKey: string
-) => void;
+) => void | PropertyDescriptor;

package/types/types/events.d.ts

@@ -171,9 +171,9 @@ interface IEventEmitter extends IDestructible {
 	 *  events.fire(document.body.querySelector('div'), 'click');
 	 * ```
 	 */
-	fire(subjectOrEvents: string, ...args: any[]): any;
+	fire(eventsList: string, ...args: any[]): any;
 	fire(
-		subjectOrEvents: object,
+		subject: object,
 		eventsList: string | Event,
 		...args: any[]
 	): any;
@@ -183,3 +183,7 @@ interface IEventEmitter extends IDestructible {
 		...args: any[]
 	): any;
 }
+
+export interface IObservable {
+	on(event: string | string[], callback: CallbackFunction): this;
+}

package/types/types/file-browser.d.ts

@@ -18,8 +18,7 @@ import type {
 import type { IUploader, IUploaderOptions } from './uploader';
 import type { IViewBased, IViewOptions } from './view';
 import type { IUIGroup } from './ui';
-import type { IObservable } from './observer';
-import type { IDialog } from './dialog';
+import type { IObservable } from './events';
 
 /**
  * The module creates a web browser dialog box. In a Web browser ,you can select an image, remove, drag it. Upload new

package/{src/types/observer.d.ts → types/types/history.d.ts}

@@ -15,16 +15,14 @@ import type {
 	SnapshotType
 } from './types';
 
-export interface IObservable {
-	on(event: string | string[], callback: CallbackFunction): this;
-}
-
 export interface ICommand {
+	tick: number;
 	undo(): void;
 	redo(): void;
 }
 
 export interface IStack {
+	readonly length: number;
 	clear(): void;
 	push(command: ICommand): void;
 	replace(command: ICommand): void;
@@ -36,17 +34,23 @@ export interface IStack {
 }
 
 export interface ISnapshot {
+	isBlocked: boolean;
 	make(): SnapshotType;
 	restoreOnlySelection(snapshot: SnapshotType): void;
 	restore(snapshot: SnapshotType): void;
 }
 
-export interface IObserver extends IComponent {
-	stack: IStack;
+export interface IHistory {
 	snapshot: ISnapshot;
+
 	redo(): void;
+	canRedo(): boolean;
 	undo(): void;
+	canUndo(): boolean;
+	readonly length: number;
+
+	processChanges(): void;
+
 	clear(): void;
-	replaceSnapshot(): void;
 	upTick(): void;
 }

package/types/types/index.d.ts

@@ -17,7 +17,7 @@ export * from './dialog';
 export * from './events';
 export * from './file-browser';
 export * from './jodit';
-export * from './observer';
+export * from './history';
 export * from './select';
 export * from './plugin';
 export * from './popup';

package/types/types/jodit.d.ts

@@ -10,7 +10,7 @@
 
 import { IViewOptions, IViewWithToolbar } from './view';
 import type { Config } from 'jodit/config';
-import type { CustomCommand, ICreate, IObserver, IStatusBar, Modes } from './';
+import type { CustomCommand, ICreate, IDestructible, IHistory, IStatusBar, Modes } from './';
 import type { IUploader } from './uploader';
 import type { IFileBrowser } from './file-browser';
 import { ISelect } from './select';
@@ -23,7 +23,7 @@ interface IWorkPlace {
 	statusbar: IStatusBar;
 	iframe?: HTMLIFrameElement | void;
 	editorWindow: Window;
-	observer: IObserver;
+	history: IHistory & IDestructible;
 	options: IViewOptions;
 }
 
@@ -31,13 +31,21 @@ interface IJodit extends IViewWithToolbar {
 	isJodit: true;
 
 	options: Config;
-	observer: IObserver;
+
+	history: IHistory;
+
+	/**
+	 * @deprecated Instead use `Jodit.history`
+	 */
+	observer: IHistory;
+
 	editor: HTMLElement;
 	element: HTMLElement;
 
 	getNativeEditorValue(): string;
 	getEditorValue(removeSelectionMarkers?: boolean, consumer?: string): string;
 	setEditorValue(value?: string): void;
+	synchronizeValues(): void;
 
 	getReadOnly(): boolean;
 	setReadOnly(enable: boolean): void;
@@ -82,7 +90,7 @@ interface IJodit extends IViewWithToolbar {
 	 *
 	 * @example
 	 * ```javascript
-	 * var editor = new Jodit('#editor');
+	 * var editor = Jodit.make('#editor');
 	 * console.log(editor.getRealMode());
 	 * ```
 	 */

package/types/types/toolbar.d.ts

@@ -44,7 +44,7 @@ interface IControlType<
 	 * @see copyformat plugin
 	 * @example
 	 * ```javascript
-	 * var editor = new Jodit('.selectorclass', {
+	 * var editor = Jodit.make('.selectorclass', {
 	 *     buttons: {
 	 *          checkbox: {
 	 *              data: {
@@ -82,7 +82,7 @@ interface IControlType<
 	 * @see copyformat plugin
 	 * @example
 	 * ```javascript
-	 * var editor = new Jodit('.selectorclass', {
+	 * var editor = Jodit.make('.selectorclass', {
 	 *     buttons: {
 	 *          checkbox: {
 	 *              data: {
@@ -117,7 +117,7 @@ interface IControlType<
 	 * (or array value) (see .[[Jodit.execCommand]] or define 'exec' function. See example
 	 * @example
 	 * ```javascript
-	 * new Jodit('#editor2', {
+	 * Jodit.make('#editor2', {
 	 *     buttons: Jodit.defaultOptions.buttons.concat([{
 	 *        name: 'listsss',
 	 *        iconURL: 'stuf/dummy.png',
@@ -164,7 +164,7 @@ interface IControlType<
 	 * String name for existing icons.
 	 * @example
 	 * ```javascript
-	 * var editor = new Jodit('.editor', {
+	 * var editor = Jodit.make('.editor', {
 	 *  buttons: [
 	 *      {
 	 *          icon: 'source',
@@ -216,7 +216,7 @@ interface IControlType<
 	 * After click on the button it will show popup element which consist value that this function returned
 	 * @example
 	 * ```javascript
-	 * var editor = new Jodit('.editor', {
+	 * var editor = Jodit.make('.editor', {
 	 *    buttons: [
 	 *      {
 	 *          icon: "insertCode",

package/types/types/types.d.ts

@@ -110,10 +110,10 @@ export interface IPointBound extends IPoint {
 }
 
 export interface ISelectionRange {
-	startContainer: Node | null;
-	startOffset: number | null;
-	endContainer: Node | null;
-	endOffset: number | null;
+	startContainer: Text;
+	startOffset: number;
+	endContainer: Text;
+	endOffset: number;
 }
 
 export interface IRGB {
@@ -275,3 +275,10 @@ declare global {
 		buffer?: IDictionary;
 	}
 }
+
+export interface FuzzySearch {
+	(needle: string, haystack: string, offset?: number, maxDistance?: number): [
+		number,
+		number
+	];
+}

package/src/plugins/search/search.less

@@ -1,152 +0,0 @@
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2022 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-
-@import (reference) '../../styles/variables';
-
-:root {
-	--height-search: 30px;
-	--width-search: 320px;
-	--width-search-input-box: 60%;
-	--width-search-count-box: 15%;
-	--transform-button-active: 0.95;
-	--timeout-button-active: 0.1s;
-}
-
-.jodit-search {
-	position: absolute;
-	top: 0;
-	right: 0;
-	width: 0;
-	height: 0;
-
-	visibility: hidden;
-
-	&_sticky {
-		position: fixed;
-	}
-
-	&.jodit-search_active {
-		visibility: visible;
-	}
-
-	.jodit-search__box {
-		position: absolute;
-		right: 0;
-
-		display: flex;
-
-		width: var(--width-search);
-		max-width: 100vw;
-		padding: calc(var(--padding-default) / 2);
-
-		border: solid var(--color-border);
-		border-width: 0 0 1px 1px;
-		background-color: var(--color-panel);
-
-		input {
-			width: 100%;
-			height: 100%;
-			padding: 0 var(--padding-default);
-			border: 0;
-			margin: 0;
-			background-color: transparent;
-			outline: none;
-
-			&[data-ref='replace'] {
-				display: none;
-			}
-		}
-
-		input:not(:focus) + input:not(:focus) {
-			border-top: 1px solid var(--color-border);
-		}
-
-		.jodit-search__buttons,
-		.jodit-search__counts,
-		.jodit-search__inputs {
-			height: var(--height-search);
-		}
-
-		.jodit-search__inputs {
-			width: var(--width-search-input-box);
-			padding-right: calc(var(--padding-default) / 2);
-		}
-
-		.jodit-search__counts {
-			display: flex;
-			width: var(--width-search-count-box);
-			align-items: center;
-			justify-content: center;
-			border-left: 1px solid var(--color-border);
-			color: var(--color-border);
-		}
-
-		.jodit-search__buttons {
-			display: flex;
-			flex: 1;
-			align-items: center;
-			justify-content: center;
-			padding-left: 0;
-
-			button {
-				width: 32%;
-				height: 100%;
-				border: 1px solid transparent;
-				margin-right: 1%;
-				background-color: transparent;
-
-				&[data-ref='replace-btn'] {
-					display: none;
-					width: 100%;
-					border: 1px solid var(--color-border);
-					margin-top: 2px;
-				}
-
-				&:hover {
-					background-color: var(--color-background-button-hover);
-				}
-
-				&:focus {
-					border: 1px solid
-						var(--color-background-selection_opacity50);
-				}
-
-				&:active {
-					border: 1px solid var(--color-background-selection);
-					transform: scale(
-						var(--transform-button-active),
-						var(--transform-button-active)
-					);
-				}
-			}
-		}
-	}
-
-	&.jodit-search_replace {
-		.jodit-search__counts,
-		.jodit-search__inputs {
-			height: calc(var(--height-search) * 2);
-
-			input {
-				height: 50%;
-				transition: background-color var(--timeout-button-active) linear;
-
-				&:focus {
-					box-shadow: inset 0 0 3px 0 var(--color-border);
-				}
-			}
-		}
-
-		.jodit-search__buttons {
-			flex-wrap: wrap;
-		}
-
-		.jodit-search__inputs input[data-ref='replace'],
-		.jodit-search__buttons button[data-ref='replace-btn'] {
-			display: block;
-		}
-	}
-}