suneditor 3.0.0-beta.2 → 3.0.0-beta.20

package/src/helper/dom/index.js

@@ -1,12 +1,12 @@
-// index.js
-import query from './domQuery';
-import check from './domCheck';
-import utils from './domUtils';
-
-const dom = {
-	query,
-	check,
-	utils
-};
-
-export default dom;
+// index.js
+import query from './domQuery';
+import check from './domCheck';
+import utils from './domUtils';
+
+const dom = {
+	query,
+	check,
+	utils
+};
+
+export default dom;

package/src/helper/env.js

@@ -1,240 +1,249 @@
-/**
- * @fileoverview Environment  helper functions
- */
-
-/** @type {Window} */
-export const _w = window;
-/** @type {Document} */
-export const _d = document;
-
-/**
- * @description No event symbol
- * @type {Symbol}
- */
-export const NO_EVENT = Symbol('noEventHandler');
-
-/**
- * @description On over component symbol
- * @type {Symbol}
- */
-export const ON_OVER_COMPONENT = Symbol('onOverComponent');
-
-const userAgent = navigator.userAgent.toLowerCase();
-
-/**
- * @description Gets XMLHttpRequest object
- * @returns {XMLHttpRequest}
- */
-export function getXMLHttpRequest() {
-	return new XMLHttpRequest();
-}
-
-/**
- * @deprecated
- * @description Returns the CSS text that has been applied to the current page.
- * @param {Document|null} doc To get the CSS text of an document. If null get the current document.
- * @returns {string} Styles string
- */
-export function getPageStyle(doc) {
-	let cssText = '';
-	const sheets = (doc || _d).styleSheets;
-
-	for (let i = 0, len = sheets.length, rules; i < len; i++) {
-		/* eslint-disable @typescript-eslint/no-unused-vars */
-		try {
-			rules = sheets[i].cssRules;
-		} catch (e) {
-			continue;
-		}
-		/* eslint-disable @typescript-eslint/no-unused-vars */
-
-		if (rules) {
-			for (let c = 0, cLen = rules.length; c < cLen; c++) {
-				cssText += rules[c].cssText;
-			}
-		}
-	}
-
-	return cssText;
-}
-
-/**
- * @deprecated
- * @description Get the the tag path of the arguments value
- * @param {Array<string>} nameArray File name array
- * @param {string} extension js, css
- * @returns {string} If not found, return the first found value
- */
-export function getIncludePath(nameArray, extension) {
-	let path = '';
-	const pathList = [];
-	const tagName = extension === 'js' ? 'script' : 'link';
-	const src = extension === 'js' ? 'src' : 'href';
-
-	let fileName = '(?:';
-	for (let i = 0, len = nameArray.length; i < len; i++) {
-		fileName += nameArray[i] + (i < len - 1 ? '|' : ')');
-	}
-
-	const regExp = new RegExp(`(^|.*[\\/])${fileName}(\\.[^\\/]+)?.${extension}(?:\\?.*|;.*)?$`, 'i');
-	const extRegExp = new RegExp(`.+\\.${extension}(?:\\?.*|;.*)?$`, 'i');
-
-	for (let c = _d.getElementsByTagName(tagName), i = 0; i < c.length; i++) {
-		if (extRegExp.test(c[i][src])) {
-			pathList.push(c[i]);
-		}
-	}
-
-	for (let i = 0; i < pathList.length; i++) {
-		const editorTag = pathList[i][src].match(regExp);
-		if (editorTag) {
-			path = editorTag[0];
-			break;
-		}
-	}
-
-	if (path === '') path = pathList.length > 0 ? pathList[0][src] : '';
-
-	if (!path.includes(':/') && '//' !== path.slice(0, 2)) {
-		path = false === path.includes('/') ? location.href.match(/^.*?:\/\/[^/]*/)[0] + path : location.href.match(/^[^?]*\/(?:)/)[0] + path;
-	}
-
-	if (!path) {
-		throw '[SUNEDITOR.helper.env.getIncludePath.fail] The SUNEDITOR installation path could not be automatically detected. (path: +' + path + ', extension: ' + extension + ')';
-	}
-
-	return path;
-}
-
-/** --- Check browser --- */
-/**
- * @description Check if support ResizeObserver function
- * @returns {boolean} Whether support ResizeObserver function or not.
- */
-export const isResizeObserverSupported = (() => {
-	return typeof ResizeObserver === 'function';
-})();
-
-/**
- * @description Check if support navigator.clipboard
- * @returns {boolean} Whether support navigator.clipboard or not.
- */
-export const isClipboardSupported = (() => {
-	/* eslint-disable-next-line compat/compat */
-	return typeof navigator.clipboard?.write === 'function';
-})();
-
-/**
- * @description Check if User Agent is Edge
- * @returns {boolean} Whether User Agent is Edge or not.
- */
-export const isEdge = (() => {
-	return /Edg/.test(navigator.userAgent);
-})();
-
-/**
- * @description Check if User Agent is OSX or IOS
- * @type {boolean}
- */
-export const isOSX_IOS = (() => {
-	return /(Mac|iPhone|iPod|iPad)/.test(navigator.userAgent);
-})();
-
-/**
- * @description Check if User Agent Blink engine.
- * @type {boolean}
- */
-export const isBlink = (() => {
-	return userAgent.includes('chrome/') && !userAgent.includes('edge/');
-})();
-
-/**
- * @description Check if User Agent is Firefox (Gecko).
- * @type {boolean}
- */
-export const isGecko = (() => {
-	return !!userAgent.match(/gecko\/\d+/);
-})();
-
-/**
- * @description Check if User Agent is Chromium browser.
- * @type {boolean}
- */
-export const isChromium = (() => {
-	return !!(/** @type {Window & { chrome: any }} */ (_w).chrome);
-})();
-
-/**
- * @description Check if User Agent is Safari.
- * @type {boolean}
- */
-export const isSafari = (() => {
-	return userAgent.includes('applewebkit/') && !userAgent.includes('chrome');
-})();
-
-/**
- * @description Check if User Agent is Mobile device.
- * - when the device is touchable, it is judged as a mobile device.
- * @type {boolean}
- */
-export const isMobile = (() => {
-	/* eslint-disable-next-line compat/compat */
-	return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent) || (navigator.maxTouchPoints > 0 && 'ontouchstart' in _w);
-})();
-
-/**
- * @description Check if User Agent is Android mobile device.
- * @type {boolean}
- */
-export const isAndroid = (() => {
-	return userAgent.includes('android');
-})();
-
-/**
- * @description Command(Mac) or CTRL(Window) icon.
- * @type {string}
- */
-export const cmdIcon = isOSX_IOS ? '⌘' : 'CTRL';
-
-/**
- * @description SHIFT(Mac, Window) icon.
- * @type {string}
- */
-export const shiftIcon = isOSX_IOS ? '⇧' : '+SHIFT';
-
-/**
- * @description Device pixel ratio
- * @type {number}
- */
-export const DPI = _w.devicePixelRatio;
-
-/** --- editor env --- */
-export const KATEX_WEBSITE = 'https://katex.org/docs/supported.html';
-export const MATHJAX_WEBSITE = 'https://www.mathjax.org/';
-
-const env = {
-	_w,
-	_d,
-	NO_EVENT,
-	ON_OVER_COMPONENT,
-	getXMLHttpRequest,
-	getPageStyle,
-	getIncludePath,
-	isResizeObserverSupported,
-	isClipboardSupported,
-	isEdge,
-	isBlink,
-	isGecko,
-	isChromium,
-	isSafari,
-	isOSX_IOS,
-	isAndroid,
-	isMobile,
-	cmdIcon,
-	shiftIcon,
-	DPI,
-	KATEX_WEBSITE,
-	MATHJAX_WEBSITE
-};
-
-export default env;
+/**
+ * @fileoverview Environment  helper functions
+ */
+
+/** @type {Window} */
+export const _w = window;
+/** @type {Document} */
+export const _d = document;
+
+/**
+ * @description No event symbol
+ * @type {Symbol}
+ */
+export const NO_EVENT = Symbol('noEventHandler');
+
+/**
+ * @description On over component symbol
+ * @type {Symbol}
+ */
+export const ON_OVER_COMPONENT = Symbol('onOverComponent');
+
+const userAgent = navigator.userAgent.toLowerCase();
+
+/**
+ * @description Gets XMLHttpRequest object
+ * @returns {XMLHttpRequest}
+ */
+export function getXMLHttpRequest() {
+	return new XMLHttpRequest();
+}
+
+/**
+ * @deprecated
+ * @description Returns the CSS text that has been applied to the current page.
+ * @param {Document|null} doc To get the CSS text of an document. If null get the current document.
+ * @returns {string} Styles string
+ */
+export function getPageStyle(doc) {
+	let cssText = '';
+	const sheets = (doc || _d).styleSheets;
+
+	for (let i = 0, len = sheets.length, rules; i < len; i++) {
+		/* eslint-disable @typescript-eslint/no-unused-vars */
+		try {
+			rules = sheets[i].cssRules;
+		} catch (e) {
+			continue;
+		}
+		/* eslint-disable @typescript-eslint/no-unused-vars */
+
+		if (rules) {
+			for (let c = 0, cLen = rules.length; c < cLen; c++) {
+				cssText += rules[c].cssText;
+			}
+		}
+	}
+
+	return cssText;
+}
+
+/**
+ * @deprecated
+ * @description Get the the tag path of the arguments value
+ * @param {Array<string>} nameArray File name array
+ * @param {string} extension js, css
+ * @returns {string} If not found, return the first found value
+ */
+export function getIncludePath(nameArray, extension) {
+	let path = '';
+	const pathList = [];
+	const tagName = extension === 'js' ? 'script' : 'link';
+	const src = extension === 'js' ? 'src' : 'href';
+
+	let fileName = '(?:';
+	for (let i = 0, len = nameArray.length; i < len; i++) {
+		fileName += nameArray[i] + (i < len - 1 ? '|' : ')');
+	}
+
+	const regExp = new RegExp(`(^|.*[\\/])${fileName}(\\.[^\\/]+)?.${extension}(?:\\?.*|;.*)?$`, 'i');
+	const extRegExp = new RegExp(`.+\\.${extension}(?:\\?.*|;.*)?$`, 'i');
+
+	for (let c = _d.getElementsByTagName(tagName), i = 0; i < c.length; i++) {
+		if (extRegExp.test(c[i][src])) {
+			pathList.push(c[i]);
+		}
+	}
+
+	for (let i = 0; i < pathList.length; i++) {
+		const editorTag = pathList[i][src].match(regExp);
+		if (editorTag) {
+			path = editorTag[0];
+			break;
+		}
+	}
+
+	if (path === '') path = pathList.length > 0 ? pathList[0][src] : '';
+
+	if (!path.includes(':/') && '//' !== path.slice(0, 2)) {
+		path = false === path.includes('/') ? location.href.match(/^.*?:\/\/[^/]*/)[0] + path : location.href.match(/^[^?]*\/(?:)/)[0] + path;
+	}
+
+	if (!path) {
+		throw '[SUNEDITOR.helper.env.getIncludePath.fail] The SUNEDITOR installation path could not be automatically detected. (path: +' + path + ', extension: ' + extension + ')';
+	}
+
+	return path;
+}
+
+/** --- Check browser --- */
+/**
+ * @description Check if support ResizeObserver function
+ * @returns {boolean} Whether support ResizeObserver function or not.
+ */
+export const isResizeObserverSupported = (() => {
+	return typeof ResizeObserver === 'function';
+})();
+
+/**
+ * @description Check if support navigator.clipboard
+ * @returns {boolean} Whether support navigator.clipboard or not.
+ */
+export const isClipboardSupported = (() => {
+	/* eslint-disable-next-line compat/compat */
+	return typeof navigator.clipboard?.write === 'function';
+})();
+
+/**
+ * @description Check if User Agent is Edge
+ * @returns {boolean} Whether User Agent is Edge or not.
+ */
+export const isEdge = (() => {
+	return /Edg/.test(navigator.userAgent);
+})();
+
+/**
+ * @description Check if User Agent is OSX or IOS
+ * @type {boolean}
+ */
+export const isOSX_IOS = (() => {
+	return /(Mac|iPhone|iPod|iPad)/.test(navigator.userAgent);
+})();
+
+/**
+ * @description Check if User Agent Blink engine.
+ * @type {boolean}
+ */
+export const isBlink = (() => {
+	return userAgent.includes('chrome/') && !userAgent.includes('edge/');
+})();
+
+/**
+ * @description Check if User Agent is Firefox (Gecko).
+ * @type {boolean}
+ */
+export const isGecko = (() => {
+	return !!userAgent.match(/gecko\/\d+/);
+})();
+
+/**
+ * @description Check if User Agent is Chromium browser.
+ * @type {boolean}
+ */
+export const isChromium = (() => {
+	return !!(/** @type {Window & { chrome: any }} */ (_w).chrome);
+})();
+
+/**
+ * @description Check if User Agent is Safari.
+ * @type {boolean}
+ */
+export const isSafari = (() => {
+	return userAgent.includes('applewebkit/') && !userAgent.includes('chrome');
+})();
+
+/**
+ * @description Check if User Agent is Mobile device.
+ * @type {boolean}
+ */
+export const isMobile = (() => {
+	/* eslint-disable-next-line compat/compat */
+	return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
+})();
+
+/**
+ * @description Check if the device is touchable.
+ * @type {boolean}
+ */
+export const isTouchDevice = (() => {
+	/* eslint-disable-next-line compat/compat */
+	return navigator.maxTouchPoints > 0 && 'ontouchstart' in _w;
+})();
+
+/**
+ * @description Check if User Agent is Android mobile device.
+ * @type {boolean}
+ */
+export const isAndroid = (() => {
+	return userAgent.includes('android');
+})();
+
+/**
+ * @description Command(Mac) or CTRL(Window) icon.
+ * @type {string}
+ */
+export const cmdIcon = isOSX_IOS ? '⌘' : 'CTRL';
+
+/**
+ * @description SHIFT(Mac, Window) icon.
+ * @type {string}
+ */
+export const shiftIcon = isOSX_IOS ? '⇧' : '+SHIFT';
+
+/**
+ * @description Device pixel ratio
+ * @type {number}
+ */
+export const DPI = _w.devicePixelRatio;
+
+/** --- editor env --- */
+export const KATEX_WEBSITE = 'https://katex.org/docs/supported.html';
+export const MATHJAX_WEBSITE = 'https://www.mathjax.org/';
+
+const env = {
+	_w,
+	_d,
+	NO_EVENT,
+	ON_OVER_COMPONENT,
+	getXMLHttpRequest,
+	getPageStyle,
+	getIncludePath,
+	isResizeObserverSupported,
+	isClipboardSupported,
+	isEdge,
+	isBlink,
+	isGecko,
+	isChromium,
+	isSafari,
+	isOSX_IOS,
+	isAndroid,
+	isMobile,
+	isTouchDevice,
+	cmdIcon,
+	shiftIcon,
+	DPI,
+	KATEX_WEBSITE,
+	MATHJAX_WEBSITE
+};
+
+export default env;

