@almadar/std 14.24.0 → 14.26.0

package/dist/behaviors/registry/app/organisms/std-notes.orb

@@ -116,37 +116,37 @@
           "ref": "AppShell.traits.AppLayout",
           "name": "NoteAppLayout",
           "config": {
+            "contentTrait": "@trait.NoteCatalog",
             "appName": "Notes",
-            "searchEvent": "NOTE_SEARCH",
             "navItems": [
               {
-                "icon": "file-text",
                 "label": "Notes",
+                "icon": "file-text",
                 "href": "/notes"
               },
               {
                 "href": "/notes/tree",
-                "label": "Tree",
-                "icon": "list-tree"
+                "icon": "list-tree",
+                "label": "Tree"
               },
               {
+                "href": "/notes/editor",
                 "label": "Editor",
-                "icon": "edit",
-                "href": "/notes/editor"
+                "icon": "edit"
               },
               {
-                "label": "Favorites",
+                "href": "/notes/favorites",
                 "icon": "star",
-                "href": "/notes/favorites"
+                "label": "Favorites"
               }
             ],
+            "searchEvent": "NOTE_SEARCH",
             "notifications": [],
-            "contentTrait": "@trait.NoteCatalog",
             "notificationClickEvent": "NOTE_NOTIFICATIONS_OPEN"
           },
           "events": {
-            "SEARCH": "NOTE_SEARCH",
-            "NOTIFY_CLICK": "NOTE_NOTIFICATIONS_OPEN"
+            "NOTIFY_CLICK": "NOTE_NOTIFICATIONS_OPEN",
+            "SEARCH": "NOTE_SEARCH"
           }
         },
         {
@@ -229,59 +229,62 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "lg",
+                      "type": "stack",
+                      "direction": "vertical",
                       "children": [
                         {
-                          "type": "stack",
                           "align": "center",
-                          "justify": "between",
-                          "direction": "horizontal",
                           "children": [
                             {
+                              "type": "stack",
                               "children": [
                                 {
                                   "type": "icon",
                                   "name": "file-text"
                                 },
                                 {
-                                  "variant": "h2",
+                                  "type": "typography",
                                   "content": "Notes",
-                                  "type": "typography"
+                                  "variant": "h2"
                                 }
                               ],
-                              "align": "center",
+                              "direction": "horizontal",
                               "gap": "sm",
-                              "type": "stack",
-                              "direction": "horizontal"
+                              "align": "center"
                             },
                             {
+                              "direction": "horizontal",
                               "children": [
                                 {
-                                  "action": "CREATE",
+                                  "variant": "primary",
+                                  "icon": "plus",
                                   "type": "button",
                                   "label": "New Note",
-                                  "variant": "primary",
-                                  "icon": "plus"
+                                  "action": "CREATE"
                                 }
                               ],
                               "type": "stack",
-                              "gap": "sm",
-                              "direction": "horizontal"
+                              "gap": "sm"
                             }
                           ],
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "justify": "between",
                           "gap": "md"
                         },
                         {
                           "type": "divider"
                         },
                         {
+                          "gap": "md",
                           "children": [
                             "@trait.NoteSearch",
                             "@trait.NoteFilter"
                           ],
                           "align": "center",
-                          "direction": "horizontal",
                           "type": "stack",
-                          "gap": "md"
+                          "direction": "horizontal"
                         },
                         "@trait.NoteStats",
                         "@trait.NoteGraphs",
@@ -289,10 +292,7 @@
                           "type": "divider"
                         },
                         "@trait.NoteBrowseList"
-                      ],
-                      "gap": "lg",
-                      "direction": "vertical",
-                      "type": "stack"
+                      ]
                     }
                   ]
                 ]
@@ -311,11 +311,10 @@
                     "render-ui",
                     "main",
                     {
+                      "gap": "md",
                       "direction": "vertical",
                       "type": "stack",
-                      "className": "py-8",
                       "align": "center",
-                      "gap": "md",
                       "children": [
                         {
                           "type": "icon",
@@ -327,18 +326,19 @@
                           "type": "typography"
                         },
                         {
+                          "content": "You're all caught up.",
                           "type": "typography",
                           "variant": "caption",
-                          "color": "muted",
-                          "content": "You're all caught up."
+                          "color": "muted"
                         },
                         {
-                          "action": "INIT",
-                          "variant": "ghost",
                           "type": "button",
-                          "label": "Back to notes"
+                          "label": "Back to notes",
+                          "action": "INIT",
+                          "variant": "ghost"
                         }
-                      ]
+                      ],
+                      "className": "py-8"
                     }
                   ]
                 ]
