spyne 0.19.1 → 0.20.1

package/src/tests/mocks/template-renderer.mocks.js

@@ -1,84 +1,84 @@
 const starWarsData = {
 
-  'name': 'Rodolfo',
+  name: 'Rodolfo',
 
-  'characters': ['Dart Vader', 'Yoda', 'Porgi', 'Princess Leia'],
+  characters: ['Dart Vader', 'Yoda', 'Porgi', 'Princess Leia'],
 
-  'movies': [
+  movies: [
     {
-      'title': 'A New Hope',
-      'year': '1977'
+      title: 'A New Hope',
+      year: '1977'
     },
     {
-      'title': 'Attack of the Clones',
-      'year': '2002'
+      title: 'Attack of the Clones',
+      year: '2002'
     },
     {
-      'title': 'The Phantom Menace',
-      'year': '1999'
+      title: 'The Phantom Menace',
+      year: '1999'
     },
     {
-      'title': 'Revenge of the Sith',
-      'year': '2005'
+      title: 'Revenge of the Sith',
+      year: '2005'
     },
     {
-      'title': 'Return of the Jedi',
-      'year': '1983'
+      title: 'Return of the Jedi',
+      year: '1983'
     },
     {
-      'title': 'The Empire Strikes Back',
-      'year': '1980'
+      title: 'The Empire Strikes Back',
+      year: '1980'
     },
     {
-      'title': 'The Force Awakens',
-      'year': '2015'
+      title: 'The Force Awakens',
+      year: '2015'
     }
   ]
-};
+}
 
 // ====================
 
-const ScriptTemplate = document.createElement('script');
+const ScriptTemplate = document.createElement('script')
 
-const theDiv = document.createElement('div');
+const theDiv = document.createElement('div')
 
-const theH1 = document.createElement('h1');
-theH1.textContent = 'Hello, {{name}}, here are your favorite Star Wars characters';
+const theH1 = document.createElement('h1')
+theH1.textContent = 'Hello, {{name}}, here are your favorite Star Wars characters'
 
-const charactersStart = document.createTextNode('{{#characters}}');
-const charactersEnd =   document.createTextNode('{{/characters}}');
-const charactersUl = document.createElement('ul');
-const charactersLi = document.createElement('li');
-charactersLi.textContent = '{{.*}}';
+const charactersStart = document.createTextNode('{{#characters}}')
+const charactersEnd =   document.createTextNode('{{/characters}}')
+const charactersUl = document.createElement('ul')
+const charactersLi = document.createElement('li')
+charactersLi.textContent = '{{.*}}'
 
-charactersUl.appendChild(charactersStart);
-charactersUl.appendChild(charactersLi);
-charactersUl.appendChild(charactersEnd);
+charactersUl.appendChild(charactersStart)
+charactersUl.appendChild(charactersLi)
+charactersUl.appendChild(charactersEnd)
 
-const theH2 = document.createElement('h2');
-theH2.textContent = 'And {{name}}, the movies were released on';
-const moviesStart = document.createTextNode('{{#movies}}');
-const moviesEnd =   document.createTextNode('{{/movies}}');
-const moviesUl = document.createElement('ul');
-const moviesLi = document.createElement('li');
-moviesLi.textContent = '{{title}} year:{{year}}';
+const theH2 = document.createElement('h2')
+theH2.textContent = 'And {{name}}, the movies were released on'
+const moviesStart = document.createTextNode('{{#movies}}')
+const moviesEnd =   document.createTextNode('{{/movies}}')
+const moviesUl = document.createElement('ul')
+const moviesLi = document.createElement('li')
+moviesLi.textContent = '{{title}} year:{{year}}'
 
-moviesUl.appendChild(moviesStart);
-moviesUl.appendChild(moviesLi);
-moviesUl.appendChild(moviesEnd);
+moviesUl.appendChild(moviesStart)
+moviesUl.appendChild(moviesLi)
+moviesUl.appendChild(moviesEnd)
 
-theDiv.appendChild(theH1);
-theDiv.appendChild(charactersUl);
-theDiv.appendChild(theH2);
-theDiv.appendChild(moviesUl);
+theDiv.appendChild(theH1)
+theDiv.appendChild(charactersUl)
+theDiv.appendChild(theH2)
+theDiv.appendChild(moviesUl)
 
