모듈:ImageSwitch

이 모듈에 대한 설명문서는 모듈:ImageSwitch/설명문서에서 만들 수 있습니다

local p = {}

-- HTML 특수문자 이스케이프
local function escape_html(text)
    return text
        :gsub("&", "&")
        :gsub("<", "&lt;")
        :gsub(">", "&gt;")
        :gsub("\"", "&quot;")
        :gsub("'", "&#39;")
end

function p.main(frame)
    local args = frame:getParent().args

    -- 필수 인자
    local light = args[1] or ''
    local dark = args[2] or ''
    local width = escape_html(args[3] or '')

    -- 선택 인자
    local alt = escape_html(args['alt'] or '')
    local raw_link = args['link'] or ''
    local class = escape_html(args['class'] or '')
    local style = escape_html(args['style'] or '')

    if light == '' then
        return '<strong class="error">라이트모드 이미지가 필요합니다.</strong>'
    end

    -- 파일 경로 처리
    local lighturl = escape_html(frame:callParserFunction('filepath', light))
    local darkurl = ''
    if dark and mw.text.trim(dark) ~= '' then
        darkurl = escape_html(frame:callParserFunction('filepath', dark))
    end

    -- 링크 인코딩 및 내부링크 처리
    local link = ''
    if raw_link ~= '' then
        link = '/wiki/index.php/' .. mw.uri.encode(raw_link, 'WIKI')
    end

    -- 이미지 구성
    local html = {}
    table.insert(html, '<div class="image-switch-wrapper">')

    local function make_img(src, img_class)
        local tag = '<img src="' .. src .. '" class="' .. img_class
        if class ~= '' then tag = tag .. ' ' .. class end
        tag = tag .. '"'
        if width ~= '' then tag = tag .. ' width="' .. width .. '"' end
        if alt ~= '' then tag = tag .. ' alt="' .. alt .. '"' end
        if style ~= '' then tag = tag .. ' style="' .. style .. '"' end
        tag = tag .. '>'
        return tag
    end

    local light_img = make_img(lighturl, 'light-mode-img')
    local dark_img = darkurl ~= '' and make_img(darkurl, 'dark-mode-img') or ''

    if link ~= '' then
        table.insert(html, '<a href="' .. link .. '">' .. light_img .. dark_img .. '</a>')
    else
        table.insert(html, light_img .. dark_img)
    end

    table.insert(html, '</div>')
    return table.concat(html)
end

return p