neo.mjs 7.2.0 → 7.4.0

package/README.md

@@ -25,9 +25,10 @@ you have found the right spot.
 1. <a href="#introduction">Introduction</a>
 2. <a href="#use-cases">Potential Use Cases</a>
 3. <a href="#slack-channel">Slack Channel for questions & feedback</a>
-4. <a href="#getting-started">Getting Started</a>
-5. <a href="#cli">Command-Line Interface</a>
-6. <a href="#blog">Blog</a>
+4. <a href="#examples">Examples</a>
+5. <a href="#getting-started">Getting Started</a>
+6. <a href="#cli">Command-Line Interface</a>
+7. <a href="#blog">Blog</a>
 
 </br><h2 id="introduction">1. Introduction</h2>
 Neo.mjs drives the OMT (off the main thread) paradigm into perfection,
@@ -70,16 +71,21 @@ but instead on a super-fast update & navigation experience for returning users.
 Join our community:</br>
 <a href="https://join.slack.com/t/neomjs/shared_invite/zt-6c50ueeu-3E1~M4T9xkNnb~M_prEEOA"><img src="https://img.shields.io/badge/Slack-neo.mjs-brightgreen.svg?logo=slack&style=for-the-badge" alt="Join the Slack channel"></a>
 
-</br><h2 id="getting-started">4. Getting Started</h2>
+</br><h2 id="examples">4. Examples</h2>
+Some exciting Examples are listed here: <a href="https://neomjs.com/dist/production/apps/portal/#/examples">Neo.mjs Examples</a>
+
+Many more are included inside the repos `src/apps` & `src/examples` folders.
+
+</br><h2 id="getting-started">5. 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/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/tutorials.Earthquakes">Earthquakes Tutorial</a>
 
-</br><h2 id="cli">5. Command-Line Interface</h2>
+</br><h2 id="cli">6. Command-Line Interface</h2>
 You can find an in-depth description here: <a href="./buildScripts/README.md">Neo.mjs CLI</a>
 
-</br><h2 id="blog">6. Blog</h2>
+</br><h2 id="blog">7. Blog</h2>
 All Blog Posts are listed here: <a href="https://neomjs.com/dist/production/apps/portal/#/blog">Neo.mjs Blog</a>
 
 </br></br>

package/apps/ServiceWorker.mjs

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

package/apps/portal/index.html

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

package/apps/portal/model/Example.mjs