-ScriptTemplate.appendChild(theDiv);
+ScriptTemplate.appendChild(theDiv)
 // ScriptTemplate.text+="{{#test}}";
 
 // const elSrc =  new window.WINDOWParser().parseFromString(ScriptTemplate.innerHTML, 'text/html').body.childNodes;
 
-const StringTemplate = '<div><h1>Hello, {{name}}, here are your favorite Star Wars characters</h1><ul>{{#characters}}<li>{{.*}}</li>{{/characters}}</ul><h2>And {{name}}, the movies were released on</h2><ul>{{#movies}}<li>{{title}} year:{{year}}</li>{{/movies}}</ul></div>';
+const StringTemplate = '<div><h1>Hello, {{name}}, here are your favorite Star Wars characters</h1><ul>{{#characters}}<li>{{.*}}</li>{{/characters}}</ul><h2>And {{name}}, the movies were released on</h2><ul>{{#movies}}<li>{{title}} year:{{year}}</li>{{/movies}}</ul></div>'
 
-export { ScriptTemplate, StringTemplate, starWarsData };
+export { ScriptTemplate, StringTemplate, starWarsData }
 
 // const markup = `<div><h1>Hello {{name}}, here are your favorite Star Wars characters</h1><ul> {{#characters}} <li>{{.*}} </li>{{/characters}}</ul><h2>And {{name}}, the movies were released on</h2><ul>{{#movies}}<li>{{title}} year:{{year}}</li>{{/movies}}<ul></div>`;

package/src/tests/mocks/utils-data.js

