neo.mjs 7.0.6 → 7.2.0

package/README.md

@@ -72,9 +72,9 @@ Join our community:</br>
 
 </br><h2 id="getting-started">4. Getting Started</h2>
 * Take a look at the <a href="./.github/GETTING_STARTED.md">Getting Started Guide</a>
-* Make sure to dive into the <a href="https://neomjs.com/dist/production/apps/portal/#/learn/Setup">Learning Section</a>
+* Make sure to dive into the <a href="https://neomjs.com/dist/production/apps/portal/#/learn/gettingstarted.Setup">Learning Section</a>
 * The most advanced tutorial to help you with getting up to speed is this one:</br>
-   <a href="https://neomjs.com/dist/production/apps/portal/#/learn/Earthquakes">Earthquakes Tutorial</a>
+   <a href="https://neomjs.com/dist/production/apps/portal/#/learn/tutorials.Earthquakes">Earthquakes Tutorial</a>
 
 </br><h2 id="cli">5. Command-Line Interface</h2>
 You can find an in-depth description here: <a href="./buildScripts/README.md">Neo.mjs CLI</a>

package/apps/ServiceWorker.mjs

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

package/apps/portal/index.html

@@ -16,7 +16,7 @@
         "@type": "Organization",
         "name": "Neo.mjs"
       },
