druxt - npm Package Compare versions

Comparing version 0.3.2 to 0.3.3

dist/druxt.esm.js

 import { resolve } from 'path';
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 /**
@@ -52,2 +24,16 @@ * The Vue.js Druxt component.
     /**
+     * Inner element.
+     *
+     * @type {object}
+     * @default { component: 'div', propsData: {} }
+     */
+    inner: {
+      type: [Object, Boolean],
+      default: function () { return ({
+        component: 'div',
+        propsData: {},
+      }); }
+    },
+
+    /**
      * The DruxtJS module to render.
@@ -86,6 +72,6 @@ *
     /**
-     * Wrapper theming system.
+     * Wrapper element.
      *
      * @type {object}
-     * @default { component: undefined, propsData: {} }
+     * @default { component: 'div', propsData: {} }
      */
@@ -132,2 +118,16 @@ wrapper: {
   },
+
+  render: function render(h) {
+    var component = h(this.component.is, {
+      attrs: this.$attrs,
+      props: Object.assign({}, {wrapper: this.inner},
+        this.component.propsData)
+    });
+
+    if ((this.wrapper || {}).component) {
+      return h(this.wrapper.component, { props: this.wrapper.propsData }, [component])
+    }
+
+    return component
+  }
 };
@@ -214,6 +214,2 @@
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.wrapper && _vm.wrapper.component)?_c((_vm.wrapper || {}).component,_vm._b({tag:"component"},'component',(_vm.wrapper || {}).propsData,false),[_c(_vm.component.is,_vm._b({tag:"component"},'component',Object.assign({}, _vm.component.propsData,
-      _vm.$attrs),false))],1):_c(_vm.component.is,_vm._b({tag:"component"},'component',Object.assign({}, _vm.component.propsData,
-    _vm.$attrs),false))};
-var __vue_staticRenderFns__ = [];
 
@@ -227,3 +223,3 @@ /* style */
   /* functional template */
-  var __vue_is_functional_template__ = false;
+  var __vue_is_functional_template__ = undefined;
   /* style inject */
@@ -238,3 +234,3 @@
   var __vue_component__ = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    {},
     __vue_inject_styles__,
@@ -274,4 +270,4 @@ __vue_script__,
 /* template */
-var __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._t("default")],2)};
-var __vue_staticRenderFns__$1 = [];
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._t("default")],2)};
+var __vue_staticRenderFns__ = [];
 
@@ -295,3 +291,3 @@ /* style */
   var __vue_component__$1 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__$1,
@@ -508,5 +504,15 @@ __vue_script__$1,
       propsData: {},
-    }
+    },
   }); },
 
