juicy-redirect.html

<!-- juicy-redirect version:0.6.0 | MIT License -->
<script>
    (function (global) {
        var JuicyRedirectElementPrototype = Object.create(HTMLLinkElement.prototype);

        JuicyRedirectElementPrototype.createdCallback = function(){
        
            Object.defineProperty(this, 'url',{
                set: function(val){
                    this.setAttribute('url', val);
                },
                get: function(){
                    return this.getAttribute('url');
                }
            })
        };

        JuicyRedirectElementPrototype.attachedCallback = function(){
            this.redirect( this.getAttribute("url") );
        };
        /**
         * @event juicy-redirect-pushstate
         * Called whenever `history.state` is changed.
         * @property {String} url new URL
         */
        JuicyRedirectElementPrototype.attributeChangedCallback = function (attributeName, oldVal, newVal) {
            switch(attributeName) {
                case "url":
                    if(document.contains(this)){
                        this.redirect(newVal);
                    }
                    break;
            }
        };
        JuicyRedirectElementPrototype.redirect = function(url){
            if(!url){
                return false;
            }
            if(url == "current") {
                url = window.location.href;
            }
            var target = this.getAttribute("target");
            if(target && target !== '_self'){
                window.open(url, this.getAttribute("target"));
            } else if(this.hasAttribute("history")) {
                history.pushState(null, null, url);
                this.dispatchEvent(
                    new CustomEvent(
                        "juicy-redirect-pushstate",
                        {
                            "detail":{"url":url},
                            "bubbles": true
                        }
                    )
                );
            }
            else {
                window.location = url;
            }
            this.setAttribute("url", "");
            this.dispatchEvent(new CustomEvent('url-changed',{detail: ""}));
            return url;
        };

        global.JuicyRedirectElement = document.registerElement('juicy-redirect', {
            prototype: JuicyRedirectElementPrototype,
            extends: "link"
        });
    })(window);
</script>