Tings

module.js

@@ -7,7 +7,7 @@ export default function Literal(template) {
     // which is what we want to do. Instead it creates a new renderer...
 
     template = typeof template === 'string' ?
-        document.getElementById(template) :
+        document.getElementById(template.slice(1)) :
         template ;
 
     return new TemplateRenderer(template);

modules/renderer-template.js

@@ -42,6 +42,7 @@ const assign = Object.assign;
 const keys   = Object.keys;
 const cache  = {};
 const nodes  = [];
+const defaults = {};
 
 
 function dataToString() {
@@ -132,12 +133,12 @@ function createRenderer(Renderer) {
     return renderer;
 }
 
-export default function TemplateRenderer(template, element = template.parentElement, parameters = {}) {
+export default function TemplateRenderer(template, element = template.parentElement, parameters = {}, options = defaults) {
     const id = identify(template) ;
 
-    const { content, renderers } = cache[id]
-        || (cache[id] = compileTemplate(template, id, {
-            nostrict: template.hasAttribute('nostrict')
+    const { content, renderers } = cache[id] ||
+        (cache[id] = compileTemplate(template, id, {
+            nostrict: options.nostrict || (template.hasAttribute && template.hasAttribute('nostrict'))
         }));
 
     this.element    = element;

modules/renderer/renderer.js

@@ -147,21 +147,21 @@ function renderValue(renderer, args, values, n, object, isRender = false) {
             return;
         }
 
-        // Is target a Stream?
+        // Is target a pipeable Stream?
         if (target.pipe) {
             const streams = renderer.streams || (renderer.streams = []);
             values[n] = '';
             // Do not render synchronous values that are in the stream
             // immediately, as they are about to be rendered by the renderer
             let isRender = false;
-            target.each((value) => renderValue(renderer, args, values, n, value, isRender));
+            target.pipe({ push: (value) => renderValue(renderer, args, values, n, value, isRender) });
             isRender = true;
             streams.push(target);
             return;
         }
 
         // Is target a Stream that is already consumed, and therefore does not
-        // have .each()? We still want to stop it when the renderer is
+        // have .pipe()? We still want to stop it when the renderer is
         // destroyed, but we don't want to renderer anything.
         if (Stream.isStream(target)) {
             const streams = renderer.streams || (renderer.streams = []);

modules/renderer/to-text.js

@@ -165,6 +165,7 @@ const toText = overload(toType, {
         // Convert NaN to empty string and Infinity to ∞ symbol
         Number.isNaN(value) ? '' :
         Number.isFinite(value) ? value :
+        value === Math.PI ? '' :
         value < 0 ? '-∞' : '∞'
     ),