migrate file and image widgets
This commit is contained in:
36
packages/netlify-cms-widget-image/package.json
Normal file
36
packages/netlify-cms-widget-image/package.json
Normal 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"
|
||||
]
|
||||
}
|
22
packages/netlify-cms-widget-image/src/ImagePreview.js
Normal file
22
packages/netlify-cms-widget-image/src/ImagePreview.js
Normal 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;
|
4
packages/netlify-cms-widget-image/src/index.js
Normal file
4
packages/netlify-cms-widget-image/src/index.js
Normal file
@ -0,0 +1,4 @@
|
||||
import { withFileControl } from 'netlify-cms-widget-file';
|
||||
|
||||
export const ImageControl = withFileControl({ forImage: true });
|
||||
export ImagePreview from './ImagePreview';
|
3
packages/netlify-cms-widget-image/webpack.config.js
Normal file
3
packages/netlify-cms-widget-image/webpack.config.js
Normal file
@ -0,0 +1,3 @@
|
||||
const { getConfig } = require('../../scripts/webpack.js');
|
||||
|
||||
module.exports = getConfig();
|
Reference in New Issue
Block a user