neo.mjs 6.9.5 → 6.9.7

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/master/resources/images/concept/worker_scope.png">
+<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources/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/master/resources/images/concept/gallery_workers.png">
+<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources/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/master/resources/images/neomjs-commit-history.png">
+<img alt="neo.mjs commit history" src="https://raw.githubusercontent.com/neomjs/pages/main/resources/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!
 
@@ -26,4 +26,4 @@ Tobi
 
 <br><br>
 Copyright (c) 2015 - today, <a href="https://www.linkedin.com/in/tobiasuhlig/">Tobias Uhlig</a>
-& <a href="https://www.linkedin.com/in/richwaters/">Rich Waters</a>
+& <a href="https://www.linkedin.com/in/richwaters/">Rich Waters</a>

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <img height="250" width="250" src="https://raw.githubusercontent.com/neomjs/pages/master/resources/images/logo_rounded.svg">
+  <img height="250" width="250" src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/logo_rounded.svg">
 </p>
 
 <p align="center">
@@ -16,8 +16,8 @@ neo.mjs enables you to create scalable & high performant Apps using more than ju
 No need to take care of a workers setup, and the cross channel communication on your own.
 
 <p align="center">
-<a href="https://youtu.be/pYfM28Pz6_0"><img height="316px" width="400px" src="https://raw.githubusercontent.com/neomjs/pages/master/resources/images/neo33s.png"></a>
-<a href="https://youtu.be/aEA5333WiWY"><img height="316px" width="400px" src="https://raw.githubusercontent.com/neomjs/pages/master/resources/images/neo-movie.png"></a>
+<a href="https://youtu.be/pYfM28Pz6_0"><img height="316px" width="400px" src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/neo33s.png"></a>
+<a href="https://youtu.be/aEA5333WiWY"><img height="316px" width="400px" src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/neo-movie.png"></a>
 </p>
 
 <a href="https://tobiasuhlig.medium.com/predictive-offline-support-for-assets-you-have-not-used-yet-aeeccccd3754?source=friends_link&sk=e946e0f25f508e6a8cec4136400291a3">Version 4 release announcement</a>
@@ -44,7 +44,7 @@ Join our community:</br>
 
 </br></br>
 <h2 id="architectures">2. Scalable frontend architectures</h2>
-<img src="https://raw.githubusercontent.com/neomjs/pages/master/resources/images/apps-today.png">
+<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/apps-today.png">
 
 Most frontends today still look like this. Everything happens inside the main thread (browser window), leading to a poor rendering performance.
 The business logic happens inside main as well, which can slow down DOM updates and animations.
@@ -56,13 +56,13 @@ neo.mjs offers two different setups which follow the exact same API.
 You can switch between <a href="https://developer.mozilla.org/en-US/docs/Web/API/Worker">dedicated</a> and
 <a href="https://developer.mozilla.org/en-US/docs/Web/API/SharedWorker">shared</a> workers at any point.
 
-<img src="https://raw.githubusercontent.com/neomjs/pages/master/resources/images/workers-setup-v4.png">
+<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/workers-setup-v4.png">
 
 The dedicated workers setup uses 3-6 threads (CPUs).
 Most parts of the frameworks as well as your apps and components live within the app worker.
 Main threads are as small and idle as possible (42KB) plus optional main thread addons.
 
-<img src="https://raw.githubusercontent.com/neomjs/pages/master/resources/images/shared-workers-setup.png">
+<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/shared-workers-setup.png">
 
 In case you want to e.g. create a web based IDE or a multi window banking / trading app,
 the shared worker setup using 5+ threads (CPUs) is the perfect solution.
@@ -81,9 +81,9 @@ Blog post: <a href="https://medium.com/swlh/expanding-single-page-apps-into-mult
 Chrome (v83+), Edge, Firefox (Safari does not support SharedWorkers yet).</br>
 Desktop only.</br></br>
 
-<a href="https://youtu.be/n7m7ZT1kXQk"><img src="https://raw.githubusercontent.com/neomjs/pages/master/resources/images/expanding_spa_vid.png"></a></br>
+<a href="https://youtu.be/n7m7ZT1kXQk"><img src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/expanding_spa_vid.png"></a></br>
 
-<img src="https://raw.githubusercontent.com/neomjs/pages/master/resources/images/covidDashboard/sw_covid.png">
+<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/covidDashboard/sw_covid.png">
 
 You can find the code of the multi window covid app <a href="https://github.com/neomjs/neo/tree/dev/apps/sharedcovid">here</a>.
 
