Wonders Screen 1.5

[Finwickle]

Hey, I love the mod, but it doesn't take terrain into consideration when showing which cities can build the wonders. Shwedagon Zedi Daw for instance requires a lake, but shows as being buildable in all my cities while none of them are near a lake:

 

[wall03]

When the screen is open when a civic/science unlocks it tries to fit both in

 

[PendragonWRB]

I had an issue last night where it said I could build a wonder in one of my cities but the city panel said no available tiles. This was Siam's special wonder which requires rough terrain. I had moved my capitol to this city based on this information. Fortunately my original capitol could build it, albeit slower so I still managed to get the civ achievement. I hope this can be fixed.

 

[Adriels Nafazi]

In the latest Patch (June Patch) this Wonders Screen disappeared from my UI. Can you help me to check it?

 

[moondog385]

Will this mod be updated? It's very useful in Antiquity.

 

[beezany]

the 1.2.4 game update refactored the ui codebase and broke almost all mods. often you just need to update some import statements, and i've been fixing that for some of the mods i use regularly. here are my diffs for Claimed Wonders and the Wonders Screen. hope it helps you!

diff -r old/code/wonder-tracker.js new/code/wonder-tracker.js
3c3
< import { Icon } from '/core/ui/utilities/utilities-image.js';
---
> import { Icon } from '/core/ui/utilities/utilities-image.chunk.js';

diff -r old/code/mod-options-decorator.js new/code/mod-options-decorator.js
3c3
< import { CategoryData, CategoryType } from '/core/ui/options/options-helpers.js';
---
> import { d as CategoryData, C as CategoryType } from '/core/ui/options/editors/index.chunk.js';
diff -r old/code/wonders-screen-model.js new/code/wonders-screen-model.js
1,2c1,2
< import { Icon } from '/core/ui/utilities/utilities-image.js';
< import { ComponentID } from '/core/ui/utilities/utilities-component-id.js';
---
> import { Icon } from '/core/ui/utilities/utilities-image.chunk.js';
> import { C as ComponentID } from '/core/ui/utilities/utilities-component-id.chunk.js';
diff -r old/code/wonders-screen-options.js new/code/wonders-screen-options.js
3,5c3,4
< import '/core/ui/options/options.js';  // make sure this loads first
< import { CategoryType } from '/core/ui/options/options-helpers.js';
< import { Options, OptionType } from '/core/ui/options/model-options.js';
---
> import '/core/ui/options/screen-options.js';  // make sure this loads first
> import { O as Options, a as OptionType, C as CategoryType } from '/core/ui/options/editors/index.chunk.js';
diff -r old/code/wonders-screen.js new/code/wonders-screen.js
1,4c1,4
< import Panel from '/core/ui/panel-support.js';
< import Databind from '/core/ui/utilities/utilities-core-databinding.js';
< import { InputEngineEventName } from '/core/ui/input/input-support.js';
< import { MustGetElement } from '/core/ui/utilities/utilities-dom.js';
---
> import { P as Panel } from '/core/ui/panel-support.chunk.js';
> import { D as Databind } from '/core/ui/utilities/utilities-core-databinding.chunk.js';
> import { b as InputEngineEventName } from '/core/ui/input/input-support.chunk.js';
> import { MustGetElement } from '/core/ui/utilities/utilities-dom.chunk.js';

 

[JUSTJUICE]

the 1.2.4 game update refactored the ui codebase and broke almost all mods. often you just need to update some import statements, and i've been fixing that for some of the mods i use regularly. here are my diffs for Claimed Wonders and the Wonders Screen. hope it helps you!

diff -r old/code/wonder-tracker.js new/code/wonder-tracker.js
3c3
< import { Icon } from '/core/ui/utilities/utilities-image.js';
---
> import { Icon } from '/core/ui/utilities/utilities-image.chunk.js';

diff -r old/code/mod-options-decorator.js new/code/mod-options-decorator.js
3c3
< import { CategoryData, CategoryType } from '/core/ui/options/options-helpers.js';
---
> import { d as CategoryData, C as CategoryType } from '/core/ui/options/editors/index.chunk.js';
diff -r old/code/wonders-screen-model.js new/code/wonders-screen-model.js
1,2c1,2
< import { Icon } from '/core/ui/utilities/utilities-image.js';
< import { ComponentID } from '/core/ui/utilities/utilities-component-id.js';
---
> import { Icon } from '/core/ui/utilities/utilities-image.chunk.js';
> import { C as ComponentID } from '/core/ui/utilities/utilities-component-id.chunk.js';
diff -r old/code/wonders-screen-options.js new/code/wonders-screen-options.js
3,5c3,4
< import '/core/ui/options/options.js';  // make sure this loads first
< import { CategoryType } from '/core/ui/options/options-helpers.js';
< import { Options, OptionType } from '/core/ui/options/model-options.js';
---
> import '/core/ui/options/screen-options.js';  // make sure this loads first
> import { O as Options, a as OptionType, C as CategoryType } from '/core/ui/options/editors/index.chunk.js';
diff -r old/code/wonders-screen.js new/code/wonders-screen.js
1,4c1,4
< import Panel from '/core/ui/panel-support.js';
< import Databind from '/core/ui/utilities/utilities-core-databinding.js';
< import { InputEngineEventName } from '/core/ui/input/input-support.js';
< import { MustGetElement } from '/core/ui/utilities/utilities-dom.js';
---
> import { P as Panel } from '/core/ui/panel-support.chunk.js';
> import { D as Databind } from '/core/ui/utilities/utilities-core-databinding.chunk.js';
> import { b as InputEngineEventName } from '/core/ui/input/input-support.chunk.js';
> import { MustGetElement } from '/core/ui/utilities/utilities-dom.chunk.js';

