smartgwt + gin Code Splitting

Question

I am looking for example to use code splitting with gin and smartgwt ...

In my simple application I have 2 modules AutoLoadModule and WindowModule. In my simple app I just need to load a window when some button is clicked.

My window module contains:

@Override
protected void configure() {
    bind(MainWindow.class).in(Singleton.class);

}

and my MainWindow:

@Singleton
public class MainWindow extends Window implements SessionStatusChangedEvent.Handler {

    private final XmppSession session;

    @Inject
    private MainWindow(XmppSession session) {

        Log.debug("Constructor ImMainWindow... !");

        this.session = session;
        initComponent();
    }
    ....................

In my AutoLoadModule I have bind AutoLoad asEagerSingleton();

    @Override
    protected void configure() {
    bind(StartButton.class).toProvider(StartChatButtonProvider.class);
        bind(AutoLoader.class).asEagerSingleton();

    }

My AutoLoader class:

@Singleton
public class AutoLoader implements Scheduler.ScheduledCommand {

private final XmppConnection connection;
@Nullable
private final ImStartButton startButton;

    @Inject
    protected AutoLoader(final XmppConnection connection, final XmppSession session,
             final StartButton startButton) {
    this.startButton = startButton;

    Scheduler.get().scheduleDeferred(this);
    }

    @Override
    public final void execute() {
    startButton.addClickHandler(new ClickHandler() {

        @Override
        public void onClick(ClickEvent event) {
            Log.debug("StartButton click handler...");
                    //load window in this point but how ? ....
        }
    });
    }
}

Its possible to load a window instance using Code Splitting, when window is in WindowModule? In my example app I need load the window only on demand using code splitting and that window must be in a gin module.

Manolo Carrasco Moñino · Answer 1 · 2013-03-20T15:06:11.780

1

Not sure where you want to split your code, but using gin you can take advantage of AsyncProviders and let git to split your code.

@Inject
protected AutoLoader(
         final XmppConnection connection, 
         final XmppSession session,
         final StartButton startButton, 
         final AsyncProvider<MainWindow> mainProvider) {

  ...

  @Override
  public final void execute() {
    startButton.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent event) {

        // Here Gin would split the code
        mainProvider.get(new AsyncCallback<MainWindow>() {
          public void onSuccess(MainWindow main) {
           ...
          }
        }

      }
    });
  }

edited Mar 20 '13 at 15:06

answered Mar 20 '13 at 14:07

Manolo Carrasco Moñino

9,723
1
22
27

I want split my code into `AutoLoader` class when startButton is clicked – Łukasz Woźniczka Mar 20 '13 at 14:15
1

what is the code you want to execute inside the button handler? what are the parts of the code you can to load here? – Manolo Carrasco Moñino Mar 20 '13 at 14:37
1

add the AyncProvider as a parameter, and call it in your button click, updated the answer. – Manolo Carrasco Moñino Mar 20 '13 at 15:06
Its great now i have got code under defferedjs cache.js file. And when i click on button MainWindow constructor create window. But in firebug i can not see any XHR request that load code from server, its correct ? – Łukasz Woźniczka Mar 20 '13 at 15:19
1

the code is not loaded via XHR but as a new script tag created just in the moment it is needed – Manolo Carrasco Moñino Mar 20 '13 at 15:58

smartgwt + gin Code Splitting

1 Answers1