mirror of
https://github.com/lancedikson/bowser
synced 2024-10-27 20:34:22 +00:00
446 lines
12 KiB
HTML
446 lines
12 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>parser.js - Documentation</title>
|
||
|
|
|
||
|
|
<script src="scripts/prettify/prettify.js"></script>
|
||
|
|
<script src="scripts/prettify/lang-css.js"></script>
|
||
|
|
<!--[if lt IE 9]>
|
||
|
|
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
||
|
|
<![endif]-->
|
||
|
|
<link type="text/css" rel="stylesheet" href="styles/prettify.css">
|
||
|
|
<link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
|
||
|
|
<label for="nav-trigger" class="navicon-button x">
|
||
|
|
<div class="navicon"></div>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<label for="nav-trigger" class="overlay"></label>
|
||
|
|
|
||
|
|
<nav>
|
||
|
|
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Bowser.html">Bowser</a><ul class='methods'><li data-type='method'><a href="Bowser.html#.getParser">getParser</a></li><li data-type='method'><a href="Bowser.html#.parse">parse</a></li></ul></li><li><a href="Parser.html">Parser</a><ul class='methods'><li data-type='method'><a href="Parser.html#compare">compare</a></li><li data-type='method'><a href="Parser.html#getBrowser">getBrowser</a></li><li data-type='method'><a href="Parser.html#getBrowserName">getBrowserName</a></li><li data-type='method'><a href="Parser.html#getBrowserVersion">getBrowserVersion</a></li><li data-type='method'><a href="Parser.html#getEngine">getEngine</a></li><li data-type='method'><a href="Parser.html#getOS">getOS</a></li><li data-type='method'><a href="Parser.html#getOSName">getOSName</a></li><li data-type='method'><a href="Parser.html#getOSVersion">getOSVersion</a></li><li data-type='method'><a href="Parser.html#getPlatform">getPlatform</a></li><li data-type='method'><a href="Parser.html#getPlatformType">getPlatformType</a></li><li data-type='method'><a href="Parser.html#getResult">getResult</a></li><li data-type='method'><a href="Parser.html#getUA">getUA</a></li><li data-type='method'><a href="Parser.html#is">is</a></li><li data-type='method'><a href="Parser.html#parse">parse</a></li><li data-type='method'><a href="Parser.html#parseBrowser">parseBrowser</a></li><li data-type='method'><a href="Parser.html#parseEngine">parseEngine</a></li><li data-type='method'><a href="Parser.html#parseOS">parseOS</a></li><li data-type='method'><a href="Parser.html#parsePlatform">parsePlatform</a></li><li data-type='method'><a href="Parser.html#test">test</a></li></ul></li></ul><h3><a href="global.html">Global</a></h3>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<div id="main">
|
||
|
|
|
||
|
|
<h1 class="page-title">parser.js</h1>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<article>
|
||
|
|
<pre class="prettyprint source linenums"><code>import browserParsersList from './parser-browsers';
|
||
|
|
import osParsersList from './parser-os';
|
||
|
|
import platformParsersList from './parser-platforms';
|
||
|
|
import enginesParsersList from './parser-engines';
|
||
|
|
import { compareVersions } from './utils';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The main class that arranges the whole parsing process.
|
||
|
|
*/
|
||
|
|
class Parser {
|
||
|
|
/**
|
||
|
|
* Create instance of Parser
|
||
|
|
*
|
||
|
|
* @param {String} UA User-Agent string
|
||
|
|
* @param {Boolean} [skipParsing=false] parser can skip parsing in purpose of performance
|
||
|
|
* improvements if you need to make a more particular parsing
|
||
|
|
* like {@link Parser#parseBrowser} or {@link Parser#parsePlatform}
|
||
|
|
*
|
||
|
|
* @throw {Error} in case of empty UA String
|
||
|
|
*
|
||
|
|
* @constructor
|
||
|
|
*/
|
||
|
|
constructor(UA, skipParsing = false) {
|
||
|
|
if (UA === void (0) || UA === null || UA === '') {
|
||
|
|
throw new Error("UserAgent parameter can't be empty");
|
||
|
|
}
|
||
|
|
|
||
|
|
this._ua = UA;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @typedef ParsedResult
|
||
|
|
* @property {Object} browser
|
||
|
|
* @property {String} [browser.name]
|
||
|
|
* @property {String} [browser.version]
|
||
|
|
* @property {Object} os
|
||
|
|
* @property {String} [os.name]
|
||
|
|
* @property {String} [os.version]
|
||
|
|
* @property {String} [os.versionName]
|
||
|
|
* @property {Object} platform
|
||
|
|
* @property {String} [platform.type]
|
||
|
|
* @property {String} [platform.vendor]
|
||
|
|
* @property {String} [platform.model]
|
||
|
|
* @property {Object} engine
|
||
|
|
* @property {String} [engine.name]
|
||
|
|
* @property {String} [engine.version]
|
||
|
|
*/
|
||
|
|
this.parsedResult = {};
|
||
|
|
|
||
|
|
if (skipParsing !== true) {
|
||
|
|
this.parse();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get UserAgent string of current Parser instance
|
||
|
|
* @return {String} User-Agent String of the current <Parser> object
|
||
|
|
*
|
||
|
|
* @public
|
||
|
|
*/
|
||
|
|
getUA() {
|
||
|
|
return this._ua;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Test a UA string for a regexp
|
||
|
|
* @param {RegExp} regex
|
||
|
|
* @return {Boolean}
|
||
|
|
*/
|
||
|
|
test(regex) {
|
||
|
|
return regex.test(this._ua);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get parsed browser object
|
||
|
|
* @return {Object}
|
||
|
|
*/
|
||
|
|
parseBrowser() {
|
||
|
|
this.parsedResult.browser = {};
|
||
|
|
|
||
|
|
const browserDescriptor = browserParsersList.find((_browser) => {
|
||
|
|
if (typeof _browser.test === 'function') {
|
||
|
|
return _browser.test(this);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (_browser.test instanceof Array) {
|
||
|
|
return _browser.test.some(condition => this.test(condition));
|
||
|
|
}
|
||
|
|
|
||
|
|
throw new Error("Browser's test function is not valid");
|
||
|
|
});
|
||
|
|
|
||
|
|
if (browserDescriptor) {
|
||
|
|
this.parsedResult.browser = browserDescriptor.describe(this.getUA());
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.parsedResult.browser;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get parsed browser object
|
||
|
|
* @return {Object}
|
||
|
|
*
|
||
|
|
* @public
|
||
|
|
*/
|
||
|
|
getBrowser() {
|
||
|
|
if (this.parsedResult.browser) {
|
||
|
|
return this.parsedResult.browser;
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.parseBrowser();
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get browser's name
|
||
|
|
* @return {String} Browser's name or an empty string
|
||
|
|
*
|
||
|
|
* @public
|
||
|
|
*/
|
||
|
|
getBrowserName(toLowerCase) {
|
||
|
|
if (toLowerCase) {
|
||
|
|
return String(this.getBrowser().name).toLowerCase() || '';
|
||
|
|
}
|
||
|
|
return this.getBrowser().name || '';
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get browser's version
|
||
|
|
* @return {String} version of browser
|
||
|
|
*
|
||
|
|
* @public
|
||
|
|
*/
|
||
|
|
getBrowserVersion() {
|
||
|
|
return this.getBrowser().version;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get OS
|
||
|
|
* @return {Object}
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* this.getOS();
|
||
|
|
* {
|
||
|
|
* name: 'macOS',
|
||
|
|
* version: '10.11.12'
|
||
|
|
* }
|
||
|
|
*/
|
||
|
|
getOS() {
|
||
|
|
if (this.parsedResult.os) {
|
||
|
|
return this.parsedResult.os;
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.parseOS();
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Parse OS and save it to this.parsedResult.os
|
||
|
|
* @return {*|{}}
|
||
|
|
*/
|
||
|
|
parseOS() {
|
||
|
|
this.parsedResult.os = {};
|
||
|
|
|
||
|
|
const os = osParsersList.find((_os) => {
|
||
|
|
if (typeof _os.test === 'function') {
|
||
|
|
return _os.test(this);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (_os.test instanceof Array) {
|
||
|
|
return _os.test.some(condition => this.test(condition));
|
||
|
|
}
|
||
|
|
|
||
|
|
throw new Error("Browser's test function is not valid");
|
||
|
|
});
|
||
|
|
|
||
|
|
if (os) {
|
||
|
|
this.parsedResult.os = os.describe(this.getUA());
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.parsedResult.os;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get OS name
|
||
|
|
* @param {Boolean} [toLowerCase] return lower-cased value
|
||
|
|
* @return {String} name of the OS — macOS, Windows, Linux, etc.
|
||
|
|
*/
|
||
|
|
getOSName(toLowerCase) {
|
||
|
|
const { name } = this.getOS();
|
||
|
|
|
||
|
|
if (toLowerCase) {
|
||
|
|
return String(name).toLowerCase() || '';
|
||
|
|
}
|
||
|
|
|
||
|
|
return name || '';
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get OS version
|
||
|
|
* @return {String} full version with dots ('10.11.12', '5.6', etc)
|
||
|
|
*/
|
||
|
|
getOSVersion() {
|
||
|
|
return this.getOS().version;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get parsed platform
|
||
|
|
* @return {{}}
|
||
|
|
*/
|
||
|
|
getPlatform() {
|
||
|
|
if (this.parsedResult.platform) {
|
||
|
|
return this.parsedResult.platform;
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.parsePlatform();
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get platform name
|
||
|
|
* @param {Boolean} toLowerCase
|
||
|
|
* @return {*}
|
||
|
|
*/
|
||
|
|
getPlatformType(toLowerCase) {
|
||
|
|
const { type } = this.getPlatform();
|
||
|
|
|
||
|
|
if (toLowerCase) {
|
||
|
|
return String(type).toLowerCase() || '';
|
||
|
|
}
|
||
|
|
|
||
|
|
return type || '';
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get parsed platform
|
||
|
|
* @return {{}}
|
||
|
|
*/
|
||
|
|
parsePlatform() {
|
||
|
|
this.parsedResult.platform = {};
|
||
|
|
|
||
|
|
const platform = platformParsersList.find((_platform) => {
|
||
|
|
if (typeof _platform.test === 'function') {
|
||
|
|
return _platform.test(this);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (_platform.test instanceof Array) {
|
||
|
|
return _platform.test.some(condition => this.test(condition));
|
||
|
|
}
|
||
|
|
|
||
|
|
throw new Error("Browser's test function is not valid");
|
||
|
|
});
|
||
|
|
|
||
|
|
if (platform) {
|
||
|
|
this.parsedResult.platform = platform.describe(this.getUA());
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.parsedResult.platform;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get parsed engine
|
||
|
|
* @return {{}}
|
||
|
|
*/
|
||
|
|
getEngine() {
|
||
|
|
if (this.parsedResult.engine) {
|
||
|
|
return this.parsedResult.engine;
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.parseEngine();
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get parsed platform
|
||
|
|
* @return {{}}
|
||
|
|
*/
|
||
|
|
parseEngine() {
|
||
|
|
this.parsedResult.engine = {};
|
||
|
|
|
||
|
|
const engine = enginesParsersList.find((_engine) => {
|
||
|
|
if (typeof _engine.test === 'function') {
|
||
|
|
return _engine.test(this);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (_engine.test instanceof Array) {
|
||
|
|
return _engine.test.some(condition => this.test(condition));
|
||
|
|
}
|
||
|
|
|
||
|
|
throw new Error("Browser's test function is not valid");
|
||
|
|
});
|
||
|
|
|
||
|
|
if (engine) {
|
||
|
|
this.parsedResult.engine = engine.describe(this.getUA());
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.parsedResult.engine;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Parse full information about the browser
|
||
|
|
*/
|
||
|
|
parse() {
|
||
|
|
this.parseBrowser();
|
||
|
|
this.parseOS();
|
||
|
|
this.parsePlatform();
|
||
|
|
this.parseEngine();
|
||
|
|
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get parsed result
|
||
|
|
* @return {ParsedResult}
|
||
|
|
*/
|
||
|
|
getResult() {
|
||
|
|
/* TODO: Make this function pure, return a new object instead of the reference */
|
||
|
|
return this.parsedResult;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Check if parsed browser matches certain conditions
|
||
|
|
*
|
||
|
|
* @param {Object} checkTree It's one or two layered object,
|
||
|
|
* which can include a platform or an OS on the first layer
|
||
|
|
* and should have browsers specs on the bottom-laying layer
|
||
|
|
*
|
||
|
|
* @returns {Boolean} whether the browser satisfies the set conditions or not
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* const browser = new Bowser(UA);
|
||
|
|
* if (browser.check({chrome: '>118.01.1322' }))
|
||
|
|
* // or with os
|
||
|
|
* if (browser.check({windows: { chrome: '>118.01.1322' } }))
|
||
|
|
* // or with platforms
|
||
|
|
* if (browser.check({desktop: { chrome: '>118.01.1322' } }))
|
||
|
|
*/
|
||
|
|
compare(checkTree) {
|
||
|
|
const keysToProcess = Object.keys(checkTree);
|
||
|
|
return keysToProcess.some((browserAttribute) => {
|
||
|
|
const objectOrVersion = checkTree[browserAttribute];
|
||
|
|
|
||
|
|
if (typeof objectOrVersion === 'object') {
|
||
|
|
return (this.isOs(browserAttribute) || this.isPlatform(browserAttribute))
|
||
|
|
&& this.compare(objectOrVersion);
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.isBrowser(browserAttribute) && this.satisfies(objectOrVersion);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
isBrowser(browserName) {
|
||
|
|
return this.getBrowserName(true) === String(browserName).toLowerCase();
|
||
|
|
}
|
||
|
|
|
||
|
|
satisfies(version) {
|
||
|
|
let expectedResult = 0;
|
||
|
|
let comparableVersion = version;
|
||
|
|
|
||
|
|
if (version[0] === '>') {
|
||
|
|
expectedResult = 1;
|
||
|
|
comparableVersion = version.substr(1);
|
||
|
|
} else if (version[0] === '<') {
|
||
|
|
expectedResult = -1;
|
||
|
|
comparableVersion = version.substr(1);
|
||
|
|
} else if (version[0] === '=') {
|
||
|
|
comparableVersion = version.substr(1);
|
||
|
|
}
|
||
|
|
return compareVersions(this.getBrowserVersion(), comparableVersion) === expectedResult;
|
||
|
|
}
|
||
|
|
|
||
|
|
isOs(osName) {
|
||
|
|
return this.getOSName(true) === String(osName).toLowerCase();
|
||
|
|
}
|
||
|
|
|
||
|
|
isPlatform(platformType) {
|
||
|
|
return this.getPlatformType(true) === String(platformType).toLowerCase();
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Is anything? Check if the browser is called "anything",
|
||
|
|
* the OS called "anything" or the platform called "anything"
|
||
|
|
* @param {String} anything
|
||
|
|
* @returns {Boolean}
|
||
|
|
*/
|
||
|
|
is(anything) {
|
||
|
|
return this.isBrowser(anything) || this.isOs(anything) || this.isPlatform(anything);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Parser;
|
||
|
|
</code></pre>
|
||
|
|
</article>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<br class="clear">
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Thu Jul 05 2018 22:44:07 GMT+0300 (EEST) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
<script>prettyPrint();</script>
|
||
|
|
<script src="scripts/linenumber.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|