neo.mjs 4.3.8 → 4.3.10

package/apps/covid/view/MainContainerController.mjs

@@ -128,7 +128,7 @@ 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;
@@ -139,7 +139,7 @@ class MainContainerController extends ComponentController {
             second: 'numeric'
         }).format(new Date(data.updated));
 
-        container.vdom = vdom;
+        container.update();
     }
 
     /**
@@ -306,10 +306,9 @@ class MainContainerController extends ComponentController {
      *
      */
     onLoadSummaryDataFail() {
-        let table = this.getReference('table'),
-            vdom  = table.vdom;
+        let 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: [
@@ -323,7 +322,7 @@ class MainContainerController extends ComponentController {
             }
         });
 
-        table.vdom = vdom;
+        table.update();
     }
 
     /**
@@ -374,7 +373,6 @@ class MainContainerController extends ComponentController {
             logoPath   = 'https://raw.githubusercontent.com/neomjs/pages/master/resources/images/apps/covid/',
             mapView    = me.getReference('mapboxglmap'),
             themeLight = button.text === 'Theme Light',
-            vdom       = logo.vdom,
             buttonText, cls, href, iconCls, mapViewStyle, theme;
 
         if (themeLight) {
@@ -391,8 +389,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) {
@@ -408,8 +406,8 @@ class MainContainerController extends ComponentController {
             component.cls = cls;
 
             button.set({
-                iconCls: iconCls,
-                text   : buttonText
+                iconCls,
+                text: buttonText
             });
         } else {
             Neo.main.addon.Stylesheet.swapStyleSheet({

package/apps/krausest/view/MainComponent.mjs

@@ -104,8 +104,7 @@ class MainComponent extends Base {
      *
      */
     createTable() {
-        let me   = this,
-            vdom = me.vdom;
+        let me = this;
 
         me.table = Neo.create({
             module   : TableComponent,
@@ -114,9 +113,9 @@ class MainComponent extends Base {
             reference: 'table'
         });
 
-        vdom.cn.splice(1, 0, me.table.vdom);
+        me.vdom.cn.splice(1, 0, me.table.vdom);
 
-        me.vdom = vdom;
+        me.update();
     }
 }
 

package/apps/krausest/view/TableComponent.mjs

