register extensions for development

This commit is contained in:
Shawn Erquhart
2018-07-24 00:27:49 -04:00
parent 27d13a73b6
commit 0e25b76bb7
25 changed files with 146 additions and 75 deletions

View File

@ -0,0 +1,27 @@
{
"name": "netlify-cms-widget-string",
"description": "Widget for editing plain string values in Netlify CMS.",
"version": "2.0.0-alpha.0",
"main": "dist/netlify-cms-widget-string.js",
"license": "MIT",
"keywords": [
"netlify",
"netlify-cms",
"widget",
"string"
],
"sideEffects": false,
"scripts": {
"watch": "webpack -w",
"build": "webpack"
},
"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"
}
}

View File

@ -0,0 +1,40 @@
import React from 'react';
import PropTypes from 'prop-types';
export default class StringControl extends React.Component {
static propTypes = {
onChange: PropTypes.func.isRequired,
forID: PropTypes.string,
value: PropTypes.node,
classNameWrapper: PropTypes.string.isRequired,
setActiveStyle: PropTypes.func.isRequired,
setInactiveStyle: PropTypes.func.isRequired,
};
static defaultProps = {
value: '',
};
render() {
const {
forID,
value,
onChange,
classNameWrapper,
setActiveStyle,
setInactiveStyle
} = this.props;
return (
<input
type="text"
id={forID}
className={classNameWrapper}
value={value || ''}
onChange={e => onChange(e.target.value)}
onFocus={setActiveStyle}
onBlur={setInactiveStyle}
/>
);
}
}

View File

@ -0,0 +1,13 @@
import React from 'react';
import PropTypes from 'prop-types';
import { WidgetPreviewContainer } from 'netlify-cms-ui-default';
const StringPreview = ({ value }) => (
<WidgetPreviewContainer>{ value }</WidgetPreviewContainer>
);
StringPreview.propTypes = {
value: PropTypes.node,
};
export default StringPreview;

View File

@ -0,0 +1,2 @@
export StringControl from './StringControl';
export StringPreview from './StringPreview';

View File

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