Working with Silverstripe's javascript injector

Home. Filed under: Web

If you want to do any javascript development within the CMS you’ll need to use the Injector API.

The documentation is ok, there’s a lot and it’s fairly fragmented. But perhaps you’re following an example, like how to implement Version History for your own data objects.

/* global window */
import Injector from 'lib/Injector';
import readOneMyVersionedObjectQuery from 'state/readOneMyVersionedObjectQuery';
import revertToMyVersionedObjectVersionMutation from 'state/revertToMyVersionedObjectVersionMutation';

window.document.addEventListener('DOMContentLoaded', () => {
  // Register GraphQL operations with Injector as transformations
    'myversionedobject-history', (updater) => {
        readOneMyVersionedObjectQuery, 'ElementHistoryViewer');

    'myversionedobject-history-revert', (updater) => {

The first line import Injector from 'lib/Injector'; is interesting. We didn’t create that lib, and in fact when I run yarn I get an error:

ERROR in ./app/client/src/boot/index.js

  2:22  error  Unable to resolve path to module 'lib/Injector'  import/no-unresolved
  2:22  error  Missing file extension for "lib/Injector"        import/extensions

✖ 2 problems (2 errors, 0 warnings)

No-where could I find how to get lib/Injector! I eventually found a comment somewhere (sorry, lost exactly where) that we needed the development version of silverstripe/admin installed.


If you’ve already used composer to install, you simply need to delete the vender/silverstripe/admin folder and re-install preferring source.

rm -rf vendor/silverstripe/admin
composer install --prefer-source