neo.mjs 6.19.0 → 6.19.2

package/.github/CONCEPT.md

@@ -24,7 +24,7 @@ The best way to get a feeling for workers is using the Google Chrome Dev Tools (
 In case you open the <a href="https://neomjs.github.io/pages/node_modules/neo.mjs/dist/production/docs/index.html">neo.mjs Docs App</a>
 (or any other neo.mjs app), you will get a dropdown menu where you can pick the console scope:
 
-<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/concept/worker_scope.png">
+<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/concept/worker_scope.png">
 
 The default scope (top) will show the (console) logs inside all threads.
 
@@ -162,7 +162,7 @@ class Gallery extends Component {
 <a href="https://github.com/neomjs/neo/blob/dev/src/component/Gallery.mjs">Full component.Gallery Source Code</a>
 
 Now let us take a look at the source code inside the browser:
-<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/concept/gallery_workers.png">
+<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/concept/gallery_workers.png">
 
 Expand the image and take a close look at the Chrome Dev Tools:
 1. The source code is 1:1 the same

package/.github/NEOMJS_HISTORY.md

@@ -17,7 +17,7 @@ Just to make a point on how much time & effort has already been spent on neo.mjs
 
        1 commits Nils Dehl
 
-<img alt="neo.mjs commit history" src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/neomjs-commit-history.png">
+<img alt="neo.mjs commit history" src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/neomjs-commit-history.png">
 
 I would also like to add a ***big thank you*** to everyone who provided feedback prior to the public release!
 

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <img height="100"src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/logo/neo_logo_text_primary.svg">
+  <img height="100"src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/logo/neo_logo_text_primary.svg">
 </p>
 </br>
 <p align="center">
@@ -36,7 +36,7 @@ Neo.mjs also provides sharing state across multiple Browser-Windows.
 So far, it is the only Framework which enables us to build complex multi-Window Apps
 without the need for a native shell.
 
-<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/workers-setup-v4.png">
+<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/workers-setup-v4.png">
 
 Potential Use-Cases:
 1. Finance (Banking & Trading Apps)

package/apps/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='6.19.0'
+         * @member {String} version='6.19.2'
          */
-        version: '6.19.0'
+        version: '6.19.2'
     }
 
     /**

package/apps/covid/Util.mjs

@@ -133,7 +133,7 @@ class Util extends Base {
         imageName = map[imageName] || imageName;
 
         if (Neo.config.isGitHubPages) {
-            let path = `../../../../resources/images/flaticon/country_flags/png/${imageName}.png`;
+            let path = `../../../../resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
 
             if (Neo.config.environment !== 'development') {
                 path = `../../${path}`;
@@ -142,7 +142,7 @@ class Util extends Base {
             return path;
         }
 
-        return `https://raw.githubusercontent.com/neomjs/pages/main/resources/images/flaticon/country_flags/png/${imageName}.png`;
+        return `https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
     }
 
     /**

package/apps/covid/view/HeaderContainer.mjs

@@ -37,7 +37,7 @@ class HeaderContainer extends Container {
 
             vdom: {
                 tag: 'img',
-                src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources/images/apps/covid/covid_logo_dark.jpg'
+                src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/apps/covid/covid_logo_dark.jpg'
             }
         }, {
             ntype : 'container',

package/apps/covid/view/MainContainerController.mjs

@@ -368,7 +368,7 @@ class MainContainerController extends ComponentController {
             button     = data.component,
             component  = me.component,
             logo       = me.getReference('logo'),
-            logoPath   = 'https://raw.githubusercontent.com/neomjs/pages/main/resources/images/apps/covid/',
+            logoPath   = 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/apps/covid/',
             mapView    = me.getReference('mapboxglmap'),
             themeLight = button.text === 'Theme Light',
             buttonText, cls, href, iconCls, mapViewStyle, theme;

package/apps/portal/view/ViewportController.mjs

@@ -35,7 +35,7 @@ class ViewportController extends Controller {
          */
         defaultHash: '/home',
         /**
-         * @member {String} mainContentLayout_='cube'
+         * @member {String} mainContentLayout_='mixed'
          */
         mainContentLayout_: 'mixed',
         /**
@@ -188,7 +188,7 @@ class ViewportController extends Controller {
      * @param {Object} oldValue
      */
     onDocsRoute(params, value, oldValue) {
-        this.setMainContentIndex(4)
+        this.setMainContentIndex(3)
     }
 
     /**

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

@@ -62,13 +62,13 @@ class List extends BaseList {
         let basePath;
 
         if (Neo.config.isGitHubPages) {
-            basePath = '../../../../resources/website';
+            basePath = '../../../../resources_pub/website';
 
             if (Neo.config.environment !== 'development') {
                 basePath = '../../' + basePath
             }
         } else {
-            basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources/website'
+            basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/website'
         }
 
         const vdomCn = [

package/apps/portal/view/home/FooterContainer.mjs

@@ -0,0 +1,123 @@
+import Button    from '../../../../src/button/Base.mjs';
+import Component from '../../../../src/component/Base.mjs';
+import Container from '../../../../src/container/Base.mjs';
+
+/**
+ * @class Portal.view.home.FooterContainer
+ * @extends Neo.container.Base
+ */
+class FooterContainer extends Container {
+    static config = {
+        /**
+         * @member {String} className='Portal.view.home.FooterContainer'
+         * @protected
+         */
+        className: 'Portal.view.home.FooterContainer',
+        /**
+         * @member {String[]} cls=['portal-home-footer-container']
+         */
+        cls: ['portal-home-footer-container'],
+        /**
+         * @member {Object} itemDefaults
+         */
+        itemDefaults: {
+            module: Container,
+            cls   : ['portal-home-footer-section'],
+            layout: {ntype: 'vbox', align: 'start'},
+
+            itemDefaults: {
+                module: Button,
+                ui    : 'ghost'
+            }
+        },
+        /**
+         * @member {Object[]} items
+         */
+        items: [{
+            items: [{
+                module: Component,
+                cls   : ['neo-h2'],
+                html  : 'Content',
+                tag   : 'h2'
+            }, {
+                iconCls: 'fas fa-people-group',
+                route  : '/about-us',
+                text   : 'About Us'
+            }, {
+                iconCls: 'fas fa-book',
+                route  : '/docs',
+                text   : 'API Docs'
+            }, {
+                iconCls: 'fas fa-blog',
+                route  : '/blog',
+                text   : 'Blog'
+            }, {
+                iconCls: 'fas fa-graduation-cap',
+                route  : '/learn',
+                text   : 'Learn'
+            }, {
+                iconCls: 'fas fa-handshake-angle',
+                route  : '/services',
+                text   : 'Services'
+            }]
+        }, {
+            items: [{
+                module: Component,
+                cls   : ['neo-h2'],
+                html  : 'Community',
+                tag   : 'h2'
+            }, {
+                iconCls: 'fa-brands fa-github',
+                text   : 'Contribute',
+                url    : 'https://github.com/neomjs/neo/blob/dev/CONTRIBUTING.md'
+            }, {
+                iconCls: 'fa-brands fa-github',
+                text   : 'Code of Conduct',
+                url    : 'https://github.com/neomjs/neo/blob/dev/.github/CODE_OF_CONDUCT.md'
+            }, {
+                iconCls: 'fa-brands fa-github',
+                text   : 'Report Issues',
+                url    : 'https://github.com/neomjs/neo/issues'
+            }, {
+                iconCls: 'fa-brands fa-slack',
+                text   : 'Slack',
+                url    : 'https://join.slack.com/t/neomjs/shared_invite/zt-6c50ueeu-3E1~M4T9xkNnb~M_prEEOA'
+            }, {
+                iconCls: 'fa-brands fa-discord',
+                text   : 'Discord',
+                url    : 'https://discord.gg/6p8paPq'
+            }]
+        }, {
+            items: [{
+                module: Component,
+                cls   : ['neo-h2'],
+                html  : 'Social Media',
+                tag   : 'h2'
+            }, {
+                iconCls: 'fa-brands fa-linkedin',
+                text   : 'LinkedIn',
+                url    : 'https://www.linkedin.com/company/neo-mjs/'
+            }, {
+                iconCls: 'fa-brands fa-facebook',
+                text   : 'Facebook',
+                url    : 'https://www.facebook.com/neo.mjs'
+            }, {
+                iconCls: 'fa-brands fa-x-twitter',
+                text   : 'X',
+                url    : 'https://x.com/neomjs1'
+            }]
+        }],
+        /**
+         * @member {Object} layout={ntype:'hbox',align:'stretch'}
+         */
+        layout: {ntype: 'hbox', align: 'stretch'},
+        /**
+         * @member {String} tag='footer'
+         */
+        tag: 'footer'
+    }
+}
+
+Neo.setupClass(FooterContainer);
+
+export default FooterContainer;

package/apps/portal/view/home/parts/AfterMath.mjs

@@ -1,4 +1,5 @@
-import BaseContainer from './BaseContainer.mjs';
+import BaseContainer   from './BaseContainer.mjs';
+import FooterContainer from '../FooterContainer.mjs';
 
 /**
  * @class Portal.view.home.parts.AfterMath
@@ -11,6 +12,10 @@ class AfterMath extends BaseContainer {
          * @protected
          */
         className: 'Portal.view.home.parts.AfterMath',
+        /**
+         * @member {String[]} cls=['portal-home-aftermath']
+         */
+        cls: ['portal-home-aftermath'],
         /**
          * @member {Object} layout={ntype:'vbox',align:'stretch',pack:'center'}
          */
@@ -19,39 +24,27 @@ class AfterMath extends BaseContainer {
          * @member {Object[]} items
          */
         items: [{
-            ntype: 'container',
-            flex : 1
+            flex: 1
         }, {
-            cls : 'neo-h1',
+            cls : ['neo-h1'],
             flex: 'none',
             html: 'Additional Stuff',
-            vdom: {tag: 'h1'}
+            tag : 'h1'
         }, {
-            cls : 'neo-h2',
+            cls : ['neo-h2'],
             flex: 'none',
             html: 'More to come here',
-            vdom: {tag: 'h2'}
+            tag : 'h2'
         }, {
-            cls : 'neo-content',
+            cls : ['neo-content'],
             flex: 'none',
-            html: 'Neo uses several cores to run the application. See the spinner on the page?',
-            vdom: {tag: 'p'}
+            html: 'Lorem Ipsum',
+            tag : 'p'
         }, {
-            ntype: 'container',
-            flex : 1
+            flex: 1
         }, {
-            ntype : 'container',
-            cls   : 'home-footer',
-            height: '40%',
-            html  : 'This is the footer',
-            vdom  : {tag: 'footer'},
-
-            style : { // todo: css
-                background: 'black',
-                color     : 'white',
-                height    : '40%',
-                padding   : '15px'
-            }
+            module: FooterContainer,
+            height: '35%'
         }]
     }
 }