@@ -92,9 +92,9 @@ You can find the code of the multi window covid app <a href="https://github.com/
 <a href="https://neomjs.github.io/pages/node_modules/neo.mjs/dist/production/apps/covid/index.html#mainview=table">Live Demo: COIN App dist/production</a></br>
 Desktop only => support for mobile devices is on the roadmap.</br></br>
 
-<a href="https://www.youtube.com/watch?v=8lqNVaoGNdU"><img src="https://raw.githubusercontent.com/neomjs/pages/master/resources/images/covid_app_vid.png"></a></br>
+<a href="https://www.youtube.com/watch?v=8lqNVaoGNdU"><img src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/covid_app_vid.png"></a></br>
 
-<img src="https://raw.githubusercontent.com/neomjs/pages/master/resources/images/covidDashboard/v3/table.png">
+<img src="https://raw.githubusercontent.com/neomjs/pages/main/resources/images/covidDashboard/v3/table.png">
 
 You can find the code of the covid app <a href="https://github.com/neomjs/neo/tree/dev/apps/covid">here</a>.
 

package/apps/ServiceWorker.mjs

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

package/apps/covid/Util.mjs

@@ -142,7 +142,7 @@ class Util extends Base {
             return path;
         }
 
-        return `https://raw.githubusercontent.com/neomjs/pages/master/resources/images/flaticon/country_flags/png/${imageName}.png`;
+        return `https://raw.githubusercontent.com/neomjs/pages/main/resources/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/master/resources/images/apps/covid/covid_logo_dark.jpg'
+                src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources/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/master/resources/images/apps/covid/',
+            logoPath   = 'https://raw.githubusercontent.com/neomjs/pages/main/resources/images/apps/covid/',
             mapView    = me.getReference('mapboxglmap'),
             themeLight = button.text === 'Theme Light',
             buttonText, cls, href, iconCls, mapViewStyle, theme;

package/apps/learnneo/neo-config.json

@@ -2,5 +2,6 @@
     "appPath": "apps/learnneo/app.mjs",
     "basePath": "../../",
     "environment": "development",
+    "mainThreadAddons": ["DragDrop", "Stylesheet", "Markdown"],
     "mainPath": "./Main.mjs"
 }

package/apps/learnneo/store/Content.mjs

@@ -1,5 +1,5 @@
 import ContentModel from '../model/Content.mjs';
-import Store        from '../../../src/data/Store.mjs';
+import Store from '../../../src/data/Store.mjs';
 
 /**
  * @class LearnNeo.store.Content
@@ -15,7 +15,57 @@ class Content extends Store {
         /**
          * @member {Neo.data.Model} model=ContentModel
          */
-        model: ContentModel
+        model: ContentModel,
+        // autoLoad: true
+
+
+    }
+
+    xonConstructed() {
+        super.onConstructed();
+
+        let me = this;
+
+        // Neo.Main.getByPath({path: 'location.search'})
+        //     .then(data => {
+        //         const searchString = data?.substr(1) || '';
+        //         const search = searchString ? JSON.parse(`{"${decodeURI(searchString.replace(/&/g, "\",\"").replace(/=/g, "\":\""))}"}`) : {};
+        //         this.deck = search.deck || 'learnneo';
+        //         this.url = `${this.contentPath}/tree.json`;
+        //         this.load();
+        //         // this.doLoadStore();
+        //         console.log(search);
+        //     });
+
+    }
+    xload() {
+        this.model = ContentModel;
+        Neo.Main.getByPath({path: 'location.search'})
+            .then(data => {
+                const searchString = data?.substr(1) || '';
+                const search = searchString ? JSON.parse(`{"${decodeURI(searchString.replace(/&/g, "\",\"").replace(/=/g, "\":\""))}"}`) : {};
+                this.deck = search.deck || 'learnneo';
+                this.url = `${this.contentPath}/tree.json`;
+                // this.load();
+                super.load();
+                console.log(search);
+            });
+    }
+
+    get contentPath() {
+        return `../../../resources/data/${this.deck}`;
+    }
+    doLoadStore() {
+        debugger;
+        const me = this;
+        Neo.Xhr.promiseJson({
+            url: `${this.contentPath}/tree.json`
+        }).then(data => {
+            // TODO: Tree lists should do this themselves when their store is loaded.
+            me.data = data.json.data;
+            // me.createItems(null, me.getListItemsRoot(), 0);
+            // me.update();
+        })
     }
 }
 

