migrate file and image widgets

This commit is contained in:
Shawn Erquhart
2018-07-24 13:57:57 -04:00
parent e80a407cee
commit 2efd09ba94
14 changed files with 303 additions and 21 deletions

View File

@ -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"
]
}

View File

@ -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;

View File

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

View File

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