rendering the app into a static main dom node

tobiu · tobiu · commit 515121e7fc6f · 2021-07-01T08:51:19.000+02:00
diff --git a/frameworks/keyed/neomjs/apps/neoapp/app.mjs b/frameworks/keyed/neomjs/apps/neoapp/app.mjs
@@ -4,7 +4,7 @@ const onStart = () => Neo.app({
     appPath : 'apps/neoapp/',
     mainView: MainComponent,
     name    : 'NeoApp',
-    renderTo: 'document.body'
+    parentId: 'main'
 });
 
 export {onStart as onStart};
diff --git a/frameworks/keyed/neomjs/apps/neoapp/index.html b/frameworks/keyed/neomjs/apps/neoapp/index.html
@@ -6,6 +6,7 @@
     <link href="/css/currentStyle.css" rel="stylesheet"/>
 </head>
 <body>
+    <div id="main"></div>
     <script src="../../src/MicroLoader.mjs" type="module"></script>
 </body>
 </html>
diff --git a/frameworks/keyed/neomjs/apps/neoapp/view/MainComponent.mjs b/frameworks/keyed/neomjs/apps/neoapp/view/MainComponent.mjs
@@ -19,6 +19,10 @@ class MainComponent extends Base {
          * @member {Boolean} autoMount=true
          */
         autoMount: true,
+        /**
+         * @member {String[]} cls=['container']
+         */
+        cls: ['container'],
         /**
          * @member {Neo.controller.Component} controller=MainComponentController
          */
@@ -39,22 +43,20 @@ class MainComponent extends Base {
          * @member {Object} _vdom
          */
         _vdom:
-        {cn: [
-            {cls: ['container'], cn: [
-                {cls: ['jumbotron'], cn: [
-                    {cls: ['row'], cn: [
-                        {cls: ['col-md-6'], cn: [
-                            {cls: ['row'], cn: [
-                                {tag: 'h1', html: 'neo.mjs'}
-                            ]}
-                        ]},
-                        {cls: ['col-md-6'], cn: [
-                            {cls: ['row'], flag: 'row', cn: []}
+        {cls: ['container'], cn: [
+            {cls: ['jumbotron'], cn: [
+                {cls: ['row'], cn: [
+                    {cls: ['col-md-6'], cn: [
+                        {cls: ['row'], cn: [
+                            {tag: 'h1', html: 'neo.mjs'}
                         ]}
+                    ]},
+                    {cls: ['col-md-6'], cn: [
+                        {cls: ['row'], flag: 'row', cn: []}
                     ]}
-                ]},
-                {tag: 'span', cls: ['preloadicon', 'glyphicon', 'glyphicon-remove'], 'aria-hidden': true}
-            ]}
+                ]}
+            ]},
+            {tag: 'span', cls: ['preloadicon', 'glyphicon', 'glyphicon-remove'], 'aria-hidden': true}
         ]}
     }}
 
@@ -117,14 +119,6 @@ class MainComponent extends Base {
 
         me.vdom = vdom;
     }
-
-    /**
-     * Mean override. It is tricky to customise top level app component ids (todo).
-     * @param {String} id
-     */
-    createId(id) {
-        super.createId('main');
-    }
 }
 
 Neo.applyClassConfig(MainComponent);
