Mudanças entre as edições de "Módulo:Teste"

De Wiki Gla
Ir para navegação Ir para pesquisar
m
Etiqueta: Revertido
m
Etiqueta: Revertido
Linha 1: Linha 1:
local p = {}
local p = {}
function p.skin(frame)
    local a = frame.args
    local obj = {
        sprite = a.sprite or '',
        background = a.background or '',
        tooltip = a.tooltip or ''
    }
    return mw.text.jsonEncode(obj)
end


function p.skill(frame)
function p.skill(frame)
  local a = frame.args
    local a = frame.args
  local obj = {
    local obj = {
    name     = a.name or a.nome or '',
        name = a.name or a.nome or '',
    icon     = a.icon or '',
        icon = a.icon or '',
    level   = tonumber(a.level) or nil,
        level = tonumber(a.level) or nil,
    desc     = a.desc or '',
        desc = a.desc or '',
    energy   = a.energy or nil,
        energy = a.energy or nil,
    powerpve = a.powerpve or nil,
        powerpve = a.powerpve or nil,
    powerpvp = a.powerpvp or nil,
        powerpvp = a.powerpvp or nil,
    cooldown = a.cooldown or nil,
        cooldown = a.cooldown or nil,
    video   = a.video or '',
        video = a.video or ''
  }
    }
  return mw.text.jsonEncode(obj)
    return mw.text.jsonEncode(obj)
end
end


function p.generate(frame)
function p.generate(frame)
     local args = frame:getParent().args
     local args = frame:getParent().args
     local html = mw.html.create('div')
     local html = mw.html.create('div')
local function getVideoURL(filename)
    local function getVideoURL(filename)
    return tostring(mw.uri.fullUrl('Special:FilePath/' .. filename))
        return tostring(mw.uri.fullUrl('Special:FilePath/' .. filename))
end
    end
     local tier = (args.tier or ""):lower()
     local tier = (args.tier or ""):lower()
local tierMap = {
    local tierMap = {
    bronze = "tier-bronze", bronce = "tier-bronze",
        bronze = "tier-bronze",
    silver = "tier-silver", prata = "tier-silver",
        bronce = "tier-bronze",
    gold   = "tier-gold",   ouro = "tier-gold",
        silver = "tier-silver",
    diamond = "tier-diamond", diamante = "tier-diamond"
        prata = "tier-silver",
}
        gold = "tier-gold",
local tierClass = tierMap[tier]
        ouro = "tier-gold",
        diamond = "tier-diamond",
        diamante = "tier-diamond"
    }
    local tierClass = tierMap[tier]
     local box = html:tag('div'):addClass('personaje-box')
     local box = html:tag('div'):addClass('personaje-box')
     if tierClass then
     if tierClass then
    box:addClass(tierClass)
        box:addClass(tierClass)
end
    end
     local header = box:tag('div'):addClass('personaje-header')
     local header = box:tag('div'):addClass('personaje-header')
     local topbar = header:tag('div'):addClass('personaje-topbar')
     local topbar = header:tag('div'):addClass('personaje-topbar')
Linha 44: Linha 57:


     local nomeCat = nomeBox:tag('div'):addClass('personaje-nome-category')
     local nomeCat = nomeBox:tag('div'):addClass('personaje-nome-category')
nomeCat:tag('div'):addClass('nome'):wikitext(args.nome or 'Franky (TS)')
    nomeCat:tag('div'):addClass('nome'):wikitext(args.nome or 'Franky (TS)')
local classesDiv = nomeCat:tag('div'):addClass('classes')
    local classesDiv = nomeCat:tag('div'):addClass('classes')
-- Dividir clases por "/"
    -- Dividir clases por "/"
local classeString = args.classe or ''
    local classeString = args.classe or ''
local tierUpper = tier:gsub("^%l", string.upper)
    local tierUpper = tier:gsub("^%l", string.upper)
classesDiv:tag('div'):addClass('classe tier'):wikitext(tierUpper)
    classesDiv:tag('div'):addClass('classe tier'):wikitext(tierUpper)
for classe in mw.text.gsplit(classeString, '/', true) do
    for classe in mw.text.gsplit(classeString, '/', true) do
    classesDiv:tag('div'):addClass('classe'):wikitext(classe)
        classesDiv:tag('div'):addClass('classe'):wikitext(classe)
