spyne 0.20.5 → 0.20.7

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spyne",
-  "version": "0.20.5",
+  "version": "0.20.7",
   "description": "Reactive Real-DOM Framework for Advanced Javascript applications",
   "sideEffects": true,
   "main": "./lib/spyne.esm.js",

package/src/spyne/channels/channel-fetch-class.js

@@ -1,5 +1,5 @@
-import { Channel } from './channel'
-import { ChannelFetchUtil } from '../utils/channel-fetch-util'
+import { Channel } from './channel.js'
+import { ChannelFetchUtil } from '../utils/channel-fetch-util.js'
 import { path, pick, mergeDeepRight, all, allPass, either, values, defaultTo, reject, compose, isNil } from 'ramda'
 
 export class ChannelFetch extends Channel {
@@ -16,12 +16,12 @@ export class ChannelFetch extends Channel {
    * <li>Extends Channel and uses the ChannelFetchUtil to make any type of http(s) request.</li>
    * <li>Requires a url property at instantiation.</li>
    * <li>The response data is published as a ChannelPayload.</li>
-   * <li>The action for the returned ChannelFetch data is always in the following format, "CHANNEL_NAME_DATA_EVENT"</li>
+   * <li>The action for the returned ChannelFetch data is always in the following format, "CHANNEL_NAME_RESPONSE_EVENT"</li>
    * <li>The default request type is a GET request that returns a JSON object.</li>
    * <li>However, any type of request and return type can be configured by using the body property when creating the instance.</li>
    * <li>The mapFn gives access to the returned response and can be use to parse the data before it is published to other Channels and ViewStream instances.</li>
    * <li>Channel Fetch will send the last response to future subscribers, and will not make further http(s) requests unless directed to do  so.</li>
-   * <li>Data can be Fetched again, by sending a "CHANNEL_NAME_UPDATE_DATA_EVENT" action from a ViewStream's sendInfoToChannel method.</li>
+   * <li>Data can be Fetched again, by sending a "CHANNEL_NAME_UPDATE_RESPONSE_EVENT" action from a ViewStream's sendInfoToChannel method.</li>
    * </ul>
    *
    * @constructor
@@ -35,7 +35,7 @@ export class ChannelFetch extends Channel {
    *
    * @example
    * TITLE["<h4>A ViewStream Instance Sending A Fetch Update Request</h4>"]
-   * const action = "CHANNEL_FETCHCHANNEL_NAME_UPDATE_DATA_EVENT";
+   * const action = "CHANNEL_FETCHCHANNEL_NAME_UPDATE_RESPONSE_EVENT";
    * const url = "//site.com/json/";
    * const body = {
    *     method: "POST"
@@ -55,8 +55,8 @@ export class ChannelFetch extends Channel {
       props.mapFn = props.map
     }
     props.extendedActionsArr = [
-      `${name}_DATA_EVENT`,
-      [`${name}_UPDATE_DATA_EVENT`, 'onFetchUpdate']
+      `${name}_RESPONSE_EVENT`,
+      [`${name}_REQUEST_EVENT`, 'onFetchUpdate']
     ]
     props.sendCachedPayload = true
     super(name, props)
@@ -80,14 +80,17 @@ export class ChannelFetch extends Channel {
     return true
   }
 
-  onRegistered() {
-    this.startFetch()
+  onRegistered(props = this.props) {
+    if (props?.pause !== true) {
+      this.startFetch()
+    }
   }
 
   addRegisteredActions(name) {
     const arr = [
-      'CHANNEL_DATA_EVENT',
-      ['CHANNEL_UPDATE_DATA_EVENT', 'onFetchUpdate']
+      'CHANNEL_RESPONSE_EVENT',
+      ['CHANNEL_UPDATE_RESPONSE_EVENT', 'onFetchUpdate'],
+      ['CHANNEL_FETCH_REQUEST_EVENT', 'onFetchUpdate']
     ]
 
     const extendedArr = compose(defaultTo([]), path(['props', 'extendedActionsArr']))
@@ -108,7 +111,7 @@ export class ChannelFetch extends Channel {
     return this.createChannelPayloadItem(streamItem)
   }
 
-  createChannelPayloadItem(payload, action = `${this.props.name}_DATA_EVENT`) {
+  createChannelPayloadItem(payload, action = `${this.props.name}_RESPONSE_EVENT`) {
     const { name, sendCachedPayload, url } = this.props
     const srcElement = { name, sendCachedPayload, url }
     this.sendChannelPayload(action, payload, srcElement)

package/src/spyne/channels/channel-payload-class.js

@@ -11,8 +11,8 @@ import {
   prop,
   is
 } from 'ramda'
-import { SpyneAppProperties } from '../utils/spyne-app-properties'
-import { safeClone } from '../utils/safe-clone'
+import { SpyneAppProperties } from '../utils/spyne-app-properties.js'
+import { safeClone } from '../utils/safe-clone.js'
 
 export class ChannelPayload {
   /**

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

@@ -1,8 +1,8 @@
-import { Channel } from './channel'
-import { SpyneAppProperties } from '../utils/spyne-app-properties'
+import { Channel } from './channel.js'
+import { SpyneAppProperties } from '../utils/spyne-app-properties.js'
 import { Subject, ReplaySubject, merge } from 'rxjs'
 import { includes } from 'ramda'
-import { delayCall } from '../utils/frp-tools'
+import { delayCall } from '../utils/frp-tools.js'
 
 export class ChannelProxy extends Channel {
   /**

package/src/spyne/channels/channel.js

@@ -1,9 +1,10 @@
-import { registeredStreamNames } from './channels-config'
-import { ChannelPayload } from './channel-payload-class'
-import { SpyneAppProperties } from '../utils/spyne-app-properties'
-import { RouteChannelUpdater } from '../utils/route-channel-updater'
-import { ReplaySubject, Subject, forkJoin, combineLatest } from 'rxjs'
-import { filter, map, take } from 'rxjs/operators'
+import { registeredStreamNames } from './channels-config.js'
+import { ChannelPayload } from './channel-payload-class.js'
+import { SpyneAppProperties } from '../utils/spyne-app-properties.js'
+import { RouteChannelUpdater } from '../utils/route-channel-updater.js'
+
+import { ReplaySubject, Subject, forkJoin, EMPTY } from 'rxjs'
+import { filter, map, take, combineLatestWith } from 'rxjs/operators'
 import {
   ifElse,
   identity,
@@ -69,22 +70,45 @@ export class Channel {
   constructor(CHANNEL_NAME, props = {}) {
     this.addRegisteredActions.bind(this)
     this.createChannelActionsObj(CHANNEL_NAME, props.extendedActionsArr)
+
+    // Basic props setup
     props.name = CHANNEL_NAME
     props.defaultActions = props.data !== undefined ? [`${props.name}_EVENT`] : []
     this.props = props
+
     this.props.isRegistered = false
-    this.props.isProxy = this.props.isProxy === undefined ? false : this.props.isProxy
+    this.props.isProxy =
+      this.props.isProxy === undefined ? false : this.props.isProxy
+
+    // Determine a default from presence of props.data
     const defaultCachedPayloadBool = this.props.data !== undefined
-    this.props.sendCachedPayload = this.props.sendCachedPayload === undefined ? defaultCachedPayloadBool : this.props.sendCachedPayload
+
+    // If props.replay is defined, override sendCachedPayload with it.
+    // Otherwise, use the existing sendCachedPayload property or default.
+    if (typeof this.props.replay !== 'undefined') {
+      this.props.sendCachedPayload = this.props.replay
+    } else {
+      this.props.sendCachedPayload =
+        this.props.sendCachedPayload === undefined
+          ? defaultCachedPayloadBool
+          : this.props.sendCachedPayload
+    }
+
     this.sendPayloadToRouteChannel = new RouteChannelUpdater(this)
     this.createChannelActionMethods()
+
+    // Set up streams
     this.streamsController = SpyneAppProperties.channelsMap
     const observer$ = this.getMainObserver()
     this.checkForPersistentDataMode = Channel.checkForPersistentDataMode.bind(this)
     this.observer$ = this.props.observer = observer$
+
+    // Subscribe to DISPATCHER
     const dispatcherStream$ = this.streamsController.getStream('DISPATCHER')
     const payloadPredByChannelName = propEq(props.name, 'name')
-    dispatcherStream$.pipe(filter(payloadPredByChannelName)).subscribe((val) => this.onReceivedObservable(val))
+    dispatcherStream$
+      .pipe(filter(payloadPredByChannelName))
+      .subscribe((val) => this.onReceivedObservable(val))
   }
 
   getMainObserver() {
@@ -324,7 +348,7 @@ export class Channel {
    *
    *
    */
-  onViewStreamInfo(obj) {
+  onViewStreamInfo(obs) {
   }
 
   /**
@@ -403,37 +427,40 @@ export class Channel {
    *
    * */
 
-  mergeChannels(channelsOrNames, persistent = false) {
-    // 1) Convert strings to Observables
-    const channelObservables = channelsOrNames.map(item => {
+  mergeChannels(channelsArr, emitOnce = true) {
+    // 1) Normalize inputs to Observables
+    const channelObservables = channelsArr.map(item => {
       if (typeof item === 'string') {
         const chan$ = this.getChannel(item)
-        return persistent ? chan$ : chan$.pipe(take(1))
-      } else {
-        // Already an Observable
-        return persistent ? item : item.pipe(take(1))
+        return emitOnce ? chan$.pipe(take(1)) : chan$
       }
+      return emitOnce ? item.pipe(take(1)) : item
     })
 
-    // 2) Decide which RxJS operator
-    const combiningOperator = persistent
-      ? combineLatest
-      : forkJoin
-
-    // 3) Combine them into an array emission
-    const combined$ = combiningOperator(channelObservables)
+    // 2) Combine them
+    let combined$
+    if (emitOnce) { // one‑shot: snapshot then complete
+      combined$ = forkJoin(channelObservables)
+    } else { // live updates: combineLatestWith
+      if (channelObservables.length === 0) {
+        combined$ = EMPTY
+      } else if (channelObservables.length === 1) {
+        combined$ = channelObservables[0]
+      } else {
+        const [first$, ...rest$] = channelObservables
+        combined$ = first$.pipe(combineLatestWith(...rest$))
+      }
+    }
 
-    // 4) Map the array [result1, result2, ...] => { CHANNEL_1: result1, CHANNEL_2: result2, ... }
+    // 3) Map array → keyed object
     return combined$.pipe(
-      map((arr) => {
-        // Build an object keyed by the channel name (or index if you prefer).
-        const resultObj = {}
-        channelsOrNames.forEach((item, idx) => {
-          // item might be a string or Observable
-          const channelName = (typeof item === 'string') ? item : `channel_${idx}`
-          resultObj[channelName] = arr[idx]
+      map(resultsArr => {
+        const obj = {}
+        channelsArr.forEach((item, idx) => {
+          const key = typeof item === 'string' ? item : `channel_${idx}`
+          obj[key] = resultsArr[idx]
         })
-        return resultObj
+        return obj
       })
     )
   }

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

@@ -1,4 +1,4 @@
-import { SpyneAppProperties } from '../utils/spyne-app-properties'
+import { SpyneAppProperties } from '../utils/spyne-app-properties.js'
 import { compose, path, is } from 'ramda'
 import { Observable, Subject } from 'rxjs'
 

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

@@ -1,10 +1,10 @@
-import { SpyneChannelRoute } from './spyne-channel-route'
-import { SpyneChannelUI } from './spyne-channel-ui'
-import { SpyneChannelWindow } from './spyne-channel-window'
-import { SpyneChannelLifecycle } from './spyne-channel-lifecycle'
+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 { Subject } from 'rxjs'
-import { ChannelProxy } from './channel-proxy'
+import { ChannelProxy } from './channel-proxy.js'
 import { propEq, pluck, prop, filter, pathEq, reject, compose, join, map as rMap } from 'ramda'
 
 const _map = new Map()

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

@@ -1,4 +1,4 @@
-import { Channel } from './channel'
+import { Channel } from './channel.js'
 
 export class SpyneChannelLifecycle extends Channel {
   /**

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

@@ -1,7 +1,7 @@
-import { Channel } from './channel'
-import { SpyneUtilsChannelRouteUrl } from '../utils/spyne-utils-channel-route-url'
-import { SpyneUtilsChannelRoute } from '../utils/spyne-utils-channel-route'
-import { SpyneAppProperties } from '../utils/spyne-app-properties'
+import { Channel } from './channel.js'
+import { SpyneUtilsChannelRouteUrl } from '../utils/spyne-utils-channel-route-url.js'
+import { SpyneUtilsChannelRoute } from '../utils/spyne-utils-channel-route.js'
+import { SpyneAppProperties } from '../utils/spyne-app-properties.js'
 import { ReplaySubject, merge } from 'rxjs'
 import { map } from 'rxjs/operators'
 
@@ -184,6 +184,9 @@ export class SpyneChannelRoute extends Channel {
     const routeConfig = this.getRouteConfig()
     const action = 'CHANNEL_ROUTE_CONFIG_UPDATED_EVENT'
 
+    // reverse because routeDatasetsArr turns out that way
+    routeConfig.navLinks = [...routeConfig?.routeDatasetsArr]
+
     this.routeConfigJson = routeConfig
     this.bindStaticMethodsWithConfigData()
 
@@ -237,7 +240,23 @@ export class SpyneChannelRoute extends Channel {
     }
     // ===============================================================
     if (actn === 'CHANNEL_ROUTE_DEEPLINK_EVENT') {
-      payload.linksData = prop('routeDatasetsArr', config)
+      payload.navLinks = prop('routeDatasetsArr', config)
+      // payload.linksData = payload.navLinks
+      // SpyneAppProperties.linksData = payload.navLinks
+
+      // 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')
+          return this.navLinks
+        },
+        set(value) {
+          console.warn('set links data is deprecated in ROUTE DEEPLINK DATA, use navLinks')
+
+          // this.navLinks = value;
+        },
+        enumerable: true
+      })
     }
     const keywordArrs = this.compareRouteKeywords.compare(payload.routeData, payload.paths)
     payload = rMerge(payload, keywordArrs)
@@ -335,7 +354,25 @@ export class SpyneChannelRoute extends Channel {
   }
 
   onViewStreamInfo(pl) {
-    const action = this.channelActions.CHANNEL_ROUTE_CHANGE_EVENT
+    const action = pl.action ?? this.channelActions.CHANNEL_ROUTE_CHANGE_EVENT
+
+    function domStringMapToObject(domStringMap) {
+      const obj = {}
+      for (const key in domStringMap) {
+        // Check if it’s a direct property (though dataset rarely has anything on the prototype):
+        if (Object.prototype.hasOwnProperty.call(domStringMap, key)) {
+          obj[key] = domStringMap[key]
+        }
+      }
+      return obj
+    }
+
+    if (pl?.srcElement?.el?.dataset) {
+      pl.payload = domStringMapToObject(pl?.srcElement?.el?.dataset) ?? pl.payload
+    }
+
+    // console.log('ROUTE CHANNEL VSI ', { pl })
+
     SpyneChannelRoute.checkForEventMethods(pl)
     pl = this.checkForEndRoute(pl)
     let payload = this.getDataFromParams(pl)

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

@@ -1,4 +1,4 @@
-import { Channel } from './channel'
+import { Channel } from './channel.js'
 import { Observable } from 'rxjs'
 import { map } from 'rxjs/operators'
 import { equals, path, compose, prop, filter, replace, lensProp, over, omit, test, keys, either, toUpper } from 'ramda'
@@ -314,11 +314,27 @@ export class SpyneChannelUI extends Channel {
   }
 
   onUIEvent(obs) {
+    function domStringMapToObject(domStringMap) {
+      const obj = {}
+      for (const key in domStringMap) {
+        // Check if it’s a direct property (though dataset rarely has anything on the prototype):
+        if (Object.prototype.hasOwnProperty.call(domStringMap, key)) {
+          obj[key] = domStringMap[key]
+        }
+      }
+      return obj
+    }
+
+    obs.payload = domStringMapToObject(obs?.srcElement?.el?.dataset) ?? obs.payload
+
     SpyneChannelUI.checkForEventMethods(obs)
     obs.action = this.getActionState(obs)
     const action = obs.action// this.getActionState(obs);
+    // const { srcElement } = obs
     const { payload, srcElement } = obs
+
     const event = obs.event
+    // const payload = domStringMapToObject(srcElement?.el?.dataset) ?? obs.payload
     this.sendChannelPayload(action, payload, srcElement, event)
   }
 }

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

@@ -1,11 +1,11 @@
-import { Channel } from './channel'
-import { checkIfObjIsNotEmptyOrNil } from '../utils/frp-tools'
-import { SpyneAppProperties } from '../utils/spyne-app-properties'
-import { SpyneUtilsChannelWindow } from '../utils/spyne-utils-channel-window'
+import { Channel } from './channel.js'
+import { checkIfObjIsNotEmptyOrNil } from '../utils/frp-tools.js'
+import { SpyneAppProperties } from '../utils/spyne-app-properties.js'
+import { SpyneUtilsChannelWindow } from '../utils/spyne-utils-channel-window.js'
 import { merge } from 'rxjs'
 import { map, debounceTime, skipWhile } from 'rxjs/operators'
 import { curry, pick, partialRight, mapObjIndexed, apply, map as rMap } from 'ramda'
-import { deepMerge } from '../utils/deep-merge'
+import { deepMerge } from '../utils/deep-merge.js'
 
 export class SpyneChannelWindow extends Channel {
   /**

package/src/spyne/spyne-app.js

@@ -1,11 +1,11 @@
-import { ChannelsMap } from './channels/channels-map'
-import { ViewStream } from './views/view-stream'
-import { SpyneUtilsChannelRoute } from './utils/spyne-utils-channel-route'
-import { SpyneAppProperties } from './utils/spyne-app-properties'
-import { sanitizeHTMLConfigure } from './utils/sanitize-html'
+import { ChannelsMap } from './channels/channels-map.js'
+import { ViewStream } from './views/view-stream.js'
+import { SpyneUtilsChannelRoute } from './utils/spyne-utils-channel-route.js'
+import { SpyneAppProperties } from './utils/spyne-app-properties.js'
+import { sanitizeHTMLConfigure } from './utils/sanitize-html.js'
 
 const _channels = new ChannelsMap()
-const version = '0.20.5'
+const version = '0.20.7'
 
 class SpyneApplication {
   /**
@@ -42,7 +42,7 @@ class SpyneApplication {
   init(config = {}, testMode = false) {
     // this.channels = new ChannelsMap();
     /*!
-     * Spyne 0.20.5
+     * Spyne 0.20.7
      * https://spynejs.org
      *
      * @license
@@ -87,6 +87,8 @@ class SpyneApplication {
 
       },
       tmp: {},
+      ephemeralProps: {},
+      tmpProps: {},
       channels: {
         WINDOW: {
           mediaQueries: {

package/src/spyne/spyne-plugins.js

@@ -1,5 +1,5 @@
-import { DomElement } from './views/dom-element'
-import { SpyneAppProperties } from './utils/spyne-app-properties'
+import { DomElement } from './views/dom-element.js'
+import { SpyneAppProperties } from './utils/spyne-app-properties.js'
 import { is, clone, pathSatisfies } from 'ramda'
 let _spyneAppProps = SpyneAppProperties
 export class SpynePlugin {
@@ -123,6 +123,21 @@ export class SpynePlugin {
   onBeforeRegistered() {
     // this.props.pluginName = this.props.name
     // this.props.config = _spyneAppProps.getPluginConfigByPluginName(this.props.pluginName)
+    this.checkForRequiredWindowEvent()
+  }
+
+  checkForRequiredWindowEvent() {
+    const requiredEvents = this.props.requiredEvents ?? []
+    const windowConfig = SpyneAppProperties.getChannelConfig('WINDOW')
+
+    const missingEvents = requiredEvents.filter(evt => !windowConfig.events.includes(evt))
+
+    // If any are missing, log a single warning listing them
+    if (missingEvents.length > 0) {
+      console.warn(
+          `plugin "${this.props.name}" requires the following config.WINDOW.events, --> ${missingEvents.join(', ')} <--`
+      )
+    }
   }
 
   defaultConfig() {

package/src/spyne/spyne.js

@@ -1,22 +1,22 @@
-import { ChannelsMap } from './channels/channels-map'
-import { DomElement } from './views/dom-element'
-import { DomElementTemplate } from './views/dom-element-template'
-import { ViewStreamElement } from './views/view-stream-element'
-import { ViewStreamSelector } from './views/view-stream-selector'
-import { ViewStream } from './views/view-stream'
-import { ViewStreamBroadcaster } from './views/view-stream-broadcaster'
-import { SpyneTrait } from './utils/spyne-trait'
-import { ViewStreamPayload } from './views/view-stream-payload'
-import { Channel } from './channels/channel'
-import { ChannelFetch } from './channels/channel-fetch-class'
-import { ChannelFetchUtil } from './utils/channel-fetch-util'
-import { ChannelPayload } from './channels/channel-payload-class'
-import { ChannelPayloadFilter } from './utils/channel-payload-filter'
-import { SpynePlugin } from './spyne-plugins'
-import { deepMerge } from './utils/deep-merge'
-import { safeClone } from './utils/safe-clone'
-import { SpyneAppProperties } from './utils/spyne-app-properties'
-import { SpyneApp } from './spyne-app'
+import { ChannelsMap } from './channels/channels-map.js'
+import { DomElement } from './views/dom-element.js'
+import { DomElementTemplate } from './views/dom-element-template.js'
+import { ViewStreamElement } from './views/view-stream-element.js'
+import { ViewStreamSelector } from './views/view-stream-selector.js'
+import { ViewStream } from './views/view-stream.js'
+import { ViewStreamBroadcaster } from './views/view-stream-broadcaster.js'
+import { SpyneTrait } from './utils/spyne-trait.js'
+import { ViewStreamPayload } from './views/view-stream-payload.js'
+import { Channel } from './channels/channel.js'
+import { ChannelFetch } from './channels/channel-fetch-class.js'
+import { ChannelFetchUtil } from './utils/channel-fetch-util.js'
+import { ChannelPayload } from './channels/channel-payload-class.js'
+import { ChannelPayloadFilter } from './utils/channel-payload-filter.js'
+import { SpynePlugin } from './spyne-plugins.js'
+import { deepMerge } from './utils/deep-merge.js'
+import { safeClone } from './utils/safe-clone.js'
+import { SpyneAppProperties } from './utils/spyne-app-properties.js'
+import { SpyneApp } from './spyne-app.js'
 
 export {
   ViewStreamElement,

package/src/spyne/utils/channel-fetch-util.js

@@ -82,6 +82,8 @@ export class ChannelFetchUtil {
       }
     }
 
+    // console.log('SERVER OPTIONS ', { props, serverOptions })
+
     const response$ = from(window.fetch(url, serverOptions))
       .pipe(tap(tapLog), flatMap(r => from(r[responseType]())),
         map(mapWrapper(mapFn)),

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

@@ -23,7 +23,7 @@ import {
   , map as rMap
 } from 'ramda'
 
-import { SpyneAppProperties } from './spyne-app-properties'
+import { SpyneAppProperties } from './spyne-app-properties.js'
 
 const isNotArr = compose(not, is(Array))
 const isNotEmpty = compose(not, isEmpty)

package/src/spyne/utils/mixins/base-streams-mixins.js

@@ -1,4 +1,4 @@
-import { ViewStreamPayload } from '../../views/view-stream-payload'
+import { ViewStreamPayload } from '../../views/view-stream-payload.js'
 
 export function baseStreamsMixins() {
   return {

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

@@ -1,4 +1,4 @@
-import { ViewStream } from '../views/view-stream'
+import { ViewStream } from '../views/view-stream.js'
 import { curry } from 'ramda'
 export class RouteChannelUpdater {
   constructor(cxt) {

package/src/spyne/utils/safe-clone.js

@@ -1,5 +1,5 @@
 import { clone, compose, fromPairs, is, path, toPairs } from 'ramda'
-import { SpyneAppProperties } from './spyne-app-properties'
+import { SpyneAppProperties } from './spyne-app-properties.js'
 
 const getPropType = (prp) => {
   let type = typeof prp