neo.mjs 4.3.8 → 4.3.10

package/apps/realworld/view/article/PreviewComponent.mjs

@@ -110,8 +110,7 @@ class PreviewComponent extends Component {
         node.html = value;
 
         VDomUtil.getByFlag(vdom, 'userImageLink').href = href;
-
-        this.vdom = vdom;
+        this.update();
     }
 
     /**
@@ -121,15 +120,13 @@ class PreviewComponent extends Component {
      * @protected
      */
     afterSetCreatedAt(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'createdAt').html = new Intl.DateTimeFormat('en-US', {
+        VDomUtil.getByFlag(this.vdom, 'createdAt').html = new Intl.DateTimeFormat('en-US', {
             day  : 'numeric',
             month: 'long',
             year : 'numeric'
         }).format(new Date(value));
 
-        this.vdom = vdom;
+        this.update();
     }
 
     /**
@@ -139,10 +136,8 @@ class PreviewComponent extends Component {
      * @protected
      */
     afterSetDescription(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'description').html = value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'description').html = value;
+        this.update();
     }
 
     /**
@@ -153,13 +148,12 @@ class PreviewComponent extends Component {
      */
     afterSetFavorited(value, oldValue) {
         let me     = this,
-            vdom   = me.vdom,
-            button = vdom.cn[0].cn[2];
+            button = me.vdom.cn[0].cn[2];
 
         NeoArray.add(button.cls, value ? 'btn-primary' : 'btn-outline-primary');
         NeoArray.remove(button.cls, value ? 'btn-outline-primary' : 'btn-primary');
 
-        me.vdom = vdom;
+        me.update();
 
         // ignore the initial setter call
         if (Neo.isBoolean(oldValue)) {
@@ -174,10 +168,8 @@ class PreviewComponent extends Component {
      * @protected
      */
     afterSetFavoritesCount(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'favoritesCount').html = ' ' + value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'favoritesCount').html = ' ' + value;
+        this.update();
     }
 
     /**
@@ -187,10 +179,8 @@ class PreviewComponent extends Component {
      * @protected
      */
     afterSetSlug(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'preview-link').href = '#/article/' + value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'preview-link').href = '#/article/' + value;
+        this.update();
     }
 
     /**
@@ -226,7 +216,7 @@ class PreviewComponent extends Component {
 
             vdom.cn[1].cn.push(tagList);
 
-            me.vdom = vdom;
+            me.update();
         }
     }
 
@@ -237,10 +227,8 @@ class PreviewComponent extends Component {
      * @protected
      */
     afterSetTitle(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'title').html = value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'title').html = value;
+        this.update();
     }
 
     /**
@@ -250,10 +238,8 @@ class PreviewComponent extends Component {
      * @protected
      */
     afterSetUserImage(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'userImageLink').cn[0].src = value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'userImageLink').cn[0].src = value;
