npm - neo.mjs - Versions diffs - 6.9.8 → 6.9.10 - Mend

neo.mjs 6.9.8 → 6.9.10

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 (22) hide show

package/apps/ServiceWorker.mjs +2 -2
package/apps/learnneo/index.html +5 -0
package/apps/learnneo/view/home/ContentComponent.mjs +24 -0
package/apps/learnneo/view/home/ContentTreeList.mjs +55 -28
package/apps/learnneo/view/home/MainContainer.mjs +36 -17
package/examples/ServiceWorker.mjs +2 -2
package/examples/form/field/textarea/MainContainer.mjs +1 -1
package/package.json +2 -2
package/resources/scss/src/apps/learnneo/Viewport.scss +0 -63
package/resources/scss/src/apps/learnneo/home/ContentComponent.scss +61 -0
package/resources/scss/src/apps/learnneo/home/ContentTreeList.scss +37 -0
package/resources/scss/src/form/field/FileUpload.scss +4 -4
package/resources/scss/src/form/field/TextArea.scss +1 -1
package/src/DefaultConfig.mjs +2 -2
package/src/form/field/FileUpload.mjs +9 -2
package/src/form/field/Text.mjs +30 -2
package/src/form/field/TextArea.mjs +19 -34
package/src/main/DomAccess.mjs +34 -0
package/src/main/addon/HighlightJS.mjs +0 -12
package/src/util/String.mjs +5 -3
package/test/components/files/form/field/Select.mjs +1 -1
package/resources/data/learnneo/content.json +0 -27

package/apps/ServiceWorker.mjs CHANGED Viewed

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='6.9.8'
+         * @member {String} version='6.9.10'
          */
-        version: '6.9.8'
+        version: '6.9.10'
     }
     /**

package/apps/learnneo/index.html CHANGED Viewed

@@ -1,11 +1,16 @@
 <!DOCTYPE HTML>
 <html>
 <head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta charset="UTF-8">
     <title>LearnNeo</title>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans|Inconsolata">
+    </link>
 </head>
 <body>
     <script src="../../src/MicroLoader.mjs" type="module"></script>
 </body>
 </html>

package/apps/learnneo/view/home/ContentComponent.mjs ADDED Viewed

@@ -0,0 +1,24 @@
+import Base from '../../../../src/component/Base.mjs';
+/**
+ * @class LearnNeo.view.home.ContentComponent
+ * @extends Neo.component.Base
+ */
+class ContentComponent extends Base {
+    static config = {
+        /**
+         * @member {String} className='LearnNeo.view.home.ContentComponent'
+         * @protected
+         */
+        className: 'LearnNeo.view.home.ContentComponent',
+        /**
+         * @member {String[]} baseCls=['learn-content']
+         * @protected
+         */
+         baseCls: ['learn-content']
+    }
+}
+Neo.applyClassConfig(ContentComponent);
+export default ContentComponent;

package/apps/learnneo/view/home/ContentTreeList.mjs CHANGED Viewed

@@ -12,30 +12,46 @@ class ContentTreeList extends TreeList {
          * @protected
          */
         className: 'LearnNeo.view.home.ContentTreeList',
+        /**
+         * @member {String[]} cls=['topics-tree']
+         */
+        cls: ['topics-tree'],
         /**
          * @member {Neo.data.Store} store=ContentStore
          */
-        store: ContentStore
-    }
+        store: ContentStore,
-    /**
-     * todo: createItems() should get triggered onStoreLoad()
-     */
-    onConstructed() {
-        super.onConstructed();
-        let me = this;
-        Neo.Main.getByPath({path: 'location.search'})
-            .then(data => {
-                const searchString = data?.substr(1) || '';
-                const search = searchString ? JSON.parse(`{"${decodeURI(searchString.replace(/&/g, "\",\"").replace(/=/g, "\":\""))}"}`) : {};
-                me.deck = search.deck || 'learnneo';
-                me.doLoadStore();
-                console.log(search);
-            });
+        cls: 'topics-tree'
     }
     get contentPath() {
         return `../../../resources/data/${this.deck}`;
     }