You did it Beezany! Thank you so much for sharing. I managed to get the 2 mods to work

 

[RDomico]

Here is the fix for the Detailed Wonder Cinematic mod by KayleeR

wonder-cinematic-decorator.js

--remove this
import CinematicManager from '/base-standard/ui/cinematic/cinematic-manager.js';
import { MustGetElement } from '/core/ui/utilities/utilities-dom.js';

--add this
import { C as CinematicManager } from '/base-standard/ui/cinematic/cinematic-manager.chunk.js';
import { MustGetElement } from '/core/ui/utilities/utilities-dom.chunk.js';

 

[The1Darklord]

Thanks Beezany!

Daniel.

 

[doink000]

the 1.2.4 game update refactored the ui codebase and broke almost all mods. often you just need to update some import statements, and i've been fixing that for some of the mods i use regularly. here are my diffs for Claimed Wonders and the Wonders Screen. hope it helps you!

diff -r old/code/wonder-tracker.js new/code/wonder-tracker.js
3c3
< import { Icon } from '/core/ui/utilities/utilities-image.js';
---
> import { Icon } from '/core/ui/utilities/utilities-image.chunk.js';

diff -r old/code/mod-options-decorator.js new/code/mod-options-decorator.js
3c3
< import { CategoryData, CategoryType } from '/core/ui/options/options-helpers.js';
---
> import { d as CategoryData, C as CategoryType } from '/core/ui/options/editors/index.chunk.js';
diff -r old/code/wonders-screen-model.js new/code/wonders-screen-model.js
1,2c1,2
< import { Icon } from '/core/ui/utilities/utilities-image.js';
< import { ComponentID } from '/core/ui/utilities/utilities-component-id.js';
---
> import { Icon } from '/core/ui/utilities/utilities-image.chunk.js';
> import { C as ComponentID } from '/core/ui/utilities/utilities-component-id.chunk.js';
diff -r old/code/wonders-screen-options.js new/code/wonders-screen-options.js
3,5c3,4
< import '/core/ui/options/options.js';  // make sure this loads first
< import { CategoryType } from '/core/ui/options/options-helpers.js';
< import { Options, OptionType } from '/core/ui/options/model-options.js';
---
> import '/core/ui/options/screen-options.js';  // make sure this loads first
> import { O as Options, a as OptionType, C as CategoryType } from '/core/ui/options/editors/index.chunk.js';
diff -r old/code/wonders-screen.js new/code/wonders-screen.js
1,4c1,4
< import Panel from '/core/ui/panel-support.js';
< import Databind from '/core/ui/utilities/utilities-core-databinding.js';
< import { InputEngineEventName } from '/core/ui/input/input-support.js';
< import { MustGetElement } from '/core/ui/utilities/utilities-dom.js';
---
> import { P as Panel } from '/core/ui/panel-support.chunk.js';
> import { D as Databind } from '/core/ui/utilities/utilities-core-databinding.chunk.js';
> import { b as InputEngineEventName } from '/core/ui/input/input-support.chunk.js';
> import { MustGetElement } from '/core/ui/utilities/utilities-dom.chunk.js';

I'm trying to follow these directions to fix my Wonders mod! Please help a noob out. I was able to find all these JavaScript Files to edit via notepad in the Code folder of the mod except for the wonder-tracker.js ?

 

[billmason]

I'm trying to follow these directions to fix my Wonders mod! Please help a noob out. I was able to find all these JavaScript Files to edit via notepad in the Code folder of the mod except for the wonder-tracker.js ?

That file and fix is for the Claimed Wonders mod, the rest of the code is for the Wonders Screen mod.

 

[doink000]

That file and fix is for the Claimed Wonders mod, the rest of the code is for the Wonders Screen mod.

Gotcha. I made the edits for the Wonder Screen mod then, but it still doesn't work. I must've made a typo. Thanks!

 

[Neenu]

the 1.2.4 game update refactored the ui codebase and broke almost all mods. often you just need to update some import statements, and i've been fixing that for some of the mods i use regularly. here are my diffs for Claimed Wonders and the Wonders Screen. hope it helps you!

