spyne 0.21.2 → 0.22.2

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

@@ -1,5 +1,5 @@
 /*!
-     * Spyne 0.21.2
+     * Spyne 0.22.2
      * https://spynejs.org
      *
      * @license
@@ -15,7 +15,7 @@
      */
 
 /*!
- * spynejs 0.21.2
+ * spynejs 0.22.2
  * https://spynejs.org
  * (c) 2017-present Frank Batista
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spyne",
-  "version": "0.21.2",
+  "version": "0.22.2",
   "description": "Reactive Real-DOM Framework for Advanced Javascript applications",
   "sideEffects": true,
   "main": "./lib/spyne.esm.js",
@@ -18,7 +18,6 @@
     "eslint-fix-tests": "eslint --fix 'src/tests/**'",
     "report-coverage": "nyc report --reporter=text-lcov > coverage.lcov && codecov",
     "commit": "git-cz",
-    "start": "webpack-dev-server --hot",
     "build": "webpack --config webpack.config.js --mode production",
     "build:esm": "rollup --config rollup.config.js",
     "dev": "webpack --config webpack.config.js --mode development",
@@ -52,6 +51,7 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-terser": "^1.0.0",
     "chai": "^4.3.9",
     "chai-dom": "^1.11.0",
     "clean-webpack-plugin": "^4.0.0",
@@ -72,19 +72,22 @@
     "karma-mocha": "^2.0.1",
     "karma-rollup-preprocessor": "^7.0.8",
     "karma-webpack": "^5.0.1",
-    "mocha": "^10.7.3",
+    "mocha": "^11.7.5",
     "rollup": "^2.79.2",
-    "rollup-plugin-terser": "^7.0.2",
     "webpack": "^5.94.0",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-middleware": "^7.4.2",
-    "webpack-dev-server": "^5.1.0",
     "webpack-rxjs-externals": "^2.0.0"
   },
+  "overrides": {
+    "mocha": {
+      "serialize-javascript": "^7.0.4",
+      "diff": "^8.0.2"
+    }
+  },
   "config": {},
   "dependencies": {
     "dompurify": "^3.1.6",
-    "ramda": "^0.30.1",
+    "ramda": "^0.32.0",
     "rxjs": "^7.8.1"
   }
 }

package/rollup.config.js

@@ -2,7 +2,7 @@
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import json from '@rollup/plugin-json';
-import { terser } from 'rollup-plugin-terser';
+import terser from '@rollup/plugin-terser';
 
 export default {
   input: 'src/spyne/spyne.js',   // Your main entry (the "barrel")

package/src/spyne/channels/channels-map.js

@@ -2,6 +2,7 @@ import { SpyneChannelRoute } from './spyne-channel-route.js'
 import { SpyneChannelUI } from './spyne-channel-ui.js'
 import { SpyneChannelWindow } from './spyne-channel-window.js'
 import { SpyneChannelLifecycle } from './spyne-channel-lifecycle.js'
+import { SpyneChannelAI } from './spyne-channel-ai.js'
 
 import { Subject } from 'rxjs'
 import { ChannelProxy } from './channel-proxy.js'
@@ -84,6 +85,9 @@ export class ChannelsMap {
     this.viewStreamLifecycle = new SpyneChannelLifecycle()
     _map.set('CHANNEL_LIFECYCLE', this.viewStreamLifecycle)
 
+    this.aiStream = new SpyneChannelAI()
+    _map.set('CHANNEL_AI', this.aiStream)
+
     this.routeStream.initializeStream()
     this.domStream.initializeStream()
   }

package/src/spyne/channels/spyne-channel-ai.js

@@ -0,0 +1,45 @@
+import { Channel } from './channel.js'
+
+export class SpyneChannelAI extends Channel {
+  /**
+   * @module SpyneChannelAI
+   * @type core
+   *
+   * @desc
+   * Internal Channel that publishes rendering and disposing events of all ViewStreams whose property, proper.sendAIEvents is set to true.
+   *
+   * <h3>The two actions that are regsitered for this channel are:</h3>
+   * <ul>
+   * <li>CHANNEL_AI_RENDERED_EVENT</li>
+   * <li>CHANNEL_AI_DISPOSED_EVENT</li>
+   *  </ul>
+   * @constructor
+   * @property {String} CHANNEL_NAME - = 'CHANNEL_AI';
+   */
+
+  constructor(props = {}) {
+    super('CHANNEL_AI', props)
+  }
+
+  addRegisteredActions() {
+    return [
+      'CHANNEL_AI_RENDERED_EVENT',
+      'CHANNEL_AI_DISPOSED_EVENT'
+    ]
+  }
+
+  onViewStreamInfo(obj) {
+    const { action, srcElement } = obj
+    const payload = srcElement
+    payload.action = action
+    this.onSendEvent(action, payload)
+  }
+
+  onSendEvent(actionStr, payload = {}) {
+    const action = this.channelActions[actionStr]
+    const srcElement = {}
+    const event = undefined
+    const delayStream = () => this.sendChannelPayload(action, payload, srcElement, event)
+    window.setTimeout(delayStream, 0)
+  }
+}

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