end
    end
 
    header:tag('div'):addClass('topbar-description'):wikitext(args.desc)


    header:tag('div'):addClass('topbar-description')
        :wikitext(args.desc)
       
     local banner = args.banner or ''
     local banner = args.banner or ''
     local bannerFile = mw.title.new('Arquivo:' .. banner)
     local bannerFile = mw.title.new('Arquivo:' .. banner)
     if bannerFile and bannerFile.exists then
     if bannerFile and bannerFile.exists then
    header:tag('div'):addClass('banner')
        header:tag('div'):addClass('banner'):wikitext(string.format(
    :wikitext(string.format('[[Arquivo:%s|class=banner-personaje|link=|alt=Artwork do personagem]]', banner))
            '[[Arquivo:%s|class=banner-personaje|link=|alt=Artwork do personagem]]', banner))
     else
     else
    header:tag('div'):addClass('banner')
        header:tag('div'):addClass('banner')
end
    end


     local tabs = header:tag('div'):addClass('personaje-tabs')
     local tabs = header:tag('div'):addClass('personaje-tabs')
     tabs:tag('div'):addClass('tab-btn active'):attr('data-tab', 'habilidades'):wikitext('Habilidades')
     tabs:tag('div'):addClass('tab-btn active'):attr('data-tab', 'habilidades'):wikitext('Habilidades')
     tabs:tag('div'):addClass('tab-btn'):attr('data-tab', 'skins'):wikitext('Skins')
     tabs:tag('div'):addClass('tab-btn'):attr('data-tab', 'skins'):wikitext('Skins')
   
 
     local artImg = args.artwork or 'Franky_ts_splash.png'
     local artImg = args.artwork or 'Franky_ts_splash.png'
header:tag('div'):css('text-align', 'center')
    header:tag('div'):css('text-align', 'center'):wikitext(string.format(
:wikitext(string.format('[[Arquivo:%s|class=art-personaje|link=|alt=Arte do personagem]]', artImg))
        '[[Arquivo:%s|class=art-personaje|link=|alt=Arte do personagem]]', artImg))


     -- HABILIDADE
     -- HABILIDADE
Linha 81: Linha 93:
     local details = habilidadesContainer:tag('div'):addClass('habilidades-details')
     local details = habilidadesContainer:tag('div'):addClass('habilidades-details')
     local descripcionContainer = details:tag('div'):addClass('descripcion-container')
     local descripcionContainer = details:tag('div'):addClass('descripcion-container')
        -- ====== NOVO: bloco de skills via subtemplate ======
    -- ====== NOVO: bloco de skills via subtemplate ======
     local skillsPacked = args.skills
     local skillsPacked = args.skills
     local usedSkills = false
     local usedSkills = false
Linha 93: Linha 105:
                 local nome = sk.name or sk.nome
                 local nome = sk.name or sk.nome
                 if nome and nome ~= "" then
                 if nome and nome ~= "" then
                     local icon   = sk.icon or ""
                     local icon = sk.icon or ""
                     local level = sk.level or ""
                     local level = sk.level or ""
                     local desc   = sk.desc or ""
                     local desc = sk.desc or ""
                     -- monta a string de atributos no formato esperado pelo JS:
                     -- monta a string de atributos no formato esperado pelo JS:
                     -- PVE, PVP, Energia, Recarga
                     -- PVE, PVP, Energia, Recarga
                     local atr = table.concat({
                     local atr = table.concat({sk.powerpve or "-", sk.powerpvp or "-", sk.energy or "-",
                        sk.powerpve or "-",
                                              sk.cooldown or "-"}, ", ")
                        sk.powerpvp or "-",
                        sk.energy   or "-",
                        sk.cooldown or "-"
                    }, ", ")


                     local rawVideo = sk.video or ""
                     local rawVideo = sk.video or ""
                     local videoURL = rawVideo ~= "" and getVideoURL(rawVideo) or ""
                     local videoURL = rawVideo ~= "" and getVideoURL(rawVideo) or ""


                     cuadros:tag('div')
                     cuadros:tag('div'):addClass('cuadro'):attr('data-index', i):attr('data-nome', nome):attr(
                        :addClass('cuadro')
                        'data-desc', desc):attr('data-atr', atr):attr('data-video', videoURL):attr('data-video-preload',
                        :attr('data-index', i)
                        'auto'):wikitext(string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))
                        :attr('data-nome', nome)
                        :attr('data-desc', desc)
                        :attr('data-atr', atr)
                        :attr('data-video', videoURL)
                        :attr('data-video-preload', 'auto')
                        :wikitext(string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))


                     descripcionContainer:tag('div')
                     descripcionContainer:tag('div'):addClass('habilidad-descripcion'):attr('data-index', i)
                        :addClass('habilidad-descripcion')
                        :attr('data-index', i)
                 end
                 end
             end
             end