+        this.update();
     }
 
     /**

package/apps/realworld/view/article/TagListComponent.mjs

@@ -88,14 +88,13 @@ class TagListComponent extends Component {
      * @protected
      */
     afterSetTags(value, oldValue) {
-        let me   = this,
-            vdom = me.vdom;
+        let me = this;
 
-        vdom.cn[0].cn[1].cn = [];
+        me.vdom.cn[0].cn[1].cn = [];
 
         if (Array.isArray(value)) {
             value.forEach(item => {
-                vdom.cn[0].cn[1].cn.push({
+                me.vdom.cn[0].cn[1].cn.push({
                     tag : 'a',
                     cls : ['tag-pill', 'tag-default'],
                     href: '',
@@ -104,7 +103,7 @@ class TagListComponent extends Component {
                 });
             });
 
-            me.vdom = vdom;
+            me.update();
         }
     }
 

package/apps/realworld/view/user/ProfileComponent.mjs

@@ -126,8 +126,7 @@ class ProfileComponent extends Component {
      */
     afterSetArticlePreviews(value, oldValue) {
         let me        = this,
-            vdom      = me.vdom,
-            container = VDomUtil.getByFlag(vdom, 'feed-container'),
+            container = VDomUtil.getByFlag(me.vdom, 'feed-container'),
             config;
 
         container.cn = [container.cn.shift()];
@@ -160,7 +159,7 @@ class ProfileComponent extends Component {
             });
         }
 
-        me.vdom = vdom;
+        me.update();
     }
 
     /**
@@ -171,10 +170,8 @@ class ProfileComponent extends Component {
      */
     afterSetBio(value, oldValue) {
         if (value) {
-            let vdom = this.vdom;
-
-            VDomUtil.getByFlag(vdom, 'bio').html = value;
-            this.vdom = vdom;
+            VDomUtil.getByFlag(this.vdom, 'bio').html = value;
+            this.update();
         }
     }
 
@@ -186,8 +183,7 @@ class ProfileComponent extends Component {
      */
     afterSetFollowing(value, oldValue) {
         if (Neo.isBoolean(value)) {
-            let vdom = this.vdom,
-                node = VDomUtil.getByFlag(vdom, 'following');
+            let node = VDomUtil.getByFlag(this.vdom, 'following');
 
             // tobiu: did not see this one in the specs, but the react & vue app do it
             NeoArray.remove(node.cls, value ? 'btn-outline-secondary' : 'btn-secondary');
@@ -195,7 +191,7 @@ class ProfileComponent extends Component {
 
             node.cn[0].cls  = [value ? 'ion-minus-round' : 'ion-plus-round'];
             node.cn[1].html = value ? ' Unfollow ' : ' Follow ';
-            this.vdom = vdom;
+            this.update();
         }
     }
 
@@ -206,10 +202,8 @@ class ProfileComponent extends Component {
      * @protected
      */
     afterSetImage(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'image').src = value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'image').src = value;
+        this.update();
     }
 
     /**
@@ -224,7 +218,7 @@ class ProfileComponent extends Component {
 
             VDomUtil.getByFlag(vdom, 'edit-profile').removeDom = !value;
             VDomUtil.getByFlag(vdom, 'following')   .removeDom = value;
-            this.vdom = vdom;
+            this.update();
         }
     }
 
@@ -239,7 +233,7 @@ class ProfileComponent extends Component {
 
         VDomUtil.getByFlag(vdom, 'following').cn[2].html = value;
         VDomUtil.getByFlag(vdom, 'username').html = value;
-        this.vdom = vdom;
+        this.update();
     }
 
     /**
@@ -274,9 +268,8 @@ class ProfileComponent extends Component {
      */
     onNavLinkClick(data) {
         let me         = this,
-            vdom       = me.vdom,
-            el         = VDomUtil.findVdomChild(vdom, data.path[0].id),
-            feedHeader = VDomUtil.getByFlag(vdom, 'feed-header'),
+            el         = VDomUtil.findVdomChild(me.vdom, data.path[0].id),
+            feedHeader = VDomUtil.getByFlag(me.vdom, 'feed-header'),
             params     = {};
 
         if (!el.vdom.cls.includes('disabled')) {
@@ -297,7 +290,7 @@ class ProfileComponent extends Component {
                 NeoArray[item.id === el.parentNode.id ? 'add' : 'remove'](item.cn[0].cls, 'active');
             });
 
-            me.vdom = vdom;
+            me.update();
 
             me.getArticles({
                 ...params,
@@ -310,7 +303,7 @@ class ProfileComponent extends Component {
     /**
      * @param {Object} configs
      */
-    update(configs) {
+    updateContent(configs) {
         let me       = this,
             username = configs.username;
 

package/apps/realworld/view/user/SettingsComponent.mjs

@@ -103,7 +103,7 @@ class SettingsComponent extends Component {
         let vdom = this.vdom;
 
         VDomUtil.getByFlag(vdom, 'bio').value = value;
-        this.vdom = vdom;
+        this.update();
     }
 
     /**
@@ -113,10 +113,8 @@ class SettingsComponent extends Component {
      * @protected
      */
     afterSetEmail(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'email').value = value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'email').value = value;
+        this.update();
     }
 
     /**
@@ -127,8 +125,7 @@ class SettingsComponent extends Component {
      */
     afterSetErrors(value=[], oldValue) {
         let me   = this,
-            vdom = me.vdom,
-            list = VDomUtil.getByFlag(vdom, 'errors');
+            list = VDomUtil.getByFlag(me.vdom, 'errors');
 
         list.cn        = [];
         list.removeDom = value.length === 0;
@@ -140,7 +137,7 @@ class SettingsComponent extends Component {
             });
         });
 
-        me.vdom = vdom;
+        me.update();
     }
 
     /**
@@ -150,10 +147,8 @@ class SettingsComponent extends Component {
      * @protected
      */
     afterSetImage(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'image').value = value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'image').value = value;
+        this.update();
     }
 
     /**
@@ -163,10 +158,8 @@ class SettingsComponent extends Component {
      * @protected
      */
     afterSetUserName(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'userName').value = value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'userName').value = value;
+        this.update();
     }
 
     /**

package/apps/realworld/view/user/SignUpComponent.mjs

@@ -86,8 +86,7 @@ class SignUpComponent extends Component {
      */
     afterSetErrors(value, oldValue) {
         let me   = this,
-            list = me.getErrorMessagesList(),
-            vdom = me.vdom;
+            list = me.getErrorMessagesList();
 
         list.cn = [];
 
@@ -98,7 +97,7 @@ class SignUpComponent extends Component {
             });
         });
 
