neo.mjs 4.0.65 → 4.0.68

package/apps/sharedcovid/view/MainContainerController.mjs

@@ -360,6 +360,8 @@ class MainContainerController extends ComponentController {
                     me.mainTabs.splice(1, 0, 'mapboxglmap');
                     break;
             }
+
+            Neo.apps[name].destroy();
         }
     }
 

package/buildScripts/createClass.mjs

@@ -36,6 +36,7 @@ program
     .version(packageJson.version)
     .option('-i, --info',              'print environment debug info')
     .option('-d, --drop',              'drops class in the currently selected folder')
+    .option('-n, --singleton <value>', 'Create a singleton? Pick "yes" or "no"')
     .option('-s, --source <value>',    `name of the folder containing the project. Defaults to any of ${sourceRootDirs.join(',')}`)
     .option('-b, --baseClass <value>')
     .option('-c, --className <value>')
@@ -117,11 +118,23 @@ if (programOpts.info) {
         });
     }
 
+    if (!programOpts.singleton) {
+        questions.push({
+            type   : 'list',
+            name   : 'singleton',
+            message: 'Singleton?',
+            default: 'no',
+            choices: ['yes', 'no']
+        });
+    }
+
     inquirer.prompt(questions).then(answers => {
-        let baseClass = programOpts.baseClass || answers.baseClass,
-            className = programOpts.className || answers.className,
-            isDrop    = programOpts.drop,
-            startDate = new Date(),
+        let baseClass   = programOpts.baseClass || answers.baseClass,
+            className   = programOpts.className || answers.className,
+            singleton   = programOpts.singleton || answers.singleton || 'no',
+            isDrop      = programOpts.drop,
+            isSingleton = singleton === 'yes',
+            startDate   = new Date(),
             baseFileName, baseType, classFolder, configName, file, folderDelta, importName, importPath, index, ns, root, rootLowerCase, viewFile;
 
         if (className.endsWith('.mjs')) {
@@ -214,12 +227,11 @@ if (programOpts.info) {
                 baseFileName = baseFileName.map(e => capitalize(e)).join('');
             }
 
-            console.log(baseFileName, baseClass);
-
             fs.writeFileSync(path.join(classFolder, file + '.mjs'), createContent({
                 baseClass,
                 baseFileName,
                 className,
+                isSingleton,
                 file,
                 folderDelta,
                 ns,
@@ -477,6 +489,7 @@ if (programOpts.info) {
      * @param {String} opts.baseClass
      * @param {String} opts.baseFileName
      * @param {String} opts.className
+     * @param {Boolean} opts.isSingleton
      * @param {String} opts.file
      * @param {String} opts.folderDelta
      * @param {String} opts.ns
@@ -488,6 +501,7 @@ if (programOpts.info) {
             baseFileName  = opts.baseFileName,
             baseClassPath = baseClass.split('.').join('/'),
             className     = opts.className,
+            isSingleton   = opts.isSingleton,
             file          = opts.file,
             i             = 0,
             importDelta   = '';
@@ -501,7 +515,14 @@ if (programOpts.info) {
             "",
             "/**",
             ` * @class ${className}`,
-            ` * @extends Neo.${baseClass}`,
+            ` * @extends Neo.${baseClass}`
+        ];
+
+        isSingleton && classContent.push(
+            " * @singleton"
+        );
+
+        classContent.push(
             " */",
             `class ${file} extends ${baseFileName} {`,
             "    static getConfig() {return {",
@@ -510,7 +531,7 @@ if (programOpts.info) {
             "         * @protected",
             "         */",
             `        className: '${className}'`
-        ];
+        );
 
         baseClass === 'data.Model' && addComma(classContent).push(
             "        /*",
@@ -529,6 +550,14 @@ if (programOpts.info) {
             "        items: []"
         );
 
+        isSingleton && addComma(classContent).push(
+            "        /*",
+            "         * @member {Boolean} singleton=true",
+            "         * @protected",
+            "         */",
+            "        singleton: true"
+        );
+
         baseClass === 'component.Base' && addComma(classContent).push(
             "        /*",
             "         * @member {Object} _vdom",
@@ -542,8 +571,22 @@ if (programOpts.info) {
             "}",
             "",
             `Neo.applyClassConfig(${file});`,
+            ""
+        );
+
+        isSingleton && classContent.push(
+            `let instance = Neo.create(${file});`,
             "",
-            `export default ${file};`,
+            "Neo.applyToGlobalNs(instance);",
+            "",
+            "export default instance;"
+        );
+
+        !isSingleton && classContent.push(
+            `export default ${file};`
+        );
+
+        classContent.push(
             ""
         );
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.0.65",
+    "version": "4.0.68",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -62,7 +62,7 @@
         "webpack-node-externals": "^3.0.0"
     },
     "devDependencies": {
-        "siesta-lite": "^5.5.2",
+        "siesta-lite": "5.5.2",
         "url": "^0.11.0"
     },
     "funding": {

package/src/Xhr.mjs

@@ -24,7 +24,8 @@ class Xhr extends XhrConnection {
         remote: {
             app: [
                 'promiseJson',
-                'promiseRequest'
+                'promiseRequest',
+                'setDefaultHeaders'
             ]
         },
         /**

package/src/controller/Application.mjs

@@ -99,6 +99,15 @@ class Application extends Base {
 
         return null;
     }
+
+    /**
+     * Unregister the app from the CSS map
+     * @param args
+     */
+    destroy(...args) {
+        Neo.currentWorker.removeAppFromThemeMap(this.name);
+        super.destroy(...args);
+    }
 }
 
 Neo.applyClassConfig(Application);

package/src/data/connection/Xhr.mjs

@@ -217,6 +217,15 @@ class Xhr extends Base {
 
         return this.request(opts);
     }
+
+    /**
+     * Needed for remote method access
+     * 
+     * @param {Object} value
+     */
+    setDefaultHeaders(value) {
+        this.defaultHeaders = value;
+    }
 }
 
 Neo.applyClassConfig(Xhr);

package/src/form/field/Select.mjs

@@ -463,24 +463,8 @@ class Select extends Picker {
      * @protected
      */
     onListItemClick(record) {
-        let me           = this,
-            displayField = me.displayField,
-            oldValue     = me.value,
-            value        = record[displayField];
-
-        if (me.value !== value) {
-            me.hintRecordId = null;
-            me.record       = record;
-            me._value       = value;
-            me.getInputHintEl().value = null;
-
-            me.afterSetValue(value, oldValue, true); // prevent the list from getting filtered
-
-            me.fire('select', {
-                record,
-                value: record[displayField]
-            });
-        }
+        this.onListItemChange(record);
+        this.hidePicker();
     }
 
     /**
@@ -518,12 +502,38 @@ class Select extends Picker {
         this.focusInputEl();
     }
 
+
+    /**
+     * @param {Object} record
+     * @protected
+     */
+    onListItemChange(record) {
+        let me           = this,
+            displayField = me.displayField,
+            oldValue     = me.value,
+            value        = record[displayField];
+
+        if (me.value !== value) {
+            me.hintRecordId = null;
+            me.record       = record;
+            me._value       = value;
+            me.getInputHintEl().value = null;
+
+            me.afterSetValue(value, oldValue, true); // prevent the list from getting filtered
+
+            me.fire('select', {
+                record,
+                value: record[displayField]
+            });
+        }
+    }
+
     /**
      * @param {Object} record
      * @protected
      */
     onListItemNavigate(record) {
-        this.onListItemClick(record);
+        this.onListItemChange(record);
     }
 
     /**

package/src/main/addon/DragDrop.mjs

@@ -149,14 +149,16 @@ class DragDrop extends Base {
 
         me.addGlobalEventListeners();
 
+        if (Neo.config.hasMouseEvents) {
+            imports.push(import('../draggable/sensor/Mouse.mjs'));
+        }
+
         if (Neo.config.hasTouchEvents) {
             imports.push(import('../draggable/sensor/Touch.mjs'));
-        } else {
-            imports.push(import('../draggable/sensor/Mouse.mjs'));
         }
 
         Promise.all(imports).then(modules => {
-            // create the Touch or MouseSensor
+            // create the Mouse- and / or TouchSensor
             Neo.create({
                 module: modules[0].default
             });

package/src/worker/App.mjs

@@ -270,6 +270,15 @@ class App extends Base {
         });
     }
 
+    /**
+     * Unregister the app from the CSS map
+     * Only needed for SharedWorkers
+     * @param {String} appName
+     */
+    removeAppFromThemeMap(appName) {
+        delete Neo.cssMap[appName.toLowerCase()];
+    }
+
     /**
      * @private
      */

package/src/worker/Manager.mjs

@@ -204,6 +204,7 @@ class Manager extends Base {
     detectFeatures() {
         let me = this;
 
+        NeoConfig.hasMouseEvents = matchMedia('(pointer:fine)').matches;
         NeoConfig.hasTouchEvents = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0);
 
         if (window.Worker) {