@@ -19,11 +19,17 @@ class Example extends Model {
             name: 'backgroundColor',
             type: 'String'
         }, {
-            name: 'browsers',
-            type: 'Array'
+            name        : 'browsers',
+            type        : 'Array',
+            defaultValue: ['Chrome', 'Edge', 'Firefox', 'Safari']
         }, {
-            name: 'environments',
-            type: 'Array'
+            name        : 'environments',
+            type        : 'Array',
+            defaultValue: ['Desktop']
+        }, {
+            name        : 'hidden',
+            type        : 'Boolean',
+            defaultValue: false
         }, {
             name: 'id',
             type: 'Integer'
@@ -33,6 +39,10 @@ class Example extends Model {
         }, {
             name: 'name',
             type: 'String'
+        }, {
+            name        : 'sharedWorkers',
+            type        : 'Boolean',
+            defaultValue: false
         }, {
             name: 'sourceUrl',
             type: 'String'

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

@@ -1,173 +1,141 @@
-[
-    {
-        "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"
-    }
-]
+[{
+    "id"           : 22,
+    "image"        : "devmode/sharedcovid.png",
+    "name"         : "Multi Window Covid App",
+    "sharedWorkers": true,
+    "sourceUrl"    : "apps/sharedcovid",
+    "url"          : "apps/sharedcovid/index.html#mainview=table"
+}, {
+    "id"       : 21,
+    "image"    : "devmode/calendar-preview.png",
+    "name"     : "Calendar",
+    "sourceUrl": "src/calendar",
+    "url"      : "examples/calendar/basic/index.html"
+}, {
+    "id"       : 20,
+    "image"    : "devmode/helix.png",
+    "name"     : "component.Helix",
+    "sourceUrl": "examples/component/helix",
+    "url"      : "examples/component/helix/index.html"
+}, {
+    "id"       : 19,
+    "image"    : "devmode/coronaGallery.png",
+    "name"     : "COVID-19 Gallery",
+    "sourceUrl": "examples/component/coronaGallery",
+    "url"      : "examples/component/coronaGallery/index.html"
+}, {
+    "id"       : 18,
+    "image"    : "devmode/offscreenCanvas.png",
+    "name"     : "OffscreenCanvas",
+    "sourceUrl": "https://github.com/neomjs/offscreen-canvas/",
+    "url"      : "https://neomjs.github.io/pages2/workspace/neo-offscreen-canvas-demo/apps/myapp/index.html"
+}, {
+    "id"           : 17,
+    "image"        : "devmode/sharedOffscreenCanvas.png",
+    "name"         : "Multi-Window OffscreenCanvas",
+    "sourceUrl"    : "https://github.com/neomjs/shared-offscreen",
+    "sharedWorkers": true,
+    "url"          : "https://neomjs.github.io/pages2/workspace/neo-shared-offscreen-canvas-demo/apps/mainapp/index.html"
+}, {
+    "id"       : 16,
+    "image"    : "devmode/tabContainer.png",
+    "name"     : "tab.Container",
+    "sourceUrl": "examples/tab/container",
+    "url"      : "examples/tab/container/index.html"
+}, {
+    "id"       : 15,
+    "image"    : "devmode/model-component-example.png",
+    "name"     : "View Models Example",
+    "sourceUrl": "examples/model/advanced",
+    "url"      : "examples/model/advanced/index.html"
+}, {
+    "id"       : 14,
+    "image"    : "devmode/dragdrop.png",
+    "name"     : "Dialog drag&drop",
+    "sourceUrl": "examples/dialog",
+    "url"      : "examples/dialog/"
+}, {
+    "id"           : 13,
+    "image"        : "dist_prod/colorsApp.png",
+    "name"         : "Colors Dashboard",
+    "sharedWorkers": true,
+    "sourceUrl"    : "apps/colors",
+    "url"          : "apps/colors/index.html"
+}, {
+    "id"       : 12,
+    "image"    : "devmode/covidDashboard.png",
+    "name"     : "Covid Dashboard",
+    "sourceUrl": "apps/covid",
+    "url"      : "apps/covid/index.html"
+}, {
+    "id"       : 11,
+    "image"    : "devmode/coronaHelix.png",
+    "name"     : "COVID-19 Helix",
+    "sourceUrl": "examples/component/coronaHelix",
+    "url"      : "examples/component/coronaHelix/index.html"
+}, {
+    "id"       : 10,
+    "image"    : "devmode/gallery.png",
+    "name"     : "component.Gallery",
+    "sourceUrl": "examples/component/gallery",
+    "url"      : "examples/component/gallery/index.html"
+}, {
+    "id"       : 9,
+    "image"    : "devmode/tableFiltering.png",
+    "name"     : "Table Filtering",
+    "sourceUrl": "examples/tableFiltering",
+    "url"      : "examples/tableFiltering/"
+}, {
+    "id"       : 8,
+    "image"    : "devmode/dateSelector.png",
+    "name"     : "component.DateSelector",
+    "sourceUrl": "examples/component/dateSelector",
+    "url"      : "examples/component/dateSelector/index.html"
+}, {
+    "id"       : 7,
+    "image"    : "devmode/dateField.png",
+    "name"     : "form.field.Date",
+    "sourceUrl": "examples/form/field/date",
+    "url"      : "examples/form/field/date/index.html"
+}, {
+    "id"       : 6,
+    "image"    : "devmode/selectField.png",
+    "name"     : "form.field.ComboBox",
+    "sourceUrl": "examples/form/field/combobox",
+    "url"      : "examples/form/field/combobox/index.html"
+}, {
+    "id"           : 5,
+    "image"        : "dist_prod/portalApp.png",
+    "name"         : "Portal App",
+    "sharedWorkers": true,
+    "sourceUrl"    : "apps/portal",
+    "url"          : "apps/portal/index.html"
+}, {
+    "id"       : 4,
+    "image"    : "devmode/siesta.png",
+    "name"     : "Siesta Unit Tests",
+    "sourceUrl": "test/siesta",
+    "url"      : "test/siesta/index.html"
+}, {
+    "hidden"       : true,
+    "id"           : 3,
+    "image"        : "devmode/multi_window_dd.png",
+    "name"         : "Multi Window Drag&Drop",
+    "sharedWorkers": true,
+    "sourceUrl"    : "apps/shareddialog",
+    "url"          : "apps/shareddialog/index.html"
+}, {
+    "hidden"   : true,
+    "id"       : 2,
+    "image"    : "devmode/realworldApp.png",
+    "name"     : "RealWorld App",
+    "sourceUrl": "apps/realworld",
+    "url"      : "apps/realworld/index.html"
+}, {
+    "hidden"   : true,
+    "id"       : 1,
+    "image"    : "devmode/realworldApp2.png",
+    "name"     : "RealWorld App v2</br>(in progress)",
+    "sourceUrl": "apps/realworld2",
+    "url"      : "apps/realworld2/index.html#/gallery"
+}]