@krainovsd/markdown-editor 0.0.4 → 0.1.0

package/lib/esm/module/Editor/lib/init-editor-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-editor-provider.js","sources":["../../../../../src/module/Editor/lib/init-editor-provider.ts"],"sourcesContent":["import type { MultiCursorOptions } from \"../Editor.types\";\n\ntype InitEditorProviderOptions = {\n  initialText?: string;\n} & MultiCursorOptions;\n\nexport async function initEditorProvider({\n  roomId,\n  url,\n  userName = \"Anonymous\",\n  userColor,\n  initialText,\n  onStartProvider,\n}: InitEditorProviderOptions) {\n  const { Doc } = await import(\"yjs\");\n  const { WebsocketProvider } = await import(\"y-websocket\");\n\n  const multiCursorDocument = new Doc();\n  const multiCursorText = multiCursorDocument.getText(roomId);\n\n  if (!userColor || !userColor.startsWith(\"#\")) {\n    // eslint-disable-next-line no-console\n    console.warn(\"user color must be hex!\");\n    userColor = \"#30bced\";\n  }\n  const userColorLight = `${userColor.substring(0, 7)}33`;\n\n  const provider = new WebsocketProvider(url, roomId, multiCursorDocument);\n  provider.awareness.setLocalStateField(\"user\", {\n    name: userName,\n    color: userColor,\n    colorLight: userColorLight,\n  });\n\n  if (onStartProvider)\n    provider.on(\"status\", (event: { status: string }) => {\n      onStartProvider(event?.status);\n    });\n\n  if (provider && multiCursorText)\n    provider.on(\"sync\", (isSynced: boolean) => {\n      if (isSynced && !multiCursorText.length && initialText) {\n        multiCursorText.insert(0, initialText);\n      }\n    });\n\n  return { provider, multiCursorText };\n}\n"],"names":[],"mappings":"AAMO,eAAe,kBAAkB,CAAC,EACvC,MAAM,EACN,GAAG,EACH,QAAQ,GAAG,WAAW,EACtB,SAAS,EACT,WAAW,EACX,eAAe,GACW,EAAA;IAC1B,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,OAAO,KAAK,CAAC;IACnC,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,OAAO,aAAa,CAAC;AAEzD,IAAA,MAAM,mBAAmB,GAAG,IAAI,GAAG,EAAE;IACrC,MAAM,eAAe,GAAG,mBAAmB,CAAC,OAAO,CAAC,MAAM,CAAC;IAE3D,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;;AAE5C,QAAA,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC;QACvC,SAAS,GAAG,SAAS;;AAEvB,IAAA,MAAM,cAAc,GAAG,CAAG,EAAA,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,EAAA,CAAI;IAEvD,MAAM,QAAQ,GAAG,IAAI,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,mBAAmB,CAAC;AACxE,IAAA,QAAQ,CAAC,SAAS,CAAC,kBAAkB,CAAC,MAAM,EAAE;AAC5C,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,UAAU,EAAE,cAAc;AAC3B,KAAA,CAAC;AAEF,IAAA,IAAI,eAAe;QACjB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAyB,KAAI;AAClD,YAAA,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC;AAChC,SAAC,CAAC;IAEJ,IAAI,QAAQ,IAAI,eAAe;QAC7B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,QAAiB,KAAI;YACxC,IAAI,QAAQ,IAAI,CAAC,eAAe,CAAC,MAAM,IAAI,WAAW,EAAE;AACtD,gBAAA,eAAe,CAAC,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC;;AAE1C,SAAC,CAAC;AAEJ,IAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE;AACtC;;;;"}

package/lib/esm/module/Editor/lib/init-editor-state.js

@@ -0,0 +1,18 @@
+import { EditorState } from '@codemirror/state';
+import '../../../extensions/compartments/index.js';
+import { initExtensions } from '../../../extensions/init-extensions.js';
+import '@codemirror/view';
+import '@codemirror/language';
+import '@lezer/highlight';
+
+async function initEditorState({ text, ...rest }) {
+    const extensions = await initExtensions(rest);
+    return EditorState.create({
+        // eslint-disable-next-line @typescript-eslint/no-base-to-string
+        doc: rest.multiCursorText ? rest.multiCursorText.toString() : text,
+        extensions,
+    });
+}
+
+export { initEditorState };
+//# sourceMappingURL=init-editor-state.js.map