+    /**
+     * @param {Object} record
+     * @returns {Promise<void>}
+     */
+    async doFetchContent(record) {
+        let me = this,
+            path = `${me.contentPath}`;
+        path += record.path ? `/pages/${record.path}` : `/p/${record.id}.md`;
+        if (record.isLeaf && path) {
+            const data = await fetch(path);
+            const content = await data.text();
+            await Neo.main.addon.Markdown.markdownToHtml(content)
+                .then(
+                    html => me.fire('contentChange', {component: me, html}),
+                    () => me.fire('contentChange', {component: me}));
+        }
+    }
+    /**
+     *
+     */
     doLoadStore() {
         const me = this;
         Neo.Xhr.promiseJson({
@@ -48,19 +64,30 @@ class ContentTreeList extends TreeList {
         })
     }
-    async doFetchContent(record) {
-        let me   = this,
-            path = `${me.contentPath}`;
-        path += record.path ? `/pages/${record.path}` : `/p/${record.id}.md`;
+    /**
+     * todo: createItems() should get triggered onStoreLoad()
+     */
+    onConstructed() {
+        super.onConstructed();
-        if (record.isLeaf && path) {
-            const data = await fetch(path);
-            const content = await data.text();
-            await Neo.main.addon.Markdown.markdownToHtml(content)
-                .then(
-                    html => me.fire('contentChange', {component: me, html}),
-                    ()   => me.fire('contentChange', {component: me}));
-        }
+        let me = this;
+        Neo.Main.getByPath({path: 'location.search'})
+            .then(data => {
+                const searchString = data?.substr(1) || '';
+                const search = searchString ? JSON.parse(`{"${decodeURI(searchString.replace(/&/g, "\",\"").replace(/=/g, "\":\""))}"}`) : {};
+                me.deck = search.deck || 'learnneo';
+                me.doLoadStore();
+                console.log(search);
+            });
+    }
+    /**
+     * @param {Object} record
+     */
+    onLeafItemClick(record) {
+        super.onLeafItemClick(record);
+        this.doFetchContent(record);
     }
 }

package/apps/learnneo/view/home/MainContainer.mjs CHANGED Viewed

@@ -1,36 +1,55 @@
-import Container from '../../../../src/container/Base.mjs';
-import Component from '../../../../src/component/Base.mjs';
-import ContentTreeList from './ContentTreeList.mjs';
+import Container               from '../../../../src/container/Base.mjs';
+import ContentComponent        from './ContentComponent.mjs';
+import ContentTreeList         from './ContentTreeList.mjs';
 import MainContainerController from './MainContainerController.mjs';
-import MainContainerModel from './MainContainerModel.mjs';
-import Splitter from '../../../../src/component/Splitter.mjs';
+import MainContainerModel      from './MainContainerModel.mjs';
+import Splitter                from '../../../../src/component/Splitter.mjs';
+/**
+ * @class LearnNeo.view.home.MainContainer
+ * @extends Neo.container.Base
+ */
 class MainContainer extends Container {
     static config = {
+        /**
+         * @member {String} className='LearnNeo.view.home.MainContainer'
+         * @protected
+         */
         className: 'LearnNeo.view.home.MainContainer',
-        model: MainContainerModel,
+        /**
+         * @member {Neo.controller.Component} controller=MainContainerController
+         */
         controller: MainContainerController,
+        /**
+         * @member {Object[]} items
+         */
         items: [{
-            module: Container,
-            layout: 'fit',
+            module  : Container,
+            layout  : 'fit',
             minWidth: 350,
-            width: 350,
+            width   : 350,
             items: [{
-                module: ContentTreeList,
+                module   : ContentTreeList,
                 reference: 'tree',
-                listeners: {contentChange: 'onContentListLeafClick'},
+                listeners: {contentChange: 'onContentListLeafClick'}
             }]
         }, {
-            module: Splitter,
-            resizeTarget: 'previous'
+            module      : Splitter,
+            resizeTarget: 'previous',
+            size        : 5
         }, {
-            module: Component,
-            layout: {ntype: 'card', activeIndex: null},
-            cls: 'learn-content',
+            module   : ContentComponent,
             reference: 'content'
         }],
-        layout: {ntype: 'hbox', align: 'stretch'}
+        /**
+         * @member {Object} layout={ntype:'hbox',align:'stretch'}
+         */
+        layout: {ntype: 'hbox', align: 'stretch'},
+        /**
+         * @member {Neo.model.Component} model=MainContainerModel
+         */
+        model: MainContainerModel
     }
 }

package/examples/ServiceWorker.mjs CHANGED Viewed

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='6.9.8'
+         * @member {String} version='6.9.10'
          */
-        version: '6.9.8'
+        version: '6.9.10'
     }
     /**

package/examples/form/field/textarea/MainContainer.mjs CHANGED Viewed

@@ -181,7 +181,7 @@ class MainContainer extends ConfigurationViewport {
     createExampleComponent() {
         return Neo.create(TextAreaField, {
             clearable : true,
-            height    : 60,
+            height    : 120,
             labelText : 'Label',
             labelWidth: 70,
             value     : 'Hello World',

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "6.9.8",
+    "version": "6.9.10",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -49,7 +49,7 @@
         "clean-webpack-plugin": "^4.0.0",
         "commander": "^11.1.0",
         "cssnano": "^6.0.1",
-        "envinfo": "^7.10.0",
+        "envinfo": "^7.11.0",
         "fs-extra": "^11.1.1",
         "highlightjs-line-numbers.js": "^2.8.0",
         "inquirer": "^9.2.11",

package/resources/scss/src/apps/learnneo/Viewport.scss CHANGED Viewed

@@ -1,63 +0,0 @@
-.learn-content {
-    font-size: 13pt;
-    letter-spacing: 1px;
-    em,
-    i {
-        font-family: Palatino, "Times New Roman", serif;
-        font-size: 1.07em;
-    }
-    p {
-        margin: 0.5em 0em 0.7em 0em ;
-    }
-    mark {
-        background-color: #B8FCE3;
-        color: black;
-        padding: 0.1em 0.2em;
-    }
-    padding: 1em;
-    overflow: scroll;
-    details summary {
-        cursor: pointer;
-        transition: margin 300ms ease-out;
-    }
-    details[open] {
-        margin-bottom: 2em;
-    }
-    details summary {
-        list-style: none;
-        color: #555;
-        display: flex;
-        /* also removes the list marker */
-        align-items: center;
-        font-weight: bold;
-    }
-    details summary::before {
-        content: "\f055";
-    }
-    details[open] summary::before {
-        content: "\f056";
-    }
-    details summary::before {
-        font-family: var(--fa-style-family, "Font Awesome 6 Free");
-        font-weight: var(--fa-style, 900);
-        font-size: 1.3em;
-        margin: 0.4em 0.4em 0.4em 0;
-        color: #c4c4c4;
-    }
-    summary::-webkit-details-marker {
-        display: none;
-    }
-}

