feat: add multiple build output formats (ES/CJS/UMD)

.config/rollup.config.js

@@ -1,76 +1,121 @@
 import cleanup from 'rollup-plugin-cleanup';
 import terser from '@rollup/plugin-terser';
 
-export default [
-    {
-        input: 'src/jsmind.js',
-        output: {
+const banner =
+    '/**\n* @license BSD-3-Clause\n* @copyright 2014-2025 [email protected]\n*\n* Project Home:\n*   https://github.com/hizzgdev/jsmind/\n*/';
+
+const cleanupPlugin = cleanup({
+    comments: 'none',
+});
+
+const terserPlugin = terser({
+    output: {
+        comments: 'all',
+    },
+});
+
+// Main library configuration
+const mainConfig = {
+    input: 'src/jsmind.js',
+    output: [
+        // ES Module - for modern bundlers with tree-shaking support
+        {
+            file: 'es/jsmind.js',
+            format: 'es',
+            banner,
+            sourcemap: true,
+        },
+        // CommonJS - for require/legacy toolchains
+        {
+            file: 'lib/jsmind.js',
+            format: 'cjs',
+            banner,
+            sourcemap: true,
+            exports: 'auto',
+        },
+        // UMD - for direct <script> usage, exposes global jsMind
+        {
             name: 'jsMind',
-            file: 'es6/jsmind.js',
+            file: 'dist/jsmind.js',
             format: 'umd',
-            banner: '/**\n* @license BSD-3-Clause\n* @copyright 2014-2025 [email protected]\n*\n* Project Home:\n*   https://github.com/hizzgdev/jsmind/\n*/',
+            banner,
             sourcemap: true,
         },
-        plugins: [
-            cleanup({
-                comments: 'none',
-            }),
-            terser({
-                output: {
-                    comments: 'all',
-                },
-            }),
-        ],
-    },
-    {
-        input: 'src/plugins/jsmind.draggable-node.js',
-        output: {
+    ],
+    plugins: [cleanupPlugin, terserPlugin],
+};
+
+// Draggable-node plugin configuration
+const draggableNodeConfig = {
+    input: 'src/plugins/jsmind.draggable-node.js',
+    output: [
+        // ES Module
+        {
+            file: 'es/jsmind.draggable-node.js',
+            format: 'es',
+            banner,
+            sourcemap: true,
+        },
+        // CommonJS
+        {
+            file: 'lib/jsmind.draggable-node.js',
+            format: 'cjs',
+            banner,
+            sourcemap: true,
+            exports: 'named',
+        },
+        // UMD
+        {
             name: 'jsMindDraggableNode',
-            file: 'es6/jsmind.draggable-node.js',
+            file: 'dist/jsmind.draggable-node.js',
             format: 'umd',
-            banner: '/**\n* @license BSD-3-Clause\n* @copyright 2014-2025 [email protected]\n*\n* Project Home:\n*   https://github.com/hizzgdev/jsmind/\n*/',
+            banner,
             sourcemap: true,
             globals: {
                 jsmind: 'jsMind',
             },
             exports: 'named',
         },
-        external: ['jsmind'],
-        plugins: [
-            cleanup({
-                comments: 'none',
-            }),
-            terser({
-                output: {
-                    comments: 'all',
-                },
-            }),
-        ],
-    },
-    {
-        input: 'src/plugins/jsmind.screenshot.js',
-        output: {
+    ],
+    external: ['jsmind'],
+    plugins: [cleanupPlugin, terserPlugin],
+};
+
+// Screenshot plugin configuration
+const screenshotConfig = {
+    input: 'src/plugins/jsmind.screenshot.js',
+    output: [
+        // ES Module
+        {
+            file: 'es/jsmind.screenshot.js',
+            format: 'es',
+            banner,
+            sourcemap: true,
+        },
+        // CommonJS
+        {
+            file: 'lib/jsmind.screenshot.js',
+            format: 'cjs',
+            banner,
+            sourcemap: true,
+            exports: 'named',
+        },
+        // UMD
+        {
             name: 'jsMindScreenshot',
-            file: 'es6/jsmind.screenshot.js',
+            file: 'dist/jsmind.screenshot.js',
             format: 'umd',
-            banner: '/**\n* @license BSD-3-Clause\n* @copyright 2014-2025 [email protected]\n*\n* Project Home:\n*   https://github.com/hizzgdev/jsmind/\n*/',
+            banner,
             sourcemap: true,
             globals: {
                 'jsmind': 'jsMind',
                 'dom-to-image': 'domtoimage',
             },
             exports: 'named',
         },
-        external: ['jsmind', 'dom-to-image'],
-        plugins: [
-            cleanup({
-                comments: 'none',
-            }),
-            terser({
-                output: {
-                    comments: 'all',
-                },
-            }),
-        ],
-    },
-];
+    ],
+    external: ['jsmind', 'dom-to-image'],
+    plugins: [cleanupPlugin, terserPlugin],
+};
+
+export default [mainConfig, draggableNodeConfig, screenshotConfig];

.gitignore

@@ -1,5 +1,13 @@
 .DS_Store
 node_modules/
+
+# Build outputs
+es/*.js
+es/*.js.map
+lib/*.js
+lib/*.js.map
+dist/*.js
+dist/*.js.map
 es6/*.js
 es6/*.js.map
 types/generated/

package.json

@@ -2,22 +2,24 @@
     "name": "jsmind",
     "version": "0.9.0",
     "description": "jsMind is a pure javascript library for mindmap, it base on html5 canvas. jsMind was released under BSD license, you can embed it in any project, if only you observe the license.",
-    "main": "es6/jsmind.js",
+    "main": "lib/jsmind.js",
+    "module": "es/jsmind.js",
+    "unpkg": "dist/jsmind.js",
     "types": "types/generated/index.d.ts",
     "exports": {
         ".": {
-            "import": "./es6/jsmind.js",
-            "require": "./es6/jsmind.js",
+            "import": "./es/jsmind.js",
+            "require": "./lib/jsmind.js",
             "types": "./types/generated/index.d.ts"
         },
         "./draggable-node": {
-            "import": "./es6/jsmind.draggable-node.js",
-            "require": "./es6/jsmind.draggable-node.js",
+            "import": "./es/jsmind.draggable-node.js",
+            "require": "./lib/jsmind.draggable-node.js",
             "types": "./types/generated/plugins/jsmind.draggable-node.d.ts"
         },
         "./screenshot": {
-            "import": "./es6/jsmind.screenshot.js",
-            "require": "./es6/jsmind.screenshot.js",
+            "import": "./es/jsmind.screenshot.js",
+            "require": "./lib/jsmind.screenshot.js",
             "types": "./types/generated/plugins/jsmind.screenshot.d.ts"
         },
         "./style/jsmind.css": "./style/jsmind.css"
@@ -27,7 +29,9 @@
         "example": "example"
     },
     "files": [
-        "es6",
+        "es",
+        "lib",
+        "dist",
         "style",
         "types",
         "LICENSE",