@@ -359,25 +359,24 @@
           "ref": "Filter.traits.FilterTargetFilter",
           "name": "NoteFilter",
           "config": {
+            "event": "NOTE_FILTER",
             "filters": [
               {
+                "label": "Favorite",
+                "field": "isFavorite",
                 "filterType": "select",
                 "options": [
                   "true",
                   "false"
-                ],
-                "field": "isFavorite",
-                "label": "Favorite"
+                ]
               }
-            ],
-            "event": "NOTE_FILTER"
+            ]
           }
         },
         {
           "ref": "Stats.traits.StatsItemStats",
           "name": "NoteStats",
           "config": {
-            "title": "Notes",
             "metrics": [
               {
                 "variant": "primary",
@@ -387,10 +386,8 @@
                 "aggregation": "count"
               },
               {
-                "variant": "warning",
                 "label": "Favorites",
-                "icon": "star",
-                "format": "number",
+                "aggregation": "count",
                 "filter": [
                   "fn",
                   "row",
@@ -400,14 +397,14 @@
                     true
                   ]
                 ],
-                "aggregation": "count"
+                "format": "number",
+                "variant": "warning",
+                "icon": "star"
               },
               {
+                "variant": "info",
                 "icon": "folder",
-                "aggregation": "count",
                 "format": "number",
-                "variant": "info",
-                "label": "Top-level",
                 "filter": [
                   "fn",
                   "row",
@@ -416,9 +413,12 @@
                     "@row.parentId",
                     ""
                   ]
-                ]
+                ],
+                "aggregation": "count",
+                "label": "Top-level"
               }
