npm - neo.mjs - Versions diffs - 4.4.8 → 4.4.9 - Mend

neo.mjs 4.4.8 → 4.4.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/examples/component/wrapper/googleMaps/MainContainer.mjs ADDED Viewed

@@ -0,0 +1,38 @@
+import Button                  from '../../../../src/button/Base.mjs';
+import GoogleMapsComponent     from '../../../../src/component/wrapper/GoogleMaps.mjs';
+import MainContainerController from './MainContainerController.mjs';
+import Toolbar                 from '../../../../src/toolbar/Base.mjs';
+import Viewport                from '../../../../src/container/Viewport.mjs';
+/**
+ * @class Neo.examples.component.wrapper.googleMaps.MainContainer
+ * @extends Neo.container.Viewport
+ */
+class MainContainer extends Viewport {
+    static getConfig() {return {
+        className : 'Neo.examples.component.wrapper.googleMaps.MainContainer',
+        autoMount : true,
+        controller: MainContainerController,
+        layout    : {ntype: 'vbox', align: 'stretch'},
+        items: [{
+            module   : GoogleMapsComponent,
+            flex     : 1,
+            reference: 'google-maps-component'
+        }, {
+            module: Toolbar,
+            flex  : 'none',
+            style : {margin: '20px'},
+            items : [{
+                module : Button,
+                handler: 'onFlyToButtonClick',
+                iconCls: 'fa-solid fa-plane',
+                text   : 'Fly to San Fran'
+            }]
+        }]
+    }}
+}
+Neo.applyClassConfig(MainContainer);
+export default MainContainer;

package/examples/component/wrapper/googleMaps/MainContainerController.mjs ADDED Viewed

@@ -0,0 +1,31 @@
+import ComponentController from '../../../../src/controller/Component.mjs';
+/**
+ * @class Neo.examples.component.wrapper.googleMaps.MainContainerController
+ * @extends Neo.controller.Component
+ */
+class MainContainerController extends ComponentController {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.examples.component.wrapper.googleMaps.MainContainerController'
+         * @protected
+         */
+        className: 'Neo.examples.component.wrapper.googleMaps.MainContainerController'
+    }}
+    /**
+     * @param {Object} data
+     */
+    onFlyToButtonClick(data) {
+        // todo
+        /*this.getReference('google-maps-component').flyTo({
+            destination: [-122.4175, 37.655, 400],
+            heading    : 0.0,
+            pitch      : -15.0
+        });*/
+    }
+}
+Neo.applyClassConfig(MainContainerController);
+export default MainContainerController;

package/examples/component/wrapper/googleMaps/app.mjs ADDED Viewed

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

package/examples/component/wrapper/googleMaps/index.html ADDED Viewed

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

package/examples/component/wrapper/googleMaps/neo-config.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+    "appPath"         : "examples/component/wrapper/googleMaps/app.mjs",
+    "basePath"        : "../../../../",
+    "environment"     : "development",
+    "mainPath"        : "./Main.mjs",
+    "mainThreadAddons": ["GoogleMaps", "Stylesheet"]
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.4.8",
+    "version": "4.4.9",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -56,7 +56,7 @@
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.4",
         "postcss": "^8.4.20",
-        "sass": "^1.57.0",
+        "sass": "^1.57.1",
         "webpack": "^5.75.0",
         "webpack-cli": "^5.0.1",
         "webpack-dev-server": "4.11.1",

package/src/component/wrapper/GoogleMaps.mjs ADDED Viewed

@@ -0,0 +1,63 @@
+import Base from '../../component/Base.mjs';
+/**
+ * @class Neo.component.wrapper.GoogleMaps
+ * @extends Neo.component.Base
+ */
+class GoogleMaps extends Base {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.component.wrapper.GoogleMaps'
+         * @protected
+         */
+        className: 'Neo.component.wrapper.GoogleMaps',
+        /**
+         * @member {Object} _vdom
+         */
+        _vdom:
+        {}
+    }}
+    /**
+     * Triggered after the mounted config got changed
+     * @param {Boolean} value
+     * @param {Boolean} oldValue
+     * @protected
+     */
+    afterSetMounted(value, oldValue) {
+        let me = this;
+        if (value === false && oldValue !== undefined) {
+            Neo.main.addon.GoogleMaps.destroy({
+                appName: me.appName,
+                id     : me.id
+            });
+        }
+        super.afterSetMounted(value, oldValue);
+        if (value) {
+            let opts = {
+                appName: me.appName,
+                id     : me.id
+            };
+            setTimeout(() => {
+                Neo.main.addon.GoogleMaps.create(opts).then(() => {
+                    me.onComponentMounted();
+                });
+            }, 50);
+        }
+    }
+    /**
+     *
+     */
+    onComponentMounted() {
+        console.log('onComponentMounted', this.id);
+    }
+}
+Neo.applyClassConfig(GoogleMaps);
+export default GoogleMaps;

package/src/main/addon/GoogleMaps.mjs ADDED Viewed

@@ -0,0 +1,71 @@
+import Base      from '../../core/Base.mjs';
+import DomAccess from '../DomAccess.mjs';
+/**
+ * @class Neo.main.addon.GoogleMaps
+ * @extends Neo.core.Base
+ * @singleton
+ */
+class GoogleMaps extends Base {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.main.addon.GoogleMaps'
+         * @protected
+         */
+        className: 'Neo.main.addon.GoogleMaps',
+        /**
+         * @member {Object} maps={}
+         */
+        maps: {},
+        /**
+         * @member {Object} remote
+         * @protected
+         */
+        remote: {
+            app: [
+                'create'
+            ]
+        },
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
+    }}
+    /**
+     * @param {Object} config
+     */
+    construct(config) {
+        super.construct(config);
+        this.loadApi();
+    }
+    /**
+     * @param {Object} data
+     * @param {String} data.id
+     */
+    create(data) {
+        this.maps[data.id] = new google.maps.Map(DomAccess.getElement(data.id), {
+            center: { lat: -34.397, lng: 150.644 },
+            zoom: 8,
+        });
+    }
+    /**
+     * @protected
+     */
+    loadApi() {
+        DomAccess.loadScript('https://maps.googleapis.com/maps/api/js?key=AIzaSyCRj-EPE3H7PCzZtYCmDzln6sj7uPCGohA&v=weekly').then(() => {
+            console.log('GoogleMaps API loaded');
+        });
+    }
+}
+Neo.applyClassConfig(GoogleMaps);
+let instance = Neo.create(GoogleMaps);
+Neo.applyToGlobalNs(instance);
+export default instance;