package/lib/esm/module/Editor/lib/init-editor-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-editor-state.js","sources":["../../../../../src/module/Editor/lib/init-editor-state.ts"],"sourcesContent":["import { EditorState } from \"@codemirror/state\";\nimport { type InitExtensionsOptions, initExtensions } from \"@/extensions\";\n\ntype InitEditorStateOptions = {\n  text: string;\n} & InitExtensionsOptions;\n\nexport async function initEditorState({ text, ...rest }: InitEditorStateOptions) {\n  const extensions = await initExtensions(rest);\n\n  return EditorState.create({\n    // eslint-disable-next-line @typescript-eslint/no-base-to-string\n    doc: rest.multiCursorText ? rest.multiCursorText.toString() : text,\n    extensions,\n  });\n}\n"],"names":[],"mappings":";;;;;;;AAOO,eAAe,eAAe,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAA0B,EAAA;AAC7E,IAAA,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,IAAI,CAAC;IAE7C,OAAO,WAAW,CAAC,MAAM,CAAC;;AAExB,QAAA,GAAG,EAAE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,GAAG,IAAI;QAClE,UAAU;AACX,KAAA,CAAC;AACJ;;;;"}

package/lib/esm/module/Editor/lib/init-editor.js

@@ -0,0 +1,27 @@
+import { EditorView } from '@codemirror/view';
+import { initEditorProvider } from './init-editor-provider.js';
+import { initEditorState } from './init-editor-state.js';
+
+async function initEditor({ multiCursor, root, initialText, ...rest }) {
+    let provider;
+    let multiCursorText;
+    if (multiCursor) {
+        const editorProvider = await initEditorProvider({ ...multiCursor, initialText });
+        provider = editorProvider.provider;
+        multiCursorText = editorProvider.multiCursorText;
+    }
+    const state = await initEditorState({
+        ...rest,
+        text: initialText || "",
+        provider,
+        multiCursorText,
+    });
+    const view = new EditorView({
+        state,
+        parent: root,
+    });
+    return { view, provider };
+}
+
+export { initEditor };
+//# sourceMappingURL=init-editor.js.map

package/lib/esm/module/Editor/lib/init-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-editor.js","sources":["../../../../../src/module/Editor/lib/init-editor.ts"],"sourcesContent":["import { EditorView } from \"@codemirror/view\";\nimport { type WebsocketProvider } from \"y-websocket\";\nimport type { Text } from \"yjs\";\nimport type { EditorArguments } from \"../Editor.types\";\nimport { initEditorProvider } from \"./init-editor-provider\";\nimport { initEditorState } from \"./init-editor-state\";\n\nexport async function initEditor({ multiCursor, root, initialText, ...rest }: EditorArguments) {\n  let provider: WebsocketProvider | undefined;\n  let multiCursorText: Text | undefined;\n\n  if (multiCursor) {\n    const editorProvider = await initEditorProvider({ ...multiCursor, initialText });\n    provider = editorProvider.provider;\n    multiCursorText = editorProvider.multiCursorText;\n  }\n\n  const state = await initEditorState({\n    ...rest,\n    text: initialText || \"\",\n    provider,\n    multiCursorText,\n  });\n  const view = new EditorView({\n    state,\n    parent: root,\n  });\n\n  return { view, provider };\n}\n"],"names":[],"mappings":";;;;AAOO,eAAe,UAAU,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAmB,EAAA;AAC3F,IAAA,IAAI,QAAuC;AAC3C,IAAA,IAAI,eAAiC;IAErC,IAAI,WAAW,EAAE;AACf,QAAA,MAAM,cAAc,GAAG,MAAM,kBAAkB,CAAC,EAAE,GAAG,WAAW,EAAE,WAAW,EAAE,CAAC;AAChF,QAAA,QAAQ,GAAG,cAAc,CAAC,QAAQ;AAClC,QAAA,eAAe,GAAG,cAAc,CAAC,eAAe;;AAGlD,IAAA,MAAM,KAAK,GAAG,MAAM,eAAe,CAAC;AAClC,QAAA,GAAG,IAAI;QACP,IAAI,EAAE,WAAW,IAAI,EAAE;QACvB,QAAQ;QACR,eAAe;AAChB,KAAA,CAAC;AACF,IAAA,MAAM,IAAI,GAAG,IAAI,UAAU,CAAC;QAC1B,KAAK;AACL,QAAA,MAAM,EAAE,IAAI;AACb,KAAA,CAAC;AAEF,IAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE;AAC3B;;;;"}

package/lib/esm/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js

@@ -0,0 +1,29 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as default };
+//# sourceMappingURL=style-inject.es.js.map

package/lib/esm/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es.js","sources":["../../../../../../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAY,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO;;AAExD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B;AACA,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B;;AAEA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD;AACA;;;;","x_google_ignoreList":[0]}

package/lib/index.d.ts

