spyne 0.20.2 → 0.20.4

package/lib/spyne.umd.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
-     * Spyne 0.20.1
+     * Spyne 0.20.4
      * https://spynejs.org
      *
      * @license Copyright 2017-2021, Frank Batista, Relevant Context, LLC. All rights reserved.
@@ -10,7 +10,7 @@
     */
 
 /*!
- * spynejs 0.20.1
+ * spynejs 0.20.4
  * https://spynejs.org
  * (c) 2017-present Frank Batista
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spyne",
-  "version": "0.20.2",
+  "version": "0.20.4",
   "description": "Reactive Real-DOM Framework for Advanced Javascript applications",
   "sideEffects": true,
   "main": "./lib/spyne.esm.js",
@@ -19,7 +19,6 @@
     "report-coverage": "nyc report --reporter=text-lcov > coverage.lcov && codecov",
     "commit": "git-cz",
     "start": "webpack-dev-server --hot",
-    "prepare": "husky",
     "build": "webpack --config webpack.config.js --mode production",
     "build:esm": "rollup --config rollup.config.js",
     "dev": "webpack --config webpack.config.js --mode development",
@@ -30,7 +29,8 @@
     "test:single": "karma start karma.conf.js --single-run",
     "watch:test": "npm test -- --auto-watch --no-single-run",
     "test:mocha": "mocha tests",
-    "lint": "eslint 'src/spyne/**' --fix"
+    "lint": "eslint 'src/spyne/**' --fix",
+    "prepare": "husky"
   },
   "repository": {
     "type": "git",
@@ -50,10 +50,12 @@
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-replace": "^6.0.2",
     "chai": "^4.3.9",
     "chai-dom": "^1.11.0",
     "clean-webpack-plugin": "^4.0.0",
     "css-loader": "^6.8.1",
+    "dotenv": "^16.4.7",
     "eslint": "^8.50.0",
     "eslint-config-semistandard": "^17.0.0",
     "eslint-config-standard": "^17.1.0",
@@ -67,6 +69,7 @@
     "karma-chrome-launcher": "^3.2.0",
     "karma-coverage": "^2.2.1",
     "karma-mocha": "^2.0.1",
+    "karma-rollup-preprocessor": "^7.0.8",
     "karma-webpack": "^5.0.1",
     "mocha": "^10.7.3",
     "rollup": "^2.79.2",
@@ -77,11 +80,7 @@
     "webpack-dev-server": "^5.1.0",
     "webpack-rxjs-externals": "^2.0.0"
   },
-  "config": {
-    "ghooks": {
-      "pre-commit": "npm run test"
-    }
-  },
+  "config": {},
   "dependencies": {
     "dompurify": "^3.1.6",
     "ramda": "^0.30.1",

package/rollup.config.js

@@ -12,7 +12,7 @@ export default {
     sourcemap: true
   },
   // If you want to keep certain libraries external, define them here:
-  external: ['ramda', 'rxjs'],
+  external: ['ramda', 'rxjs', 'dompurify'],
   plugins: [
     // Allows Rollup to resolve packages from node_modules
     resolve(),

package/src/spyne/spyne-app.js

@@ -5,7 +5,7 @@ import { SpyneAppProperties } from './utils/spyne-app-properties'
 import { sanitizeHTMLConfigure } from './utils/sanitize-html'
 
 const _channels = new ChannelsMap()
-const version = '0.20.2'
+const version = '0.20.4'
 
 class SpyneApplication {
   /**
@@ -42,7 +42,7 @@ class SpyneApplication {
   init(config = {}, testMode = false) {
     // this.channels = new ChannelsMap();
     /*!
-     * Spyne 0.20.2
+     * Spyne 0.20.4
      * https://spynejs.org
      *
      * @license Copyright 2017-2021, Frank Batista, Relevant Context, LLC. All rights reserved.

package/src/spyne/utils/spyne-utils-channel-route.js

@@ -78,15 +78,15 @@ export class SpyneUtilsChannelRoute {
   }
 
   static flattenConfigObject(obj) {
-    const go = obj_ => chain(([k, v]) => {
-      if (Object.prototype.toString.call(v) === '[object Object]') {
+    const go = (obj_) => chain(([k, v]) => {
+      if (typeof v === 'object' && v !== null && !Array.isArray(v)) {
         return map(([k_, v_]) => [`${k}.${k_}`, v_], go(v))
       } else {
         return [[k, v]]
       }
     }, toPairs(obj_))
 
-    // console.log("FLATTEN: ",values(fromPairs(go(obj))));
+    // console.log("FLATTEN: ", values(fromPairs(go(obj))));
     return values(fromPairs(go(obj)))
   }
 

package/src/spyne/views/dom-element-template.js

@@ -135,9 +135,10 @@ import { SpyneAppProperties } from '../utils/spyne-app-properties'
  */
 
 export class DomElementTemplate {
-  constructor(template, data = {}) {
+  constructor(template, data = {}, opts = {}) {
     this.template = this.formatTemplate(template)
     this.isProxyData = data.__cms__isProxy === true
+    this.testMode = opts?.testMode
 
     const checkForArrayData = () => {
       if (is(Array, data) === true) {
@@ -226,7 +227,9 @@ export class DomElementTemplate {
   renderDocFrag() {
     let html = DomElementTemplate.replaceImgPath(this.finalArr.join(''))
     // html = sanitizeHTML(this.finalArr.join(''))
-    html = sanitizeHTML(html)
+    if (this.testMode !== true) {
+      html = sanitizeHTML(html)
+    }
     const isTableSubTag =   /^([^>]*?)(<){1}(\b)(thead|col|colgroup|tbody|td|tfoot|tr|th)(\b)([^\0]*)$/.test(html)
     const el = isTableSubTag ? html : document.createRange().createContextualFragment(html)
 

package/src/spyne/views/dom-element.js

@@ -25,7 +25,7 @@ class DomElement {
    *
    */
 
-  constructor(props = {}) {
+  constructor(props = {}, testMode = false) {
     const checkDefault = (dflt, val) => defaultTo(dflt)(val)
 
     props.tagName = checkDefault('div', props.tagName)
@@ -34,6 +34,7 @@ class DomElement {
     props.attrs = this.updateAttrs(props.attributes)
 
     props.fragment = document.createDocumentFragment()
+    this.testMode = testMode
     this.props = props
 
     this.addMixins()
@@ -77,7 +78,7 @@ class DomElement {
     const addTmpl = (template) => {
       let data = this.getProp('data')
       data = is(Object, data) ? data : {}
-      const frag = new DomElementTemplate(template, data).renderDocFrag()
+      const frag = new DomElementTemplate(template, data, { testMode: this?.testMode }).renderDocFrag()
       const fragIsString = is(String, frag)
       fragIsString ? el.innerHTML = frag : el.appendChild(frag)
       return el

package/src/tests/channels/channel-fetch.test.js

@@ -1,5 +1,7 @@
+//const { expect, assert } = require('chai')
+//const { ChannelFetch } = require('../../spyne/channels/channel-fetch-class')
 const { expect, assert } = require('chai')
-const { ChannelFetch } = require('../../spyne/channels/channel-fetch-class')
+import { ChannelFetch } from '../../spyne/spyne';
 
 describe('should test ChannelFetch', () => {
   const mapFn = (p) => {
@@ -43,8 +45,13 @@ describe('should test ChannelFetch', () => {
     const noMapMethodAdded = ChannelFetch.validateMapMethod(props, channelName)
     // console.log('map methods not added and is valid ',{noMapMethodAdded})
     expect(noMapMethodAdded).to.be.true
+
+
+
+
   })
 
+
   it('should return false for map of wrong type', () => {
     const map = 4
     const props = {

package/src/tests/channels/channel-payload-class.test.js

@@ -1,10 +1,10 @@
 import { SpyneApp, Channel } from '../../spyne/spyne'
 import { ChannelPayload } from '../../spyne/channels/channel-payload-class'
 import { ChannelPayloadToTestFilters } from '../mocks/channel-payload-data'
-import { ChannelPayloadFilter } from '../../spyne/utils/channel-payload-filter'
+//import { ChannelPayloadFilter } from '../../spyne/utils/channel-payload-filter'
 const { expect, assert } = require('chai')
 const MSFData = require('../mocks/msf-user-data.json')
-const MSFDataSmall = require('../mocks/msf-user-data-small.json')
+//const MSFDataSmall = require('../mocks/msf-user-data-small.json')
 const R = require('ramda')
 
 describe('should test Channel Payload Class', () => {

package/src/tests/channels/channel-route.test.js

@@ -6,8 +6,7 @@ import { ChannelPayloadRouteData, ChannelPayloadRouteDataRegexOverride } from '.
 import {
   SpyneConfigData,
   RouteDataForTests,
-  routeConfigWithRegexOverride,
-  windowLocationData
+  routeConfigWithRegexOverride
 } from '../mocks/utils-data'
 import { SpyneChannelRoute } from '../../spyne/channels/spyne-channel-route'
 const R = require('ramda')

package/src/tests/channels/channel.test.js

@@ -1,13 +1,15 @@
-import { Channel, SpyneAppProperties } from '../../spyne/spyne'
+import { Channel, SpyneAppProperties, SpyneApp } from '../../spyne/spyne'
+
 const { expect, assert } = require('chai')
-const { SpyneApp } = require('../../spyne/spyne-app')
 
 describe('should test channel instance', () => {
+
   const channelName = 'CHANNEL_MYTEST_CHANNEL'
-  SpyneApp.registerChannel(new Channel(channelName))
 
   before(function() {
+    SpyneApp.init({debug:true});
 
+    SpyneApp.registerChannel(new Channel(channelName))
   })
 
   it('registered channel should exist', () => {

package/src/tests/channels/route-utils.test.js

@@ -4,8 +4,7 @@ import { SpyneUtilsChannelRoute } from '../../spyne/utils/spyne-utils-channel-ro
 import { postProcessedRouteData, preProcessedRouteData, reduceProcessedRouteData, reducedRoutesArr, mainConfigPreProcessedData, mainConfigPostProcessedData } from '../mocks/routes-data'
 import {
   SpyneConfigData,
-  RouteDataForTests,
-  windowLocationData
+  RouteDataForTests
 } from '../mocks/utils-data'
 import { SpyneChannelRoute } from '../../spyne/channels/spyne-channel-route'
 import { path } from 'ramda'
@@ -16,7 +15,7 @@ const routeConfig = SpyneConfigData.channels.ROUTE
 
 describe('Route Utils', () => {
   it('flattenConfigObjects should return array of params', () => {
-    const finalArr = ['pageId', '', 'imageNum', 'author', 'hemingway', 'author', 'hemingway', 'imageNum', 'pixels', 'photogNum', 'randomNum', '32', 'holographs|photos|digital|videos']
+    const finalArr = ['pageId', '', 'imageNum', 'author', 'hemingway', 'author', 'hemingway', 'imageNum', 'pixels', 'photogNum', 'randomNum', '32']
     const arr = SpyneUtilsChannelRoute.flattenConfigObject(routeConfig.routes)
     // return true;
     expect(arr).to.deep.equal(finalArr)

package/src/tests/channels/view-stream-broadcaster.test.js

@@ -1,8 +1,7 @@
 // const assert = require('assert');
 import {
   SpyneConfigData,
-  RouteDataForTests,
-  windowLocationData
+  RouteDataForTests
 } from '../mocks/utils-data'
 chai.use(require('chai-dom'))
 

package/src/tests/package-json.spec.test.js

@@ -1,12 +1,20 @@
-import { expect } from 'chai'
-import pkg from '../../package.json' // Import package.json
+import { expect } from 'chai';
+import pkg from '../../package.json'; // Import package.json
+
+const isPublic = process.env.IS_PUBLIC === true;
 
 describe('package.json export import statement', () => {
   it('should be set to "./lib/spyne.esm.js"', () => {
-    const exports = pkg.exports['.']
-    expect(pkg.main).to.equal('./lib/spyne.esm.js')
-    expect(pkg.module).to.equal('./lib/spyne.esm.js')
-    expect(exports.import).to.equal('./lib/spyne.esm.js')
-    expect(exports.require).to.equal('./lib/spyne.esm.js')
-  })
-})
+    const exports = pkg.exports['.'];
+    expect(pkg.main).to.equal('./lib/spyne.esm.js');
+    expect(pkg.module).to.equal('./lib/spyne.esm.js');
+    expect(exports.import).to.equal('./lib/spyne.esm.js');
+    expect(exports.require).to.equal('./lib/spyne.esm.js');
+  });
+});
+
+(isPublic ? describe : describe.skip)('license should be LGPL', () => {
+  it('should have LGPL as license', () => {
+    expect(pkg.license).to.equal('LGPL');
+  });
+});

package/src/tests/spyne-app.test.js

@@ -4,7 +4,7 @@ const { SpyneApp } = require('../spyne/spyne-app')
 describe('should run spyne app tests', () => {
   before(() => {
 
-    // SpyneApp.init();
+     SpyneApp.init();
 
   })
 

package/src/tests/views/dom-el-template-proxy.test.js

@@ -1,7 +1,14 @@
-import { DomElementTemplate } from '../../spyne/views/dom-element-template'
+import { DomElementTemplate } from '../../spyne/views/dom-element-template';
 
-describe('DomElementTemplate Proxy should not exist ', () => {
+// Evaluate once at the top
+const isPublic = process.env.IS_PUBLIC === true;
+
+console.log("IS PUBLIC ",isPublic);
+
+
+// If not public, skip this test suite altogether
+(isPublic ? describe : describe.skip)('DomElementTemplate Proxy (Public Test)', () => {
   it('should not have a proxy method', () => {
-    expect(DomElementTemplate.hasOwnProperty('formatTemplateForProxyData')).to.be.false
-  })
-})
+    expect(DomElementTemplate.hasOwnProperty('formatTemplateForProxyData')).to.be.false;
+  });
+});

package/src/tests/views/dom-el-template.test.js

@@ -20,7 +20,7 @@ describe('DomElTemplate', () => {
   it('DomElementTemplate show render data value', () => {
     const data = { cat:'meow' }
     const template = '<h1>The cat says {{cat}}'
-    const domElTmpl = new DomElementTemplate(template, data)
+    const domElTmpl = new DomElementTemplate(template, data, {testMode:true})
     const render = domElTmpl.renderDocFrag()
     // console.log("RENDER IS ",render.firstElementChild);
     expect(render.firstElementChild.innerText).to.equal('The cat says meow')
@@ -33,7 +33,7 @@ describe('DomElTemplate', () => {
       }
     }
     const template = '<h1>The dog says {{#dog}}{{sound}}{{/dog}}</h1>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     expect(render.firstElementChild.innerText).to.equal('The dog says woof')
   })
@@ -45,14 +45,14 @@ describe('DomElTemplate', () => {
       }
     }
     const template = '<article>{{#dog}}<h1>The dog says {{sound}}</h1>{{/dog}}</article>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     expect(render.firstElementChild.innerText).to.equal('')
   })
   it('DomElementTemplate Template should render 0 as non-empty', () => {
     const data = { scriptNum:0, eventType:'scriptContent', tabName:'MyTab' }
     const template = '<button data-event-type="{{eventType}}" data-script-num="{{scriptNum}}" >{{scriptNum}}</button>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     expect(render.firstElementChild.innerText).to.equal('0')
   })
@@ -63,7 +63,7 @@ describe('DomElTemplate', () => {
       }
     }
     const template = '<article><h1>The dog says {{test.sound}}</h1></article>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     expect(render.firstElementChild.innerText).to.equal('The dog says ')
   })
@@ -74,7 +74,7 @@ describe('DomElTemplate', () => {
       }
     }
     const template = '<article><h1>The dog says {{asdf}}</h1></article>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     expect(render.firstElementChild.innerText).to.equal('The dog says ')
   })
@@ -92,7 +92,7 @@ describe('DomElTemplate', () => {
       ]
     }
     const template = '<article>{{#animals}}<h1>The {{name}} says {{sound}}</h1>{{/animals}}</article>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     const renderStr = render.firstElementChild.querySelectorAll('h1')[1].innerText
     expect(renderStr).to.equal('The cat says meow')
@@ -105,7 +105,7 @@ describe('DomElTemplate', () => {
       { name: 'john' }
     ]
     const template = '<ul>{{#}}<li>Welcome, {{name}}.</li>{{/}}</ul>'
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     const lastItemTxt = render.firstElementChild.querySelectorAll('li')[2].innerText
     expect(lastItemTxt).to.equal('Welcome, john.')
@@ -119,7 +119,7 @@ describe('DomElTemplate', () => {
     ]
     const template = '<ul>{{#}}<li>Welcome, {{name}}. and hobbies are {{hobbies}} </li>{{/}}</ul>'
     // let template = "<ul>{{#}}<li>Welcome, {{name}}. <ol>{{#hobbies}}<li>{{.}}</li><{{/hobbies}}/ol></li>{{/}}</ul>";
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
 
     const lastItemTxt = render.firstElementChild.querySelectorAll('li')[2].innerText
@@ -136,7 +136,7 @@ describe('DomElTemplate', () => {
     ]
     const template = '<ul><li>Welcome, {{name}}. Your hobbies are {{#hobbies}}{{.}}, {{/hobbies}}and favorite foods are {{#favFoods}}<span>{{.}}, </span>{{/favFoods}} </li></ul>'
     data = data[0]
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     const favFoodInnerText = render.firstElementChild.querySelectorAll('span')[0].innerText
     expect(favFoodInnerText).to.equal('hummus, ')
@@ -150,7 +150,7 @@ describe('DomElTemplate', () => {
     ]
     const template = '<ul><li>Welcome, {{name}}. Your hobbies are {{#hobbies}}{{.}}, {{/hobbies}}and your {{#details}}hair is {{hair}} and your eyes are {{eyes}} {{/details}}and favorite foods are {{#favFoods}}<span>{{.}}, </span>{{/favFoods}} </li></ul>'
     data = data[0]
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
     const favFoodInnerText = render.firstElementChild
 
@@ -168,7 +168,7 @@ describe('DomElTemplate', () => {
     }
     const template = '<ul>{{#users}}<li>Welcome, {{name}}. and details are {{details.age}} and degree is {{details.education.degree}} </li>{{/users}}</ul>'
     // let template = "<ul>{{#}}<li>Welcome, {{name}}. <ol>{{#hobbies}}<li>{{.}}</li><{{/hobbies}}/ol></li>{{/}}</ul>";
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
 
     // console.log("render nested array of objs ",render.firstElementChild);
@@ -188,7 +188,7 @@ describe('DomElTemplate', () => {
     data = data.users[0]
     const template = '<ul><li>Welcome, {{name}}. and age is {{details.age}} and graduated from {{details.education.school}} </li></ul>'
     // let template = "<ul>{{#}}<li>Welcome, {{name}}. <ol>{{#hobbies}}<li>{{.}}</li><{{/hobbies}}/ol></li>{{/}}</ul>";
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
     const render = domElTemplate.renderDocFrag()
 
     // console.log("render nested obj ",render.firstElementChild);
@@ -206,7 +206,7 @@ describe('DomElTemplate', () => {
 
     const template = '<li>{{article.1}}</li>'
     const data = { article }
-    const domElTemplate = new DomElementTemplate(template, data)
+    const domElTemplate =new DomElementTemplate(template, data, {testMode:true})
 
     const result = domElTemplate.renderToString()
 

package/src/tests/views/dom-el.test.js

@@ -19,7 +19,7 @@ describe('DomElRendering', () => {
   it('DomElement Template show render data value', () => {
     const data = { cat:'meow' }
     const template = '<h1>The cat says {{cat}}'
-    const domEl = new DomElement({ data, template })
+    const domEl = new DomElement({ data, template }, true)
     const render = domEl.render()
     expect(render.innerText).to.equal('The cat says meow')
   })
@@ -31,7 +31,7 @@ describe('DomElRendering', () => {
       }
     }
     const template = '<h1>The dog says {{#dog}}{{sound}}{{/dog}}'
-    const domEl = new DomElement({ data, template })
+    const domEl = new DomElement({ data, template }, true)
     const render = domEl.render()
     expect(render.innerText).to.equal('The dog says woof')
   })
@@ -43,7 +43,7 @@ describe('DomElRendering', () => {
       }
     }
     const template = '<article>{{#dog}}<h1>The dog says {{sound}}</h1>{{/dog}}</article>'
-    const domEl = new DomElement({ data, template })
+    const domEl = new DomElement({ data, template }, true)
     const render = domEl.render()
     expect(render.innerText).to.equal('')
   })
@@ -62,7 +62,7 @@ describe('DomElRendering', () => {
       ]
     }
     const template = '<article>{{#animals}}<h1>The {{name}} says {{sound}}</h1>{{/animals}}</article>'
-    const domEl = new DomElement({ data, template })
+    const domEl = new DomElement({ data, template }, true)
     const render = domEl.render()
     const renderStr = render.querySelectorAll('h1')[1].innerText
     expect(renderStr).to.equal('The cat says meow')

package/webpack.config.js

@@ -2,28 +2,16 @@
 const path = require('path');
 const webpack = require('webpack');
 const ESLintPlugin = require('eslint-webpack-plugin');
-const WebpackRxjsExternals = require('webpack-rxjs-externals');
 const pkg = require('./package.json');
 
-// We'll define a base config to share options:
+// Shared base config for the UMD build:
 function baseConfig(mode) {
   return {
     mode,
     devtool: mode === 'production' ? false : 'inline-source-map',
-    externals: [
-      WebpackRxjsExternals(),
-      {
-        ramda: {
-          commonjs: 'ramda',
-          commonjs2: 'ramda',
-          amd: 'ramda',
-          root: 'R'
-        }
-      }
-    ],
     module: {
       rules: [
-        // Add Babel or other loaders here if needed
+        // Example if you need Babel:
         // {
         //   test: /\.js$/,
         //   exclude: /node_modules/,
@@ -36,7 +24,6 @@ function baseConfig(mode) {
       modules: [path.resolve(__dirname, 'node_modules'), 'node_modules']
     },
     plugins: [
-      // Modern replacement for eslint-loader
       new ESLintPlugin({
         fix: true,
         extensions: ['js'],
@@ -46,30 +33,18 @@ function baseConfig(mode) {
         banner: `spynejs ${pkg.version}\nhttps://spynejs.org\n(c) 2017-present Frank Batista`,
         entryOnly: true
       })
-    ]
+    ],
+    optimization: {
+      // Disabling module concatenation helps avoid the “Cannot read properties of undefined” error
+      // when analyzing external modules for scope hoisting:
+      concatenateModules: false
+    }
   };
 }
 
-// ESM Build:
-const esmConfig = {
-  ...baseConfig(process.env.NODE_ENV || 'development'),
-
-  entry: './src/spyne/spyne.js',
-
-  // Enable module output
-  experiments: {
-    outputModule: true
-  },
-  output: {
-    path: path.resolve(__dirname, 'lib'),
-    filename: 'spyne.esm.js',
-    library: {
-      type: 'module'
-    }
-  }
-};
-
-// UMD Build:
+////////////////////////////////////////////////
+// UMD Build Only (we rely on Rollup for ESM)
+////////////////////////////////////////////////
 const umdConfig = {
   ...baseConfig(process.env.NODE_ENV || 'development'),
 
@@ -81,8 +56,42 @@ const umdConfig = {
     library: 'spyne',
     libraryTarget: 'umd',
     umdNamedDefine: true
+  },
+
+  ///////////////////////////////////////////////////////////
+  // Externals for ramda, rxjs, dompurify, etc. in UMD build
+  ///////////////////////////////////////////////////////////
+  externals: {
+    // Ramda
+    ramda: {
+      commonjs: 'ramda',
+      commonjs2: 'ramda',
+      amd: 'ramda',
+      root: 'R'
+    },
+
+    // RxJS
+    rxjs: {
+      commonjs: 'rxjs',
+      commonjs2: 'rxjs',
+      amd: 'rxjs',
+      root: 'rxjs'
+    },
+    'rxjs/operators': {
+      commonjs: ['rxjs', 'operators'],
+      commonjs2: ['rxjs', 'operators'],
+      amd: 'rxjs/operators',
+      root: ['rxjs', 'operators']
+    },
+
+    // DOMPurify
+    dompurify: {
+      commonjs: 'dompurify',
+      commonjs2: 'dompurify',
+      amd: 'dompurify',
+      root: 'DOMPurify'
+    }
   }
 };
 
-// Export both configs in an array
-module.exports = [esmConfig, umdConfig];
+module.exports = umdConfig;