malinajs 0.7.0-a12 → 0.7.0-a15

package/CHANGELOG.md

@@ -12,6 +12,8 @@
 * config.useGroupReferencing
 * action can return destroy function (not only object)
 * each-else
+* else-if
+* refactoring $onMount
 
 ## 0.6.x
 

package/malina.js

@@ -72,7 +72,7 @@
   function detectExpressionType(name) {
     if(isSimpleName(name)) return 'identifier';
 
-    let ast = acorn.parse(name, { allowReturnOutsideFunction: true });
+    let ast = acorn.parse(name, { allowReturnOutsideFunction: true, ecmaVersion: 'latest' });
 
     function checkIdentificator(body) {
       if(body.length != 1) return;
@@ -139,7 +139,7 @@
 
 
   const extractKeywords = (exp) => {
-    let ast = acorn.parse(exp, { sourceType: 'module', ecmaVersion: 12 });
+    let ast = acorn.parse(exp, { sourceType: 'module', ecmaVersion: 12, ecmaVersion: 'latest' });
 
     const keys = new Set();
     const rec = (n) => {
@@ -180,9 +180,9 @@
   };
 
 
-  const replaceKeyword = (exp, fn) => {
+  const replaceKeyword = (exp, fn, option) => {
     let changed = false;
-    let r = parseJS(exp).transform((n, pk) => {
+    let r = parseJS(exp, option).transform((n, pk) => {
       if(n.type != 'Identifier') return;
       if(pk == 'property' || pk == 'params') return;
       let name = fn(n.name);
@@ -195,9 +195,10 @@
   };
 
 
-  const parseJS = (exp) => {
+  const parseJS = (exp, option) => {
     let self = {};
-    self.ast = acorn.parseExpressionAt(exp, 0, { ecmaVersion: 12 });
+    if(option === true) self.ast = acorn.parse(exp, { ecmaVersion: 'latest' });
+    else self.ast = acorn.parseExpressionAt(exp, 0, { ecmaVersion: 'latest' });
 
     self.transform = function(fn) {
       const rec = (n, pk) => {
@@ -932,6 +933,22 @@
     const readScript = (tag) => {
       let endTag = `</${tag}>`;
       let q, a, p, start = index;
+
+      const readRegExp = () => {
+        while(true) {
+          p = a;
+          a = readNext();
+          if(q) {
+            if(a != q) continue;
+            if(p == '\\') continue;
+            q = null;
+            continue;
+          }
+          if(a == '[' && p != '\\') q = ']';
+          if(a == '/' && p != '\\') return;
+        }
+      };
+
       while(true) {
         p = a;
         a = readNext();
@@ -945,6 +962,10 @@
           q = a;
           continue;
         }
+        if(a == '/') {
+          readRegExp();
+          continue;
+        }
         if(a == '<') {
           if(source.substring(index - 1, index + endTag.length - 1) == endTag) {
             let end = index - 1;
@@ -1040,7 +1061,7 @@
 
       while(index < source.length) {
         let a = source[index];
-        if(a === '<' && source[index+1].match(/\S/)) {
+        if(a === '<' && source[index + 1].match(/\S/)) {
           flushText();
 
           if(source.substring(index, index + 4) === '<!--') {
@@ -1155,7 +1176,7 @@
               let tag = {
                 type: 'await',
                 value: bind.value,
-                parts: {main: []}
+                parts: { main: [] }
               };
               push(tag);
               go(tag, n => tag.parts.main.push(n));
@@ -1315,7 +1336,7 @@
         if(isBlockComment) return;
         this.script.comments.push({ start, end, value });
       };
-      this.script.ast = acorn.parse(source, { sourceType: 'module', ecmaVersion: 12, onComment });
+      this.script.ast = acorn.parse(source, { sourceType: 'module', ecmaVersion: 'latest', onComment });
 
       if(source.includes('$props')) this.require('$props');
       if(source.includes('$attributes')) this.require('$attributes');
@@ -1642,8 +1663,8 @@
           ctx.write(true, `let {${pa}, ...$attributes} = $props;`);
 
           if(!this.script.readOnly && !n.constantProps) {
-            ctx.write(true, `$runtime.current_component.push = () => ({${n.props.map(p => p.name + '=' + p.name).join(', ')}, ...$attributes} = $props = $option.props || {});`);
-            ctx.write(true, `$runtime.current_component.exportedProps = () => ({${n.props.map(p => p.name).join(', ')}});`);
+            ctx.write(true, `$runtime.current_component.$push = ($$props) => ({${n.props.map(p => p.name + '=' + p.name).join(', ')}, ...$attributes} = $props = $$props);`);
+            ctx.write(true, `$runtime.current_component.$exportedProps = () => ({${n.props.map(p => p.name).join(', ')}});`);
           }
         } else if(this.inuse.$props) {
           let pa = n.props.map(p => {
@@ -1653,8 +1674,8 @@
           ctx.write(true, `let {${pa}} = $props;`);
 
           if(!this.script.readOnly && !n.constantProps) {
-            ctx.write(true, `$runtime.current_component.push = () => ({${n.props.map(p => p.name + '=' + p.name).join(', ')}} = $props = $option.props || {});`);
-            ctx.write(true, `$runtime.current_component.exportedProps = () => ({${n.props.map(p => p.name).join(', ')}});`);
+            ctx.write(true, `$runtime.current_component.$push = ($$props) => ({${n.props.map(p => p.name + '=' + p.name).join(', ')}} = $props = $$props);`);
+            ctx.write(true, `$runtime.current_component.$exportedProps = () => ({${n.props.map(p => p.name).join(', ')}});`);
           }
         }
       }));
@@ -1664,13 +1685,13 @@
       this.module.head.push(xNode('no-props', ctx => {
         if(this.inuse.$props && this.inuse.$attributes) {
           ctx.write(true, 'let $props = $option.props || {}, $attributes = $props;');
-          if(!this.script.readOnly) ctx.write(true, '$runtime.current_component.push = () => $props = $attributes = $option.props || {};');
+          if(!this.script.readOnly) ctx.write(true, '$runtime.current_component.$push = ($$props) => $props = $attributes = $$props;');
         } else if(this.inuse.$props) {
           ctx.write(true, 'let $props = $option.props || {};');
-          if(!this.script.readOnly) ctx.write(true, '$runtime.current_component.push = () => $props = $option.props || {};');
+          if(!this.script.readOnly) ctx.write(true, '$runtime.current_component.$push = ($$props) => $props = $$props;');
         } else if(this.inuse.$attributes) {
           ctx.write(true, 'let $attributes = $option.props || {};');
-          if(!this.script.readOnly) ctx.write(true, '$runtime.current_component.push = () => $attributes = $option.props || {};');
+          if(!this.script.readOnly) ctx.write(true, '$runtime.current_component.$push = ($$props) => $attributes = $$props;');
         }
       }));
 
@@ -1760,22 +1781,13 @@
       }
     }));
 
-    this.module.head.push(xNode('$context', {
-      $hold: ['componentFn']
-    }, (ctx) => {
-      if(this.inuse.$context) {
-        this.require('componentFn');
-        ctx.write(true, 'const $context = $runtime.$context;');
-      }
+    this.module.head.push(xNode('$context', (ctx) => {
+      if(this.inuse.$context) ctx.write(true, 'const $context = $option.context || {};');
     }));
 
     this.module.top.push(xNode(this.glob.$onMount, {
-      $hold: ['componentFn']
     }, (ctx, n) => {
-      if(n.value) {
-        this.require('componentFn');
-        ctx.write(true, `import { $onMount } from 'malinajs/runtime.js';`);
-      }
+      if(n.value) ctx.write(true, `import { $onMount } from 'malinajs/runtime.js';`);
     }));
 
     this.module.top.push(xNode('$onDestroy', (ctx) => {
@@ -2026,7 +2038,7 @@
               if(!exp.endsWith(';')) exp += ';';
               binds.push(xNode('block', {
                 body: [
-                  replaceKeyword(exp, (name) => name == '$element' ? textNode.bindName() : null)
+                  replaceKeyword(exp, (name) => name == '$element' ? textNode.bindName() : null, true)
                 ]
               }));
             });
@@ -2257,7 +2269,7 @@
 
             if(node.children?.length) {
               let i = node.children.length - 1;
-              for(;i >= 0;i--) {
+              for(;i >= 0; i--) {
                 let n = node.children[i];
 
                 if(mark(n)) {
@@ -2379,14 +2391,17 @@
                   }
                 } else {
                   if(n._boundName) {
-                    ctx.write(true, `let ${n._boundName} = ${base._boundName}`);
+                    if(base) ctx.write(true, `let ${n._boundName} = ${base._boundName}`);
+                    else ctx.write(true, `let ${n._boundName} = ${path.join('.')}.firstChild`);
                     while(shift--) ctx.write('.nextSibling');
                     ctx.write(';');
                     walk(n, [n._boundName]);
                     base = n;
                     shift = 0;
                   } else if(n._innerBinding) {
-                    let npath = [base._boundName];
+                    let npath;
+                    if(base) npath = [base._boundName];
+                    else npath = [...path, 'firstChild'];
                     while(shift--) npath.push('nextSibling');
                     walk(n, npath);
                     shift = 0;
@@ -4961,6 +4976,7 @@
     if(Object.keys(events).length == 0) events = null;
 
     let result = xNode('component', {
+      $wait: ['apply'],
       componentName,
       staticProps,
       props: propsFn,
@@ -4974,7 +4990,7 @@
       let comma = false;
       ctx.write(`$runtime.callComponent($context, ${n.componentName}, {`);
 
-      if(n.props.length && n.staticProps) {
+      if(n.props.length && (n.staticProps || !this.inuse.apply)) {
         ctx.write(`props: {${n.props.join(', ')}}`);
         comma = true;
         n.props = [];
@@ -5045,7 +5061,7 @@
       if(n.props.length) ctx.write(',\n', true, `() => ({${n.props.join(', ')}})`);
       else other = ', null';
 
-      if(ctx.inuse.apply && n.props.length) {
+      if(this.inuse.apply && n.props.length) {
         if(other) ctx.write(other);
         other = '';
         ctx.write(',');
@@ -5054,7 +5070,7 @@
         else ctx.write('$runtime.$$compareDeep');
       } else other += ', null';
 
-      if(n.propsSetter.length) {
+      if(n.propsSetter.length && this.inuse.apply) {
         if(other) ctx.write(other);
         other = '';
         ctx.write(',\n', true, `($$_value) => ({${n.propsSetter.join(', ')}} = $$_value)`);
@@ -5118,7 +5134,7 @@
       return {
         bind: xNode('block', {
           body: [
-            replaceKeyword(exp, (name) => name == '$element' ? element.bindName() : null)
+            replaceKeyword(exp, (name) => name == '$element' ? element.bindName() : null, true)
           ]
         })
       };
@@ -5601,7 +5617,7 @@
         ctx.write(true, `}`);
       }
       ctx.write(`, [`);
-      n.elseBlock && n.parts.push({block: n.elseBlock});
+      n.elseBlock && n.parts.push({ block: n.elseBlock });
       n.parts.forEach((p, i) => {
         if(i) ctx.write(', ');
         ctx.add(p.block);
@@ -6430,7 +6446,7 @@
       exp = unwrapExp(prop.value);
       exp = replaceKeyword(exp, (name) => {
         if(name == '$element') return requireElement();
-      });
+      }, true);
     } else if(!handler) handler = event;
 
     this.detectDependency(exp || handler);
@@ -6529,7 +6545,7 @@
     return { event, fn, rootModifier };
   }
 
-  const version = '0.7.0-a12';
+  const version = '0.7.0-a15';
 
 
   async function compile(source, config = {}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "malinajs",
-  "version": "0.7.0-a12",
+  "version": "0.7.0-a15",
   "license": "MIT",
   "scripts": {
     "prepare": "npm run build",
@@ -16,8 +16,8 @@
     "fix": "npx standardx --fix ./src/"
   },
   "dependencies": {
-    "acorn": "^7.3.1",
-    "astring": "^1.8.1",
+    "acorn": "^8.7.1",
+    "astring": "^1.8.3",
     "css-tree": "^1.0.0-alpha.39"
   },
   "devDependencies": {

package/runtime.js

@@ -18,14 +18,22 @@ const safeCall = fn => {
 
 const safeGroupCall = list => {
   try {
-    list.forEach(fn => fn?.());
+    list?.forEach(fn => fn?.());
   } catch (e) {
     __app_onerror(e);
   }
 };
 
-let current_destroyList, current_cd, destroyResults;
+const safeCallMount = (mountList, destroyList) => {
+  mountList.forEach(fn => {
+    let r = safeCall(fn);
+    r && destroyList.push(r);
+  });
+};
+
+let current_destroyList, current_mountList, current_cd, destroyResults;
 const $onDestroy = fn => fn && current_destroyList.push(fn);
+const $onMount = fn => current_mountList.push(fn);
 
 function WatchObject(fn, cb) {
   this.fn = fn;
@@ -340,8 +348,7 @@ function $$addEventForComponent(list, event, fn) {
 }
 
 
-let current_component, $context;
-const $onMount = fn => current_component._m.push(fn);
+let current_component;
 
 
 const makeApply = () => {
@@ -363,8 +370,8 @@ const makeApply = () => {
     return r;
   };
 
-  current_component.apply = apply;
-  current_component.push = apply;
+  current_component.$apply = apply;
+  current_component.$push = apply;
   apply();
   return apply;
 };
@@ -372,26 +379,18 @@ const makeApply = () => {
 
 const makeComponent = (init) => {
   return ($option = {}) => {
-    $context = $option.context || {};
     let prev_component = current_component,
       prev_cd = current_cd,
-      $component = current_component = {
-        $option,
-        context: $context,
-        exported: {},
-        _m: []
-      };
+      $component = current_component = {$option};
     current_cd = null;
 
     try {
       $component.$dom = init($option);
     } finally {
       current_component = prev_component;
-      $context = null;
       current_cd = prev_cd;
     }
 
-    $component._m.forEach(fn => $onDestroy(safeCall(fn)));
     return $component;
   };
 };
@@ -402,32 +401,27 @@ const callComponent = (context, component, option = {}, propFn, cmp, setter, cla
   let $component, parentWatch, parentCD = current_cd;
 
   if(propFn) {
-    if(cmp) {
-      parentWatch = $watch(propFn, value => {
-        option.props = value;
-        if($component) {
-          $component.push?.();
-          $component.apply?.();
-        }
-      }, { value: {}, cmp });
-      fire(parentWatch);
-    } else option.props = propFn();
+    parentWatch = $watch(propFn, value => {
+      $component.$push?.(value);
+      $component.$apply?.();
+    }, { value: {}, idle: true, cmp });
+    fire(parentWatch);
+    option.props = parentWatch.value;
   }
 
   if(classFn) {
     fire($watch(classFn, value => {
       option.$class = value;
-      $component?.apply?.();
+      $component?.$apply?.();
     }, { value: {}, cmp: keyComparator }));
   }
 
   $component = safeCall(() => component(option));
-  if(setter && $component?.exportedProps) {
-    let w = new WatchObject($component.exportedProps, value => {
+  if($component instanceof Node) $component = {$dom: $component};
+  if(setter && $component?.$exportedProps) {
+    let w = new WatchObject($component.$exportedProps, value => {
       setter(value);
-      cd_component(parentCD).apply();
-      option.props = parentWatch.fn();
-      $component.push();
+      cd_component(parentCD).$apply();
     });
     Object.assign(w, { idle: true, cmp, value: parentWatch.value });
     $component.$cd.watchers.push(w);
@@ -440,7 +434,7 @@ const callComponent = (context, component, option = {}, propFn, cmp, setter, cla
 const attachDynComponent = (label, exp, bind) => {
   let parentCD = current_cd;
   let active, destroyList, $cd, $dom, finalLabel = getFinalLabel(label);
-  const destroy = () => destroyList && safeGroupCall(destroyList);
+  const destroy = () => safeGroupCall(destroyList);
   $onDestroy(destroy);
 
   $watch(exp, (component) => {
@@ -450,15 +444,16 @@ const attachDynComponent = (label, exp, bind) => {
 
     if(component) {
       destroyList = current_destroyList = [];
+      current_mountList = [];
       $cd = current_cd = cd_new();
       try {
         $dom = bind(component).$dom;
+        cd_attach2(parentCD, $cd);
+        insertAfter(label, $dom);
+        safeCallMount(current_mountList, destroyList);
       } finally {
-        current_destroyList = null;
-        current_cd = null;
+        current_destroyList = current_mountList = current_cd = null;
       }
-      cd_attach2(parentCD, $cd);
-      insertAfter(label, $dom);
       active = true;
     } else {
       $cd = null;
@@ -472,7 +467,7 @@ const attachDynComponent = (label, exp, bind) => {
 const autoSubscribe = (...list) => {
   list.forEach(i => {
     if(isFunction(i.subscribe)) {
-      let unsub = i.subscribe(current_component.apply);
+      let unsub = i.subscribe(current_component.$apply);
       if(isFunction(unsub)) $onDestroy(unsub);
     }
   });
@@ -545,7 +540,7 @@ const bindAction = (element, action, fn, subscribe) => {
   else {
     $onDestroy(handler?.destroy);
     subscribe?.(fn, handler, value);
-    handler?.init && $tick(handler.init);
+    handler?.init && $onMount(handler.init);
   }
 };
 
@@ -608,7 +603,7 @@ const makeExternalProperty = (name, getter, setter) => {
   let $component = current_component;
   Object.defineProperty($component, name, {
     get: getter,
-    set: v => { setter(v); $component.apply(); }
+    set: v => { setter(v); $component.$apply(); }
   });
 };
 
@@ -679,7 +674,7 @@ const callExportedFragment = (childComponent, name, slot, events, props, cmp) =>
     fire(w);
     props = () => result;
   }
-  let fn = childComponent.exported[name];
+  let fn = childComponent.$exported?.[name];
   ([$dom, push] = fn(props, events, slot));
   return $dom;
 };
@@ -687,11 +682,13 @@ const callExportedFragment = (childComponent, name, slot, events, props, cmp) =>
 
 const exportFragment = (name, fn) => {
   let childCD = current_cd;
-  cd_component(childCD).exported[name] = (props, events, slot) => {
+  let component = cd_component(childCD);
+  if(!component.$exported) component.$exported = {};
+  component.$exported[name] = (props, events, slot) => {
     let prev = current_cd, $cd = current_cd = cd_new();
     cd_attach2(childCD, $cd);
     $onDestroy(() => cd_detach($cd));
-    let apply = cd_component(childCD).apply;
+    let apply = cd_component(childCD).$apply;
     apply();
     try {
       return [fn(props, events || {}, slot), apply];
@@ -796,6 +793,7 @@ const makeRootEvent = (root) => {
 
 const mount = (label, component, option) => {
   let app, first, last, destroyList = current_destroyList = [];
+  current_mountList = [];
   try {
     app = component(option);
     let $dom = app.$dom;
@@ -805,8 +803,9 @@ const mount = (label, component, option) => {
       last = $dom.lastChild;
     } else first = last = $dom;
     label.appendChild($dom);
+    safeCallMount(current_mountList, destroyList);
   } finally {
-    current_destroyList = null;
+    current_destroyList = current_mountList = null;
   }
   app.destroy = () => {
     safeGroupCall(destroyList);
@@ -817,12 +816,14 @@ const mount = (label, component, option) => {
 
 const mountStatic = (label, component, option) => {
   current_destroyList = [];
+  current_mountList = [];
   try {
     let app = component(option);
     label.appendChild(app.$dom);
+    safeGroupCall(current_mountList);
     return app;
   } finally {
-    current_destroyList = null;
+    current_destroyList = current_mountList = null;
   }
 };
 
@@ -900,12 +901,12 @@ function ifBlock(label, fn, parts, parentLabel) {
   function createBlock(builder) {
     let $dom;
     destroyList = current_destroyList = [];
+    let mountList = current_mountList = [];
     $cd = current_cd = cd_new();
     try {
       $dom = builder();
     } finally {
-      current_destroyList = null;
-      current_cd = null;
+      current_destroyList = current_mountList = current_cd = null;
     }
     cd_attach2(parentCD, $cd);
     if($dom.nodeType == 11) {
@@ -914,6 +915,7 @@ function ifBlock(label, fn, parts, parentLabel) {
     } else first = last = $dom;
     if(parentLabel) label.appendChild($dom);
     else insertAfter(label, $dom);
+    safeCallMount(mountList, destroyList);
   }
 
   function destroyBlock() {
@@ -970,12 +972,11 @@ function $$awaitBlock(label, relation, fn, build_main, build_then, build_catch)
     if(!builder) return;
     destroyList = current_destroyList = [];
     $cd = current_cd = cd_new();
-    let $dom;
+    let $dom, mountList = current_mountList = [];
     try {
       $dom = builder(value);
     } finally {
-      current_destroyList = null;
-      current_cd = null;
+      current_destroyList = current_mountList = current_cd = null;
     }
     cd_attach2(parentCD, $cd);
     if($dom.nodeType == 11) {
@@ -983,7 +984,8 @@ function $$awaitBlock(label, relation, fn, build_main, build_then, build_catch)
       last = $dom.lastChild;
     } else first = last = $dom;
     insertAfter(label, $dom);
-    cd_component(parentCD).apply();
+    safeCallMount(mountList, destroyList);
+    cd_component(parentCD).$apply();
   }
 
   $watch(relation, () => {
@@ -1026,6 +1028,7 @@ const makeEachElseBlock = (fn) => {
     let first, last;
     let destroyList = current_destroyList = [];
     let $cd = current_cd = cd_new();
+    current_mountList = [];
     try {
       let $dom = fn();
       if($dom.nodeType == 11) {
@@ -1035,17 +1038,17 @@ const makeEachElseBlock = (fn) => {
       cd_attach2(parentCD, $cd);
       if(onlyChild) label.appendChild($dom);
       else attachBlock(label, $dom);
+      safeCallMount(current_mountList, destroyList);
     } finally {
-      current_destroyList = null;
-      current_cd = null;
+      current_destroyList = current_mountList = current_cd = null;
     }
 
     return () => {
       $$removeElements(first, last);
       cd_detach($cd);
       safeGroupCall(destroyList);
-    }
-  }
+    };
+  };
 };
 
 
@@ -1119,7 +1122,7 @@ function $$eachBlock(label, onlyChild, fn, getKey, bind, buildElseBlock) {
             ctx.$cd && eachCD.children.push(ctx.$cd);
             return;
           }
-          ctx.d && safeGroupCall(ctx.d);
+          safeGroupCall(ctx.d);
           iterNodes(ctx.first, ctx.last, n => removedNodes.push(n));
         });
 
@@ -1176,22 +1179,25 @@ function $$eachBlock(label, onlyChild, fn, getKey, bind, buildElseBlock) {
       } else {
         let $dom, rebind,
           d = current_destroyList = [],
+          m = current_mountList = [],
           $cd = current_cd = cd_new();
         try {
           ([$dom, rebind] = bind(item, i));
         } finally {
-          current_destroyList = null;
-          current_cd = null;
+          current_destroyList = current_mountList = current_cd = null;
         }
-        if(d.length) p_destroy = 1;
-        else d = null;
-        ctx = { $cd, d, rebind };
+        ctx = { $cd, rebind };
         cd_attach2(eachCD, $cd);
         if($dom.nodeType == 11) {
           ctx.first = $dom.firstChild;
           ctx.last = $dom.lastChild;
         } else ctx.first = ctx.last = $dom;
         parentNode.insertBefore($dom, prevNode?.nextSibling);
+        safeCallMount(m, d);
+        if(d.length) {
+          ctx.d = d;
+          p_destroy = 1;
+        }
       }
       prevNode = ctx.last;
       newMapping.set(key, ctx);
@@ -1233,10 +1239,13 @@ const invokeSlot = ($component, slotName, $context, propsFn, placeholder, cmp) =
 const makeSlot = (fr, fn) => {
   let parentCD = current_cd;
   return (callerComponent, $context, props) => {
-    let $dom = fr.cloneNode(true), prev = current_cd, $cd = current_cd = cd_new();
-    cd_attach2(parentCD, $cd);
-    $onDestroy(() => cd_detach($cd));
-    parentCD.component.apply();
+    let $dom = fr.cloneNode(true), prev = current_cd;
+    if(parentCD) {
+      let $cd = current_cd = cd_new();
+      cd_attach2(parentCD, $cd);
+      $onDestroy(() => cd_detach($cd));
+      cd_component(parentCD).$apply();
+    } else current_cd = null;
     try {
       return { $dom, push: fn($dom, $context, callerComponent, props) };
     } finally {
@@ -1245,4 +1254,4 @@ const makeSlot = (fr, fn) => {
   };
 };
 
-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, cloneDeep, configure, createTextNode, current_cd, current_component, current_destroyList, destroyResults, eachDefaultKey, exportFragment, fire, getFinalLabel, ifBlock, ifBlockReadOnly, insertAfter, invokeSlot, invokeSlotBase, isArray, isFunction, iterNodes, keyComparator, makeAnchor, makeApply, makeBlock, makeBlockBound, makeClassResolver, makeComponent, makeEachBlock, makeEachElseBlock, makeEachSingleBlock, makeExternalProperty, makeRootEvent, makeSlot, mergeAllEvents, mergeEvents, mount, mountStatic, noop, prefixPush, refer, removeElementsBetween, setClassToElement, spreadAttributes, svgToFragment, unwrapProps };
+export { $$addEventForComponent, $$awaitBlock, $$cloneDeep, $$compareArray, $$compareDeep, $$deepComparator, $$eachBlock, $$htmlBlock, $$htmlBlockStatic, $$htmlToFragment, $$htmlToFragmentClean, $$removeElements, $$removeItem, $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, cloneDeep, configure, createTextNode, current_cd, current_component, current_destroyList, current_mountList, destroyResults, eachDefaultKey, exportFragment, fire, getFinalLabel, ifBlock, ifBlockReadOnly, insertAfter, invokeSlot, invokeSlotBase, isArray, isFunction, iterNodes, keyComparator, makeAnchor, makeApply, makeBlock, makeBlockBound, makeClassResolver, makeComponent, makeEachBlock, makeEachElseBlock, makeEachSingleBlock, makeExternalProperty, makeRootEvent, makeSlot, mergeAllEvents, mergeEvents, mount, mountStatic, noop, prefixPush, refer, removeElementsBetween, setClassToElement, spreadAttributes, svgToFragment, unwrapProps };