Como desenvolver um tema na Loja Integrada

var tema = {
    isMobile: function(){
        if(window.innerWidth <= 800){
            return true;
        }
        return false;
    },
    isTablet: function(){},
    isDesktop: function(){},
    setInstagram: function(){},
    isLogged: function(){},
    currentPage: function(){}
};

if(tema.isMobile()){
    
}

if($.funcaoDoScript()){
    //Caso rode, script já foi carregado
}else{
    //Se não foi carregado devemos adicionar a tag script via código
    
    //criamos um objeto do tipo script
    var script = document.createElement("script");
    
    //definimos seu tipo
    script.type = "text/javascript";
    
    //adicionamos a URL dele (pode ser um CDN por exemplo)
    script.src = "http://url-do-seu-script";
    
    //inserimos a tag criada no DOM
    document.body.appendChild(script);
}

if($('.classe-do-meu-objeto').length > 0){
    $('.classe-do-meu-objeto').insertBefore('.classe-do-outro-objeto');
}

$.get('url-interna-da-loja', function( data ) {
    //aqui para cada chamada será consumido 1 pageview extra
});

// Salva os dados na sessionStorage
sessionStorage.setItem('chave', 'valor');

// Obtém os dados da sessionStorage
var data = sessionStorage.getItem('chave');

//faço um each nas categorias principais do menu
$(".menu.superior .nivel-um>li").each(function(i){
    var $this = $(this);
    var linkCat = $(this).find('a').clone().attr('href');
    if(!sessionStorage.getItem(i + '_produto')){
        $.get(linkCat, function( data ) {
            //seleciona o primeiro produto da lista
            let primeiroProduto = $(data).find(
                '.listagem .listagem-linha:first-child ul li:first-child').html();
            //adiciona ele no storage
            sessionStorage.setItem(i + "_produto", primeiroProduto);
        });
    }
});

if($('.pagina-inicial').length > 0){
    //estou na página inicial
    minhaFuncaoDaHome();
}
if($('.pagina-produto').length > 0){
    //estou na página de produto
    minhaFuncaoDoProduto();
}

function isMobile(){
    var device = "desktop";
    if(window.innerWidth <= 1024){device = "tablet"}
    if(window.innerWidth <= 800){device = "phone"}
    return device;
}

if(isMobile() == "desktop"){
    //seu código específico do desktop aqui
}
if(isMobile() == "tablet"){
    //seu código específico do tablet aqui  
}
if(isMobile() == "phone"){
    //seu código específico do mobile aqui
}

function isMobile(){
    var device = false;
    if(window.innerWidth <= 1024){
        device = true
    }
    return device;
}

if(isMobile()){
    //seu código específico do mobile aqui
}

try{
    //aqui está o código que iremos tentar executar
}catch(e){
    //caso gere um erro o mesmo é "ignorado" e ao invés de travar
    //a ordem dos eventos ele irá gerar um log no console do navegador
    
    //sempre adicione um texto para que fique
    console.log('NomeDaAgência - Identificador do Bloco (Ex: Instagram)' + e);
}