neo.mjs 4.3.9 → 4.3.11

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({

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();
         }
     }