Linha 134: Linha 134:
                 local level = args['hab' .. i .. '-level'] or ''
                 local level = args['hab' .. i .. '-level'] or ''
                 local desc = args['hab' .. i .. '-desc'] or ''
                 local desc = args['hab' .. i .. '-desc'] or ''
                 local atr = args['hab' .. i .. '-atr'] or ''
                 local atr = args['hab' .. i .. '-atr'] or ''
                 local rawVideo = args['hab' .. i .. '-video'] or ''
                 local rawVideo = args['hab' .. i .. '-video'] or ''
                 local videoURL = rawVideo ~= '' and getVideoURL(rawVideo) or ''
                 local videoURL = rawVideo ~= '' and getVideoURL(rawVideo) or ''


                 cuadros:tag('div')
                 cuadros:tag('div'):addClass('cuadro'):attr('data-index', i):attr('data-nome', nome):attr('data-desc',
                    :addClass('cuadro')
                    desc):attr('data-atr', atr):attr('data-video', videoURL):attr('data-video-preload', 'auto')
                    :attr('data-index', i)
                    :attr('data-nome', nome)
                    :attr('data-desc', desc)
                    :attr('data-atr', atr)
                    :attr('data-video', videoURL)
                    :attr('data-video-preload', 'auto')
                     :wikitext(string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))
                     :wikitext(string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))


                 descripcionContainer:tag('div')
                 descripcionContainer:tag('div'):addClass('habilidad-descripcion'):attr('data-index', i)
                    :addClass('habilidad-descripcion')
                    :attr('data-index', i)
             end
             end
         end
         end
     end
     end
       
 
     for i = 1, 21 do
     for i = 1, 21 do
    local nome = args['hab' .. i .. '-nome']
        local nome = args['hab' .. i .. '-nome']
    if nome then
        if nome then
        local icon = args['hab' .. i .. '-icon'] or ''
            local icon = args['hab' .. i .. '-icon'] or ''
        local level = args['hab' .. i .. '-level'] or ''
            local level = args['hab' .. i .. '-level'] or ''
        local desc = args['hab' .. i .. '-desc'] or ''
            local desc = args['hab' .. i .. '-desc'] or ''
        local atr = args['hab' .. i .. '-atr'] or ''
            local atr = args['hab' .. i .. '-atr'] or ''
        local rawVideo = args['hab' .. i .. '-video'] or ''
            local rawVideo = args['hab' .. i .. '-video'] or ''
local videoURL = rawVideo ~= '' and getVideoURL(rawVideo) or ''
            local videoURL = rawVideo ~= '' and getVideoURL(rawVideo) or ''
        cuadros:tag('div')
            :addClass('cuadro')
            :attr('data-index', i)
            :attr('data-nome', nome)
            :attr('data-desc', desc)
            :attr('data-atr', atr)
            :attr('data-video', videoURL)
:attr('data-video-preload', 'auto')
            :wikitext(string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))
        descripcionContainer:tag('div')
            :addClass('habilidad-descripcion')
            :attr('data-index', i)
    end
end


            cuadros:tag('div'):addClass('cuadro'):attr('data-index', i):attr('data-nome', nome):attr('data-desc', desc)
                :attr('data-atr', atr):attr('data-video', videoURL):attr('data-video-preload', 'auto'):wikitext(
                    string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))
            descripcionContainer:tag('div'):addClass('habilidad-descripcion'):attr('data-index', i)
        end
    end


     details:done()
     details:done()
Linha 187: Linha 170:


     -- SKINS
     -- SKINS
local skinsTab = box:tag('div'):addClass('tab-content'):attr('id', 'skins')
    local skinsTab = box:tag('div'):addClass('tab-content'):attr('id', 'skins')
