neo.mjs 6.16.5 → 6.17.1

package/apps/website/data/docs.json

@@ -1,6 +1,6 @@
 [
     {
-        "browsers"    : ["Chrome (including more examples)"],
+        "browsers"    : ["Chrome", "Edge", "Firefox", "Safari</br>(including more examples)"],
         "environments": ["Desktop"],
         "id"          : 1,
         "image"       : "devmode/docs.png",
@@ -26,4 +26,4 @@
         "sourceUrl"   : "https://github.com/neomjs/neo/tree/dev/docs",
         "url"         : "https://neomjs.github.io/pages/node_modules/neo.mjs/dist/production/docs/index.html"
     }
-]
+]

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

@@ -52,7 +52,7 @@ class List extends BaseList {
         value.on({
             load : 'onBlogPostStoreLoad',
             scope: this.getController()
-        });
+        })
     }
 
     /**
@@ -65,30 +65,28 @@ class List extends BaseList {
             basePath = '../../../../resources/website';
 
             if (Neo.config.environment !== 'development') {
-                basePath = '../../' + basePath;
+                basePath = '../../' + basePath
             }
         } else {
-            basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources/website';
+            basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources/website'
         }
 
         const vdomCn = [
-            {cls: ['content'], cn: [
-                {cls: ['neo-relative'], cn: [
-                    {cls: ['neo-full-size', 'preview-image'], style: {
-                        backgroundImage: `url('${basePath}/blog/${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: [
-                            {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}`},
-                            {cls: ['neo-inner-content'], cn: [
-                                {cls: ['neo-inner-details'], flag: 'author', cn: [
-                                    {tag: 'span', cls: ['neo-bold'], html: record.author}
-                                ]},
-                                {cls: ['neo-inner-details'], html: record.date}
-                            ]}
+            {cls: ['content', 'neo-relative'], cn: [
+                {cls: ['neo-full-size', 'preview-image'], style: {
+                    backgroundImage: `url('${basePath}/blog/${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: [
+                        {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}`},
+                        {cls: ['neo-inner-content'], cn: [
+                            {cls: ['neo-inner-details'], flag: 'author', cn: [
+                                {tag: 'span', cls: ['neo-bold'], html: record.author}
+                            ]},
+                            {cls: ['neo-inner-details'], html: record.date}
                         ]}
                     ]}
                 ]}
@@ -99,19 +97,19 @@ class List extends BaseList {
             VDomUtil.getByFlag(vdomCn[0], 'author').cn.push(
                 {vtype: 'text', html : ' in '},
                 {tag: 'span', cls: ['neo-bold'], html: record.publisher}
-            );
+            )
         }
 
         if (record.selectedInto.length > 0) {
-            vdomCn[0].cn[0].cn.splice(1, 0,
+            vdomCn[0].cn.splice(1, 0,
                 {cls: ['neo-absolute', 'neo-item-top-position'], cn: [
                     {html: `Officially selected by ${record.provider} into`},
                     {cls: ['neo-bold'], html: record.selectedInto.join('</br>')}
                 ]}
-            );
+            )
         }
 
-        return vdomCn;
+        return vdomCn
     }
 
     /**
@@ -135,7 +133,7 @@ class List extends BaseList {
 
             if (emptyValue) {
                 itemName.html = name;
-                delete item.style.display;
+                delete item.style.display
             } else {
                 itemName.html = name.replace(valueRegEx, match => {
                     hasMatch = true;
@@ -143,28 +141,28 @@ class List extends BaseList {
                 });
 
                 if (hasMatch) {
-                    delete item.style.display;
+                    delete item.style.display
                 } else {
-                    item.style.display = 'none';
+                    item.style.display = 'none'
                 }
             }
         });
 
-        me.update();
+        me.update()
     }
 
     /**
      * @returns {Object}
      */
     getVdomRoot() {
-        return this.vdom.cn[0];
+        return this.vdom.cn[0]
     }
 
     /**
      * @returns {Object}
      */
     getVnodeRoot() {
-        return this.vnode.childNodes[0];
+        return this.vnode.childNodes[0]
     }
 }
 

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

@@ -77,47 +77,45 @@ class List extends BaseList {
             basePath = '../../../../resources/website/examples';
 
             if (Neo.config.environment !== 'development') {
-                basePath = '../../' + basePath;
+                basePath = '../../' + basePath
             }
         } else {
-            basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources/website/examples';
+            basePath = 'https://raw.githubusercontent.com/neomjs/pages/main/resources/website/examples'
         }
 
         return [
-            {cls: ['content'], cn: [
+            {cls: ['content', 'neo-relative'], cn: [
                 {cls: ['neo-full-size', 'preview-image'], style: {
                     backgroundImage: `url('${basePath}/${record.image}'), linear-gradient(#777, #333)`}
                 },
-                {cls: ['neo-relative'], cn: [
-                    {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")}
-                        ]},
-                        {cls: ['neo-top-20'], cn: [
-                            {tag: 'a', cls: ['fab fa-github', 'neo-github-image'], href: 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(', ')}
-                            ]}
+                {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")}
+                    ]},
+                    {cls: ['neo-top-20'], cn: [
+                        {tag: 'a', cls: ['fab fa-github', 'neo-github-image'], href: 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(', ')}
                         ]}
                     ]}
                 ]}
             ]}
