Oma CSS ja JavaScript

Jokaisessa variantissa voi olla omaa CSS:ää ja JavaScriptiä osoittamalla ja klikkaamalla tehtyjen muutosten rinnalla. Tänne kuuluvat animaatiot, ehdollinen toiminta, kolmannen osapuolen widgetien säädöt ja kaikki muu, missä on aitoa logiikkaa. Variantin JavaScript voi myös lukea sivun omaa dataa, kuten tuotteen hinnan, funktiolla pertento.data().

Koodi upotetaan sivustokohtaiseen pakettiin, jonka kävijä lataa, joten se ajetaan osana varianttia eikä sitä haeta erikseen. Se suoritetaan, kun välkynnänesto vielä piilottaa sivun, ja juuri siksi skriptattu muutos ei näy hyppäyksenä.

Yksi kätevä yksityiskohta kannattaa tietää: variantin JavaScript ajetaan generoinnin aikana TypeScript-transpiloinnin läpi, joten koodipohjasta liimatut tyyppimerkinnät poistetaan eikä niitä toimiteta syntaksivirheenä. Jos koodia ei voi jäsentää lainkaan, alkuperäinen upotetaan muuttumattomana ja käännös antaa varoituksen, jossa variantti nimetään, sen sijaan että generointi epäonnistuisi kaikkien muiden sivustojen osalta.

Oma koodi kuuluu samojen varmistusten piiriin kuin kaikki muukin. Poikkeus otetaan kiinni ja raportoidaan eikä sitä päästetä etenemään, eikä mikään virhepolku saa jättää sivua piilotetuksi.