First of all, great app!

Maybe I'm doing things the wrong way, but my workflow has been kind of painful. I have several independent .js files that need to be processed. I use ./manage.py systemjs_bundle -e html,jade --minify in production. It works, but there are two problems: The first is that it re-bundles everything, even the files that haven't been modified. Additionally, it seems to go through the entire bundling process again even if I just changed a single character in a file.

Both issues could probably be solved by simply checking if the files have been modified, although I'm not sure how that would be accomplished. Anyway, it would be something along the lines of jspm --watch in the sense that a cache could be kept to compare differences (just not in "real time").

If there's already a better way to do that, I would be very thankful to know what it is and you can just ignore my suggestion.

Thanks for your attention!

The process is explained here http://jspm.io/0.17-beta-guide/development-bundling.html

It would be great to be able to use it. Libraries like React slow down async module load during development a lot. Maybe we could have some option to enable development bundling, make systemjs_import tag aware of it and load bundle generated by continuously running python manage.py systemjs_bundle in watch mode.

In jspm 0.17 there is a jspm build command that takes similiar to jspm bundle command and produces bundle without unused code exports. More info here: http://jspm.io/0.17-beta-guide/static-builds-with-rollup-optimization.html What are current plans on supporting this?

I'm having trouble understanding how to set up jspm to work with this plugin. I've used jspm before but not with Django.

In the README, it says:

set the base url to your STATIC_URL. set the base path to your STATIC_ROOT.

What is the 'base path' referring to, and which 'base url'? From the jspm docs, the configuration options are:

baseURL: This should be set to the public folder where your server will serve from, relative to the package.json file. Defaults to the package.json folder itself. jspm packages folder: The folder where jspm will install external dependencies. Config file path: The jspm config file for your application. Should be within the baseURL and checked in to version control. Client baseURL: The URL from the browser where the public folder is hosted. Transpiler: Change this option at any time with jspm dl-loader babel. Custom transpilation options can also be set through babelOptions or traceurOptions in the jspm config file.

It makes sense to set 'client baseURL' to Django's 'STATIC_URL'. However, I don't see how setting 'baseURL' to 'STATIC_ROOT' would be a good idea, as that's where config.js is supposed to go, and my understanding is that the 'STATIC_ROOT' path should not be used for permanently storing any assets.

I would sincerely appreciate some clarification on this, but also thank you for this interesting project.

cloned the examples, tried running and ran into

Unhandled exception in thread started by <function wrapper at 0x109d277d0>
Traceback (most recent call last):
  File "/Users/davis/workspace/merlin-admin/opengraph/venv/lib/python2.7/site-packages/django/utils/autoreload.py", line 226, in wrapper
    fn(*args, **kwargs)
  File "/Users/davis/workspace/merlin-admin/opengraph/venv/lib/python2.7/site-packages/django/core/management/commands/runserver.py", line 109, in inner_run
    autoreload.raise_last_exception()
  File "/Users/davis/workspace/merlin-admin/opengraph/venv/lib/python2.7/site-packages/django/utils/autoreload.py", line 249, in raise_last_exception
    six.reraise(*_exception)
  File "/Users/davis/workspace/merlin-admin/opengraph/venv/lib/python2.7/site-packages/django/utils/autoreload.py", line 226, in wrapper
    fn(*args, **kwargs)
  File "/Users/davis/workspace/merlin-admin/opengraph/venv/lib/python2.7/site-packages/django/__init__.py", line 18, in setup
    apps.populate(settings.INSTALLED_APPS)
  File "/Users/davis/workspace/merlin-admin/opengraph/venv/lib/python2.7/site-packages/django/apps/registry.py", line 85, in populate
    app_config = AppConfig.create(entry)
  File "/Users/davis/workspace/merlin-admin/opengraph/venv/lib/python2.7/site-packages/django/apps/config.py", line 90, in create
    module = import_module(entry)
  File "/usr/local/Cellar/python/2.7.11/Frameworks/Python.framework/Versions/2.7/lib/python2.7/importlib/__init__.py", line 37, in import_module
    __import__(name)
ImportError: No module named myapp

adding init.py solved the problem!

when there are multiple {% systemjs_import 'my-app.js' %}

