framework7 6.3.15 → 7.0.0-beta.11

package/modules/component/parse-component.js

@@ -0,0 +1,80 @@
+import { getWindow, getDocument } from 'ssr-window';
+import $ from '../../shared/dom7.js';
+import { id } from '../../shared/utils.js';
+
+function parseComponent(componentString) {
+  const window = getWindow();
+  const document = getDocument();
+  const componentId = id();
+  const callbackCreateName = `f7_component_create_callback_${componentId}`; // Template
+
+  let template;
+  const hasTemplate = componentString.match(/<template([ ]?)([a-z0-9-]*)>/);
+
+  if (hasTemplate) {
+    template = componentString.split(/<template[ ]?[a-z0-9-]*>/).filter((item, index) => index > 0).join('<template>').split('</template>').filter((item, index, arr) => index < arr.length - 1).join('</template>').replace(/{{#raw}}([ \n]*)<template/g, '{{#raw}}<template').replace(/\/template>([ \n]*){{\/raw}}/g, '/template>{{/raw}}').replace(/([ \n])<template/g, '$1{{#raw}}<template').replace(/\/template>([ \n])/g, '/template>{{/raw}}$1');
+  } // Parse Styles
+
+
+  let style = null;
+
+  if (componentString.indexOf('<style>') >= 0) {
+    style = componentString.split('<style>')[1].split('</style>')[0];
+  }
+
+  if (componentString.indexOf('<style scoped>') >= 0) {
+    style = componentString.split('<style scoped>')[1].split('</style>')[0];
+  } // Parse Script
+
+
+  let scriptContent;
+
+  if (componentString.indexOf('<script>') >= 0) {
+    const scripts = componentString.split('<script>');
+    scriptContent = scripts[scripts.length - 1].split('</script>')[0].trim();
+  } else {
+    scriptContent = 'return () => {return $render}';
+  }
+
+  if (!scriptContent || !scriptContent.trim()) scriptContent = 'return () => {return $render}'; // Parse Template
+
+  if (template) {
+    scriptContent = scriptContent.replace('$render', `function ($$ctx) {
+          var $ = $$ctx.$$;
+          var $h = $$ctx.$h;
+          var $root = $$ctx.$root;
+          var $f7 = $$ctx.$f7;
+          var $f7route = $$ctx.$f7route;
+          var $f7router = $$ctx.$f7router;
+          var $theme = $$ctx.$theme;
+          var $update = $$ctx.$update;
+          var $store = $$ctx.$store;
+          var $ref = $$ctx.$ref;
+
+          return $h\`${template}\`
+        }
+        `).replace(/export default/g, 'return');
+  } // Execute Script
+
+
+  scriptContent = `window.${callbackCreateName} = function () {${scriptContent}}`; // Insert Script El
+
+  const scriptEl = document.createElement('script');
+  scriptEl.innerHTML = scriptContent;
+  $('head').append(scriptEl);
+  const component = window[callbackCreateName](); // Remove Script El
+
+  $(scriptEl).remove();
+  window[callbackCreateName] = null;
+  delete window[callbackCreateName]; // Assign Style
+
+  if (style) {
+    component.style = style;
+  } // Component ID
+
+
+  component.id = componentId;
+  return component;
+}
+
+export default parseComponent;

package/modules/component/patch.js

@@ -0,0 +1,8 @@
+/* eslint import/no-named-as-default: off */
+import { init } from './snabbdom/snabbdom.js';
+import attributesModule from './snabbdom/modules/attributes.js';
+import propsModule from './snabbdom/modules/props.js';
+import styleModule from './snabbdom/modules/style.js';
+import eventListenersModule from './eventslisteners.js';
+const patch = init([attributesModule, propsModule, styleModule, eventListenersModule]);
+export default patch;

package/{esm/modules → modules}/component/snabbdom/h.js

@@ -1,4 +1,4 @@
-import { vnode } from './vnode';
+import { vnode } from './vnode.js';
 import * as is from './is';
 
 function addNS(data, children, sel) {

package/{esm/modules → modules}/component/snabbdom/modules/hero.js

@@ -1,6 +1,6 @@
 var raf = typeof window !== 'undefined' && window.requestAnimationFrame || setTimeout;
 
-var nextFrame = function nextFrame(fn) {
+var nextFrame = function (fn) {
   raf(function () {
     raf(fn);
   });

package/{esm/modules → modules}/component/snabbdom/modules/style.js

@@ -1,6 +1,6 @@
 var raf = typeof window !== 'undefined' && window.requestAnimationFrame || setTimeout;
 
-var nextFrame = function nextFrame(fn) {
+var nextFrame = function (fn) {
   raf(function () {
     raf(fn);
   });

package/modules/component/snabbdom/snabbdom.bundle.js

@@ -0,0 +1,19 @@
+import { init } from './snabbdom.js';
+import { attributesModule } from './modules/attributes.js'; // for setting attributes on DOM elements
+
+import { classModule } from './modules/class.js'; // makes it easy to toggle classes
+
+import { propsModule } from './modules/props.js'; // for setting properties on DOM elements
+
+import { styleModule } from './modules/style.js'; // handles styling on elements with support for animations
+
+import { eventListenersModule } from './modules/eventlisteners.js'; // attaches event listeners
+
+import { h } from './h.js'; // helper function for creating vnodes
+
+var patch = init([attributesModule, classModule, propsModule, styleModule, eventListenersModule]);
+export var snabbdomBundle = {
+  patch: patch,
+  h: h
+};
+export default snabbdomBundle;

package/{esm/modules → modules}/component/snabbdom/snabbdom.js

@@ -1,6 +1,6 @@
-import vnode from './vnode';
-import * as is from './is';
-import htmlDomApi from './htmldomapi';
+import vnode from './vnode.js';
+import * as is from './is.js';
+import htmlDomApi from './htmldomapi.js';
 
 function isUndef(s) {
   return s === undefined;
@@ -105,9 +105,7 @@ export function init(modules, domApi) {
       if (hash < dot) elm.setAttribute('id', sel.slice(hash + 1, dot));
       if (dotIdx > 0) elm.setAttribute('class', sel.slice(dot + 1).replace(/\./g, ' '));
 
-      for (i = 0; i < cbs.create.length; ++i) {
-        cbs.create[i](emptyNode, vnode);
-      }
+      for (i = 0; i < cbs.create.length; ++i) cbs.create[i](emptyNode, vnode);
 
       if (is.array(children)) {
         for (i = 0; i < children.length; ++i) {
@@ -152,9 +150,7 @@ export function init(modules, domApi) {
     if (data !== undefined) {
       if (isDef(i = data.hook) && isDef(i = i.destroy)) i(vnode);
 
-      for (i = 0; i < cbs.destroy.length; ++i) {
-        cbs.destroy[i](vnode);
-      }
+      for (i = 0; i < cbs.destroy.length; ++i) cbs.destroy[i](vnode);
 
       if (vnode.children !== undefined) {
         for (j = 0; j < vnode.children.length; ++j) {
@@ -181,9 +177,7 @@ export function init(modules, domApi) {
           listeners = cbs.remove.length + 1;
           rm = createRmCb(ch.elm, listeners);
 
-          for (i_1 = 0; i_1 < cbs.remove.length; ++i_1) {
-            cbs.remove[i_1](ch, rm);
-          }
+          for (i_1 = 0; i_1 < cbs.remove.length; ++i_1) cbs.remove[i_1](ch, rm);
 
           if (isDef(i_1 = ch.data) && isDef(i_1 = i_1.hook) && isDef(i_1 = i_1.remove)) {
             i_1(ch, rm);
@@ -287,9 +281,7 @@ export function init(modules, domApi) {
     if (oldVnode === vnode) return;
 
     if (vnode.data !== undefined) {
-      for (i = 0; i < cbs.update.length; ++i) {
-        cbs.update[i](oldVnode, vnode);
-      }
+      for (i = 0; i < cbs.update.length; ++i) cbs.update[i](oldVnode, vnode);
 
       i = vnode.data.hook;
       if (isDef(i) && isDef(i = i.update)) i(oldVnode, vnode);
@@ -319,9 +311,7 @@ export function init(modules, domApi) {
     var i, elm, parent;
     var insertedVnodeQueue = [];
 
-    for (i = 0; i < cbs.pre.length; ++i) {
-      cbs.pre[i]();
-    }
+    for (i = 0; i < cbs.pre.length; ++i) cbs.pre[i]();
 
     if (!isVnode(oldVnode)) {
       oldVnode = emptyNodeAt(oldVnode);
@@ -344,9 +334,7 @@ export function init(modules, domApi) {
       insertedVnodeQueue[i].data.hook.insert(insertedVnodeQueue[i]);
     }
 
-    for (i = 0; i < cbs.post.length; ++i) {
-      cbs.post[i]();
-    }
+    for (i = 0; i < cbs.post.length; ++i) cbs.post[i]();
 
     return vnode;
   };

package/{esm/modules → modules}/component/snabbdom/thunk.js

@@ -1,4 +1,4 @@
-import { h } from './h';
+import { h } from './h.js';
 
 function copyToThunk(vnode, thunk) {
   thunk.elm = vnode.elm;

package/{esm/modules → modules}/component/snabbdom/tovnode.js

@@ -1,5 +1,5 @@
-import vnode from './vnode';
-import htmlDomApi from './htmldomapi';
+import vnode from './vnode.js';
+import htmlDomApi from './htmldomapi.js';
 export function toVNode(node, domApi) {
   var api = domApi !== undefined ? domApi : htmlDomApi;
   var text;