@@ -2,9 +2,9 @@ const SpyneConfigData = {
 
   channels: {
     WINDOW: {
-      mediqQueries: {
-        'test' : '(max-width: 500px)',
-        'newTest' : '(max-width: 800px)'
+      mediaQueries: {
+        test : '(max-width: 500px)',
+        newTest : '(max-width: 800px)'
       },
       listenForResize: true,
       listenForOrientation: true,
@@ -19,41 +19,41 @@ const SpyneConfigData = {
       isHash: false,
       isHidden: true,
       routes: {
-        'routePath': {
-          'routeName': 'pageId',
-          'home': '',
+        routePath: {
+          routeName: 'pageId',
+          home: '',
           'page-one': {
-            'routePath': {
-              'routeName': 'imageNum',
-              "work" : {
-                'routePath': {
-                  'routeName': 'author',
-                  'hemingway': 'hemingway'
+            routePath: {
+              routeName: 'imageNum',
+              work : {
+                routePath: {
+                  routeName: 'author',
+                  hemingway: 'hemingway'
                 }
-                },
-              'routePath': {
-                'routeName': 'author',
-                'hemingway': 'hemingway'
+              },
+              routePath: {
+                routeName: 'author',
+                hemingway: 'hemingway'
               }
             }
           },
           'page-one-up': {
-            'routePath': {
-              'routeName': 'imageNum',
-              'routePath': {
-                'routeName': 'pixels'
+            routePath: {
+              routeName: 'imageNum',
+              routePath: {
+                routeName: 'pixels'
               }
             }
           },
           'page-two': {
-            'routePath': {
-              'routeName': 'photogNum'
+            routePath: {
+              routeName: 'photogNum'
             }
           },
           'page-.*': {
-            'routePath': {
-              'routeName': 'randomNum',
-              "thirty-two" : "32"
+            routePath: {
+              routeName: 'randomNum',
+              'thirty-two' : '32'
             }
           }
         }
@@ -63,35 +63,35 @@ const SpyneConfigData = {
     }
   }
 
-};
+}
 
 const routeConfigWithRegexOverride = {
-  'type': 'slash',
-  'isHash': false,
-  'isHidden': false,
-  'routes': {
-    'routePath': {
-      '404': '.*',
-      'routeName': 'pageId',
-      'home': '^$|index.html',
-      'about': 'about',
-      'guide': {
-        'routePath': {
-          'routeName': 'section',
+  type: 'slash',
+  isHash: false,
+  isHidden: false,
+  routes: {
+    routePath: {
+      404: '.*',
+      routeName: 'pageId',
+      home: '^$|index.html',
+      about: 'about',
+      guide: {
+        routePath: {
+          routeName: 'section',
           'overview|reference': {
-            'routePath': {
-              'routeName': 'menuItem'
+            routePath: {
+              routeName: 'menuItem'
             }
           }
         }
       }
     }
   },
-  'regexTokens': {
+  regexTokens: {
     '^$|index.html': ''
   },
-  'routeNamesArr' : ['pageId', 'section', 'menuItem'],
-  'paramsArr': [
+  routeNamesArr : ['pageId', 'section', 'menuItem'],
+  paramsArr: [
     '.*',
     'pageId',
     '^$|index.html',
@@ -99,16 +99,16 @@ const routeConfigWithRegexOverride = {
     'section',
     'menuItem'
   ]
-};
+}
 
 const RouteDataForTests = {
 
   multiple: {
 
     data: {
-      'pageId': 'page-one',
-      'imageNum': '2',
-      'author': 'ubalu'
+      pageId: 'page-one',
+      imageNum: '2',
+      author: 'ubalu'
     },
     arr: '[{"pageId":"page-one"},{"imageNum":"2"},{"author":"ubalu"}]',
     slash: 'page-one/2/ubalu',
@@ -119,8 +119,8 @@ const RouteDataForTests = {
   multipleRegex: {
 
     data: {
-      'pageId': 'page-three',
-      'randomNum': '2'
+      pageId: 'page-three',
+      randomNum: '2'
     },
     arr: '[{"pageId":"page-three"},{"randomNum":"2"}]',
     slash: 'page-three/2',
@@ -132,7 +132,7 @@ const RouteDataForTests = {
   multipleRegexComplex: {
 
     data: {
-      'pageId': 'work'
+      pageId: 'work'
     },
     arr: '[{"pageId":"work"},{"randomNum":"2"}]',
     slash: 'photos/2',
@@ -141,13 +141,12 @@ const RouteDataForTests = {
 
   },
 
-
   multipleWrong: {
 
     data: {
-      'pageId': 'page-four',
-      'imageNum': '2',
-      'author': 'ubalu'
+      pageId: 'page-four',
+      imageNum: '2',
+      author: 'ubalu'
     },
     arr: '[{"pageId":"page-one"},{"imageNum":"2"},{"author":"ubalu"}]',
     slash: 'page-one/2/ubalu',
@@ -159,7 +158,7 @@ const RouteDataForTests = {
   singleBasic: {
 
     data: {
-      'pageId': 'page-two'
+      pageId: 'page-two'
     },
     arr: '[{"pageId":"page-two"}]',
     slash: 'page-two',
@@ -171,8 +170,8 @@ const RouteDataForTests = {
   single: {
 
     data: {
-      'pageId': 'page-two',
-      'imageNum': '2'
+      pageId: 'page-two',
+      imageNum: '2'
     },
     arr: '[{"pageId":"page-two"}]',
     slash: 'page-two',
@@ -183,7 +182,7 @@ const RouteDataForTests = {
   home: {
 
     data: {
-      'pageId': 'home'
+      pageId: 'home'
     },
     arr: [],
     slash: '',
@@ -202,34 +201,34 @@ const RouteDataForTests = {
 
   }
 
-};
+}
 
 const payloadDataForUrlUtils = {
-  'pageId': 'home',
-  'pageIdValue': '',
-  'section': '',
-  'menuItem': ''
-};
+  pageId: 'home',
+  pageIdValue: '',
+  section: '',
+  menuItem: ''
+}
 
 const urlUtilsArr = [
   {
-    'pageId': '^$|index.html'
+    pageId: '^$|index.html'
   }
-];
+]
 
 const ViewStreamHashMethodsObj = {
-  'DISPOSING':     () => {},
-  'DISPOSE':     () => {},
-  'RENDERED':     () => {},
-  'RENDERED_AND_ATTACHED_TO_WINDOW':     () => {},
-  'RENDERED_AND_ATTACHED_TO_PARENT':     () => {},
-  'READY_FOR_GC':     () => {},
-  'NOTHING':     () => {},
-  'CHANNEL_ROUTE_CHANGE_EVENT':    () => {},
-  'UI_EVENT_BLUR':     () => {},
+  DISPOSING:     () => {},
+  DISPOSE:     () => {},
+  RENDERED:     () => {},
+  RENDERED_AND_ATTACHED_TO_WINDOW:     () => {},
+  RENDERED_AND_ATTACHED_TO_PARENT:     () => {},
+  READY_FOR_GC:     () => {},
+  NOTHING:     () => {},
+  CHANNEL_ROUTE_CHANGE_EVENT:    () => {},
+  UI_EVENT_BLUR:     () => {},
   'UI_EVENT_.*':     () => {},
-  'UI_EVENT_CLICK':     () => {},
-  'UI_EVENT_DBLCLICK': () => {}
-};
+  UI_EVENT_CLICK:     () => {},
+  UI_EVENT_DBLCLICK: () => {}
+}
 
-export { SpyneConfigData, RouteDataForTests, ViewStreamHashMethodsObj, routeConfigWithRegexOverride, payloadDataForUrlUtils, urlUtilsArr };
+export { SpyneConfigData, RouteDataForTests, ViewStreamHashMethodsObj, routeConfigWithRegexOverride, payloadDataForUrlUtils, urlUtilsArr }

package/src/tests/mocks/viewstream-internal-payload.mocks.js

@@ -1,64 +1,64 @@
 const internalViewStreamPayload = {
-  'channel': 'UI',
-  'action': 'CHANNEL_UI_CLICK_EVENT',
-  'channelPayload': {
-    'type': 'link',
-    'linkType': 'external',
-    'url': 'https://github.com/spynejs/spyne'
+  channel: 'UI',
+  action: 'CHANNEL_UI_CLICK_EVENT',
+  channelPayload: {
+    type: 'link',
+    linkType: 'external',
+    url: 'https://github.com/spynejs/spyne'
   },
-  'srcElement': {
-    'vsid': 'header',
-    'isLocalEvent': false,
-    'viewName': 'HeaderView',
-    'event': 'click',
-    'el': ''
+  srcElement: {
+    vsid: 'header',
+    isLocalEvent: false,
+    viewName: 'HeaderView',
+    event: 'click',
+    el: ''
   },
-  'event': {
-    'isTrusted': true
+  event: {
+    isTrusted: true
   }
-};
+}
 
 const internvalRouteChannelPayload = {
-  'channel': 'CHANNEL_ROUTE',
-  'action': 'CHANNEL_ROUTE_CHANGE_EVENT',
-  'channelPayload': {
-    'isDeepLink': false,
-    'routeCount': 1,
-    'routeKeyword': 'pageId',
-    'routeKeywordsArr': [
+  channel: 'CHANNEL_ROUTE',
+  action: 'CHANNEL_ROUTE_CHANGE_EVENT',
+  channelPayload: {
+    isDeepLink: false,
+    routeCount: 1,
+    routeKeyword: 'pageId',
+    routeKeywordsArr: [
       'pageId'
     ],
-    'routeData': {
-      'pageId': 'guide',
-      'section': 'reference',
-      'menuItem': ''
+    routeData: {
+      pageId: 'guide',
+      section: 'reference',
+      menuItem: ''
     },
-    'routeValue': 'guide/reference',
-    'isHash': false,
-    'isHidden': false,
-    'routeType': 'slash'
+    routeValue: 'guide/reference',
+    isHash: false,
+    isHidden: false,
+    routeType: 'slash'
   },
-  'srcElement': {
-    'vsid': 'header',
-    'isLocalEvent': false,
-    'viewName': 'HeaderView',
-    'event': 'click',
-    'el': {}
+  srcElement: {
+    vsid: 'header',
+    isLocalEvent: false,
+    viewName: 'HeaderView',
+    event: 'click',
+    el: {}
   },
-  'event': {
-    'isTrusted': true
+  event: {
+    isTrusted: true
   },
-  'location': {
-    'href': 'http://10.0.1.34:8080/guide/reference',
-    'origin': 'http://10.0.1.34:8080',
-    'protocol': 'http:',
-    'host': '10.0.1.34:8080',
-    'hostname': '10.0.1.34',
-    'port': '8080',
-    'pathname': '/guide/reference',
-    'search': '',
-    'hash': ''
+  location: {
+    href: 'http://10.0.1.34:8080/guide/reference',
+    origin: 'http://10.0.1.34:8080',
+    protocol: 'http:',
+    host: '10.0.1.34:8080',
+    hostname: '10.0.1.34',
+    port: '8080',
+    pathname: '/guide/reference',
+    search: '',
+    hash: ''
   }
-};
+}
 
-export { internalViewStreamPayload, internvalRouteChannelPayload };
+export { internalViewStreamPayload, internvalRouteChannelPayload }

package/src/tests/mocks/window-events-arr.js

@@ -518,4 +518,4 @@ const windowEventsArr = [
   'ValueChange',
   'notification',
   'notification'
-];
+]

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

@@ -0,0 +1,9 @@
+import { expect } from 'chai'
+import pkg from '../../package.json' // Import package.json
+
+describe('package.json export import statement', () => {
+  it('should be set to "./lib/spyne.esm.js"', () => {
+    const exports = pkg.exports['.']
+    expect(exports.import).to.equal('./lib/spyne.esm.js')
+  })
+})

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

@@ -1,27 +1,24 @@
-const {expect, assert} = require('chai');
-const {SpyneApp} = require('../spyne/spyne-app');
+const { expect, assert } = require('chai')
+const { SpyneApp } = require('../spyne/spyne-app')
 
 describe('should run spyne app tests', () => {
-     before(()=>{
+  before(() => {
 
-        //SpyneApp.init();
-
-     })
+    // SpyneApp.init();
 
+  })
 
   it('spyne app constructor should exist', () => {
-    const constructorName = SpyneApp.constructor.name;
-    expect(constructorName).to.equal('SpyneApplication');
-    return true;
-  });
-
-  it('should return warn if trying to initialize spyne application again', ()=>{
+    const constructorName = SpyneApp.constructor.name
+    expect(constructorName).to.equal('SpyneApplication')
+    return true
+  })
 
-    const warnStr = "The Spyne Application has already been initialized!";
-    const spyneAppInit2 = SpyneApp.init({}, true);
+  it('should return warn if trying to initialize spyne application again', () => {
+    const warnStr = 'The Spyne Application has already been initialized!'
+    const spyneAppInit2 = SpyneApp.init({}, true)
 
-    //console.log('second init returns string ',{spyneAppInit2, warnStr})
-    expect(spyneAppInit2).to.equal(warnStr);
+    // console.log('second init returns string ',{spyneAppInit2, warnStr})
+    expect(spyneAppInit2).to.equal(warnStr)
   })
-
-});
+})

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

@@ -1,28 +1,25 @@
-//import {SpyneApp} from '../spyne/spyne';
-//const {SpyneApp} = require('../spyne/spyne');
-const {expect, assert} = require('chai');
-const {SpynePlugin} = require('../spyne/spyne-plugins.js');
+// import {SpyneApp} from '../spyne/spyne';
+// const {SpyneApp} = require('../spyne/spyne');
+const { expect, assert } = require('chai')
+const { SpynePlugin } = require('../spyne/spyne-plugins.js')
 
-const name = 'mySpynePlugin';
-const config = {debug:true};
+const name = 'mySpynePlugin'
+const config = { debug:true }
 
 describe('should test use of spyne plugin', () => {
-  const baseConfig = {debug:false};
-  beforeEach(()=>{
-
+  const baseConfig = { debug:false }
+  beforeEach(() => {
 
   })
 
-
   it('spyne plugin should exist', () => {
-    //console.log('spyne plugin1  is ',spyneApp);
-
-    return true;
-  // expect(SpynePlugin).to.exist;
+    // console.log('spyne plugin1  is ',spyneApp);
 
-  });
+    return true
+    // expect(SpynePlugin).to.exist;
+  })
 
-/*
+  /*
   it('should get or create new spyne app', ()=>{
     const spyneApp = SpynePlugin.getSpyneApp({name, config})
      console.log("HERE IS ",{name, config, spyneApp})
@@ -33,7 +30,7 @@ describe('should test use of spyne plugin', () => {
 
 */
 
-/*  it('should set the plugin name', ()=>{
+  /*  it('should set the plugin name', ()=>{
     const spynePluginSetConfig =  SpynePlugin.updateSpyneConfig(spyneApp, name, config);
 
    expect(spynePluginSetConfig).to.deep.equal(config);
@@ -44,6 +41,5 @@ describe('should test use of spyne plugin', () => {
     const config1 =  SpynePlugin.updateSpyneConfig(spyneApp, name, config);
     const configDupe =  SpynePlugin.updateSpyneConfig(spyneApp, name, config);
     expect(configDupe).to.be.false;
-  })*/
-
-});
+  }) */
+})