malinajs 0.7.0-a5 → 0.7.0-a8

package/malina.js

@@ -179,22 +179,24 @@
   };
 
 
-  const replaceElementKeyword = (exp, fn) => {
+  const replaceKeyword = (exp, fn) => {
     let changed = false;
     let r = parseJS(exp).transform((n, pk) => {
       if(n.type != 'Identifier') return;
       if(pk == 'property' || pk == 'params') return;
-      if(n.name != '$element') return;
-      n.name = fn();
-      changed = true;
+      let name = fn(n.name);
+      if(name) {
+        n.name = name;
+        changed = true;
+      }
     });
-    return changed ? r.build().trim() : exp;
+    return changed ? r.build() : exp;
   };
 
 
   const parseJS = (exp) => {
     let self = {};
-    self.ast = acorn.parse(exp, { sourceType: 'module', ecmaVersion: 12 });
+    self.ast = acorn.parseExpressionAt(exp, 0, {ecmaVersion: 12});
 
     self.transform = function(fn) {
       const rec = (n, pk) => {
@@ -225,7 +227,7 @@
     };
 
     self.build = function(data) {
-      return astring.generate(data || self.ast);
+      return astring.generate(data || self.ast, {indent: '', lineEnd: ''});
     };
     return self;
   };
@@ -1277,7 +1279,6 @@
     let source = this.scriptNodes.length ? this.scriptNodes[0].content : null;
     this.script = {
       source,
-      watchers: [],
       imports: [],
       importedNames: [],
       autosubscribeNames: [],
@@ -1429,7 +1430,7 @@
     function walk(node, parent, fn) {
       if(typeof node !== 'object') return;
 
-      if(node._apply) return;
+      if(node._apply && node.type == 'ExpressionStatement') return;
       node._parent = parent;
       let forParent = parent;
       if(node.type) {
@@ -1467,6 +1468,8 @@
       };
     }
 
+    let watchers = xNode('block');
+
     const makeWatch = (n) => {
       function assertExpression(n) {
         if(['Identifier', 'TemplateLiteral', 'Literal'].includes(n.type)) return;
@@ -1483,15 +1486,22 @@
           target = ex.left.name;
           if(!(target in rootVariables)) resultBody.push(makeVariable(target));
         } else if(ex.left.type == 'MemberExpression') {
-          target = source.substring(ex.left.start, ex.left.end);
+          target = astring.generate(ex.left);
         } else throw 'Error';
         assertExpression(ex.right);
-        const exp = source.substring(ex.right.start, ex.right.end);
-        result.watchers.push(`$runtime.prefixPush(() => {${target} = ${exp};});`);
+        const exp = astring.generate(ex.right);
+        watchers.push(xNode('watch-assign', {
+          $wait: ['apply'],
+          target,
+          exp
+        }, (ctx, n) => {
+          if(this.inuse.apply) ctx.write(true, `$runtime.prefixPush(() => {${n.target} = ${n.exp};});`);
+          else ctx.write(true, `${n.target} = ${n.exp};`);
+        }));
       } else if(n.body.expression.type == 'SequenceExpression') {
         const ex = n.body.expression.expressions;
-        const handler = ex[ex.length - 1];
-        let callback = source.substring(handler.start, handler.end);
+        const handler = last(ex);
+        let callback = astring.generate(handler);
         if(handler.type == 'ArrowFunctionExpression' || handler.type == 'FunctionExpression') ; else if(detectExpressionType(callback) == 'identifier') {
           callback = `(v) => { ${callback}(v); }`;
         } else {
@@ -1500,13 +1510,33 @@
 
         if(ex.length == 2) {
           assertExpression(ex[0]);
-          let exp = source.substring(ex[0].start, ex[0].end);
-          if(this.config.immutable) result.watchers.push(`$watch(() => (${exp}), ${callback}, {ro: false});`);
-          else result.watchers.push(`$watch(() => (${exp}), ${callback}, {ro: false, cmp: $runtime.$$deepComparator(0)});`);
+          watchers.push(xNode('watch-expression', {
+            $wait: ['apply'],
+            exp: astring.generate(ex[0]),
+            callback
+          }, (ctx, n) => {
+            if(this.inuse.apply) {
+              if(this.config.immutable) ctx.write(true, `$watch(() => (${n.exp}), ${n.callback});`);
+              else ctx.write(true, `$watch(() => (${n.exp}), ${n.callback}, {cmp: $runtime.$$deepComparator(0)});`);
+            } else {
+              ctx.write(true, `(${n.callback})(${n.exp});`);
+            }
+          }));
         } else if(ex.length > 2) {
           for(let i = 0; i < ex.length - 1; i++) assertExpression(ex[i]);
-          let exp = source.substring(ex[0].start, ex[ex.length - 2].end);
-          result.watchers.push(`$watch(() => [${exp}], ($args) => { (${callback}).apply(null, $args); }, {ro: false, cmp: $runtime.$$deepComparator(1)});`);
+          let exp = {
+            type: 'ArrayExpression',
+            elements: ex.slice(0, ex.length - 1)
+          };
+
+          watchers.push(xNode('watch-expression', {
+            $wait: ['apply'],
+            exp: astring.generate(exp),
+            callback
+          }, (ctx, n) => {
+            if(this.inuse.apply) ctx.write(true, `$watch(() => ${n.exp}, ($args) => { (${n.callback}).apply(null, $args); }, {cmp: $runtime.$$deepComparator(1)});`);
+            else ctx.write(true, `(${n.callback}).apply(null, ${n.exp})`);
+          }));
         } else throw 'Error';
       } else throw 'Error';
     };
@@ -1528,6 +1558,8 @@
       });
     }
 