package/apps/route/view/HeaderContainer.mjs

@@ -28,7 +28,7 @@ class HeaderContainer extends Container {
                 cls: ['center'],
                 vdom: {
                     tag: 'img',
-                    src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources/images/logo_rounded.svg'
+                    src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/logo_rounded.svg'
                 }
             },
             {

package/apps/sharedcovid/Util.mjs

@@ -133,7 +133,7 @@ class Util extends Base {
         imageName = map[imageName] || imageName;
 
         if (Neo.config.isGitHubPages) {
-            let path = `../../../../resources/images/flaticon/country_flags/png/${imageName}.png`;
+            let path = `../../../../resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
 
             if (Neo.config.environment !== 'development') {
                 path = `../../${path}`;
@@ -142,7 +142,7 @@ class Util extends Base {
             return path;
         }
 
-        return `https://raw.githubusercontent.com/neomjs/pages/main/resources/images/flaticon/country_flags/png/${imageName}.png`;
+        return `https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
     }
 
     /**

package/apps/sharedcovid/view/HeaderContainer.mjs

@@ -37,7 +37,7 @@ class HeaderContainer extends Container {
 
             vdom: {
                 tag: 'img',
-                src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources/images/apps/covid/covid_logo_dark.jpg'
+                src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/apps/covid/covid_logo_dark.jpg'
             }
         }, {
             ntype : 'container',

package/apps/sharedcovid/view/MainContainerController.mjs

@@ -553,7 +553,7 @@ class MainContainerController extends ComponentController {
             button     = data.component,
             component  = me.component,
             logo       = me.getReference('logo'),
-            logoPath   = 'https://raw.githubusercontent.com/neomjs/pages/main/resources/images/apps/covid/',
+            logoPath   = 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/apps/covid/',
             themeLight = button.text === 'Theme Light',
             buttonText, cls, href, iconCls, mapView, mapViewStyle, theme;
 

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

@@ -62,13 +62,13 @@ class List extends BaseList {
         let basePath;
 
         if (Neo.config.isGitHubPages) {
-            basePath = '../../../../resources/website';
+            basePath = '../../../../resources_pub/website';
 
             if (Neo.config.environment !== 'development') {
                 basePath = '../../' + basePath
             }
         } else {
-            basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources/website'
+            basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/website'
         }
 
         const vdomCn = [

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

@@ -74,13 +74,13 @@ class List extends BaseList {
         let basePath;
 
         if (Neo.config.isGitHubPages) {
-            basePath = '../../../../resources/website/examples';
+            basePath = '../../../../resources_pub/website/examples';
 
             if (Neo.config.environment !== 'development') {
                 basePath = '../../' + basePath
             }
         } else {
-            basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources/website/examples'
+            basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/website/examples'
         }
 
         return [

package/examples/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='6.19.0'
+         * @member {String} version='6.19.2'
          */
-        version: '6.19.0'
+        version: '6.19.2'
     }
 
     /**

package/examples/component/coronaGallery/CountryGallery.mjs

@@ -159,7 +159,7 @@ class CountryGallery extends Gallery {
 
         imageName = map[imageName] || imageName;
 
-        return `https://raw.githubusercontent.com/neomjs/pages/main/resources/images/flaticon/country_flags/png/${imageName}.png`;
+        return `https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
     }
 
     /**

package/examples/component/coronaHelix/CountryHelix.mjs

@@ -191,7 +191,7 @@ class CountryHelix extends Helix {
 
         imageName = map[imageName] || imageName;
 
-        return 'https://raw.githubusercontent.com/neomjs/pages/main/resources/images/flaticon/country_flags/png/' + imageName + '.png'
+        return 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/' + imageName + '.png'
     }
     /**
      * @returns {String}

package/examples/grid/covid/Util.mjs

@@ -142,7 +142,7 @@ class Util extends Base {
             return path;
         }
 
-        return `https://raw.githubusercontent.com/neomjs/pages/main/resources/images/flaticon/country_flags/png/${imageName}.png`;
+        return `https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
     }
 
     /**

package/examples/model/twoWay/MainContainer.mjs

@@ -0,0 +1,76 @@
+import ComponentModel from '../../../src/model/Component.mjs';
+import Label          from '../../../src/component/Label.mjs';
+import TextField      from '../../../src/form/field/Text.mjs';
+import Viewport       from '../../../src/container/Viewport.mjs';
+
+/**
+ * @class Neo.examples.model.twoWay.MainContainer
+ * @extends Neo.container.Viewport
+ */
+class MainContainer extends Viewport {
+    static config = {
+        /**
+         * @member {String} className='Neo.examples.model.twoWay.MainContainer'
+         * @protected
+         */
+        className: 'Neo.examples.model.twoWay.MainContainer',
+        /**
+         * @member {Object|Neo.model.Component} model
+         */
+        model: {
+            data: {
+                user: {
+                    details: {
+                        firstname: 'Tobias',
+                        lastname : 'Uhlig'
+                    }
+                }
+            }
+        },
+        /**
+         * @member {Object[]} items
+         */
+        items: [{
+            module    : Label,
+            flex      : 'none',
+            labelText : 'Firstname',
+            labelWidth: 110,
+            width     : 300,
+
+            bind: {
+                text: data => data.user.details.firstname + ' ' + data.user.details.lastname
+            },
+        }, {
+            module    : TextField,
+            flex      : 'none',
+            labelText : 'Firstname',
+            labelWidth: 110,
+            style     : {marginTop: '2em'},
+            width     : 300,
+
+            bind: {
+                value: {twoWay: true, value: data => data.user.details.firstname}
+            },
+        }, {
+            module    : TextField,
+            flex      : 'none',
+            labelText : 'Lastname',
+            labelWidth: 110,
+            width     : 300,
+
+            bind: {
+                value: {twoWay: true, value: data => data.user.details.lastname}
+            },
+        }],
+        /**
+         * @member {Object} style
+         */
+        style: {
+            padding: '5em'
+        }
+    }
+}
+
+Neo.setupClass(MainContainer);
+
+export default MainContainer;

package/examples/model/twoWay/app.mjs

@@ -0,0 +1,6 @@
+import MainContainer from './MainContainer.mjs';
+
+export const onStart = () => Neo.app({
+    mainView: MainContainer,
+    name    : 'Neo.examples.model.twoWay'
+});

package/examples/model/twoWay/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8">
+    <title>model.Component: 2 way binding</title>
+</head>
+<body>
+    <script src="../../../src/MicroLoader.mjs" type="module"></script>
+</body>
+</html>

package/examples/model/twoWay/neo-config.json

@@ -0,0 +1,6 @@
+{
+    "appPath"    : "examples/model/twoWay/app.mjs",
+    "basePath"   : "../../../",
+    "environment": "development",
+    "mainPath"   : "./Main.mjs"
+}

package/examples/preloadingAssets/view/MainContainer.mjs

@@ -44,7 +44,7 @@ class MainContainer extends Viewport {
 
                 vdom: {
                     tag: 'img',
-                    src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources/examples/ai_images/000150.jpg'
+                    src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/examples/ai_images/000150.jpg'
                 }
             }, {
                 tabButtonConfig: {
@@ -54,7 +54,7 @@ class MainContainer extends Viewport {
 
                 vdom: {
                     tag: 'img',
-                    src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources/examples/ai_images/000074.jpg'
+                    src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/examples/ai_images/000074.jpg'
                 }
             }],
             /**

package/examples/preloadingAssets/view/MainContainerController.mjs

@@ -28,7 +28,7 @@ class MainContainerController extends Component {
 
         setTimeout(() => {
             Neo.ServiceWorker.preloadAssets({
-                files: ['https://raw.githubusercontent.com/neomjs/pages/main/resources/examples/ai_images/000074.jpg']
+                files: ['https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/examples/ai_images/000074.jpg']
             }).then(data => {
                 console.log(data);
             });

package/examples/table/covid/Util.mjs

@@ -142,7 +142,7 @@ class Util extends Base {
             return path;
         }
 
-        return `https://raw.githubusercontent.com/neomjs/pages/main/resources/images/flaticon/country_flags/png/${imageName}.png`;
+        return `https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
     }
 
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "6.19.0",
+    "version": "6.19.2",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -43,7 +43,7 @@
     },
     "homepage": "https://neomjs.com/",
     "devDependencies": {
-        "@fortawesome/fontawesome-free": "^6.5.2",
+        "@fortawesome/fontawesome-free": "^6.6.0",
         "autoprefixer": "^10.4.19",
         "chalk": "^5.3.0",
         "clean-webpack-plugin": "^4.0.0",
@@ -52,7 +52,7 @@
         "envinfo": "^7.13.0",
         "fs-extra": "^11.2.0",
         "highlightjs-line-numbers.js": "^2.8.0",
-        "inquirer": "^10.0.1",
+        "inquirer": "^10.0.4",
         "marked": "^13.0.2",
         "monaco-editor": "^0.50.0",
         "neo-jsdoc": "1.0.1",