+  props: {
+    wrapper: {
+      type: Object,
+      default: function () { return ({
+        component: 'div',
+        propsData: {},
+      }); }
+    }
+  },
+
   /**
@@ -513,0 +519,0 @@ * The Nuxt Fetch hook.

dist/druxt.min.js

@@ -1,1 +0,1 @@
-var Druxt=function(t,n){"use strict";function e(t,n,e,o,r,a,i,p,s,c){"boolean"!=typeof i&&(s=p,p=i,i=!1);var u,f="function"==typeof e?e.options:e;if(t&&t.render&&(f.render=t.render,f.staticRenderFns=t.staticRenderFns,f._compiled=!0,r&&(f.functional=!0)),o&&(f._scopeId=o),a?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,s(t)),t&&t._registeredComponents&&t._registeredComponents.add(a)},f._ssrRegister=u):n&&(u=i?function(t){n.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){n.call(this,p(t))}),u)if(f.functional){var d=f.render;f.render=function(t,n){return u.call(n),d(t,n)}}else{var l=f.beforeCreate;f.beforeCreate=l?[].concat(l,u):[u]}return e}var o=e({render:function(){var t=this,n=t.$createElement,e=t._self._c||n;return t.wrapper&&t.wrapper.component?e((t.wrapper||{}).component,t._b({tag:"component"},"component",(t.wrapper||{}).propsData,!1),[e(t.component.is,t._b({tag:"component"},"component",Object.assign({},t.component.propsData,t.$attrs),!1))],1):e(t.component.is,t._b({tag:"component"},"component",Object.assign({},t.component.propsData,t.$attrs),!1))},staticRenderFns:[]},undefined,{name:"Druxt",props:{module:{type:String,required:!0},propsData:{type:Object,default:function(){return{}}},wrapper:{type:[Object,Boolean],default:function(){return{component:"div",propsData:{}}}}},data:function(){return{component:{is:void 0,propsData:{}}}},created:function(){this.setModuleComponent()},methods:{setModuleComponent:function(){var t="Druxt"+this.module.split("-").map((function(t){return t.charAt(0).toUpperCase()+t.slice(1)})).join("");this.$options.components[t]&&(this.component.is=t,this.component.propsData=this.propsData)}}},undefined,false,undefined,!1,void 0,void 0,void 0),r=e({render:function(){var t=this,n=t.$createElement;return(t._self._c||n)("div",[t._t("default")],2)},staticRenderFns:[]},undefined,{name:"DruxtWrapper"},undefined,false,undefined,!1,void 0,void 0,void 0),a=function(){};a.prototype.getComponents=function(t,n,e,o){void 0===e&&(e=!1);var r=[],a={};return n.filter((function(t){return Array.isArray(t)})).map((function(n){var e=[];n.map((function(n){var r=e.length?[].concat(e[0].parts):[];r.push(n);var a=[].concat(r);"string"==typeof o||!1===o&&void 0!==o||!((t||{}).$options||{}).name||(o=t.$options.name.match(/[A-Z][a-z]+/g).map((function(t){return t.toLowerCase()})).join("-")),o&&a.unshift(o);var i=a.map((function(t){return t.toLowerCase().replace(/--|_/g,"-")})).join("-"),p=i.replace(/((\b|[^a-zA-Z0-9]+)[a-zA-Z0-9])/gi,(function(t,n,e){return t.toUpperCase().replace(e,"")})),s=!1;for(var c of[i,p])if(void 0!==(((t||{}).$options||{}).components||{})[c]){s=!0;break}e.unshift({global:s,kebab:i,parts:r,pascal:p,prefix:o})})),e.map((function(t){a[t.pascal]||(a[t.pascal]=!0,r.push(t))}))})),r.filter((function(t){return t.global||!!e})).sort((function(t,n){return n.parts.length-t.parts.length}))},a.prototype.getModuleData=async function(t){if("function"!=typeof((t||{}).$options||{}).druxt)return!1;var n=await t.$options.druxt({vm:t});return(t.$options||{}).name&&(n.name=t.$options.name.match(/[A-Z][a-z]+/g).map((function(t){return t.toLowerCase()})).join("-")),n};var i={components:{DruxtWrapper:r},data:function(){return{component:{is:"DruxtWrapper",options:[],propsData:{}}}},fetch:async function(){var t=new a,n=await t.getModuleData(this);if(n.componentOptions){var e=t.getComponents(this,n.componentOptions,!0);this.component.options=e.map((function(t){return t.pascal}));var o=e.filter((function(t){return t.global}));o.length&&(this.component.is=o[0].pascal,this.component.propsData=n.propsData||{})}}};return t.Druxt=o,t.DruxtClass=a,t.DruxtComponentMixin=i,t.DruxtWrapper=r,t.default=function(t){void 0===t&&(t={});var e=Object.assign({},t,(this.options||{}).druxt);this.addPlugin({src:n.resolve(__dirname,"../nuxt/plugin.js"),fileName:"druxt.js",options:e})},t}({},path);
+var Druxt=function(t,n){"use strict";function e(t,n,e,o,r,a,i,p,s,u){"boolean"!=typeof i&&(s=p,p=i,i=!1);var c,d="function"==typeof e?e.options:e;if(t&&t.render&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0,r&&(d.functional=!0)),o&&(d._scopeId=o),a?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,s(t)),t&&t._registeredComponents&&t._registeredComponents.add(a)},d._ssrRegister=c):n&&(c=i?function(t){n.call(this,u(t,this.$root.$options.shadowRoot))}:function(t){n.call(this,p(t))}),c)if(d.functional){var f=d.render;d.render=function(t,n){return c.call(n),f(t,n)}}else{var l=d.beforeCreate;d.beforeCreate=l?[].concat(l,c):[c]}return e}var o=e({},undefined,{name:"Druxt",props:{inner:{type:[Object,Boolean],default:function(){return{component:"div",propsData:{}}}},module:{type:String,required:!0},propsData:{type:Object,default:function(){return{}}},wrapper:{type:[Object,Boolean],default:function(){return{component:"div",propsData:{}}}}},data:function(){return{component:{is:void 0,propsData:{}}}},created:function(){this.setModuleComponent()},methods:{setModuleComponent:function(){var t="Druxt"+this.module.split("-").map((function(t){return t.charAt(0).toUpperCase()+t.slice(1)})).join("");this.$options.components[t]&&(this.component.is=t,this.component.propsData=this.propsData)}},render:function(t){var n=t(this.component.is,{attrs:this.$attrs,props:Object.assign({},{wrapper:this.inner},this.component.propsData)});return(this.wrapper||{}).component?t(this.wrapper.component,{props:this.wrapper.propsData},[n]):n}},undefined,undefined,undefined,!1,void 0,void 0,void 0),r=e({render:function(){var t=this,n=t.$createElement;return(t._self._c||n)("div",[t._t("default")],2)},staticRenderFns:[]},undefined,{name:"DruxtWrapper"},undefined,false,undefined,!1,void 0,void 0,void 0),a=function(){};a.prototype.getComponents=function(t,n,e,o){void 0===e&&(e=!1);var r=[],a={};return n.filter((function(t){return Array.isArray(t)})).map((function(n){var e=[];n.map((function(n){var r=e.length?[].concat(e[0].parts):[];r.push(n);var a=[].concat(r);"string"==typeof o||!1===o&&void 0!==o||!((t||{}).$options||{}).name||(o=t.$options.name.match(/[A-Z][a-z]+/g).map((function(t){return t.toLowerCase()})).join("-")),o&&a.unshift(o);var i=a.map((function(t){return t.toLowerCase().replace(/--|_/g,"-")})).join("-"),p=i.replace(/((\b|[^a-zA-Z0-9]+)[a-zA-Z0-9])/gi,(function(t,n,e){return t.toUpperCase().replace(e,"")})),s=!1;for(var u of[i,p])if(void 0!==(((t||{}).$options||{}).components||{})[u]){s=!0;break}e.unshift({global:s,kebab:i,parts:r,pascal:p,prefix:o})})),e.map((function(t){a[t.pascal]||(a[t.pascal]=!0,r.push(t))}))})),r.filter((function(t){return t.global||!!e})).sort((function(t,n){return n.parts.length-t.parts.length}))},a.prototype.getModuleData=async function(t){if("function"!=typeof((t||{}).$options||{}).druxt)return!1;var n=await t.$options.druxt({vm:t});return(t.$options||{}).name&&(n.name=t.$options.name.match(/[A-Z][a-z]+/g).map((function(t){return t.toLowerCase()})).join("-")),n};var i={components:{DruxtWrapper:r},data:function(){return{component:{is:"DruxtWrapper",options:[],propsData:{}}}},props:{wrapper:{type:Object,default:function(){return{component:"div",propsData:{}}}}},fetch:async function(){var t=new a,n=await t.getModuleData(this);if(n.componentOptions){var e=t.getComponents(this,n.componentOptions,!0);this.component.options=e.map((function(t){return t.pascal}));var o=e.filter((function(t){return t.global}));o.length&&(this.component.is=o[0].pascal,this.component.propsData=n.propsData||{})}}};return t.Druxt=o,t.DruxtClass=a,t.DruxtComponentMixin=i,t.DruxtWrapper=r,t.default=function(t){void 0===t&&(t={});var e=Object.assign({},t,(this.options||{}).druxt);this.addPlugin({src:n.resolve(__dirname,"../nuxt/plugin.js"),fileName:"druxt.js",options:e})},t}({},path);

dist/druxt.ssr.js

@@ -1,30 +0,2 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var path=require('path');//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/**
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var path=require('path');/**
  * The Vue.js Druxt component.
@@ -50,2 +22,16 @@ *
     /**
+     * Inner element.
+     *
+     * @type {object}
+     * @default { component: 'div', propsData: {} }
+     */
+    inner: {
+      type: [Object, Boolean],
+      default: function () { return ({
+        component: 'div',
+        propsData: {},
+      }); }
+    },
+
+    /**
      * The DruxtJS module to render.
@@ -84,6 +70,6 @@ *
     /**
-     * Wrapper theming system.
+     * Wrapper element.
      *
      * @type {object}
-     * @default { component: undefined, propsData: {} }
+     * @default { component: 'div', propsData: {} }
      */