-      "datePublished": "2024-09-01",
+      "datePublished": "2024-09-12",
       "publisher": {
         "@type": "Organization",
         "name": "Neo.mjs"

package/apps/portal/model/Content.mjs

@@ -27,8 +27,9 @@ class Content extends Model {
             name: 'id',
             type: 'String'
         }, {
-            name: 'isLeaf',
-            type: 'Boolean'
+            name        : 'isLeaf',
+            type        : 'Boolean',
+            defaultValue: true
         }, {
             name: 'name',
             type: 'String'

package/apps/portal/model/Example.mjs

@@ -0,0 +1,46 @@
+import Model from '../../../src/data/Model.mjs';
+
+/**
+ * @class Portal.model.Example
+ * @extends Neo.data.Model
+ */
+class Example extends Model {
+    static config = {
+        /**
+         * @member {String} className='Portal.model.Example'
+         * @protected
+         */
+        className: 'Portal.model.Example',
+        /**
+         * @member {Object[]} fields
+         * @protected
+         */
+        fields: [{
+            name: 'backgroundColor',
+            type: 'String'
+        }, {
+            name: 'browsers',
+            type: 'Array'
+        }, {
+            name: 'environments',
+            type: 'Array'
+        }, {
+            name: 'id',
+            type: 'Integer'
+        }, {
+            name: 'image',
+            type: 'String'
+        }, {
+            name: 'name',
+            type: 'String'
+        }, {
+            name: 'sourceUrl',
+            type: 'String'
+        }, {
+            name: 'url',
+            type: 'String'
+        }]
+    }
+}
+
+export default Neo.setupClass(Example);

package/apps/portal/resources/data/examples_devmode.json

@@ -0,0 +1,173 @@
+[
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 19,
+        "image"       : "devmode/model-component-example.png",
+        "name"        : "View Models Example",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/model/advanced",
+        "url"         : "https://neomjs.com/examples/model/advanced/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 18,
+        "image"       : "devmode/sharedcovid.png",
+        "name"        : "Multi Window Covid App",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/sharedcovid",
+        "url"         : "https://neomjs.com/apps/sharedcovid/index.html#mainview=table"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 17,
+        "image"       : "devmode/calendar-preview.png",
+        "name"        : "Calendar",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/src/calendar",
+        "url"         : "https://neomjs.com/examples/calendar/basic/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 16,
+        "image"       : "devmode/covidDashboard.png",
+        "name"        : "Covid Dashboard",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/covid",
+        "url"         : "https://neomjs.com/apps/covid/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 15,
+        "image"       : "devmode/multi_window_dd.png",
+        "name"        : "Multi Window Drag&Drop",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/shareddialog",
+        "url"         : "https://neomjs.com/apps/shareddialog/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 14,
+        "image"       : "devmode/realworldApp.png",
+        "name"        : "RealWorld App",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/realworld",
+        "url"         : "https://neomjs.com/apps/realworld/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 13,
+        "image"       : "devmode/coronaGallery.png",
+        "name"        : "COVID-19 Gallery",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/coronaGallery",
+        "url"         : "https://neomjs.com/examples/component/coronaGallery/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 12,
+        "image"       : "devmode/coronaHelix.png",
+        "name"        : "COVID-19 Helix",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/coronaHelix",
+        "url"         : "https://neomjs.com/examples/component/coronaHelix/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 11,
+        "image"       : "devmode/website.png",
+        "name"        : "Neo Website App",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/website",
+        "url"         : "https://neomjs.com/apps/website/index.html#mainview=blog"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 10,
+        "image"       : "devmode/tableFiltering.png",
+        "name"        : "Table Filtering",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/tableFiltering",
+        "url"         : "https://neomjs.com/examples/tableFiltering/"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 9,
+        "image"       : "devmode/dragdrop.png",
+        "name"        : "Dialog drag&drop",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/dialog",
+        "url"         : "https://neomjs.com/examples/dialog/"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 8,
+        "image"       : "devmode/realworldApp2.png",
+        "name"        : "RealWorld App v2</br>(in progress)",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/realworld2",
+        "url"         : "https://neomjs.com/apps/realworld2/index.html#/gallery"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 7,
+        "image"       : "devmode/dateSelector.png",
+        "name"        : "component.DateSelector",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/dateSelector",
+        "url"         : "https://neomjs.com/examples/component/dateSelector/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 6,
+        "image"       : "devmode/gallery.png",
+        "name"        : "component.Gallery",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/gallery",
+        "url"         : "https://neomjs.com/examples/component/gallery/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 5,
+        "image"       : "devmode/helix.png",
+        "name"        : "component.Helix",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/helix",
+        "url"         : "https://neomjs.com/examples/component/helix/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 4,
+        "image"       : "devmode/dateField.png",
+        "name"        : "form.field.Date",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/form/field/date",
+        "url"         : "https://neomjs.com/examples/form/field/date/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 3,
+        "image"       : "devmode/selectField.png",
+        "name"        : "form.field.Select",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/form/field/select",
+        "url"         : "https://neomjs.com/examples/form/field/select/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 2,
+        "image"       : "devmode/tabContainer.png",
+        "name"        : "tab.Container",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/tab/container",
+        "url"         : "https://neomjs.com/examples/tab/container/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 1,
+        "image"       : "devmode/siesta.png",
+        "name"        : "Siesta Unit Tests",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/test/siesta",
+        "url"         : "https://neomjs.com/test/siesta/index.html"
+    }
+]

package/apps/portal/resources/data/examples_dist_dev.json

@@ -0,0 +1,164 @@
+[
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 18,
+        "image"       : "devmode/model-component-example.png",
+        "name"        : "View Models Example",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/model/advanced",
+        "url"         : "https://neomjs.com/dist/development/examples/model/advanced/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 17,
+        "image"       : "devmode/sharedcovid.png",
+        "name"        : "Multi Window Covid App",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/sharedcovid",
+        "url"         : "https://neomjs.com/dist/development/apps/sharedcovid/index.html#mainview=table"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 16,
+        "image"       : "devmode/calendar-preview.png",
+        "name"        : "Calendar",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/src/calendar",
+        "url"         : "https://neomjs.com/dist/development/examples/calendar/basic/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 15,
+        "image"       : "devmode/covidDashboard.png",
+        "name"        : "Covid Dashboard",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/covid",
+        "url"         : "https://neomjs.com/dist/development/apps/covid/index.html#mainview=table"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 14,
+        "image"       : "devmode/multi_window_dd.png",
+        "name"        : "Multi Window Drag&Drop",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/shareddialog",
+        "url"         : "https://neomjs.com/dist/development/apps/shareddialog/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 13,
+        "image"       : "devmode/realworldApp.png",
+        "name"        : "RealWorld App",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/realworld",
+        "url"         : "https://neomjs.com/dist/development/apps/realworld/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 12,
+        "image"       : "devmode/coronaGallery.png",
+        "name"        : "COVID-19 Gallery",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/coronaGallery",
+        "url"         : "https://neomjs.com/dist/development/examples/component/coronaGallery/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 11,
+        "image"       : "devmode/coronaHelix.png",
+        "name"        : "COVID-19 Helix",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/coronaHelix",
+        "url"         : "https://neomjs.com/dist/development/examples/component/coronaHelix/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop", "Mobile"],
+        "id"          : 10,
+        "image"       : "devmode/website.png",
+        "name"        : "Neo Website App",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/website",
+        "url"         : "https://neomjs.com/dist/development/apps/website/index.html#mainview=blog"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 9,
+        "image"       : "devmode/tableFiltering.png",
+        "name"        : "Table Filtering",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/tableFiltering",
+        "url"         : "https://neomjs.com/dist/development/examples/tableFiltering/"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 8,
+        "image"       : "devmode/dragdrop.png",
+        "name"        : "Dialog drag&drop",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/dialog",
+        "url"         : "https://neomjs.com/dist/development/examples/dialog/"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 7,
+        "image"       : "devmode/realworldApp2.png",
+        "name"        : "RealWorld App v2</br>(in progress)",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/realworld2",
+        "url"         : "https://neomjs.com/dist/development/apps/realworld2/index.html#/gallery"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 6,
+        "image"       : "devmode/dateSelector.png",
+        "name"        : "component.DateSelector",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/dateSelector",
+        "url"         : "https://neomjs.com/dist/development/examples/component/dateSelector/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 5,
+        "image"       : "devmode/gallery.png",
+        "name"        : "component.Gallery",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/gallery",
+        "url"         : "https://neomjs.com/dist/development/examples/component/gallery/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 4,
+        "image"       : "devmode/helix.png",
+        "name"        : "component.Helix",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/helix",
+        "url"         : "https://neomjs.com/dist/development/examples/component/helix/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 3,
+        "image"       : "devmode/dateField.png",
+        "name"        : "form.field.Date",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/form/field/date",
+        "url"         : "https://neomjs.com/dist/development/examples/form/field/date/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 2,
+        "image"       : "devmode/selectField.png",
+        "name"        : "form.field.Select",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/form/field/select",
+        "url"         : "https://neomjs.com/dist/development/examples/form/field/select/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 1,
+        "image"       : "devmode/tabContainer.png",
+        "name"        : "tab.Container",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/tab/container",
+        "url"         : "https://neomjs.com/dist/development/examples/tab/container/index.html"
+    }
+]