diff -r old/code/wonder-tracker.js new/code/wonder-tracker.js
3c3
< import { Icon } from '/core/ui/utilities/utilities-image.js';
---
> import { Icon } from '/core/ui/utilities/utilities-image.chunk.js';

diff -r old/code/mod-options-decorator.js new/code/mod-options-decorator.js
3c3
< import { CategoryData, CategoryType } from '/core/ui/options/options-helpers.js';
---
> import { d as CategoryData, C as CategoryType } from '/core/ui/options/editors/index.chunk.js';
diff -r old/code/wonders-screen-model.js new/code/wonders-screen-model.js
1,2c1,2
< import { Icon } from '/core/ui/utilities/utilities-image.js';
< import { ComponentID } from '/core/ui/utilities/utilities-component-id.js';
---
> import { Icon } from '/core/ui/utilities/utilities-image.chunk.js';
> import { C as ComponentID } from '/core/ui/utilities/utilities-component-id.chunk.js';
diff -r old/code/wonders-screen-options.js new/code/wonders-screen-options.js
3,5c3,4
< import '/core/ui/options/options.js';  // make sure this loads first
< import { CategoryType } from '/core/ui/options/options-helpers.js';
< import { Options, OptionType } from '/core/ui/options/model-options.js';
---
> import '/core/ui/options/screen-options.js';  // make sure this loads first
> import { O as Options, a as OptionType, C as CategoryType } from '/core/ui/options/editors/index.chunk.js';
diff -r old/code/wonders-screen.js new/code/wonders-screen.js
1,4c1,4
< import Panel from '/core/ui/panel-support.js';
< import Databind from '/core/ui/utilities/utilities-core-databinding.js';
< import { InputEngineEventName } from '/core/ui/input/input-support.js';
< import { MustGetElement } from '/core/ui/utilities/utilities-dom.js';
---
> import { P as Panel } from '/core/ui/panel-support.chunk.js';
> import { D as Databind } from '/core/ui/utilities/utilities-core-databinding.chunk.js';
> import { b as InputEngineEventName } from '/core/ui/input/input-support.chunk.js';
> import { MustGetElement } from '/core/ui/utilities/utilities-dom.chunk.js';

Amazing, thanks for the share on this one, I know nothing about coding, so this is much appreciated. My wonders mods are all working again now.

 

[webster0105]

Gotcha. I made the edits for the Wonder Screen mod then, but it still doesn't work. I must've made a typo. Thanks!

Did you figure out the typo?

I'm not certain if import { CategoryType } from '/core/ui/options/options-helpers.js'; from wonders-screen-options.js is meant to be removed.
If I don't, I just get the "violet" overlay when I select the toolbar button. If I do, the button appears and functions normally but the screen is blank (no wonders show).

*EDIT: Tried again and it worked. Also made a typo

 

[beezany]

Did you figure out the typo?

I'm not certain if import { CategoryType } from '/core/ui/options/options-helpers.js'; from wonders-screen-options.js is meant to be removed.
If I don't, I just get the "violet" overlay when I select the toolbar button. If I do, the button appears and functions normally but the screen is blank (no wonders show).

*EDIT: Tried again and it worked. Also made a typo

to confirm: yes you are supposed to replace the red lines with the green lines

 

[99-percent-sure]

Thanks, beezany! The Wonders Screen replacement code works perfectly. I missed using this mod, and appreciate skilled folks like you sharing your fixes so we non-coders can tag along.

 

[xminator]

Is there any hope of getting an update version of this on CivMods or Steam Workshop? I really miss it in my mod choices :/

 

[99-percent-sure]

Looks like the replacement code stopped working with the release of 1.3.1. Hopefully an easy fix.

 

[beezany]

Looks like the replacement code stopped working with the release of 1.3.1. Hopefully an easy fix.

yes, there is a change to the Options screen that is breaking mods with config options.

for @KayleeR's mods, you can work around the problem by adding this code to
alt-wonders-screen/code/wonders-screen-options.js
right before the Options.addInitCallback call on line 68.

// fix Options initialization
Options.addInitCallback = function(callback) {
    if (this.optionsReInitCallbacks.length && !this.optionsInitCallbacks.length) {
        throw new Error("Options already initialized, cannot add init callback");
    }
    this.optionsInitCallbacks.push(callback);
    this.optionsReInitCallbacks.push(callback);
}

 

[99-percent-sure]

yes, there is a change to the Options screen that is breaking mods with config options.

for @KayleeR's mods, you can work around the problem by adding this code to
alt-wonders-screen/code/wonders-screen-options.js
right before the Options.addInitCallback call on line 68.

// fix Options initialization
Options.addInitCallback = function(callback) {
    if (this.optionsReInitCallbacks.length && !this.optionsInitCallbacks.length) {
        throw new Error("Options already initialized, cannot add init callback");
    }
    this.optionsInitCallbacks.push(callback);
    this.optionsReInitCallbacks.push(callback);
}

Nicely done! Thank you. I don't understand any of that code, but it works like a charm.