chore: implement additional entrypoints for npm package

Author: MathiasVDA

esbuild.config.js

@@ -1,25 +1,60 @@
 const esbuild = require('esbuild');
 
-// Build configuration
-const config = {
-  entryPoints: ['src/index.js'],
-  bundle: true,
-  minify: true,
-  sourcemap: true,
-  target: ['es2018'],
-  format: 'iife',
-  globalName: 'GraphPlugin',
-  outfile: 'dist/yasgui-graph-plugin.min.js',
-  external: [],
-  // Resolve ES module extensions
-  loader: {
-    '.js': 'js',
+// Build configurations for different module formats
+const builds = [
+  // ES Module (for bundlers like webpack, vite, rollup)
+  {
+    entryPoints: ['src/index.js'],
+    bundle: true,
+    minify: false,
+    sourcemap: true,
+    target: ['es2018'],
+    format: 'esm',
+    outfile: 'dist/yasgui-graph-plugin.esm.js',
+    external: ['vis-network'], // Don't bundle vis-network for ESM
+    loader: {
+      '.js': 'js',
+    },
   },
-};
+  // CommonJS (for Node.js)
+  {
+    entryPoints: ['src/index.js'],
+    bundle: true,
+    minify: false,
+    sourcemap: true,
+    target: ['es2018'],
+    format: 'cjs',
+    outfile: 'dist/yasgui-graph-plugin.cjs.js',
+    external: ['vis-network'], // Don't bundle vis-network for CJS
+    loader: {
+      '.js': 'js',
+    },
+  },
+  // IIFE (for browsers via unpkg.com and script tags)
+  {
+    entryPoints: ['src/index.js'],
+    bundle: true,
+    minify: true,
+    sourcemap: true,
+    target: ['es2018'],
+    format: 'iife',
+    globalName: 'GraphPlugin',
+    outfile: 'dist/yasgui-graph-plugin.min.js',
+    external: [], // Bundle vis-network for browser usage
+    loader: {
+      '.js': 'js',
+    },
+  },
+];
 
-esbuild
-  .build(config)
-  .then(() => console.log('✅ Build complete: dist/yasgui-graph-plugin.min.js'))
+// Build all formats
+Promise.all(builds.map(config => esbuild.build(config)))
+  .then(() => {
+    console.log('✅ Build complete:');
+    console.log('   - dist/yasgui-graph-plugin.esm.js (ES Module for bundlers)');
+    console.log('   - dist/yasgui-graph-plugin.cjs.js (CommonJS for Node.js)');
+    console.log('   - dist/yasgui-graph-plugin.min.js (IIFE for browsers/unpkg)');
+  })
   .catch((err) => {
     console.error('❌ Build failed:', err);
     process.exit(1);

package.json

@@ -3,7 +3,9 @@
   "private": false,
   "version": "0.1.0",
   "description": "YASGUI plugin for visualizing SPARQL CONSTRUCT and DESCRIBE query results as interactive graphs",
-  "main": "dist/yasgui-graph-plugin.min.js",
+  "main": "dist/yasgui-graph-plugin.cjs.js",
+  "module": "dist/yasgui-graph-plugin.esm.js",
+  "unpkg": "dist/yasgui-graph-plugin.min.js",
   "files": [
     "dist",
     "README.md",