Jump to content

Module:SocialMedia: Difference between revisions

No edit summary
No edit summary
Line 80: Line 80:
end
end


-- Helper function to build a clickable icon link with alt text for accessibility using wikitext syntax: [[File:Something.png|16px|alt=ALT_TEXT|link=URL]]
-- Helper function to build a clickable icon link with alt text for accessibility
-- using wikitext syntax: [[File:Something.svg|16px|alt=ALT_TEXT|link=URL]]
local function buildIconLink(iconFile, altText, url)
local function buildIconLink(iconFile, altText, url)
     return string.format("[[%s|16px|alt=%s|link=%s]]", iconFile, altText, url)
     return string.format("[[%s|16px|alt=%s|link=%s]]", iconFile, altText, url)
Line 105: Line 106:
     end
     end


     -- Otherwise, return a table row
     -- Wrap all icons in a flex container that can wrap to new lines.
     local iconString = table.concat(icons, "   ")
     -- "gap" adds spacing between icons. Adjust as needed.
     local row = table.concat({
     return table.concat({
         "|-",
         '<div style="display: flex; flex-wrap: wrap; gap: 0.5em;">',
        "| ", -- Label on the left
            table.concat(icons, ""),
         "| " .. iconString -- Icons on the right
         '</div>'
     }, "\n")
     }, "\n")
    return row
end
end


return sf
return sf

Revision as of 14:03, 7 February 2025

Documentation for this module may be created at Module:SocialMedia/doc

-- Reusable social media component meant to be called from other modules

local sf = {}

-- This section defines the social platforms; can be added or deleted without consequence
-- param = handle for the platform; for "x", we also accept "twitter" for legacy pursposes
-- icon  = wiki file for the icon
-- prefix = URL prefix
-- label  = used for alt text/screen readers
local socialPlatforms = {
    {
        param  = "facebook",
        icon   = "File:SocialFacebookIcon.svg",
        prefix = "https://www.facebook.com/",
        label  = "Facebook"
    },
    {
        param  = "instagram",
        icon   = "File:SocialInstagramIcon.svg",
        prefix = "https://www.instagram.com/",
        label  = "Instagram"
    },
    {
        param  = "linkedin",
        icon   = "File:SocialLinkedInIcon.svg",
        prefix = "https://www.linkedin.com/",
        label  = "LinkedIn"
    },
    {
        param  = "telegram",
        icon   = "File:SocialTelegramIcon.svg",
        prefix = "https://t.me/",
        label  = "Telegram"
    },
    {
        param  = "threads",
        icon   = "File:SocialThreadsIcon.svg",
        prefix = "https://www.threads.net/",
        label  = "Threads"
    },
    {
        param  = "tiktok",
        icon   = "File:SocialTikTokIcon.svg",
        prefix = "https://www.tiktok.com/",
        label  = "TikTok"
    },
    {
        -- Multiple aliases: the editor can supply "x" or "twitter"
        param  = { "x", "twitter" },
        icon   = "File:SocialXIcon.svg",
        prefix = "https://x.com/",
        label  = "X (Twitter)"
    },
    {
        param  = "youtube",
        icon   = "File:SocialYouTubeIcon.svg",
        prefix = "https://www.youtube.com/",
        label  = "YouTube"
    },
}

--------------------------------------------------------------------------------
-- Helper to find the first non-empty user handle from a param or table of params
-- If param is a single string (e.g. "facebook"), we do args["facebook"]
-- If it's a table like { "x", "twitter" }, we check args["x"] then args["twitter"]
--------------------------------------------------------------------------------
local function getUserHandle(args, param)
    if type(param) == "string" then
        return args[param]
    else
        -- param is a table of aliases
        for _, alias in ipairs(param) do
            local handle = args[alias]
            if handle and handle ~= "" then
                return handle
            end
        end
        return nil
    end
end

-- Helper function to build a clickable icon link with alt text for accessibility
-- using wikitext syntax: [[File:Something.svg|16px|alt=ALT_TEXT|link=URL]]
local function buildIconLink(iconFile, altText, url)
    return string.format("[[%s|16px|alt=%s|link=%s]]", iconFile, altText, url)
end

-- Main render function, takes a table of arguments (handles), returns wiki markup with social icons
function sf.render(args)
    local icons = {}

    for _, platform in ipairs(socialPlatforms) do
        -- Retrieve the handle from any of the defined param aliases
        local handle = getUserHandle(args, platform.param)
        if handle and handle ~= "" then
            local url = platform.prefix .. handle
            -- Build an icon link, passing label as alt text
            local iconLink = buildIconLink(platform.icon, platform.label, url)
            table.insert(icons, iconLink)
        end
    end

    -- If no handles were provided, return nothing (empty string).
    if #icons == 0 then
        return ""
    end

    -- Wrap all icons in a flex container that can wrap to new lines.
    -- "gap" adds spacing between icons. Adjust as needed.
    return table.concat({
        '<div style="display: flex; flex-wrap: wrap; gap: 0.5em;">',
            table.concat(icons, ""),
        '</div>'
    }, "\n")
end

return sf