Module:CraftingTable - Revision history

NewAdmin at 20:49, 24 June 2025

2025-06-24T20:49:03Z

← Older revision		Revision as of 20:49, 24 June 2025
Line 1:		Line 1:
	-- Module:CraftingTable		-- Module:CraftingTable
	-- Renders an animated crafting-table grid with ~~optional~~ per-slot and		-- Renders an animated crafting-table grid with per-slot and output
	-- ~~output~~-~~stack quantities~~.		-- stack-size overlays.

	local p = {}		local p = {}
	local getArgs = require('Module:Arguments').getArgs		local getArgs = require('Module:Arguments').getArgs
			local trim = mw.text.trim

	----------------------------------------------------------------------		----------------------------------------------------------------------
Line 43:		Line 44:

	----------------------------------------------------------------------		----------------------------------------------------------------------
	-- ~~writes~~ the expanded {{GridText}} overlay into parent		-- inject the expanded {{GridText}} overlay into parent
			-- strips the automatic <p> wrapper to avoid mis-alignment
	----------------------------------------------------------------------		----------------------------------------------------------------------
	local function putQtyOverlay(parent, frame, colour, num, left, bottom)		local function putQtyOverlay(parent, frame, colour, num, left, bottom)
	local html = frame:expandTemplate{ title = 'GridText', args = { colour, num } }		local html = frame:expandTemplate{ title = 'GridText', args = { colour, num } }
			html = trim(html):gsub('^<p>(.*)</p>$', '%1') -- drop wrapper
	parent:tag('div')		parent:tag('div')
	:css{		:css{
	position = 'absolute',		position = 'absolute',
	left = left or '0',		left = left or '0',
	bottom = bottom or '0',		bottom = bottom or '0',
	width = '32px',		width = '32px',
Line 65:		Line 68:
	local args = getArgs(frame, { removeBlanks = false })		local args = getArgs(frame, { removeBlanks = false })

	-- slot coordinates (input ~~3×3~~ + output)		-- slot coordinates (input 3 × 3 + output)
	local slots = {		local slots = {
	A1 = { 14, 14 }, A2 = { 14, 50 }, A3 = { 14, 86 },		A1 = { 14, 14 }, A2 = { 14, 50 }, A3 = { 14, 86 },
Line 80:		Line 83:
	if #items > 0 then		if #items > 0 then
	local holder = root:tag('div')		local holder = root:tag('div')
	:css{ position='absolute',		:css{
	left = pos[1] .. 'px',		position = 'absolute',
	top = pos[2] .. 'px',		left = pos[1] .. 'px',
	width='32px', height='32px' }		top = pos[2] .. 'px',
			width = '32px',
			height = '32px'
			}

	if #items == 1 then		if #items == 1 then
Line 97:		Line 103:
	end		end

	-- per-slot quantity ~~overlay~~		-- per-slot quantity
	if qty and qty > 1 then		if qty and qty > 1 then
	putQtyOverlay(holder, frame, 'white', qty)		putQtyOverlay(holder, frame, 'white', qty)
Line 116:		Line 122:
	end		end

	-- output-stack amount ~~overlay~~		-- output-stack amount
	if args.OA and tonumber(args.OA) and tonumber(args.OA) > 1 then		if args.OA and tonumber(args.OA) and tonumber(args.OA) > 1 then
	local box = root:tag('div')		local box = root:tag('div')
	:css{ position='absolute', left='201px', top='71px',		:css{ position='absolute', left='201px', top='71px',
	width='64px', height='24px', overflow='hidden' }		width='64px', height='24px', overflow='hidden' }
	putQtyOverlay(box, frame, 'white', args.OA, '33px', '0') ~~-- centre over 64-px area~~		-- centre overlay inside 64-px area (32-px slot is at +33 px)
			putQtyOverlay(box, frame, 'white', args.OA, '33px', '0')
	end		end

NewAdmin at 20:34, 24 June 2025

2025-06-24T20:34:09Z

← Older revision		Revision as of 20:34, 24 June 2025
Line 1:		Line 1:
	-- Module:CraftingTable – animated crafting-grid ~~slots~~		-- Module:CraftingTable
			-- Renders an animated crafting-table grid with optional per-slot and
			-- output-stack quantities.

	local p = {}		local p = {}
	local getArgs = require('Module:Arguments').getArgs		local getArgs = require('Module:Arguments').getArgs
Line 17:		Line 20:

	----------------------------------------------------------------------		----------------------------------------------------------------------
	-- collect all numbered args for a slot (A1, A1-2~~, A1-3~~, …)		-- collect all numbered args for a slot (A1, A1-2, …)
	-- returns { {label=…, image=…, link=…}, … }, qty		-- returns { {label=…, image=…, link=…}, … }, qty
	----------------------------------------------------------------------		----------------------------------------------------------------------
Line 35:		Line 38:
	end		end
	end		end
	table.sort(items, function(a, b) return a.label < b.label end) -- deterministic ~~order~~		table.sort(items, function(a, b) return a.label < b.label end) -- deterministic
	return items, qty		return items, qty
	end		end

	----------------------------------------------------------------------		----------------------------------------------------------------------
	-- ~~tiny helper that~~ writes a {{GridText}} overlay into parent		-- writes the expanded {{GridText}} overlay into parent
	----------------------------------------------------------------------		----------------------------------------------------------------------
	local function putQtyOverlay(parent, colour, num)		local function putQtyOverlay(parent, frame, colour, num, left, bottom)
			local html = frame:expandTemplate{ title = 'GridText', args = { colour, num } }
	parent:tag('div')		parent:tag('div')
	:css{position='absolute', ~~right~~='0', bottom='0',		:css{
	width='32px', height='14px', overflow='hidden'}		position = 'absolute',
	:wikitext(~~string.format('{{GridText\|%s\|%s}}', colour, num)~~)		left = left or '0',
			bottom = bottom or '0',
			width = '32px',
			height = '14px',
			overflow = 'hidden'
			}
			:wikitext(html)
	end		end

Line 53:		Line 63:
	----------------------------------------------------------------------		----------------------------------------------------------------------
	function p.grid(frame)		function p.grid(frame)
	local args = getArgs(frame, {removeBlanks = false})		local args = getArgs(frame, { removeBlanks = false })

	-- slot coordinates (input 3×3 + output)		-- slot coordinates (input 3×3 + output)
	local slots = {		local slots = {
	A1 = {14, 14}, A2 = {14, 50}, A3 = {14, 86},		A1 = { 14, 14 }, A2 = { 14, 50 }, A3 = { 14, 86 },
	B1 = {50, 14}, B2 = {50, 50}, B3 = {50, 86},		B1 = { 50, 14 }, B2 = { 50, 50 }, B3 = { 50, 86 },
	C1 = {86, 14}, C2 = {86, 50}, C3 = {86, 86},		C1 = { 86, 14 }, C2 = { 86, 50 }, C3 = { 86, 86 },
	Output = {202, 50},		Output = { 202, 50 },
	}		}

Line 70:		Line 80:
	if #items > 0 then		if #items > 0 then
	local holder = root:tag('div')		local holder = root:tag('div')
	:css('position', 'absolute')		:css{ position='absolute',
	~~:css('~~left', pos[1] .. 'px'~~):css('~~top', pos[2] .. 'px')		left = pos[1] .. 'px',
	~~:css('~~width', '32px'~~):css('~~height', '32px')		top = pos[2] .. 'px',
			width='32px', height='32px' }

	if #items == 1 then		if #items == 1 then
Line 86:		Line 97:
	end		end

	-- per-slot quantity?		-- per-slot quantity overlay
	if qty and qty > 1 then		if qty and qty > 1 then
	putQtyOverlay(holder, 'white', qty)		putQtyOverlay(holder, frame, 'white', qty)
	end		end
	end		end
Line 97:		Line 108:
	local tip = 'This recipe is shapeless; the ingredients may be placed in any arrangement in the crafting grid.'		local tip = 'This recipe is shapeless; the ingredients may be placed in any arrangement in the crafting grid.'
	root:tag('div')		root:tag('div')
	:css{position='absolute', left='135px', top='96px',		:css{ position='absolute', left='135px', top='96px',
	width='19px', height='15px'}		width='19px', height='15px' }
	:wikitext(string.format(		:wikitext(string.format(
	'<span title="%s">[[File:Shapeless.png\|19px\|class=pixelated\|link=\|alt=Shapeless recipe]]</span>',		'<span title="%s">[[File:Shapeless.png\|19px\|class=pixelated\|link=\|alt=Shapeless recipe]]</span>',
Line 105:		Line 116:
	end		end

	-- output-amount overlay		-- output-stack amount overlay
	if args.OA and tonumber(args.OA) and tonumber(args.OA) > 1 then		if args.OA and tonumber(args.OA) and tonumber(args.OA) > 1 then
	local box = root:tag('div')		local box = root:tag('div')
	:css{position='absolute', left='201px', top='71px',		:css{ position='absolute', left='201px', top='71px',
	width='64px', height='24px', overflow='hidden'}		width='64px', height='24px', overflow='hidden' }
	putQtyOverlay(box, 'white', args.OA)		putQtyOverlay(box, frame, 'white', args.OA, '33px', '0') -- centre over 64-px area
	end		end

NewAdmin at 20:29, 24 June 2025

2025-06-24T20:29:30Z

← Older revision		Revision as of 20:29, 24 June 2025
Line 18:		Line 18:
	----------------------------------------------------------------------		----------------------------------------------------------------------
	-- collect all numbered args for a slot (A1, A1-2, A1-3, …)		-- collect all numbered args for a slot (A1, A1-2, A1-3, …)
			-- returns { {label=…, image=…, link=…}, … }, qty
	----------------------------------------------------------------------		----------------------------------------------------------------------
	local function collectItems(args, base)		local function collectItems(args, base)
	local items = {}		local items, qty = {}, tonumber(args[base .. '-qty'])
	for key, val in pairs(args) do		for key, val in pairs(args) do
	if mw.ustring.match(key, '^' .. base .. '$') or		if mw.ustring.match(key, '^' .. base .. '$') or
Line 26:		Line 27:
	local label = val		local label = val
	if label and label ~= '' then		if label and label ~= '' then
	~~local~~ image = args[key .. '-image'] or ''		table.insert(items, {
	~~local~~ link = args[key .. '-link'] or ''		label = label,
	~~table.insert(items, {label = label, image = image, link = link~~})		image = args[key .. '-image'] or '',
			link = args[key .. '-link'] or ''
			})
	end		end
	end		end
	end		end
	table.sort(items, function(a, b) return a.label < b.label end) -- deterministic order		table.sort(items, function(a, b) return a.label < b.label end) -- deterministic order
	return items		return items, qty
			end

			----------------------------------------------------------------------
			-- tiny helper that writes a {{GridText}} overlay into parent
			----------------------------------------------------------------------
			local function putQtyOverlay(parent, colour, num)
			parent:tag('div')
			:css{position='absolute', right='0', bottom='0',
			width='32px', height='14px', overflow='hidden'}
			:wikitext(string.format('{{GridText\|%s\|%s}}', colour, num))
	end		end

Line 40:		Line 53:
	----------------------------------------------------------------------		----------------------------------------------------------------------
	function p.grid(frame)		function p.grid(frame)
	local args = getArgs(frame, {removeBlanks = false})		local args = getArgs(frame, {removeBlanks = false})

	-- slot coordinates (input 3×3 + output)		-- slot coordinates (input 3×3 + output)
	local slots = {		local slots = {
	A1 = {~~left=~~14, ~~top=~~14}, A2 = {~~left=~~14, ~~top=~~50}, A3 = {~~left=~~14, ~~top=~~86},		A1 = {14, 14}, A2 = {14, 50}, A3 = {14, 86},
	B1 = {~~left=~~50, ~~top=~~14}, B2 = {~~left=~~50, ~~top=~~50}, B3 = {~~left=~~50, ~~top=~~86},		B1 = {50, 14}, B2 = {50, 50}, B3 = {50, 86},
	C1 = {~~left=~~86, ~~top=~~14}, C2 = {~~left=~~86, ~~top=~~50}, C3 = {~~left=~~86, ~~top=~~86},		C1 = {86, 14}, C2 = {86, 50}, C3 = {86, 86},
	Output = {~~left=~~202, ~~top=~~50},		Output = {202, 50},
	}		}

	-- outer container (~~the~~ template already provides a relative parent)		-- outer container (template already provides a relative parent)
	local root = mw.html.create()		local root = mw.html.create()

	for slot, pos in pairs(slots) do		for slot, pos in pairs(slots) do
	local items = collectItems(args, slot)		local items, qty = collectItems(args, slot)
	if #items > 0 then		if #items > 0 then
	local holder = root:tag('div')		local holder = root:tag('div')
	:css('position', 'absolute')		:css('position', 'absolute')
	:css('left', pos~~.left~~ .. 'px'):css('top', pos~~.top~~ .. 'px')		:css('left', pos[1] .. 'px'):css('top', pos[2] .. 'px')
	:css('width', '32px'):css('height', '32px')		:css('width', '32px'):css('height', '32px')

Line 71:		Line 84:
	:wikitext(slotImage(it.label, it.image, it.link))		:wikitext(slotImage(it.label, it.image, it.link))
	end		end
			end

			-- per-slot quantity?
			if qty and qty > 1 then
			putQtyOverlay(holder, 'white', qty)
	end		end
	end		end
Line 77:		Line 95:
	-- shapeless icon		-- shapeless icon
	if args.shapeless and args.shapeless ~= '' then		if args.shapeless and args.shapeless ~= '' then
	local ~~tooltip~~ = 'This recipe is shapeless; the ingredients may be placed in any arrangement in the crafting grid.'		local tip = 'This recipe is shapeless; the ingredients may be placed in any arrangement in the crafting grid.'
	root:tag('div')		root:tag('div')
	:css{position='absolute', left='135px', top='96px',		:css{position='absolute', left='135px', top='96px',
Line 83:		Line 101:
	:wikitext(string.format(		:wikitext(string.format(
	'<span title="%s">[[File:Shapeless.png\|19px\|class=pixelated\|link=\|alt=Shapeless recipe]]</span>',		'<span title="%s">[[File:Shapeless.png\|19px\|class=pixelated\|link=\|alt=Shapeless recipe]]</span>',
	mw.text.nowiki(~~tooltip~~)		mw.text.nowiki(tip)
	))		))
	end		end

	-- output-amount overlay		-- output-amount overlay
	if args.OA and args.OA ~~~= ''~~ then		if args.OA and tonumber(args.OA) and tonumber(args.OA) > 1 then
	root:tag('div')		local box = root:tag('div')
	:css{position='absolute', left='201px', top='71px',		:css{position='absolute', left='201px', top='71px',
	width='64px', height='24px', overflow='hidden'}		width='64px', height='24px', overflow='hidden'}
	~~:wikitext(string.format~~('~~{{GridText\|~~white~~\|%s}}~~', args.OA))		putQtyOverlay(box, 'white', args.OA)
	end		end

NewAdmin at 23:19, 15 June 2025

2025-06-15T23:19:20Z

← Older revision		Revision as of 23:19, 15 June 2025
Line 77:		Line 77:
	-- shapeless icon		-- shapeless icon
	if args.shapeless and args.shapeless ~= '' then		if args.shapeless and args.shapeless ~= '' then
			local tooltip = 'This recipe is shapeless; the ingredients may be placed in any arrangement in the crafting grid.'
	root:tag('div')		root:tag('div')
	:css{position='absolute', left='135px', top='96px',		:css{position='absolute', left='135px', top='96px',
	width='19px', height='15px'}		width='19px', height='15px'}
	:wikitext('~~{{tt\|~~[[File:Shapeless.png\|link=]]~~\|This recipe is shapeless; the ingredients may be placed in any arrangement in the crafting grid~~.~~}}'~~)		:wikitext(string.format(
			'<span title="%s">[[File:Shapeless.png\|19px\|class=pixelated\|link=\|alt=Shapeless recipe]]</span>',
			mw.text.nowiki(tooltip)
			))
	end		end

NewAdmin at 23:03, 15 June 2025

2025-06-15T23:03:13Z

← Older revision		Revision as of 23:03, 15 June 2025
Line 67:		Line 67:
	holder:tag('div')		holder:tag('div')
	:addClass('slot-frame')		:addClass('slot-frame')
	:css('animation-duration', (#items * 4) .. 's')		:css('animation-duration', (#items * 2) .. 's')
	:css('animation-delay', ((i - 1) * 4) .. 's')		:css('animation-delay', ((i - 1) * 2) .. 's')
	:wikitext(slotImage(it.label, it.image, it.link))		:wikitext(slotImage(it.label, it.image, it.link))
	end		end

NewAdmin at 22:55, 15 June 2025

2025-06-15T22:55:21Z

Show changes

NewAdmin: Created page with "-- Module:CraftingTable – animated crafting-grid slots local p = {} local getArgs = require('Module:Arguments').getArgs ---------------------------------------------------------------------- -- helper : 32-px inventory-slot image ---------------------------------------------------------------------- local function slotImage(label, image, link) if not label or label == '' then return '' end local file = (image ~= '' and image) or ('Grid_' .. label .. '.png')..."

2025-06-14T23:07:55Z

Created page with "-- Module:CraftingTable – animated crafting-grid slots local p = {} local getArgs = require('Module:Arguments').getArgs ---------------------------------------------------------------------- -- helper : 32-px inventory-slot image ---------------------------------------------------------------------- local function slotImage(label, image, link) if not label or label == '' then return '' end local file = (image ~= '' and image) or ('Grid_' .. label .. '.png')..."

New page

-- Module:CraftingTable – animated crafting-grid slots
local p = {}
local getArgs = require('Module:Arguments').getArgs

----------------------------------------------------------------------
-- helper : 32-px inventory-slot image
----------------------------------------------------------------------
local function slotImage(label, image, link)
if not label or label == '' then return '' end
local file = (image ~= '' and image) or ('Grid_' .. label .. '.png')
local tgt = (link ~= '' and link ) or ('Special:MyLanguage/' .. label)
return string.format(
'[[File:%s|32px|class=pixelated|link=%s|alt=%s]]',
file, tgt, label
)
end

----------------------------------------------------------------------
-- public entry – {{#invoke:CraftingTable|grid|…}}
----------------------------------------------------------------------
function p.grid(frame)
local args = getArgs(frame, {removeBlanks = false})

-- slot coordinates (input 3×3 + output)
local slots = {
A1 = {left='14px', top='14px'}, A2 = {left='14px', top='50px'},
A3 = {left='14px', top='86px'}, B1 = {left='50px', top='14px'},
B2 = {left='50px', top='50px'}, B3 = {left='50px', top='86px'},
C1 = {left='86px', top='14px'}, C2 = {left='86px', top='50px'},
C3 = {left='86px', top='86px'}, Output = {left='202px', top='50px'},
}

-- outer <div> collects everything
local root = mw.html.create()

------------------------------------------------------------------
-- helper to collect *all* numbered parameters for one slot
------------------------------------------------------------------
local function collectItems(base)
local out = {}
local idx = 1
while true do
local lblKey = (idx == 1) and base or (base .. '-' .. idx)
local label = args[lblKey]
if not label or label == '' then break end -- finished
local imgKey = lblKey .. '-image'
local lnkKey = lblKey .. '-link'
table.insert(out, {
label = label,
image = args[imgKey] or '',
link = args[lnkKey] or '',
})
idx = idx + 1
end
return out
end

-- build every slot that has at least one item
for slot, pos in pairs(slots) do
local items = collectItems(slot)
if #items > 0 then
-- wrapper positioned at correct GUI coords
local holder = root:tag('div')
:css('position','absolute')
:css('left', pos.left):css('top', pos.top)
:css('width','32px'):css('height','32px')

if #items == 1 then
-- static single image
holder:wikitext(slotImage(items[1].label, items[1].image, items[1].link))
else
-- multiple frames → animation
for i, itm in ipairs(items) do
holder:tag('div')
:addClass('slot-frame')
:css('animation-duration', (#items * 4) .. 's')
:css('animation-delay', ((i - 1) * 4) .. 's')
:wikitext(slotImage(itm.label, itm.image, itm.link))
end
end
end
end

-- shapeless icon
if args.shapeless and args.shapeless ~= '' then
root:tag('div')
:css('position','absolute')
:css('left','135px'):css('top','96px')
:css('width','19px'):css('height','15px')
:wikitext('{{tt|[[File:Shapeless.png|link=]]|This recipe is shapeless; the ingredients may be placed in any arrangement in the crafting grid.}}')
end

-- output-amount overlay
if args.OA and args.OA ~= '' then
root:tag('div')
:css('position','absolute')
:css('left','201px'):css('top','71px')
:css('width','64px'):css('height','24px')
:css('overflow','hidden')
:wikitext(string.format('{{GridText|white|%s}}', args.OA))
end

return tostring(root)
end

return p