cellery 1.4.2 → 1.4.4

package/lib/cells.js

@@ -143,6 +143,7 @@ class Text extends Cell {
     super(opts)
     this.value = opts.value || this.children.filter((c) => typeof c === 'string').join('') || ''
     this.paragraph = !!opts.paragraph
+    this.pre = !!opts.pre
     this.heading = opts.heading
   }
 }
@@ -156,7 +157,7 @@ class Input extends Cell {
   }
 }
 
-class Detail extends Cell {
+class Details extends Cell {
   constructor(opts = {}) {
     super(opts)
     this.value = opts.value || this.children.filter((c) => typeof c === 'string').join('') || ''
@@ -176,7 +177,7 @@ module.exports = {
   Fragment,
   Text,
   Input,
-  Detail,
+  Details,
   Summary,
   Style
 }

package/lib/compat.js

@@ -1,4 +1,4 @@
-const { Text, Input, Container, Fragment, Style, Detail, Summary } = require('./cells')
+const { Text, Input, Container, Fragment, Style, Details, Summary } = require('./cells')
 
 module.exports = {
   '': Fragment,
@@ -8,13 +8,14 @@ module.exports = {
   h4: Text.Styled({ heading: 4 }),
   h5: Text.Styled({ heading: 5 }),
   h6: Text.Styled({ heading: 6 }),
+  pre: Text.Styled({ pre: true }),
   div: Container,
   input: Input.Styled({ multiline: false }),
   textbox: Input.Styled({ multiline: true }),
   span: Text,
   button: Container.Styled({ events: ['click'] }),
   p: Text.Styled({ paragraph: true }),
-  detail: Detail,
+  details: Details,
   summary: Summary,
   style: Style
 }

package/lib/template.js

@@ -164,6 +164,14 @@ function parse(input, slots) {
 
 // ---- builder ----
 
+function isPromise(val) {
+  return val !== null && typeof val.then === 'function'
+}
+
+function isStream(val) {
+  return val !== null && typeof val.on === 'function' && !(val instanceof cells.Cell)
+}
+
 function build(node, slots) {
   if (node.type === 'text') return node.value
 
@@ -184,12 +192,31 @@ function build(node, slots) {
       return c !== null
     })
 
-  return new Ctor({
+  const cell = new Ctor({
     ...node.attrs,
     children,
     style,
     cells: node.tag.toLowerCase() === 'style' ? registry : undefined
   })
+
+  for (let i = 0; i < children.length; i++) {
+    const child = children[i]
+
+    if (isPromise(child)) {
+      child.then((val) => {
+        children[i] = val
+        cell.render()
+      })
+    } else if (isStream(child)) {
+      children.splice(i)
+      child.on('data', (val) => {
+        children.push(val)
+        cell.render()
+      })
+    }
+  }
+
+  return cell
 }
 
 module.exports = { cellery, register }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cellery",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "description": "cellery",
   "exports": {
     "./package": "./package.json",
@@ -20,7 +20,8 @@
     "brittle": "^3.19.0",
     "lunte": "^1.2.0",
     "prettier": "^3.6.2",
-    "prettier-config-holepunch": "^2.0.0"
+    "prettier-config-holepunch": "^2.0.0",
+    "streamx": "^2.25.0"
   },
   "scripts": {
     "format": "prettier . --write",