local cardSkins = skinsTab:tag('div'):addClass('card-skins')
    local cardSkins = skinsTab:tag('div'):addClass('card-skins')
 
cardSkins:tag('span'):addClass('card-skins-title'):wikitext('SKINS & SPOTLIGHTS')
    cardSkins:tag('span'):addClass('card-skins-title'):wikitext('SKINS & SPOTLIGHTS')
 
local wrapper = cardSkins:tag('div'):addClass('skins-carousel-wrapper')
    local wrapper = cardSkins:tag('div'):addClass('skins-carousel-wrapper')
wrapper:tag('div'):addClass('skins-arrow left'):wikitext('«')
    wrapper:tag('div'):addClass('skins-arrow left'):wikitext('«')
 
local carousel = wrapper:tag('div'):addClass('skins-carousel')
    local carousel = wrapper:tag('div'):addClass('skins-carousel')
    -- ====== NOVO: bloco de skins via subtemplate (robusto) ======
for j = 1, 11 do
    local skinsPacked = args.skins
    local image = args['skin' .. j .. '-image']
    local usedSkins = false
    if image then
    if skinsPacked and skinsPacked:find("{", 1, true) then
        local banner = args['skin' .. j .. '-banner'] or ''
        local count = 0
        local tooltip = args['skin' .. j .. '-tooltip'] or ''
        for obj in skinsPacked:gmatch("%b{}") do
        local tooltipRaw = args['skin' .. j .. '-tooltip'] or ''
            local ok, sk = pcall(mw.text.jsonDecode, obj)
        local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''", "<b>%1</b>")
            if ok and type(sk) == "table" then
        tooltipHtml = tooltipHtml:gsub("\n", "<br>")
                count = count + 1
       
                local banner = sk.background or ''
        local skinCard = carousel:tag('div')
                local image = sk.sprite or ''
            :addClass('skin-card simple-tooltip simple-tooltip-inline tooltipstered')
                local tooltipRaw = sk.tooltip or ''
            :attr('data-simple-tooltip', tooltipHtml)
                local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''", "<b>%1</b>"):gsub("\n", "<br>")
 
        skinCard:tag('div')
                local skinCard = carousel:tag('div'):addClass(
            :addClass('skins--imageBanner')
                    'skin-card simple-tooltip simple-tooltip-inline tooltipstered'):attr('data-simple-tooltip',
            :wikitext(string.format("[[Arquivo:%s|link=]]", banner))
                    tooltipHtml)
            :attr('alt', 'banner')
 
                skinCard:tag('div'):addClass('skins--imageBanner'):wikitext(banner ~= '' and
        skinCard:tag('div')
                                                                                string.format("[[Arquivo:%s|link=]]",
            :addClass('skins--imageSkin')
                        banner) or ''):attr('alt', 'banner')
            :wikitext(string.format("[[Arquivo:%s|link=]]", image))
 
            :attr('alt', 'skin')
                skinCard:tag('div'):addClass('skins--imageSkin'):wikitext(image ~= '' and
    end
                                                                              string.format("[[Arquivo:%s|link=]]",
end
                        image) or ''):attr('alt', 'skin')
            end