package/apps/portal/resources/data/examples_dist_prod.json

@@ -0,0 +1,164 @@
+[
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 18,
+        "image"       : "devmode/model-component-example.png",
+        "name"        : "View Models Example",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/model/advanced",
+        "url"         : "https://neomjs.com/dist/production/examples/model/advanced/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 17,
+        "image"       : "devmode/sharedcovid.png",
+        "name"        : "Multi Window Covid App",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/sharedcovid",
+        "url"         : "https://neomjs.com/dist/production/apps/sharedcovid/index.html#mainview=table"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 16,
+        "image"       : "devmode/calendar-preview.png",
+        "name"        : "Calendar",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/src/calendar",
+        "url"         : "https://neomjs.com/dist/production/examples/calendar/basic/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 15,
+        "image"       : "devmode/covidDashboard.png",
+        "name"        : "Covid Dashboard",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/covid",
+        "url"         : "https://neomjs.com/dist/production/apps/covid/index.html#mainview=table"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 14,
+        "image"       : "devmode/multi_window_dd.png",
+        "name"        : "Multi Window Drag&Drop",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/shareddialog",
+        "url"         : "https://neomjs.com/dist/production/apps/shareddialog/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 13,
+        "image"       : "devmode/realworldApp.png",
+        "name"        : "RealWorld App",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/realworld",
+        "url"         : "https://neomjs.com/dist/production/apps/realworld/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 12,
+        "image"       : "devmode/coronaGallery.png",
+        "name"        : "COVID-19 Gallery",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/coronaGallery",
+        "url"         : "https://neomjs.com/dist/production/examples/component/coronaGallery/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 11,
+        "image"       : "devmode/coronaHelix.png",
+        "name"        : "COVID-19 Helix",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/coronaHelix",
+        "url"         : "https://neomjs.com/dist/production/examples/component/coronaHelix/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop", "Mobile"],
+        "id"          : 10,
+        "image"       : "devmode/website.png",
+        "name"        : "Neo Website App",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/website",
+        "url"         : "https://neomjs.com/dist/production/apps/website/index.html#mainview=blog"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 9,
+        "image"       : "devmode/tableFiltering.png",
+        "name"        : "Table Filtering",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/tableFiltering",
+        "url"         : "https://neomjs.com/dist/production/examples/tableFiltering/"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 8,
+        "image"       : "devmode/dragdrop.png",
+        "name"        : "Dialog drag&drop",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/dialog",
+        "url"         : "https://neomjs.com/dist/production/examples/dialog/"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 7,
+        "image"       : "devmode/realworldApp2.png",
+        "name"        : "RealWorld App v2</br>(in progress)",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/apps/realworld2",
+        "url"         : "https://neomjs.com/dist/production/apps/realworld2/index.html#/gallery"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 6,
+        "image"       : "devmode/dateSelector.png",
+        "name"        : "component.DateSelector",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/dateSelector",
+        "url"         : "https://neomjs.com/dist/production/examples/component/dateSelector/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 5,
+        "image"       : "devmode/gallery.png",
+        "name"        : "component.Gallery",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/gallery",
+        "url"         : "https://neomjs.com/dist/production/examples/component/gallery/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 4,
+        "image"       : "devmode/helix.png",
+        "name"        : "component.Helix",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/component/helix",
+        "url"         : "https://neomjs.com/dist/production/examples/component/helix/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 3,
+        "image"       : "devmode/dateField.png",
+        "name"        : "form.field.Date",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/form/field/date",
+        "url"         : "https://neomjs.com/dist/production/examples/form/field/date/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 2,
+        "image"       : "devmode/selectField.png",
+        "name"        : "form.field.Select",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/form/field/select",
+        "url"         : "https://neomjs.com/dist/production/examples/form/field/select/index.html"
+    },
+    {
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari"],
+        "environments": ["Desktop"],
+        "id"          : 1,
+        "image"       : "devmode/tabContainer.png",
+        "name"        : "tab.Container",
+        "sourceUrl"   : "https://github.com/neo.mjs/neo/tree/dev/examples/tab/container",
+        "url"         : "https://neomjs.com/dist/production/examples/tab/container/index.html"
+    }
+]

package/apps/portal/store/Examples.mjs

@@ -0,0 +1,33 @@
+import Example from '../model/Example.mjs';
+import Store   from '../../../src/data/Store.mjs';
+
+/**
+ * @class Portal.store.Examples
+ * @extends Neo.data.Store
+ */
+class Examples extends Store {
+    static config = {
+        /**
+         * @member {String} className='Portal.store.Examples'
+         * @protected
+         */
+        className: 'Portal.store.Examples',
+        /**
+         * @member {String} keyProperty='id'
+         */
+        keyProperty: 'id',
+        /**
+         * @member {Neo.data.Model} model=Example
+         */
+        model: Example,
+        /**
+         * @member {Object[]} sorters=[{property: 'id', direction: 'ASC'}]
+         */
+        sorters: [{
+            property : 'id',
+            direction: 'DESC'
+        }]
+    }
+}
+
+export default Neo.setupClass(Examples);

package/apps/portal/view/HeaderToolbar.mjs

@@ -38,6 +38,9 @@ class HeaderToolbar extends Base {
             text     : 'Blog',
             reference: 'blog-header-button',
             route    : '/blog'
+        }, {
+            text : 'Examples',
+            route: '/examples'
         }, {
             text : 'Services',
             route: '/services'