neo.mjs 6.9.11 → 6.10.0

package/resources/data/deck/learnneo/p/MainThreadAddonIntro.md

@@ -0,0 +1,46 @@
+Neo.mjs is multi-threaded. There are app worker threads
+that handle data access, application logic,
+and keeping track of DOM updates. Practically all your
+application logic is run in parallel in these threads.
+However, anything that needs to actually reference or update
+the DOM, or use the `window` object, must be done in the main 
+application thread. 
+
+That's the purpose of main thread addons. These are classes whose
+methods can be accessed from other web workers, but are
+actually executed in the main thread.
+
+For example, what if you needed to read the browser's
+URL? That information is in `window.location`.
+But `window` is a main thread variable! To access that
+from a web-worker our code has to say "hey main thread, 
+please return a specified `window` property." Neo.mjs
+lets you do that via `Neo.Main.getByPath()`. For
+example, the following statement logs the URL query string.
+
+
+<pre data-javascript>
+Neo.Main.getByPath('window.location.search')
+    .then(value=>console.log(value)); // Logs the search string
+</pre>
+
+`Neo.Main` has some simple methods for accessing the 
+main thread, but for something with a non-trivial API
+you'd use a _main thread addon_. 
+
+Google Maps is a good example of this. In Neo.mjs, most
+views are responsible for updating their own vdom, but
+the responsibility for rendering maps and markers is handled
+by Google Maps itself &mdash; we _ask_ Google Maps to do
+certain things via the Google Maps API. Therefore, in Neo.mjs,
+Google Maps is implemented as a main thread addon which
+loads the libraries and exposes whatever methods we'll need
+to run from the other Neo.mjs threads. In addition, in a
+Neo.mjs application we want to use Google maps like any other
+component, so Neo.mjs also provides a component wrapper. In
+summary: 
+- The main-thread addon contains the code run in the main thread,
+and exposes what methods can be run by other web-workders,
+and
+- The component wrapper lets you use it like any other component,
+internally calling the main thread methods as needed.

package/resources/data/deck/learnneo/p/TestLivePreview.md

@@ -0,0 +1,10 @@
+
+sdfiousodfi
+
+<pre data-neo>
+let a = 1;
+</pre>
+
+
+
+slfiksdf

package/resources/data/deck/learnneo/p/stylesheet.md

@@ -1,9 +1,6 @@
-###Advice
-
-Training content is different than self-study content. 
-
 <details>
-<summary>Training material</summary>
+<summary>Training material advice</summary>
+Training content is different than self-study content. 
 Training material _augments_ the lecture. The audience should be focused on what the speaker is
 saying; the slides support the lecture. An important concept in writing
 training material is to avoid a _wall of words_, where there are lengthy
@@ -12,6 +9,7 @@ with a lot of text, your audience will be reading while you are lecturing,
 and information is lost.
 </details>
 
+
 # This is an h1
 ## This is an h2
 ### This is an h3
@@ -19,13 +17,29 @@ and information is lost.
 
 <br>
 
-&lt;code>Hi there&lt;/code>
+To show highlighted Neo.mjs source code use
+<pre>
+&lt;pre data-javascript>
+// Source code goes here
+&lt;/pre>
+
+<pre data-javascript>
+import Base from '../../../node_modules/neo.mjs/src/core/Base.mjs';
+
+class Mammal extends Base {
+    static config = {
+        className: 'Simple.example.Mammal'
+    }
+}
+</pre>
+
+For short in-line statements of code use &lt;code> or backticks.
 
-<code>Hi there</code>
+When definining variables avoid `var` &mdash; use `let` or `const` instead.
 
 <br>
 
-Use a &lt;details> tag for expandable bullet points, and for lab steps.
+For expandable bullet points and lab steps use a &lt;details> tag 
 <pre>
 &lt;details>
 &lt;summary>This describes the item&lt;/summary>

package/resources/data/deck/learnneo/t.json