-        ];
+        ]
     }
 
     /**
      * @returns {Object}
      */
     getVdomRoot() {
-        return this.vdom.cn[0];
+        return this.vdom.cn[0]
     }
 
     /**
      * @returns {Object}
      */
     getVnodeRoot() {
-        return this.vnode.childNodes[0];
+        return this.vnode.childNodes[0]
     }
 }
 

package/docs/app/view/classdetails/MembersList.mjs

@@ -246,6 +246,10 @@ class MembersList extends Base {
 
             // methods
             if (item.params && item.kind !== 'event') {
+                if (item.$kind === 'property') {console.log(item);
+                    headerText = 'get ' + headerText
+                }
+
                 headerText += ('(' + item.params.reduce((result, param) => {
                     if (param.name.indexOf('.') < 0) {
                         if (param.optional) {

package/examples/component/helix/MainContainer.mjs

@@ -59,16 +59,22 @@ class MainContainer extends Viewport {
                 }
             }]
         }, {
-            ntype : 'panel',
-            layout: {ntype: 'vbox',align: 'stretch'},
-            style : {backgroundColor: '#2b2b2b'},
-            width : 250,
+            ntype    : 'panel',
+            layout   : {ntype: 'vbox', align: 'stretch'},
+            reference: 'controls-panel',
+            style    : {backgroundColor: '#2b2b2b'},
+            width    : 250,
 
             containerConfig: {
                 flex : null,
                 style: {overflowY: 'scroll'}
             },
 
+            headers: [{
+                dock: 'top',
+                text: 'Helix Controls'
+            }],
+
             itemDefaults: {
                 ntype        : 'rangefield',
                 flex         : '0 1 auto',
@@ -86,11 +92,6 @@ class MainContainer extends Viewport {
                 }
             },
 
-            headers: [{
-                dock: 'top',
-                text: 'Helix Controls'
-            }],
-
             items: [{
                 labelText: 'Translate X',
                 maxValue : 2000,

package/examples/component/multiWindowHelix/Viewport.mjs

@@ -0,0 +1,41 @@
+import MainContainer      from '../helix/MainContainer.mjs';
+import ViewportController from './ViewportController.mjs';
+
+/**
+ * @class Neo.examples.component.multiWindowHelix.Viewport
+ * @extends Neo.examples.component.helix.MainContainer
+ */
+class Viewport extends MainContainer {
+    static config = {
+        className: 'Neo.examples.component.multiWindowHelix.Viewport',
+        /**
+         * @member {Neo.controller.Component} controller=ViewportController
+         */
+        controller: ViewportController
+    }
+
+    /**
+     * @param {Object} config
+     */
+    construct(config) {
+        super.construct(config);
+
+        this.getItem('controls-panel').headers = [{
+            dock     : 'top',
+            reference: 'header-toolbar',
+
+            items: [{
+                ntype: 'label',
+                cls  : ['neo-panel-header-text', 'neo-label'],
+                text : 'Helix Controls'
+            }, '->', {
+                handler: 'onMaximiseButtonClick',
+                iconCls: 'far fa-window-maximize'
+            }]
+        }];
+    }
+}
+
+Neo.setupClass(Viewport);
+
+export default Viewport;

package/examples/component/multiWindowHelix/ViewportController.mjs

@@ -0,0 +1,113 @@
+import Component from '../../../src/controller/Component.mjs';
+
+/**
+ * @class Neo.examples.component.multiWindowHelix.ViewportController
+ * @extends Neo.controller.Component
+ */
+class ViewportController extends Component {
+    static config = {
+        /**
+         * @member {String} className='Neo.examples.component.multiWindowHelix.ViewportController'
+         * @protected
+         */
+        className: 'Neo.examples.component.multiWindowHelix.ViewportController'
+    }
+
+    /**
+     * @member {String[]} connectedApps=[]
+     */
+    connectedApps = []
+
+    /**
+     *
+     */
+    async createPopupWindow() {
+        let me                         = this,
+            widget                     = me.getReference('controls-panel'),
+            winData                    = await Neo.Main.getWindowData(),
+            rect                       = await me.component.getDomRect(widget.id),
+            {height, left, top, width} = rect;
+
+        height -= 62; // popup header in Chrome
+        left   += (width + winData.screenLeft);
+        top    += (winData.outerHeight - winData.innerHeight + winData.screenTop);
+
+        await Neo.Main.windowOpen({
+            url           : './childapp/index.html',
+            windowFeatures: `height=${height},left=${left},top=${top},width=${width}`,
+            windowName    : 'HelixControls'
+        })
+    }
+
+    /**
+     * @param {Object} data
+     * @param {String} data.appName
+     * @param {Number} data.windowId
+     */
+    async onAppConnect(data) {
+        let me        = this,
+            {appName} = data;
+
+        if (appName === 'HelixControls') {
+            let controlsPanel = me.getReference('controls-panel'),
+                {mainView}    = Neo.apps[appName];
+
+            me.connectedApps.push(appName);
+
+            controlsPanel.parent.remove(controlsPanel, false);
+
+            this.getReference('header-toolbar').hidden = true;
+
+            mainView.add(controlsPanel)
+        }
+    }
+
+    /**
+     * @param {Object} data
+     * @param {String} data.appName
+     * @param {Number} data.windowId
+     */
+    async onAppDisconnect(data) {
+        let me                  = this,
+            {appName, windowId} = data;
+
+        if (appName === 'HelixControls') {
+            let controlsPanel = me.getReference('controls-panel');
+
+            controlsPanel.parent.remove(controlsPanel, false);
+
+            me.getReference('header-toolbar').hidden = false;
+
+            me.component.add(controlsPanel)
+        }
+        // Close popup windows when closing or reloading the main window
+        else {
+            Neo.Main.windowClose({names: me.connectedApps, windowId})
+        }
+    }
+    /**
+     *
+     */
+    onConstructed() {
+        super.onConstructed();
+
+        let me = this;
+
+        Neo.currentWorker.on({
+            connect   : me.onAppConnect,
+            disconnect: me.onAppDisconnect,
+            scope     : me
+        })
+    }
+
+    /**
+     * @param {Object} data
+     */
+    async onMaximiseButtonClick(data) {
+        await this.createPopupWindow()
+    }
+}
+
+Neo.setupClass(ViewportController);
+
+export default ViewportController;

package/examples/component/multiWindowHelix/app.mjs

@@ -0,0 +1,6 @@
+import Viewport from './Viewport.mjs';
+
+export const onStart = () => Neo.app({
+    mainView: Viewport,
+    name    : 'Neo.examples.component.multiWindowHelix'
+});

package/examples/component/multiWindowHelix/childapp/Viewport.mjs

@@ -0,0 +1,23 @@
+import BaseViewport from '../../../../src/container/Viewport.mjs';
+
+/**
+ * @class Neo.examples.component.multiWindowHelix.childapp.Viewport
+ * @extends Neo.container.Viewport
+ */
+class Viewport extends BaseViewport {
+    static config = {
+        /**
+         * @member {String} className='Neo.examples.component.multiWindowHelix.childapp.Viewport'
+         * @protected
+         */
+        className: 'Neo.examples.component.multiWindowHelix.childapp.Viewport',
+        /**
+         * @member {Object} layout={ntype:'fit'}
+         */
+        layout: {ntype: 'fit'}
+    }
+}
+
+Neo.setupClass(Viewport);
+
+export default Viewport;

package/examples/component/multiWindowHelix/childapp/app.mjs

@@ -0,0 +1,6 @@
+import Viewport from './Viewport.mjs';
+
+export const onStart = () => Neo.app({
+    mainView: Viewport,
+    name    : 'HelixControls'
+});

package/examples/component/multiWindowHelix/childapp/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8">
+    <title>Helix Controls</title>
+</head>
+<body>
+    <script src="../../../../src/MicroLoader.mjs" type="module"></script>
+</body>
+</html>

package/examples/component/multiWindowHelix/childapp/neo-config.json

@@ -0,0 +1,9 @@
+{
+    "appPath"         : "examples/component/multiWindowHelix/childapp/app.mjs",
+    "basePath"        : "../../../../",
+    "environment"     : "development",
+    "mainPath"        : "./Main.mjs",
+    "mainThreadAddons": ["Stylesheet"],
+    "themes"          : ["neo-theme-dark"],
+    "useSharedWorkers": true
+}

package/examples/component/multiWindowHelix/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8">
+    <title>Neo Multi-Window Helix</title>
+</head>
+<body>
+    <script src="../../../src/MicroLoader.mjs" type="module"></script>
+</body>
+</html>

package/examples/component/multiWindowHelix/neo-config.json

@@ -0,0 +1,9 @@
+{
+    "appPath"          : "examples/component/multiWindowHelix/app.mjs",
+    "basePath"         : "../../../",
+    "environment"      : "development",
+    "mainPath"         : "./Main.mjs",
+    "renderCountDeltas": true,
+    "themes"           : ["neo-theme-dark"],
+    "useSharedWorkers" : true
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "6.16.5",
+    "version": "6.17.1",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -58,7 +58,7 @@
         "neo-jsdoc": "1.0.1",
         "neo-jsdoc-x": "1.0.5",
         "postcss": "^8.4.38",
-        "sass": "^1.77.5",
+        "sass": "^1.77.6",
         "siesta-lite": "5.5.2",
         "url": "^0.11.3",
         "webpack": "^5.92.0",