Try create extra plugins

index.d.ts

@@ -0,0 +1,2 @@
+import { IJodit } from "./src/types/jodit"
+declare var Jodit: IJodit;

make.js

@@ -0,0 +1,5 @@
+module.exports = {
+	paths: [
+		'./plugins/emoji/',
+	]
+};

package.json

@@ -8,7 +8,7 @@
 		"newversion": "npm test && npm version patch --no-git-tag-version && npm run build && npm run newversiongit && npm publish ./",
 		"newversiongit": "git add --all  && git commit -m \"New version $npm_package_version. Read more https://github.com/xdan/jodit/releases/tag/$npm_package_version \" && git tag $npm_package_version && git push --tags origin HEAD:master",
 		"start": "node server.js",
-		"clean": "rm -f build/*",
+		"clean": "rm -rf build/*",
 		"build": "npm run clean && npm run build-es5 && npm run build-es18 && npm run build-no-uglify-es5 && npm run build-no-uglify-es18",
 		"build-es5": "webpack --progress --mode production --es es5 --uglify true",
 		"build-es18": "webpack --progress --mode production --es es2018 --uglify true",

plugins/emoji/emoji.less

@@ -0,0 +1,3 @@
+.jodit_emoji {
+	color: red;
+}

plugins/emoji/emoji.ts

@@ -0,0 +1,24 @@
+
+// Config.prototype.controls.emoji = {
+// 	icon: 'plugins/emoji/icon.svg',
+// 	tooltip: 'Insert Emoji'
+// } as IControlType;
+
+/**
+ * Support emoji
+ */
+Jodit.plugins.emoji = class emoji {
+	afterInit(editor: any) {
+		// const buttons = editor.options.buttons;
+		//
+		// if (!buttons.includes('emoji')) {
+		// 	buttons.push('emoji');
+		// }
+		//
+		// editor.options.buttons = buttons;
+	}
+
+	beforeDestruct(editor: any) {
+
+	}
+};

src/index.ts

@@ -38,7 +38,7 @@ const esFilter = (key: string): boolean => key !== '__esModule';
 Object.keys(Icons)
 	.filter(esFilter)
 	.forEach((key: string) => {
-		ToolbarIcon.icons[key.replace('_', '-')] = (Icons as any)[key];
+		ToolbarIcon.setIcon(key.replace('_', '-'), (Icons as any)[key]);
 	});
 
 // Modules

src/modules/toolbar/icon.ts

@@ -10,10 +10,20 @@
 import { IDictionary } from '../../types';
 
 export class ToolbarIcon {
-	static icons: IDictionary<string> = {};
+	private static icons: IDictionary<string> = {};
 
+	private static get(name: string): string | undefined {
+		return ToolbarIcon.icons[name] ||
+			ToolbarIcon.icons[name.replace(/-/g, '_')] ||
+			ToolbarIcon.icons[name.toLowerCase()];
+	}
+
+	/**
+	 * Check if icon exist in store
+	 * @param name
+	 */
 	static exists(name: string): boolean {
-		return ToolbarIcon.icons[name] !== undefined;
+		return this.get(name) !== undefined;
 	}
 
 	/**
@@ -26,12 +36,19 @@ export class ToolbarIcon {
 		name: string,
 		defaultValue: string = '<span></span>'
 	): string {
+		return this.get(name) || defaultValue;
+	}
 
-		const icon =
-			ToolbarIcon.icons[name] ||
-			ToolbarIcon.icons[name.replace(/-/g, '_')] ||
-			ToolbarIcon.icons[name.toLowerCase()];
-
-		return icon || defaultValue;
+	/**
+	 * Set SVG in store
+	 *
+	 * @param name
+	 * @param value
+	 */
+	static setIcon(
+		name: string,
+		value: string
+	): void {
+		this.icons[name.replace('_', '-')] = value;
 	}
 }

src/utils/create-entries.js

@@ -0,0 +1,25 @@
+const path = require('path');
+const fs = require('fs');
+
+function createEntries(directory) {
+	const rootPath = path.resolve(process.cwd());
+	const fullPath = path.resolve(directory);
+	const files = fs.readdirSync(fullPath);
+
+	return files.reduce((entries, file) => {
+		let filename = path.join(fullPath, file);
+
+		if (fs.lstatSync(filename).isFile()) {
+			filename = filename.replace(rootPath, '.');
+			entries[filename.replace(/\.ts$/, '')] = filename;
+		} else {
+			Object.assign(entries, createEntries(filename))
+		}
+
+		return entries;
+	}, {})
+}
+
+module.exports = {
+	createEntries
+};