wrapper:tag('div'):addClass('skins-arrow right'):wikitext('»')
        end
        if count > 0 then
            usedSkins = true
        end
    end
 
    -- ====== Fallback antigo (só roda se não vierem skins novas) ======
    if not usedSkins then
        for j = 1, 11 do
            local image = args['skin' .. j .. '-image']
            if image then
                local banner = args['skin' .. j .. '-banner'] or ''
                local tooltipRaw = args['skin' .. j .. '-tooltip'] or ''
                local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''", "<b>%1</b>"):gsub("\n", "<br>")
 
                local skinCard = carousel:tag('div'):addClass(
                    'skin-card simple-tooltip simple-tooltip-inline tooltipstered'):attr('data-simple-tooltip',
                    tooltipHtml)
 
                skinCard:tag('div'):addClass('skins--imageBanner'):wikitext(banner ~= '' and
                                                                                string.format("[[Arquivo:%s|link=]]",
                        banner) or ''):attr('alt', 'banner')
 
                skinCard:tag('div'):addClass('skins--imageSkin'):wikitext(string.format("[[Arquivo:%s|link=]]", image))
                    :attr('alt', 'skin')
            end
        end
    end
 
    for j = 1, 11 do
        local image = args['skin' .. j .. '-image']
        if image then
            local banner = args['skin' .. j .. '-banner'] or ''
            local tooltip = args['skin' .. j .. '-tooltip'] or ''
            local tooltipRaw = args['skin' .. j .. '-tooltip'] or ''
            local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''", "<b>%1</b>")
            tooltipHtml = tooltipHtml:gsub("\n", "<br>")
 
            local skinCard = carousel:tag('div')
                :addClass('skin-card simple-tooltip simple-tooltip-inline tooltipstered'):attr('data-simple-tooltip',
                    tooltipHtml)
 
            skinCard:tag('div'):addClass('skins--imageBanner'):wikitext(string.format("[[Arquivo:%s|link=]]", banner))
                :attr('alt', 'banner')
 
            skinCard:tag('div'):addClass('skins--imageSkin'):wikitext(string.format("[[Arquivo:%s|link=]]", image))
                :attr('alt', 'skin')
        end
    end


    wrapper:tag('div'):addClass('skins-arrow right'):wikitext('»')


     return tostring(html)
     return tostring(html)

Edição das 05h58min de 18 de agosto de 2025

A documentação para este módulo pode ser criada em Módulo:Teste/doc

local p = {}

function p.skin(frame)
    local a = frame.args
    local obj = {
        sprite = a.sprite or '',
        background = a.background or '',
        tooltip = a.tooltip or ''
    }
    return mw.text.jsonEncode(obj)
end

function p.skill(frame)
    local a = frame.args
    local obj = {
        name = a.name or a.nome or '',
        icon = a.icon or '',
        level = tonumber(a.level) or nil,
        desc = a.desc or '',
        energy = a.energy or nil,
        powerpve = a.powerpve or nil,
        powerpvp = a.powerpvp or nil,
        cooldown = a.cooldown or nil,
        video = a.video or ''
    }
    return mw.text.jsonEncode(obj)
end