+    let exportedFunctions = [];
+
     ast.body.forEach(n => {
       if(n.type == 'ImportDeclaration') {
         imports.push(n);
@@ -1543,8 +1575,14 @@
         });
         return;
       } else if(n.type == 'ExportNamedDeclaration') {
-        if(n.declaration.kind != 'const') constantProps = false;
+        if(n.declaration.type == 'FunctionDeclaration') {
+          exportedFunctions.push(n.declaration.id.name);
+          resultBody.push(n.declaration);
+          return;
+        }
+
         assert(n.declaration.type == 'VariableDeclaration', 'Wrong export');
+        if(n.declaration.kind != 'const') constantProps = false;
         n.declaration.declarations.forEach(d => {
           assert(d.type == 'VariableDeclarator', 'Wrong export');
           let p = { name: d.id.name };
@@ -1634,6 +1672,7 @@
     }));
 
     this.module.top.push(xNode('ast', { body: imports }));
+    this.module.code.push(watchers);
 
     if(this.scriptNodes[0] && this.scriptNodes[0].attributes.some(a => a.name == 'property') && this.script.props.length && !this.script.readOnly) {
       this.require('apply');
@@ -1645,6 +1684,16 @@
         });
       }));
     }
+
+    this.module.code.push(xNode('exported-functions', {
+      $hold: ['$component'],
+      list: exportedFunctions
+    }, (ctx, n) => {
+      if(!n.list.length) return;
+      this.require('$component');
+      for(let name of n.list)
+        ctx.write(true, `$component.${name} = ${name};`);
+    }));
   }
 
 
@@ -1756,23 +1805,40 @@
     let bb = this.buildBlock(this.DOM, {
       inline: true,
       protectLastTag: true,
+      allowSingleBlock: true,
       template: {
         name: '$parentElement',
         cloneNode: true
       }
     });