src/utils/svg-loader.js

@@ -0,0 +1,15 @@
+/*
+	MIT License http://www.opensource.org/licenses/mit-license.php
+	Author Tobias Koppers @sokra
+*/
+module.exports = function(content) {
+	this.cacheable && this.cacheable();
+	this.value = content;
+	return "module.exports = " + JSON.stringify(
+		content
+			.replace(/[\n\t]+/g, '')
+			.replace(/[\s]+/g, ' ')
+	);
+};
+
+module.exports.seperable = true;

tsconfig.json

@@ -25,5 +25,5 @@
 	},
 
 	"typeRoots": ["./node_modules/@types/"],
-	"exclude": ["node_modules", "dist"]
+	"exclude": ["node_modules", "build"]
 }

webpack.config.js

@@ -7,6 +7,8 @@ const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const MinimizeJSPlugin = require('terser-webpack-plugin');
 
 const pkg = require('./package.json');
+const make = require('./make.js');
+const { createEntries } = require('./src/utils/create-entries.js');
 
 const banner = `/*!
  ${pkg.name} - ${pkg.description}
@@ -31,7 +33,7 @@ module.exports = (env, argv) => {
 
 	console.warn('ES mode: ' + ES);
 
-	const filename = 'jodit' + ((ES === 'es5' || isTest) ? '' : '.' + ES) + (uglify ? '.min' : '');
+	const filename = (name) => name + ((ES === 'es5' || isTest) ? '' : '.' + ES) + (uglify ? '.min' : '');
 
 	const css_loaders = [
 		(debug || isTest) ? 'style-loader' : MiniCssExtractPlugin.loader,
@@ -68,9 +70,10 @@ module.exports = (env, argv) => {
 
 		devtool: debug ? 'inline-sourcemap' : false,
 
-		entry: debug
-			? ['webpack-hot-middleware/client', './src/index']
-			: './src/index',
+		entry: {
+			jodit: (debug ? ['webpack-hot-middleware/client', './src/index'] : ['./src/index']),
+			...make.paths.reduce((entm, file) => ({...entm, ...createEntries(file)}), {})
+		},
 
 		resolve: {
 			extensions: ['.ts', '.d.ts', '.js', '.json', '.less', '.svg']
@@ -115,9 +118,9 @@ module.exports = (env, argv) => {
 			]
 		},
 
-		output: {
+		output:  {
 			path: path.join(__dirname, 'build'),
-			filename: filename + '.js',
+			filename: filename('[name]') + '.js',
 			publicPath: '/build/',
 			libraryTarget: 'umd'
 		},
@@ -128,6 +131,23 @@ module.exports = (env, argv) => {
 					test: /\.less$/,
 					use: css_loaders
 				},
+				{
+					test: /\.(ts)$/,
+					loader: 'ts-loader',
+					options: {
+						transpileOnly: uglify,
+						compilerOptions: {
+							target: ES
+						}
+					},
+					include: path.resolve('../'),
+					exclude: [
+						path.resolve('src/'),
+						path.resolve('node_modules/'),
+						path.resolve('examples/'),
+						path.resolve('test/'),
+					]
+				},
 				{
 					test: /\.(ts)$/,
 					use: [
@@ -148,14 +168,16 @@ module.exports = (env, argv) => {
 						}
 					},
 					exclude: [
-						/(node_modules|bower_components)/,
+						/(node_modules)/,
 						/langs\/[a-z]{2}\.ts/,
 						/langs\/[a-z]{2}_[a-z]{2}\.ts/,
 					]
 				},
 				{
 					test: /\.svg$/i,
-					use: 'raw-loader'
+					use: {
+						loader: path.resolve('src/utils/svg-loader.js')
+					}
 				}
 			]
 		},
@@ -189,7 +211,7 @@ module.exports = (env, argv) => {
 			case 'production':
 				config.plugins.push(
 					new MiniCssExtractPlugin({
-						filename: filename + '.css'
+						filename: filename('[name]') + '.css'
 					})
 				);