BgaAutofit - Revision history

Thoun at 08:18, 24 June 2026

2026-06-24T08:18:56Z

← Older revision		Revision as of 08:18, 24 June 2026
Line 64:		Line 64:

	== Changelog ==		== Changelog ==
			'''1.0.1''': fix: apply again autofit when an element is made visible

	'''1.0.0''': Initial version		'''1.0.0''': Initial version

	[[Category:Studio]]		[[Category:Studio]]

2026-06-23T09:00:59Z

← Older revision		Revision as of 09:00, 23 June 2026
Line 18:		Line 18:
	const BgaAutofit = await importEsmLib('bga-autofit', '1.x');		const BgaAutofit = await importEsmLib('bga-autofit', '1.x');
	</pre>		</pre>
			This line should be placed on top of the JS file, before any class declaration.

	Legacy way:		Legacy way:

2025-12-21T15:38:22Z

← Older revision		Revision as of 15:38, 21 December 2025
Line 1:		Line 1:
	{{Studio_Framework_Navigation}}		{{Studio_Framework_Navigation}}

	~~'''<big>[https://x.boardgamearena.net/data/game-libs/bga-autofit/1.x/demo/index.html Demo] [https://x.boardgamearena.net/data/game-libs/bga-autofit/1.x/docs/index.html Doc]</big>'''~~

	== Overview ==		== Overview ==
Line 7:		Line 6:

	The main usage is to make translated text on game cards fix the dedicated space of the card image.		The main usage is to make translated text on game cards fix the dedicated space of the card image.

			To see how its work and access examples of source code (via browser dev tools) see
			'''[https://x.boardgamearena.net/data/game-libs/bga-autofit/1.x/demo/index.html Demo]'''

			For comprehensive API docs see
			'''[https://x.boardgamearena.net/data/game-libs/bga-autofit/1.x/docs/index.html Doc]'''

	== Usage ==		== Usage ==

2025-12-16T10:04:05Z

← Older revision		Revision as of 10:04, 16 December 2025
Line 10:		Line 10:
	== Usage ==		== Usage ==
	Load the lib:		Load the lib:
			<pre>
			const BgaAutofit = await importEsmLib('bga-autofit', '1.x');
			</pre>

			Legacy way:
	<pre>		<pre>
	define([		define([

2025-08-08T18:05:02Z

← Older revision		Revision as of 18:05, 8 August 2025
Line 1:		Line 1:
	{{Studio_Framework_Navigation}}		{{Studio_Framework_Navigation}}

	'''[https://x.boardgamearena.net/data/game-libs/bga-autofit/1.x/demo/index.html Demo] [https://x.boardgamearena.net/data/game-libs/bga-autofit/1.x/docs/index.html Doc]'''		'''<big>[https://x.boardgamearena.net/data/game-libs/bga-autofit/1.x/demo/index.html Demo] [https://x.boardgamearena.net/data/game-libs/bga-autofit/1.x/docs/index.html Doc]</big>'''

	== Overview ==		== Overview ==

2025-07-30T09:11:53Z

Using with TypeScript

← Older revision		Revision as of 09:11, 30 July 2025
Line 44:		Line 44:
	"ebg/counter",		"ebg/counter",
	"ebg/stock",		"ebg/stock",
	getLibUrl('bga-autofit', '1.~~0.0~~'),		getLibUrl('bga-autofit', '1.x'),
	],		],
	function (dojo, declare, gamegui, counter, stock, BgaAutofit) {		function (dojo, declare, gamegui, counter, stock, BgaAutofit) {
	(window as any).BgaAutofit = BgaAutofit;		(window as any).BgaAutofit = BgaAutofit; //trick
	return declare("bgagame.reforest", ebg.core.gamegui, new Reforest());		return declare("bgagame.reforest", ebg.core.gamegui, new Reforest());
	});		});

2025-07-30T09:10:46Z

Using with TypeScript

@@ Line 35: / Line 35: @@
 == Using with TypeScript ==
 If you use TypeScript and this lib, you can download the '''[https://x.boardgamearena.net/data/game-libs/bga-autofit/1.x/dist/bga-autofit.d.ts d.ts]''' file to put in on your game folder to benefit from auto-completion. Depending on the way you build, you might need to remove the last line (the export instruction) to be able to use it.
 == Changelog ==

2025-06-23T10:23:55Z

← Older revision		Revision as of 10:23, 23 June 2025
Line 32:		Line 32:
	== Versioning ==		== Versioning ==
	The lib is using semver, so you can require 1.x to be sure to have the last fixes without risking a breaking change. Any breaking change will be noted on the Changelog section.		The lib is using semver, so you can require 1.x to be sure to have the last fixes without risking a breaking change. Any breaking change will be noted on the Changelog section.

			== Using with TypeScript ==
			If you use TypeScript and this lib, you can download the '''[https://x.boardgamearena.net/data/game-libs/bga-autofit/1.x/dist/bga-autofit.d.ts d.ts]''' file to put in on your game folder to benefit from auto-completion. Depending on the way you build, you might need to remove the last line (the export instruction) to be able to use it.

	== Changelog ==		== Changelog ==

2025-06-18T10:41:33Z

← Older revision		Revision as of 10:41, 18 June 2025
Line 28:		Line 28:
	<pre>		<pre>
	<div class="my-class-for-fixed-size bga-autofit">${text}</div>		<div class="my-class-for-fixed-size bga-autofit">${text}</div>
	</pre>		</pre>'''Note:''' If you add a bga-autofit div after the end of the setup, it wil work too! The component use a MutationObserver to detect new elements with this class, and apply the same autofit. Make sure you only call <code>BgaAutoFit.init();</code> once!

	== Versioning ==		== Versioning ==

2025-06-18T10:09:06Z

← Older revision		Revision as of 10:09, 18 June 2025
Line 30:		Line 30:
	</pre>		</pre>

	== ~~Versionning~~ ==		== Versioning ==
	The lib is using semver, so you can require 1.x to be sure to have the last fixes without risking a breaking change. Any breaking change will be noted on the Changelog section.		The lib is using semver, so you can require 1.x to be sure to have the last fixes without risking a breaking change. Any breaking change will be noted on the Changelog section.