Difference between revisions of "Creating a game extension for Vortex"

From Nexus Mods Wiki
Jump to: navigation, search
m
m
 
(43 intermediate revisions by 12 users not shown)
Line 1: Line 1:
{{Notice| Work in progress}}
+
{{Notice| An updated version of this guide can be found [https://modding.wiki/en/vortex/developer/create-a-game-extension here].}}  
 +
This guide will explain how to create a very basic game extension for Vortex, touching on where to start with some of the more advanced features. It requires a basic understanding of Javascript/programming. I also recommend you use an application with syntax highlighting, such as Visual Studio Code or Notepad++ for the coding sections of the guide.
  
This guide will explain how to create a very basic game extension for Vortex, touching on where to start with some of the more advanced features. It requires a basic understanding of Javascript/programming. I also recommend you use an application with syntax highlighting, such as Visual Studio Code or Notepad++ for the coding sections of the guide.
+
 
  
 
== Getting Set Up ==
 
== Getting Set Up ==
To get started, you first need a version of Vortex to work with. I recommend using the current release of Vortex installed at the default location. If you're familiar with Github and other development tools you can also follow the instructions on the Vortex Github to clone the repository and build a development environment. To keep things simple, we'll be using the first option.
 
  
You'll also need to gather some information about the game you want to support before starting. This information will help us build our extension.  
+
To get started, you first need a version of Vortex to work with. I recommend using the current release of Vortex installed at the default location. If you're familiar with Github and other development tools you can also follow the instructions on the Vortex Github to clone the repository and build a development environment. To keep things simple, we'll be using the first option.
  
* Which game store(s) are you able to get this game from?
+
You'll also need to gather some information about the game you want to support before starting. This information will help us build our extension.
* Do the game stores have any useful meta-data we can use? (SteamApp ID, Epic store codename, GOG app ID, registry key etc)
 
* What is the structure of the game directory? Where is the main EXE file?
 
* Where should mods be installed? Are there multiple different ways to install mods?
 
* How are mod archives usually structured? How consistent are they?
 
  
If you can't answer most of these questions, you may have problems creating a completely functional extension.
+
*Which game store(s) are you able to get this game from?
 +
*Do the game stores have any useful meta-data we can use? (SteamApp ID, Epic store codename, GOG app ID, registry key etc)
 +
*What is the structure of the game directory? Where is the main EXE file?
 +
*Where should mods be installed? Are there multiple different ways to install mods?
 +
*How are mod archives usually structured? How consistent are they?
 +
 
 +
If you can't answer most of these questions, you may have problems creating a completely functional extension. For our example, we'll be using Bloodstained: Ritual of the Night. Below are example answers to the setup questions.
 +
 
 +
 
 +
 
 +
*Which game store(s) are you able to get this game from?
 +
 
 +
''The game is available on GOG.com and Steam.''
 +
 
 +
*Do the game stores have any useful meta-data we can use? (SteamApp ID, Epic store codename, GOG app ID, registry key etc)
 +
 
 +
''Steam App ID: 692850, GOG App ID: 1133514031''
 +
 
 +
*What is the structure of the game directory? Where is the main EXE file?
 +
 
 +
''The main game EXE is located at "BloodstainedROTN/Binaries/Win64/BloodstainedRotN-Win64-Shipping.exe" and there is also a launcher located at "BloodstainedRotN.exe".''
 +
 
 +
*Where should mods be installed? Are there multiple different ways to install mods?
 +
 
 +
''Most mods for this game are presented as .pak files which are placed in the folder "BloodstainedRotN/Content/Paks/~mods" or "BloodstainedRotN/Content/Paks/~mod". The "~mods" option is the community standard.''
 +
 
 +
*How are mod archives usually structured? How consistent are they?
 +
 
 +
''The majority of mods have the .pak files on the root level of the mod archive, however, some mod archives contain variants or are structured in different ways.''
 +
 
 +
 
  
 
== Creating your extension ==
 
== Creating your extension ==
A basic game extension consists of 3 files an info file, a game image and a javascript file. First, we will need a folder for our extension. If you're using a regular installation of Vortex, navigate to <code>AppData\Roaming\Vortex\plugins</code>. If you're using a Github repository, you can create this folder at <code>vortex\extensions\games</code>. For consistency, give your folder the same name as your game with no spaces, prefixed with "game-" e.g. "game-bloodstainedritualofthenight". Now, open this folder and we're ready to get set up.
 
  
 +
A basic game extension consists of 3 files: an info file, a game image and a javascript file. First, we will need a folder for our extension. If you're using a regular installation of Vortex, navigate to <code>AppData\Roaming\Vortex\plugins</code>. If you're using a Github repository, you can create this folder at <code>vortex\extensions\games</code>. For consistency, give your folder the same name as your game with no spaces, prefixed with "game-" e.g. "game-bloodstainedritualofthenight". Now, open this folder and we're ready to get set up.
  
For the game image, we recommend taking the game tile from Nexus Mods, however, if you're not able to do this you can use something else. Just ensure it's the same ratio as the other images inside Vortex. It's also important that you name it "gameart", as this will help us find it later.  
+
For the game image, we recommend using an image similar to the game art used by the Nexus Mods website. Just ensure it's the same ratio as the other images inside Vortex (e.g. 640x360). It's also important that you name it "gameart", as this will help us find it later.
  
 +
Note: Please use the same exact image that you are using as the gameart for the mod page on Nexus Mods. Vortex will pull the mod page's primary image to display as game art in the app itself until the extension has been downloaded by the user.
  
 
For the info file, create a new JSON file called "info.json" and fill it with the following information:
 
For the info file, create a new JSON file called "info.json" and fill it with the following information:
Line 30: Line 57:
 
   "description": "Support for Bloodstained: Ritual of the Night"
 
   "description": "Support for Bloodstained: Ritual of the Night"
 
}</pre>
 
}</pre>
 +
 
''Note: Using a version less than 1.0.0 will flag this extension as Beta in the Vortex UI.''
 
''Note: Using a version less than 1.0.0 will flag this extension as Beta in the Vortex UI.''
  
 
+
Finally, we'll create the main javascript file called "index.js". Inside the file, add the following basic code.
Finally, we'll create the main javascript file called "index.js". Inside the file, add the following basic code.  
 
 
<pre>//Import some assets from Vortex we'll need.
 
<pre>//Import some assets from Vortex we'll need.
 
const path = require('path');
 
const path = require('path');
Line 49: Line 76:
 
</pre>
 
</pre>
  
With this code in place, your extension will now be recognised by Vortex (a restart will be required) but does not do anything. You can check the "Extensions" tab in advanced mode to see that it is loading without errors.  
+
With this code in place, your extension will now be recognised by Vortex (a restart will be required) but does not do anything. You can check the "Extensions" tab in advanced mode to see that it is loading without errors.
  
 +
&nbsp;
 +
 +
&nbsp;
  
 
== Registering your game ==
 
== Registering your game ==
Now we have the basic information in place, we need to tell Vortex that we're adding a new game. First, we'll want to add some additional constants to the top of the index.js. In our example game, all mods are contained in ".pak" files.  
+
 
 +
Now we have the basic information in place, we need to tell Vortex that we're adding a new game. First, we'll want to add some additional constants to the top of the index.js.
 
<pre>// Nexus Mods domain for the game. e.g. nexusmods.com/bloodstainedritualofthenight
 
<pre>// Nexus Mods domain for the game. e.g. nexusmods.com/bloodstainedritualofthenight
 
const GAME_ID = 'bloodstainedritualofthenight';
 
const GAME_ID = 'bloodstainedritualofthenight';
  
// All mods will be .pak files
+
//Steam Application ID, you can get this from https://steamdb.info/apps/
const MOD_FILE_EXT = ".pak";
+
const STEAMAPP_ID = '692850';
 +
 
 +
//GOG Application ID, you can get this from https://www.gogdb.org/
 +
const GOGAPP_ID = '1133514031';
 
</pre>
 
</pre>
  
 
Next, add the following code to your index.js above the "return true" line inside the "main" function and change it according to the instructions below:
 
Next, add the following code to your index.js above the "return true" line inside the "main" function and change it according to the instructions below:
<pre>
+
<pre>context.registerGame({
context.registerGame({
 
 
     id: GAME_ID,
 
     id: GAME_ID,
 
     name: 'Bloodstained: Ritual of the Night',
 
     name: 'Bloodstained: Ritual of the Night',
Line 78: Line 111:
 
     setup: prepareForModding,
 
     setup: prepareForModding,
 
     environment: {
 
     environment: {
       SteamAPPId: '411300',
+
       SteamAPPId: STEAMAPP_ID,
 
     },
 
     },
 
     details: {
 
     details: {
       steamAppId: 411300,
+
       steamAppId: STEAMAPP_ID,
 +
      gogAppId: GOGAPP_ID,
 
     },
 
     },
 
   });
 
   });
 
</pre>
 
</pre>
  
 +
&nbsp;
  
 
{| class="wikitable"
 
{| class="wikitable"
!Property
 
!Description
 
 
|-
 
|-
|id
+
! Property
|This can be filled with the constant we defined in the previous step.
+
! Description
 
|-
 
|-
|name
+
| id
|The full title of your game, this will be how it appears inside Vortex.
+
| This can be filled with the constant we defined in the previous step.
 
|-
 
|-
|mergeMods
+
| name
|This defines if mods will be installed to the same folder (merged) or installed to their own folders.  
+
| The full title of your game, this will be how it appears inside Vortex.
 
|-
 
|-
|queryPath
+
| mergeMods
|We want to fill this with the root directory of the game. In this example, we'll be using the "findGame" function (discussed later) to allow us to check for the correct folder.
+
| This defines if mods will be installed to the same folder (merged) or installed to their own folders.
 
|-
 
|-
|supportedTools
+
| queryPath
|''See: [[#Defining tools | Defining tools]]''
+
| We want to fill this with the root directory of the game. In this example, we'll be using the "findGame" function (discussed later) to allow us to check for the correct folder.
 
|-
 
|-
|queryModPath
+
| supportedTools
|This is where we tell Vortex how to find the mods folder.
+
| ''See: [[#Defining_tools|Defining tools]]''
 
|-
 
|-
|logo
+
| queryModPath
|Make sure this matches the name of your gameart file.  
+
| This is where we tell Vortex how to find the mods folder.
 
|-
 
|-
|executable
+
| logo
|This is where we tell Vortex how to find the main game executable, so we'll be able to launch the game.
+
| Make sure this matches the name of your gameart file.
 
|-
 
|-
|requiredFiles
+
| executable
|Fill this with an array of files that must be present for the game to run. It's sensible to limit this to core EXE files.
+
| This is where we tell Vortex how to find the main game executable, so we'll be able to launch the game.
 
|-
 
|-
|setup
+
| requiredFiles
|This property is optional but is used if we need to make the game folder ready to accept mods. In this example, we need to create the "~mods" folder using the prepareForModding function.
+
| Fill this with an array of key files that should be found in the game folder. Vortex will know that it has found the correct folder for the game if all requiredFiles are present.
 
|-
 
|-
|environment
+
| setup
|This is optional, but if the game must be run through steam you should include the SteamAppId property as shown above.
+
| This property is optional but is used if we need to make the game folder ready to accept mods. In this example, we need to create the "~mods" folder using the prepareForModding function.
 
|-
 
|-
|details
+
| environment
|We can store the SteamAppId here in case we need it, you can also add other details we may need.
+
| If the game must be run through Steam you should include the SteamAppId property as shown above. This allows the game to be launched directly from the EXE file, rather than through the Steam Client. SteamAppIds must always be strings, entering it as a number will not work as expected.
 
|-
 
|-
 +
| details
 +
| We can store the SteamAppId/GOGAppId here in case we need it, you can also add other details which may be used by other extensions.
 
|}
 
|}
  
 +
&nbsp;
  
 
== Game detection ==
 
== Game detection ==
Now we need to create the "findGame" function mentioned earlier. This will be what Vortex uses to discover the game during a search. You can use different methods (or a combination) to detect the game. The most common instances are SteamApp ID and registry key.
 
  
Find our game with Steam:
+
Now we need to create the "findGame" function mentioned earlier. This will be what Vortex uses to discover the game during a search. You can use different methods (or a combination) to detect the game. The most common instances are SteamApp ID and registry key.
<pre>
+
 
function findGame() {
+
As of Vortex 1.2+ we have introduced a GameStoreHelper which can easily locate games installed with Steam, GOG, Epic, Origin, UPlay and the Windows Store. The types of compatible identifier are:
   return util.steam.findByAppId('692850')
+
 
 +
*Steam App ID - You can find this by looking up the game here: [https://steamdb.info/apps/ https://steamdb.info/apps/]
 +
*GOG App ID - You can find this by looking up the game here: [https://www.gogdb.org/ https://www.gogdb.org/]
 +
*Epic App Codename - If you have a copy of the game installed through the Epic store, add a desktop shortcut to the game and inspect the properties to find this name.
 +
*Origin - You can find this ID in the Origin manifest files. (C:\ProgramData\Origin\LocalContent)
 +
*Windows Store - You can find this ID in your registry.
 +
*UPlay - TBC
 +
 
 +
Find our game with using a game identifier. In this example, we'll be searching for games matching our Steam APP ID and GOG App ID:
 +
<pre>function findGame() {
 +
   return util.GameStoreHelper.findByAppId([STEAMAPP_ID, GOGAPP_ID])
 
       .then(game => game.gamePath);
 
       .then(game => game.gamePath);
 
}
 
}
 
</pre>
 
</pre>
  
Find our game from the registry:  
+
We can also try and find our game from the registry:
<pre>
+
<pre>//Add this to the top of the file
//Add this to the top of the file
 
 
const winapi = require('winapi-bindings');
 
const winapi = require('winapi-bindings');
  
Line 149: Line 193:
 
     const instPath = winapi.RegGetValue(
 
     const instPath = winapi.RegGetValue(
 
       'HKEY_LOCAL_MACHINE',
 
       'HKEY_LOCAL_MACHINE',
       'SOFTWARE\\WOW6432Node\\GOG.com\\Games\\2129244347',
+
       'SOFTWARE\\WOW6432Node\\GOG.com\\Games\\' + GOGAPP_ID,
 
       'PATH');
 
       'PATH');
 
     if (!instPath) {
 
     if (!instPath) {
Line 158: Line 202:
 
</pre>
 
</pre>
  
Find our game from the Epic launcher:
+
Using both GameStoreHelper and registry methods together:
<pre>
+
<pre>//Add this to the top of the file
function findGame() {
 
      return util.epicGamesLauncher.isGameInstalled('Jaguar')
 
      .then(epic => epic
 
        ? { launcher: 'epic', addInfo: 'Jaguar' }
 
        : undefined);
 
}
 
</pre>
 
 
 
Using both Steam and registry methods together:
 
<pre>
 
//Add this to the top of the file
 
 
const winapi = require('winapi-bindings');
 
const winapi = require('winapi-bindings');
  
Line 177: Line 210:
 
     const instPath = winapi.RegGetValue(
 
     const instPath = winapi.RegGetValue(
 
       'HKEY_LOCAL_MACHINE',
 
       'HKEY_LOCAL_MACHINE',
       'SOFTWARE\\WOW6432Node\\GOG.com\\Games\\2129244347',
+
       'SOFTWARE\\WOW6432Node\\GOG.com\\Games\\' + GOGAPP_ID,
 
       'PATH');
 
       'PATH');
 
     if (!instPath) {
 
     if (!instPath) {
Line 184: Line 217:
 
     return Promise.resolve(instPath.value);
 
     return Promise.resolve(instPath.value);
 
   } catch (err) {
 
   } catch (err) {
     return util.steam.findByAppId('464920')
+
     return util.GameStoreHelper.findByAppId([STEAMAPP_ID, GOGAPP_ID])
 
       .then(game => game.gamePath);
 
       .then(game => game.gamePath);
 
   }
 
   }
 
}
 
}
 
</pre>
 
</pre>
 +
 +
At this point, you have now created a working game extension. This extension will take the contents of the downloaded mod archive and deploy them into the BloodstainedRotN/Content/Paks/~mods folder. As you might be aware, not every mod is packed in a consistent way. We might want a way of checking the archive structure and altering it slightly to fit the standardised modding pattern. This is where mod installation patterns become important.
 +
 +
== Checking the user's enviroment ==
 +
 +
Now that Vortex knows how to find the game, it's also possible to add some additional checks before we start managing mods for the game. These checks are run each time the user starts Vortex with the game currently active or switches to your game from a different one. This setup step can be used to check if the required folders exist, any required applications are present or any other checks you feel are required. In our example case, we want to make sure the ~mods folder already exists and create it if not.
 +
<pre>function prepareForModding(discovery) {
 +
    return fs.ensureDirAsync(path.join(discovery.path, 'BloodstainedRotN', 'Content', 'Paks', '~mods'));
 +
}
 +
</pre>
 +
 +
The fs.ensureDirAsync() call is handy for this. It does exactly what we need. So each time Bloodstained is managed, Vortex will now ensure this folder is present. If for some reason this function fails (usually a symptom of a more serious issue with their setup), the user will not be able to manage the game.
 +
 +
Once this has been added, make sure to go back to your registerGame function and change the <code>setup: undefined,</code> line to <code>setup: prepareForModding,</code> otherwise the code we have just added will never be called.
 +
 +
As an additional (but unrelated) example this is how Subnautica checks first that the Qmods folder exists, then that the QMod Manager application is present and informs the user if it's not.
 +
<pre>function prepareForModding(discovery, api) {
 +
  // Path to the main QModManager DLL file.
 +
  const qModPath = path.join(discovery.path, 'BepInEx', 'plugins', 'QModManager', QMM_DLL);
 +
  // Ensure the mods folder exists, then check for QMM.
 +
  return fs.ensureDirWritableAsync(path.join(discovery.path, 'QMods'))
 +
    .then(() => checkForQMM(api, qModPath));
 +
}
 +
 +
function checkForQMM(api, qModPath) {
 +
  return fs.statAsync(qModPath)
 +
    .catch(() => {
 +
      api.sendNotification({
 +
        id: 'qmm-missing',
 +
        type: 'warning',
 +
        title: 'QModManager not installed',
 +
        message: 'QMM is required to mod Subnautica.',
 +
        actions: [
 +
          {
 +
            title: 'Get QMM',
 +
            action: () => util.opn(QMM_MODPAGE).catch(() => undefined)
 +
          }
 +
        ]
 +
      });
 +
    });
 +
}
 +
</pre>
 +
 +
Note: In the Subnautica Example, we need the Vortex API as well as the discovery object, so our setup property would be <code>setup: (discovery) => prepareForModding(discovery, context.api),</code> to allow for this.
  
 
== Mod installation patterns ==
 
== Mod installation patterns ==
 +
 +
In order to have Vortex understand different formats that mods can take, we want to register an installer that will be used to check for the relevant files. In our example, Bloodstained: Ritual of the Night, most mods take the form of a PAK file which must be placed in the ~mods folder. The problem arises when authors pack the mod inside a subfolder when packing the archive, without a mod installer this would be deployed to ~mods/MyFolder rather than ~mods and could not be loaded by the game.
 +
 +
To register an installer, we'll need to add the following line to the main function, after registering the game.
 +
<pre>context.registerInstaller(&#39;bloodstainedrotn-mod&#39;, 25, testSupportedContent, installContent);</pre>
 +
 +
The variables when registering an installer are as follows:
 +
 +
*'bloodstainedrotn-mod' - This string must be unique and signifies the installer's "name".
 +
*25 - This is the installer priority. Vortex uses this internally for the order installers are checked.
 +
*testSupportedContent - This is the function we'll use to check if the files qualify for this installer.
 +
*installContent - If testSupportedContent passes, this is the function that will be performed on the files.
 +
 +
We also want to define what we're looking for, in this case, it's a PAK file extension. Add this to the top of the script, with the other constants.
 +
<pre>const MOD_FILE_EXT = &quot;.pak&quot;;</pre>
 +
 +
Next, we want to define the test and install functions for this pattern.
 +
<pre>function testSupportedContent(files, gameId) {
 +
  // Make sure we&#39;re able to support this mod.
 +
  let supported = (gameId === BLOODSTAINED_ID) &amp;&amp;
 +
    (files.find(file =&gt; path.extname(file).toLowerCase() === MOD_FILE_EXT)&nbsp;!== undefined);
 +
 +
  return Promise.resolve({
 +
    supported,
 +
    requiredFiles: [],
 +
  });
 +
}</pre>
 +
 +
Here, what we are doing is first ensuring the mod we're checking is for the correct game, then we'll check if any of the files in the archive have the PAK file extension. If either of these checks fail the archive will not be installed using this pattern. When we resolve the promise, we also need to include an empty array for requiredFiles. This is not used in our example.
 +
<pre>function installContent(files) {
 +
  // The .pak file is expected to always be positioned in the mods directory we&#39;re going to disregard anything placed outside the root.
 +
  const modFile = files.find(file =&gt; path.extname(file).toLowerCase() === MOD_FILE_EXT);
 +
  const idx = modFile.indexOf(path.basename(modFile));
 +
  const rootPath = path.dirname(modFile);
 +
 
 +
  // Remove directories and anything that isn&#39;t in the rootPath.
 +
  const filtered = files.filter(file =&gt;
 +
    ((file.indexOf(rootPath)&nbsp;!== -1)
 +
    &amp;&amp; (!file.endsWith(path.sep))));
 +
 +
  const instructions = filtered.map(file =&gt; {
 +
    return {
 +
      type: &#39;copy&#39;,
 +
      source: file,
 +
      destination: path.join(file.substr(idx)),
 +
    };
 +
  });
 +
 +
  return Promise.resolve({ instructions });
 +
}</pre>
 +
 +
Now, having passed the test we'll install the files. In this example, we're finding the file with the PAK extension and getting the path. Then we remove anything that isn't on the same level as the PAK file (including extra folders above the PAK). Finally, copy the files into the mod staging folder. This will result in the PAK file being on the top level when opening the mod in a file manager.
 +
 +
It is possible to repeat this section for additional mod installers, especially where a game has different types of mods installed to different locations. A good example of a game with multiple install paths is [https://github.com/Nexus-Mods/vortex-games/blob/9517c1b4b517f0b87f47672578ce8c9cf37fb675/game-bladeandsorcery/index.js Blade & Sorcery].
 +
 +
The next question you might be asking is "What if a mod has several variants in the same download?". There is a solution to this, but it does require some cooperation from the mod authors in the community. We discuss Mod Installers in the next section.
  
 
== Mod installers ==
 
== Mod installers ==
 +
 +
A useful feature for mod authors is the ability to pack different variants of the same mod into a single package. This can be done by creating a [[How_to_create_mod_installers|Mod installer]]. Vortex is able to process mod installers natively, just be aware that the resulting files from the mod installer will be installed to the ~mods folder.
  
 
== Publishing your extension ==
 
== Publishing your extension ==
 +
 +
Now you're ready to share your extension. Make sure to follow the instructions on [[Packaging_extensions_for_Vortex|Packaging extensions for Vortex]]
  
 
== Advanced options ==
 
== Advanced options ==
  
 
=== Defining tools ===
 
=== Defining tools ===
=== Requiring an external modding tool ===
+
 
 +
As part of a game extension, you can also define tools for the game. These appear on the starter dashlet alongside the option to launch the game. It can be used to add links to alternative launch methods, common tools for the game and more.
 +
 
 +
To add tools you'll need to define an array containing an object to represent each tool. This example shows some tools used with Fallout: New Vegas.
 +
<pre>const moddingTools = [
 +
  {
 +
    id: 'FNVEdit',
 +
    name: 'FNVEdit',
 +
    logo: 'fo3edit.png',
 +
    executable: () => 'FNVEdit.exe',
 +
    requiredFiles: [
 +
      'FNVEdit.exe',
 +
    ],
 +
  },
 +
  {
 +
    id: 'nvse',
 +
    name: 'New Vegas Script Extender',
 +
    shortName: 'NVSE',
 +
    executable: () => 'nvse_loader.exe',
 +
    requiredFiles: [
 +
      'nvse_loader.exe',
 +
    ],
 +
    relative: true,
 +
    exclusive: true,
 +
  }
 +
];</pre>
 +
 
 +
The properties for each tool are as follows:
 +
 
 +
{| class="wikitable"
 +
|-
 +
! Property
 +
! Description
 +
|-
 +
| id
 +
| This must be a unique identifier for your tool.
 +
|-
 +
| name
 +
| The full title of your tool, this will be used inside Vortex.
 +
|-
 +
| shortName
 +
| If the tool has a particularly long name, you can specify an abbreviation here. Names under 8 characters are recommended.
 +
|-
 +
| logo
 +
| Optional. The relative path of an icon used for the tool logo (if included)
 +
|-
 +
| queryPath
 +
| Optional. This is either a string or a promise that will resolve with the path the tool from Steam or the registry.
 +
|-
 +
| logo
 +
| Optional. Make sure this matches the name of your gameart file.
 +
|-
 +
| executable
 +
| This is where we tell Vortex how to find the tool game executable by name.
 +
|-
 +
| requiredFiles
 +
| Fill this with an array of key files that should be found in with the tool. Vortex will know that it has found the correct folder for the tool if all requiredFiles are present.
 +
|-
 +
| parameters
 +
| Optional. List of parameters required to run the tool.
 +
|-
 +
| environment
 +
| If the game must be run through Steam you should include the SteamAppId property as shown above. This allows the game to be launched directly from the EXE file, rather than through the Steam Client. We have to convert our STEAMAPP_ID to a string as otherwise, it isn't a valid variable.
 +
|-
 +
| relative
 +
| Optional. If true, Vortex will look inside the game directory for the tool rather than elsewhere on the disc.
 +
|-
 +
| shell
 +
| Optional. If true, the tool will run inside a shell.
 +
|-
 +
| exclusive
 +
| Optional. If true, will block any other tools from starting while this one is running.
 +
|}
 +
 
 +
&nbsp;
 +
 
 
=== Multiple install patterns ===
 
=== Multiple install patterns ===
 +
 +
[[Category:Vortex]] [[Category:Development]]

Latest revision as of 12:12, 14 February 2022

Info.png
Notice
An updated version of this guide can be found here.

This guide will explain how to create a very basic game extension for Vortex, touching on where to start with some of the more advanced features. It requires a basic understanding of Javascript/programming. I also recommend you use an application with syntax highlighting, such as Visual Studio Code or Notepad++ for the coding sections of the guide.

 

Getting Set Up

To get started, you first need a version of Vortex to work with. I recommend using the current release of Vortex installed at the default location. If you're familiar with Github and other development tools you can also follow the instructions on the Vortex Github to clone the repository and build a development environment. To keep things simple, we'll be using the first option.

You'll also need to gather some information about the game you want to support before starting. This information will help us build our extension.

  • Which game store(s) are you able to get this game from?
  • Do the game stores have any useful meta-data we can use? (SteamApp ID, Epic store codename, GOG app ID, registry key etc)
  • What is the structure of the game directory? Where is the main EXE file?
  • Where should mods be installed? Are there multiple different ways to install mods?
  • How are mod archives usually structured? How consistent are they?

If you can't answer most of these questions, you may have problems creating a completely functional extension. For our example, we'll be using Bloodstained: Ritual of the Night. Below are example answers to the setup questions.

 

  • Which game store(s) are you able to get this game from?

The game is available on GOG.com and Steam.

  • Do the game stores have any useful meta-data we can use? (SteamApp ID, Epic store codename, GOG app ID, registry key etc)

Steam App ID: 692850, GOG App ID: 1133514031

  • What is the structure of the game directory? Where is the main EXE file?

The main game EXE is located at "BloodstainedROTN/Binaries/Win64/BloodstainedRotN-Win64-Shipping.exe" and there is also a launcher located at "BloodstainedRotN.exe".

  • Where should mods be installed? Are there multiple different ways to install mods?

Most mods for this game are presented as .pak files which are placed in the folder "BloodstainedRotN/Content/Paks/~mods" or "BloodstainedRotN/Content/Paks/~mod". The "~mods" option is the community standard.

  • How are mod archives usually structured? How consistent are they?

The majority of mods have the .pak files on the root level of the mod archive, however, some mod archives contain variants or are structured in different ways.

 

Creating your extension

A basic game extension consists of 3 files: an info file, a game image and a javascript file. First, we will need a folder for our extension. If you're using a regular installation of Vortex, navigate to AppData\Roaming\Vortex\plugins. If you're using a Github repository, you can create this folder at vortex\extensions\games. For consistency, give your folder the same name as your game with no spaces, prefixed with "game-" e.g. "game-bloodstainedritualofthenight". Now, open this folder and we're ready to get set up.

For the game image, we recommend using an image similar to the game art used by the Nexus Mods website. Just ensure it's the same ratio as the other images inside Vortex (e.g. 640x360). It's also important that you name it "gameart", as this will help us find it later.

Note: Please use the same exact image that you are using as the gameart for the mod page on Nexus Mods. Vortex will pull the mod page's primary image to display as game art in the app itself until the extension has been downloaded by the user.

For the info file, create a new JSON file called "info.json" and fill it with the following information:

{
  "name": "Game: Bloodstained: Ritual of the Night",
  "author": "Pickysaurus",
  "version": "0.0.1",
  "description": "Support for Bloodstained: Ritual of the Night"
}

Note: Using a version less than 1.0.0 will flag this extension as Beta in the Vortex UI.

Finally, we'll create the main javascript file called "index.js". Inside the file, add the following basic code.

//Import some assets from Vortex we'll need.
const path = require('path');
const { fs, log, util } = require('vortex-api');

function main(context) {
	//This is the main function Vortex will run when detecting the game extension. 
	
	return true
}

module.exports = {
    default: main,
  };

With this code in place, your extension will now be recognised by Vortex (a restart will be required) but does not do anything. You can check the "Extensions" tab in advanced mode to see that it is loading without errors.

 

 

Registering your game

Now we have the basic information in place, we need to tell Vortex that we're adding a new game. First, we'll want to add some additional constants to the top of the index.js.

// Nexus Mods domain for the game. e.g. nexusmods.com/bloodstainedritualofthenight
const GAME_ID = 'bloodstainedritualofthenight';

//Steam Application ID, you can get this from https://steamdb.info/apps/
const STEAMAPP_ID = '692850';

//GOG Application ID, you can get this from https://www.gogdb.org/
const GOGAPP_ID = '1133514031';

Next, add the following code to your index.js above the "return true" line inside the "main" function and change it according to the instructions below:

context.registerGame({
    id: GAME_ID,
    name: 'Bloodstained: Ritual of the Night',
    mergeMods: true,
    queryPath: findGame,
    supportedTools: [],
    queryModPath: () => 'BloodstainedRotN/Content/Paks/~mods',
    logo: 'gameart.jpg',
    executable: () => 'BloodstainedROTN.exe',
    requiredFiles: [
      'BloodstainedRotN.exe',
      'BloodstainedROTN/Binaries/Win64/BloodstainedRotN-Win64-Shipping.exe'
    ],
    setup: prepareForModding,
    environment: {
      SteamAPPId: STEAMAPP_ID,
    },
    details: {
      steamAppId: STEAMAPP_ID,
      gogAppId: GOGAPP_ID,
    },
  });

 

Property Description
id This can be filled with the constant we defined in the previous step.
name The full title of your game, this will be how it appears inside Vortex.
mergeMods This defines if mods will be installed to the same folder (merged) or installed to their own folders.
queryPath We want to fill this with the root directory of the game. In this example, we'll be using the "findGame" function (discussed later) to allow us to check for the correct folder.
supportedTools See: Defining tools
queryModPath This is where we tell Vortex how to find the mods folder.
logo Make sure this matches the name of your gameart file.
executable This is where we tell Vortex how to find the main game executable, so we'll be able to launch the game.
requiredFiles Fill this with an array of key files that should be found in the game folder. Vortex will know that it has found the correct folder for the game if all requiredFiles are present.
setup This property is optional but is used if we need to make the game folder ready to accept mods. In this example, we need to create the "~mods" folder using the prepareForModding function.
environment If the game must be run through Steam you should include the SteamAppId property as shown above. This allows the game to be launched directly from the EXE file, rather than through the Steam Client. SteamAppIds must always be strings, entering it as a number will not work as expected.
details We can store the SteamAppId/GOGAppId here in case we need it, you can also add other details which may be used by other extensions.

 

Game detection

Now we need to create the "findGame" function mentioned earlier. This will be what Vortex uses to discover the game during a search. You can use different methods (or a combination) to detect the game. The most common instances are SteamApp ID and registry key.

As of Vortex 1.2+ we have introduced a GameStoreHelper which can easily locate games installed with Steam, GOG, Epic, Origin, UPlay and the Windows Store. The types of compatible identifier are:

  • Steam App ID - You can find this by looking up the game here: https://steamdb.info/apps/
  • GOG App ID - You can find this by looking up the game here: https://www.gogdb.org/
  • Epic App Codename - If you have a copy of the game installed through the Epic store, add a desktop shortcut to the game and inspect the properties to find this name.
  • Origin - You can find this ID in the Origin manifest files. (C:\ProgramData\Origin\LocalContent)
  • Windows Store - You can find this ID in your registry.
  • UPlay - TBC

Find our game with using a game identifier. In this example, we'll be searching for games matching our Steam APP ID and GOG App ID:

function findGame() {
  return util.GameStoreHelper.findByAppId([STEAMAPP_ID, GOGAPP_ID])
      .then(game => game.gamePath);
}

We can also try and find our game from the registry:

//Add this to the top of the file
const winapi = require('winapi-bindings');

function findGame() {
    const instPath = winapi.RegGetValue(
      'HKEY_LOCAL_MACHINE',
      'SOFTWARE\\WOW6432Node\\GOG.com\\Games\\' + GOGAPP_ID,
      'PATH');
    if (!instPath) {
      throw new Error('empty registry key');
    }
    return Promise.resolve(instPath.value);
}

Using both GameStoreHelper and registry methods together:

//Add this to the top of the file
const winapi = require('winapi-bindings');

function findGame() {
  try {
    const instPath = winapi.RegGetValue(
      'HKEY_LOCAL_MACHINE',
      'SOFTWARE\\WOW6432Node\\GOG.com\\Games\\' + GOGAPP_ID,
      'PATH');
    if (!instPath) {
      throw new Error('empty registry key');
    }
    return Promise.resolve(instPath.value);
  } catch (err) {
    return util.GameStoreHelper.findByAppId([STEAMAPP_ID, GOGAPP_ID])
      .then(game => game.gamePath);
  }
}

At this point, you have now created a working game extension. This extension will take the contents of the downloaded mod archive and deploy them into the BloodstainedRotN/Content/Paks/~mods folder. As you might be aware, not every mod is packed in a consistent way. We might want a way of checking the archive structure and altering it slightly to fit the standardised modding pattern. This is where mod installation patterns become important.

Checking the user's enviroment

Now that Vortex knows how to find the game, it's also possible to add some additional checks before we start managing mods for the game. These checks are run each time the user starts Vortex with the game currently active or switches to your game from a different one. This setup step can be used to check if the required folders exist, any required applications are present or any other checks you feel are required. In our example case, we want to make sure the ~mods folder already exists and create it if not.

function prepareForModding(discovery) {
    return fs.ensureDirAsync(path.join(discovery.path, 'BloodstainedRotN', 'Content', 'Paks', '~mods'));
}

The fs.ensureDirAsync() call is handy for this. It does exactly what we need. So each time Bloodstained is managed, Vortex will now ensure this folder is present. If for some reason this function fails (usually a symptom of a more serious issue with their setup), the user will not be able to manage the game.

Once this has been added, make sure to go back to your registerGame function and change the setup: undefined, line to setup: prepareForModding, otherwise the code we have just added will never be called.

As an additional (but unrelated) example this is how Subnautica checks first that the Qmods folder exists, then that the QMod Manager application is present and informs the user if it's not.

function prepareForModding(discovery, api) {
  // Path to the main QModManager DLL file.
  const qModPath = path.join(discovery.path, 'BepInEx', 'plugins', 'QModManager', QMM_DLL);
  // Ensure the mods folder exists, then check for QMM.
  return fs.ensureDirWritableAsync(path.join(discovery.path, 'QMods'))
    .then(() => checkForQMM(api, qModPath));
}

function checkForQMM(api, qModPath) {
  return fs.statAsync(qModPath)
    .catch(() => {
      api.sendNotification({
        id: 'qmm-missing',
        type: 'warning',
        title: 'QModManager not installed',
        message: 'QMM is required to mod Subnautica.',
        actions: [
          {
            title: 'Get QMM',
            action: () => util.opn(QMM_MODPAGE).catch(() => undefined)
          }
        ]
      });
    });
}

Note: In the Subnautica Example, we need the Vortex API as well as the discovery object, so our setup property would be setup: (discovery) => prepareForModding(discovery, context.api), to allow for this.

Mod installation patterns

In order to have Vortex understand different formats that mods can take, we want to register an installer that will be used to check for the relevant files. In our example, Bloodstained: Ritual of the Night, most mods take the form of a PAK file which must be placed in the ~mods folder. The problem arises when authors pack the mod inside a subfolder when packing the archive, without a mod installer this would be deployed to ~mods/MyFolder rather than ~mods and could not be loaded by the game.

To register an installer, we'll need to add the following line to the main function, after registering the game.

context.registerInstaller('bloodstainedrotn-mod', 25, testSupportedContent, installContent);

The variables when registering an installer are as follows:

  • 'bloodstainedrotn-mod' - This string must be unique and signifies the installer's "name".
  • 25 - This is the installer priority. Vortex uses this internally for the order installers are checked.
  • testSupportedContent - This is the function we'll use to check if the files qualify for this installer.
  • installContent - If testSupportedContent passes, this is the function that will be performed on the files.

We also want to define what we're looking for, in this case, it's a PAK file extension. Add this to the top of the script, with the other constants.

const MOD_FILE_EXT = ".pak";

Next, we want to define the test and install functions for this pattern.

function testSupportedContent(files, gameId) {
  // Make sure we're able to support this mod.
  let supported = (gameId === BLOODSTAINED_ID) &&
    (files.find(file => path.extname(file).toLowerCase() === MOD_FILE_EXT) !== undefined);

  return Promise.resolve({
    supported,
    requiredFiles: [],
  });
}

Here, what we are doing is first ensuring the mod we're checking is for the correct game, then we'll check if any of the files in the archive have the PAK file extension. If either of these checks fail the archive will not be installed using this pattern. When we resolve the promise, we also need to include an empty array for requiredFiles. This is not used in our example.

function installContent(files) {
  // The .pak file is expected to always be positioned in the mods directory we're going to disregard anything placed outside the root.
  const modFile = files.find(file => path.extname(file).toLowerCase() === MOD_FILE_EXT);
  const idx = modFile.indexOf(path.basename(modFile));
  const rootPath = path.dirname(modFile);
  
  // Remove directories and anything that isn't in the rootPath.
  const filtered = files.filter(file => 
    ((file.indexOf(rootPath) !== -1) 
    && (!file.endsWith(path.sep))));

  const instructions = filtered.map(file => {
    return {
      type: 'copy',
      source: file,
      destination: path.join(file.substr(idx)),
    };
  });

  return Promise.resolve({ instructions });
}

Now, having passed the test we'll install the files. In this example, we're finding the file with the PAK extension and getting the path. Then we remove anything that isn't on the same level as the PAK file (including extra folders above the PAK). Finally, copy the files into the mod staging folder. This will result in the PAK file being on the top level when opening the mod in a file manager.

It is possible to repeat this section for additional mod installers, especially where a game has different types of mods installed to different locations. A good example of a game with multiple install paths is Blade & Sorcery.

The next question you might be asking is "What if a mod has several variants in the same download?". There is a solution to this, but it does require some cooperation from the mod authors in the community. We discuss Mod Installers in the next section.

Mod installers

A useful feature for mod authors is the ability to pack different variants of the same mod into a single package. This can be done by creating a Mod installer. Vortex is able to process mod installers natively, just be aware that the resulting files from the mod installer will be installed to the ~mods folder.

Publishing your extension

Now you're ready to share your extension. Make sure to follow the instructions on Packaging extensions for Vortex

Advanced options

Defining tools

As part of a game extension, you can also define tools for the game. These appear on the starter dashlet alongside the option to launch the game. It can be used to add links to alternative launch methods, common tools for the game and more.

To add tools you'll need to define an array containing an object to represent each tool. This example shows some tools used with Fallout: New Vegas.

const moddingTools = [
  {
    id: 'FNVEdit',
    name: 'FNVEdit',
    logo: 'fo3edit.png',
    executable: () => 'FNVEdit.exe',
    requiredFiles: [
      'FNVEdit.exe',
    ],
  },
  {
    id: 'nvse',
    name: 'New Vegas Script Extender',
    shortName: 'NVSE',
    executable: () => 'nvse_loader.exe',
    requiredFiles: [
      'nvse_loader.exe',
    ],
    relative: true,
    exclusive: true,
  }
];

The properties for each tool are as follows:

Property Description
id This must be a unique identifier for your tool.
name The full title of your tool, this will be used inside Vortex.
shortName If the tool has a particularly long name, you can specify an abbreviation here. Names under 8 characters are recommended.
logo Optional. The relative path of an icon used for the tool logo (if included)
queryPath Optional. This is either a string or a promise that will resolve with the path the tool from Steam or the registry.
logo Optional. Make sure this matches the name of your gameart file.
executable This is where we tell Vortex how to find the tool game executable by name.
requiredFiles Fill this with an array of key files that should be found in with the tool. Vortex will know that it has found the correct folder for the tool if all requiredFiles are present.
parameters Optional. List of parameters required to run the tool.
environment If the game must be run through Steam you should include the SteamAppId property as shown above. This allows the game to be launched directly from the EXE file, rather than through the Steam Client. We have to convert our STEAMAPP_ID to a string as otherwise, it isn't a valid variable.
relative Optional. If true, Vortex will look inside the game directory for the tool rather than elsewhere on the disc.
shell Optional. If true, the tool will run inside a shell.
exclusive Optional. If true, will block any other tools from starting while this one is running.

 

Multiple install patterns