How runtime dependencies could work for Guevara

myEditor.js

export default [

	//
	// The store shard function
	//
	({user}) => ({
		user
	}),

	//
	// The sandbox dependency injection
	//
	({
		api
		React: {Component},
		Components: {Button, Input, PageTree}
	}) => {
		return class MyCustomComponent extends Component {
			render() {
				const {user} = this.props;
	
				return (
					<div>
						<Input placeholder="Search for pages..." />
						<PageTree />
						<Button onClick={() => api.searchFor(...)}>Search!</Button>
					</div>
				);
			}
		}
	}
];

myExtension.js

import neos from 'neos';
import myCustomComponentFactory from './myEditor';

//
// Some Mechanism to make the UI aware of the extension
//
neos.ui.registerCustomInspectorEditorFactory(myCustomComponentFactory);

neos.js

//
// This would be a separate npm package, that you'll need
// as a dependency in order to use
//

//
// Check for global neos API
//

if (window.neos === undefined) {
  throw new Error('Neos API not found!');
}

//
// Check for version constraint
//
if (!isCompatibleVersion(window.neos.version)) {
  console.warn(`Detected incompatible JSAPI ${window.neos.version}`);
}

export default window.neos;