Getting started

Learn the structure of YACL to understand how it works.

This wiki is currently a work-in-progress and is incomplete!

Before we begin, it's important to note the wiki code examples will be using official Mojang mappings. You are also expected to have a basic knowledge of the Java programming language. If you don't, please learn Java first.

There is a simple structure: categories contains groups, groups contain options. You can also skip the groups and just add options to the category directly. They will always appear above any groups.

Before we start, lets go into detail about how to construct an Option, then we'll use that to make a GUI.

Option.<Boolean>createBuilder() // boolean is the type of option we'll be making
        .name(Component.literal("Boolean Option"))
        .description(OptionDescription.of(Component.literal("This text will appear as a tooltip when you hover over the option.")))
        .binding(
                true, // the default value
                () -> this.myBooleanOption, // a getter to get the current value from
                newVal -> this.myBooleanOption = newVal
        )
        .controller(TickBoxControllerBuilder::create)
        .build()

An important concept in YACL options are the controllers. Each option type does not have a hardcoded way of being displayed. The logic of displaying the option in the GUI is held in the Controller. To learn more about controllers, click here. You will see in the above example, we're choosing to use a tick-box to display and control the boolean option.

To start making a GUI with YACL, you will need to build an instance of YetAnotherConfigLib. We will plug in our Option code from above...

YetAnotherConfigLib.createBuilder()
        .title(Component.literal("Used for narration. Could be used to render a title in the future."))
        .category(ConfigCategory.createBuilder()
                .name(Component.literal("Name of the category"))
                .tooltip(Component.literal("This text will appear as a tooltip when you hover or focus the button with Tab. There is no need to add \n to wrap as YACL will do it for you."))
                .group(OptionGroup.createBuilder()
                        .name(Component.literal("Name of the group"))
                        .description(OptionDescription.of(Component.literal("This text will appear when you hover over the name or focus on the collapse button with Tab.")))
                        .option(Option.<Boolean>createBuilder()
                                .name(Component.literal("Boolean Option"))
                                .description(OptionDescription.of(Component.literal("This text will appear as a tooltip when you hover over the option.")))
                                .binding(true, () -> this.myBooleanOption, newVal -> this.myBooleanOption = newVal)
                                .controller(TickBoxControllerBuilder::create)
                                .build())
                        .build())
                .build())
        .build()

All you have to do then is tell YACL to generate a Screen instance from it.

YetAnotherConfigLib.createBuilder()
        [...]
        .build()
        .generateScreen(parentScreen) // the screen that opens up when you close YACL

You must generate a new instance of YetAnotherConfigLib every time you want a GUI Screen. You cannot just call generateScreen() again!

It's that simple! You have made your first GUI with YACL!

Displaying the GUI

Now you've learned the basics of creating a config GUI, but how do you show it to the user?

Mod Menu is an extremely popular mod for Fabric that adds a menu that displays a list of currently installed mods, like Forge. You can use its API to add a config button to your mod's entry that opens up your newly created YACL config screen.

Adding the dependency

First, add the repository to your build.gradle.

repositories {
  maven {
    name = "Terraformers"
    url = "https://maven.terraformersmc.com/"
  }
}

repositories {
    maven("https://maven.terraformersmc.com/") {
        name = "Terraformers"
    }
}

Then, add the dependency

dependencies {
    modImplementation("com.terraformersmc:modmenu:${project.modmenu_version}")
}

dependencies {
    modImplementation("com.terraformersmc:modmenu:${property("modmenu_version")}")
}

Then, define the version of Mod Menu you're using in your gradle.properties. You can get the latest version number here, but you may need a different version if you're not using the latest Minecraft version. See the versions page for a full list of versions.

gradle.properties

modmenu_version=VERSION_NUMBER_HERE

Using the API

First, create the modmenu entrypoint by creating a new class in your mod.

com/mymod/config/ModMenuIntegration.java

import com.terraformersmc.modmenu.api.ConfigScreenFactory;
import com.terraformersmc.modmenu.api.ModMenuApi;

public class ModMenuIntegration implements ModMenuApi {
    @Override
    public ConfigScreenFactory<?> getModConfigScreenFactory() {
        return parentScreen -> YetAnotherConfigLib.createBuilder()
                ...
                .build()
                .generateScreen(parentScreen);
    }
}

If you want multiple methods to opening your configuration screen, extracting the config creation to a common method call is useful.

Registering the entrypoint

Now that you've created the entrypoint, we need to tell mod menu to use it.

fabric.mod.json

"entrypoints": {
    "modmenu": [
        "com.mymod.config.ModMenuIntegration"
    ]
}

And you're done! You can now test it out by going to the mod list, finding your mod, and pressing the configuration button to open your YACL GUI.

NeoForge Mod List

NeoForge has a mod list built-in, and allows you to register extension points to extend the functionality of your mod's entry, notably, a config button.

Add the following to your mod's constructor.

import net.neoforged.fml.ModLoadingContext;
import net.neoforged.fml.common.Mod;
import net.neoforged.neoforge.client.gui.IConfigScreenFactory;

@Mod("my_mod_id")
public class MyMod {
    public MyMod() {
        ModLoadingContext.get().registerExtensionPoint(
                IConfigScreenFactory.class,
                () -> (client, parent) -> YetAnotherConfigLib.createBuilder()
                        [...]
                        .build()
                        .generateScreen(parent)
        )
    }
}

import net.neoforged.fml.ModLoadingContext;
import net.neoforged.fml.common.Mod;
import nnet.neoforged.neoforge.client.ConfigScreenHandler;

@Mod("my_mod_id")
public class MyMod {
    public MyMod() {
        ModLoadingContext.get().registerExtensionPoint(
                ConfigScreenHandler.ConfigScreenFactory.class,
                () -> new ConfigScreenHandler.ConfigScreenFactory(
                        (client, parent) -> YetAnotherConfigLib.createBuilder()
                                [...]
                                .build()
                                .generateScreen(parent)
                )
        )
    }
}

If you want multiple methods to opening your configuration screen, extracting the config creation to a common method call is useful.

That's it! You can now find your mod in the mod list and open your YACL configuration screen!

PreviousInstalling YACL NextControllers

Last updated 3 months ago

Displaying the GUI

Mod Menu (Fabric)

Adding the dependency

Using the API

Registering the entrypoint

NeoForge Mod List