wsemi

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:

blob2b64: ex-blob2b64.html [source code]

str2b64 and b642str: ex-str2b64-b642str.html [source code]

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]

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]

clearXSS: ex-clearXSS.html [source code]

clearXSSDyn[dynamic import]: ex-clearXSSDyn.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):

npm i wsemi

In a browser(UMD module):

[Necessary] Add script for wsemi.

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

[Optional] Add script for dayjs.

<script src="https://cdn.jsdelivr.net/npm/dayjs@1.11.13/dayjs.min.js"></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@7.1.0/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@2.0.3/dist/ua-parser.min.js"></script>

[Optional] Add script for xss.

Note: Include script when using clearXSS function, and don't include script when using clearXSSDyn function.

<script src="https://cdn.jsdelivr.net/npm/xss@1.0.15/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.7/dist/viewer.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/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.

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

[Optional] Add script for html-to-image.

Note: Include script when using domConvertToPic function, and don't include script when using domConvertToPicDyn function.

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

[Optional] Add script for markmap.

Note: Include script when using domRenderMarkdownMind function, and don't include script when using domRenderMarkdownMindDyn function.

<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.

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.

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.

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>