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:

lodash: ex-lodash.html [source code]

dayjs: ex-dayjs.html [source code]

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

cryptojs: ex-cryptojs.html [source code]

fuzzball: ex-fuzzball.html [source code]

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

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

colorConverter: ex-colorConverter.html [source code]

uaparser: ex-uaparser.html [source code]

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

xss: ex-xss.html [source code]

openlink: ex-openlink.html [source code]

tippyjs[with popper.js]: ex-tippyjs.html [source code]

xlsx: ex-xlsx.html [source code]

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

viewerjs: ex-viewerjs.html [source code]

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

html2canvas: ex-html2canvas.html [source code]

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

html-to-image: ex-html-to-image.html [source code]

html-to-image[dynamic import]: ex-html-to-image-dynamic.html [source code]

htmlparser: ex-htmlparser.html [source code]

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

scrollIntoView: ex-scrollIntoView.html [source code]

scrollTo: ex-scrollTo.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]

tesseract.js: ex-tesseract.html [source code]

tesseract.js[dynamic import]: ex-tesseract-dynamic.html [source code]

Installation

Using npm(ES6 module):

Note: wsemi is mainly dependent on lodash, eventemitter3, crypto-js, dayjs, fuzzball, ua-parser-js, xss, xlsx, tesseract.js, htmlparser and tippy.js.

npm i wsemi

In a browser(UMD module):

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

[Optional] Add script with nomodule for IE11.

<script nomodule src="https://cdn.jsdelivr.net/npm/@babel/[email protected]/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/[email protected]/dayjs.min.js"></script>

or

<script src="https://cdn.jsdelivr.net/npm/[email protected]/moment.min.js"></script>
<script>
  window.dayjs = moment
</script>

[Optional] Add script for fuzzball.

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

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/fuzzball.umd.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/[email protected]/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/[email protected]/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/[email protected]/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/[email protected]/dist/viewer.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/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/[email protected]/lib/umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/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. html-to-image does not support IE11 and Safari.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/html-to-image.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/[email protected]/lib/htmlparser.min.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/[email protected]/dist/tesseract.min.js"></script>

[Necessary] Add script for wsemi.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/wsemi.umd.js"></script>