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

De Wiki Gla
Ir para navegação Ir para pesquisar
m
Etiquetas: Reversão manual Revertido
m
Etiquetas: Reversão manual Revertido
Linha 1: Linha 1:
-- Módulo:Teste
local p = {}
local p = {}


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


-- Serializa uma skill vinda de {{testeskill}}
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


-- Componente principal (apenas novo modelo via |skills= e |skins=)
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)
        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'
  local function fileURL(name)
    nomeBox:wikitext(string.format('[[Arquivo:%s|class=topbar-icon|link=|alt=Medal]]', avatarImg))
     return tostring(mw.uri.fullUrl('Special:FilePath/' .. (name or '')))
  end


    local nomeCat = nomeBox:tag('div'):addClass('personaje-nome-category')
  -- Tier -> classe css
    nomeCat:tag('div'):addClass('nome'):wikitext(args.nome or 'Franky (TS)')
  local tierRaw = args.tier or ""
    local classesDiv = nomeCat:tag('div'):addClass('classes')
  local tierKey = mw.ustring.lower(tierRaw)
     -- Dividir clases por "/"
  local tierMap = {
     local classeString = args.classe or ''
     bronze = "tier-bronze", bronce = "tier-bronze",
     local tierUpper = tier:gsub("^%l", string.upper)
     silver = "tier-silver", prata  = "tier-silver",
     classesDiv:tag('div'):addClass('classe tier'):wikitext(tierUpper)
     gold  = "tier-gold",  ouro  = "tier-gold",
    for classe in mw.text.gsplit(classeString, '/', true) do
     diamond= "tier-diamond",diamante="tier-diamond",
        classesDiv:tag('div'):addClass('classe'):wikitext(classe)
  }
    end
  local tierClass = tierMap[tierKey]


    header:tag('div'):addClass('topbar-description'):wikitext(args.desc)
  -- Raiz
  local box = html:tag('div'):addClass('personaje-box')
  if tierClass then box:addClass(tierClass) end


    local banner = args.banner or ''
  -- Header/topbar
    local bannerFile = mw.title.new('Arquivo:' .. banner)
  local header = box:tag('div'):addClass('personaje-header')
    if bannerFile and bannerFile.exists then
  local topbar = header:tag('div'):addClass('personaje-topbar')
        header:tag('div'):addClass('banner'):wikitext(string.format(
  local nomeBox = topbar:tag('div'):addClass('personaje-nome-box')
            '[[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')
  local avatarImg = args.avatar or 'Franky_ts_medal.png'
    tabs:tag('div'):addClass('tab-btn active'):attr('data-tab', 'habilidades'):wikitext('Habilidades')
  nomeBox:wikitext(string.format('[[Arquivo:%s|class=topbar-icon|link=|alt=Avatar]]', avatarImg))
    tabs:tag('div'):addClass('tab-btn'):attr('data-tab', 'skins'):wikitext('Skins')


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


    -- HABILIDADE
  local classesDiv = nomeCat:tag('div'):addClass('classes')
    local habilidadesTab = box:tag('div'):addClass('tab-content active'):attr('id', 'habilidades')
  if tierRaw ~= "" then
    local cuadros = habilidadesTab:tag('div'):addClass('cuadros-container')
     classesDiv:tag('div'):addClass('classe tier'):wikitext(tierRaw)
     local habilidadesContainer = habilidadesTab:tag('div'):addClass('habilidades-container')
  end
 
  local classeString = args.classe or ''
    local details = habilidadesContainer:tag('div'):addClass('habilidades-details')
  for classe in mw.text.gsplit(classeString, '/', true) do
    local descripcionContainer = details:tag('div'):addClass('descripcion-container')
    if classe and classe ~= '' then
    -- ====== NOVO: bloco de skills via subtemplate ======
      classesDiv:tag('div'):addClass('classe'):wikitext(classe)
    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
     end
  end


    -- ====== Fallback: mantém suporte aos hab1..hab21 se não usar 'skills' ======
  header:tag('div'):addClass('topbar-description'):wikitext(args.desc or '')
    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',
  -- Banner (se existir arquivo)
                    desc):attr('data-atr', atr):attr('data-video', videoURL):attr('data-video-preload', 'auto')
  local banner = args.banner or ''
                    :wikitext(string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))
  local bannerTitle = (banner ~= '' and mw.title.new('Arquivo:' .. banner)) or nil
  if bannerTitle and bannerTitle.exists then
    header:tag('div'):addClass('banner')
      :wikitext(string.format('[[Arquivo:%s|class=banner-personaje|link=|alt=Banner]]', banner))
  else
    header:tag('div'):addClass('banner')
  end


                descripcionContainer:tag('div'):addClass('habilidad-descripcion'):attr('data-index', i)
  -- Tabs
            end
  local tabs = header:tag('div'):addClass('personaje-tabs')
        end
  tabs:tag('div'):addClass('tab-btn active'):attr('data-tab', 'habilidades'):wikitext('Habilidades')
    end
  tabs:tag('div'):addClass('tab-btn'):attr('data-tab', 'skins'):wikitext('Skins')


    for i = 1, 21 do
  -- Artwork (fica dentro do header; z-index via CSS)
        local nome = args['hab' .. i .. '-nome']
  local artImg = args.artwork or 'Franky_ts_splash.png'
        if nome then
  header:tag('div'):css('text-align', 'center')
            local icon = args['hab' .. i .. '-icon'] or ''
    :wikitext(string.format('[[Arquivo:%s|class=art-personaje|link=|alt=Arte]]', artImg))
            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)
  -- ===== HABILIDADES =====
                :attr('data-atr', atr):attr('data-video', videoURL):attr('data-video-preload', 'auto'):wikitext(
  local habilidadesTab = box:tag('div'):addClass('tab-content active'):attr('id', 'habilidades')
                    string.format("[[Arquivo:%s|class=habilidad-icon|link=]]", icon))
  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')


            descripcionContainer:tag('div'):addClass('habilidad-descripcion'):attr('data-index', i)
  local skillsPacked = args.skills or ''
        end
  local idx = 0
    end
  for obj in skillsPacked:gmatch("%b{}") do
 
    local ok, sk = pcall(mw.text.jsonDecode, obj)
    details:done()
    if ok and type(sk) == "table" and (sk.name or sk.nome) and (sk.name ~= '' or sk.nome ~= '') then
    habilidadesContainer:tag('div'):addClass('video-container'):done()
      idx = idx + 1
    habilidadesTab:done()
      local nome  = sk.name or sk.nome or ''
 
      local icon  = sk.icon or ''
    -- SKINS
      local desc  = sk.desc or ''
    local skinsTab = box:tag('div'):addClass('tab-content'):attr('id', 'skins')
      -- ordem esperada pelo JS: PVE, PVP, Energia, Recarga
    local cardSkins = skinsTab:tag('div'):addClass('card-skins')
      local atr = table.concat({
 
        sk.powerpve or '-',
    cardSkins:tag('span'):addClass('card-skins-title'):wikitext('SKINS & SPOTLIGHTS')
        sk.powerpvp or '-',
 
        sk.energy  or '-',
    local wrapper = cardSkins:tag('div'):addClass('skins-carousel-wrapper')
        sk.cooldown or '-'
    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(
      local videoURL = (sk.video and sk.video ~= '') and fileURL(sk.video) or ''
                    'skin-card simple-tooltip simple-tooltip-inline tooltipstered'):attr('data-simple-tooltip',
                    tooltipHtml)


                skinCard:tag('div'):addClass('skins--imageBanner'):wikitext(banner ~= '' and
      cuadros:tag('div')
                                                                                string.format("[[Arquivo:%s|link=]]",
        :addClass('cuadro')
                        banner) or ''):attr('alt', 'banner')
        :attr('data-index', idx)
        :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))


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


    -- ====== Fallback antigo (só roda se não vierem skins novas) ======
  details:done()
    if not usedSkins then
  habilidadesContainer:tag('div'):addClass('video-container'):done()
        for j = 1, 11 do
  habilidadesTab:done()
            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
  -- ===== SKINS =====
                                                                                string.format("[[Arquivo:%s|link=]]",
  local skinsTab = box:tag('div'):addClass('tab-content'):attr('id', 'skins')
                        banner) or ''):attr('alt', 'banner')
  local cardSkins = skinsTab:tag('div'):addClass('card-skins')
  cardSkins:tag('span'):addClass('card-skins-title'):wikitext('SKINS & SPOTLIGHTS')


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


    for j = 1, 11 do
  local skinsPacked = args.skins or ''
        local image = args['skin' .. j .. '-image']
  for obj in skinsPacked:gmatch("%b{}") do
        if image then
    local ok, sk = pcall(mw.text.jsonDecode, obj)
            local banner = args['skin' .. j .. '-banner'] or ''
    if ok and type(sk) == "table" then
            local tooltip = args['skin' .. j .. '-tooltip'] or ''
      local bannerFile = sk.background or ''
            local tooltipRaw = args['skin' .. j .. '-tooltip'] or ''
      local imageFile  = sk.sprite or ''
            local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''", "<b>%1</b>")
      local tooltipRaw = sk.tooltip or ''
            tooltipHtml = tooltipHtml:gsub("\n", "<br>")
      local tooltipHtml = tooltipRaw:gsub("'''([^']+)'''","<b>%1</b>"):gsub("\n","<br>")


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


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


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


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


    return tostring(html)
  return tostring(html)