Log shows my-app is being bundled multiple times.

I think it would be safe to bundle only once for each unique file.

Import (poor man's) namespaced modules import ProjectSetupView as ProjectProjectSetupView from 'projects/ProjectSetupView';

Determine the namespaced module based on current app+view

let app = getApp(),
    view = get View(),
    module = `${app}{view}`;

new module()

The view needs to be know, this can a auto generated mapping or something simple like: <script data-view="balablala">

Hi,

I was running into errors trying to bundle the main.js could you let me know what I could be doing wrong?

Repro:

git clone [email protected]:sergei-maertens/django-systemjs.git django-systemjs-fork
cd django-system-fork/example/jspm_0_17
npm install
node_modules/jspm/jspm.js install
node_modules/jspm/jspm.js bundle jspm_0_17/main.js staticfiles/SYSTEMJS/bundles/main.js -wid

Error msg:

jspm bundle jspm_0_17/main.js staticfiles/SYSTEMJS/bundles/main.js -wid
     Building the bundle tree for jspm_0_17/main.js...

err  Error on fetch for jspm_0_17/main.js at file:///Users/davis/github/django-systemjs-fork/example/jspm_0_17/staticfiles/js/main.js
  Error: ENOENT: no such file or directory, open '/Users/davis/github/django-systemjs-fork/example/jspm_0_17/staticfiles/js/main.js'
    at Error (native)

It turns out that the node script trace-deps.js only works properly if executed in the folder containing node_modules and package.json. Otherwise, it seems unable to find a config file somewhere.

This is a jspm thing, need to follow up how to handle this. We could locate package.json and do subprocess.Popen in the containing directory.

This storage collects the static files with a partial md5 hash injected, and then writes the unhashed name -> hashed name mapping to a manifest.json file. This happens in the post-process step.

Django-SystemJS applies the configured storage post-process, but in a separate step. Each of the two steps first remove the old manifest file and re-create it. So, systemjs_bundle management command causes the result of collectstatic to be undone.

Solution: subclass the the storage in SystemJS, and before saving the new result, load the old result and append so that the old file is retained. We need to ensure that during a collectstatic run the old file is deleted.

JSPM adds the #SourceMap: /url/to/sourcemap comment after bundling, but our processing doesn't guarantee that it's the last line in the file, which (probably) breaks the functionality.

This comment should be detected, extracted, and put as the last line of the file.

This comes from the following lines in management/commands/systemjs_bundle.py:

        self.storage = copy(staticfiles_storage)
        self.storage.systemjs_bundling = True  # set flag to check later

I'm a pretty good python programmer but I'm not sure what is going on here. The copy() function isn't doing what the original programmer intended ... and the systemjs_bundling attribute is never used so maybe just dispense with that call to copy()?

BTW, I am using Python 2.7 and Django version 1.8

Reference: https://github.com/sergei-maertens/django-systemjs/issues/28#issuecomment-261618212

To be able to support all the jspm options, the management command should be split up to match jspm bundle and jspm build.

Lets say I have an app web. Inside a template for this app, I load app.js like this {% systemjs_import 'web/app' %}. When in development mode, the system does not have problem finding this static file, but if I do python manage.py systemjs_bundle, it only tries to find this file in the root static directory. I think there should be some sort of namespace, or bundle should try to find the static at app level.

It's possible to fire of subproces.Popen and poll their completion state. When generating multiple bundles, this should be used to parallelize as much as possible.

This does involve changing the internal API so that the management command doesn't need to know any internals of the polling. The SystemBundle and Tracer classes should expose an uniform API though.

I'd like to exclude jquery, underscore, bootstrap, etc from bundle.

Those libraries could be bundled seperately as shared dependencies.
And I believe the following is the jspm's answer to the problem. (I don't get the syntax, hard to find doc explaining what it means excatly :( )

https://github.com/jspm/jspm-cli/issues/133 https://github.com/jspm/jspm-cli/issues/872 mentions jspm bundle app/**/* - [app/**/*] dependency-bundle.js --inject

Would it be possible to create a shared dependency bundle with django-systemjs?
(I'm not even sure the above method would work with django setup because django doesn't have a parent directory such as app)