chore: align build with graph plugin

Author: MathiasVDA

.eslintrc.js

@@ -1,29 +1,17 @@
 module.exports = {
-  root: true,
-  parser: '@typescript-eslint/parser',
+  env: {
+    browser: true,
+    es2018: true,
+  },
+  extends: ['eslint:recommended'],
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
-    project: './tsconfig.json'
-  },
-  plugins: ['@typescript-eslint'],
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended'
-  ],
-  ignorePatterns: ['*.config.js', 'dist', 'node_modules'],
-  env: {
-    browser: true,
-    es6: true,
-    node: true
   },
   rules: {
-    '@typescript-eslint/no-explicit-any': 'warn',
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/no-unused-vars': ['error', { 
-      argsIgnorePattern: '^_',
-      varsIgnorePattern: '^_'
-    }],
-    'no-console': ['warn', { allow: ['warn', 'error'] }]
-  }
+    'no-console': ['warn', { allow: ['warn', 'error'] }],
+    'no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
+    'prefer-const': 'error',
+    'no-var': 'error',
+  },
 };

.npmignore

@@ -0,0 +1,21 @@
+# Development and demo files
+demo/
+example/
+.vscode/
+.specify/
+specs/
+*.sparql
+
+# Source files (publish only dist/)
+src/
+esbuild.config.js
+.eslintrc.js
+.prettierrc
+
+# Dependencies
+node_modules/
+
+# Git and config files
+.git/
+.gitignore
+.github/

CHANGELOG.md

@@ -1,9 +1,11 @@
-import * as esbuild from 'esbuild';
-import { readFileSync, writeFileSync, mkdirSync } from 'fs';
-import { resolve, dirname } from 'path';
-import postcss from 'postcss';
-import postcssImport from 'postcss-import';
-import cssnano from 'cssnano';
+
+const esbuild = require('esbuild');
+const fs = require('fs');
+const path = require('path');
+
+const postcss = require('postcss');
+const postcssImport = require('postcss-import');
+const cssnano = require('cssnano');
 
 const production = process.env.NODE_ENV === 'production';
 
@@ -12,7 +14,7 @@ const cssPlugin = {
   name: 'css',
   setup(build) {
     build.onLoad({ filter: /\.css$/ }, async (args) => {
-      const css = readFileSync(args.path, 'utf8');
+      const css = fs.readFileSync(args.path, 'utf8');
 
       // Process CSS with PostCSS
       const result = await postcss([
@@ -29,79 +31,88 @@ const cssPlugin = {
 };
 
 // Build configuration
-const baseConfig = {
-  entryPoints: ['src/index.ts'],
-  bundle: true,
-  external: ['@yasgui/yasr', '@yasgui/utils', 'tabulator-tables'],
-  sourcemap: true,
-  target: 'es2020',
-  plugins: [cssPlugin],
-};
-
-async function build() {
-  try {
-    // Create dist directory
-    mkdirSync('dist', { recursive: true });
-    mkdirSync('dist/types', { recursive: true });
-
-    // Build UMD format
-    await esbuild.build({
-      ...baseConfig,
-      outfile: 'dist/yasgui-table-plugin.umd.js',
-      format: 'iife',
-      globalName: 'YasguiTablePlugin',
-      footer: {
-        js: 'if (typeof module !== "undefined" && module.exports) { module.exports = YasguiTablePlugin; }'
-      },
-    });
+const buildConfigs = [
+  // ES Module (for bundlers like webpack, vite, rollup)
+  {
+    entryPoints: ['src/index.ts'],
+    bundle: true,
+    minify: false,
+    sourcemap: true,
+    target: ['es2018'],
+    format: 'esm',
+    outfile: 'dist/yasgui-table-plugin.esm.js',
+    external: [], 
+    loader: {
+      '.js': 'js',
+    },
+    plugins: [cssPlugin],
+  },
+  // CommonJS (for Node.js)
+  {
+    entryPoints: ['src/index.ts'],
+    bundle: true,
+    minify: false,
+    sourcemap: true,
+    target: ['es2018'],
+    format: 'cjs',
+    outfile: 'dist/yasgui-table-plugin.cjs.js',
+    external: [], 
+    loader: {
+      '.js': 'js',
+    },
+    plugins: [cssPlugin],
+  },
+  // IIFE (for browsers via unpkg.com and script tags)
+  {
+    entryPoints: ['src/index.ts'],
+    bundle: true,
+    minify: true,
+    sourcemap: true,
+    target: ['es2018'],
+    format: 'iife',
+    globalName: 'TablePlugin',
+    outfile: 'dist/yasgui-table-plugin.min.js',
+    external: [],
+    loader: {
+      '.js': 'js',
+    },
+    plugins: [cssPlugin],
+  },
+];
 
-    // Build ESM format
-    await esbuild.build({
-      ...baseConfig,
-      outfile: 'dist/yasgui-table-plugin.esm.js',
-      format: 'esm',
-    });
+// TypeScript declaration content
+const typeDeclaration = `declare module '@matdata/yasgui-table-plugin';
+`;
 
-    // Build minified version in production
-    if (production) {
-      await esbuild.build({
-        ...baseConfig,
-        outfile: 'dist/yasgui-table-plugin.min.js',
-        format: 'iife',
-        globalName: 'YasguiTablePlugin',
-        minify: true,
-        footer: {
-          js: 'if (typeof module !== "undefined" && module.exports) { module.exports = YasguiTablePlugin; }'
-        },
-      });
+// Build all formats
+Promise.all(buildConfigs.map(config => esbuild.build(config)))
+  .then(() => {
+    // Create TypeScript declaration file
+    const distDir = path.join(__dirname, 'dist');
+    if (!fs.existsSync(distDir)) {
+      fs.mkdirSync(distDir, { recursive: true });
     }
 
     // Build CSS bundle
-    const cssContent = readFileSync('styles/index.css', 'utf8');
-    const cssResult = await postcss([
+    const cssContent = fs.readFileSync('styles/index.css', 'utf8');
+    return postcss([
       postcssImport(),
       ...(production ? [cssnano()] : [])
-    ]).process(cssContent, { from: 'styles/index.css' });
-    
-    writeFileSync('dist/yasgui-table-plugin.css', cssResult.css);
+    ]).process(cssContent, { from: 'styles/index.css' })
+      .then((cssResult) => {
+        fs.writeFileSync('dist/yasgui-table-plugin.css', cssResult.css);
+        fs.writeFileSync(path.join(distDir, 'index.d.ts'), typeDeclaration);
 
-    console.log('Build completed successfully!');
-  } catch (error) {
-    console.error('Build failed:', error);
+        console.log('✅ Build complete:');
+        console.log('   - dist/yasgui-table-plugin.esm.js (ES Module for bundlers)');
+        console.log('   - dist/yasgui-table-plugin.cjs.js (CommonJS for Node.js)');
+        console.log('   - dist/yasgui-table-plugin.min.js (IIFE for browsers/unpkg)');
+        console.log('   - dist/yasgui-table-plugin.css (Bundled CSS)');
+        console.log('   - dist/index.d.ts (TypeScript declarations)');
+      });
+  })
+  .catch((err) => {
+    console.error('❌ Build failed:', err);
     process.exit(1);
-  }
-}
-
-// Watch mode
-if (process.argv.includes('--watch')) {
-  const ctx = await esbuild.context({
-    ...baseConfig,
-    outfile: 'dist/yasgui-table-plugin.esm.js',
-    format: 'esm',
   });
-  
-  await ctx.watch();
-  console.log('Watching for changes...');
-} else {
-  build();
-}
+