@@ -62,7 +62,6 @@ class TableComponent extends Base {
     add() {
         let me    = this,
             store = me.store,
-            vdom  = me.vdom,
             items = store.buildData();
 
         store.add(items);
@@ -75,10 +74,10 @@ class TableComponent extends Base {
 
         // this works pretty fast as well
         /*items.forEach(item => {
-            vdom.cn[0].cn.push(me.createTableRow(item));
+            me.vdom.cn[0].cn.push(me.createTableRow(item));
         });
 
-        me.vdom = vdom;*/
+        me.update();*/
     }
 
     /**

package/apps/realworld/view/HeaderComponent.mjs

@@ -88,7 +88,7 @@ class HeaderComponent extends Component {
 
         NeoArray.add(vdom.cn[0].cn[1].cn[me.getActiveIndex(value)].cn[0].cls, 'active');
 
-        me.vdom = vdom;
+        me.update();
     }
 
     /**
@@ -100,8 +100,7 @@ class HeaderComponent extends Component {
     afterSetLoggedIn(value, oldValue) {
         if (Neo.isBoolean(oldValue)) {
             let me   = this,
-                vdom = me.vdom,
-                list = vdom.cn[0].cn[1];
+                list = me.vdom.cn[0].cn[1];
 
             list.cn[1].removeDom = !value; // editor
             list.cn[2].removeDom = !value; // settings
@@ -109,7 +108,7 @@ class HeaderComponent extends Component {
             list.cn[4].removeDom = value;  // login
             list.cn[5].removeDom = value;  // register
 
-            me.vdom = vdom;
+            me.update();
         }
     }
 
@@ -121,13 +120,12 @@ class HeaderComponent extends Component {
      */
     afterSetUserImage(value, oldValue) {
         let me          = this,
-            vdom        = me.vdom,
-            profileLink = vdom.cn[0].cn[1].cn[3].cn[0];
+            profileLink = me.vdom.cn[0].cn[1].cn[3].cn[0];
 
         profileLink.cn[0].removeDom = !value;
         profileLink.cn[0].src       = value;
 
-        me.vdom = vdom;
+        me.update();
     }
 
     /**
@@ -139,13 +137,12 @@ class HeaderComponent extends Component {
     afterSetUserName(value, oldValue) {
         if (value) {
             let me          = this,
-                vdom        = me.vdom,
-                profileLink = vdom.cn[0].cn[1].cn[3].cn[0];
+                profileLink = me.vdom.cn[0].cn[1].cn[3].cn[0];
 
             profileLink.href = '#/profile/' + value;
             profileLink.cn[1].html = ' ' + value;
 
-            me.vdom = vdom;
+            me.update();
         }
     }
 

package/apps/realworld/view/HomeComponent.mjs

@@ -114,8 +114,7 @@ class HomeComponent extends Component {
     onConstructed() {
         super.onConstructed();
 
-        let me   = this,
-            vdom = me.vdom;
+        let me = this;
 
         me.tagList = Neo.create({
             module  : TagListComponent,
@@ -127,9 +126,8 @@ class HomeComponent extends Component {
             }
         });
 
-        vdom.cn[1].cn[0].cn.push(me.tagList.vdom);
-
-        me.vdom = vdom;
+        me.vdom.cn[1].cn[0].cn.push(me.tagList.vdom);
+        me.update();
     }
 
     /**
@@ -142,7 +140,6 @@ class HomeComponent extends Component {
         let me        = this,
             container = me.getContainer(),
             footer    = container.cn.pop(),
-            vdom      = me.vdom,
             config;
 
         container.cn = [container.cn.shift()];
@@ -176,8 +173,7 @@ class HomeComponent extends Component {
         }
 
         container.cn.push(footer);
-
-        me.vdom = vdom;
+        me.update();
     }
 
     /**
@@ -188,8 +184,7 @@ class HomeComponent extends Component {
      */
     afterSetCountArticles(value, oldValue) {
         let me          = this,
-            vdom        = me.vdom,
-            pagination  = VDomUtil.getByFlag(vdom, 'pagination'),
+            pagination  = VDomUtil.getByFlag(me.vdom, 'pagination'),
             pageSize    = me.pageSize,
             countPages  = Math.ceil(value / pageSize),
             currentPage = me.currentPage,
@@ -210,7 +205,7 @@ class HomeComponent extends Component {
 
                 pagination.cn.push({
                     tag: 'li',
-                    cls: cls,
+                    cls,
                     cn : [{
                         tag : 'a',
                         cls : ['page-link', 'prevent-click'],
@@ -222,7 +217,7 @@ class HomeComponent extends Component {
             }
         }
 
-        me.vdom = vdom;
+        me.update();
     }
 
     /**
@@ -232,18 +227,17 @@ class HomeComponent extends Component {
      * @protected
      */
     afterSetCurrentPage(value, oldValue) {
-        let me   = this,
-            vdom = me.vdom,
+        let me = this,
             node, oldNode;
 
         if (me.mounted) {
-            node    = VDomUtil.findVdomChild(vdom, me.getNavLinkVdomId(value)).parentNode;
-            oldNode = VDomUtil.findVdomChild(vdom, me.getNavLinkVdomId(oldValue)).parentNode;
+            node    = VDomUtil.findVdomChild(me.vdom, me.getNavLinkVdomId(value)).parentNode;
+            oldNode = VDomUtil.findVdomChild(me.vdom, me.getNavLinkVdomId(oldValue)).parentNode;
 
             NeoArray.add(node.cls, 'active');
             NeoArray.remove(oldNode.cls, 'active');
 
-            me.vdom = vdom;
+            me.update();
 
             me.getController()._articlesOffset = (value - 1) * me.pageSize; // silent update
             me.getArticles();
@@ -295,11 +289,10 @@ class HomeComponent extends Component {
      */
     afterSetLoggedIn(value, oldValue) {
         let me      = this,
-            vdom    = me.vdom,
-            navItem = VDomUtil.findVdomChild(vdom, me.id + '__nav-item-link_0').vdom;
+            navItem = VDomUtil.findVdomChild(me.vdom, me.id + '__nav-item-link_0').vdom;
 
         NeoArray[value ? 'remove' : 'add'](navItem.cls, 'disabled');
-        me.vdom = vdom;
+        me.update();
     }
 
     /**
@@ -379,9 +372,8 @@ class HomeComponent 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'),
             opts       = {};
 
         if (!el.vdom.cls.includes('disabled')) {
@@ -406,7 +398,7 @@ class HomeComponent extends Component {
 
 
             me._currentPage = 1; // silent update
-            me.vdom = vdom;
+            me.update();
 
             me.getController()._articlesOffset = 0; // silent update
             me.getArticles({}, opts);

package/apps/realworld/view/MainContainerController.mjs

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

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

@@ -87,14 +87,12 @@ class CommentComponent extends Component {
      */
     afterSetAuthor(value, oldValue) {
         if (value) {
-            let me   = this,
-                vdom = me.vdom;
+            let me = this;
 
-            vdom.cn[1].cn[0].cn[0].src = value.image;
-            vdom.cn[1].cn[2].html      = value.username;
-
-            me.vdom = vdom;
+            me.vdom.cn[1].cn[0].cn[0].src = value.image;
+            me.vdom.cn[1].cn[2].html      = value.username;
 
+            me.update();
             me.onCurrentUserChange();
         }
     }
@@ -107,10 +105,8 @@ class CommentComponent extends Component {
      */
     afterSetBody(value, oldValue) {
         if (value) {
-            let vdom = this.vdom;
-
-            vdom.cn[0].cn[0].html = value;
-            this.vdom = vdom;
+            this.vdom.cn[0].cn[0].html = value;
+            this.update();
         }
     }
 
@@ -122,15 +118,13 @@ class CommentComponent extends Component {
      */
     afterSetCreatedAt(value, oldValue) {
         if (value) {
-            let vdom = this.vdom;
-
-            vdom.cn[1].cn[3].html = new Intl.DateTimeFormat('en-US', {
+            this.vdom.cn[1].cn[3].html = new Intl.DateTimeFormat('en-US', {
                 day  : 'numeric',
                 month: 'long',
                 year : 'numeric'
             }).format(new Date(value));
 
-            this.vdom = vdom;
+            this.update();
         }
     }
 
@@ -139,13 +133,11 @@ class CommentComponent extends Component {
      */
     onCurrentUserChange() {
         let me          = this,
-            currentUser = me.getController().currentUser,
-            vdom        = me.vdom;
+            currentUser = me.getController().currentUser;
 
         if (currentUser) {
-            VDomUtil.getByFlag(vdom, 'mod-options').removeDom = me.author.username !== currentUser.username;
-
-            me.vdom = vdom;
+            VDomUtil.getByFlag(me.vdom, 'mod-options').removeDom = me.author.username !== currentUser.username;
+            me.update();
         }
     }
 

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

@@ -164,8 +164,7 @@ class Component extends BaseComponent {
      */
     onConstructed() {
         let me          = this,
-            currentUser = me.getController().currentUser,
-            vdom        = me.vdom;
+            currentUser = me.getController().currentUser;
 
         me.createCommentComponent = Neo.create({
             module   : CreateCommentComponent,
@@ -173,9 +172,8 @@ class Component extends BaseComponent {
             userImage: currentUser?.image || null
         });
 
-        VDomUtil.getByFlag(vdom, 'comments-section').cn.unshift(me.createCommentComponent.vdom);
-
-        me.vdom = vdom;
+        VDomUtil.getByFlag(me.vdom, 'comments-section').cn.unshift(me.createCommentComponent.vdom);
+        me.update();
 
         super.onConstructed();
     }
@@ -209,8 +207,7 @@ class Component extends BaseComponent {
                 node.html = value.username;
             });
 
-            me.vdom = vdom;
-
+            me.update();
             me.onCurrentUserChange();
         }
     }
@@ -222,20 +219,16 @@ class Component extends BaseComponent {
      * @protected
      */
     afterSetBody(value, oldValue) {
-        const me = this;
-
         if (value) {
             Neo.main.addon.Markdown.markdownToHtml(value).then(html => {
-                let vdom = me.vdom;
-
-                VDomUtil.getByFlag(vdom, 'body').cn[0] = {
+                VDomUtil.getByFlag(this.vdom, 'body').cn[0] = {
                     cn: [{
                         tag: 'p',
                         html
                     }]
                 };
 
-                me.vdom = vdom;
+                this.update();
             });
         }
     }
@@ -249,8 +242,7 @@ class Component extends BaseComponent {
     async afterSetComments(value, oldValue) {
         if (Array.isArray(value)) {
             let me        = this,
-                vdom      = me.vdom,
-                container = VDomUtil.getByFlag(vdom, 'comments-section'),
+                container = VDomUtil.getByFlag(me.vdom, 'comments-section'),
                 config, module;
 
             if (!me.commentComponent) {
@@ -282,7 +274,7 @@ class Component extends BaseComponent {
                 container.cn.push(me.commentComponents[index].vdom);
             });
 
-            me.vdom = vdom;
+            me.update();
         }
     }
 
@@ -294,15 +286,13 @@ class Component extends BaseComponent {
      */
     afterSetCreatedAt(value, oldValue) {
         if (value) {
-            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();
         }
     }
 
@@ -313,17 +303,16 @@ class Component extends BaseComponent {
      * @protected
      */
     afterSetFavorited(value, oldValue) {
-        let me   = this,
-            vdom = me.vdom;
+        let me = this;
 
-        VDomUtil.getFlags(vdom, 'favorited').forEach(node => {
+        VDomUtil.getFlags(me.vdom, 'favorited').forEach(node => {
             node.cn[2].html = value ? 'Unfavorite' : 'Favorite';
 
             NeoArray.add(node.cls, value ? 'btn-primary' : 'btn-outline-primary');
             NeoArray.remove(node.cls, value ? 'btn-outline-primary' : 'btn-primary');
         });
 
-        me.vdom = vdom;
+        me.update();
 
         // ignore the initial setter call
         if (Neo.isBoolean(oldValue)) {
@@ -341,13 +330,11 @@ class Component extends BaseComponent {
      */
     afterSetFavoritesCount(value, oldValue) {
         if (Neo.isNumber(value)) {
-            let vdom = this.vdom;
-
-            VDomUtil.getFlags(vdom, 'favoritesCount').forEach(node => {
+            VDomUtil.getFlags(this.vdom, 'favoritesCount').forEach(node => {
                 node.html = `(${value})`;
             });
 
-            this.vdom = vdom;
+            this.update();
         }
     }
 
@@ -359,8 +346,7 @@ class Component extends BaseComponent {
      */
     afterSetTagList(value, oldValue) {
         let me   = this,
-            vdom = me.vdom,
-            body = VDomUtil.getByFlag(vdom, 'body'),
+            body = VDomUtil.getByFlag(me.vdom, 'body'),
             tagList;
 
         if (Array.isArray(value) && value.length > 0) {
@@ -385,7 +371,7 @@ class Component extends BaseComponent {
             }
         }
 
-        me.vdom = vdom;
+        me.update();
     }
 
     /**
@@ -395,10 +381,8 @@ class Component extends BaseComponent {
      * @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();
     }
 
     /**
@@ -420,7 +404,7 @@ class Component extends BaseComponent {
             VDomUtil.getByFlag(vdom, 'delete-button')  .removeDom = !isCurrentUser;
             VDomUtil.getByFlag(vdom, 'edit-button')    .removeDom = !isCurrentUser;
 
-            me.vdom = vdom;
+            me.update();
         }
     }
 

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

@@ -46,8 +46,7 @@ class CreateCommentComponent extends Component {
     construct(config) {
         super.construct(config);
 
-        let me   = this,
-            vdom = me.vdom;
+        let me = this;
 
         me.addDomListeners({
             click: {
@@ -57,8 +56,8 @@ class CreateCommentComponent extends Component {
             }
         });
 
-        vdom.cn[0].cn[0].id = me.getInputElId();
-        me.vdom = vdom;
+        me.vdom.cn[0].cn[0].id = me.getInputElId();
+        me.update();
 
         me.getController().on({
             afterSetCurrentUser: me.onCurrentUserChange,
@@ -74,10 +73,8 @@ class CreateCommentComponent extends Component {
      */
     afterSetUserImage(value, oldValue) {
         if (value) {
-            let vdom = this.vdom;
-
-            vdom.cn[1].cn[0].src = value;
-            this.vdom = vdom;
+            this.vdom.cn[1].cn[0].src = value;
+            this.update();
         }
     }
 
@@ -89,10 +86,8 @@ class CreateCommentComponent extends Component {
      */
     afterSetUserName(value, oldValue) {
         if (value) {
-            let vdom = this.vdom;
-
-            vdom.cn[1].cn[2].html = value;
-            this.vdom = vdom;
+            this.vdom.cn[1].cn[2].html = value;
+            this.update();
         }
     }
 
@@ -132,10 +127,8 @@ class CreateCommentComponent extends Component {
                     }
                 })
             }).then(data => {
-                let vdom = me.vdom;
-
-                vdom.cn[0].cn[0].value = ''; // reset the textarea value
-                me.vdom = vdom;
+                me.vdom.cn[0].cn[0].value = ''; // reset the textarea value
+                me.update();
             });
         });
     }

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

@@ -98,10 +98,8 @@ class CreateComponent extends Component {
      * @protected
      */
     afterSetBody(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'body').value = value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'body').value = value;
+        this.update();
     }
 
     /**
@@ -111,10 +109,8 @@ class CreateComponent extends Component {
      * @protected
      */
     afterSetDescription(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'description').value = value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'description').value = value;
+        this.update();
     }
 
     /**
@@ -125,8 +121,7 @@ class CreateComponent extends Component {
      */
     afterSetErrors(value, oldValue) {
         let me   = this,
-            vdom = me.vdom,
-            list = VDomUtil.getByFlag(vdom, 'errors');
+            list = VDomUtil.getByFlag(me.vdom, 'errors');
 
         list.cn = [];
 
@@ -137,7 +132,7 @@ class CreateComponent extends Component {
             });
         });
 
-        me.vdom = vdom;
+        me.update();
     }
 
     /**
@@ -148,9 +143,8 @@ class CreateComponent extends Component {
      */
     afterSetTagList(value, oldValue) {
         let me       = this,
-            vdom     = me.vdom,
-            list     = VDomUtil.getByFlag(vdom, 'tag-list'),
-            tagField = VDomUtil.getByFlag(vdom, 'tags');
+            list     = VDomUtil.getByFlag(me.vdom, 'tag-list'),
+            tagField = VDomUtil.getByFlag(me.vdom, 'tags');
 
         list.cn        = [];
         tagField.value = null; // TODO Reset tag field value properly
@@ -170,7 +164,7 @@ class CreateComponent extends Component {
             });
         });
 
-        me.vdom = vdom;
+        me.update();
     }
 
     /**
@@ -180,10 +174,8 @@ class CreateComponent extends Component {
      * @protected
      */
     afterSetTitle(value, oldValue) {
-        let vdom = this.vdom;
-
-        VDomUtil.getByFlag(vdom, 'title').value = value;
-        this.vdom = vdom;
+        VDomUtil.getByFlag(this.vdom, 'title').value = value;
+        this.update();
     }
 
     /**
@@ -191,7 +183,7 @@ class CreateComponent extends Component {
      * @param event
      */
     onFieldTagsKeyDown(event) {
-        const me = this;
+        let me = this;
 
         if (event.key === 'Enter') {
             Neo.main.DomAccess.getAttributes({