Best Of

Probably. You know it‘s all life time of @Bleistivt and me. But enrich us with a coffee donation by buying a plugin and our motivation will keep up. :)

The easiest way I can think of is to use the Basic Pages plugin to create the page, set it to Raw HTML and then load the leaderboard using Javascript:

<script>jQuery.get('/module/leaderboardmodule').done(function (data) {document.getElementById('PageBody').innerHTML = data})</script>

The way you injected the content most probably will be no problem. There are some issues I see:

1. Your database seems to be on Windows. If you have tables named gdn_discussion instead of GDN_Discussion, you will get troubles if you move to a linux host.
2. You are not using pretty urls. Take a look at the nginx sample and add $Configuration['Garden']['RewriteUrls'] = true; to your /conf/config.php
3. All category "meta" information is missing. This is being fixed by calling the url "/utility/structure"
4. All "count" information is missing, therefore you need to call "/dba/counts" to recalculate those columns (that will fix the pagination problem)

As you can see here, in order to open a discussion here in the forums, you click on a link called "/discussion/123/foo", while in your setup that same url would be "index.php?p=/discussion/123/foo". So if I give advise to visit "/utility/structure" and "/dba/counts", you need to make it "index.php?p=/utility/structure" and "index.php?p=/dba/counts" for your setup. You might have been too focused on the database side to notice that. But since pretty urls are a requirement anyway, you should follow my second point above first

Sorry, I do not understand that question, maybe because it is too React related... :-(

But ifyou want to know how to access settings from Vanilla like e.g the mobile title bar color and the banner logos, you need to access the config.

There are values like e.g.

$Configuration['Garden']['MobileAddressBarColor'] = '#00ff00';
$Configuration['Garden']['Logo'] = '3bf616c212e7fb8fa69cdbb707738dac.png';
$Configuration['Garden']['MobileLogo'] = '1a49d5f5fe98aac31c391227929a24c3.png';

in the config. In PHP you can access them with Gdn::config('Garden.Logo') and you would need to pass that to your view. Passing variables to views so that they can be used by Vanilla JavaScript code normally happens with Gdn_Controller->addDefinition(key, value), but since I do not know how you are working with your React views, passing variables might be totally different for you.

I created a custom application addon with React views. Everything is working as expected with the exception of the titlebar and banner. They appear to be ignoring the variables.neon settings. I'm thinking it has to do with my addon bootstrap file....

$container = Gdn::getContainer();

$container
    ->rule(Dispatcher::class)
    ->setShared(true)
    ->addCall('addRoute', ['route' => new Reference('@homepage'), 'homepage'])

    ->rule('@homepage') // Choose a name for our route instance.
    ->setClass(ResourceRoute::class)
    ->setConstructorArgs(['/homepage', '*\\%sHomepageController'])
    ->addCall('setMeta', ['CONTENT_TYPE', 'text/html; charset=utf-8'])
    ->addCall('setRootController', [HomepageController::class]);

Do I need to add something like this line that I see in the root bootstrap file?

    ->addCall('setThemeFeatureEnabled', [new Reference([ThemeFeatures::class, SearchRootController::ENABLE_FLAG])])

I haven't found any references to setThemeFeature or ThemeFeatures in the documentation.