migrate file and image widgets

packages/netlify-cms-widget-image/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "netlify-cms-widget-image",
+  "description": "Widget for uploading images in Netlify CMS.",
+  "version": "2.0.0-alpha.0",
+  "main": "dist/netlify-cms-widget-image.js",
+  "license": "MIT",
+  "keywords": [
+    "netlify",
+    "netlify-cms",
+    "widget",
+    "image",
+    "upload",
+    "image-upload"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "watch": "webpack -w",
+    "build": "webpack"
+  },
+  "dependencies": {
+    "netlify-cms-widget-file": "^2.0.0-alpha.0"
+  },
+  "devDependencies": {
+    "webpack": "^4.16.1",
+    "webpack-cli": "^3.1.0"
+  },
+  "peerDependencies": {
+    "netlify-cms-ui-default": "^2.0.0-alpha.0",
+    "prop-types": "^15.5.10",
+    "react": "^16.4.1",
+    "react-emotion": "^9.2.6"
+  },
+  "localExternals": [
+    "netlify-cms-widget-file"
+  ]
+}

packages/netlify-cms-widget-image/src/ImagePreview.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'react-emotion';
+import { WidgetPreviewContainer } from 'netlify-cms-ui-default';
+
+const Image = styled.img`
+  max-width: 100%;
+  height: auto;
+`
+
+const ImagePreview = ({ value, getAsset }) => (
+  <WidgetPreviewContainer>
+    { value ? <Image src={getAsset(value)} role="presentation"/> : null}
+  </WidgetPreviewContainer>
+);
+
+ImagePreview.propTypes = {
+  getAsset: PropTypes.func.isRequired,
+  value: PropTypes.node,
+};
+
+export default ImagePreview;

packages/netlify-cms-widget-image/src/index.js

@@ -0,0 +1,4 @@
+import { withFileControl } from 'netlify-cms-widget-file';
+
+export const ImageControl = withFileControl({ forImage: true });
+export ImagePreview from './ImagePreview';

packages/netlify-cms-widget-image/webpack.config.js

@@ -0,0 +1,3 @@
+const { getConfig } = require('../../scripts/webpack.js');
+
+module.exports = getConfig();