wsemi

A support package for web developer.

Documentation

To view documentation or get support, visit docs.

Example

To view some examples for more understanding, visit examples:

str2aes and aes2str: ex-str2aes-aes2str.html [source code]

timeTZ2expire and timeTZ2past: ex-timeTZ2expire-timeTZ2past.html [source code]

color converter: ex-colorConverter.html [source code]

blob2b64: ex-blob2b64.html [source code]

domTooltip: ex-domTooltip.html [source code]

domShowImages: ex-domShowImages.html [source code]

domShowImagesDyn[dynamic import]: ex-domShowImagesDyn.html [source code]

domConvertToPic: ex-domConvertToPic.html [source code]

domConvertToPicDyn[dynamic import]: ex-domConvertToPicDyn.html [source code]

domRenderMarkdownMind: ex-domRenderMarkdownMind.html [source code]

domRenderMarkdownMindDyn[dynamic import]: ex-domRenderMarkdownMindDyn.html [source code]

domCompareText: ex-domCompareText.html [source code]

domCompareTextDyn[dynamic import]: ex-domCompareTextDyn.html [source code]

domScrollIntoView: ex-domScrollIntoView.html [source code]

domScrollTo: ex-domScrollTo.html [source code]

domShowInputAndGetFiles: ex-domShowInputAndGetFiles.html [source code]

domDropFiles: ex-domDropFiles.html [source code]

domDrag: ex-domDrag.html [source code]

domIsVisible: ex-domIsVisible.html [source code]

domRipple: ex-domRipple.html [source code]

strFindFuzz: ex-strFindFuzz.html [source code]

strFindFuzzDyn[dynamic import]: ex-strFindFuzzDyn.html [source code]

obj2u8arr & u8arr2obj: ex-obj2u8arr-u8arr2obj.html [source code]

getUserAgent: ex-getUserAgent.html [source code]

getUserAgentDyn[dynamic import]: ex-getUserAgentDyn.html [source code]

xss: ex-clearXSS.html [source code]

openlink: ex-openLink.html [source code]

xlsx: ex-xlsx.html [source code]

xlsx[dynamic import]: ex-xlsxDyn [source code]

html2pic: ex-html2pic.html [source code]

html2picDyn[dynamic import]: ex-html2picDyn.html [source code]

html2str: ex-html2str.html [source code]

html2strDyn[dynamic import]: ex-html2strDyn.html [source code]

execPyodide: ex-execPyodide.html [source code]

execPyodideDyn[dynamic import]: ex-execPyodideDyn.html [source code]

ocr: ex-ocr.html [source code]

ocrDyn[dynamic import]: ex-ocrDyn.html [source code]

Installation

Using npm(ES6 module):

Note: wsemi is mainly dependent on lodash-es, eventemitter3, crypto-js, chokidar, dayjs, diff, fuse.js, decimal.js,ua-parser-js, xss, xlsx, tippy.js, htmlparser, tesseract.js and pyodide.

npm i wsemi

In a browser(UMD module):

Note: umd file includes with lodash-es, crypto-js and tippy.js.

[Optional] Add script with nomodule for IE11.

<script nomodule src="https://cdn.jsdelivr.net/npm/@babel/polyfill@7.12.1/dist/polyfill.min.js"></script>

[Optional] Add script for dayjs(or moment).

Note: Include script when using some function of time. If include moment, need set moment to window.dayjs (ex: window.dayjs = moment), and put it before include script for wsemi.umd.js.

<script src="https://cdn.jsdelivr.net/npm/dayjs@1.11.10/dayjs.min.js"></script>

or

<script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/moment.min.js"></script>
<script>
  window.dayjs = moment
</script>

[Optional] Add script for fuse.js.

Note: Include script when using strFindFuzz function, and don't include script when using strFindFuzzDyn function.

<script src="https://cdn.jsdelivr.net/npm/fuse.js@6.6.2/dist/fuse.min.js"></script>

[Optional] Add script for ua-parser-js.

Note: Include script when using getUserAgent function, and don't include script when using getUserAgentDyn function.

<script src="https://cdn.jsdelivr.net/npm/ua-parser-js@1.0.34/dist/ua-parser.min.js"></script>

[Optional] Add script for xss.

Note: Include script when using clearXSS function.

<script src="https://cdn.jsdelivr.net/npm/xss@1.0.14/dist/xss.min.js"></script>

[Optional] Add script for xlsx.

Note: Include script when using downloadExcelFileFromData or getDataFromExcelFileU8Arr function, and don't include script when using downloadExcelFileFromDataDyn or getDataFromExcelFileU8ArrDyn function.

<script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>

[Optional] Add link and script for viewerjs.

Note: Include script when using domShowImages function, and don't include script when using domShowImagesDyn function.

<link href="https://cdn.jsdelivr.net/npm/viewerjs@1.11.5/dist/viewer.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/viewerjs@1.11.5/dist/viewer.min.js"></script>

[Optional] Add script for html2canvas.

Note: Include script when using html2pic function, and don't include script when using html2picDyn function. Use canvg with nomodule for IE11.

<script nomodule src="https://cdn.jsdelivr.net/npm/canvg@4.0.0/lib/umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>

[Optional] Add script for html-to-image. It does not support IE11.

Note: Include script when using domConvertToPic function, and don't include script when using domConvertToPicDyn function. html-to-image does not support IE11 and Safari.

<script src="https://cdn.jsdelivr.net/npm/html-to-image@1.11.11/dist/html-to-image.js"></script>

[Optional] Add script for markmap. It does not support IE11.

Note: Include script when using domRenderMarkdownMind function, and don't include script when using domRenderMarkdownMindDyn function. markmap does not support IE11 and Safari.

<script src="https://cdn.jsdelivr.net/npm/d3@7.8.3/dist/d3.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/markmap-view@0.14.4/dist/index.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/markmap-lib@0.14.4/dist/browser/index.min.js"></script>

[Optional] Add link and script for diff2html. It does not support IE11.

Note: Include script when using domCompareText function, and don't include script when using domCompareTextDyn function.

<link href="https://cdn.jsdelivr.net/npm/diff2html@3.4.34/bundles/css/diff2html.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/diff2html@3.4.34/bundles/js/diff2html.min.js"></script>

[Optional] Add script for htmlparser.

Note: Include script when using html2str function, and don't include script when using html2strDyn function.

<script src="https://cdn.jsdelivr.net/npm/htmlparser@1.7.7/lib/htmlparser.min.js"></script>

[Optional] Add script for pyodide. It does not support IE11.

Note: Include script when using execPyodide function, and don't include script when using execPyodideDyn function.

<script src="https://cdn.jsdelivr.net/pyodide/v0.23.4/full/pyodide.js"></script>

[Optional] Add script for tesseract.js. It does not support IE11.

Note: Include script when using ocr function, and don't include script when using ocrDyn function.

<script src="https://cdn.jsdelivr.net/npm/tesseract.js@4.1.2/dist/tesseract.min.js"></script>

[Necessary] Add script for wsemi.

<script src="https://cdn.jsdelivr.net/npm/wsemi@1.7.49/dist/wsemi.umd.js"></script>