-            ]
+            ],
+            "title": "Notes"
           },
           "listens": [
             {
@@ -435,13 +435,13 @@
           "ref": "Graphs.traits.GraphItemGraph",
           "name": "NoteGraphs",
           "config": {
-            "showLegend": false,
-            "subtitle": "Distribution of note icons across your tree",
+            "categoryField": "icon",
+            "height": 240.0,
             "chartType": "bar",
             "title": "Notes by Icon",
-            "categoryField": "icon",
+            "showLegend": false,
             "aggregation": "count",
-            "height": 240.0
+            "subtitle": "Distribution of note icons across your tree"
           },
           "listens": [
             {
@@ -460,33 +460,15 @@
           "linkedEntity": "Note",
           "config": {
             "cols": 1.0,
-            "itemActions": [
-              {
-                "variant": "ghost",
-                "label": "View",
-                "event": "VIEW"
-              },
-              {
-                "label": "Edit",
-                "variant": "ghost",
-                "event": "EDIT"
-              },
-              {
-                "event": "DELETE",
-                "label": "Delete",
-                "variant": "danger"
-              }
-            ],
-            "gap": "sm",
             "fields": [
               {
-                "name": "title",
+                "icon": "file-text",
                 "variant": "h3",
-                "icon": "file-text"
+                "name": "title"
               },
               {
-                "name": "icon",
-                "variant": "badge"
+                "variant": "badge",
+                "name": "icon"
               },
               {
                 "variant": "badge",
@@ -497,7 +479,25 @@
                 "variant": "caption",
                 "label": "Edited"
               }
-            ]
+            ],
+            "itemActions": [
+              {
+                "event": "VIEW",
+                "variant": "ghost",
+                "label": "View"
+              },
+              {
+                "variant": "ghost",
+                "label": "Edit",
+                "event": "EDIT"
+              },
+              {
+                "event": "DELETE",
+                "variant": "danger",
+                "label": "Delete"
+              }
+            ],
+            "gap": "sm"
           },
           "listens": [
             {
@@ -554,7 +554,9 @@
           "name": "NoteCreate",
           "linkedEntity": "Note",
           "config": {
+            "icon": "plus-circle",
             "mode": "create",
+            "title": "New Note",
             "fields": [
               "title",
               "content",
@@ -562,9 +564,7 @@
               "parentId",
               "icon",
               "isFavorite"
-            ],
-            "title": "New Note",
-            "icon": "plus-circle"
+            ]
           },
           "events": {
             "OPEN": "CREATE"
@@ -585,6 +585,9 @@
           "name": "NoteEdit",
           "linkedEntity": "Note",
           "config": {
+            "title": "Edit Note",
+            "icon": "edit",
+            "mode": "edit",
             "fields": [
               "title",
               "content",
@@ -592,10 +595,7 @@
               "parentId",
               "icon",
               "isFavorite"
-            ],
-            "icon": "edit",
-            "title": "Edit Note",
-            "mode": "edit"
+            ]
           },
           "events": {
             "OPEN": "EDIT"
@@ -617,8 +617,6 @@
           "linkedEntity": "Note",
           "config": {
             "mode": "edit",
-            "title": "View Note",
-            "icon": "eye",
             "fields": [
               "title",
               "content",
@@ -626,7 +624,9 @@
               "icon",
               "isFavorite",
               "lastEditedAt"
-            ]
+            ],
+            "icon": "eye",
+            "title": "View Note"
           },
           "events": {
             "OPEN": "VIEW"
@@ -991,6 +991,217 @@
           ]
         }
       ]
+    },
+    {
+      "name": "RichEditorPanelOrbital",
+      "uses": [
+        {
+          "from": "std/behaviors/std-app-layout",
+          "as": "AppShell"
+        },
+        {
+          "from": "std/behaviors/std-rich-editor",
+          "as": "RichEditor"
+        }
+      ],
+      "entity": {
+        "name": "Document",
+        "collection": "documents",
+        "persistence": "persistent",
+        "fields": [
+          {
+            "name": "id",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "title",
+            "type": "string",
+            "required": true
+          },
+          {
+            "name": "blocksJson",
+            "type": "array",
+            "items": {
+              "type": "object"
+            }
+          },
+          {
+            "name": "authorId",
+            "type": "string",
+            "default": ""
+          },
+          {
+            "name": "parentId",
+            "type": "string",
+            "default": ""
+          },
+          {
+            "name": "kind",
+            "type": "string",
+            "default": "page",
+            "values": [
+              "page",
+              "doc",
+              "post"
+            ]
+          },
+          {
+            "name": "status",
+            "type": "string",
+            "default": "draft",
+            "values": [
+              "draft",
+              "published",
+              "archived"
+            ]
+          },
+          {
+            "name": "version",
+            "type": "number",
+            "default": 1.0
+          },
+          {
+            "name": "createdAt",
+            "type": "string",
+            "default": ""
+          },
+          {
+            "name": "updatedAt",
+            "type": "string",
+            "default": ""
+          }
+        ]
+      },
+      "traits": [
+        {
+          "ref": "AppShell.traits.AppLayout",
+          "name": "RichEditorAppLayout",
+          "config": {
+            "appName": "Notes",
+            "notificationClickEvent": "RICH_EDITOR_NOTIFICATIONS_OPEN",
+            "notifications": [],
+            "contentTrait": "@trait.RichEditorPanel",
+            "searchEvent": "RICH_EDITOR_SEARCH",
+            "navItems": [
+              {
+                "label": "Notes",
+                "href": "/notes",
+                "icon": "file-text"
+              },
+              {
+                "label": "Tree",
+                "href": "/notes/tree",
+                "icon": "list-tree"
+              },
+              {
+                "icon": "edit",
+                "label": "Editor",
+                "href": "/notes/editor"
+              },
+              {
+                "href": "/notes/favorites",
+                "icon": "star",
+                "label": "Favorites"
+              },
+              {
+                "label": "Editor",
+                "href": "/editor",
+                "icon": "edit"
+              }
+            ]
+          },
+          "events": {
+            "NOTIFY_CLICK": "RICH_EDITOR_NOTIFICATIONS_OPEN",
+            "SEARCH": "RICH_EDITOR_SEARCH"
+          }
+        },
+        {
+          "name": "RichEditorPanel",
+          "category": "interaction",
+          "stateMachine": {
+            "states": [
+              {
+                "name": "composing",
+                "isInitial": true
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "composing",
+                "to": "composing",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "className": "max-w-6xl mx-auto w-full p-4",
+                      "type": "stack",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "edit"
+                            },
+                            {
+                              "variant": "h2",
+                              "type": "typography",
+                              "content": "Rich Editor"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        "@trait.RichEditorDocumentEdit"
+                      ],
+                      "gap": "lg",
+                      "direction": "vertical"
+                    }
+                  ]
+                ]
+              }
+            ]
+          },
+          "scope": "instance"
+        },
+        {
+          "ref": "RichEditor.traits.DocumentEdit",
+          "name": "RichEditorDocumentEdit",
+          "config": {
+            "title": "Documents"
+          }
+        }
+      ],
+      "pages": [
+        {
+          "name": "EditorPage",
+          "path": "/editor",
+          "traits": [
+            {
+              "ref": "RichEditorAppLayout"
+            },
+            {
+              "ref": "RichEditorPanel"
+            },
+            {
+              "ref": "RichEditorDocumentEdit"
+            }
+          ]
+        }
+      ]
     }
   ]
 }