iwmlib/lib/bootstrap.js

164 lines
4.7 KiB
JavaScript

class Bootstrap extends Object {
static get isSafari() {
return /Safari/.test(navigator.userAgent) && /Apple Computer, Inc/.test(navigator.vendor)
}
static get isModernSafari() {
if (!this.isSafari)
return false
let agent = navigator.appVersion
let offset = agent.indexOf('Version')
if (offset != -1) {
let version = parseFloat(agent.substring(offset + 8))
return version >= 10.1
}
return false
}
static get isChrome() {
const isChromium = window.chrome
const winNav = window.navigator
const vendorName = winNav.vendor
const isOpera = winNav.userAgent.indexOf('OPR') > -1
const isIEedge = winNav.userAgent.indexOf('Edge') > -1
const isIOSChrome = winNav.userAgent.match('CriOS')
if (isIOSChrome) {
return true
} else if (isChromium !== null && isChromium !== undefined && vendorName === 'Google Inc.' && isOpera == false && isIEedge == false) {
return true
} else {
return false
}
}
static get isModernChrome() {
if (!this.isChrome) {
return false
}
const raw = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./)
const version = raw ? parseInt(raw[2], 10) : false
//return version > 70
return false
}
static get isFirefox() {
if (window.navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
return true
}
return false
}
static get isModernFirefox() {
if (!this.isFirefox) {
return false
}
const match = window.navigator.userAgent.match(/Firefox\/([0-9]+)\./)
const version = match ? parseInt(match[1]) : 0
return version > 58
}
static import(src, callback = null) {
if (src.endsWith('babel.js')) {
this.load(this.baseUrl + '/3rdparty/polyfills/babel-polyfill.js',
() => {
this.load(src, callback, null)
},
null)
}
else if (this.isModernSafari || this.isModernChrome || this.isModernFirefox) {
this.load(src, callback)
} else {
this.load(this.baseUrl + '/3rdparty/systemjs/system.js', () => {
SystemJS.config(this.systemjsConfig)
let promise = SystemJS.import(src)
if (promise) {
promise.then(() => {
if (callback) {
callback.call(this)
}
})
}
}, 'script')
}
}
static load(src, callback, type = 'module') {
let script = document.createElement('script')
if (type === 'module') {
script.setAttribute('type', 'module')
script.setAttribute('crossorigin', 'use-credentials')
}
script.onload = () => {
if (callback) {
callback.call(this, script)
}
}
script.src = src
document.head.appendChild(script)
}
static require(src) {
console.log('Dummy require')
}
static get systemjsConfig() {
const baseUrl = this.baseUrl
return {
baseURL: baseUrl,
map: {
'plugin-babel': baseUrl + '/3rdparty/systemjs/plugin-babel.js',
'systemjs-babel-build': baseUrl + '/3rdparty/systemjs/systemjs-babel-browser.js'
},
transpiler: 'plugin-babel',
meta: {
'*.js': {
authorization: true,
babelOptions: {
es2015: false
}
}
}
}
}
static get baseUrl() {
let baseUrl = './'
let scripts = document.getElementsByTagName('script')
for (let i = 0; i < scripts.length; i++) {
const script = scripts[i]
const src = script.getAttribute('src')
const re = /\/bootstrap(.babel)?\.js$/
if (re.test(src)) {
baseUrl = src.replace(re, '')
}
}
return baseUrl
}
static renderFont(font = 'Open Sans') {
for (let weight of [300, 400, 600, 700, 800]) {
for (let style of ['normal', 'italic']) {
let p = document.createElement('p')
p.innerHTML = '.'
document.body.appendChild(p)
p.setAttribute('style', `font-family: '${font}'; font-weight: ${weight}; font-style: '${style}'; position: absolute; top: -10000px;`)
}
}
}
}
window.Bootstrap = Bootstrap