-    runtime.push(bb.template);
-    runtime.push(xNode('root-event', (ctx) => {
-      if(!this.inuse.rootEvent) return;
-      ctx.write(true, 'const $$addRootEvent = $runtime.makeRootEvent($parentElement);');
-    }));
-    runtime.push(bb.source);
+    if(bb.singleBlock) {
+      runtime.push(xNode('attach-block', {
+        block: bb.singleBlock,
+        reference: bb.reference
+      }, (ctx, n) => {
+        if(n.reference) {
+          ctx.write(true, `${n.reference} = `);
+          ctx.add(n.block);
+          ctx.write(';');
+          ctx.write(true, `let $parentElement = ${n.reference}.$dom;`);
+        } else {
+          ctx.write(true, `let $parentElement = `);
+          ctx.add(n.block);
+          ctx.write('.$dom;');
+        }
+      }));
+    } else {
+      runtime.push(bb.template);
+      runtime.push(xNode('root-event', (ctx) => {
+        if(!this.inuse.rootEvent) return;
+        ctx.write(true, 'const $$addRootEvent = $runtime.makeRootEvent($parentElement);');
+      }));
+      runtime.push(bb.source);
+    }
+
 
     if(this.script.onMount) runtime.push('$runtime.$onMount(onMount);');
     if(this.script.onDestroy) runtime.push('$runtime.$onDestroy(onDestroy);');