@@ -130,2 +116,16 @@ wrapper: {
   },
+
+  render: function render(h) {
+    var component = h(this.component.is, {
+      attrs: this.$attrs,
+      props: Object.assign({}, {wrapper: this.inner},
+        this.component.propsData)
+    });
+
+    if ((this.wrapper || {}).component) {
+      return h(this.wrapper.component, { props: this.wrapper.propsData }, [component])
+    }
+
+    return component
+  }
 };function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
@@ -208,6 +208,2 @@ if (typeof shadowMode !== 'boolean') {
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.wrapper && _vm.wrapper.component)?_c((_vm.wrapper || {}).component,_vm._b({tag:"component"},'component',(_vm.wrapper || {}).propsData,false),[_c(_vm.component.is,_vm._b({tag:"component"},'component',Object.assign({}, _vm.component.propsData,
-      _vm.$attrs),false))],1):_c(_vm.component.is,_vm._b({tag:"component"},'component',Object.assign({}, _vm.component.propsData,
-    _vm.$attrs),false))};
-var __vue_staticRenderFns__ = [];
 
@@ -219,5 +215,5 @@ /* style */
   /* module identifier */
-  var __vue_module_identifier__ = "data-v-1ac5d209";
+  var __vue_module_identifier__ = "data-v-6a72074a";
   /* functional template */
-  var __vue_is_functional_template__ = false;
+  var __vue_is_functional_template__ = undefined;
   /* style inject */
@@ -232,3 +228,3 @@
   var __vue_component__ = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    {},
     __vue_inject_styles__,
@@ -264,4 +260,4 @@ __vue_script__,
 /* template */
-var __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._t("default")],2)};
-var __vue_staticRenderFns__$1 = [];
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._t("default")],2)};
+var __vue_staticRenderFns__ = [];
 
@@ -285,3 +281,3 @@ /* style */
   var __vue_component__$1 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__$1,
@@ -492,5 +488,15 @@ __vue_script__$1,
       propsData: {},
-    }
+    },
   }); },
 
+  props: {
+    wrapper: {
+      type: Object,
+      default: function () { return ({
+        component: 'div',
+        propsData: {},
+      }); }
+    }
+  },
+
   /**
@@ -497,0 +503,0 @@ * The Nuxt Fetch hook.

package.json

 {
   "name": "druxt",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "A Bridge between frameworks, NuxtJS in the front, Drupal in the back.",
@@ -5,0 +5,0 @@ "repository": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

39288

increased by0.39%

Lines of code

1011

increased by0.2%

No dependency changes