Skip to content

Commit

Permalink
updating smart code snippet to not cause opacity 0 in hide element st…
Browse files Browse the repository at this point in the history 
…yle (#2686)
  • Loading branch information
@segment-anthony
segment-anthony authored Jan 20, 2025
1 parent 370a9d0 commit b12df36
Showing 1 changed file with 158 additions and 59 deletions.
217 changes: 158 additions & 59 deletions packages/browser-destinations/destinations/vwo/src/init-script.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,74 +8,173 @@ export function initScript({
useExistingJquery = false,
isSpa = 1
}) {
window._vwo_code =
window._vwo_code ||
window._vwo_code ||
(function () {
var account_id = vwoAccountId,
version = 2.1,
settings_tolerance = settingsTolerance,
library_tolerance = libraryTolerance,
use_existing_jquery = useExistingJquery,
is_spa = isSpa,
hide_element = 'body',
/* DO NOT EDIT BELOW THIS LINE */
hide_element_style =
'transition:none;',
f = false,
w = window,
d = document,
code = {
use_existing_jquery: function () {
return use_existing_jquery
},
library_tolerance: function () {
return library_tolerance
},
finish: function () {
if (!f) {
f = true
var a = d.getElementById('_vis_opt_path_hides')
if (a) a.parentNode.removeChild(a)
v = d.querySelector('#vwoCode'),
cK = '_vwo_' + account_id + '_settings',
cc = {}
try {
var c = JSON.parse(localStorage.getItem('_vwo_' + account_id + '_config'))
cc = c && typeof c === 'object' ? c : {}
} catch (e) { }
var stT = cc.stT === 'session' ? w.sessionStorage : w.localStorage
var code = {
nonce: v && v.nonce,
use_existing_jquery: function () {
return typeof use_existing_jquery !== 'undefined' ? use_existing_jquery : undefined
},
library_tolerance: function () {
return typeof library_tolerance !== 'undefined' ? library_tolerance : undefined
},
settings_tolerance: function () {
return cc.sT || settings_tolerance
},
hide_element_style: function () {
return '{' + (cc.hES || hide_element_style) + '}'
},
hide_element: function () {
if (
typeof performance.getEntriesByName === 'function' &&
performance.getEntriesByName('first-contentful-paint')[0]
) {
return ''
}
return typeof cc.hE === 'string' ? cc.hE : hide_element
},
getVersion: function () {
return version
},
finish: function (e) {
if (!f) {
f = true
var t = d.getElementById('_vis_opt_path_hides')
if (t) t.parentNode.removeChild(t)
if (e) new Image().src = 'https://dev.visualwebsiteoptimizer.com/ee.gif?a=' + account_id + e
}
},
finished: function () {
return f
},
addScript: function (e) {
var t = d.createElement('script')
t.type = 'text/javascript'
if (e.src) {
t.src = e.src
} else {
t.text = e.text
}
v && t.setAttribute('nonce', v.nonce)
d.getElementsByTagName('head')[0].appendChild(t)
},
load: function (e, t) {
var n = this.getSettings(),
i = d.createElement('script'),
r = this
t = t || {}
if (n) {
i.textContent = n
d.getElementsByTagName('head')[0].appendChild(i)
if (!w.VWO || VWO.caE) {
stT.removeItem(cK)
r.load(e)
}
},
finished: function () {
return f
},
load: function (a) {
var b = d.createElement('script')
b.src = a
b.type = 'text/javascript'
b.innerText
b.onerror = function () {
_vwo_code.finish()
} else {
var o = new XMLHttpRequest()
o.open('GET', e, true)
o.withCredentials = !t.dSC
o.responseType = t.responseType || 'text'
o.onload = function () {
if (t.onloadCb) {
return t.onloadCb(o, e)
}
if (o.status === 200 || o.status === 304) {
_vwo_code.addScript({
text: o.responseText
})
} else {
_vwo_code.finish('&e=loading_failure:' + e)
}
}
d.getElementsByTagName('head')[0].appendChild(b)
},
init: function () {
window.settings_timer = setTimeout(function () {
_vwo_code.finish()
}, settings_tolerance)
var a = d.createElement('style'),
b = hide_element
? hide_element + '{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}'
: '',
h = d.getElementsByTagName('head')[0]
a.setAttribute('id', '_vis_opt_path_hides')
a.setAttribute('type', 'text/css')
if (a.styleSheet) a.styleSheet.cssText = b
else a.appendChild(d.createTextNode(b))
h.appendChild(a)
this.load(
o.onerror = function () {
if (t.onerrorCb) {
return t.onerrorCb(e)
}
_vwo_code.finish('&e=loading_failure:' + e)
}
o.send()
}
},
getSettings: function () {
try {
var e = stT.getItem(cK)
if (!e) {
return
}
e = JSON.parse(e)
if (Date.now() > e.e) {
stT.removeItem(cK)
return
}
return e.s
} catch (e) {
return
}
},
init: function () {
if (d.URL.indexOf('__vwo_disable__') > -1) return
var e = this.settings_tolerance()
w._vwo_settings_timer = setTimeout(function () {
_vwo_code.finish()
stT.removeItem(cK)
}, e)
var t
if (this.hide_element() !== 'body') {
t = d.createElement('style')
var n = this.hide_element(),
i = n ? n + this.hide_element_style() : '',
r = d.getElementsByTagName('head')[0]
t.setAttribute('id', '_vis_opt_path_hides')
v && t.setAttribute('nonce', v.nonce)
t.setAttribute('type', 'text/css')
if (t.styleSheet) t.styleSheet.cssText = i
else t.appendChild(d.createTextNode(i))
r.appendChild(t)
} else {
t = d.getElementsByTagName('head')[0]
var i = d.createElement('div')
i.style.cssText =
'z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;display: block !important;'
i.setAttribute('id', '_vis_opt_path_hides')
i.classList.add('_vis_hide_layer')
t.parentNode.insertBefore(i, t.nextSibling)
}
var o = window._vis_opt_url || d.URL,
s =
'https://dev.visualwebsiteoptimizer.com/j.php?a=' +
account_id +
'&u=' +
encodeURIComponent(d.URL) +
'&f=' +
+is_spa +
'&r=' +
Math.random() +
'&s=segment.web'
)
return settings_timer
account_id +
'&u=' +
encodeURIComponent(o) +
'&vn=' +
version
if (w.location.search.indexOf('_vwo_xhr') !== -1) {
this.addScript({
src: s
})
} else {
this.load(s + '&x=true')
}
}
window._vwo_settings_timer = code.init()
return code
}
w._vwo_code = code
code.init()
})()
}
}

0 comments on commit b12df36

Please sign in to comment.