-        me.vdom = vdom;
+        me.update();
     }
 
     /**
@@ -109,8 +108,7 @@ class SignUpComponent extends Component {
      */
     afterSetFieldsets(value, oldValue) {
         let me   = this,
-            vdom = me.vdom,
-            form = vdom.cn[0].cn[0].cn[0].cn[3];
+            form = me.vdom.cn[0].cn[0].cn[0].cn[3];
 
         // slice().reverse() => iterate backwards
         value.slice().reverse().forEach(item => {
@@ -128,7 +126,7 @@ class SignUpComponent extends Component {
             });
         });
 
-        me.vdom = vdom;
+        me.update();
     }
 
     /**
@@ -140,8 +138,7 @@ class SignUpComponent extends Component {
     afterSetMode(value, oldValue) {
         let me         = this,
             isSignup   = value === 'signup',
-            vdom       = me.vdom,
-            contentDiv = vdom.cn[0].cn[0].cn[0];
+            contentDiv = me.vdom.cn[0].cn[0].cn[0];
 
         // vdom bulk update
         contentDiv.cn[0].html = isSignup ? 'Sign up' : 'Sign in';
@@ -155,7 +152,7 @@ class SignUpComponent extends Component {
         // submit button text
         contentDiv.cn[3].cn[0].cn[3].html = isSignup ? 'Sign up' : 'Sign in';
 
-        me.vdom = vdom;
+        me.update();
     }
 
     /**

package/apps/realworld2/view/MainContainerController.mjs

@@ -177,12 +177,12 @@ class MainContainerController extends ComponentController {
      * @param {String} slug
      */
     getProfile(slug) {
-        const me = this;
+        let me = this;
 
         ProfileApi.get({
             slug: slug
         }).then(data => {
-            /*me.profileComponent.update({
+            /*me.profileComponent.updateContent({
                 ...data.json.profile,
                 myProfile: data.json.profile.username === (me.currentUser && me.currentUser.username)
             });*/

package/apps/realworld2/view/article/PreviewComponent.mjs

@@ -115,8 +115,7 @@ class PreviewComponent extends Component {
      * @protected
      */
     afterSetAuthor(value, oldValue) {
-        let vdom = this.vdom,
-            node = VDomUtil.getByFlag(vdom, 'author'),
+        let node = VDomUtil.getByFlag(this.vdom, 'author'),
             href = '#/profile/' + value;
 
         // todo: disabled until the new profile view is ready
@@ -125,7 +124,7 @@ class PreviewComponent extends Component {
 
         //VDomUtil.getByFlag(vdom, 'userImageLink').href = href;
 
-        this.vdom = vdom;
+        this.update();
     }
 
     /**
@@ -135,15 +134,13 @@ class PreviewComponent extends Component {
      * @protected
      */
     afterSetCreatedAt(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'createdAt').html = new Intl.DateTimeFormat('en-US', {
+        VDomUtil.getByFlag(this.vdom, 'createdAt').html = new Intl.DateTimeFormat('en-US', {
             day  : 'numeric',
             month: 'long',
             year : 'numeric'
         }).format(new Date(value));
 
-        this.vdom = vdom;
+        this.update();
     }
 
     /**
@@ -153,10 +150,8 @@ class PreviewComponent extends Component {
      * @protected
      */
     afterSetDescription(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'description').html = value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'description').html = value;
+        this.update();
     }
 
     /**
@@ -167,13 +162,12 @@ class PreviewComponent extends Component {
      */
     afterSetFavorited(value, oldValue) {
         let me     = this,
-            vdom   = me.vdom,
-            button = vdom.cn[0].cn[2];
+            button = me.vdom.cn[0].cn[2];
 
         NeoArray.add(button.cls, value ? 'btn-primary' : 'btn-outline-primary');
         NeoArray.remove(button.cls, value ? 'btn-outline-primary' : 'btn-primary');
 
-        me.vdom = vdom;
+        me.update();
 
         // ignore the initial setter call
         if (Neo.isBoolean(oldValue)) {
@@ -188,10 +182,8 @@ class PreviewComponent extends Component {
      * @protected
      */
     afterSetFavoritesCount(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'favoritesCount').html = ' ' + value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'favoritesCount').html = ' ' + value;
+        this.update();
     }
 
     /**
@@ -201,11 +193,9 @@ class PreviewComponent extends Component {
      * @protected
      */
     afterSetSlug(value, oldValue) {
-        let vdom = this.vdom;
-
         // todo: re-add once the new details view is in place
-        //VDomUtil.getByFlag(vdom, 'preview-link').href = '#/article/' + value;
-        this.vdom = vdom;
+        // VDomUtil.getByFlag(this.vdom, 'preview-link').href = '#/article/' + value;
+        // this.update();
     }
 
     /**
@@ -241,7 +231,7 @@ class PreviewComponent extends Component {
 
             vdom.cn[1].cn.push(tagList);
 
-            me.vdom = vdom;
+            me.update();
         }
     }
 
@@ -252,10 +242,8 @@ class PreviewComponent extends Component {
      * @protected
      */
     afterSetTitle(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'title').html = value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'title').html = value;
+        this.update();
     }
 
     /**
@@ -265,10 +253,8 @@ class PreviewComponent extends Component {
      * @protected
      */
     afterSetUserImage(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'userImageLink').cn[0].src = value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'userImageLink').cn[0].src = value;
+        this.update();
     }
 
     /**

package/apps/realworld2/view/article/PreviewList.mjs

@@ -27,11 +27,10 @@ class PreviewList extends List {
      * @param {Boolean} [silent=false]
      */
     createItems(silent=false) {
-        let me   = this,
-            vdom = me.vdom,
+        let me = this,
             listItem;
 
-        vdom.cn = [];
+        me.vdom.cn = [];
 
         me.store.items.forEach(item => {
             listItem = Neo.create({
@@ -42,12 +41,10 @@ class PreviewList extends List {
                 userImage: item.author.image
             });
 
-            vdom.cn.push(listItem.vdom);
+            me.vdom.cn.push(listItem.vdom);
         });
 
-        if (silent) {
-            me._vdom = vdom;
-        } else {
+        if (!silent) {
             me.promiseVdomUpdate().then(() => {
                 me.fire('createItems');
             });

package/apps/realworld2/view/article/TagListComponent.mjs

@@ -92,14 +92,13 @@ class TagListComponent extends Component {
      * @protected
      */
     afterSetTags(value, oldValue) {
-        let me   = this,
-            vdom = me.vdom;
+        let me = this;
 
-        vdom.cn[0].cn[1].cn = [];
+        me.vdom.cn[0].cn[1].cn = [];
 
         if (Array.isArray(value)) {
             value.forEach(item => {
-                vdom.cn[0].cn[1].cn.push({
+                me.vdom.cn[0].cn[1].cn.push({
                     tag : 'a',
                     cls : ['tag-pill', 'tag-default'],
                     href: '',
@@ -108,7 +107,7 @@ class TagListComponent extends Component {
                 });
             });
 
-            me.vdom = vdom;
+            me.update();
         }
     }
 

package/apps/sharedcovid/view/MainContainerController.mjs

@@ -136,18 +136,17 @@ class MainContainerController extends ComponentController {
         vdom.cn[2].cn[1].html = Util.formatNumber({value: data.recovered});
         vdom.cn[3].cn[1].html = Util.formatNumber({value: data.deaths});
 
-        container.vdom = vdom;
+        container.update();
 
         container = me.getReference('last-update');
-        vdom      = container.vdom;
 
-        vdom.html = 'Last Update: ' + new Intl.DateTimeFormat('default', {
+        container.vdom.html = 'Last Update: ' + new Intl.DateTimeFormat('default', {
             hour  : 'numeric',
             minute: 'numeric',
             second: 'numeric'
         }).format(new Date(data.updated));
 
-        container.vdom = vdom;
+        container.update();
     }
 
     /**
@@ -492,10 +491,9 @@ class MainContainerController extends ComponentController {
      *
      */
     onLoadSummaryDataFail() {
-        const table = this.getReference('table'),
-              vdom = table.vdom;
+        const table = this.getReference('table');
 
-        vdom.cn[0].cn[1].cn.push({
+        table.vdom.cn[0].cn[1].cn.push({
             tag  : 'div',
             cls  : ['neo-box-label', 'neo-label'],
             html : [
@@ -509,7 +507,7 @@ class MainContainerController extends ComponentController {
             }
         });
 
-        table.vdom = vdom;
+        table.update();
     }
 
     /**
@@ -559,7 +557,6 @@ class MainContainerController extends ComponentController {
             logo       = me.getReference('logo'),
             logoPath   = 'https://raw.githubusercontent.com/neomjs/pages/master/resources/images/apps/covid/',
             themeLight = button.text === 'Theme Light',
-            vdom       = logo.vdom,
             buttonText, cls, href, iconCls, mapView, mapViewStyle, theme;
 
         if (me.connectedApps.includes('SharedCovidMap')) {
@@ -582,8 +579,8 @@ class MainContainerController extends ComponentController {
             theme        = 'neo-theme-dark';
         }
 
-        vdom.src = logoPath + (theme === 'neo-theme-dark' ? 'covid_logo_dark.jpg' : 'covid_logo_light.jpg');
-        logo.vdom = vdom;
+        logo.vdom.src = logoPath + (theme === 'neo-theme-dark' ? 'covid_logo_dark.jpg' : 'covid_logo_light.jpg');
+        logo.update();
 
 
         if (Neo.config.useCssVars) {
@@ -603,8 +600,8 @@ class MainContainerController extends ComponentController {
             });
 
             button.set({
-                iconCls: iconCls,
-                text   : buttonText
+                iconCls,
+                text: buttonText
             });
         } else {
             [component.appName, ...me.connectedApps].forEach(appName => {

package/apps/website/view/blog/List.mjs

@@ -125,10 +125,9 @@ class List extends BaseList {
             emptyValue = !data.value || data.value === '',
             store      = me.store,
             valueRegEx = new RegExp(data.value, 'gi'),
-            vdom       = me.vdom,
             hasMatch, itemName, name, record;
 
-        vdom.cn.forEach((item, index) => {
+        me.vdom.cn.forEach((item, index) => {
             hasMatch = false;
             itemName = VDomUtil.getByFlag(item, 'name');
             record   = store.getAt(index);
@@ -153,7 +152,7 @@ class List extends BaseList {
             }
         });
 
-        me.vdom = vdom;
+        me.update();
     }
 
     /**

package/docs/app/view/ApiTreeList.mjs

@@ -35,13 +35,9 @@ class ApiTreeList extends TreeList {
         Neo.Xhr.promiseJson({
             url: '../../docs/output/structure.json'
         }).then(data => {
-            let vdom     = me.vdom,
-                itemRoot = me.getListItemsRoot();
-
             me.store.data = data.json;
-            itemRoot = me.createItems(null, itemRoot, 0);
-
-            me.vdom = vdom;
+            me.createItems(null, me.getListItemsRoot(), 0);
+            me.update();
         });
     }
 }