neo.mjs 6.18.1 → 6.18.3

package/src/util/HashHistory.mjs

@@ -8,7 +8,6 @@ import Observable from '../core/Observable.mjs';
  */
 class HashHistory extends Base {
     /**
-     * True automatically applies the core.Observable mixin
      * @member {Boolean} observable=true
      * @static
      */
@@ -16,7 +15,7 @@ class HashHistory extends Base {
 
     static config = {
         /**
-         * @member {String} className='Neo.util.ClassSystem'
+         * @member {String} className='Neo.util.HashHistory'
          * @protected
          */
         className: 'Neo.util.HashHistory',
@@ -31,24 +30,54 @@ class HashHistory extends Base {
          */
         maxItems: 50,
         /**
-         * @member {Array} stack=[]
+         * Storing one stack per windowId
+         * @member {Object} stacks={}
          * @protected
          */
-        stack: []
+        stacks: {}
     }
 
     /**
+     * Convenience shortcut
+     * @param {Number} [windowId]
      * @returns {Object}
      */
-    first() {
-        return this.stack[0] || null
+    first(windowId) {
+        return this.getAt(0, windowId)
     }
 
     /**
+     * @param {Number} index
+     * @param {Number} [windowId]
      * @returns {Number}
      */
-    getCount() {
-        return this.stack.length
+    getAt(index, windowId) {
+        return this.getStack(windowId)[index]
+    }
+
+    /**
+     * @param {Number} [windowId]
+     * @returns {Number}
+     */
+    getCount(windowId) {
+        return this.getStack(windowId).length
+    }
+
+    /**
+     * @param {Number} [windowId]
+     * @returns {Number}
+     */
+    getStack(windowId) {
+        let me       = this,
+            {stacks} = me,
+            stackId  = windowId || Object.keys(stacks)[0],
+            stack    = stacks[stackId];
+
+        if (!stack) {
+            stacks[stackId] = stack = []
+        }
+
+        return stack
     }
 
     /**
@@ -59,10 +88,12 @@ class HashHistory extends Base {
      * @param {Number} data.windowId
      */
     push(data) {
-        let me      = this,
-            {stack} = me;
+        let me         = this,
+            {windowId} = data,
+            stack      = me.getStack(windowId);
 
         if (stack[0]?.hashString !== data.hashString) {
+            delete data[windowId];
             stack.unshift(data);
 
             if (stack.length > me.maxItems) {
@@ -74,10 +105,12 @@ class HashHistory extends Base {
     }
 
     /**
+     * Convenience shortcut
+     * @param {Number} [windowId]
      * @returns {Object}
      */
-    second() {
-        return this.stack[1] || null
+    second(windowId) {
+        return this.getAt(0, windowId)
     }
 }
 

package/src/worker/Base.mjs

@@ -252,9 +252,14 @@ class Base extends CoreBase {
 
         return new Promise(function(resolve, reject) {
             let message = me.sendMessage(dest, opts, transfer),
-                msgId   = message.id;
+                msgId   = message?.id;
 
-            me.promises[msgId] = {reject, resolve}
+            if (!msgId) {
+                // a window got closed and the message port no longer exist (SharedWorkers)
+                reject()
+            } else {
+                me.promises[msgId] = {reject, resolve}
+            }
         })
     }
 
@@ -282,22 +287,24 @@ class Base extends CoreBase {
                 port = me.getPort({id: opts.port}).port
             } else if (opts.windowId) {
                 portObject = me.getPort({windowId: opts.windowId});
-                port       = portObject.port;
+                port       = portObject?.port;
 
-                opts.port = portObject.id
+                opts.port = portObject?.id
             }  else if (opts.appName) {
                 portObject = me.getPort({appName: opts.appName});
-                port       = portObject.port;
+                port       = portObject?.port;
 
-                opts.port = portObject.id
+                opts.port = portObject?.id
             } else {
                 port = me.ports[0].port
             }
         }
 
-        message = new Message(opts);
+        if (port) {
+            message = new Message(opts);
+            port.postMessage(message, transfer);
+        }
 
-        port.postMessage(message, transfer);
         return message
     }
 }

package/apps/portal/view/home/parts/HelloWorld.mjs

@@ -1,85 +0,0 @@
-import Container            from '../../../../../src/container/Base.mjs';
-import LivePreviewContainer from '../preview/PageCodeContainer.mjs';
-
-/**
- * @class Portal.view.home.parts.HelloWorld
- * @extends Neo.container.Base
- */
-class HelloWorld extends Container {
-    static config = {
-        /**
-         * @member {String} className='Portal.view.home.parts.HelloWorld'
-         * @protected
-         */
-        className: 'Portal.view.home.parts.HelloWorld',
-
-        cls: ['page', 'hello-world'],
-        /**
-         * @member {Object} layout=null
-         */
-//        layout: null,
-
-        responsiveConfig: {
-            oldPhone: {maxWidth: 320},
-            phone   : {maxWidth: 480},
-            tablet  : {maxWidth: 770},
-            medium  : {maxWidth: 840},
-            large   : {minWidth: 841}
-        },
-
-        responsive: {
-            medium: {layout: {ntype: 'vbox', align: 'stretch', pack: 'center'}},
-            large : {layout: {ntype: 'hbox', align: 'stretch', pack: 'center'}}
-        },
-
-        /**
-         * @member {Object[]} items
-         */
-        items: [{
-            module: Container,
-            flex  : '1',
-            style : {padding: '2rem'},
-            layout: {ntype: 'vbox', align: 'center', pack: 'center'},
-            items : [{
-                cls : 'neo-h1',
-                id  : 'neo-hello-world-h1',
-                flex: 'none',
-                html: 'Hello World',
-                vdom: {tag: 'h1'}
-            }, {
-                cls : 'neo-h2',
-                flex: 'none',
-                html: 'Your first code snippet',
-                vdom: {tag: 'h2'}
-            }, {
-                cls : 'neo-content',
-                flex: 'none',
-                html: 'If you understand these lines, you are ready to start with Neo.mjs',
-                vdom: {tag: 'p'}
-            }]
-        }, {
-            module: LivePreviewContainer,
-            flex: 0.8,
-            value : [
-                "import Container from '../../../../src/container/Base.mjs';",
-                "",
-                "class MainView extends Container {",
-                "    static config = {",
-                "        className: 'Portal.view.MainView',",
-                "        layout   : {ntype:'vbox', align:'stretch'},",
-                "        items    : [{",
-                "            module: Container,",
-                "            html  : 'Hello World'",
-                "        }]",
-                "    }",
-                "}",
-                "",
-                "Neo.setupClass(MainView);"
-            ].join('\n')
-        }]
-    }
-}
-
-Neo.setupClass(HelloWorld);
-
-export default HelloWorld;

package/apps/portal/view/home/preview/PageCodeContainer.mjs

@@ -1,55 +0,0 @@
-import Container   from '../../../../../src/container/Base.mjs';
-import LivePreview from '../../learn/LivePreview.mjs';
-
-/**
- * @class Portal.view.home.preview.PageCodeContainer
- * @extends Neo.container.Base
- */
-class PageCodeContainer extends Container {
-    static config = {
-        /**
-         * @member {String} className='Portal.view.home.preview.PageCodeContainer'
-         * @protected
-         */
-        className: 'Portal.view.home.preview.PageCodeContainer',
-        /**
-         * @member {String} ntype='page-code-container'
-         * @protected
-         */
-        ntype: 'page-code-container',
-        /**
-         * @member {String[]} cls=['page-code-container']
-         * @protected
-         */
-        cls: ['page-code-container'],
-        /**
-         * @member {Object} layout={ntype:'vbox',align:'stretch',pack:'center'}
-         */
-        layout: {ntype: 'vbox', align: 'stretch', pack: 'center'},
-        /**
-         * @member {Object[]} items
-         */
-        items : [{
-            module: LivePreview,
-            cls   : ['live-preview']
-        }],
-        /**
-         * @member {String|null} value_=null
-         */
-        value_: null,
-    }
-
-    /**
-     * Triggered after the size config got changed
-     * @param {String|null} value
-     * @param {String|null} oldValue
-     * @protected
-     */
-    afterSetValue(value, oldValue) {
-        this.items[0].value = value
-    }
-}
-
-Neo.setupClass(PageCodeContainer);
-
-export default PageCodeContainer;

package/resources/scss/src/apps/portal/Viewport.scss

@@ -1,3 +0,0 @@
-.learnneo-viewport {
-
-}

package/resources/scss/src/apps/portal/home/preview/PageCodeContainer.scss

@@ -1,115 +0,0 @@
-.page-code-container {
-  position: relative;
-  padding: 20px;
-
-  &::before {
-    position:absolute;
-    inset: 0;
-    opacity: .4;
-    content: "";
-    background: {
-      image   : url("../../../../../../../../resources/images/logo/neo_logo_secondary.svg");
-      size: auto 90%;
-      repeat: no-repeat;
-      position: center;
-    }
-  }
-
-  .live-preview {
-    opacity: 0.9;
-
-    .live-preview-container {
-      & > .neo-tab-header-toolbar {
-        background: var(--sem-color-surface-primary-background);
-        border-radius: 15px 15px 0 0;
-        padding-right: 10px;
-        padding-left: 14px;
-
-        .neo-button-text {
-          color: slategrey!important;
-        }
-
-        .pressed {
-          border-bottom-right-radius: 0;
-          border-bottom-left-radius: 0;
-
-          .neo-button-text {
-            color: darkslategrey !important;
-          }
-
-          .neo-tab-button-indicator {
-            background-color: darkslategrey;
-          }
-        }
-
-      }
-
-      & > .neo-tab-content-container {
-        .monaco-editor {
-          .margin, .sticky-widget-line-numbers, .active-line-number {
-            background: #263238;
-            color: #cdd3de;
-          }
-
-          .monaco-editor-background, .sticky-widget-lines-scrollable {
-            background: #1B2225;
-            color: #cdd3de;
-
-            // keys
-            .mtk1 {
-              color: #CDFF8E;
-            }
-
-            // class, extends, static
-            .mtk6 {
-              color: #8EDCF5;
-            }
-
-            // numbers
-            .mtk7 {
-              color: #D6FF00
-            }
-
-            // Comment
-            .mtk8 {
-              color: #98A8B5;
-            }
-
-            // strings
-            .mtk20 {
-              color: #D6FF00
-            }
-
-            // Classname: MainView, Container
-            .mtk22 {
-                color: #cccccc;
-            }
-
-            /**
-             * Cursor
-             *  not used
-             *  - .monaco-mouse-cursor-text
-             *  - .cursors-layer
-             *  - .cursor-line-style
-             */
-            .cursor,
-            .cursor-solid {
-              background-color: #ffffff;
-            }
-
-            // not in use
-            .important {
-              color: #FFA9A9;
-              font-style: italic;
-            }
-
-            // not in use
-            .id {
-              color: #F3A5F7;
-            }
-          }
-        }
-      }
-    }
-  }
-}