package/apps/learnneo/view/home/ContentTreeList.mjs

@@ -1,5 +1,5 @@
 import ContentStore from '../../store/Content.mjs'
-import TreeList     from '../../../../src/tree/List.mjs';
+import TreeList from '../../../../src/tree/List.mjs';
 
 /**
  * @class LearnNeo.view.home.ContentTreeList
@@ -23,17 +23,47 @@ class ContentTreeList extends TreeList {
      */
     onConstructed() {
         super.onConstructed();
-
         let me = this;
-
+        Neo.Main.getByPath({path: 'location.search'})
+            .then(data => {
+                const searchString = data?.substr(1) || '';
+                const search = searchString ? JSON.parse(`{"${decodeURI(searchString.replace(/&/g, "\",\"").replace(/=/g, "\":\""))}"}`) : {};
+                me.deck = search.deck || 'learnneo';
+                me.doLoadStore();
+                console.log(search);
+            });
+    }
+    get contentPath() {
+        return `../../../resources/data/${this.deck}`;
+    }
+    doLoadStore() {
+        const me = this;
         Neo.Xhr.promiseJson({
-            url: '../../../resources/data/learnneo/content.json'
+            url: `${this.contentPath}/t.json`
         }).then(data => {
+            // TODO: Tree lists should do this themselves when their store is loaded.
             me.store.data = data.json.data;
             me.createItems(null, me.getListItemsRoot(), 0);
             me.update();
         })
     }
+    onLeafItemClick(record) {
+        super.onLeafItemClick(record);
+        this.doFetchContent(record);
+    }
+    async doFetchContent(record) {
+        let path = `${this.contentPath}`;
+        path += record.path ? `/pages/${record.path}` : `/p/${record.id}.md`;
+
+        if (record.isLeaf && path) {
+            const data = await fetch(path);
+            const content = await data.text();
+            Neo.main.addon.Markdown.markdownToHtml(content)
+                .then(
+                    html => this.fire('contentChange', {component: this, html}),
+                    () => this.fire('contentChange', {component: this}));
+        }
+    }
 }
 
 Neo.applyClassConfig(ContentTreeList);

package/apps/learnneo/view/home/MainContainer.mjs

@@ -1,47 +1,35 @@
-import Container               from '../../../../src/container/Base.mjs';
-import ContentTreeList         from './ContentTreeList.mjs';
+import Container from '../../../../src/container/Base.mjs';
+import Component from '../../../../src/component/Base.mjs';
+import ContentTreeList from './ContentTreeList.mjs';
 import MainContainerController from './MainContainerController.mjs';
-import Splitter                from '../../../../src/component/Splitter.mjs';
+import MainContainerModel from './MainContainerModel.mjs';
+import Splitter from '../../../../src/component/Splitter.mjs';
 
-/**
- * @class LearnNeo.view.home.MainContainer
- * @extends Neo.container.Base
- */
 class MainContainer extends Container {
     static config = {
-        /**
-         * @member {String} className='LearnNeo.view.home.MainContainer'
-         * @protected
-         */
         className: 'LearnNeo.view.home.MainContainer',
-        /**
-         * @member {Neo.controller.Component} controller=MainContainerController
-         */
+        model: MainContainerModel,
         controller: MainContainerController,
-        /**
-         * @member {Object[]} items
-         */
         items: [{
-            module  : Container,
-            layout  : 'fit',
+            module: Container,
+            layout: 'fit',
             minWidth: 350,
-            width   : 350,
+            width: 350,
 
             items: [{
-                module   : ContentTreeList,
-                listeners: {leafItemClick: 'onContentListLeafClick'}
+                module: ContentTreeList,
+                reference: 'tree',
+                listeners: {contentChange: 'onContentListLeafClick'},
             }]
         }, {
-            module      : Splitter,
+            module: Splitter,
             resizeTarget: 'previous'
         }, {
-            module   : Container,
-            layout   : {ntype: 'card', activeIndex: null},
-            reference: 'content-container'
+            module: Component,
+            layout: {ntype: 'card', activeIndex: null},
+            cls: 'learn-content',
+            reference: 'content'
         }],
-        /**
-         * @member {Object} layout={ntype:'hbox',align:'stretch'}
-         */
         layout: {ntype: 'hbox', align: 'stretch'}
     }
 }

