Skip to site navigation (Press enter)
Re: [gwt-contrib] Revisiting the script-via-
default linkage</span></a></span> </h1> <p class="darkgray font13"> <span class="sender pipe"><a href="/search?l=google-web-toolkit-contributors@googlegroups.com&q=from:%22Matt+Mastracci%22" rel="nofollow"><span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Matt Mastracci</span></span></a></span> <span class="date"><a href="/search?l=google-web-toolkit-contributors@googlegroups.com&q=date:20091125" rel="nofollow">Wed, 25 Nov 2009 07:59:29 -0800</a></span> </p> </div> <div itemprop="articleBody" class="msgBody"> <!--X-Body-of-Message--> <pre>I put some thought into this last night and there are some interesting questions raised:</pre><pre> By default, the IFrameLinker allows multiple modules to coexist on the same page. To replicate this with scripts, you need to ensure that all scripts are privately scoped. There are conflicts with privately- scoped scripts and dynamically-loaded code. You can mutate the global scope of a window, but I don't know of any way to add new identifiers to the scope of a function used as a private namespace after that function has terminated. It is possible to evaluate code within an existing private scope. As long as you can structure the symbol dependencies between runAsync modules such that it can be represented as a DAG, two fragments never providing visible identifiers for each other, you can load the various modules as a tree of scopes. I'm not deeply familiar with runAsync, so I don't know if it is always true. The worst-case end-result of loading 10 different fragments, each depending on symbols from the last n-1 loaded fragments would effectively be the equivalent of 10- deep nested scope chain. I don't know what effect this would have on performance. Here's a summary of the linking options that I know of. I've added in an alternative iframe linker that doesn't load HTML from a remote source, but dynamically constructs the iframe contents and injects the scripts into it: 1. Monolithic iframe (IFrameLinker): Supports multimodule: Yes Supports off-domain loading: No Supports runAsync: Yes Global namespace pollution: Only within the iframe 2. Dynamic iframe, injected with scripts, ie: create iframes dynamically with src="javascript:;" and document.write()ing an HTML document: Supports multimodule: Yes Supports off-domain loading: Yes Supports runAsync: Yes Global namespace pollution: Only within the iframe 3. Globally-scoped script: Supports multimodule: No Supports off-domain loading: Yes Supports runAsync: Yes Global namespace pollution: Yes 4. Privately-scoped script (XSLinker): Supports multimodule: Yes Supports off-domain loading: Yes Supports runAsync: Possibly, but with potential size/speed consequences Global namespace pollution: None Matt. On 25-Nov-09, at 12:39 AM, Ray Cromwell wrote: > > err, not explicit scope, I mean "predeclare all your symbols with > 'var' privarte scope". > > -Ray > > > On Tue, Nov 24, 2009 at 11:29 PM, Ray Cromwell > <cromwell...@gmail.com> wrote: > > IMHO, pollution of the global namespace is a big problem for general > purpose apps. It's ok to do it when you control everything (e.g. > Wave), but probably a bad idea for enterprise users who have a habit > of composing lots of small GWT modules on a single dashboard. We > probably need to support both explicit scope and polluting options, > and allow the developer to choose. > > -Ray > > > On Tue, Nov 24, 2009 at 8:33 PM, Scott Blum <sco...@google.com> wrote: > On Tue, Nov 24, 2009 at 9:39 PM, Matt Mastracci > <matt...@mastracci.com> wrote: > Hey Scott, > > I've ported hosted.html over to hosted.js a few times and it's not > actually a problem. The only significant differences between the two > files are s/parent/window/ and how you pass the name of the module > to the hosted-mode bootstrap script. Each version of the plugin > tested (Safari, FF and IE from a few months ago and recent Safari/FF > builds) has been able to work in this environment without > modification. > > I don't think the hosted-mode plugin would work with the privately- > scoped XSLinker today, but it definitely works with our modified > version that links the JS at the global scope. > > Okay, that makes sense to me. I think to really ship this, though, > we want the plugins to put their symbols into a private namespace. > Otherwise two modules on one page would step all over each other, > for example. > > > -- > <a rel="nofollow" href="http://groups.google.com/group/Google-Web-Toolkit-Contributors">http://groups.google.com/group/Google-Web-Toolkit-Contributors</a> > > > > -- > <a rel="nofollow" href="http://groups.google.com/group/Google-Web-Toolkit-Contributors">http://groups.google.com/group/Google-Web-Toolkit-Contributors</a> -- <a rel="nofollow" href="http://groups.google.com/group/Google-Web-Toolkit-Contributors">http://groups.google.com/group/Google-Web-Toolkit-Contributors</a> </pre> </div> <div class="msgButtons margintopdouble"> <ul class="overflow"> <li class="msgButtonItems"><a class="button buttonleft " accesskey="p" href="msg10826.html">Previous message</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="c" href="thrd2.html#10841">View by thread</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="i" href="mail2.html#10841">View by date</a></li> <li class="msgButtonItems textalignright"><a class="button buttonright " accesskey="n" href="msg10928.html">Next message</a></li> </ul> </div> <a name="tslice"></a> <div class="tSliceList margintopdouble"> <ul class="icons monospace"> <li class="icons-email"><span class="subject"><a href="msg10811.html">[gwt-contrib] Revisiting the script-via-<iframe> defa...</a></span> <span class="sender italic">Matt Mastracci</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg10813.html">Re: [gwt-contrib] Revisiting the script-via-<iframe...</a></span> <span class="sender italic">Scott Blum</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg10818.html">Re: [gwt-contrib] Revisiting the script-via-<if...</a></span> <span class="sender italic">Matt Mastracci</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg10824.html">Re: [gwt-contrib] Revisiting the script-via-&l...</a></span> <span class="sender italic">Scott Blum</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg10825.html">Re: [gwt-contrib] Revisiting the script-vi...</a></span> <span class="sender italic">Ray Cromwell</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg10826.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Ray Cromwell</span></li> <li><ul> <li class="icons-email tSliceCur"><span class="subject">Re: [gwt-contrib] Revisiting the ...</span> <span class="sender italic">Matt Mastracci</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg10928.html">Re: [gwt-contrib] Revisiting ...</a></span> <span class="sender italic">Lex Spoon</span></li> <li class="icons-email"><span class="subject"><a href="msg10933.html">Re: [gwt-contrib] Revisiting ...</a></span> <span class="sender italic">Ray Cromwell</span></li> <li class="icons-email"><span class="subject"><a href="msg10955.html">Re: [gwt-contrib] Revisiting ...</a></span> <span class="sender italic">Matt Mastracci</span></li> <li class="icons-email"><span class="subject"><a href="msg10956.html">Re: [gwt-contrib] Revisiting ...</a></span> <span class="sender italic">Lex Spoon</span></li> <li class="icons-email"><span class="subject"><a href="msg10959.html">Re: [gwt-contrib] Revisiting ...</a></span> <span class="sender italic">Joel Webber</span></li> <li class="icons-email"><span class="subject"><a href="msg10961.html">Re: [gwt-contrib] Revisiting ...</a></span> <span class="sender italic">Matt Mastracci</span></li> <li class="icons-email"><span class="subject"><a href="msg10942.html">Re: [gwt-contrib] Revisiting ...</a></span> <span class="sender italic">Matt Mastracci</span></li> <li class="icons-email"><span class="subject"><a href="msg10951.html">Re: [gwt-contrib] Revisiting ...</a></span> <span class="sender italic">Lex Spoon</span></li> <li class="icons-email"><span class="subject"><a href="msg10954.html">Re: [gwt-contrib] Revisiting ...</a></span> <span class="sender italic">Matt Mastracci</span></li> <li class="icons-email"><span class="subject"><a href="msg11120.html">Re: [gwt-contrib] Revisiting ...</a></span> <span class="sender italic">Matt Mastracci</span></li> </ul> </ul> </ul> </ul> </ul> </ul> </ul> </ul> </div> <div class="overflow msgActions margintopdouble"> <div class="msgReply" > <h2> Reply via email to </h2> <form method="POST" action="/mailto.php"> <input type="hidden" name="subject" value="Re: [gwt-contrib] Revisiting the script-via-<iframe> default linkage"> <input type="hidden" name="msgid" value="DDF1CD58-6DA8-4E4D-86EE-9042DF6FD12A@mastracci.com"> <input type="hidden" name="relpath" value="google-web-toolkit-contributors@googlegroups.com/msg10841.html"> <input type="submit" value=" Matt Mastracci "> </form> </div> </div> </div> <div class="aside" role="complementary"> <div class="logo"> <a href="/"><img src="/logo.png" width=247 height=88 alt="The Mail Archive"></a> </div> <form class="overflow" action="/search" method="get"> <input type="hidden" name="l" value="google-web-toolkit-contributors@googlegroups.com"> <label class="hidden" for="q">Search the site</label> <input class="submittext" type="text" id="q" name="q" placeholder="Search google-web-toolkit-contributors"> <input class="submitbutton" name="submit" type="image" src="/submit.png" alt="Submit"> </form> <div class="nav margintop" id="nav" role="navigation"> <ul class="icons font16"> <li class="icons-home"><a href="/">The Mail Archive home</a></li> <li class="icons-list"><a href="/google-web-toolkit-contributors@googlegroups.com/">google-web-toolkit-contributors - all messages</a></li> <li class="icons-about"><a href="/google-web-toolkit-contributors@googlegroups.com/info.html">google-web-toolkit-contributors - about the list</a></li> <li class="icons-expand"><a href="/search?l=google-web-toolkit-contributors@googlegroups.com&q=subject:%22Re%5C%3A+%5C%5Bgwt%5C-contrib%5C%5D+Revisiting+the+script%5C-via%5C-%3Ciframe%3E+default+linkage%22&o=newest&f=1" title="e" id="e">Expand</a></li> <li class="icons-prev"><a href="msg10826.html" title="p">Previous message</a></li> <li class="icons-next"><a href="msg10928.html" title="n">Next message</a></li> </ul> </div> <div class="listlogo margintopdouble"> </div> <div class="margintopdouble"> </div> </div> </div> <div class="footer" role="contentinfo"> <ul> <li><a href="/">The Mail Archive home</a></li> <li><a href="/faq.html#newlist">Add your mailing list</a></li> <li><a href="/faq.html">FAQ</a></li> <li><a href="/faq.html#support">Support</a></li> <li><a href="/faq.html#privacy">Privacy</a></li> <li class="darkgray">DDF1CD58-6DA8-4E4D-86EE-9042DF6FD12A@mastracci.com</li> </ul> </div> </body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9de48a7e294dd945',t:'MTc3Mzg0MDA5MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>