neo.mjs 7.2.0 → 7.4.0

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

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

package/apps/portal/store/Examples.mjs

@@ -19,14 +19,7 @@ class Examples extends Store {
         /**
          * @member {Neo.data.Model} model=Example
          */
-        model: Example,
-        /**
-         * @member {Object[]} sorters=[{property: 'id', direction: 'ASC'}]
-         */
-        sorters: [{
-            property : 'id',
-            direction: 'DESC'
-        }]
+        model: Example
     }
 }
 

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

@@ -54,9 +54,9 @@ class List extends BaseList {
     }
 
     /**
-     * @member {String} basePath
+     * @member {String} imageBasePath
      */
-    get basePath() {
+    get imageBasePath() {
         let basePath;
 
         if (Neo.config.isGitHubPages) {
@@ -114,20 +114,18 @@ class List extends BaseList {
      * @param {Object} record
      */
     createItemContent(record) {
-        let {basePath} = this;
+        let {imageBasePath} = this;
 
         const vdomCn = [
             {cls: ['content'], data: {recordId: record.id}, cn: [
                 {cls: ['neo-relative'], cn: [
-                    {cls: ['neo-full-size', 'preview-image'], flag: `image-${record.id}`
-                        //backgroundImage: `url('${basePath}/blog/${record.image}'), linear-gradient(#777, #333)`
-                    },
+                    {cls: ['neo-full-size', 'preview-image'], flag: `image-${record.id}`},
                     {cls: ['neo-absolute', 'neo-item-bottom-position'], cn: [
                         {tag: 'a', cls: ['neo-title'], href: record.url, target: '_blank', cn: [
                             {flag: 'name', html: record.name.replace(List.nameRegEx, "$1")}
                         ]},
                         {cls: ['neo-top-20'], cn: [
-                            {tag: 'img', cls: ['neo-user-image'], src: `${basePath}/blogAuthor/${record.authorImage}`},
+                            {tag: 'img', cls: ['neo-user-image'], src: `${imageBasePath}/blogAuthor/${record.authorImage}`},
                             {cls: ['neo-inner-content'], cn: [
                                 {cls: ['neo-inner-details'], flag: 'author', cn: [
                                     {tag: 'span', cls: ['neo-bold'], html: record.author}
@@ -216,12 +214,12 @@ class List extends BaseList {
      * @param {Object} data
      */
     onIntersect(data) {
-        let me                = this,
-            {basePath, store} = me,
-            record            = store.get(parseInt(data.data.recordId)),
-            i                 = store.indexOf(record),
-            len               = Math.min(i + me.preloadImages, store.getCount()),
-            needsUpdate       = false,
+        let me                     = this,
+            {imageBasePath, store} = me,
+            record                 = store.get(parseInt(data.data.recordId)),
+            i                      = store.indexOf(record),
+            len                    = Math.min(i + me.preloadImages, store.getCount()),
+            needsUpdate            = false,
             node;
 
         for (; i < len; i++) {
@@ -231,7 +229,7 @@ class List extends BaseList {
                 needsUpdate = true;
 
                 node.style = {
-                    backgroundImage: `url('${basePath}/blog/${record.image}'), linear-gradient(#777, #333)`
+                    backgroundImage: `url('${imageBasePath}/blog/${record.image}'), linear-gradient(#777, #333)`
                 }
             }
         }