Add wikipedia box

UI/WikipediaBox.ts

@@ -8,46 +8,109 @@ import BaseUIElement from "./BaseUIElement";
 import Title from "./Base/Title";
 import Translations from "./i18n/Translations";
 import Svg from "../Svg";
+import Wikidata from "../Logic/Web/Wikidata";
+import Locale from "./i18n/Locale";
 
-export default class WikipediaBox extends Combine{
-    
-    constructor(options: {
-        pagename: string,
-        language: string
-    }) {
-        
-        const htmlContent = UIEventSource.FromPromiseWithErr(Wikipedia.GetArticle({
-            pageName: options.pagename,
-            language: options.language,
-            removeInfoBoxes: true
-        }))
-        
-        const contents : UIEventSource<string | BaseUIElement> = htmlContent.map(htmlContent => {
-            if(htmlContent === undefined){
-                // Still loading
-                return new Loading("Loading wikipedia page").SetClass("p-4")
-            }
-            if(htmlContent["success"] !== undefined){
-                return new FixedUiElement(htmlContent["success"]).SetClass("wikipedia-article")
-            }
-            if(htmlContent["error"]){
-                return new FixedUiElement(htmlContent["error"]).SetClass("alert p-4")
-            }
-            
-            return undefined
-            
-        })
-        
-        const scrollable = new Combine([new VariableUiElement(contents).SetClass("block pl-6 pt-2")])
-            .SetClass("block overflow-auto normal-background rounded-lg")
-        super([
-            new Combine([Svg.wikipedia_svg().SetStyle("width: 1.5rem").SetClass("mr-3"), 
-                new Title(Translations.t.general.wikipedia.wikipediaboxTitle, 2)]).SetClass("flex"),
-            scrollable])
-        
-        this
-            .SetClass("block rounded-xl subtle-background m-1 p-2 flex flex-col")
+export default class WikipediaBox extends Combine {
+
+    private static async ExtractWikiPages(wikidata): Promise<Map<string, string>> {
+        return (await Wikidata.LoadWikidataEntry(wikidata)).wikisites
     }
     
     
+    private static _cache = new Map()
+
+    constructor(wikidataId: string | UIEventSource<string>) {
+        const wp = Translations.t.general.wikipedia;
+        if(typeof wikidataId === "string"){
+            wikidataId = new UIEventSource(wikidataId)
+        }
+        
+        const knownPages = new UIEventSource<{success:Map<string, string>}|{error:any}>(undefined)
+            
+        wikidataId.addCallbackAndRunD(wikidataId => {
+            WikipediaBox.ExtractWikiPages(wikidataId).then(pages => {
+                knownPages.setData({success:pages})
+            }).catch(err=> {
+                knownPages.setData({error: err})
+            })
+        })
+        
+        const cachedPages = new Map<string, BaseUIElement>()
+        
+        const contents = new VariableUiElement(
+            knownPages.map(pages => {
+
+                if (pages === undefined) {
+                    return new Loading(wp.loading.Clone())
+                }
+                if (pages["error"] !== undefined) {
+                    return wp.failed.Clone().SetClass("alert p-4")
+                }
+                const dict: Map<string, string> = pages["success"]
+
+                const preferredLanguage = [Locale.language.data, "en", Array.from(dict.keys())[0]]
+                let language
+                let pagetitle;
+                let i = 0
+                do {
+                    language = preferredLanguage[i]
+                    pagetitle = dict.get(language)
+                    i++;
+                    if(i >= preferredLanguage.length){
+                        return wp.noWikipediaPage.Clone()
+                    }
+                } while (pagetitle === undefined)
+                
+                if(cachedPages.has(language)){
+                    return cachedPages.get(language)
+                }
+
+                const page = WikipediaBox.createContents(pagetitle, language);
+                cachedPages.set(language, page)
+                return page
+            }, [Locale.language])
+        ).SetClass("overflow-auto normal-background rounded-lg")
+
+
+        super([
+            new Combine([Svg.wikipedia_ui().SetStyle("width: 1.5rem").SetClass("mr-3"),
+                new Title(Translations.t.general.wikipedia.wikipediaboxTitle.Clone(), 2)]).SetClass("flex"),
+            contents])
+
+        this
+            .SetClass("block rounded-xl subtle-background m-1 p-2 flex flex-col")
+    }
+
+    /**
+     * Returns the actual content in a scrollable way
+     * @param pagename
+     * @param language
+     * @private
+     */
+    private static createContents(pagename: string, language: string): BaseUIElement {
+        const htmlContent = Wikipedia.GetArticle({
+            pageName: pagename,
+            language: language
+        })
+        const wp = Translations.t.general.wikipedia
+        const contents: UIEventSource<string | BaseUIElement> = htmlContent.map(htmlContent => {
+            if (htmlContent === undefined) {
+                // Still loading
+                return new Loading(wp.loading.Clone())
+            }
+            if (htmlContent["success"] !== undefined) {
+                return new FixedUiElement(htmlContent["success"]).SetClass("wikipedia-article")
+            }
+            if (htmlContent["error"]) {
+                return wp.failed.Clone().SetClass("alert p-4")
+            }
+
+            return undefined
+        })
+
+        return new Combine([new VariableUiElement(contents).SetClass("block pl-6 pt-2")])
+            .SetClass("block")
+    }
+
 }