neo.mjs 7.2.0 → 7.3.0

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

@@ -24,6 +24,16 @@ class List extends BaseList {
          * @member {String[]} baseCls=['portal-examples-list','neo-list']
          */
         baseCls: ['portal-examples-list', 'neo-list'],
+        /**
+         * @member {String} baseUrl='https://neomjs.com/'
+         */
+        baseUrl: 'https://neomjs.com/',
+        /**
+         * The env of the example links.
+         * Valid values are 'development', 'dist/development', 'dist/production'
+         * @member {String} environment='development'
+         */
+        environment: 'development',
         /**
          * @member {Neo.data.Store} store=Examples
          */
@@ -32,6 +42,10 @@ class List extends BaseList {
          * @member {String|null} storeUrl_=null
          */
         storeUrl_: null,
+        /**
+         * @member {String} sourceBaseUrl='https://github.com/neo.mjs/neo/tree/dev/'
+         */
+        sourceBaseUrl: 'https://github.com/neo.mjs/neo/tree/dev/',
         /**
          * @member {Boolean} useWrapperNode=true
          */
@@ -84,16 +98,14 @@ class List extends BaseList {
         }
 
         return [
-            {cls: ['content', 'neo-relative'], cn: [
+            {cls: ['content', 'neo-relative'], removeDom: record.hidden, cn: [
                 {cls: ['neo-full-size', 'preview-image'], style: {
                     backgroundImage: `url('${basePath}/${record.image}'), linear-gradient(#777, #333)`}
                 },
                 {cls: ['neo-absolute', 'neo-item-bottom-position'], cn: [
-                    {tag: 'a', cls: ['neo-title'], href: record.url, target: '_blank', cn: [
-                        {html: record.name.replace(List.nameRegEx, "$1")}
-                    ]},
+                    {...this.createLink(record)},
                     {cls: ['neo-top-20'], cn: [
-                        {tag: 'a', cls: ['fab fa-github', 'neo-github-image'], href: record.sourceUrl, target: '_blank'},
+                        {tag: 'a', cls: ['fab fa-github', 'neo-github-image'], href: this.sourceBaseUrl + record.sourceUrl, target: '_blank'},
                         {cls: ['neo-inner-content'], cn: [
                             {cls: ['neo-inner-details'], html: record.browsers.join(', ')},
                             {cls: ['neo-inner-details'], html: record.environments.join(', ')}
@@ -104,6 +116,28 @@ class List extends BaseList {
         ]
     }
 
+    /**
+     *
+     * @param {Object} record
+     * @returns {Object}
+     */
+    createLink(record) {
+        let vdom = {
+            tag : 'a',
+            cls : ['neo-title'],
+            cn  : [{html: record.name.replace(List.nameRegEx, "$1")}],
+            href: this.baseUrl + record.url
+        };
+
+        // Do not open multi-window examples inside a new browser window, in case the environment is the same.
+        // E.g. opening the multi-window covid app & the portal app inside the same app worker is problematic.
+        if (!record.sharedWorkers || this.environment !== Neo.config.environment) {
+            vdom.target = '_blank'
+        }
+
+        return vdom
+    }
+
     /**
      * @returns {Object}
      */

package/apps/portal/view/examples/TabContainer.mjs

@@ -49,6 +49,7 @@ class TabContainer extends Container {
                 text   : 'DevMode'
             }
         }, {
+            environment    : 'dist/development',
             reference      : 'examples-dist-dev-list',
             storeUrl       : '../../apps/portal/resources/data/examples_dist_dev.json',
             tabButtonConfig: {
@@ -57,6 +58,7 @@ class TabContainer extends Container {
                 text   : 'dist/dev'
             }
         }, {
+            environment    : 'dist/production',
             reference      : 'examples-dist-prod-list',
             storeUrl       : '../../apps/portal/resources/data/examples_dist_prod.json',
             tabButtonConfig: {

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

@@ -111,7 +111,7 @@ class FooterContainer extends Container {
             }, {
                 module: Component,
                 cls   : ['neo-version'],
-                html  : 'v7.2.0'
+                html  : 'v7.3.0'
             }]
         }],
         /**

package/apps/realworld/api/Article.mjs

@@ -3,6 +3,7 @@ import Base from './Base.mjs';
 /**
  * @class RealWorld.api.Article
  * @extends RealWorld.api.Base
+ * @singleton
  */
 class Article extends Base {
     static config = {
@@ -14,7 +15,12 @@ class Article extends Base {
         /**
          * @member {String} resource='/articles'
          */
-        resource: '/articles'
+        resource: '/articles',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
     }
 
     /**

package/apps/realworld/api/Favorite.mjs

@@ -3,6 +3,7 @@ import Base from './Base.mjs';
 /**
  * @class RealWorld.api.Favorite
  * @extends RealWorld.api.Base
+ * @singleton
  */
 class Favorite extends Base {
     static config = {
@@ -10,7 +11,12 @@ class Favorite extends Base {
          * @member {String} className='RealWorld.api.Favorite'
          * @protected
          */
-        className: 'RealWorld.api.Favorite'
+        className: 'RealWorld.api.Favorite',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
     }
 
     /**

package/apps/realworld/api/Profile.mjs

@@ -3,6 +3,7 @@ import Base from './Base.mjs';
 /**
  * @class RealWorld.api.Profile
  * @extends RealWorld.api.Base
+ * @singleton
  */
 class Profile extends Base {
     static config = {
@@ -14,7 +15,12 @@ class Profile extends Base {
         /**
          * @member {String} resource='/profiles'
          */
-        resource: '/profiles'
+        resource: '/profiles',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
     }
 
     /**

package/apps/realworld/api/Tag.mjs

@@ -3,6 +3,7 @@ import Base from './Base.mjs';
 /**
  * @class RealWorld.api.Tag
  * @extends RealWorld.api.Base
+ * @singleton
  */
 class Tag extends Base {
     static config = {
@@ -14,7 +15,12 @@ class Tag extends Base {
         /**
          * @member {String} resource='/tags'
          */
-        resource: '/tags'
+        resource: '/tags',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
     }
 }
 

package/apps/realworld/api/User.mjs

@@ -3,6 +3,7 @@ import Base from './Base.mjs';
 /**
  * @class RealWorld.api.User
  * @extends RealWorld.api.Base
+ * @singleton
  */
 class User extends Base {
     static config = {
@@ -14,7 +15,12 @@ class User extends Base {
         /**
          * @member {String} resource='/tags'
          */
-        resource: '/users'
+        resource: '/users',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
     }
 }
 

package/apps/realworld2/api/Article.mjs

@@ -3,6 +3,7 @@ import Base from './Base.mjs';
 /**
  * @class RealWorld2.api.Article
  * @extends RealWorld2.api.Base
+ * @singleton
  */
 class Article extends Base {
     static config = {
@@ -14,7 +15,12 @@ class Article extends Base {
         /**
          * @member {String} resource='/articles'
          */
-        resource: '/articles'
+        resource: '/articles',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
     }
 
     /**

package/apps/realworld2/api/Favorite.mjs

@@ -3,6 +3,7 @@ import Base from './Base.mjs';
 /**
  * @class RealWorld2.api.Favorite
  * @extends RealWorld2.api.Base
+ * @singleton
  */
 class Favorite extends Base {
     static config = {
@@ -10,7 +11,12 @@ class Favorite extends Base {
          * @member {String} className='RealWorld2.api.Favorite'
          * @protected
          */
-        className: 'RealWorld2.api.Favorite'
+        className: 'RealWorld2.api.Favorite',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
     }
 
     /**

package/apps/realworld2/api/Profile.mjs

@@ -3,6 +3,7 @@ import Base from './Base.mjs';
 /**
  * @class RealWorld2.api.Profile
  * @extends RealWorld2.api.Base
+ * @singleton
  */
 class Profile extends Base {
     static config = {
@@ -14,7 +15,12 @@ class Profile extends Base {
         /**
          * @member {String} resource='/profiles'
          */
-        resource: '/profiles'
+        resource: '/profiles',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
     }
 
     /**

package/apps/realworld2/api/Tag.mjs

@@ -3,6 +3,7 @@ import Base from './Base.mjs';
 /**
  * @class RealWorld2.api.Tag
  * @extends RealWorld2.api.Base
+ * @singleton
  */
 class Tag extends Base {
     static config = {
@@ -14,7 +15,12 @@ class Tag extends Base {
         /**
          * @member {String} resource='/tags'
          */
-        resource: '/tags'
+        resource: '/tags',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
     }
 }
 

package/apps/realworld2/api/User.mjs

@@ -3,6 +3,7 @@ import Base from './Base.mjs';
 /**
  * @class RealWorld2.api.User
  * @extends RealWorld2.api.Base
+ * @singleton
  */
 class User extends Base {
     static config = {
@@ -14,7 +15,12 @@ class User extends Base {
         /**
          * @member {String} resource='/tags'
          */
-        resource: '/users'
+        resource: '/users',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
     }
 }
 

package/examples/ServiceWorker.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "7.2.0",
+    "version": "7.3.0",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -49,7 +49,7 @@
         "clean-webpack-plugin": "^4.0.0",
         "commander": "^12.1.0",
         "cssnano": "^7.0.6",
-        "envinfo": "^7.13.0",
+        "envinfo": "^7.14.0",
         "fs-extra": "^11.2.0",
         "highlightjs-line-numbers.js": "^2.8.0",
         "inquirer": "^10.2.2",

package/resources/scss/src/apps/portal/examples/List.scss

@@ -5,6 +5,7 @@
         cursor      : default;
         display     : flex;
         max-width   : 800px;
+        margin      : 0 auto;
         overflow    : hidden;
         padding     : 0;
         transition  : height var(--portal-transition-duration) ease-out, margin-bottom var(--portal-transition-duration) ease-out;

package/resources/scss/src/apps/portal/examples/TabContainer.scss

@@ -1,8 +1,8 @@
 .portal-examples-tab-container.neo-tab-container {
-    margin   : 0 auto;
-    max-width: 830px;
+
 }
 
+// must not be inside the root class to honor the styling for tab button drag&drop
 .portal-examples-tab-header-toolbar.neo-tab-header-toolbar {
     background-color: #8BA6FF;
 

package/src/DefaultConfig.mjs

@@ -262,12 +262,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '7.2.0'
+     * @default '7.3.0'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '7.2.0'
+    version: '7.3.0'
 };
 
 Object.assign(DefaultConfig, {

package/src/calendar/view/MainContainer.mjs

@@ -346,11 +346,12 @@ class MainContainer extends Container {
             let me = this;
 
             me._editEventContainer = value = Neo.create({
-                module : EditEventContainer,
-                appName: me.appName,
-                model  : {parent: me.getModel()},
-                owner  : me,
-                width  : 250,
+                module  : EditEventContainer,
+                appName : me.appName,
+                model   : {parent: me.getModel()},
+                owner   : me,
+                width   : 250,
+                windowId: me.windowId,
                 ...me.editEventContainerConfig
             })
         }