<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://en.doc.boardgamearena.com/index.php?action=history&amp;feed=atom&amp;title=BgaJumpTo</id>
	<title>BgaJumpTo - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://en.doc.boardgamearena.com/index.php?action=history&amp;feed=atom&amp;title=BgaJumpTo"/>
	<link rel="alternate" type="text/html" href="https://en.doc.boardgamearena.com/index.php?title=BgaJumpTo&amp;action=history"/>
	<updated>2026-09-27T16:13:52Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.39.0</generator>
	<entry>
		<id>https://en.doc.boardgamearena.com/index.php?title=BgaJumpTo&amp;diff=30895&amp;oldid=prev</id>
		<title>Thoun at 12:34, 29 July 2026</title>
		<link rel="alternate" type="text/html" href="https://en.doc.boardgamearena.com/index.php?title=BgaJumpTo&amp;diff=30895&amp;oldid=prev"/>
		<updated>2026-07-29T12:34:03Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 14:34, 29 July 2026&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l2&quot;&gt;Line 2:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 2:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Overview ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Overview ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;bga-jump-to&amp;#039;&amp;#039;&amp;#039; is a component to add &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;shortcut &lt;/del&gt;to the different &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;board &lt;/del&gt;of the game.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;bga-jump-to&amp;#039;&amp;#039;&amp;#039; is a component to add &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;shortcuts &lt;/ins&gt;to the different &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;boards &lt;/ins&gt;of the game.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;It should only be used if the game has numerous boards, and it usually doesn&amp;#039;t fit in the screen. Showing it with little number of elements on the screen will just pollute the game area uselessly.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;It should only be used if the game has numerous boards, and it usually doesn&amp;#039;t fit in the screen. Showing it with little number of elements on the screen will just pollute the game area uselessly.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Thoun</name></author>
	</entry>
	<entry>
		<id>https://en.doc.boardgamearena.com/index.php?title=BgaJumpTo&amp;diff=30892&amp;oldid=prev</id>
		<title>Thoun: Created page with &quot;{{Studio_Framework_Navigation}}  == Overview == &#039;&#039;&#039;bga-jump-to&#039;&#039;&#039; is a component to add shortcut to the different board of the game.   It should only be used if the game has numerous boards, and it usually doesn&#039;t fit in the screen. Showing it with little number of elements on the screen will just pollute the game area uselessly.  The games Akropolis, Knarr, Path of Civilization are examples of usage.  To see how its work and access examples of source code (via browser d...&quot;</title>
		<link rel="alternate" type="text/html" href="https://en.doc.boardgamearena.com/index.php?title=BgaJumpTo&amp;diff=30892&amp;oldid=prev"/>
		<updated>2026-07-29T12:27:34Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;{{Studio_Framework_Navigation}}  == Overview == &amp;#039;&amp;#039;&amp;#039;bga-jump-to&amp;#039;&amp;#039;&amp;#039; is a component to add shortcut to the different board of the game.   It should only be used if the game has numerous boards, and it usually doesn&amp;#039;t fit in the screen. Showing it with little number of elements on the screen will just pollute the game area uselessly.  The games Akropolis, Knarr, Path of Civilization are examples of usage.  To see how its work and access examples of source code (via browser d...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{{Studio_Framework_Navigation}}&lt;br /&gt;
&lt;br /&gt;
== Overview ==&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;bga-jump-to&amp;#039;&amp;#039;&amp;#039; is a component to add shortcut to the different board of the game. &lt;br /&gt;
&lt;br /&gt;
It should only be used if the game has numerous boards, and it usually doesn&amp;#039;t fit in the screen. Showing it with little number of elements on the screen will just pollute the game area uselessly.&lt;br /&gt;
&lt;br /&gt;
The games Akropolis, Knarr, Path of Civilization are examples of usage.&lt;br /&gt;
&lt;br /&gt;
To see how its work and access examples of source code (via browser dev tools) see&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;&amp;lt;big&amp;gt;[https://x.boardgamearena.net/data/game-libs/bga-jump-to/1.x/demo/index.html Demo]&amp;lt;/big&amp;gt;&amp;#039;&amp;#039;&amp;#039;  &lt;br /&gt;
&lt;br /&gt;
For comprehensive API docs see&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;&amp;lt;big&amp;gt;[https://x.boardgamearena.net/data/game-libs/bga-jump-to/1.x/docs/index.html Doc]&amp;lt;/big&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
== Usage ==&lt;br /&gt;
Load the lib:&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
const BgaJumpTo = await importEsmLib(&amp;#039;bga-jump-to&amp;#039;, &amp;#039;1.x&amp;#039;);&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
This line should be placed on top of the JS file, before any class declaration.&lt;br /&gt;
&lt;br /&gt;
Legacy way;&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
define([&lt;br /&gt;
    &amp;quot;dojo&amp;quot;,&amp;quot;dojo/_base/declare&amp;quot;,&lt;br /&gt;
    &amp;quot;ebg/core/gamegui&amp;quot;,&lt;br /&gt;
    &amp;quot;ebg/counter&amp;quot;,&lt;br /&gt;
    getLibUrl(&amp;#039;bga-jump-to&amp;#039;, &amp;#039;1.x&amp;#039;),&lt;br /&gt;
],&lt;br /&gt;
function (dojo, declare, gamegui, counter, BgaJumpTo) { // note that the index of `BgaJumpTo` must match the index of the define array&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
In your game setup:&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
        const entries = [&lt;br /&gt;
            new BgaJumpTo.Entry(_(&amp;#039;Main board&amp;#039;), &amp;#039;table-center&amp;#039;, { color: &amp;#039;#224757&amp;#039;, backgroundImage: `url(&amp;#039;${this.bga.images.getImgUrl(&amp;#039;board.jpg&amp;#039;)}&amp;#039;)` }),&lt;br /&gt;
        ];&lt;br /&gt;
        entries.push(...BgaJumpTo.BgaPlayerEntries(this.bga, {&lt;br /&gt;
            entryTarget: (playerId, player) =&amp;gt; `player-table-${player.no}`,&lt;br /&gt;
        }));&lt;br /&gt;
&lt;br /&gt;
        new BgaJumpTo.Manager({&lt;br /&gt;
            localStorageFoldedKey: LOCAL_STORAGE_JUMP_TO_FOLDED_KEY,&lt;br /&gt;
            entries,&lt;br /&gt;
        });&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Also define &amp;lt;code&amp;gt;const LOCAL_STORAGE_ZOOM_KEY = &amp;#039;&amp;lt;yourgamename&amp;gt;-folded&amp;#039;;&amp;lt;/code&amp;gt; so the user prefered state is stored on his device.&lt;br /&gt;
&lt;br /&gt;
== Versioning ==&lt;br /&gt;
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.&lt;br /&gt;
&lt;br /&gt;
== Using with TypeScript ==&lt;br /&gt;
If you use TypeScript and this lib, you can download the &amp;#039;&amp;#039;&amp;#039;[https://x.boardgamearena.net/data/game-libs/bga-jump-to/1.x/dist/bga-jump-to.d.ts d.ts]&amp;#039;&amp;#039;&amp;#039; 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.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
== Developer notes ==&lt;br /&gt;
&lt;br /&gt;
BgaPlayerEntries is customizable to fit your needs.&lt;br /&gt;
&lt;br /&gt;
== Changelog ==&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;1.0.0&amp;#039;&amp;#039;&amp;#039;: Initial version&lt;br /&gt;
[[Category:Studio]]&lt;/div&gt;</summary>
		<author><name>Thoun</name></author>
	</entry>
</feed>