package/resources/scss/src/apps/learnneo/home/ContentComponent.scss ADDED Viewed

@@ -0,0 +1,61 @@
+.learn-content {
+    font-family   : 'Open Sans';
+    font-size     : 13pt;
+    letter-spacing: 1px;
+    overflow      : scroll;
+    padding       : 1em;
+    em,
+    i {
+        font-family: Palatino, "Times New Roman", serif;
+        font-size  : 1.07em;
+    }
+    p {
+        margin: 0.5em 0em 0.7em 0em;
+    }
+    mark {
+        background-color: #B8FCE3;
+        color           : black;
+        padding         : 0.1em 0.2em;
+    }
+    details summary {
+        cursor: pointer;
+        transition: margin 300ms ease-out;
+    }
+    details[open] {
+        margin-bottom: 2em;
+    }
+    details summary {
+        list-style: none;
+        color: #555;
+        display: flex;
+        /* also removes the list marker */
+        align-items: center;
+        font-weight: bold;
+    }
+    details summary::before {
+        content: "\f055";
+    }
+    details[open] summary::before {
+        content: "\f056";
+    }
+    details summary::before {
+        color      : #c4c4c4;
+        font-family: var(--fa-style-family, "Font Awesome 6 Free");
+        font-size  : 1.3em;
+        font-weight: var(--fa-style, 900);
+        margin     : 0.4em 0.4em 0.4em 0;
+    }
+    summary::-webkit-details-marker {
+        display: none;
+    }
+}

