register extensions for development

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

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

packages/netlify-cms-widget-string/src/StringControl.js

@@ -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}
+      />
+    );
+  }
+}

packages/netlify-cms-widget-string/src/StringPreview.js

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

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

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

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

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