@@ -7,124 +7,188 @@
             "name": "Why Neo.mjs? "
         },
         {
-            "id": "2023-09-26T17-26-15-104Z",
+            "id": "GettingStarted",
             "parentId": null,
             "isLeaf": false,
             "name": "Getting Started"
         },
         {
-            "id": "2023-10-12T12-59-22-082Z",
-            "parentId": null,
-            "isLeaf": false,
-            "name": "Source Files"
+            "id": "Setup",
+            "parentId": "GettingStarted",
+            "isLeaf": true,
+            "name": "Setup"
         },
         {
             "id": "2023-10-14T19-25-08-153Z",
-            "parentId": "2023-10-12T12-59-22-082Z",
+            "parentId": "GettingStarted",
             "isLeaf": true,
-            "name": "Neo.mjs workspaces"
+            "name": "Workspaces and Applications"
         },
         {
-            "id": "2023-10-08T18-26-31-357Z",
-            "parentId": null,
-            "isLeaf": false,
-            "name": "Class Definitions and Config"
+            "id": "DescribingTheUI",
+            "parentId": "GettingStarted",
+            "isLeaf": true,
+            "name": "Describing a View"
         },
         {
-            "id": "2023-10-08T20-39-23-708Z",
-            "parentId": "2023-10-08T18-26-31-357Z",
-            "isLeaf": false,
-            "name": "Class Basics"
+            "id": "Events",
+            "parentId": "GettingStarted",
+            "isLeaf": true,
+            "name": "Events"
         },
         {
-            "id": "2023-10-07T19-18-28-517Z",
-            "parentId": "2023-10-08T20-39-23-708Z",
+            "id": "ComponentState",
+            "parentId": "GettingStarted",
             "isLeaf": true,
-            "name": "Classes, Properties, and Methods"
+            "name": "Updating View State"
         },
         {
-            "id": "2023-10-08T20-20-07-934Z",
-            "parentId": "2023-10-08T20-39-23-708Z",
+            "id": "Extending",
+            "parentId": "GettingStarted",
             "isLeaf": true,
-            "name": "Overriding Methods"
+            "name": "Extending Components"
         },
         {
-            "id": "2023-10-08T20-20-37-336Z",
-            "parentId": "2023-10-08T20-39-23-708Z",
+            "id": "ExtendingAddingProperties",
+            "parentId": "GettingStarted",
             "isLeaf": true,
-            "name": "Other JavaScript Class Features"
+            "name": "Adding Properties"
         },
         {
-            "id": "2023-10-08T21-58-25-809Z",
-            "parentId": "2023-10-08T20-39-23-708Z",
+            "id": "ComponentModels",
+            "parentId": "GettingStarted",
             "isLeaf": true,
-            "name": "Super"
+            "name": "Component Models and Binding"
         },
         {
-            "id": "2023-10-08T20-37-30-658Z",
-            "parentId": "2023-10-08T18-26-31-357Z",
+            "id": "WhatAboutHTML",
+            "parentId": "GettingStarted",
             "isLeaf": true,
-            "name": "The Constructor"
+            "name": "What about HTML tags?"
         },
         {
-            "id": "2023-10-08T22-22-11-013Z",
-            "parentId": "2023-10-08T18-26-31-357Z",
+            "id": "Tutorials",
+            "parentId": null,
+            "isLeaf": false,
+            "expanded": false,
+            "name": "Tutorials"
+        },
+        {
+            "id": "RSP",
+            "parentId": "Tutorials",
             "isLeaf": true,
-            "name": "super"
+            "expanded": false,
+            "name": "Rock Scissors Paper"
         },
         {
-            "id": "2023-09-25T20-27-55-600Z",
+            "id": "Earthquakes",
+            "parentId": "Tutorials",
+            "isLeaf": false,
+            "expanded": false,
+            "name": "Earthquakes"
+        },
+        {
+            "id": "InDepth",
             "parentId": null,
             "isLeaf": false,
+            "expanded": false,
+            "name": "Cookbook"
+        },
+        {
+            "id": "Config",
+            "parentId": "InDepth",
+            "isLeaf": false,
             "name": "Config"
         },
         {
-            "id": "2023-09-25T20-27-38-129Z",
-            "parentId": null,
+            "id": "InstanceLifecycle",
+            "parentId": "InDepth",
             "isLeaf": false,
-            "name": "Component Basics"
+            "name": "Instance Lifecycle"
         },
         {
-            "id": "2023-09-25T20-28-12-355Z",
-            "parentId": null,
+            "id": "Forms",
+            "parentId": "InDepth",
             "isLeaf": false,
             "name": "User Input (Forms)"
         },
         {
-            "id": "2023-09-25T20-28-33-035Z",
-            "parentId": null,
+            "id": "CustomComponents",
+            "parentId": "InDepth",
             "isLeaf": false,
-            "name": "Data"
+            "name": "Custom Components"
         },
         {
-            "id": "2023-09-25T20-28-51-807Z",
-            "parentId": null,
+            "id": "Tables",
+            "parentId": "InDepth",
             "isLeaf": false,
-            "name": "Component Models and Binding"
+            "name": "Tables (Stores)"
         },
         {
-            "id": "2023-09-25T20-29-19-770Z",
-            "parentId": null,
+            "id": "InDepthComponentModels",
+            "parentId": "InDepth",
             "isLeaf": false,
-            "name": "Multi-Window"
+            "name": "Shared Binable Data (Component Models)"
         },
         {
-            "id": "2023-09-25T20-29-28-307Z",
-            "parentId": null,
+            "id": "MultiWindow",
+            "parentId": "InDepth",
             "isLeaf": false,
-            "name": "Main Thread Add-onss"
+            "name": "Multi-Window Applicaitons"
         },
         {
-            "id": "2023-09-26T17-31-48-754Z",
-            "parentId": null,
+            "id": "MainThreadAddons",
+            "parentId": "InDepth",
             "isLeaf": false,
-            "name": "Custom Components and vdom"
+            "name": "Main Thread Addons"
         },
         {
-            "id": "2023-10-16T19-38-29-590Z",
+            "id": "mainThreadAddonIntro",
+            "parentId": "MainThreadAddons",
+            "isLeaf": true,
+            "name": "Introduction"
+        },
+        {
+            "id": "mainThreadAddonExample",
+            "parentId": "MainThreadAddons",
+            "isLeaf": true,
+            "name": "Example"
+        },
+        {
+            "id": "Mixins",
+            "parentId": "InDepth",
+            "isLeaf": false,
+            "name": "Mixins"
+        },
+        {
+            "id": "JavaScriptClasses",
             "parentId": null,
             "isLeaf": false,
-            "name": "Mixins "
+            "name": "JavaScript Classes"
+        },
+        {
+            "id": "2023-10-07T19-18-28-517Z",
+            "parentId": "JavaScriptClasses",
+            "isLeaf": true,
+            "name": "Classes, Properties, and Methods"
+        },
+        {
+            "id": "2023-10-08T20-20-07-934Z",
+            "parentId": "JavaScriptClasses",
+            "isLeaf": true,
+            "name": "Overriding Methods"
+        },
+        {
+            "id": "2023-10-08T20-20-37-336Z",
+            "parentId": "Class Basics",
+            "isLeaf": true,
+            "name": "Other JavaScript Class Features"
+        },
+        {
+            "id": "2023-10-08T21-58-25-809Z",
+            "parentId": "JavaScriptClasses",
+            "isLeaf": true,
+            "name": "Super"
         },
         {
             "id": "2023-10-31T13-59-37-550Z",
@@ -142,6 +206,12 @@
             "parentId": "appendix",
             "name": "Stylesheet",
             "isLeaf": true
+        },
+        {
+            "id": "TestLivePreview",
+            "parentId": "appendix",
+            "name": "Test",
+            "isLeaf": true
         }
     ]
 }

package/resources/data/deck/training/p/2023-01-10T02-21-54-303Z.md

@@ -5,6 +5,6 @@
 meeting app will have its own frame rate.)
 
 Run the the prod version of one of the demos, like
-the <a href="https://neomjs.github.io/pages/node_modules/neo.mjs/dist/production/examples/component/coronaHelix/index.html" target="">COVID-19 Helix</a> example. Note the delta-updates per second information
+the <a href="https://neomjs.github.io/pages/node_modules/neo.mjs/dist/production/examples/component/coronaHelix/index.html" target="_blank">COVID-19 Helix</a> example. Note the delta-updates per second information
 at the upper right. You're seeing 10,000 or 20,000 delta updates per
 second as you zoom in and out and pan.