package/apps/learnneo/view/home/MainContainerController.mjs

@@ -1,5 +1,6 @@
 import Component from '../../../../src/controller/Component.mjs';
 
+
 /**
  * @class LearnNeo.view.home.MainContainerController
  * @extends Neo.controller.Component
@@ -16,33 +17,22 @@ class MainContainerController extends Component {
     /**
      * @param {Object} record
      */
-    async onContentListLeafClick(record) {
-        const
-            contentContainer = this.getReference('content-container'),
-            path             = '../../../resources/data/learnneo/pages';
-
-        console.log('onContentListLeafClick', {contentContainer, record});
-        console.log('onContentListLeafClick', {contentContainer, record});
-
-        if (record.isLeaf && record.path) {
-            const data    = await fetch(`${path}/${record.path}`);
-            const content = await data.text();
-
-            contentContainer.removeAll();
-
-            await this.timeout(50);
-
-            contentContainer.add({
-                ntype: 'component',
-                html : content
-            });
-
-            await this.timeout(50);
-
+    onContentListLeafClick(data) {
+        const content = this.getReference('content');
+        content.html = data.html;
+
+        // contentContainer.removeAll();
+        // contentContainer.add({
+        //     ntype: 'component',
+        //     html: data.html
+        // });
+        // contentContainer.layout.activeIndex = 0;
+    }
 
-            contentContainer.layout.activeIndex = 0;
-        }
+    get contentPath() {
+        return `../../../resources/data/${this.deck}`;
     }
+
 }
 
 Neo.applyClassConfig(MainContainerController);

package/apps/learnneo/view/home/MainContainerModel.mjs