@@ -0,0 +1,137 @@
+import { KeyBinding, EditorView, ViewUpdate, Decoration } from '@codemirror/view';
+import { WebsocketProvider } from 'y-websocket';
+import { Text } from 'yjs';
+import { EditorState, Range } from '@codemirror/state';
+import { LanguageDescription } from '@codemirror/language';
+import { SyntaxNodeRef } from '@lezer/common';
+
+type EditorTheme = "dark" | "light";
+type InitThemeOptions = {
+    dark?: ThemeOptions;
+    light?: ThemeOptions;
+    theme?: EditorTheme;
+};
+type ThemeOptions = {
+    themeConfig?: ThemeConfig;
+    highlightConfig?: HighlightConfig;
+};
+type ThemeConfig = {
+    fontFamily?: string;
+    color?: string;
+    background?: string;
+    codeBackground?: string;
+    codeColor?: string;
+    codeButtonColor?: string;
+    codeButtonBackground?: string;
+    horizontalColor?: string;
+    linkColor?: string;
+    blockquoteColor?: string;
+    mentionColor?: string;
+    vimSelectionFocused?: string;
+    vimSelection?: string;
+};
+type HighlightConfig = {
+    keyword?: string;
+    variable?: string;
+    function?: string;
+    string?: string;
+    constant?: string;
+    type?: string;
+    class?: string;
+    number?: string;
+    comment?: string;
+    heading?: string;
+    invalid?: string;
+    regexp?: string;
+};
+
+type InitKeyMapsOptions = {
+    onEnter?: HandleEnterKeyMapEditorFunction;
+    onEscape?: HandleEscapeKeyMapEditorFunction;
+    keyMaps?: CustomKeyMap[];
+    defaultKeyMaps?: DefaultKeyMapsOptions;
+};
+type CustomKeyMap = KeyBinding;
+type HandleEnterKeyMapEditorFunction = (view: EditorView) => boolean;
+type HandleEscapeKeyMapEditorFunction = (view: EditorView) => boolean;
+type DefaultKeyMapsOptions = {
+    vim?: boolean;
+    theme?: boolean;
+};
+
+type GetChangeEventOptions = {
+    onChange?: HandleChangeEditorFunction;
+};
+type HandleChangeEditorFunction = (view: ViewUpdate) => void;
+
+type GetFocusEventOptions = {
+    onFocus?: HandleFocusEditorFunction;
+    onBlur?: HandleBlurEditorFunction;
+};
+type HandleFocusEditorFunction = (state: EditorState) => void;
+type HandleBlurEditorFunction = (state: EditorState) => void;
+
+type InitListenersOptions = GetFocusEventOptions & GetChangeEventOptions;
+
+type InitMarkdownOptions = {
+    languages?: LanguageDescription[];
+};
+type GetDecorationOptions = {
+    node: SyntaxNodeRef;
+    decorations: Range<Decoration>[];
+    view: EditorView;
+};
+type GetSelectionDecorationOptions = {
+    node: SyntaxNodeRef;
+    decorations: Range<Decoration>[];
+    view: EditorView;
+    isReadonly: boolean;
+};
+type GetDecorationFunction = (options: GetDecorationOptions) => void;
+type GetSelectionDecorationFunction = (options: GetSelectionDecorationOptions) => void;
+type DecorationPlugin = {
+    decorations?: GetDecorationFunction[];
+    selectionDecorations?: GetSelectionDecorationFunction[];
+};
+
+type InitSettingsOptions = {
+    readonly?: boolean;
+    vimMode?: boolean;
+};
+
+type ExtensionsOptions = InitListenersOptions & InitThemeOptions & InitSettingsOptions & InitMarkdownOptions & InitKeyMapsOptions;
+type InitExtensionsOptions = {
+    multiCursorText: Text | undefined;
+    provider: WebsocketProvider | undefined;
+} & ExtensionsOptions;
+
+type EditorArguments = {
+    root: HTMLElement;
+    initialText?: string;
+    multiCursor?: MultiCursorOptions;
+} & ExtensionsOptions;
+type MultiCursorOptions = {
+    url: string;
+    userName?: string;
+    userColor?: string;
+    roomId: string;
+    onStartProvider?: (status?: string) => void;
+};
+
+declare class Editor {
+    view: EditorView | undefined;
+    provider: WebsocketProvider | undefined;
+    arguments: EditorArguments;
+    constructor(options: EditorArguments);
+    focus: () => void;
+    getContent: () => string | undefined;
+    setContent: (content: string, position?: number) => void;
+    setReadonly: (readonly: boolean) => void;
+    setTheme: (theme?: EditorTheme) => void;
+    setVimMode: (mode: boolean) => Promise<void>;
+    setUserProvider: (name?: string, color?: string) => void;
+    destroy: () => void;
+}
+type EditorInterface = typeof Editor;
+
+export { type CustomKeyMap, type DecorationPlugin, type DefaultKeyMapsOptions, Editor, type EditorArguments, type EditorInterface, type EditorTheme, type ExtensionsOptions, type GetChangeEventOptions, type GetDecorationFunction, type GetDecorationOptions, type GetFocusEventOptions, type GetSelectionDecorationFunction, type GetSelectionDecorationOptions, type HandleBlurEditorFunction, type HandleChangeEditorFunction, type HandleEnterKeyMapEditorFunction, type HandleEscapeKeyMapEditorFunction, type HandleFocusEditorFunction, type HighlightConfig, type InitExtensionsOptions, type InitKeyMapsOptions, type InitListenersOptions, type InitMarkdownOptions, type InitSettingsOptions, type InitThemeOptions, type MultiCursorOptions, type ThemeConfig, type ThemeOptions };