@@ -247,7 +247,7 @@ export class SpyneChannelRoute extends Channel {
       // define an alias property using Object.defineProperty
       Object.defineProperty(payload, 'linksData', {
         get() {
-          console.warn('get links data is deprecated in ROUTE DEEPLINK DATA, use navLinks')
+          // console.warn('get links data is deprecated in ROUTE DEEPLINK DATA, use navLinks')
           return this.navLinks
         },
         set(value) {

package/src/spyne/spyne-app.js

@@ -6,7 +6,7 @@ import { sanitizeHTMLConfigure } from './utils/sanitize-html.js'
 import { sanitizeDataConfigure } from './utils/sanitize-data.js'
 
 const _channels = new ChannelsMap()
-const version = '0.21.2'
+const version = '0.22.2'
 
 class SpyneApplication {
   /**
@@ -41,7 +41,7 @@ class SpyneApplication {
   init(config = {}, testMode = false) {
     // this.channels = new ChannelsMap();
     /*!
-     * Spyne 0.21.2
+     * Spyne 0.22.2
      * https://spynejs.org
      *
      * @license

package/src/spyne/utils/channel-payload-filter.js

@@ -233,7 +233,7 @@ export class ChannelPayloadFilter {
     // LOOP THROUGH NODES IN querySelectorAll()
     const mapNodeArrWithEl = (sel) => {
       // convert nodelist to array of els
-      const nodeArr = flatten(document.querySelectorAll(sel))
+      const nodeArr = Array.from(document.querySelectorAll(sel))
       // els array to boolean array
       return rMap(compareEls, nodeArr)
     }

package/src/spyne/utils/sanitize-data.js

@@ -11,7 +11,7 @@ let forceStrict = false // legacy compatibility toggle
  * ------------------------------------------- */
 const SAFE_FOR_RICH_TEXT = {
   ALLOWED_TAGS: [
-    'a', 'b', 'i', 'em', 'strong', 'u', 'p', 'br', 'ul', 'ol', 'li',
+    'a', 'b', 'i', 'em', 'strong', 'u', 'p', 'br', 'ul', 'dl', 'dt', 'dd', 'ol', 'li', 'hr',
     'blockquote', 'pre', 'code', 'span', 'div', 'section', 'article', 'aside',
     'header', 'footer', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
     'table', 'thead', 'tbody', 'tr', 'td', 'th', 'img', 'figure', 'figcaption',
@@ -24,7 +24,7 @@ const SAFE_FOR_RICH_TEXT = {
   ],
   ALLOW_DATA_ATTR: true,
   FORBID_ATTR: ['onerror', 'onload', 'onclick', 'onmouseover', 'onfocus', 'onblur', 'onchange'],
-  FORBID_TAGS: ['script', 'object', 'embed', 'meta', 'link'],
+  FORBID_TAGS: ['script', 'object', 'embed', 'meta'],
   SAFE_URL_PATTERN: /^(https?:|mailto:|tel:|data:image\/)/i
 }
 

package/src/spyne/utils/spyne-app-properties.js

@@ -1,4 +1,5 @@
 import { SpyneUtilsChannelRoute } from './spyne-utils-channel-route.js'
+import { SpyneUtilsChannelRouteUrl } from './spyne-utils-channel-route-url.js'
 import { SpynePluginsMethods } from './spyne-plugins-methods.js'
 import { deepMerge } from './deep-merge.js'
 
@@ -272,6 +273,12 @@ class SpyneAppPropertiesClass {
     return _enableCMSProxies
   }
 
+  getHrefFromData(routeProps={}){
+
+    return SpyneUtilsChannelRouteUrl.convertParamsToRoute(routeProps);
+
+  }
+
   set enableCMSProxies(bool=true){
     _enableCMSProxies = Boolean(bool);
   }