tiny-markdown-editor 0.2.6 → 0.2.7

package/README.md

@@ -363,9 +363,11 @@ npm install
 npm run build
 ```
 
-The latter command generates the `dist` directory. You will find the following files there:
+The latter command generates the `dist` and `lib` directories. You will find the following files there:
 
 - `dist/tiny-mde.css` and `dist/tiny-mde.min.css`: CSS files to style the editor. These can be edited at will to make the editor look like you want to. `dist/tiny-mde.min.css` has the same content as `dist/tiny-mde.css`, it's just minified. You will only need to use one of the files on your page. If you want to edit the CSS file, it's easier to edit `dist/tiny-mde.css` and then minify the edited version.
 - `dist/tiny-mde.js`: Debug version of the editor. The JS file is not minified and contains a sourcemap. It is not recommended to use this in production settings, since the file is large.
 - `dist/tiny-mde.min.js`: Minified JS file for most use cases. Simply copy this to your project to use it.
 - `dist/tiny-mde.tiny.js`: Minified and stripped-down JS file. Contains only the editor itself, not the toolbar.
+- `lib/*.js`: Plain JavaScript versions of the code, transpiled from the TypeScript source, for use by bundlers.
+- `lib/*.d.ts`: TypeScript type declarations.

package/lib/TinyMDE.d.ts

@@ -0,0 +1,108 @@
+import { GrammarRule } from "./grammar";
+export interface EditorProps {
+    element?: string | HTMLElement;
+    editor?: string | HTMLElement;
+    content?: string;
+    textarea?: string | HTMLTextAreaElement;
+    customInlineGrammar?: Record<string, GrammarRule>;
+}
+export interface Position {
+    row: number;
+    col: number;
+}
+export interface HistoryState {
+    content: string;
+    selection: Position | null;
+    anchor: Position | null;
+}
+export interface ChangeEvent {
+    content: string;
+    linesDirty: boolean[];
+}
+export interface SelectionEvent {
+    focus: Position;
+    anchor: Position;
+    commandState: Record<string, boolean | null>;
+}
+export interface DropEvent {
+    dataTransfer: DataTransfer;
+}
+type EventType = 'change' | 'selection' | 'drop';
+type EventHandler<T> = (event: T) => void;
+export declare class Editor {
+    e: HTMLDivElement | null;
+    textarea: HTMLTextAreaElement | null;
+    lines: string[];
+    lineElements: NodeListOf<ChildNode> | HTMLCollection | ChildNode[];
+    lineTypes: string[];
+    lineCaptures: RegExpExecArray[];
+    lineReplacements: string[];
+    linkLabels: string[];
+    lineDirty: boolean[];
+    lastCommandState: Record<string, boolean | null> | null;
+    private customInlineGrammar;
+    private mergedInlineGrammar;
+    private hasFocus;
+    listeners: {
+        change: EventHandler<ChangeEvent>[];
+        selection: EventHandler<SelectionEvent>[];
+        drop: EventHandler<DropEvent>[];
+    };
+    private undoStack;
+    private redoStack;
+    private isRestoringHistory;
+    private maxHistory;
+    constructor(props?: EditorProps);
+    get canUndo(): boolean;
+    get canRedo(): boolean;
+    private pushHistory;
+    private pushCurrentState;
+    undo(): void;
+    redo(): void;
+    private handleUndoRedoKey;
+    private createEditorElement;
+    setContent(content: string): void;
+    getContent(): string;
+    private updateFormatting;
+    private updateLinkLabels;
+    private replace;
+    private applyLineTypes;
+    private updateLineTypes;
+    getSelection(getAnchor?: boolean): Position | null;
+    setSelection(focus: Position, anchor?: Position | null): void;
+    paste(text: string, anchor?: Position | null, focus?: Position | null): void;
+    wrapSelection(pre: string, post: string, focus?: Position | null, anchor?: Position | null): void;
+    addEventListener<T extends EventType>(type: T, listener: T extends 'change' ? EventHandler<ChangeEvent> : T extends 'selection' ? EventHandler<SelectionEvent> : T extends 'drop' ? EventHandler<DropEvent> : never): void;
+    private fireChange;
+    /**
+     * beforeinput handler, exclusively to handle insertParagraph and
+     * insertLineBreak events. These used to be handled in the input event,
+     * but that caused issues with Firefox where the input event would be
+     * sometimes not be fired for these input types.
+     * @param event The input event
+     * @returns nothing
+     */
+    private handleBeforeInputEvent;
+    private handleInputEvent;
+    private handleSelectionChangeEvent;
+    private handlePaste;
+    private handleDrop;
+    private processInlineStyles;
+    private computeColumn;
+    private computeNodeAndOffset;
+    private updateLineContentsAndFormatting;
+    private clearDirtyFlag;
+    private updateLineContents;
+    private spliceLines;
+    private fixNodeHierarchy;
+    private parseLinkOrImage;
+    private computeCommonAncestor;
+    private computeEnclosingMarkupNode;
+    getCommandState(focus?: Position | null, anchor?: Position | null): Record<string, boolean | null>;
+    setCommandState(command: string, state: boolean): void;
+    private isInlineFormattingAllowed;
+    toggleCommandState(command: string): void;
+    private fireDrop;
+    private fireSelection;
+}
+export default Editor;