-    if(this.script.watchers.length) {
-      this.script.watchers.forEach(n => runtime.push(n));
-    }
 
     runtime.push(xNode('addStyle', ctx => {
       if(!this.css.active()) return;
@@ -1831,13 +1897,21 @@
 
     if(option.each?.blockPrefix) binds.push(option.each.blockPrefix);
 
-    if(option.allowSingleBlock && data.body.length == 1) {
-      let n = data.body[0];
-      if(n.type == 'node' && n.name.match(/^[A-Z]/)) {
-        let component = this.makeComponent(n);
-        return {
-          singleBlock: component.bind
-        };
+    if(option.allowSingleBlock) {
+      let nodesForSingleBlock = data.body.filter(n => {
+        if(n.type == 'comment' && !this.config.preserveComments) return false;
+        return true;
+      });
+
+      if(nodesForSingleBlock.length == 1) {
+        let n = nodesForSingleBlock[0];
+        if(n.type == 'node' && n.name.match(/^[A-Z]/)) {
+          let component = this.makeComponent(n);
+          return {
+            singleBlock: component.bind,
+            reference: component.reference
+          };
+        }
       }
     }
 
@@ -1943,7 +2017,7 @@
               if(!exp.endsWith(';')) exp += ';';
               binds.push(xNode('block', {
                 body: [
-                  replaceElementKeyword(exp, () => textNode.bindName())
+                  replaceKeyword(exp, (name) => name == '$element' ? textNode.bindName() : null)
                 ]
               }));
             });
@@ -1980,11 +2054,18 @@
                 let component = this.makeComponent(n);
                 binds.push(xNode('insert-component', {
                   component: component.bind,
+                  reference: component.reference,
                   el: el.bindName()
                 }, (ctx, n) => {
-                  ctx.write(true, `$runtime.insertAfter(${n.el}, `);
-                  ctx.add(n.component);
-                  ctx.write('.$dom);');
+                  if(n.reference) {
+                    ctx.write(true, `${n.reference} = `);
+                    ctx.add(n.component);
+                    ctx.write(true, `$runtime.attachBlock(${n.el}, ${n.reference});`);
+                  } else {
+                    ctx.write(true, `$runtime.attachBlock(${n.el}, `);
+                    ctx.add(n.component);
+                    ctx.write(');');
+                  }
                 }));
               }
             } else {
@@ -4401,7 +4482,10 @@
         let n = new Node(e.name, { __node: e });
         e.attributes.forEach(a => {
           if(a.name == 'class') {
-            if(a.value != null) n.className += ' ' + a.value;
+            if(a.value != null) {
+              if(a.value.includes('{')) n.dynClass = true;
+              else n.className += ' ' + a.value;
+            }
             n.attributes[a.name] = a.value;
           } else if(a.name == 'id') n.attributes.id = n.id = a.value;
           else if(a.name.startsWith('class:')) {
@@ -4481,18 +4565,20 @@
     if(names.length != 1) throw 'Not supported';
     let cls = names[0];
 
+    let rx = RegExp('(^|\\s)' + cls + '(\\s|$)', 'i');
     let result = [];
-    this.childNodes.forEach(n => {
-      let rx = RegExp('(^|\\s)' + cls + '(\\s|$)', 'i');
-      if(rx.test(n.className)) result.push(n);
-      result.push.apply(result, n.getElementsByClassName(cls));
-    });
+    const walk = (node) => {
+      node.childNodes.forEach(n => {
+        if(n.dynClass) result.push(n);
+        else if(rx.test(n.className)) result.push(n);
+        walk(n);
+      });
+    };
+    walk(this);
     return result;
   };
 
   function makeComponent(node) {
-    this.require('apply');
-
     let propList = node.attributes;
 
     this.require('$context');
@@ -4505,7 +4591,7 @@
     let componentName = node.name;
     if(componentName != 'component' && this.config.autoimport) {
       let imported = this.script.autoimport[componentName] || this.script.importedNames.includes(componentName) ||
-              this.script.rootVariables[componentName] || this.script.rootFunctions[componentName];
+        this.script.rootVariables[componentName] || this.script.rootFunctions[componentName];
 
       if(!imported) {
         let r = this.config.autoimport(componentName, this.config.path, this);
@@ -4590,7 +4676,7 @@
             if(n.props) ctx.write(', $localProps');
             ctx.write(') => {', true);
             ctx.indent++;
-            if(n.props) ctx.write(true, `let {${n.props.join(', ')}} = $localProps;`);
+            if(n.props) ctx.write(true, `let {${n.props.join(', ')}} = $localProps || {};`);
             ctx.add(n.bind);
 
             if(n.props && this.inuse.apply) ctx.write(true, `return ($localProps) => ({${n.props.join(', ')}} = $localProps, $$apply());`);
@@ -4732,14 +4818,12 @@
       staticProps,
       props: propsFn,
       propsSetter,
-      reference,
       $class,
       forwardAllEvents,
       events,
       slots: slotBlocks.length ? slotBlocks : null,
       anchors: anchorBlocks.length ? anchorBlocks : null
     }, (ctx, n) => {
-      if(n.reference) throw 'not implemented'; // FIXME
       let comma = false;
       ctx.write(`$runtime.callComponent($context, ${n.componentName}, {`);
 
@@ -4803,6 +4887,11 @@
         ctx.indent--;
         ctx.write(true, '}');
       }
+      if(n.$class.length && !ctx.inuse.apply) {
+        if(comma) ctx.write(', ');
+        comma = true;
+        ctx.write(`$class: {${n.$class.join(', ')}}`);
+      }
       ctx.write('}');
 
       let other = '';
@@ -4824,7 +4913,7 @@
         ctx.write(',\n', true, `($$_value) => ({${n.propsSetter.join(', ')}} = $$_value)`);
       } else other += ', null';
 
-      if(n.$class.length) {
+      if(n.$class.length && ctx.inuse.apply) {
         if(other) ctx.write(other);
         other = '';
         ctx.write(',\n', true, `() => ({${n.$class.join(', ')}})`);
@@ -4834,7 +4923,7 @@
       ctx.write(true, ')');
     });
 
-    return { bind: result };
+    return { bind: result, reference };
   }
 
   function makeComponentDyn(node, element) {
@@ -4852,17 +4941,20 @@
     }
 
     assert(dynamicComponent);
+    this.require('apply');
     this.detectDependency(dynamicComponent);
 
-    let component = this.makeComponent(node).bind;
+    let {bind: component, reference} = this.makeComponent(node);
 
     component.componentName = '$ComponentConstructor';
     return xNode('dyn-component', {
       el: element.bindName(),
       exp: dynamicComponent,
-      component
+      component,
+      reference
     }, (ctx, n) => {
       ctx.write(true, `$runtime.attachDynComponent(${n.el}, () => ${n.exp}, ($ComponentConstructor) => `);
+      if(n.reference) ctx.write(`${n.reference} = `);
       ctx.add(n.component);
       ctx.write(')');
     });
@@ -4879,7 +4971,7 @@
       return {
         bind: xNode('block', {
           body: [
-            replaceElementKeyword(exp, () => element.bindName())
+            replaceKeyword(exp, (name) => name == '$element' ? element.bindName() : null)
           ]
         })
       };
@@ -5382,15 +5474,8 @@
     right = right.trim();
 
     const makeKeyFunction = (keyLink) => {
-      const e = parseJS(keyName).transform((n, pk) => {
-        if(n.type != 'Identifier') return;
-        if(pk == 'property') return;
-        let r = keyLink[n.name];
-        if(r) n.name = r;
-      });
-      let exp = e.build(e.ast.body[0].expression);
       keyFunction = xNode('key-function', {
-        exp
+        exp: replaceKeyword(keyName, n => keyLink[n])
       }, (ctx, n) => {
         ctx.write(`($$item, $index) => ${n.exp}`);
       });
@@ -5402,22 +5487,19 @@
       try {
         let exp = `[${right}]`;
         let e = parseJS(exp);
-        assert(e.ast.body.length == 1);
-
+        assert(e.ast.elements.length == 1 || e.ast.elements.length == 2);
         itemName = '$$item';
-        let n = e.ast.body[0];
-        assert(n.expression.elements.length == 1 || n.expression.elements.length == 2);
-        let a = n.expression.elements[0];
-        unwrap = exp.substring(a.start, a.end);
-        
-        if(n.expression.elements.length == 2) {
-          let b = n.expression.elements[1];
+
+        unwrap = e.build(e.ast.elements[0]);
+
+        if(e.ast.elements.length == 2) {
+          let b = e.ast.elements[1];
           assert(b.type == 'Identifier');
-          indexName = exp.substring(b.start, b.end);
+          indexName = e.build(b);
         }
 
         e = parseJS(`(${unwrap} = $$item)`);
-        let l = e.ast.body[0].expression.left;
+        let l = e.ast.left;
         if(l.type == 'ArrayPattern') {
           keywords = l.elements.map(p => p.name);
 
@@ -5653,7 +5735,7 @@
     }, (ctx, n) => {
       let dynamicProps = this.inuse.apply && !n.staticProps;
 
-      let missed = '', slotName = n.name == 'default' ? 'null' : n.name;
+      let missed = '', slotName = n.name == 'default' ? 'null' : `'${n.name}'`;
       if(dynamicProps) ctx.write(`$runtime.invokeSlot($component, ${slotName}, $context`);
       else ctx.write(`$runtime.invokeSlotBase($component, ${slotName}, $context`);
 
@@ -6171,7 +6253,9 @@
     if(prop.value) {
       assert$1(!handler);
       exp = unwrapExp(prop.value);
-      exp = replaceElementKeyword(exp, requireElement);
+      exp = replaceKeyword(exp, (name) => {
+        if(name == '$element') return requireElement();
+      });
     } else if(!handler) handler = event;
 
     this.detectDependency(exp || handler);
@@ -6270,7 +6354,7 @@
     return { event, fn, rootModifier };
   }
 
-  const version = '0.7.0-a5';
+  const version = '0.7.0-a8';
 
 
   async function compile(source, config = {}) {
@@ -6395,7 +6479,7 @@
     await hook(ctx, 'js:before');
     ctx.js_parse();
     await hook(ctx, 'js');
-    ctx.js_transform();
+    use_context(ctx, () => ctx.js_transform());
     await hook(ctx, 'js:after');
 
     await hook(ctx, 'css:before');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "malinajs",
-  "version": "0.7.0-a5",
+  "version": "0.7.0-a8",
   "license": "MIT",
   "scripts": {
     "prepare": "npm run build",

package/runtime.js

@@ -30,7 +30,6 @@ const $onDestroy = fn => fn && current_destroyList.push(fn);
 function WatchObject(fn, cb) {
   this.fn = fn;
   this.cb = cb;
-  this.ro = true;
   this.value = NaN;
   this.cmp = null;
 }
@@ -101,7 +100,6 @@ function $$compareArray(w, value) {
   if(isArray(value)) w.value = value.slice();
   else w.value = value;
   w.cb(w.value);
-  return w.ro ? 0 : 1;
 }
 
 
@@ -159,7 +157,6 @@ function $$deepComparator(depth) {
     let diff = compareDeep(w.value, value, depth);
     diff && (w.value = cloneDeep(value, depth), !w.idle && w.cb(value));
     w.idle = false;
-    return !w.ro && diff ? 1 : 0;
   };
 }
 
@@ -174,7 +171,6 @@ const keyComparator = (w, value) => {
   }
   diff && !w.idle && w.cb(value);
   w.idle = false;
-  return !w.ro && diff ? 1 : 0;
 };
 
 
@@ -186,27 +182,26 @@ const fire = w => {
   }
 };
 
-function $digest($cd) {
+function $digest($cd, flag) {
   let loop = 10;
   let w;
   while(loop >= 0) {
-    let changes = 0;
     let index = 0;
     let queue = [];
-    let i, value, cd = $cd;
+    let i, value, cd = $cd, changes = 0;
     while(cd) {
       for(i = 0; i < cd.prefix.length; i++) cd.prefix[i]();
       for(i = 0; i < cd.watchers.length; i++) {
         w = cd.watchers[i];
         value = w.fn();
         if(w.value !== value) {
+          flag[0] = 0;
           if(w.cmp) {
-            changes += w.cmp(w, value);
+            w.cmp(w, value);
           } else {
-            w.value = value;
-            if(!w.ro) changes++;
-            w.cb(w.value);
+            w.cb(w.value = value);
           }
+          changes += flag[0];
         }
       }
       if(cd.children.length) queue.push.apply(queue, cd.children);
@@ -356,13 +351,14 @@ const makeApply = () => {
   let $cd = current_component.$cd = current_cd = cd_new();
   $cd.component = current_component;
 
-  let planned;
+  let planned, flag = [0];
   let apply = r => {
+    flag[0]++;
     if(planned) return r;
     planned = true;
     $tick(() => {
       try {
-        $digest($cd);
+        $digest($cd, flag);
       } finally {
         planned = false;
       }
@@ -550,7 +546,7 @@ const bindAction = (element, action, fn, subscribe) => {
   } else handler = action(element);
   $onDestroy(handler?.destroy);
   subscribe?.(fn, handler, value);
-  handler.init && $tick(handler.init);
+  handler?.init && $tick(handler.init);
 };
 
 
@@ -558,7 +554,7 @@ const __bindActionSubscribe = (fn, handler, value) => {
   if(handler?.update && fn) {
     $watch(fn, args => {
       handler.update.apply(handler, args);
-    }, { ro: false, cmp: $$deepComparator(1), value: cloneDeep(value, 1) });
+    }, { cmp: $$deepComparator(1), value: cloneDeep(value, 1) });
   }
 };
 
@@ -810,6 +806,17 @@ const mount = (label, component, option) => {
   return app;
 };
 
+const mountStatic = (label, component, option) => {
+  current_destroyList = [];
+  try {
+    let app = component(option);
+    label.appendChild(app.$dom);
+    return app;
+  } finally {
+    current_destroyList = null;
+  }
+};
+
 let create = (tag, html) => {
   let fr;
   if(tag.parentElement instanceof SVGElement) {
@@ -1134,12 +1141,17 @@ const invokeSlot = ($component, slotName, $context, propsFn, placeholder, cmp) =
   let $slot = $component.$option.slots?.[slotName || 'default'];
 
   if($slot) {
-    let push, $dom,
-      w = new WatchObject(propsFn, value => push(value));
+    let push, w = new WatchObject(propsFn, value => push(value));
     Object.assign(w, {value: {}, cmp, idle: true});
     fire(w);
-    ([$dom, push] = $slot($component, $context, w.value));
-    if(push) current_cd.watchers.push(w);
+    let $dom = $slot($component, $context, w.value);
+    if($dom.$dom) {
+      if($dom.push) {
+        push = $dom.push;
+        current_cd.watchers.push(w);
+      }
+      $dom = $dom.$dom;
+    }
     return $dom;
   } else return placeholder?.();
 };
@@ -1150,12 +1162,13 @@ const makeSlot = (fr, fn) => {
     let $dom = fr.cloneNode(true), prev = current_cd, $cd = current_cd = cd_new();
     cd_attach2(parentCD, $cd);
     $onDestroy(() => cd_detach($cd));
+    parentCD.component.apply();
     try {
-      return [$dom, fn($dom, $context, callerComponent, props)];
+      return {$dom, push: fn($dom, $context, callerComponent, props)};
     } finally {
       current_cd = prev;
     }
   };
 };
 
-export { $$addEventForComponent, $$awaitBlock, $$cloneDeep, $$compareArray, $$compareDeep, $$deepComparator, $$eachBlock, $$htmlBlock, $$htmlBlockStatic, $$htmlToFragment, $$htmlToFragmentClean, $$removeElements, $$removeItem, $context, $digest, $makeEmitter, $onDestroy, $onMount, $tick, $watch, WatchObject, __app_onerror, __bindActionSubscribe, addClass, addEvent, addStyles, attachAnchor, attachBlock, attachDynComponent, autoSubscribe, bindAction, bindAttribute, bindAttributeBase, bindClass, bindClassExp, bindInput, bindStyle, bindText, callComponent, callExportedFragment, cd_attach, cd_attach2, cd_component, cd_detach, cd_new, childNodes, cloneDeep, configure, createTextNode, current_cd, current_component, current_destroyList, destroyResults, eachDefaultKey, exportFragment, fire, firstChild, getFinalLabel, ifBlock, ifBlockReadOnly, insertAfter, invokeSlot, invokeSlotBase, isArray, isFunction, iterNodes, keyComparator, makeAnchor, makeApply, makeBlock, makeBlockBound, makeClassResolver, makeComponent, makeEachBlock, makeEachSingleBlock, makeExternalProperty, makeRootEvent, makeSlot, mergeEvents, mount, noop, prefixPush, removeElementsBetween, setClassToElement, spreadAttributes, svgToFragment, unwrapProps };
+export { $$addEventForComponent, $$awaitBlock, $$cloneDeep, $$compareArray, $$compareDeep, $$deepComparator, $$eachBlock, $$htmlBlock, $$htmlBlockStatic, $$htmlToFragment, $$htmlToFragmentClean, $$removeElements, $$removeItem, $context, $digest, $makeEmitter, $onDestroy, $onMount, $tick, $watch, WatchObject, __app_onerror, __bindActionSubscribe, addClass, addEvent, addStyles, attachAnchor, attachBlock, attachDynComponent, autoSubscribe, bindAction, bindAttribute, bindAttributeBase, bindClass, bindClassExp, bindInput, bindStyle, bindText, callComponent, callExportedFragment, cd_attach, cd_attach2, cd_component, cd_detach, cd_new, childNodes, cloneDeep, configure, createTextNode, current_cd, current_component, current_destroyList, destroyResults, eachDefaultKey, exportFragment, fire, firstChild, getFinalLabel, ifBlock, ifBlockReadOnly, insertAfter, invokeSlot, invokeSlotBase, isArray, isFunction, iterNodes, keyComparator, makeAnchor, makeApply, makeBlock, makeBlockBound, makeClassResolver, makeComponent, makeEachBlock, makeEachSingleBlock, makeExternalProperty, makeRootEvent, makeSlot, mergeEvents, mount, mountStatic, noop, prefixPush, removeElementsBetween, setClassToElement, spreadAttributes, svgToFragment, unwrapProps };