package/resources/scss/src/apps/learnneo/home/ContentTreeList.scss ADDED Viewed

@@ -0,0 +1,37 @@
+.topics-tree {
+    &.neo-tree-list {
+        .neo-treelist-collapse-all-icon {
+            .neo-treelist-menu-item-content:before {
+                content: "\f102" !important;
+            }
+        }
+        .neo-treelist-expand-all-icon {
+            .neo-treelist-menu-item-content:before {
+                content: "\f103" !important;
+            }
+        }
+        .neo-list-container {
+            .neo-list-item {
+                &.neo-list-item-leaf {
+                    .neo-list-item-content:before {
+                        content: none !important;
+                    }
+                }
+                &.neo-list-folder {
+                    .neo-list-item-content:before {
+                        content: "\f107" !important;
+                    }
+                    &.neo-folder-open {
+                        .neo-list-item-content:before {
+                            content: "\f106" !important;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

package/resources/scss/src/form/field/FileUpload.scss CHANGED Viewed

@@ -136,8 +136,8 @@
 }
 // During upload, it's a progress circle.
-// Of the upload fails, the process circle stops but remains visible
-.neo-file-upload-state-uploading, .neo-file-upload-state-upload-failed {
+// Of the upload fails, the process circle stops but remains visible //todo
+.neo-file-upload-state-uploading, .neo-file-upload-state-upload-failed, .neo-file-upload-state-error {
     .neo-file-upload-state-icon {
         background-image : conic-gradient(
             var(--fileuploadfield-progress-color) 0 var(--upload-progress),
@@ -184,8 +184,8 @@
     }
 }
-// If the upload or scan failed, we show an error UI and the action button cancels
-.neo-file-upload-state-upload-failed, .neo-file-upload-state-scan-failed, .neo-file-upload-field.neo-invalid {
+// If the upload or scan failed, we show an error UI and the action button cancels //todo error
+.neo-file-upload-state-upload-failed, .neo-file-upload-state-scan-failed, .neo-file-upload-field.neo-invalid, .neo-file-upload-state-error {
     --fileuploadfield-progress-color : var(--fileuploadfield-error-color);
     border-color                     : var(--fileuploadfield-error-color);

package/resources/scss/src/form/field/TextArea.scss CHANGED Viewed

@@ -12,7 +12,7 @@
     }
     .neo-field-trigger {
-        border-bottom: 1px solid var(--textfield-border-color);
+        height : inherit;
     }
     .neo-textfield-error {

package/src/DefaultConfig.mjs CHANGED Viewed

@@ -236,12 +236,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '6.9.8'
+     * @default '6.9.10'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '6.9.8'
+    version: '6.9.10'
 };
 Object.assign(DefaultConfig, {

package/src/form/field/FileUpload.mjs CHANGED Viewed

@@ -322,7 +322,8 @@ class FileUpload extends Base {
         malwareFoundInFile   : 'Malware found in file',
         pleaseCheck          : 'Please check the file and try again',
         successfullyUploaded : 'Successfully uploaded',
-        fileWasDeleted       : 'File was deleted'
+        fileWasDeleted       : 'File was deleted',
+        fileIsInAnErrorState : 'File is in an error state'
     }
     /**
@@ -565,6 +566,7 @@ class FileUpload extends Base {
             // saved, so we just go back to ready state
             case 'upload-failed':
             case 'scan-failed':
+            case 'error':
                 me.clear();
                 me.state = 'ready';
                 break;
@@ -729,7 +731,12 @@ class FileUpload extends Base {
             case 'deleted':
                 status.innerHTML = me.fileWasDeleted;
                 isChangeEventNeeded = true;
-        }
+                break;
+            case 'error':
+                status.innerHTML = me.fileIsInAnErrorState;
+                me.error = me.pleaseCheck;
+                isChangeEventNeeded = true;
+            }
         if (isChangeEventNeeded && oldValue !== undefined) {
             me.fireChangeEvent(me.file)

package/src/form/field/Text.mjs CHANGED Viewed

@@ -2,6 +2,7 @@ import Base         from './Base.mjs';
 import BaseTrigger  from './trigger/Base.mjs';
 import ClearTrigger from './trigger/Clear.mjs';
 import NeoArray     from '../../util/Array.mjs';
+import StringUtil   from '../../util/String.mjs';
 import VDomUtil     from '../../util/VDom.mjs';
 import VNodeUtil    from '../../util/VNode.mjs';
@@ -234,6 +235,14 @@ class Text extends Base {
          * @member {Function|String|null} validator=null
          */
         validator: null,
+        /**
+         * getVlue can be xssProtected and values are escaped
+         * @member {Boolean} xssProtected=false
+         */
+        xssProtected_: false,
+        /**
+         * @member {Object} _vdom
+         */
         /**
          * @member {Object} _vdom
          */
@@ -1144,6 +1153,17 @@ class Text extends Base {
         return this.id + '-trigger-' + type
     }
+    /**
+     * @returns {*}
+    */
+    getValue() {
+        if (this.xssProtected) {
+            return StringUtil.escapeHtml(super.getValue())
+        } else {
+            return super.getValue()
+        }
+    }
     /**
      * @returns {Boolean}
      */
@@ -1269,10 +1289,14 @@ class Text extends Base {
             if (centerBorderEl && me.isEmpty()) {
                 delete centerBorderEl.width;
             }
+        }
-            me.update()
+        if (Neo.isString(me.value)) {
+            me.value = me.value.trim()
         }
+        me.update();
         super.onFocusLeave(data)
     }
@@ -1288,7 +1312,11 @@ class Text extends Base {
         if (vnode) {
             // required for validation -> revert a wrong user input
-            vnode.vnode.attributes.value = value;
+            vnode.vnode.attributes.value = value
+        }
+        if (Neo.isString(value)) {
+            value = value.trim()
         }
         me.clean = false;

package/src/form/field/TextArea.mjs CHANGED Viewed

@@ -32,7 +32,7 @@ class TextArea extends Text {
          * any height of text. Bounds can be set using the `minHeight` and `maxHeight` settings.
          * @member {Boolean} autoGrow=false
          */
-        autoGrow : false,
+        autoGrow_ : false,
         /**
          * @member {String[]} baseCls=['neo-textarea','neo-textfield']
          */
@@ -74,6 +74,15 @@ class TextArea extends Text {
         wrap_: null
     }
+    afterSetAutoGrow(autoGrow) {
+        this.syncAutoGrowMonitor();
+        // Restore any configured height if autoGrow turned off
+        if (!autoGrow) {
+            this.afterSetHeight(this._height);
+        }
+    }
     /**
      * Triggered after the cols config got changed
      * @param {Number|null} value
@@ -102,7 +111,7 @@ class TextArea extends Text {
      */
     afterSetMounted(value, oldValue) {
         super.afterSetMounted(value, oldValue);
-        this.syncAutoGrowHeight();
+        this.syncAutoGrowMonitor();
     }
     /**
@@ -143,7 +152,6 @@ class TextArea extends Text {
         }
         super.afterSetValue(value, oldValue);
-        this.syncAutoGrowHeight();
     }
     /**
@@ -167,37 +175,14 @@ class TextArea extends Text {
         return this.beforeSetEnumValue(value, oldValue, 'wrap', 'wrapValues');
     }
-    /**
-     * @param {Object} data
-     * @protected
-     */
-    onInputValueChange(data) {
-        this.syncAutoGrowHeight();
-        super.onInputValueChange(data);
-    }
-    /**
-     * @protected
-     */
-    async syncAutoGrowHeight() {
-        let me = this;
-        if (me.mounted && me.autoGrow) {
-            const
-                inputEl = me.getInputEl(),
-                dims = await Neo.main.DomAccess.getScrollingDimensions({
-                    appName : me.appName,
-                    id      : me.getInputElId()
-                });
-            // We must not show the scrollbar when autoGrowing
-            inputEl.style.overflowY = 'hidden';
-            if (dims.scrollHeight > dims.clientHeight - 5) {
-                inputEl.height = dims.scrollHeight;
-            }
-            me.update();
+    async syncAutoGrowMonitor() {
+        if (this.mounted) {
+            // Delegate monitoring of sizes to the VDOM thread.
+            Neo.main.DomAccess.monitorAutoGrow({
+                appName  : this.appName,
+                id       : this.getInputElId(),
+                autoGrow : this.autoGrow
+            });
         }
     }
 }

package/src/main/DomAccess.mjs CHANGED Viewed

@@ -102,6 +102,7 @@ class DomAccess extends Base {
                 'getBoundingClientRect',
                 'getScrollingDimensions',
                 'measure',
+                'monitorAutoGrow',
                 'scrollBy',
                 'scrollIntoView',
                 'scrollTo',
@@ -582,6 +583,39 @@ class DomAccess extends Base {
         return value;
     }
+    /**
+     * Checks the overflow status of a TextAreaField's &lt;textarea> element and updates the
+     * height so that there is never a vertical scrollbar.
+     * @param {Object} data
+     */
+    async monitorAutoGrow(data) {
+        const
+            me     = this,
+            target = data.subject = me.getElement(data.id);
+        // We need to update the height on every input event is autoGrow is truthy.
+        target[data.autoGrow ? 'addEventListener' : 'removeEventListener']('input', me.monitorAutoGrowHandler);
+        // Fix the height up immediately too
+        if (data.autoGrow) {
+            me.monitorAutoGrowHandler({
+                target
+            });
+        }
+    }
+    monitorAutoGrowHandler({ target }) {
+        const
+            { style }              = target,
+            { style : inputStyle } = target.closest('.neo-textarea');
+        // Measure the scrollHeight when forced to overflow, then set height to encompass the scrollHeight
+        style.height = style.minHeight = 0;
+        inputStyle.setProperty('--textfield-input-height', `${target.scrollHeight + 5}px`);
+        inputStyle.setProperty('height', '');
+        style.height = style.minHeight = '';
+    }
     /**
      * @param {Array} mutations
      */

package/src/main/addon/HighlightJS.mjs CHANGED Viewed

@@ -96,18 +96,6 @@ class HighlightJS extends Base {
         })
     }
-    /**
-     * @param {Object} data
-     * @returns {Boolean}
-     */
-    setConfigs(data) {
-        delete data.appName;
-        this.set(data);
-        return true
-    }
     /**
      * You can pass in 'light', 'dark', or a path for a custom theme
      * @param {String} theme

package/src/util/String.mjs CHANGED Viewed

@@ -14,18 +14,20 @@ class StringUtil extends Base {
         '<' : '&lt;',
         '>' : '&gt;',
         '"' : '&quot;',
-        '\'': '&#039;'
+        '\'': '&apos;',
+        '$' : '&dollar;',
+        '\\': '&bsol;'
     }
     /**
      * @member {RegExp} charPattern
      * @static
      */
-    static charPattern = /[&<>"']/g
+    static charPattern = /[&<>"'$\\]/g
     /**
      * @member {RegExp} entityPattern
      * @static
      */
-    static entityPattern = /(&amp;)|(&lt;)|(&gt;)|(&quot;)|(&#039;)/g
+    static entityPattern = /(&amp;)|(&lt;)|(&gt;)|(&quot;)|(&apos;)|(&dollar;)|(&bsol;)/g
     static config = {
         /**

package/test/components/files/form/field/Select.mjs CHANGED Viewed

@@ -30,6 +30,6 @@ StartTest(t => {
                     }
                 }
             })
-        }, 300)
+        }, 1000)
     });
 });

package/resources/data/learnneo/content.json DELETED Viewed

@@ -1,27 +0,0 @@
-{
-    "data": [{
-        "id"      : 1,
-        "isLeaf"  : true,
-        "name"    : "Why neo.mjs",
-        "parentId": null,
-        "path"    : "whyneo.md"
-    }, {
-        "id"      : 2,
-        "isLeaf"  : false,
-        "name"    : "Class Definitions and Config",
-        "parentId": null,
-        "path"    : null
-    }, {
-        "id"      : 3,
-        "isLeaf"  : false,
-        "name"    : "Class Basics",
-        "parentId": 2,
-        "path"    : null
-    }, {
-        "id"      : 4,
-        "isLeaf"  : true,
-        "name"    : "Classes, Properties, and Methods",
-        "parentId": 3,
-        "path"    : null
-    }]
-}