Load extension library content from a js file

With locally loaded png image

src/containers/extension-library.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import VM from 'scratch-vm';
 
-import extensionLibraryContent from '../lib/libraries/extensions.json';
+import extensionLibraryContent from '../lib/libraries/extensions/index';
 
 import LibraryComponent from '../components/library/library.jsx';
 import extensionIcon from '../components/sprite-selector/icon--sprite.svg';

src/lib/libraries/extensions.json

-[
-    {
-        "name": "Pen",
-        "extensionURL": "pen",
-        "md5": "1a2ec605e73000897797f0c851134f5b.png",
-        "description": "Draw with your sprites.",
-        "featured": true
-    }
-]

src/lib/libraries/extensions/index.js

+import penImage from './pen.png';
+
+export default [
+    {
+        name: 'Pen',
+        extensionURL: 'pen',
+        iconURL: penImage,
+        description: 'Draw with your sprites.',
+        featured: true
+    }
+];