svgedit/packages/svgcanvas/common/browser.js

/**
 * Browser detection.
 * @module browser
 * @license MIT
 *
 * @copyright 2010 Jeff Schiller, 2010 Alexis Deveria
 */

const NSSVG = 'http://www.w3.org/2000/svg'

const { userAgent } = navigator

// Note: Browser sniffing should only be used if no other detection method is possible
const isWebkit_ = userAgent.includes('AppleWebKit')
const isGecko_ = userAgent.includes('Gecko/')
const isChrome_ = userAgent.includes('Chrome/')
const isMac_ = userAgent.includes('Macintosh')

// text character positioning (for IE9 and now Chrome)
const supportsGoodTextCharPos_ = (function () {
  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 { // Chrome now fails here
    const pos = text.getStartPositionOfChar(0).x
    return (pos === 0)
  } catch (err) {
    return false
  } finally {
    svgroot.remove()
  }
}())

// Public API

/**
 * @function module:browser.isWebkit
 * @returns {boolean}
*/
export const isWebkit = () => isWebkit_
/**
 * @function module:browser.isGecko
 * @returns {boolean}
*/
export const isGecko = () => isGecko_
/**
 * @function module:browser.isChrome
 * @returns {boolean}
*/
export const isChrome = () => isChrome_

/**
 * @function module:browser.isMac
 * @returns {boolean}
*/
export const isMac = () => isMac_

/**
 * @function module:browser.supportsGoodTextCharPos
 * @returns {boolean}
*/
export const supportsGoodTextCharPos = () => supportsGoodTextCharPos_