demo: Enter at end of node text with expanded children will insert a child node. closes #29

Author: progrium

lib/mod.ts

@@ -226,10 +226,13 @@ export async function setup(document: Document, target: HTMLElement, backend: Ba
   workspace.commands.registerCommand({
     id: "insert-child",
     title: "Insert Child",
-    action: (ctx: Context, name: string = "") => {
+    action: (ctx: Context, name: string = "", siblingIndex?: number) => {
       if (!ctx.node) return;
       const node = workspace.nodes.new(name);
       node.setParent(ctx.node);
+      if (siblingIndex !== undefined) {
+        node.setSiblingIndex(siblingIndex);
+      }
       if (ctx.node.panel) {
         workspace.setExpanded(ctx.node, true);
       }

lib/ui/outline.tsx

@@ -83,7 +83,11 @@ export const OutlineNode: m.Component<Attrs, State> = {
         if (e.ctrlKey || e.shiftKey || e.metaKey || e.altKey) return;
         // cursor at end of text
         if (e.target.selectionStart === e.target.value.length) {
-          workspace.executeCommand("insert", {node});
+          if (node.childCount() > 0 && workspace.getExpanded(node)) {
+            workspace.executeCommand("insert-child", {node}, "", 0);
+          } else {
+            workspace.executeCommand("insert", {node});
+          }
           e.stopPropagation();
           return;
         }