Shift to new syntax; try to get only cornerstone extension working with new syntax

extensions/ohif-cornerstone-extension/src/OHIFCornerstoneExtension.js

@@ -1,5 +1,5 @@
-import React, { Component } from 'react';
 import OHIFCornerstoneViewport from './OHIFCornerstoneViewport.js';
+import React from 'react';
 import ToolbarModule from './ToolbarModule.js';
 
 /**

extensions/ohif-cornerstone-extension/src/OHIFCornerstoneViewport.js

@@ -1,9 +1,11 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import OHIF from 'ohif-core';
-import ConnectedCornerstoneViewport from './ConnectedCornerstoneViewport';
-import cornerstone from 'cornerstone-core';
 import './config';
+
+import React, { Component } from 'react';
+
+import ConnectedCornerstoneViewport from './ConnectedCornerstoneViewport';
+import OHIF from 'ohif-core';
+import PropTypes from 'prop-types';
+import cornerstone from 'cornerstone-core';
 import handleSegmentationStorage from './handleSegmentationStorage.js';
 
 const { StackManager } = OHIF.utils;

extensions/ohif-cornerstone-extension/src/index.js

@@ -1,3 +1,23 @@
-import OHIFCornerstoneExtension from './OHIFCornerstoneExtension.js';
+import OHIFCornerstoneViewport from './OHIFCornerstoneViewport.js';
+import ToolbarModule from './ToolbarModule.js';
+import commandsModule from './commandsModule.js';
 
-export default OHIFCornerstoneExtension;
+/**
+ *
+ */
+export default {
+  /**
+   * Only required property. Should be a unique value across all extensions.
+   */
+  id: 'cornerstone',
+
+  getViewportModule() {
+    return OHIFCornerstoneViewport;
+  },
+  getToolbarModule() {
+    return ToolbarModule;
+  },
+  getCommandsModule() {
+    return commandsModule;
+  }
+};