97386d20b5
* fix release script * fix svgcanvas edge cases * Update path-actions.js * add modern js * update deps * Update CHANGES.md
135 lines
3.2 KiB
JavaScript
135 lines
3.2 KiB
JavaScript
/**
|
|
* Browser detection.
|
|
* @module browser
|
|
* @license MIT
|
|
*
|
|
* @copyright 2010 Jeff Schiller, 2010 Alexis Deveria
|
|
*/
|
|
|
|
const NSSVG = 'http://www.w3.org/2000/svg'
|
|
|
|
/**
|
|
* Browser capabilities and detection object.
|
|
* Uses modern feature detection and lazy evaluation patterns.
|
|
*/
|
|
class BrowserDetector {
|
|
#userAgent = navigator.userAgent
|
|
#cachedResults = new Map()
|
|
|
|
/**
|
|
* Detects if the browser is WebKit-based
|
|
* @returns {boolean}
|
|
*/
|
|
get isWebkit () {
|
|
if (!this.#cachedResults.has('isWebkit')) {
|
|
this.#cachedResults.set('isWebkit', this.#userAgent.includes('AppleWebKit'))
|
|
}
|
|
return this.#cachedResults.get('isWebkit')
|
|
}
|
|
|
|
/**
|
|
* Detects if the browser is Gecko-based
|
|
* @returns {boolean}
|
|
*/
|
|
get isGecko () {
|
|
if (!this.#cachedResults.has('isGecko')) {
|
|
this.#cachedResults.set('isGecko', this.#userAgent.includes('Gecko/'))
|
|
}
|
|
return this.#cachedResults.get('isGecko')
|
|
}
|
|
|
|
/**
|
|
* Detects if the browser is Chrome
|
|
* @returns {boolean}
|
|
*/
|
|
get isChrome () {
|
|
if (!this.#cachedResults.has('isChrome')) {
|
|
this.#cachedResults.set('isChrome', this.#userAgent.includes('Chrome/'))
|
|
}
|
|
return this.#cachedResults.get('isChrome')
|
|
}
|
|
|
|
/**
|
|
* Detects if the platform is macOS
|
|
* @returns {boolean}
|
|
*/
|
|
get isMac () {
|
|
if (!this.#cachedResults.has('isMac')) {
|
|
this.#cachedResults.set('isMac', this.#userAgent.includes('Macintosh'))
|
|
}
|
|
return this.#cachedResults.get('isMac')
|
|
}
|
|
|
|
/**
|
|
* Tests if the browser supports accurate text character positioning
|
|
* @returns {boolean}
|
|
*/
|
|
get supportsGoodTextCharPos () {
|
|
if (!this.#cachedResults.has('supportsGoodTextCharPos')) {
|
|
this.#cachedResults.set('supportsGoodTextCharPos', this.#testTextCharPos())
|
|
}
|
|
return this.#cachedResults.get('supportsGoodTextCharPos')
|
|
}
|
|
|
|
/**
|
|
* Private method to test text character positioning support
|
|
* @returns {boolean}
|
|
*/
|
|
#testTextCharPos () {
|
|
const svgroot = document.createElementNS(NSSVG, 'svg')
|
|
const svgContent = document.createElementNS(NSSVG, 'svg')
|
|
document.documentElement.append(svgroot)
|
|
svgContent.setAttribute('x', 5)
|
|
svgroot.append(svgContent)
|
|
const text = document.createElementNS(NSSVG, 'text')
|
|
text.textContent = 'a'
|
|
svgContent.append(text)
|
|
|
|
try {
|
|
const pos = text.getStartPositionOfChar(0).x
|
|
return pos === 0
|
|
} catch (err) {
|
|
return false
|
|
} finally {
|
|
svgroot.remove()
|
|
}
|
|
}
|
|
}
|
|
|
|
// Create singleton instance
|
|
const browser = new BrowserDetector()
|
|
|
|
// Export as functions for backward compatibility
|
|
/**
|
|
* @function module:browser.isWebkit
|
|
* @returns {boolean}
|
|
*/
|
|
export const isWebkit = () => browser.isWebkit
|
|
|
|
/**
|
|
* @function module:browser.isGecko
|
|
* @returns {boolean}
|
|
*/
|
|
export const isGecko = () => browser.isGecko
|
|
|
|
/**
|
|
* @function module:browser.isChrome
|
|
* @returns {boolean}
|
|
*/
|
|
export const isChrome = () => browser.isChrome
|
|
|
|
/**
|
|
* @function module:browser.isMac
|
|
* @returns {boolean}
|
|
*/
|
|
export const isMac = () => browser.isMac
|
|
|
|
/**
|
|
* @function module:browser.supportsGoodTextCharPos
|
|
* @returns {boolean}
|
|
*/
|
|
export const supportsGoodTextCharPos = () => browser.supportsGoodTextCharPos
|
|
|
|
// Export browser instance for direct access
|
|
export default browser
|