Samle CSS-tilpasninger til ett rike

[havremunken]

Forskjellige moduler har forskjellige behov for å sette inn CSS. Colorize*-greiene deler CSS (som er generert basert på config, altså runtime dynamisk, ikke definert til compile time). Andre moduler har statisk CSS. Jeg tror vi gjør oss selv en stor tjeneste om vi samler oppsett og injisering av dette på ett sted.

Forslag:

• Hver modul får en mekanisme for å rapportere inn sine CSS-behov i init().
• Vi tar med npm-modulen sass så vi dynamisk kan kompilere CSS til runtime. Dermed trenger mekanismen i forrige punkt også en måte å gi fra seg variabler fra config.
• background holder på gjeldende CSS stylesheet. Den kan sendes til content_script ved page reload, så kan man bruke injectCSS().
• Ved config-endringer vil systemet kjøre en ny init(), CSS blir oppdatert, man kan bruke removeCSS() og så injectCSS() på nytt for å oppdatere styles uten page reload (håper jeg, ikke testet).

Jeg tror dette ville gi et ganske bra regime for å håndtere dette, men er åpen for forslag. :)

[havremunken]

Breddemodulen til Stubbelur viser med all mulig tydelighet at vi må inn med CSS tidligere i prosessen. Når extmods nå setter inn egen CSS når de kjører på document_end ser man først "originale" RBKweb, så går det litt tid, så ser man at ting endrer seg. Det kan fort bli slitsomt for brukerne.

Jeg foreslår derfor følgende endringer til prosessen skissert over, som hver extmod da må forholde seg til.

• Hver modul får config i init()'en sin. Dette endrer seg ikke.
• Hver modul må stille med en CSS-metode av et slag. Den returnerer et objekt med en CSS template, og en map med variabler på ting som skal byttes ut. Litt sånn som Colorize hydrerer selv i dag.
• Denne metoden blir kalt hver gang config endrer seg pr. modul.
• Når vi henter nytt CSS-objekt fra en modul kjører vi hydrering, og cacher teksten vi står igjen med som CSS / SASS for den modulen til localStorage.
• Når ett eller flere cache-objekter endres, kjøres en prosess som setter sammen CSS fra samtlige moduler til en endelig komplett stylesheet for hele RUSK, og cacher også dette til localStorage. MERK: Dette innebærer at CSS for alle moduler alltid "er på skjermen", uavhengig av om den respektive modulen blir brukt på denne siden eller ikke. Dette bør være mulig å sørge for ikke lager vanskeligheter.
• Vi lager et nytt content script som kjører på document_start, og som rett og slett henter sist cachede RUSK-stylesheet fra localStorage og injiserer den umiddelbart. Dette blir da i praksis slik jeg forstår den andre utvidelsen Stubbelur nevnte gjør det, så vi kommer så tidlig inn i prosessen at brukeren aldri ser RBKweb på noen annen måte enn RUSK vil.

Forslag, protester, innspill?

[havremunken]

Har funnet en variasjon på siste kommentar som kommer til å bli nær optimal, både for hurtig CSS inn i RBKweb, men også for oppdateringer "on the fly", altså om man åpner settings-vinduet, gjør en endring, lagrer og hopper ut - uten page refresh, uten å ta CSS ut så inn igjen. Jobber med dette nå samtidig med config UI for å få det bra.