end
end


return p
return p

Edição das 22h42min de 18 de agosto de 2025

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

-- Módulo:Teste
local p = {}

-- Serializa uma skin vinda de {{skin}}
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

-- Serializa uma skill vinda de {{testeskill}}
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

-- Componente principal (apenas novo modelo via |skills= e |skins=)
function p.generate(frame)
  local args = frame:getParent().args
  local html = mw.html.create('div')

  local function fileURL(name)
    return tostring(mw.uri.fullUrl('Special:FilePath/' .. (name or '')))
  end

  -- Tier -> classe css
  local tierRaw = args.tier or ""
  local tierKey = mw.ustring.lower(tierRaw)
  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[tierKey]

  -- Raiz
  local box = html:tag('div'):addClass('personaje-box')
  if tierClass then box:addClass(tierClass) end

  -- Header/topbar
  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=Avatar]]', avatarImg))

  local nomeCat = nomeBox:tag('div'):addClass('personaje-nome-category')
  nomeCat:tag('div'):addClass('nome'):wikitext(args.nome or '')

  local classesDiv = nomeCat:tag('div'):addClass('classes')
  if tierRaw ~= "" then
    classesDiv:tag('div'):addClass('classe tier'):wikitext(tierRaw)
  end
  local classeString = args.classe or ''
  for classe in mw.text.gsplit(classeString, '/', true) do
    if classe and classe ~= '' then
      classesDiv:tag('div'):addClass('classe'):wikitext(classe)
    end
  end

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

  -- Banner (se existir arquivo)
  local banner = args.banner or ''
  local bannerTitle = (banner ~= '' and mw.title.new('Arquivo:' .. banner)) or nil
  if bannerTitle and bannerTitle.exists then
    header:tag('div'):addClass('banner')
      :wikitext(string.format('[[Arquivo:%s|class=banner-personaje|link=|alt=Banner]]', banner))
  else
    header:tag('div'):addClass('banner')
  end

  -- 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'):attr('data-tab', 'skins'):wikitext('Skins')

  -- Artwork (fica dentro do header; z-index via CSS)
  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]]', artImg))

  -- ===== HABILIDADES =====
  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')

  local skillsPacked = args.skills or ''
  local idx = 0
  for obj in skillsPacked:gmatch("%b{}") do
    local ok, sk = pcall(mw.text.jsonDecode, obj)
    if ok and type(sk) == "table" and (sk.name or sk.nome) and (sk.name ~= '' or sk.nome ~= '') then
      idx = idx + 1
      local nome   = sk.name or sk.nome or ''
      local icon   = sk.icon or ''
      local desc   = sk.desc or ''
      -- ordem esperada pelo JS: PVE, PVP, Energia, Recarga
      local atr = table.concat({
        sk.powerpve or '-',
        sk.powerpvp or '-',
        sk.energy   or '-',
        sk.cooldown or '-'
      }, ", ")

      local videoURL = (sk.video and sk.video ~= '') and fileURL(sk.video) or ''

      cuadros:tag('div')
        :addClass('cuadro')
        :attr('data-index', idx)
        :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', idx)
    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')

  local skinsPacked = args.skins or ''
  for obj in skinsPacked:gmatch("%b{}") do
    local ok, sk = pcall(mw.text.jsonDecode, obj)
    if ok and type(sk) == "table" then
      local bannerFile = sk.background or ''
      local imageFile  = 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(bannerFile ~= '' and string.format('[[Arquivo:%s|link=]]', bannerFile) or '')
        :attr('alt', 'banner')

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

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

  return tostring(html)
end

return p