package/package.json

@@ -1,18 +1,19 @@
 {
   "name": "@krainovsd/markdown-editor",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "description": "Krainov markdown-editor",
   "type": "module",
   "author": "KrainovSD <denislosev48@gmail.com>",
   "license": "ISC",
   "repository": {
     "type": "git",
-    "url": "https://github.com/KrainovSD/markdown-editor"
+    "url": "git+https://github.com/KrainovSD/js-tools.git",
+    "directory": "packages/markdown-editor"
   },
   "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./tmp/index.d.ts",
+      "types": "./lib/index.d.ts",
       "import": "./lib/esm/index.js",
       "require": "./lib/cjs/bundle.cjs"
     }
@@ -24,41 +25,47 @@
     "js"
   ],
   "files": [
-    "lib",
-    "tmp"
+    "lib"
   ],
   "scripts": {
+    "publish-package": "npm run lint && npm run build && npm publish",
     "dev": "vite",
+    "build": "npm run clear && npm run build:types && npm run build:js",
+    "lint": "eslint src/** -c ./eslint.config.js --color --max-warnings 0",
+    "lint:debug": "eslint --debug eslint.config.js",
+    "format": "prettier --write 'src/**/*.{js,ts,tsx,scss,css,json}'",
     "build:dev": "vite build",
-    "build": "npm run build:types && npm run build:js",
     "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",
-    "format": "prettier --write 'src/**/*.{js,ts,tsx,scss,css,json}'"
+    "clear": "rm -rf ./lib"
   },
   "devDependencies": {
-    "@codemirror/language-data": "6.5.1",
-    "@krainovsd/eslint-presets": "0.1.0",
-    "@lezer/common": "1.2.3",
-    "@lezer/markdown": "1.3.2",
-    "@rollup/plugin-node-resolve": "15.3.0",
+    "rollup": "4.29.1",
     "@rollup/plugin-terser": "0.4.4",
-    "@rollup/plugin-typescript": "12.1.1",
-    "@trivago/prettier-plugin-sort-imports": "4.3.0",
-    "@types/node": "22.8.6",
+    "@krainovsd/eslint-presets": "0.2.1",
+    "@rollup/plugin-commonjs": "28.0.2",
+    "@rollup/plugin-json": "6.1.0",
+    "@rollup/plugin-node-resolve": "16.0.0",
+    "@rollup/plugin-typescript": "12.1.2",
+    "rollup-plugin-dts": "6.1.1",
+    "rollup-plugin-bundle-stats": "4.17.0",
+    "rollup-plugin-visualizer": "5.12.0",
     "@types/rollup-plugin-peer-deps-external": "2.2.5",
-    "eslint": "9.13.0",
-    "prettier": "3.3.3",
-    "rollup": "4.21.2",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
-    "sass": "1.83.0",
-    "sass-embedded": "1.81.0",
+    "@trivago/prettier-plugin-sort-imports": "4.3.0",
+    "@types/node": "22.8.6",
+    "eslint": "9.17.0",
+    "prettier": "3.3.3",
     "ts-patch": "3.3.0",
     "typescript": "5.6.3",
     "typescript-transform-paths": "3.5.2",
-    "vite": "5.4.10"
+    "@codemirror/language-data": "6.5.1",
+    "@lezer/common": "1.2.3",
+    "@lezer/markdown": "1.3.2",
+    "sass": "1.83.0",
+    "sass-embedded": "1.81.0",
+    "vite": "6.0.11"
   },
   "dependencies": {
     "@codemirror/commands": "6.7.1",