function p.generate(frame)
    local args = frame:getParent().args
    local html = mw.html.create('div')
    local function getVideoURL(filename)
        return tostring(mw.uri.fullUrl('Special:FilePath/' .. filename))
    end
    local tier = (args.tier or ""):lower()
    local tierMap = {
        bronze = "tier-bronze",
        bronce = "tier-bronze",
        silver = "tier-silver",
        prata = "tier-silver",
        gold = "tier-gold",
        ouro = "tier-gold",
        diamond = "tier-diamond",
        diamante = "tier-diamond"
    }
    local tierClass = tierMap[tier]
    local box = html:tag('div'):addClass('personaje-box')
    if tierClass then
        box:addClass(tierClass)
    end
    local header = box:tag('div'):addClass('personaje-header')
    local topbar = header:tag('div'):addClass('personaje-topbar')
    local nomeBox = topbar:tag('div'):addClass('personaje-nome-box')

    local avatarImg = args.avatar or 'Franky_ts_medal.png'
    nomeBox:wikitext(string.format('[[Arquivo:%s|class=topbar-icon|link=|alt=Medal]]', avatarImg))

    local nomeCat = nomeBox:tag('div'):addClass('personaje-nome-category')
    nomeCat:tag('div'):addClass('nome'):wikitext(args.nome or 'Franky (TS)')
    local classesDiv = nomeCat:tag('div'):addClass('classes')
    -- Dividir clases por "/"
    local classeString = args.classe or ''
    local tierUpper = tier:gsub("^%l", string.upper)
    classesDiv:tag('div'):addClass('classe tier'):wikitext(tierUpper)
    for classe in mw.text.gsplit(classeString, '/', true) do
        classesDiv:tag('div'):addClass('classe'):wikitext(classe)
    end

    header:tag('div'):addClass('topbar-description'):wikitext(args.desc)

    local banner = args.banner or ''
    local bannerFile = mw.title.new('Arquivo:' .. banner)
    if bannerFile and bannerFile.exists then
        header:tag('div'):addClass('banner'):wikitext(string.format(
            '[[Arquivo:%s|class=banner-personaje|link=|alt=Artwork do personagem]]', banner))
    else
        header:tag('div'):addClass('banner')
    end

    local tabs = header:tag('div'):addClass('personaje-tabs')
    tabs:tag('div'):addClass('tab-btn active'):attr('data-tab', 'habilidades'):wikitext('Habilidades')
    tabs:tag('div'):addClass('tab-btn'):attr('data-tab', 'skins'):wikitext('Skins')

    local artImg = args.artwork or 'Franky_ts_splash.png'
    header:tag('div'):css('text-align', 'center'):wikitext(string.format(
        '[[Arquivo:%s|class=art-personaje|link=|alt=Arte do personagem]]', artImg))

    -- HABILIDADE
    local habilidadesTab = box:tag('div'):addClass('tab-content active'):attr('id', 'habilidades')
    local cuadros = habilidadesTab:tag('div'):addClass('cuadros-container')
    local habilidadesContainer = habilidadesTab:tag('div'):addClass('habilidades-container')

    local details = habilidadesContainer:tag('div'):addClass('habilidades-details')
    local descripcionContainer = details:tag('div'):addClass('descripcion-container')
    -- ====== NOVO: bloco de skills via subtemplate ======
    local skillsPacked = args.skills
    local usedSkills = false
    if skillsPacked and skillsPacked:match("{") then
        -- Concat de objetos JSON: ...}{...}{...  -> ...},{...},{...
        local arr = "[" .. skillsPacked:gsub("}%s*{", "},{") .. "]"
        local ok, parsed = pcall(mw.text.jsonDecode, arr)
        if ok and type(parsed) == "table" and #parsed > 0 then
            usedSkills = true
            for i, sk in ipairs(parsed) do
                local nome = sk.name or sk.nome
                if nome and nome ~= "" then
                    local icon = sk.icon or ""
                    local level = sk.level or ""
                    local desc = sk.desc or ""
                    -- monta a string de atributos no formato esperado pelo JS:
                    -- PVE, PVP, Energia, Recarga
                    local atr = table.concat({sk.powerpve or "-", sk.powerpvp or "-", sk.energy or "-",
                                              sk.cooldown or "-"}, ", ")

                    local rawVideo = sk.video or ""
                    local videoURL = rawVideo ~= "" and getVideoURL(rawVideo) or ""

                    cuadros:tag('div'):addClass('cuadro'):attr('data-index', i):attr('data-nome', nome):attr(
                        'data-desc', desc):attr('data-atr', atr):attr('data-video', videoURL):attr('data-video-preload',
                        'auto'):wikitext(string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))

                    descripcionContainer:tag('div'):addClass('habilidad-descripcion'):attr('data-index', i)
                end
            end
        end
    end

    -- ====== Fallback: mantém suporte aos hab1..hab21 se não usar 'skills' ======
    if not usedSkills then
        for i = 1, 21 do
            local nome = args['hab' .. i .. '-nome']
            if nome then
                local icon = args['hab' .. i .. '-icon'] or ''
                local level = args['hab' .. i .. '-level'] or ''
                local desc = args['hab' .. i .. '-desc'] or ''
                local atr = args['hab' .. i .. '-atr'] or ''
                local rawVideo = args['hab' .. i .. '-video'] or ''
                local videoURL = rawVideo ~= '' and getVideoURL(rawVideo) or ''

                cuadros:tag('div'):addClass('cuadro'):attr('data-index', i):attr('data-nome', nome):attr('data-desc',
                    desc):attr('data-atr', atr):attr('data-video', videoURL):attr('data-video-preload', 'auto')
                    :wikitext(string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))

                descripcionContainer:tag('div'):addClass('habilidad-descripcion'):attr('data-index', i)
            end
        end
    end

    for i = 1, 21 do
        local nome = args['hab' .. i .. '-nome']
        if nome then
            local icon = args['hab' .. i .. '-icon'] or ''
            local level = args['hab' .. i .. '-level'] or ''
            local desc = args['hab' .. i .. '-desc'] or ''
            local atr = args['hab' .. i .. '-atr'] or ''
            local rawVideo = args['hab' .. i .. '-video'] or ''
            local videoURL = rawVideo ~= '' and getVideoURL(rawVideo) or ''

            cuadros:tag('div'):addClass('cuadro'):attr('data-index', i):attr('data-nome', nome):attr('data-desc', desc)
                :attr('data-atr', atr):attr('data-video', videoURL):attr('data-video-preload', 'auto'):wikitext(
                    string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))

            descripcionContainer:tag('div'):addClass('habilidad-descripcion'):attr('data-index', i)
        end
    end

    details:done()
    habilidadesContainer:tag('div'):addClass('video-container'):done()
    habilidadesTab:done()

    -- SKINS
    local skinsTab = box:tag('div'):addClass('tab-content'):attr('id', 'skins')
    local cardSkins = skinsTab:tag('div'):addClass('card-skins')

    cardSkins:tag('span'):addClass('card-skins-title'):wikitext('SKINS & SPOTLIGHTS')

    local wrapper = cardSkins:tag('div'):addClass('skins-carousel-wrapper')
    wrapper:tag('div'):addClass('skins-arrow left'):wikitext('«')

    local carousel = wrapper:tag('div'):addClass('skins-carousel')
    -- ====== NOVO: bloco de skins via subtemplate (robusto) ======
    local skinsPacked = args.skins
    local usedSkins = false
    if skinsPacked and skinsPacked:find("{", 1, true) then
        local count = 0
        for obj in skinsPacked:gmatch("%b{}") do
            local ok, sk = pcall(mw.text.jsonDecode, obj)
            if ok and type(sk) == "table" then
                count = count + 1
                local banner = sk.background or ''
                local image = sk.sprite or ''
                local tooltipRaw = sk.tooltip or ''
                local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''", "<b>%1</b>"):gsub("\n", "<br>")

                local skinCard = carousel:tag('div'):addClass(
                    'skin-card simple-tooltip simple-tooltip-inline tooltipstered'):attr('data-simple-tooltip',
                    tooltipHtml)

                skinCard:tag('div'):addClass('skins--imageBanner'):wikitext(banner ~= '' and
                                                                                string.format("[[Arquivo:%s|link=]]",
                        banner) or ''):attr('alt', 'banner')

                skinCard:tag('div'):addClass('skins--imageSkin'):wikitext(image ~= '' and
                                                                              string.format("[[Arquivo:%s|link=]]",
                        image) or ''):attr('alt', 'skin')
            end
        end
        if count > 0 then
            usedSkins = true
        end
    end

    -- ====== Fallback antigo (só roda se não vierem skins novas) ======
    if not usedSkins then
        for j = 1, 11 do
            local image = args['skin' .. j .. '-image']
            if image then
                local banner = args['skin' .. j .. '-banner'] or ''
                local tooltipRaw = args['skin' .. j .. '-tooltip'] or ''
                local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''", "<b>%1</b>"):gsub("\n", "<br>")

                local skinCard = carousel:tag('div'):addClass(
                    'skin-card simple-tooltip simple-tooltip-inline tooltipstered'):attr('data-simple-tooltip',
                    tooltipHtml)

                skinCard:tag('div'):addClass('skins--imageBanner'):wikitext(banner ~= '' and
                                                                                string.format("[[Arquivo:%s|link=]]",
                        banner) or ''):attr('alt', 'banner')

                skinCard:tag('div'):addClass('skins--imageSkin'):wikitext(string.format("[[Arquivo:%s|link=]]", image))
                    :attr('alt', 'skin')
            end
        end
    end

    for j = 1, 11 do
        local image = args['skin' .. j .. '-image']
        if image then
            local banner = args['skin' .. j .. '-banner'] or ''
            local tooltip = args['skin' .. j .. '-tooltip'] or ''
            local tooltipRaw = args['skin' .. j .. '-tooltip'] or ''
            local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''", "<b>%1</b>")
            tooltipHtml = tooltipHtml:gsub("\n", "<br>")

            local skinCard = carousel:tag('div')
                :addClass('skin-card simple-tooltip simple-tooltip-inline tooltipstered'):attr('data-simple-tooltip',
                    tooltipHtml)

            skinCard:tag('div'):addClass('skins--imageBanner'):wikitext(string.format("[[Arquivo:%s|link=]]", banner))
                :attr('alt', 'banner')

            skinCard:tag('div'):addClass('skins--imageSkin'):wikitext(string.format("[[Arquivo:%s|link=]]", image))
                :attr('alt', 'skin')
        end
    end

    wrapper:tag('div'):addClass('skins-arrow right'):wikitext('»')

    return tostring(html)
end

return p