add unified config module

src/components/Widgets.js

@@ -9,8 +9,8 @@ import ListControl from './Widgets/ListControl';
 import ListPreview from './Widgets/ListPreview';
 import TextControl from './Widgets/TextControl';
 import TextPreview from './Widgets/TextPreview';
-import MarkdownControl from './Widgets/MarkdownControl';
-import MarkdownPreview from './Widgets/MarkdownPreview';
+import MarkdownControl from './Widgets/Markdown/MarkdownControl';
+import MarkdownPreview from './Widgets/Markdown/MarkdownPreview';
 import ImageControl from './Widgets/ImageControl';
 import ImagePreview from './Widgets/ImagePreview';
 import FileControl from './Widgets/FileControl';

src/components/Widgets/Markdown/MarkdownControl/RawEditor/index.css

@@ -1,4 +1,4 @@
-@import "../../../UI/theme";
+@import "../../../../UI/theme";
 
 .root {
   position: relative;

src/components/Widgets/Markdown/MarkdownControl/RawEditor/index.js

@@ -10,10 +10,16 @@ import rehypeSanitize from 'rehype-sanitize';
 import rehypeReparse from 'rehype-raw';
 import CaretPosition from 'textarea-caret-position';
 import TextareaAutosize from 'react-textarea-autosize';
-import registry from '../../../../lib/registry';
-import { createAssetProxy } from '../../../../valueObjects/AssetProxy';
+import registry from '../../../../../lib/registry';
+import {
+  remarkParseConfig,
+  remarkStringifyConfig,
+  rehypeParseConfig,
+  rehypeStringifyConfig,
+} from '../../unifiedConfig';
+import { createAssetProxy } from '../../../../../valueObjects/AssetProxy';
 import Toolbar from '../Toolbar/Toolbar';
-import { Sticky } from '../../../UI/Sticky/Sticky';
+import { Sticky } from '../../../../UI/Sticky/Sticky';
 import styles from './index.css';
 
 const HAS_LINE_BREAK = /\n/m;
@@ -30,11 +36,11 @@ function processUrl(url) {
 
 function cleanupPaste(paste) {
   return unified()
-    .use(htmlToRehype, { fragment: true })
+    .use(htmlToRehype, rehypeParseConfig)
     .use(rehypeSanitize)
     .use(rehypeReparse)
     .use(rehypeToRemark)
-    .use(remarkToMarkdown)
+    .use(remarkToMarkdown, remarkStringifyConfig)
     .process(paste);
 }
 
@@ -91,9 +97,9 @@ export default class RawEditor extends React.Component {
     this.updateHeight();
     this.element.addEventListener('paste', this.handlePaste, false);
     const markdown = unified()
-      .use(htmlToRehype)
+      .use(htmlToRehype, rehypeParseConfig)
       .use(rehypeToRemark)
-      .use(remarkToMarkdown)
+      .use(remarkToMarkdown, remarkStringifyConfig)
       .processSync(this.state.value)
       .contents;
     this.setState({ value: markdown });
@@ -250,9 +256,9 @@ export default class RawEditor extends React.Component {
 
   handleChange = (e) => {
     const html = unified()
-      .use(markdownToRemark)
+      .use(markdownToRemark, remarkParseConfig)
       .use(remarkToRehype)
-      .use(rehypeToHtml)
+      .use(rehypeToHtml, rehypeStringifyConfig)
       .processSync(e.target.value)
       .contents;
     this.props.onChange(html);

src/components/Widgets/Markdown/MarkdownControl/Toolbar/Toolbar.css

@@ -1,4 +1,4 @@
-@import "../../../UI/theme";
+@import "../../../../UI/theme";
 
 .Toolbar {
   composes: clearfix;

src/components/Widgets/Markdown/MarkdownControl/Toolbar/Toolbar.js

@@ -5,7 +5,7 @@ import Switch from 'react-toolbox/lib/switch';
 import ToolbarButton from './ToolbarButton';
 import ToolbarComponentsMenu from './ToolbarComponentsMenu';
 import ToolbarPluginForm from './ToolbarPluginForm';
-import { Icon } from '../../../UI';
+import { Icon } from '../../../../UI';
 import styles from './Toolbar.css';
 
 export default class Toolbar extends React.Component {

src/components/Widgets/Markdown/MarkdownControl/Toolbar/ToolbarButton.css

@@ -1,4 +1,4 @@
-@import "../../../UI/theme";
+@import "../../../../UI/theme";
 
 .button {
   display: inline-block;

src/components/Widgets/Markdown/MarkdownControl/Toolbar/ToolbarButton.js

@@ -1,6 +1,6 @@
 import React, { PropTypes } from 'react';
 import classnames from 'classnames';
-import { Icon } from '../../../UI';
+import { Icon } from '../../../../UI';
 import styles from './ToolbarButton.css';
 
 const ToolbarButton = ({ label, icon, action, active }) => (

src/components/Widgets/Markdown/MarkdownControl/Toolbar/ToolbarPluginForm.css

@@ -1,4 +1,4 @@
-@import "../../../UI/theme";
+@import "../../../../UI/theme";
 
 .pluginForm {
   position: absolute;

src/components/Widgets/Markdown/MarkdownControl/Toolbar/ToolbarPluginFormControl.css

@@ -0,0 +1,7 @@
+.control {
+  composes: control from "../../../../ControlPanel/ControlPane.css"
+}
+
+.label {
+  composes: label from "../../../../ControlPanel/ControlPane.css";
+}

src/components/Widgets/Markdown/MarkdownControl/Toolbar/ToolbarPluginFormControl.js

@@ -1,5 +1,5 @@
 import React, { PropTypes } from 'react';
-import { resolveWidget } from '../../../Widgets';
+import { resolveWidget } from '../../../../Widgets';
 import styles from './ToolbarPluginFormControl.css';
 
 const ToolbarPluginFormControl = ({

src/components/Widgets/Markdown/MarkdownControl/VisualEditor/index.css

@@ -1,4 +1,4 @@
-@import "../../../UI/theme";
+@import "../../../../UI/theme";
 
 .editorControlBar {
   z-index: 1;

src/components/Widgets/Markdown/MarkdownControl/VisualEditor/index.js

@@ -8,12 +8,18 @@ import rehypeToHtml from 'rehype-stringify';
 import remarkToMarkdown from 'remark-stringify';
 import htmlToRehype from 'rehype-parse';
 import rehypeToRemark from 'rehype-remark';
-import registry from '../../../../lib/registry';
-import { createAssetProxy } from '../../../../valueObjects/AssetProxy';
+import registry from '../../../../../lib/registry';
+import { createAssetProxy } from '../../../../../valueObjects/AssetProxy';
+import {
+  remarkParseConfig,
+  remarkStringifyConfig,
+  rehypeParseConfig,
+  rehypeStringifyConfig,
+} from '../../unifiedConfig';
 import { buildKeymap } from './keymap';
 import createMarkdownParser from './parser';
 import Toolbar from '../Toolbar/Toolbar';
-import { Sticky } from '../../../UI/Sticky/Sticky';
+import { Sticky } from '../../../../UI/Sticky/Sticky';
 import styles from './index.css';
 
 /**
@@ -24,16 +30,16 @@ import styles from './index.css';
  */
 registry.registerWidgetValueSerializer('markdown', {
   serialize: value => unified()
-    .use(htmlToRehype)
+    .use(htmlToRehype, rehypeParseConfig)
     .use(htmlToRehype)
     .use(rehypeToRemark)
-    .use(remarkToMarkdown)
+    .use(remarkToMarkdown, remarkStringifyConfig)
     .processSync(value)
     .contents,
   deserialize: value => unified()
-    .use(markdownToRemark)
+    .use(markdownToRemark, remarkParseConfig)
     .use(remarkToRehype)
-    .use(rehypeToHtml)
+    .use(rehypeToHtml, rehypeStringifyConfig)
     .processSync(value)
     .contents
 });

src/components/Widgets/Markdown/MarkdownControl/index.js

@@ -1,8 +1,8 @@
 import React, { PropTypes } from 'react';
-import registry from '../../../lib/registry';
+import registry from '../../../../lib/registry';
 import RawEditor from './RawEditor';
 import VisualEditor from './VisualEditor';
-import { StickyContainer } from '../../UI/Sticky/Sticky';
+import { StickyContainer } from '../../../UI/Sticky/Sticky';
 
 const MODE_STORAGE_KEY = 'cms.md-mode';
 

src/components/Widgets/Markdown/MarkdownPreview/cmsPluginRehype.js

@@ -5,7 +5,7 @@ import isString from 'lodash/isString';
 import isEmpty from 'lodash/isEmpty';
 import unified from 'unified';
 import htmlToRehype from 'rehype-parse';
-import registry from "../../../lib/registry";
+import registry from "../../../../lib/registry";
 
 const cmsPluginRehype = ({ getAsset }) => {
 

src/components/Widgets/Markdown/MarkdownPreview/index.js

@@ -5,7 +5,7 @@ import remarkToRehype from 'remark-rehype';
 import htmlToRehype from 'rehype-parse';
 import rehypeToReact from 'rehype-react';
 import cmsPluginToRehype from './cmsPluginRehype';
-import previewStyle from '../defaultPreviewStyle';
+import previewStyle from '../../defaultPreviewStyle';
 
 const MarkdownPreview = ({ value, getAsset }) => {
   return value === null ? null : <div style={previewStyle} dangerouslySetInnerHTML={{__html: value}}></div>;

src/components/Widgets/Markdown/unifiedConfig.js

@@ -0,0 +1,4 @@
+export const remarkParseConfig = { pedantic: true, footnotes: true, fences: true };
+export const remarkStringifyConfig = { pedantic: true, fences: true };
+export const rehypeParseConfig = { fragment: true };
+export const rehypeStringifyConfig = {};

src/components/Widgets/MarkdownControl/Toolbar/ToolbarPluginFormControl.css

@@ -1,7 +0,0 @@
-.control {
-  composes: control from "../../../ControlPanel/ControlPane.css"
-}
-
-.label {
-  composes: label from "../../../ControlPanel/ControlPane.css";
-}

src/lib/registry.js

@@ -1,5 +1,5 @@
 import { Map } from 'immutable';
-import { newEditorPlugin } from '../components/Widgets/MarkdownControl/plugins';
+import { newEditorPlugin } from '../components/Widgets/Markdown/MarkdownControl/plugins';
 
 const _registry = {
   templates: {},