plugin-embed-restrict.html

plugin-embed-restrict.html

<template id="embed-restrict">
    <div class="embed-restrict">
        {{ message }}
    </div>
</template>

<script>
kiwi.plugin('embed-restrict', function(kiwi, log) {
    if (window === window.top) {
        return;
    }

    const restrictedDomains = [
        'localhost',
    ];
    if (!restrictedDomains.some(d => document.referrer.includes(d))) {
        return;
    }

    const component = {
        template: '#embed-restrict',
        data() {
            return {
                message: 'Embedding is restricted for this domain',
            };
        },
    };

    kiwi.replaceModule('components/startups/Welcome', component);
});
</script>

<style>
.embed-restrict {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    font-weight: 900;
    color: rgb(150, 0, 0);

}
</style>