Fix commands; Fix build; Fix default IconProvider

Author: andrerpena

docs-md/ChangeLogMigrating.md

@@ -1,5 +1,13 @@
 # Change log / Migrating
 
+## From 6.* to 7.*
+
+Major differences
+
+- No more Draft.js
+- No more FontAwesome, even though you can still use it if you want 
+- No more external dependencies
+
 ## From 5.* to 6.*
 
 Major differences

gulpfile.js

@@ -39,9 +39,9 @@ gulp.task('copy-index', function () {
 });
 
 gulp.task('build-demo', ['copy-index'], function () {
-  return gulp.src('demo/client.ts')
-    .pipe(webpackStream(require('./webpack.config.demo.prod.js'), require("webpack")))
-    .pipe(gulp.dest('docs/'));
+    return gulp.src('demo/client.ts')
+        .pipe(webpackStream(require('./webpack.config.demo.prod.js'), require("webpack")))
+        .pipe(gulp.dest('docs/'))
 });
 
 // all

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-mde",
-  "version": "6.0.0",
+  "version": "7.0.0-alpha.2",
   "description": "React Markdown Editor",
   "main": "./lib/js/index.js",
   "types": "./lib/definitions/index.d.ts",
@@ -45,7 +45,7 @@
     "@types/showdown": "^1.7.2",
     "@types/webpack-dev-middleware": "^2.0.0",
     "@types/webpack-hot-middleware": "^2.16.2",
-    "awesome-typescript-loader": "^5.0.0",
+    "awesome-typescript-loader": "^5.2.1",
     "babel-core": "^6.26.3",
     "cross-env": "^5.1.3",
     "css-loader": "^0.28.10",
@@ -79,8 +79,8 @@
     "ts-jest": "^23.10.5",
     "ts-node": "^7.0.0",
     "typescript": "^3.0.1",
-    "webpack": "^4.14.0",
-    "webpack-cli": "^3.0.8",
+    "webpack": "^4.29.3",
+    "webpack-cli": "^3.2.3",
     "webpack-dev-middleware": "^3.1.3",
     "webpack-hot-middleware": "^2.21.0",
     "webpack-stream": "^5.1.1"
@@ -93,7 +93,6 @@
   },
   "dependencies": {
     "classnames": "^2.2.5",
-    "insert-text-at-cursor": "^0.1.1",
     "npm": "^6.1.0"
   }
 }

package.json

@@ -1,11 +1,6 @@
 # react-mde
 
-A simple yet powerful and extensible Markdown Editor editor for React. React-mde is built on top of [Draft.js](https://draftjs.org/).
-
-> Warning, react-mde is passing through breaking changes. This documentation refers to the new 6.0 version which is 
-still in alpha. Please check [the change log](https://github.com/andrerpena/react-mde/blob/master/docs-md/ChangeLogMigrating.md),
-the [original issue](https://github.com/andrerpena/react-mde/issues/136)
-and the [old docs](https://github.com/andrerpena/react-mde/blob/master/docs-md/5.*-readme.md).
+A simple yet powerful and extensible Markdown Editor editor for React.
 
 ## Demo
 

readme.md

@@ -23,5 +23,16 @@ const getDefaultCommands: () => CommandGroup[] = () => [
 
 export {
     boldCommand,
+    italicCommand,
+    strikeThroughCommand,
+    CommandGroup,
+    headerCommand,
+    linkCommand,
+    quoteCommand,
+    codeCommand,
+    imageCommand,
+    checkedListCommand,
+    orderedListCommand,
+    unorderedListCommand,
     getDefaultCommands
 };

src/commands/index.ts

@@ -1,16 +1,17 @@
 import * as React from "react";
 import {
-    Command,
-    GenerateMarkdownPreview, CommandGroup, GetIcon
+    Command, CommandGroup,
+    GenerateMarkdownPreview, GetIcon
 } from "../types";
 import {getDefaultCommands} from "../commands";
-import {TextArea, MdePreview, MdeToolbar, MdeFontAwesomeIcon} from ".";
+import { MdePreview, MdeToolbar, TextArea} from ".";
 import {extractCommandMap} from "../util/CommandUtils";
 import {Tab} from "../types/Tab";
 import {L18n} from "..";
 import {enL18n} from "../l18n/react-mde.en";
 import {CommandOrchestrator, TextAreaCommandOrchestrator} from "../commandOrchestrator";
 import {classNames} from "../util/ClassNames";
+import {SvgIcon} from "../icons/SvgIcon";
 
 export interface ReactMdeProps {
     value: string;
@@ -52,7 +53,7 @@ export class ReactMde extends React.Component<ReactMdeProps, ReactMdeState> {
 
     static defaultProps: Partial<ReactMdeProps> = {
         commands: getDefaultCommands(),
-        getIconFromProvider: name => <MdeFontAwesomeIcon icon={name}/>,
+        getIconFromProvider: name => <SvgIcon icon={name}/>,
         emptyPreviewHtml: "<p>&nbsp;</p>",
         readOnly: false,
         l18n: enL18n,

src/components/ReactMde.tsx

@@ -1,3 +1,6 @@
 export interface IconProviderProps {
     icon: string;
-}
+}
+
+export * from "./MdeFontAwesomeIcon";
+export * from "./SvgIcon";

src/icons/index.tsx

@@ -1,12 +1,18 @@
 import * as MarkdownUtil from "./util/MarkdownUtil"
+import * as commands from "./commands";
 import { ReactMde, ReactMdeProps } from "./components";
+import { IconProviderProps, SvgIcon, MdeFontAwesomeIcon } from "./icons";
 import { L18n } from "./types/L18n";
 
 
 export {
   ReactMdeProps,
   MarkdownUtil,
-  L18n
+  L18n,
+  SvgIcon,
+  MdeFontAwesomeIcon,
+  IconProviderProps,
+  commands
 };
 
 export default ReactMde;

src/index.tsx

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "outDir": "ts-build",
+    "noImplicitAny": false,
+    "jsx": "react",
+    "target": "es5",
+    "module": "commonjs",
+    "typeRoots": [
+      "./node_modules/@types"
+    ],
+    "lib": [
+      "dom",
+      "es2015",
+      "es2015.collection",
+      "es2016",
+      "es2016.array.include"
+    ]
+  },
+  "include": [
+    "./src/**/*.ts",
+    "./src/**/*.tsx",
+    "./test/**/*.ts",
+    "./demo/**/*.ts",
+    "./demo/**/*.tsx"
+  ]
+}