Uploaded image for project: 'Tapestry 5'
  1. Tapestry 5
  2. TAP5-2196

RequireJs custom path contribution - via Stacks or JavaScriptSupport

    XMLWordPrintableJSON

Details

    • Improvement
    • Status: Resolved
    • Major
    • Resolution: Fixed
    • 5.4
    • 5.4
    • tapestry-core

    Description

      Currently I think there is no way to configure requirejs paths.
      Also - the requirejs config is 'global' and all entries included on every page.

      Would be good improvement if there were some more flexibility in config and more contributions was possible.


      As part of 5.4 migration process we have some components that make use of JQueryFileUpload, https://github.com/blueimp/jQuery-File-Upload .

      This library uses the factory approach for defining the modules to work in both AMD and non AMD environments.
      Internally it handles loading of required modules, but work with paths. (And does not try to load from a fixed directory structure).

      So I think I need to specify things like
      requirejs.config({
      paths:

      { 'jquery.fileupload': '../library/jquery.fileupload/jquery.fileupload', //path to file 'jquery.iframe-transport': '../library/jquery.fileupload/jquery.iframe-transport', //path to file 'jquery.ui.widget': '../library/jquery.fileupload/vendor/jquery.ui.widget', //path to file }

      });

      Currently, only option is to configure shims through tapestry's modulemanager, but that's for non-AMD scripts and is likely to cause problems.
      Also the shim config would be global (all pages) - which I'd like to avoid as well.

      In 5.3 I've used a JQueryFileUpload to define all the deps like so..
      public List<Asset> getJavaScriptLibraries() {
      List<Asset> ret = new ArrayList<Asset>();
      ret.add(assetSource.getContextAsset("jquery-file-upload/7.2.1/js/vendor/jquery.ui.widget.js", null));
      ret.add(assetSource.getContextAsset("jquery-file-upload/extra/js/load-image.min.js", null));
      ret.add(assetSource.getContextAsset("jquery-file-upload/extra/js/canvas-to-blob.min.js", null));
      ret.add(assetSource.getContextAsset("jquery-file-upload/7.2.1/js/jquery.iframe-transport.js", null));
      ret.add(assetSource.getContextAsset("jquery-file-upload/7.2.1/js/jquery.fileupload.js", null));
      ret.add(assetSource.getContextAsset("jquery-file-upload/7.2.1/js/jquery.fileupload-fp.js", null));

      It would be useful it was possible somehow to contribute to requirejs configuration through stacks.
      That way they could be added to the requirejs config if the stack was used.

      If it was a service (perhaps exposed through JavaScriptSupport) one could also contribute on a page/component level..?

      I have no idea about the implications of this and if it's possible to accomplish, but could potentially help solving some more advanced use cases.

      Attachments

        Activity

          People

            thiagohp Thiago Henrique De Paula Figueiredo
            magnus@kvalheim.dk Magnus Kvalheim
            Votes:
            2 Vote for this issue
            Watchers:
            6 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: