cellery 1.4.3 → 1.4.5

package/lib/cells.js

@@ -100,13 +100,19 @@ class Style {
   }
 
   addScope(parent) {
+    let inKeyframes = 0
     walk(this.content, {
-      visit: 'Rule',
-      enter(rule) {
-        rule.prelude.children.forEach((selector) => {
-          selector.children.prependData({ type: 'Combinator', name: ' ' })
-          selector.children.prependData({ type: 'IdSelector', name: parent })
-        })
+      enter(node) {
+        if (node.type === 'Atrule' && node.name === 'keyframes') inKeyframes++
+        if (node.type === 'Rule' && inKeyframes === 0) {
+          node.prelude.children.forEach((selector) => {
+            selector.children.prependData({ type: 'Combinator', name: ' ' })
+            selector.children.prependData({ type: 'IdSelector', name: parent })
+          })
+        }
+      },
+      leave(node) {
+        if (node.type === 'Atrule' && node.name === 'keyframes') inKeyframes--
       }
     })
   }
@@ -143,6 +149,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
   }
 }

package/lib/compat.js

@@ -8,6 +8,7 @@ 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 }),

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.3",
+  "version": "1.4.5",
   "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",