@@ -0,0 +1,35 @@
+import Component from '../../../../src/model/Component.mjs';
+import Tree from '../../store/Content.mjs';
+import Store from '../../../../src/data/Store.mjs';
+
+/**
+ * @class LearnNeo.view.home.MainContainerModel
+ * @extends Neo.model.Component
+ */
+class MainContainerModel extends Component {
+    static config = {
+        /**
+         * @member {String} className='LearnNeo.view.home.MainContainerModel'
+         * @protected
+         */
+        className: 'LearnNeo.view.home.MainContainerModel',
+        /**
+         * @member {Object} data
+         */
+        data: {},
+        /**
+         * @member {Object} stores
+         */
+        stores: {
+            tree: {
+                // module: Tree,
+                module: Store,
+                responseRoot: "data",
+            }
+        }
+    }
+}
+
+Neo.applyClassConfig(MainContainerModel);
+
+export default MainContainerModel;

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/master/resources/images/logo_rounded.svg'
+                    src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources/images/logo_rounded.svg'
                 }
             },
             {

package/apps/sharedcovid/Util.mjs

@@ -142,7 +142,7 @@ class Util extends Base {
             return path;
         }
 
-        return `https://raw.githubusercontent.com/neomjs/pages/master/resources/images/flaticon/country_flags/png/${imageName}.png`;
+        return `https://raw.githubusercontent.com/neomjs/pages/main/resources/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/master/resources/images/apps/covid/covid_logo_dark.jpg'
+                src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources/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/master/resources/images/apps/covid/',
+            logoPath   = 'https://raw.githubusercontent.com/neomjs/pages/main/resources/images/apps/covid/',
             themeLight = button.text === 'Theme Light',
             buttonText, cls, href, iconCls, mapView, mapViewStyle, theme;
 

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

@@ -68,7 +68,7 @@ class List extends BaseList {
                 basePath = '../../' + basePath;
             }
         } else {
-            basePath = 'https://raw.githubusercontent.com/neomjs/pages/master/resources/website';
+            basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources/website';
         }
 
         const vdomCn = [

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

@@ -80,7 +80,7 @@ class List extends BaseList {
                 basePath = '../../' + basePath;
             }
         } else {
-            basePath = 'https://raw.githubusercontent.com/neomjs/pages/master/resources/website/examples';
+            basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources/website/examples';
         }
 
         return [

package/examples/ServiceWorker.mjs

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

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/master/resources/images/flaticon/country_flags/png/${imageName}.png`;
+        return `https://raw.githubusercontent.com/neomjs/pages/main/resources/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/master/resources/images/flaticon/country_flags/png/' + imageName + '.png'
+        return 'https://raw.githubusercontent.com/neomjs/pages/main/resources/images/flaticon/country_flags/png/' + imageName + '.png'
     }
     /**
      * @returns {String}

package/examples/component/toast/resources/highlight/CHANGES.md

@@ -772,7 +772,7 @@ New languages in this release:
 [Erik Paluka]: https://github.com/paluka
 [Luke Holder]: https://github.com/lukeholder
 [David Mohundro]: https://github.com/drmohundro
-[ps]: https://github.com/OctopusDeploy/Library/blob/master/app/shared/presentation/highlighting/powershell.js
+[ps]: https://github.com/OctopusDeploy/Library/blob/main/app/shared/presentation/highlighting/powershell.js
 [Christophe de Dinechin]: https://github.com/c3d
 [Taneli Vatanen]: https://github.com/Daiz-
 [Jen Evers-Corvina]: https://github.com/sevvie
@@ -792,7 +792,7 @@ We're going to redesign the old [demo/test suite][demo] into an interactive
 demo web app. If you're confident front-end developer or designer and want to
 help us with it, drop a comment into [the issue][#542] on GitHub.
 
-[test]: https://github.com/isagalaev/highlight.js/tree/master/test
+[test]: https://github.com/isagalaev/highlight.js/tree/main/test
 [demo]: https://highlightjs.org/static/test.html
 [#542]: https://github.com/isagalaev/highlight.js/issues/542
 [ci]: https://travis-ci.org/isagalaev/highlight.js

package/examples/component/toast/resources/highlight/README.md

@@ -182,5 +182,5 @@ Authors and contributors are listed in the [AUTHORS.en.txt][8] file.
 [4]: http://highlightjs.readthedocs.io/en/latest/api.html#configure-options
 [5]: https://highlightjs.org/download/
 [6]: http://highlightjs.readthedocs.io/en/latest/building-testing.html
-[7]: https://github.com/highlightjs/highlight.js/blob/master/LICENSE
-[8]: https://github.com/highlightjs/highlight.js/blob/master/AUTHORS.en.txt
+[7]: https://github.com/highlightjs/highlight.js/blob/main/LICENSE
+[8]: https://github.com/highlightjs/highlight.js/blob/main/AUTHORS.en.txt

package/examples/form/field/textarea/MainContainer.mjs

@@ -113,6 +113,12 @@ class MainContainer extends ConfigurationViewport {
             labelText: 'resizable',
             listeners: {change: me.onConfigChange.bind(me, 'resizable')},
             style    : {marginTop: '10px'}
+        }, {
+            module   : CheckBox,
+            checked  : me.exampleComponent.autoGrow,
+            labelText: 'autoGrow',
+            listeners: {change: me.onConfigChange.bind(me, 'autoGrow')},
+            style    : {marginTop: '10px'}
         }, {
             module   : CheckBox,
             checked  : me.exampleComponent.required,
@@ -175,7 +181,7 @@ class MainContainer extends ConfigurationViewport {
     createExampleComponent() {
         return Neo.create(TextAreaField, {
             clearable : true,
-            height    : 600,
+            height    : 60,
             labelText : 'Label',
             labelWidth: 70,
             value     : 'Hello World',

package/examples/grid/covid/Util.mjs

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

package/examples/preloadingAssets/view/MainContainer.mjs

@@ -44,7 +44,7 @@ class MainContainer extends Viewport {
 
                 vdom: {
                     tag: 'img',
-                    src: 'https://raw.githubusercontent.com/neomjs/pages/master/resources/examples/ai_images/000150.jpg'
+                    src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources/examples/ai_images/000150.jpg'
                 }
             }, {
                 tabButtonConfig: {
@@ -54,7 +54,7 @@ class MainContainer extends Viewport {
 
                 vdom: {
                     tag: 'img',
-                    src: 'https://raw.githubusercontent.com/neomjs/pages/master/resources/examples/ai_images/000074.jpg'
+                    src: 'https://raw.githubusercontent.com/neomjs/pages/main/resources/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/master/resources/examples/ai_images/000074.jpg']
+                files: ['https://raw.githubusercontent.com/neomjs/pages/main/resources/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/master/resources/images/flaticon/country_flags/png/${imageName}.png`;
+        return `https://raw.githubusercontent.com/neomjs/pages/main/resources/images/flaticon/country_flags/png/${imageName}.png`;
     }
 
     /**