package/src/helper/index.js

@@ -1,25 +1,25 @@
-import Env from './env';
-import Unicode from './unicode';
-import Converter from './converter';
-import Dom from './dom';
-import Numbers from './numbers';
-import KeyCodeMap from './keyCodeMap';
-import Clipboard from './clipboard';
-
-export const env = Env;
-export const unicode = Unicode;
-export const converter = Converter;
-export const dom = Dom;
-export const numbers = Numbers;
-export const keyCodeMap = KeyCodeMap;
-export const clipboard = Clipboard;
-
-export default {
-	env,
-	unicode,
-	converter,
-	dom,
-	numbers,
-	keyCodeMap,
-	clipboard
-};
+import Env from './env';
+import Unicode from './unicode';
+import Converter from './converter';
+import Dom from './dom';
+import Numbers from './numbers';
+import KeyCodeMap from './keyCodeMap';
+import Clipboard from './clipboard';
+
+export const env = Env;
+export const unicode = Unicode;
+export const converter = Converter;
+export const dom = Dom;
+export const numbers = Numbers;
+export const keyCodeMap = KeyCodeMap;
+export const clipboard = Clipboard;
+
+export default {
+	env,
+	unicode,
+	converter,
+	dom,
+	numbers,
+	keyCodeMap,
+	clipboard
+};