Hi Alex El lun., 1 jul. 2019 a las 6:52, Alex Harui (<[email protected]>) escribió:
> If inject_html works in the app, that's essentially because the app.js > doesn't get loaded and run until the injected html is executed. > > yeah, that's clear to me. > So, inject_html in a module should do effectively the same thing, except I > don't think a module needs to inject HTML, right, we don't want to do that will defeat the module's purpose of deferred loading. And moreover, we don't know which classes will have in the module to be loaded, or a module can be never loaded > it can just take a list of urls to load as Script tags. So, no scanning > of files is necessary. The user could explicitly set the urls to load, but that seems to me not a Royale solution. I as a user, expect to use a Class that represents a JS library, and it should handle under the hood the necessary setup. I have clear that is needed to make a good solution. > The same inject_html mechanism would work in the app or module. The way > the _deps.js file is loaded before the main module.js loaded is an example > of how to defer the loading and execution of module.js until other files > are loaded. > Yes, I tried, and works. My only need right now is to know how I can get all the classes and loop to find what classes implement the interface. Do you know how I can do that? Right now is the only thing I need to finish modules. thanks > > HTH, > -Alex > > On 6/30/19, 2:50 AM, "Carlos Rovira" <[email protected]> wrote: > > @Harbs, A final thought, as you can see in the problem described, I > don't > want the user, or Module or Application knows about any setup. I just > want > that knowledge is in the Class itself and be performed just by > implementing > "IModuleInfo" in its "setup()" method. > > El dom., 30 jun. 2019 a las 11:47, Carlos Rovira (< > [email protected]>) > escribió: > > > Hi Harbs, > > > > thanks for proposal, but I think still the problem is not clear > enough > > what is causing confusion. I think we have actually the capability > to chain > > actions with events as the module load (description of the process > below). > > What I'm pursuing is that a Royale Class present in a Module can > perform > > some initialization setup. > > > > I think the issue is in Basic UIModuleUtils, that makes the following > > process to load a module: > > > > 1.- *loadModule()* -> is what ModuleLoader calls to start the process > > > > a.- *createLoader()* --> this creates "link" and "script" > tags > > of the module. Following methods are call "onLoad" > > > > - Only for DEBUG: *loadDepsHandler()* , setTImeout > and > > then call 3b loadHander > > > > - Only for RELEASE: *loadHandler()* , *here's where > we > > create the instance of the main class of the Module and add to the > parent.* > > > > - *actuallyLoadModule() *, triggered as the CSS in > loadCSS > > is loaded. > > > > b.- *loadCSS()* ---> this fills the CSS "link" tag of > the > > module > > > > Notice that link and script tags setup there are all well known and > > related to the normal structure of the module, what we'll want to > set up > > are the ones present in the classes to be loaded from the module at > later > > time. > > > > I think the point where we need to act in loadHandler() just before > we add > > the Main module class to the parent. > > In that point we have all classes loaded, but still are not playing > in our > > App. > > So There (and this can be PAYG using a UIModuleUtils extension), I > want to > > discover what classes loaded has a "IModuleInfo" interface and call > > "setup()" method in those ones). > > > > Hope, I explained it better and make more sense now. > > > > > > > > > > > > > > > > > > El dom., 30 jun. 2019 a las 11:10, Harbs (<[email protected]>) > > escribió: > > > >> What about another approach? > >> > >> Maybe modules can have a two-step initialization: > >> 1. If there are dependencies, those are loaded with a callback. > >> 2. Once all the dependencies are loaded, the module is actually > >> initialized and dispatches some events. > >> > >> That way, the parent application does not need to know about the > modules > >> classes. > >> > >> > On Jun 30, 2019, at 11:59 AM, Carlos Rovira < > [email protected]> > >> wrote: > >> > > >> > Hi Alex, > >> > > >> > ok, then can we? > >> > > >> > 1.- *load the module (*but still not add it to app, so no start > to run) > >> > 2.- *inspect the classes loaded in the module* to know what of > them > >> > implements a concrete interface (let's call "IModuleInfo") > >> > 3.- *set up script and link tags* but running IModuleInfo.setup() > in all > >> > classes in the module > >> > 4.- *add the module* to parent so it can start running > >> > > >> > If that's ok, for me the tricky part is how to loop over the > loaded > >> classes > >> > to know the ones that implements IModuleInfo and make a call to > setup() > >> > method. > >> > > >> > Point 2 and 3 could be PAYG so it could be added to the module as > a > >> bead. > >> > > >> > > >> > El dom., 30 jun. 2019 a las 8:13, Alex Harui > (<[email protected] > >> >) > >> > escribió: > >> > > >> >> The whole reason for inject_html is so some 3rd party JS can be > loaded > >> >> before Royale JS code starts using it. Because the loading of > the > >> >> 3rd-party code is a server request and possibly asynchronous, I > don't > >> think > >> >> we want a pattern where the class that needs some 3rd party code > tries > >> to > >> >> load that code in its initializers. That's not now it works in > the > >> main > >> >> app, so I don't see why it has to work this way in the modules. > Just > >> have > >> >> the module set up script tags to load the 3rd party JS before the > >> module's > >> >> JS gets loaded. > >> >> > >> >> My 2 cents, > >> >> -Alex > >> >> > >> >> On 6/29/19, 3:27 PM, "Carlos Rovira" <[email protected]> > wrote: > >> >> > >> >> Hi Alex, > >> >> > >> >> yes the solution is that, so to add dynamically a css or > javascript > >> I > >> >> want > >> >> to do the same way you did in UIModuleUtils.createLoader(), > where > >> you > >> >> create a "link" element or a "script" element. > >> >> What I really ask is how to trigger a method like that in > (lets say) > >> >> package.MyClass when a user uses that concrete class, and > avoiding > >> the > >> >> user > >> >> explicitly call that method (that's how I set up temporary in > the > >> blog > >> >> example). > >> >> > >> >> if user wants to do in a Module this: > >> >> > >> >> import package.MyClass; MyClass; > >> >> > >> >> And the in some part uses just a public static var like this: > >> >> > >> >> var p:String = MyClass.SOME_PUBLIC_STATIC_VAR; > >> >> > >> >> I want Royale runs a function (that will be something like > the part > >> of > >> >> the > >> >> code in UIModuleUtils.createLoader(), where we create a > "link" or > >> >> "script" > >> >> element and those get added to the html head. > >> >> > >> >> In the real world example the class is just a proxy to a > Material > >> >> Icons CSS > >> >> and when using a classname and a text we get the icon. So in > Royale, > >> >> the > >> >> user will just need to use the class as always in a binding or > >> >> assignment > >> >> using something like MyClass.SOME_PUBLIC_STATIC_VAR. And > until now > >> we > >> >> was > >> >> getting the CSS linked in the HTML thanks to compiler > processing > >> with > >> >> inject_html directive. With Modules I don't see right now a > way to > >> do > >> >> this > >> >> in a transparent way for the user, and making him to add a > call in > >> his > >> >> code, seems not a Royale way. That should be a framework call > since > >> is > >> >> clear that tthe user is using a var just to print a text and > get an > >> >> icon. > >> >> > >> >> I think I have a solution for this: I remember in Flex days > that we > >> had > >> >> something called MIXINS. If I recall correctly that MIXINGS > was > >> >> triggered > >> >> in a class that implement Mixing interface and then > SytemManager > >> run a > >> >> method in that class. I think we can do the same here. If you > think > >> is > >> >> ok, > >> >> to perform this, the solution could be that Module will hold > >> >> automatically > >> >> a registry of classes that implements a interface. Then when > load we > >> >> can > >> >> call on the classes of that registry a method of the > interface that > >> >> will > >> >> add the necessary "script" or "link" tags to html. If the > class is > >> >> used in > >> >> Application, then inject_html does the right work, if is used > in > >> >> Module, > >> >> when module loads it calls the method an solves the problem. > >> >> > >> >> What do you think? Don't see other way to solve this. > >> >> > >> >> > >> >> El sáb., 29 jun. 2019 a las 8:19, Alex Harui > >> (<[email protected] > >> >>> ) > >> >> escribió: > >> >> > >> >>> Take a look at UIModuleLoader and UIModuleUtils. Already it > creates > >> >>> several HTML script and link tags to load a js-debug module. > The > >> >> patterns > >> >>> are already there to use as a template to load another script > tag > >> >> that will > >> >>> add other script tags to the DOM or do just about anything you > >> >> want. You > >> >>> can manually code that additional JS file or have the compiler > >> >> autogenerate > >> >>> it from addtionalHTML. I don't think you want to generate HTML > and > >> >> write > >> >>> it to innerHTML, but I could be wrong about that. > >> >>> > >> >>> In the compiler, the MXMLRoyalePublisher is where the > inject_html > >> >> data is > >> >>> represented as additionalHTML and can be modified to be working > JS. > >> >>> > >> >>> HTH, > >> >>> -Alex > >> >>> > >> >>> On 6/28/19, 3:10 PM, "Carlos Rovira" <[email protected]> > >> >> wrote: > >> >>> > >> >>> For watt you say, I'm more with the second part of your > response > >> >> where > >> >>> we > >> >>> can alter the compiler to modify the additionalHTML, but I > think > >> >> that > >> >>> should be based on inject_html like we do in Application. I > >> >> remember > >> >>> that > >> >>> this problem is less related to a loading of resources > problem, > >> >> that we > >> >>> need to wait until the bytes was completely downloaded and we > >> >> signaled > >> >>> that > >> >>> event. This is more an Annotation-metadata problem where we > want > >> >> that > >> >>> if > >> >>> the user *use* a class we want the html gets decorated with a > >> >> line of > >> >>> code, > >> >>> and that should happen only once as currently happens when we > >> >> use the > >> >>> same > >> >>> class in the Application. > >> >>> > >> >>> but If I try. to imagine how to do that, I don't get any > idea, > >> >> since > >> >>> that > >> >>> can be done like we do with main application. In this case, > we > >> >> only > >> >>> can add > >> >>> to the HTML once the user loads the module and that means > can't > >> >> be a > >> >>> preprocess in the compiler like is actually in application > >> >>> > >> >>> > >> >>> > >> >>> > >> >>> > >> >>> > >> >>> > >> >>> El sáb., 29 jun. 2019 a las 0:01, Alex Harui > >> >> (<[email protected] > >> >>>> ) > >> >>> escribió: > >> >>> > >> >>>> In a quick peek at the code, the ModuleLoader already loads > >> >> more > >> >>> than one > >> >>>> file. It should be relatively simple to have a subclass or > >> >> alternate > >> >>>> ModuleLoaderWithPreloader that loads an additional file that > >> >> loads > >> >>> the > >> >>>> third-party JS. > >> >>>> > >> >>>> Also, it appears that it should be relatively simple to alter > >> >> the > >> >>> compiler > >> >>>> to take the additionalHTML and output it to be that additional > >> >> file. > >> >>>> > >> >>>> -Alex > >> >>>> > >> >>>> On 6/27/19, 5:24 AM, "Carlos Rovira" <[email protected]> > >> >>> wrote: > >> >>>> > >> >>>> I'm with you that we can make the compiler optimize the > >> >> class > >> >>> and just > >> >>>> add > >> >>>> the constants used, but I think that's is just an > >> >> optimization > >> >>> issue. A > >> >>>> user will want to use constants this way. They even could > >> >> create > >> >>> a > >> >>>> reduced > >> >>>> class with just the constants he needs. > >> >>>> > >> >>>> About preloader, I'm interested in see how to do it. Maybe > >> >> some > >> >>> example > >> >>>> from you and Yshay could be great to add to blog examples, > >> >> I can > >> >>> help > >> >>>> with > >> >>>> that If you want, if you provide an email with the code, or > >> >>> prepare a > >> >>>> project, I can do the rest. It would be good to all of us, > >> >> so we > >> >>> can > >> >>>> learn > >> >>>> how to do it. > >> >>>> > >> >>>> But as I stated before in my response to Alex, I don't > >> >> think the > >> >>>> preloader > >> >>>> is the real problem in this case. Although we use a > >> >> preloader, I > >> >>> think > >> >>>> we > >> >>>> still need to solve the inject_html issue in modules don't > >> >> you > >> >>> think? > >> >>>> > >> >>>> > >> >>>> > >> >>>> El jue., 27 jun. 2019 a las 10:05, Harbs (< > >> >> [email protected] > >> >>>> ) > >> >>>> escribió: > >> >>>> > >> >>>>> I also don’t know that abstracting this too much is a > >> >> good > >> >>> thing. > >> >>>> It’s a > >> >>>>> fair trade-off to require declaring external > >> >> dependencies. It > >> >>> also > >> >>>> allows > >> >>>>> for controlling where the dependencies are coming from, > >> >>> versioning, > >> >>>> etc. > >> >>>>> > >> >>>>> To me the pattern should be something like this: > >> >>>>> > >> >>>>> 1. Add a preloader bead to the app. > >> >>>>> 2. Declare a list of dependencies for the preloader > >> >> (which can > >> >>>> control > >> >>>>> where these dependencies are loaded from). > >> >>>>> > >> >>>>> In the case of something like MaterialIconType.SEARCH, I > >> >> don’t > >> >>> think > >> >>>> the > >> >>>>> MaterialIconType class should be included in the final > >> >> app at > >> >>> all if > >> >>>> all > >> >>>>> that’s used is some constants. I hope we eventually > >> >> optimize > >> >>> away all > >> >>>>> constants in the compiler. > >> >>>>> > >> >>>>> Harbs > >> >>>>> > >> >>>>>> On Jun 27, 2019, at 10:29 AM, Alex Harui > >> >>> <[email protected] > >> >>>>> > >> >>>>> wrote: > >> >>>>>> > >> >>>>>> I'm pretty sure in related threads I mentioned that a > >> >>> preloader is > >> >>>>> needed. > >> >>>>>> > >> >>>>>> -Alex > >> >>>>>> > >> >>>>>> On 6/26/19, 8:16 AM, "Carlos Rovira" < > >> >>> [email protected]> > >> >>>> wrote: > >> >>>>>> > >> >>>>>> Thanks Spiros, > >> >>>>>> > >> >>>>>> My real problem is the following. I'm trying to > >> >> improve > >> >>>> Modules. I > >> >>>>> found > >> >>>>>> that inject_html don't work with modules, > >> >> Inject_html is > >> >>>> processed by > >> >>>>>> compiler. To solve in an easy way I'm trying to > >> >> load CSS > >> >>> and JS > >> >>>> with > >> >>>>>> javascript appending to head. > >> >>>>>> > >> >>>>>> When I load the module and I use a class that needs > >> >> to > >> >>> attach > >> >>>> some > >> >>>>> JS, I > >> >>>>>> want to run a function like "loadJavascript" > >> >>>>>> > >> >>>>>> I created as well "loadCSS" (still not commited). > >> >>>>>> > >> >>>>>> The real use case I'm trying is to use > >> >> MaterialIconType, > >> >>> that > >> >>>> was > >> >>>>> using > >> >>>>>> inject_html. I removed the inject_html directive, > >> >>>>>> then added > >> >>>>>> > >> >>>>>> loadCSS(' > >> >>>>> > >> >>>> > >> >>> > >> >> > >> > https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Ffonts.googleapis.com%2Ficon%3Ffamily%3DMaterial%2BIcons&data=02%7C01%7Caharui%40adobe.com%7C3bd88a24ac3e4f14d11d08d6fd406978%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636974850477238074&sdata=v58mAdSAMvmjqIT%2FdXExq%2FE8pgd2CTobXSVf0td1IBQ%3D&reserved=0 > >> >>>> ' > >> >>>>> ); > >> >>>>>> > >> >>>>>> in the constructor > >> >>>>>> > >> >>>>>> then in my real module I want just to use as always > >> >>>>>> > >> >>>>>> <js:FontIcon text="{MaterialIconType.SEARCH}" > >> >>> material="true"/> > >> >>>>>> > >> >>>>>> accesing this way does not run the constructor, so > >> >> the > >> >>> loadCSS > >> >>>> code > >> >>>>> does > >> >>>>>> not run :( > >> >>>>>> > >> >>>>>> > >> >>>>>> We have hundreds of public static vars like > >> >>>>>> > >> >>>>>> public static const SEARCH:String = 'search'; > >> >>>>>> > >> >>>>>> So I think the current way you propose, although > >> >> valid, > >> >>> will > >> >>>> not be > >> >>>>> the > >> >>>>>> best here, since will means lots of lines of code. > >> >>>>>> > >> >>>>>> But thanks for your suggestion > >> >>>>>> > >> >>>>>> Hope others could give as well some ideas on how to > >> >> solve > >> >>> this > >> >>>>>> > >> >>>>>> thanks > >> >>>>>> > >> >>>>>> > >> >>>>>> > >> >>>>>> El mié., 26 jun. 2019 a las 17:05, spiros (< > >> >>> [email protected] > >> >>>>> ) > >> >>>>> escribió: > >> >>>>>> > >> >>>>>>> It is possible with static getter and seter. > >> >>>>>>> > >> >>>>>>> Maybe will help you the code below > >> >>>>>>> > >> >>>>>>> Spiros. > >> >>>>>>> > >> >>>>>>> public class Variable > >> >>>>>>> { > >> >>>>>>> > >> >>>>>>> private static var _textData:String; > >> >>>>>>> > >> >>>>>>> public static function get > >> >> textData():String > >> >>>>>>> { > >> >>>>>>> if( _textData ==null) > >> >>>>>>> { > >> >>>>>>> initailizeVariable(); > >> >>>>>>> } > >> >>>>>>> return _textData; > >> >>>>>>> } > >> >>>>>>> > >> >>>>>>> public static function set > >> >>>> textData(value:String):void > >> >>>>>>> { > >> >>>>>>> _textData = value; > >> >>>>>>> } > >> >>>>>>> > >> >>>>>>> public static function > >> >>> initailizeVariable():void > >> >>>>>>> { > >> >>>>>>> _textData = "The quick brown > >> >> fox > >> >>> jump over > >> >>>> the > >> >>>>>>> lazy dog."; > >> >>>>>>> } > >> >>>>>>> > >> >>>>>>> > >> >>>>>>> public function Variable() > >> >>>>>>> { > >> >>>>>>> } > >> >>>>>>> } > >> >>>>>>> > >> >>>>>>> > >> >>>>>>> > >> >>>>>>> > >> >>>>>>> > >> >>>>>>> -----Original Message----- > >> >>>>>>> From: Carlos Rovira [mailto:[email protected]] > >> >>>>>>> Sent: Wednesday, June 26, 2019 5:49 PM > >> >>>>>>> To: [email protected] > >> >>>>>>> Subject: Trying to run a function on a class that is > >> >> not > >> >>>> instantiated > >> >>>>>>> > >> >>>>>>> Hi, > >> >>>>>>> > >> >>>>>>> I need to run a function when I access a public > >> >> static var > >> >>> in a > >> >>>> class. > >> >>>>>>> Trying to run the function in the constructor seems > >> >> not to > >> >>> work > >> >>>> since > >> >>>>>>> there's no instance of that class. Do we have some > >> >> way to > >> >>> do this? > >> >>>>>>> > >> >>>>>>> -- > >> >>>>>>> Carlos Rovira > >> >>>>>>> > >> >>>>> > >> >>>> > >> >>> > >> >> > >> > https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C3bd88a24ac3e4f14d11d08d6fd406978%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636974850477238074&sdata=keyaoDCEVa2C0PeoFH8q5Wr9Od%2FLHbeH9COyJGEf3VE%3D&reserved=0 > >> >>>>>>> > >> >>>>>>> > >> >>>>>> > >> >>>>>> -- > >> >>>>>> Carlos Rovira > >> >>>>>> > >> >>>>> > >> >>>> > >> >>> > >> >> > >> > https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C3bd88a24ac3e4f14d11d08d6fd406978%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636974850477238074&sdata=keyaoDCEVa2C0PeoFH8q5Wr9Od%2FLHbeH9COyJGEf3VE%3D&reserved=0 > >> >>>>>> > >> >>>>>> > >> >>>>> > >> >>>>> > >> >>>> > >> >>>> -- > >> >>>> Carlos Rovira > >> >>>> > >> >>>> > >> >>> > >> >> > >> > https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C3bd88a24ac3e4f14d11d08d6fd406978%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636974850477238074&sdata=keyaoDCEVa2C0PeoFH8q5Wr9Od%2FLHbeH9COyJGEf3VE%3D&reserved=0 > >> >>>> > >> >>>> > >> >>>> > >> >>> > >> >>> -- > >> >>> Carlos Rovira > >> >>> > >> >>> > >> >> > >> > https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C3bd88a24ac3e4f14d11d08d6fd406978%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636974850477248068&sdata=KPBQl1u%2BvpDz9CuprNCuwzayr64aU%2FofMm3rGUenT2I%3D&reserved=0 > >> >>> > >> >>> > >> >>> > >> >> > >> >> -- > >> >> Carlos Rovira > >> >> > >> >> > >> > https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C3bd88a24ac3e4f14d11d08d6fd406978%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636974850477248068&sdata=KPBQl1u%2BvpDz9CuprNCuwzayr64aU%2FofMm3rGUenT2I%3D&reserved=0 > >> >> > >> >> > >> >> > >> > > >> > -- > >> > Carlos Rovira > >> > > https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C3bd88a24ac3e4f14d11d08d6fd406978%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636974850477248068&sdata=KPBQl1u%2BvpDz9CuprNCuwzayr64aU%2FofMm3rGUenT2I%3D&reserved=0 > >> > >> > > > > -- > > Carlos Rovira > > > https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C3bd88a24ac3e4f14d11d08d6fd406978%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636974850477248068&sdata=KPBQl1u%2BvpDz9CuprNCuwzayr64aU%2FofMm3rGUenT2I%3D&reserved=0 > > > > > > -- > Carlos Rovira > > https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C3bd88a24ac3e4f14d11d08d6fd406978%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636974850477248068&sdata=KPBQl1u%2BvpDz9CuprNCuwzayr64aU%2FofMm3rGUenT2I%3D&reserved=0 > > > -- Carlos Rovira http://about.me/carlosrovira
