Building is 100% working now

Author: andrerpena

demo/App.tsx

@@ -1,13 +1,11 @@
 import * as React from 'react';
-import { Value } from '../src/types/Value';
-import { ReactMde } from '../src/ReactMde';
-import { defaultCommands } from '../src/ReactMdeCommands';
+import ReactMde, { ReactMdeCommands, ReactMdeValue, ReactMdeTextSelection } from '../src';
 
 interface AppProps {
 }
 
 interface AppState {
-    reactMdeValue: Value;
+    reactMdeValue: ReactMdeValue;
 }
 
 export class App extends React.Component<AppProps, AppState> {
@@ -34,7 +32,7 @@ export class App extends React.Component<AppProps, AppState> {
                     }}
                     value={this.state.reactMdeValue}
                     onChange={this.handleValueChange}
-                    commands={defaultCommands}
+                    commands={ReactMdeCommands}
                 />
             </div>
         );

gulpfile.js

@@ -8,25 +8,25 @@ const webpackConfig = require('./webpack.config.demo.prod.js');
 const tsProject = ts.createProject('./tsconfig.json');
 
 gulp.task('build_styles', function () {
-    return gulp.src('./src/styles/*.scss')
+    return gulp.src('./src/styles/**/*.scss')
         .pipe(sass().on('error', sass.logError))
-        .pipe(gulp.dest('./lib/styles'));
+        .pipe(gulp.dest('./lib/styles/css'));
 });
 
 // library
 gulp.task('copy_styles', function () {
-    return gulp.src('./src/styles/!**!/!*')
-        .pipe(gulp.dest('./lib/styles'));
+    return gulp.src('./src/styles/**/*.scss')
+        .pipe(gulp.dest('./lib/styles/scss'));
 });
 
-gulp.task('build', function () {
+gulp.task('build', ['copy_styles', 'build_styles'], function () {
     const tsResult = gulp.src('src/**/*.{ts,tsx}')
         .pipe(tsProject({
             declaration: true
         }));
     return merge([
         tsResult.dts.pipe(gulp.dest('lib/definitions')),
-        tsResult.js.pipe(gulp.dest('lib'))
+        tsResult.js.pipe(gulp.dest('lib/js'))
     ]);
 });
 

src/index.ts

@@ -0,0 +1,5 @@
+export { defaultCommands as ReactMdeCommands } from './ReactMdeCommands';
+export { Value as ReactMdeValue } from './types/Value' ;
+export { TextSelection as ReactMdeTextSelection } from './types/TextSelection' ;
+import { ReactMde } from './ReactMde';
+export default ReactMde;

src/index.tsx

@@ -1,11 +1,10 @@
 {
     "compilerOptions": {
-        "outDir": "./ts-out/",
         "sourceMap": true,
         "noImplicitAny": false,
         "jsx": "react",
         "target": "es5",
-        "allowJs": true,
+        "declaration": true,
         "typeRoots": [
             "./node_modules/@types"
         ],