@wangeditor-next/code-highlight 1.0.3 → 1.2.0

package/CHANGELOG.md

@@ -0,0 +1,85 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [1.2.0](https://github.com/cycleccc/wangEditor/compare/@wangeditor-next/code-highlight@1.1.0...@wangeditor-next/code-highlight@1.2.0) (2024-05-30)
+
+
+### Features
+
+* ** issue 5872 :** 文本高亮添加 abap 支持 ([cbb0524](https://github.com/cycleccc/wangEditor/commit/cbb05248968b3a9994979c595c23dbdc7c378b7e))
+
+
+
+
+
+# 1.1.0 (2024-05-19)
+
+
+### Bug Fixes
+
+* 代码块 - 增加 lua groovy  语言 ([ef4f62a](https://github.com/cycleccc/wangEditor/commit/ef4f62a876e95995f7c8f6f41d8d44b2505dd5f6))
+* 更新各包之间依赖版本 ([75c552c](https://github.com/cycleccc/wangEditor/commit/75c552cc8ed54765bebb86a7ec5329a7fc79e85f))
+* 修复 pnpm 安装 @wangeditor/editor 出现警告的问题 ([4087fbe](https://github.com/cycleccc/wangEditor/commit/4087fbee01c76bdd55e747a5e86c5e4a8d6a8353))
+* 移除了每个包下的 publishConfig directory 配置 ([16559f0](https://github.com/cycleccc/wangEditor/commit/16559f052545c111318be760e64291a521bdcc65))
+* 粘贴 <code> 代码块出错 ([fc44d9f](https://github.com/cycleccc/wangEditor/commit/fc44d9ff36cb9566d9dc5490b4be14f2e5bd3f3c))
+* issue 4308 - 自定义字号、字体无法回显 ([ad38b8c](https://github.com/cycleccc/wangEditor/commit/ad38b8ce6dbcff1d65785c8d6701238ad351f562))
+* rename es module filename ([1821d4e](https://github.com/cycleccc/wangEditor/commit/1821d4eef49e64efcb41b848849ca7a5e6472044))
+* table - elemToHtml ([e36e609](https://github.com/cycleccc/wangEditor/commit/e36e6092ef721723169afc8bf0560a47ac9f4dfc))
+
+
+### Features
+
+* code highlight ([42b2f8d](https://github.com/cycleccc/wangEditor/commit/42b2f8d192e2433593c11ad0b8424737f6cffb58))
+* i18n ([c11b244](https://github.com/cycleccc/wangEditor/commit/c11b2440f91b99d40bca18b675c66a22b6e160c9))
+* parse html ([2a5eace](https://github.com/cycleccc/wangEditor/commit/2a5eace00f33cded50b68e8164748ec2480213fd))
+* toHtml 机制 ([1c4d872](https://github.com/cycleccc/wangEditor/commit/1c4d8729f84aaab6a448f23064b34a20596305e9))
+* upload video ([ac8e6f8](https://github.com/cycleccc/wangEditor/commit/ac8e6f8b5258e593714676a6f6be359ba525833c))
+
+
+
+
+
+## [1.0.3](https://github.com/wangeditor-team/wangEditor/compare/@wangeditor/code-highlight@1.0.2...@wangeditor/code-highlight@1.0.3) (2022-09-14)
+
+
+### Bug Fixes
+
+* 代码块 - 增加 lua groovy  语言 ([ef4f62a](https://github.com/wangeditor-team/wangEditor/commit/ef4f62a876e95995f7c8f6f41d8d44b2505dd5f6))
+
+
+
+
+
+## [1.0.2](https://github.com/wangeditor-team/wangEditor/compare/@wangeditor/code-highlight@1.0.1...@wangeditor/code-highlight@1.0.2) (2022-06-02)
+
+
+### Bug Fixes
+
+* issue 4308 - 自定义字号、字体无法回显 ([ad38b8c](https://github.com/wangeditor-team/wangEditor/commit/ad38b8ce6dbcff1d65785c8d6701238ad351f562))
+
+
+
+
+
+## 1.0.1 (2022-04-18)
+
+
+### Bug Fixes
+
+* 更新各包之间依赖版本 ([75c552c](https://github.com/wangeditor-team/wangEditor/commit/75c552cc8ed54765bebb86a7ec5329a7fc79e85f))
+* 修复 pnpm 安装 @wangeditor/editor 出现警告的问题 ([4087fbe](https://github.com/wangeditor-team/wangEditor/commit/4087fbee01c76bdd55e747a5e86c5e4a8d6a8353))
+* 移除了每个包下的 publishConfig directory 配置 ([16559f0](https://github.com/wangeditor-team/wangEditor/commit/16559f052545c111318be760e64291a521bdcc65))
+* 粘贴 <code> 代码块出错 ([fc44d9f](https://github.com/wangeditor-team/wangEditor/commit/fc44d9ff36cb9566d9dc5490b4be14f2e5bd3f3c))
+* rename es module filename ([1821d4e](https://github.com/wangeditor-team/wangEditor/commit/1821d4eef49e64efcb41b848849ca7a5e6472044))
+* table - elemToHtml ([e36e609](https://github.com/wangeditor-team/wangEditor/commit/e36e6092ef721723169afc8bf0560a47ac9f4dfc))
+
+
+### Features
+
+* code highlight ([42b2f8d](https://github.com/wangeditor-team/wangEditor/commit/42b2f8d192e2433593c11ad0b8424737f6cffb58))
+* i18n ([c11b244](https://github.com/wangeditor-team/wangEditor/commit/c11b2440f91b99d40bca18b675c66a22b6e160c9))
+* parse html ([2a5eace](https://github.com/wangeditor-team/wangEditor/commit/2a5eace00f33cded50b68e8164748ec2480213fd))
+* toHtml 机制 ([1c4d872](https://github.com/wangeditor-team/wangEditor/commit/1c4d8729f84aaab6a448f23064b34a20596305e9))
+* upload video ([ac8e6f8](https://github.com/wangeditor-team/wangEditor/commit/ac8e6f8b5258e593714676a6f6be359ba525833c))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 - present wangEditor-team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/code-highlight/src/constants/svg.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @description icon svg
+ * @author wangfupeng
+ */
+/**
+ * 【注意】svg 字符串的长度 ，否则会导致代码体积过大
+ * 尽量选择 https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=20293
+ * 找不到再从 iconfont.com 搜索
+ */
+export declare const JS_SVG = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M64 64v896h896V64H64z m487.6 698.8c0 87.2-51.2 127-125.8 127-67.4 0-106.4-34.8-126.4-77l68.6-41.4c13.2 23.4 25.2 43.2 54.2 43.2 27.6 0 45.2-10.8 45.2-53V475.4h84.2v287.4z m199.2 127c-78.2 0-128.8-37.2-153.4-86l68.6-39.6c18 29.4 41.6 51.2 83 51.2 34.8 0 57.2-17.4 57.2-41.6 0-28.8-22.8-39-61.4-56l-21-9c-60.8-25.8-101-58.4-101-127 0-63.2 48.2-111.2 123.2-111.2 53.6 0 92 18.6 119.6 67.4L800 580c-14.4-25.8-30-36-54.2-36-24.6 0-40.2 15.6-40.2 36 0 25.2 15.6 35.4 51.8 51.2l21 9c71.6 30.6 111.8 62 111.8 132.4 0 75.6-59.6 117.2-139.4 117.2z\"></path></svg>";

package/dist/code-highlight/src/custom-types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @description 自定义 element
+ * @author wangfupeng
+ */
+declare type PureText = {
+    text: string;
+};
+export declare type PreElement = {
+    type: 'pre';
+    children: CodeElement[];
+};
+export declare type CodeElement = {
+    type: 'code';
+    language: string;
+    children: PureText[];
+};
+export {};

package/dist/code-highlight/src/decorate/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @description code-highlight decorate
+ * @author wangfupeng
+ */
+import { Node, NodeEntry, Range } from 'slate';
+declare const codeHighLightDecorate: (nodeEntry: NodeEntry<Node>) => Range[];
+export default codeHighLightDecorate;

package/dist/code-highlight/src/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description code-highlight
+ * @author wangfupeng
+ */
+import './assets/index.less';
+import './locale/index';
+import wangEditorCodeHighlightModule from './module/index';
+import wangEditorCodeHighLightDecorate from './decorate';
+export { wangEditorCodeHighlightModule, wangEditorCodeHighLightDecorate };

package/dist/code-highlight/src/locale/en.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @description i18n en
+ * @author wangfupeng
+ */
+declare const _default: {
+    highLightModule: {
+        selectLang: string;
+    };
+};
+export default _default;

package/dist/code-highlight/src/locale/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description i18n entry
+ * @author wangfupeng
+ */
+export {};

package/dist/code-highlight/src/locale/zh-CN.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @description i18n zh-CN
+ * @author wangfupeng
+ */
+declare const _default: {
+    highLightModule: {
+        selectLang: string;
+    };
+};
+export default _default;

package/dist/code-highlight/src/module/elem-to-html.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @description to html
+ * @author wangfupeng
+ */
+import { Element } from 'slate';
+declare function codeToHtml(elem: Element, childrenHtml: string): string;
+export declare const codeToHtmlConf: {
+    type: string;
+    elemToHtml: typeof codeToHtml;
+};
+export {};

package/dist/code-highlight/src/module/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @description code highlight module
+ * @author wangfupeng
+ */
+import { IModuleConf } from '@wangeditor-next/core';
+declare const codeHighlightModule: Partial<IModuleConf>;
+export default codeHighlightModule;

package/dist/code-highlight/src/module/menu/SelectLangMenu.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @description code-highlight select lang
+ * @author wangfupeng
+ */
+import { ISelectMenu, IDomEditor, IOption } from '@wangeditor-next/core';
+declare class SelectLangMenu implements ISelectMenu {
+    readonly title: string;
+    readonly iconSvg = "<svg viewBox=\"0 0 1024 1024\"><path d=\"M64 64v896h896V64H64z m487.6 698.8c0 87.2-51.2 127-125.8 127-67.4 0-106.4-34.8-126.4-77l68.6-41.4c13.2 23.4 25.2 43.2 54.2 43.2 27.6 0 45.2-10.8 45.2-53V475.4h84.2v287.4z m199.2 127c-78.2 0-128.8-37.2-153.4-86l68.6-39.6c18 29.4 41.6 51.2 83 51.2 34.8 0 57.2-17.4 57.2-41.6 0-28.8-22.8-39-61.4-56l-21-9c-60.8-25.8-101-58.4-101-127 0-63.2 48.2-111.2 123.2-111.2 53.6 0 92 18.6 119.6 67.4L800 580c-14.4-25.8-30-36-54.2-36-24.6 0-40.2 15.6-40.2 36 0 25.2 15.6 35.4 51.8 51.2l21 9c71.6 30.6 111.8 62 111.8 132.4 0 75.6-59.6 117.2-139.4 117.2z\"></path></svg>";
+    readonly tag = "select";
+    readonly width = 95;
+    readonly selectPanelWidth = 115;
+    getOptions(editor: IDomEditor): IOption[];
+    isActive(editor: IDomEditor): boolean;
+    /**
+     * 获取语言类型
+     * @param editor editor
+     */
+    getValue(editor: IDomEditor): string | boolean;
+    isDisabled(editor: IDomEditor): boolean;
+    exec(editor: IDomEditor, value: string | boolean): void;
+    private getSelectCodeElem;
+}
+export default SelectLangMenu;

package/dist/code-highlight/src/module/menu/config.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @description menu config
+ * @author wangfupeng
+ */
+export declare function genCodeLangs(): {
+    text: string;
+    value: string;
+}[];

package/dist/code-highlight/src/module/menu/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @description code-highlight menu
+ * @author wangfupeng
+ */
+import SelectLangMenu from './SelectLangMenu';
+export declare const selectLangMenuConf: {
+    key: string;
+    factory(): SelectLangMenu;
+    config: {
+        codeLangs: {
+            text: string;
+            value: string;
+        }[];
+    };
+};

package/dist/code-highlight/src/module/parse-style-html.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @description parse style html
+ * @author wangfupeng
+ */
+import { DOMElement } from '../utils/dom';
+import { Descendant } from 'slate';
+import { IDomEditor } from '@wangeditor-next/core';
+export declare function parseCodeStyleHtml(elem: DOMElement, node: Descendant, editor: IDomEditor): Descendant;

package/dist/code-highlight/src/module/render-style.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @description render code highlight style
+ * @author wangfupeng
+ */
+import { Descendant } from 'slate';
+import { VNode } from 'snabbdom';
+/**
+ * 添加样式
+ * @param node slate text
+ * @param vnode vnode
+ * @returns vnode
+ */
+export declare function renderStyle(node: Descendant, vnode: VNode): VNode;

package/dist/code-highlight/src/utils/dom.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @description DOM 操作
+ * @author wangfupeng
+ */
+import $ from 'dom7';
+export { Dom7Array } from 'dom7';
+export default $;
+import DOMNode = globalThis.Node;
+import DOMComment = globalThis.Comment;
+import DOMElement = globalThis.Element;
+import DOMText = globalThis.Text;
+import DOMRange = globalThis.Range;
+import DOMSelection = globalThis.Selection;
+import DOMStaticRange = globalThis.StaticRange;
+export { DOMNode, DOMComment, DOMElement, DOMText, DOMRange, DOMSelection, DOMStaticRange };

package/dist/code-highlight/src/utils/vdom.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @description vdom utils fn
+ * @author wangfupeng
+ */
+import { VNode, VNodeStyle } from 'snabbdom';
+/**
+ * 给 vnode 添加 className
+ * @param vnode vnode
+ * @param className css class
+ */
+export declare function addVnodeClassName(vnode: VNode, className: string): void;
+/**
+ * 给 vnode 添加样式
+ * @param vnode vnode
+ * @param newStyle { key: val }
+ */
+export declare function addVnodeStyle(vnode: VNode, newStyle: VNodeStyle): void;

package/dist/code-highlight/src/vendor/prism.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @description prismjs
+ * @author wangfupeng
+ */
+import { Text } from 'slate';
+import Prism from 'prismjs';
+import 'prismjs/components/prism-jsx';
+import 'prismjs/components/prism-typescript';
+import 'prismjs/components/prism-markup';
+import 'prismjs/components/prism-go';
+import 'prismjs/components/prism-php';
+import 'prismjs/components/prism-c';
+import 'prismjs/components/prism-python';
+import 'prismjs/components/prism-java';
+import 'prismjs/components/prism-cpp';
+import 'prismjs/components/prism-csharp';
+import 'prismjs/components/prism-visual-basic';
+import 'prismjs/components/prism-sql';
+import 'prismjs/components/prism-ruby';
+import 'prismjs/components/prism-swift';
+import 'prismjs/components/prism-bash';
+import 'prismjs/components/prism-markdown';
+import 'prismjs/components/prism-lua';
+import 'prismjs/components/prism-groovy';
+import 'prismjs/components/prism-abap';
+export declare const prismTokenTypes: string[];
+/**
+ * 获取 prism token 的字符串长度
+ * @param token prism token
+ */
+export declare function getPrismTokenLength(token: any): any;
+/**
+ * 获取 prism 解析的 token 列表
+ * @param textNode text node
+ * @param language 代码语言
+ */
+export declare function getPrismTokens(textNode: Text, language: string): (string | Prism.Token)[];

package/dist/css/style.css

@@ -0,0 +1,78 @@
+.w-e-text-container [data-slate-editor] pre > code {
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  -moz-tab-size: 4;
+    -o-tab-size: 4;
+       tab-size: 4;
+  -webkit-hyphens: none;
+          hyphens: none;
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+.w-e-text-container [data-slate-editor] pre > code .token.comment,
+.w-e-text-container [data-slate-editor] pre > code .token.prolog,
+.w-e-text-container [data-slate-editor] pre > code .token.doctype,
+.w-e-text-container [data-slate-editor] pre > code .token.cdata {
+  color: slategray;
+}
+.w-e-text-container [data-slate-editor] pre > code .token.punctuation {
+  color: #999;
+}
+.w-e-text-container [data-slate-editor] pre > code .token.namespace {
+  opacity: 0.7;
+}
+.w-e-text-container [data-slate-editor] pre > code .token.property,
+.w-e-text-container [data-slate-editor] pre > code .token.tag,
+.w-e-text-container [data-slate-editor] pre > code .token.boolean,
+.w-e-text-container [data-slate-editor] pre > code .token.number,
+.w-e-text-container [data-slate-editor] pre > code .token.constant,
+.w-e-text-container [data-slate-editor] pre > code .token.symbol,
+.w-e-text-container [data-slate-editor] pre > code .token.deleted {
+  color: #905;
+}
+.w-e-text-container [data-slate-editor] pre > code .token.selector,
+.w-e-text-container [data-slate-editor] pre > code .token.attr-name,
+.w-e-text-container [data-slate-editor] pre > code .token.string,
+.w-e-text-container [data-slate-editor] pre > code .token.char,
+.w-e-text-container [data-slate-editor] pre > code .token.builtin,
+.w-e-text-container [data-slate-editor] pre > code .token.inserted {
+  color: #690;
+}
+.w-e-text-container [data-slate-editor] pre > code .token.operator,
+.w-e-text-container [data-slate-editor] pre > code .token.entity,
+.w-e-text-container [data-slate-editor] pre > code .token.url,
+.w-e-text-container [data-slate-editor] pre > code .language-css .token.string,
+.w-e-text-container [data-slate-editor] pre > code .style .token.string {
+  color: #9a6e3a;
+}
+.w-e-text-container [data-slate-editor] pre > code .token.atrule,
+.w-e-text-container [data-slate-editor] pre > code .token.attr-value,
+.w-e-text-container [data-slate-editor] pre > code .token.keyword {
+  color: #07a;
+}
+.w-e-text-container [data-slate-editor] pre > code .token.function,
+.w-e-text-container [data-slate-editor] pre > code .token.class-name {
+  color: #DD4A68;
+}
+.w-e-text-container [data-slate-editor] pre > code .token.regex,
+.w-e-text-container [data-slate-editor] pre > code .token.important,
+.w-e-text-container [data-slate-editor] pre > code .token.variable {
+  color: #e90;
+}
+.w-e-text-container [data-slate-editor] pre > code .token.important,
+.w-e-text-container [data-slate-editor] pre > code .token.bold {
+  font-weight: bold;
+}
+.w-e-text-container [data-slate-editor] pre > code .token.italic {
+  font-style: italic;
+}
+.w-e-text-container [data-slate-editor] pre > code .token.entity {
+  cursor: help;
+}