updated

Author: nezanuha

.npmignore

@@ -35,3 +35,6 @@ coverage/
 # Ignore Next.js build output
 .next/
 out/
+
+
+!dist/

package.json

@@ -1,6 +1,6 @@
 {
   "name": "markdown-text-editor",
-  "version": "0.0.7-beta.1",
+  "version": "0.0.8-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": "dist/markdown-text-editor.js",
   "repository": {
@@ -18,6 +18,7 @@
     "markdown-text-editor",
     "markdown-text",
     "mde",
+    "text-editor",
     "simple mde",
     "markdown",
     "editor",
@@ -41,7 +42,10 @@
     "url": "https://github.com/nezanuha/markdown-text-editor/issues"
   },
   "files": [
-    "dist/**/*"
+    "dist",
+    "src",
+    "README.md",
+    "LICENSE"
   ],
   "dependencies": {
     "marked": "^15.0.4",

webpack.config.js

@@ -3,24 +3,23 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 module.exports = {
     entry: {
-        "index":'./src/plugins/index.js',
-        "markdown-text-editor": './src/plugins/markdown/editor.js'
+        index: './src/plugins/index.js',
+        'markdown-text-editor': './src/plugins/markdown/editor.js',
     },
     output: {
         filename: '[name].js', // Output file name
         path: path.resolve(__dirname, 'dist'), // Output directory
         library: '[name]', // Name of the library
         libraryTarget: 'umd', // Universal Module Definition
         libraryExport: 'default', // Use default export
-        globalObject: 'this', // Ensures it works in Node.js and browser
+        globalObject: 'this', // Ensures compatibility
     },
     module: {
         rules: [
             {
                 test: /\.css$/, // Handle CSS files
                 use: [
-       
-                    'style-loader', // Inject CSS into the DOM
+                    'style-loader', // Extract CSS into separate files
                     'css-loader', // Translates CSS into CommonJS
                     'postcss-loader', // Processes CSS with PostCSS
                 ],
@@ -39,9 +38,13 @@ module.exports = {
     },
     plugins: [
         new MiniCssExtractPlugin({
-            filename: 'styles.css', // Output CSS filename
+            filename: '[name].css', // Output CSS filename
         }),
     ],
+    externals: {
+        react: 'React', // Avoid bundling React, assume global React
+        'react-dom': 'ReactDOM',
+    },
     mode: 'production', // Set to 'production' for minified output
     devtool: 'source-map', // Enable source maps for easier debugging
-};
+};