updated

Author: nezanuha

index.html

@@ -56,9 +56,9 @@ <h2 class="mb-4 text-xl font-bold text-gray-900 dark:text-white">Update product<
 
     <button type="button" class="btn">btn</button>
 
-    <!-- <script src="./dist/nezanuha/markdownEditor.js"></script> -->
+    <!-- <script src="./dist/markdown-text-editor.js"></script> -->
     <script type="module">
-        import { markdownEditor } from 'markdown-text-editor'
+        import markdownEditor from 'markdown-text-editor'
         const options = {
             placeholder: 'Start writing...',
             toolbar: ['bold', 'italic', 'strikethrough', 'preview'],

package.json

@@ -1,8 +1,8 @@
 {
   "name": "markdown-text-editor",
-  "version": "0.0.14-beta.1",
+  "version": "0.0.15-beta.1",
   "description": "A powerful, easy-to-use Markdown editor with a real-time preview, syntax highlighting. Ideal for developers, writers, and content creators who need a seamless, interactive writing experience with full Markdown support.",
-  "main": "./src/plugins/markdown/editor.js",
+  "main": "./dist/markdown-text-editor.js",
   "files": [
     "dist/**/*",
     "src/**/*"

webpack.config.js

@@ -1,13 +1,19 @@
 const path = require('path');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const TerserPlugin = require('terser-webpack-plugin');
 
 module.exports = (env, argv) => {
     const isProd = process.env.NODE_ENV === 'production';
     return {
+        mode: isProd ? 'production' : 'development', // Set to 'production' for minified output
+        stats: 'minimal',
         entry: {
             index: './src/plugins/index.js',
             'markdown-text-editor': './src/plugins/markdown/editor.js',
         },
+        resolve: {
+            extensions: ['.ts', '.js'],
+        },
         output: {
             filename: '[name].js', // Output file name
             path: path.resolve(__dirname, 'dist'), // Output directory
@@ -43,11 +49,13 @@ module.exports = (env, argv) => {
                 filename: 'styles.css', // Output CSS filename
             }),
         ],
-        externals: {
-            react: 'React', // Avoid bundling React, assume global React
-            'react-dom': 'ReactDOM',
-        },
-        mode: 'development', // Set to 'production' for minified output
-        devtool: 'source-map', // Enable source maps for easier debugging
+        optimization: {
+            minimize: true,
+            minimizer: [
+                new TerserPlugin({
+                    extractComments: false,
+                }),
+            ],
+        }
     };
 };