chore(build): del /dist + refactoring

scripts/build/rollup.jfactory.config.cjs → scripts/build/rollup-jfactory.config.cjs

@@ -1,24 +1,39 @@
-const terserPlugin = require('@rollup/plugin-terser');
+const del = require('rollup-plugin-delete');
 const copy = require('rollup-plugin-copy');
+const terser = require('@rollup/plugin-terser');
 
 const {
   PRODUCTION,
   DEVELOPMENT,
   commonOptions,
   commonOutputUMD,
   commonOutputCJS,
-  commonOutputES,
-  bannerProd
-} = require('./buildConfig.js');
+  commonOutputES
+} = require('./rollup.config.js');
 
 module.exports = [
 
   // ----------------------------------------------------------------------------------
-  // index.cjs
+  // Production
   // ----------------------------------------------------------------------------------
   {
-    input: 'src/index-loader.cjs',
+    input: 'src/index.mjs',
+    ...commonOptions(PRODUCTION),
     plugins: [
+      del({
+        targets: [
+          'dist/*'
+          // 'dist/cjs',
+          // 'dist/cjs-devel',
+          // 'dist/es',
+          // 'dist/es-devel',
+          // 'dist/umd',
+          // 'dist/cjs-devel',
+          // 'dist/index.js',
+          // 'dist/jFactory.d.mts'
+        ],
+        runOnce: true
+      }),
       copy({
         targets: [
           {
@@ -29,38 +44,20 @@ module.exports = [
         verbose: true,
         copyOnce: true
       })
-    ],
-    output: [
-      {
-        format: 'cjs',
-        entryFileNames: 'index.js',
-        banner: bannerProd,
-        strict: false,
-        dir: 'dist'
-      }
-    ]
-  },
-
-  // ----------------------------------------------------------------------------------
-  // Production
-  // ----------------------------------------------------------------------------------
-  {
-    input: 'src/index.mjs',
-    ...commonOptions(PRODUCTION),
+    ].concat(commonOptions(PRODUCTION).plugins),
     output: [
       {
         ...commonOutputUMD(PRODUCTION),
         sourcemap: true,
         plugins: [
-          terserPlugin(/*terserOptions*/)
+          terser(/*terserOptions*/)
         ]
       },
       {
         ...commonOutputES(PRODUCTION)
       },
       {
-        ...commonOutputCJS(PRODUCTION),
-        sourcemap: true
+        ...commonOutputCJS(PRODUCTION)
       }
     ]
   },
@@ -80,8 +77,7 @@ module.exports = [
         ...commonOutputES(DEVELOPMENT)
       },
       {
-        ...commonOutputCJS(DEVELOPMENT),
-        sourcemap: true
+        ...commonOutputCJS(DEVELOPMENT)
       }
     ]
   }

scripts/build/buildConfig.js → scripts/build/rollup.config.js

@@ -20,7 +20,8 @@ const project = {
 const commonOptions = function(devel = false) {
   return {
     treeshake: {
-      moduleSideEffects: []
+      preset: 'recommended'
+      // moduleSideEffects: []
     },
     external: [
       'jquery',
@@ -50,7 +51,8 @@ const commonOutput = {
     constBindings: true,
     objectShorthand: true
   },
-  exports: 'named',
+  // interop: 'auto',
+  // exports: 'named',
   globals: function(name) {
     if (name === 'jquery') {
       return '$'
@@ -77,12 +79,12 @@ const commonOutputCJS = function(devel = false) {
   return {
     format: 'cjs',
     entryFileNames: '[name].cjs',
-    plugins: [
-      // terserPlugin(terserOptions)
-    ],
+    // !! modules must be preserved to allow module Tree Shaking in application bundler
+    preserveModules: true,
+    preserveModulesRoot: 'src',
     dir: devel ? 'dist/cjs-devel' : 'dist/cjs',
     banner: function(chunk) {
-      return chunk.fileName === 'index.mjs' ? devel ? bannerDevel : bannerProd : '';
+      return chunk.fileName === 'index.cjs' ? devel ? bannerDevel : bannerProd : '';
     },
     ...commonOutput
   }
@@ -95,12 +97,15 @@ const commonOutputES = function(devel = false) {
     // !! modules must be preserved to allow module Tree Shaking in application bundler
     preserveModules: true,
     preserveModulesRoot: 'src',
-    plugins: [
-      // terserPlugin(terserOptions)
-    ],
     dir: devel ? 'dist/es-devel' : 'dist/es',
     banner: function(chunk) {
-      return chunk.fileName === 'index.mjs' ? devel ? bannerDevel : bannerProd : '';
+      if (chunk.fileName === 'index.mjs') {
+        return devel ? bannerDevel : bannerProd;
+      } else {
+        if (chunk.fileName === 'jFactory-env.mjs') {
+          return 'globalThis.JFACTORY_ENV_ESM = 1;';
+        }
+      }
     },
     ...commonOutput
   }
@@ -123,7 +128,7 @@ module.exports = {
   commonOutputCJS,
   commonOutputES,
   bannerProd
-}
+};
 
 function getComputedValues(devel = false) {
   return {