@krainovsd/markdown-editor 0.0.3 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krainovsd/markdown-editor",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Krainov markdown-editor",
   "type": "module",
   "author": "KrainovSD <denislosev48@gmail.com>",
@@ -29,8 +29,9 @@
   ],
   "scripts": {
     "dev": "vite",
+    "build:dev": "vite build",
     "build": "npm run build:types && npm run build:js",
-    "build:js": "rollup  --config rollup.config.ts --configPlugin @rollup/plugin-typescript --no-stdin --environment BUILD:production,NODE_ENV:production",
+    "build:js": "rm -rf lib && rollup  --config rollup.config.ts --configPlugin @rollup/plugin-typescript --no-stdin --environment BUILD:production,NODE_ENV:production",
     "build:types": "tspc -p tsconfig.build.json",
     "lint": "eslint src/** -c ./eslint.config.js --color --max-warnings 0",
     "lint:debug": "eslint --debug eslint.config.js",
@@ -54,9 +55,9 @@
     "rollup-plugin-postcss": "4.0.2",
     "sass": "1.83.0",
     "sass-embedded": "1.81.0",
-    "ts-patch": "^3.3.0",
+    "ts-patch": "3.3.0",
     "typescript": "5.6.3",
-    "typescript-transform-paths": "^3.5.2",
+    "typescript-transform-paths": "3.5.2",
     "vite": "5.4.10"
   },
   "dependencies": {

package/tmp/app/helpers/common-test.d.ts

@@ -1 +1 @@
-export declare const COMMON_TEST = "\n\n<https://www.markdownguide.org>\n\n**<https://www.markdownguide.org>**\n\n\n[Duck Duck Go](https://duckduckgo.com)\n\n**[EFF](https://eff.org)**\n\n***[EFF](https://eff.org)***\n\n> ***[EFF](https://eff.org)***\n\n\n![test](https://mdg.imgix.net/assets/images/san-juan-mountains.jpg?auto=format&fit=clip&q=40&w=300)\n\n**![test](https://mdg.imgix.net/assets/images/san-juan-mountains.jpg?auto=format&fit=clip&q=40&w=300)**\n\n\n> ***![test](https://mdg.imgix.net/assets/images/san-juan-mountains.jpg?auto=format&fit=clip&q=40&w=300)***\n\n``` JS\nimport { param } from \"module\";\n\nconst btn = document.getElementById('btn');\nlet count: number = 0;\n\nfunction render(){\n  const regexp = /test^/\n  btn.innerText = `Count: ${count}`;\n}\n\nbtn.addEventListener(\"click\", (e) => {\n  // Count from 1 to 10.\n  if (count < 10){\n    count += 1;\n    render();\n  }\n})\n\nconst boolean = true\nconst object = {\n  value: boolean\n}\nconst array = [1, \"test\"]   \n\n```\n";
+export declare const COMMON_TEST = "\n## Heading level 2\n### Heading level 3\n#### Heading level 4\n##### Heading level 5\n###### Heading level 6\nHeading level 1\n===============\nHeading level 2\n---------------\nI just love **bold text**.\nI just love __bold text__.\nLove**is**bold\n\nItalicized text is the *cat's meow*.\nItalicized text is the _cat's meow_.\nA*cat*meow\n\nThis text is ***really important***.\nThis text is ___really important___.\nThis text is __*really important*__.\nThis text is **_really important_**.\nThis is really***very***important text.\n\n> Dorothy followed her through many of the beautiful rooms in her castle.\n>\n> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.\n\n> Dorothy followed her through many of the beautiful rooms in her castle.\n>\n>> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.\n\n> #### The quarterly results look great!\n>\n> - Revenue was off the chart.\n> - Profits were higher than ever.\n>\n>  *Everything* is going according to **plan**.\n\n![test](https://mdg.imgix.net/assets/images/san-juan-mountains.jpg?auto=format&fit=clip&q=40&w=300)\n\n\n![test](https://mdg.imgix.net/assets/images/san-juan-mountains.jpg?auto=format&fit=clip&q=40&w=300)\n\n\n\n![test](https://mdg.imgix.net/assets/images/san-juan-mountains.jpg?auto=format&fit=clip&q=40&w=280)\n\n";

package/tmp/extensions/index.d.ts

@@ -1,8 +1,8 @@
 export * from "./compartments";
 export * from "./init-extensions";
 export { getDarkTheme, getLightTheme } from "./theme";
-export type { InitKeyMapsOptions, HandleEnterKeyMapEditorFunction } from "./keymaps";
+export type { InitKeyMapsOptions, HandleEnterKeyMapEditorFunction, HandleEscapeKeyMapEditorFunction, DefaultKeyMapsOptions, CustomKeyMap, } from "./keymaps";
 export type { InitListenersOptions, GetChangeEventOptions, GetFocusEventOptions, HandleBlurEditorFunction, HandleChangeEditorFunction, HandleFocusEditorFunction, } from "./listeners";
 export type { DecorationPlugin, GetDecorationFunction, GetDecorationOptions, GetSelectionDecorationFunction, GetSelectionDecorationOptions, InitMarkdownOptions, } from "./markdown";
 export type { InitSettingsOptions } from "./settings";
-export type { HighlightConfig, InitThemeOptions, ThemeConfig, ThemeOptions } from "./theme";
+export type { HighlightConfig, InitThemeOptions, ThemeConfig, ThemeOptions, EditorTheme, } from "./theme";

package/tmp/extensions/init-extensions.d.ts

@@ -1,6 +1,6 @@
 import type { Extension } from "@codemirror/state";
 import type { WebsocketProvider } from "y-websocket";
-import { type Text } from "yjs";
+import type { Text } from "yjs";
 import { type InitKeyMapsOptions } from "./keymaps";
 import { type InitListenersOptions } from "./listeners";
 import { type InitMarkdownOptions } from "./markdown";
@@ -11,4 +11,4 @@ export type InitExtensionsOptions = {
     multiCursorText: Text | undefined;
     provider: WebsocketProvider | undefined;
 } & ExtensionsOptions;
-export declare const initExtensions: ({ onBlur, onChange, onFocus, onEnter, readonly, vimMode, multiCursorText, provider, theme, dark, light, languages, }: InitExtensionsOptions) => Extension[];
+export declare const initExtensions: ({ onBlur, onChange, onFocus, onEnter, onEscape, readonly, vimMode, multiCursorText, provider, theme, dark, light, languages, keyMaps, defaultKeyMaps, }: InitExtensionsOptions) => Promise<Extension[]>;

package/tmp/extensions/keymaps/init-key-map.d.ts

@@ -1,9 +1,23 @@
 import type { Extension } from "@codemirror/state";
-import { type EditorView } from "@codemirror/view";
+import { type EditorView, type KeyBinding } from "@codemirror/view";
+import { type EditorTheme, type ThemeOptions } from "../theme";
 export type InitKeyMapsOptions = {
     onEnter?: HandleEnterKeyMapEditorFunction;
+    onEscape?: HandleEscapeKeyMapEditorFunction;
+    keyMaps?: CustomKeyMap[];
+    defaultKeyMaps?: DefaultKeyMapsOptions;
 };
+export type CustomKeyMap = KeyBinding;
 export type HandleEnterKeyMapEditorFunction = (view: EditorView) => boolean;
-export declare const initKeyMaps: ({ onEnter, multiCursorMode, }: InitKeyMapsOptions & {
+export type HandleEscapeKeyMapEditorFunction = (view: EditorView) => boolean;
+export type DefaultKeyMapsOptions = {
+    vim?: boolean;
+    theme?: boolean;
+};
+export declare const initKeyMaps: ({ onEnter, onEscape, multiCursorMode, keyMaps, defaultKeyMaps, theme: initialTheme, vimMode: initialVimMode, dark, light, }: InitKeyMapsOptions & {
     multiCursorMode: boolean;
-}) => Extension;
+    vimMode: boolean;
+    theme: EditorTheme;
+    dark?: ThemeOptions;
+    light?: ThemeOptions;
+}) => Promise<Extension>;

package/tmp/extensions/markdown/image/image-widget.d.ts

@@ -1,15 +1,14 @@
 import { type EditorView, WidgetType } from "@codemirror/view";
 export declare class ImageWidget extends WidgetType {
-    private readonly text;
-    private readonly link;
+    private text;
+    private link;
+    private from;
+    private to;
     view: EditorView | undefined;
-    constructor(text: string, link: string);
-    /** recursively find the link text node in line */
-    getTextNode(line: ChildNode | Node | null | undefined): ChildNode | null;
-    getMinLength(): number;
-    isCorrectNode(node: ChildNode | Node | null | undefined): node is ChildNode | Node;
-    selectLink(node: ChildNode | Node, selection: Selection, start?: number): void;
-    handleClick(event: MouseEvent): false | undefined;
+    constructor(text: string, link: string, from: number, to: number);
+    get key(): string;
+    eq(widget: ImageWidget): boolean;
+    updateDOM(): boolean;
     toDOM(view: EditorView): HTMLElement;
-    destroy(dom: HTMLElement): void;
+    destroy(): void;
 }

package/tmp/extensions/markdown/markdown-parser.d.ts

@@ -0,0 +1,2 @@
+import type { MarkdownExtension } from "@lezer/markdown";
+export declare const markdownParserPlugin: MarkdownExtension;

package/tmp/extensions/settings/init-settings.d.ts

@@ -3,4 +3,4 @@ export type InitSettingsOptions = {
     readonly?: boolean;
     vimMode?: boolean;
 };
-export declare function InitSettings({ readonly, vimMode }: InitSettingsOptions): Extension[];
+export declare function InitSettings({ readonly, vimMode, }: InitSettingsOptions): Promise<Extension[]>;

package/tmp/extensions/theme/theme-types.d.ts

@@ -1,7 +1,8 @@
+export type EditorTheme = "dark" | "light";
 export type InitThemeOptions = {
     dark?: ThemeOptions;
     light?: ThemeOptions;
-    theme?: "dark" | "light";
+    theme?: EditorTheme;
 };
 export type ThemeOptions = {
     themeConfig?: ThemeConfig;
@@ -19,6 +20,8 @@ export type ThemeConfig = {
     linkColor?: string;
     blockquoteColor?: string;
     mentionColor?: string;
+    vimSelectionFocused?: string;
+    vimSelection?: string;
 };
 export type HighlightConfig = {
     keyword?: string;

package/tmp/index.d.ts

@@ -1,3 +1,3 @@
 export type { EditorInterface, EditorArguments, MultiCursorOptions } from "./module";
 export { Editor } from "./module";
-export type { ExtensionsOptions, InitExtensionsOptions, DecorationPlugin, GetDecorationFunction, GetDecorationOptions, GetSelectionDecorationFunction, GetSelectionDecorationOptions, HighlightConfig, InitKeyMapsOptions, InitListenersOptions, InitMarkdownOptions, InitSettingsOptions, InitThemeOptions, ThemeConfig, ThemeOptions, GetChangeEventOptions, GetFocusEventOptions, HandleBlurEditorFunction, HandleChangeEditorFunction, HandleEnterKeyMapEditorFunction, HandleFocusEditorFunction, } from "./extensions";
+export type { ExtensionsOptions, InitExtensionsOptions, DecorationPlugin, GetDecorationFunction, GetDecorationOptions, GetSelectionDecorationFunction, GetSelectionDecorationOptions, HighlightConfig, InitKeyMapsOptions, InitListenersOptions, InitMarkdownOptions, InitSettingsOptions, InitThemeOptions, ThemeConfig, ThemeOptions, GetChangeEventOptions, GetFocusEventOptions, HandleBlurEditorFunction, HandleChangeEditorFunction, HandleEnterKeyMapEditorFunction, HandleFocusEditorFunction, HandleEscapeKeyMapEditorFunction, DefaultKeyMapsOptions, EditorTheme, CustomKeyMap, } from "./extensions";

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

@@ -3,3 +3,4 @@ export * from "./tick";
 export * from "./get-decoration";
 export * from "./is-in-range";
 export * from "./is-range-overlap";
+export * from "./random-string";

package/tmp/lib/utils/random-string.d.ts

@@ -0,0 +1 @@
+export declare function randomString(length?: number): string;

package/tmp/module/Editor/Editor.d.ts

@@ -1,16 +1,17 @@
 import { EditorView } from "@codemirror/view";
-import { type WebsocketProvider } from "y-websocket";
+import type { WebsocketProvider } from "y-websocket";
+import { type EditorTheme } from "../../extensions";
 import { type EditorArguments } from "./Editor.types";
 export declare class Editor {
-    view: EditorView;
+    view: EditorView | undefined;
     provider: WebsocketProvider | undefined;
     arguments: EditorArguments;
     constructor(options: EditorArguments);
     focus: () => void;
-    getContent: () => string;
+    getContent: () => string | undefined;
     setReadonly: (readonly: boolean) => void;
-    setTheme: (theme?: "dark" | "light") => void;
-    setVimMode: (mode: boolean) => void;
+    setTheme: (theme?: EditorTheme) => void;
+    setVimMode: (mode: boolean) => Promise<void>;
     setUserProvider: (name?: string, color?: string) => void;
     destroy: () => void;
 }

package/tmp/module/Editor/lib/init-editor-provider.d.ts

@@ -1,10 +1,9 @@
-import { WebsocketProvider } from "y-websocket";
 import type { MultiCursorOptions } from "../Editor.types";
 type InitEditorProviderOptions = {
     initialText?: string;
 } & MultiCursorOptions;
-export declare function initEditorProvider({ roomId, url, userName, userColor, initialText, onStartProvider, }: InitEditorProviderOptions): {
-    provider: WebsocketProvider;
+export declare function initEditorProvider({ roomId, url, userName, userColor, initialText, onStartProvider, }: InitEditorProviderOptions): Promise<{
+    provider: import("y-websocket").WebsocketProvider;
     multiCursorText: import("yjs").Text;
-};
+}>;
 export {};

package/tmp/module/Editor/lib/init-editor-state.d.ts

@@ -3,5 +3,5 @@ import { type InitExtensionsOptions } from "../../../extensions";
 type InitEditorStateOptions = {
     text: string;
 } & InitExtensionsOptions;
-export declare function initEditorState({ text, ...rest }: InitEditorStateOptions): EditorState;
+export declare function initEditorState({ text, ...rest }: InitEditorStateOptions): Promise<EditorState>;
 export {};

package/tmp/module/Editor/lib/init-editor.d.ts

@@ -1,7 +1,7 @@
 import { EditorView } from "@codemirror/view";
 import { type WebsocketProvider } from "y-websocket";
 import type { EditorArguments } from "../Editor.types";
-export declare function initEditor({ multiCursor, root, initialText, ...rest }: EditorArguments): {
+export declare function initEditor({ multiCursor, root, initialText, ...rest }: EditorArguments): Promise<{
     view: EditorView;
     provider: WebsocketProvider | undefined;
-};
+}>;