jsgui3-server 0.0.121 → 0.0.122

package/examples/demos/date-picker.js

@@ -1,120 +1,120 @@
-/*
-    A simple demo. This will require a bit more work regarding separating / compiling client-side code.
-    Being able to write a whole (simple) app in one JS file will be very useful for writing and using something quickly.
-
-
-    Will be a demo of some styling, maybe theming.
-    Size / pos / dim props.
-     Maybe some things like dragging it.
-     Maybe it could bounce back into place.
-     See about physics modelling, eg simulated mass and accelerations, elastic forces.
-      Maybe that will be in a mixin? Written as a mixin within the demo?
-      Want interesting functionality to be encapsulated in mixins rather than controls where possible.
-        Encapsulated so that controls can use this functionality easily.
-        A little page explaining encapsulation would help...
-
-
-All the code will be valid on the server, apart from inner parts of functions that do checking to see the context (ie activate)
-  Its not important to hide this code from the server like it is with hiding server-side code from the client.
-
-*/
-
-
-// Will a client js file be generated?
-//  How will it be generated?
-
-// Yes - will need to reference html-client.js, while having the control definitions, or code appropriately lifted from here.
-//  However, would need to create a string js file that does what's needed.
-
-const jsgui = require('jsgui3-html'); // and will replace this with jsgui-client, I presume.
-const {controls, Control, mixins} = jsgui;
-const {dragable} = mixins;
-const {Date_Picker} = controls;
-
-class Demo_UI extends Control {
-    constructor(spec) {
-        spec.__type_name = spec.__type_name || 'demo_ui';
-        super(spec);
-        const {context} = this;
-        this.add_class('demo-ui');
-
-        const compose = () => {
-            const ctrl = new Date_Picker({
-                context: context
-            })
-            this.add(ctrl);
-        }
-        if (!spec.el) {
-            compose();
-        }
-    }
-    activate() {
-        if (!this.__active) {
-            super.activate();
-            const {context} = this;
-
-            console.log('activate Demo_UI');
-            // listen for the context events regarding frames, changes, resizing.
-
-            context.on('window-resize', e_resize => {
-                console.log('window-resize', e_resize);
-            });
-        }
-    }
-}
-controls.Demo_UI = Demo_UI;
-Demo_UI.css = `
-.demo-ui {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    min-height: 100vh;
-}
-`;
-
-// Client and server
-
-// Overall control.
-// A square box inside that control.
-
-// Server
-//  The definition of and loading in of server object.
-//  Starting it up. All of the code within the part where the module runs.
-
-// SCS makes sense for this though.
-
-//  Then will make a nice demo to do with dragging and elasticity.
-//   Need to do more work on the js resource converting single file js to client-side js.
-//   Won't be all that complicated overall but has parts with a bit of complexity that need to be written.
-
-if (require.main === module) {
-    const SCS = require('../../single-control-server');
-    // generate client js from this js itself...
-    //  possibly need to save client js in same path too...?
-    //   same file name, .client.js?
-    //    would make sense.
-    //     probably nicer without, but not sure how easy / possible to do it.
-
-    // client js - be able to detect if its a server module.
-    //  if so, will need to do some replacements and removals.
-    //   (transformations)
-    const server = new SCS({
-        Ctrl: Demo_UI,
-        'js_mode': 'debug',
-        'client_package': require.resolve('./date-picker.js')
-        //js_client: require.resolve('./square_box.js')
-    });
-
-    // then start the server....
-
-    server.start(function (err, cb_start) {
-        if (err) {
-            throw err;
-        } else {
-            console.log('server started');
-        }
-    });
-
+/*
+    A simple demo. This will require a bit more work regarding separating / compiling client-side code.
+    Being able to write a whole (simple) app in one JS file will be very useful for writing and using something quickly.
+
+
+    Will be a demo of some styling, maybe theming.
+    Size / pos / dim props.
+     Maybe some things like dragging it.
+     Maybe it could bounce back into place.
+     See about physics modelling, eg simulated mass and accelerations, elastic forces.
+      Maybe that will be in a mixin? Written as a mixin within the demo?
+      Want interesting functionality to be encapsulated in mixins rather than controls where possible.
+        Encapsulated so that controls can use this functionality easily.
+        A little page explaining encapsulation would help...
+
+
+All the code will be valid on the server, apart from inner parts of functions that do checking to see the context (ie activate)
+  Its not important to hide this code from the server like it is with hiding server-side code from the client.
+
+*/
+
+
+// Will a client js file be generated?
+//  How will it be generated?
+
+// Yes - will need to reference html-client.js, while having the control definitions, or code appropriately lifted from here.
+//  However, would need to create a string js file that does what's needed.
+
+const jsgui = require('jsgui3-html'); // and will replace this with jsgui-client, I presume.
+const {controls, Control, mixins} = jsgui;
+const {dragable} = mixins;
+const {Date_Picker} = controls;
+
+class Demo_UI extends Control {
+    constructor(spec) {
+        spec.__type_name = spec.__type_name || 'demo_ui';
+        super(spec);
+        const {context} = this;
+        this.add_class('demo-ui');
+
+        const compose = () => {
+            const ctrl = new Date_Picker({
+                context: context
+            })
+            this.add(ctrl);
+        }
+        if (!spec.el) {
+            compose();
+        }
+    }
+    activate() {
+        if (!this.__active) {
+            super.activate();
+            const {context} = this;
+
+            console.log('activate Demo_UI');
+            // listen for the context events regarding frames, changes, resizing.
+
+            context.on('window-resize', e_resize => {
+                console.log('window-resize', e_resize);
+            });
+        }
+    }
+}
+controls.Demo_UI = Demo_UI;
+Demo_UI.css = `
+.demo-ui {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    min-height: 100vh;
+}
+`;
+
+// Client and server
+
+// Overall control.
+// A square box inside that control.
+
+// Server
+//  The definition of and loading in of server object.
+//  Starting it up. All of the code within the part where the module runs.
+
+// SCS makes sense for this though.
+
+//  Then will make a nice demo to do with dragging and elasticity.
+//   Need to do more work on the js resource converting single file js to client-side js.
+//   Won't be all that complicated overall but has parts with a bit of complexity that need to be written.
+
+if (require.main === module) {
+    const SCS = require('../../single-control-server');
+    // generate client js from this js itself...
+    //  possibly need to save client js in same path too...?
+    //   same file name, .client.js?
+    //    would make sense.
+    //     probably nicer without, but not sure how easy / possible to do it.
+
+    // client js - be able to detect if its a server module.
+    //  if so, will need to do some replacements and removals.
+    //   (transformations)
+    const server = new SCS({
+        Ctrl: Demo_UI,
+        'js_mode': 'debug',
+        'client_package': require.resolve('./date-picker.js')
+        //js_client: require.resolve('./square_box.js')
+    });
+
+    // then start the server....
+
+    server.start(function (err, cb_start) {
+        if (err) {
+            throw err;
+        } else {
+            console.log('server started');
+        }
+    });
+
 }

package/examples/demos/explain-encapsulation.js

@@ -1,9 +1,9 @@
-// Will have a page with text about my thoughs on encapsulation and how functionality is better encapsulated in mixind, rather than controls.
-//  How to do it
-//  Best practises.
-//   as in the mixin adds the functionality. not necessarily runs it. functionality may apply to controls, ready to be used.
-//   differentiate between setup and usage of the mixin functionality.
-
-
-
-
+// Will have a page with text about my thoughs on encapsulation and how functionality is better encapsulated in mixind, rather than controls.
+//  How to do it
+//  Best practises.
+//   as in the mixin adds the functionality. not necessarily runs it. functionality may apply to controls, ready to be used.
+//   differentiate between setup and usage of the mixin functionality.
+
+
+
+

package/examples/demos/resizing.js

@@ -1,35 +1,35 @@
-/*
-    Would be nice to have the whole client and server within this single file.
-    Want this to demonstrate simple usage of features to create the controls and server.
-
-    // Possibly this will need more compilation to extract the client-side part from it.
-    //  Compilation of a single server file to extract the client does seem like it would be very useful.
-    //  Will be nice to have single file examples.
-    //  Isomorphism will be created by separating out the client and the server js (and css too of course).
-
-    // js_resource.client_and_server_js_from_server_js
-    //  so it also filters out any client-only code from the js.
-
-    // Would make a lot of sense not to have to write a jsgui client and server app with more than one js file.
-
-    // However, this seems like it would be a fair bit more work to get done.
-    //  The single control server example currently work because they serve controls that already exist.
-
-    // A Demo_Frame control or just Demo control would help frame things too.
-
-    // Square box will be simpler to start with at least...
-    
-
-
-
-
-
-
-
-
-
-*/
-
-// Define the single control
-// Define the server
-
+/*
+    Would be nice to have the whole client and server within this single file.
+    Want this to demonstrate simple usage of features to create the controls and server.
+
+    // Possibly this will need more compilation to extract the client-side part from it.
+    //  Compilation of a single server file to extract the client does seem like it would be very useful.
+    //  Will be nice to have single file examples.
+    //  Isomorphism will be created by separating out the client and the server js (and css too of course).
+
+    // js_resource.client_and_server_js_from_server_js
+    //  so it also filters out any client-only code from the js.
+
+    // Would make a lot of sense not to have to write a jsgui client and server app with more than one js file.
+
+    // However, this seems like it would be a fair bit more work to get done.
+    //  The single control server example currently work because they serve controls that already exist.
+
+    // A Demo_Frame control or just Demo control would help frame things too.
+
+    // Square box will be simpler to start with at least...
+    
+
+
+
+
+
+
+
+
+
+*/
+
+// Define the single control
+// Define the server
+

package/examples/demos/server_time.js

@@ -1,6 +1,6 @@
-// A simple demo to show sending data from the server to the client. Just the time. Will get updated quite frequently. Maybe a stream.
-//  A different demo for websockets demo. Will need more work on that system too.
-//   Maybe write some / all / most of it outside of jsgui3. Can then incorporate that / those modules into jsgui 3 or 4.
-
-
-
+// A simple demo to show sending data from the server to the client. Just the time. Will get updated quite frequently. Maybe a stream.
+//  A different demo for websockets demo. Will need more work on that system too.
+//   Maybe write some / all / most of it outside of jsgui3. Can then incorporate that / those modules into jsgui 3 or 4.
+
+
+

package/examples/grids/grid_1.js

@@ -1,46 +1,46 @@
-const jsgui = require('./grid_1_client');
-
-const {Demo_UI, Square_Box} = jsgui.controls;
-const Server = require('../../server');
-
-// Want to exclude this from the client bundle.
-//  Some kind of marking to say that it's server-side only?
-
-if (require.main === module) {
-    
-    const server = new Server({
-        Ctrl: Demo_UI,
-        // Giving it the Ctrl and disk path client js should enable to server to get the JS-bundled CSS from the file(s).
-        //  Putting the JS files through proper parsing and into a syntax tree would be best.
-
-
-        //'js_mode': 'debug',
-        'disk_path_client_js': require.resolve('./grid_1_client.js')
-        //js_client: require.resolve('./square_box.js')
-    });
-
-    // A callback or event for when the bundling has been completed
-    //  a 'ready' event.
-
-    // then start the server....
-    // be able to choose the port / ports?
-    console.log('waiting for server ready event');
-    server.on('ready', () => {
-        console.log('server ready');
-
-        // server start will change to observable?
-
-        server.start(8080, function (err, cb_start) {
-            if (err) {
-                throw err;
-            } else {
-                // Should have build it by now...
-    
-                console.log('server started');
-            }
-        });
-    })
-
-    
-
+const jsgui = require('./grid_1_client');
+
+const {Demo_UI, Square_Box} = jsgui.controls;
+const Server = require('../../server');
+
+// Want to exclude this from the client bundle.
+//  Some kind of marking to say that it's server-side only?
+
+if (require.main === module) {
+    
+    const server = new Server({
+        Ctrl: Demo_UI,
+        // Giving it the Ctrl and disk path client js should enable to server to get the JS-bundled CSS from the file(s).
+        //  Putting the JS files through proper parsing and into a syntax tree would be best.
+
+
+        //'js_mode': 'debug',
+        'disk_path_client_js': require.resolve('./grid_1_client.js')
+        //js_client: require.resolve('./square_box.js')
+    });
+
+    // A callback or event for when the bundling has been completed
+    //  a 'ready' event.
+
+    // then start the server....
+    // be able to choose the port / ports?
+    console.log('waiting for server ready event');
+    server.on('ready', () => {
+        console.log('server ready');
+
+        // server start will change to observable?
+
+        server.start(8080, function (err, cb_start) {
+            if (err) {
+                throw err;
+            } else {
+                // Should have build it by now...
+    
+                console.log('server started');
+            }
+        });
+    })
+
+    
+
 }