@parameter1/base-cms-marko-web 3.2.2 → 3.3.0

package/browser/index.js

@@ -14,10 +14,13 @@ const load = async ({
   props,
   on,
   hydrate,
+  skipWhenExists,
 } = {}) => {
   if (!el || !name) throw new Error('A Vue component name and element must be provided.');
   const Component = components[name];
   if (!Component) throw new Error(`No Vue component found for '${name}'`);
+  const shouldRender = skipWhenExists ? document.querySelectorAll(`script.component[data-name="${name}"]`).length <= 1 : true;
+  if (!shouldRender) return;
   const component = new Vue({
     provide: providers[name],
     render: h => h(Component, { props, on: { ...on, ...listeners[name] } }),

package/components/browser-component.marko

@@ -7,8 +7,9 @@ $ const tag = defaultValue(input.tag, "div");
 $ const { name } = input;
 $ const ssr = defaultValue(input.ssr, false);
 $ const hydrate = ssr ? true : defaultValue(input.hydrate, false);
+$ const skipWhenExists = defaultValue(input.skipWhenExists, false);
 $ const props = JSON.stringify(input.props || {});
-$ const contents = `CMSBrowserComponents.load({ el: '#${id}', name: '${name}', props: ${props}, hydrate: ${hydrate} });`;
+$ const contents = `CMSBrowserComponents.load({ el: '#${id}', name: '${name}', props: ${props}, hydrate: ${hydrate}, skipWhenExists: ${skipWhenExists} });`;
 
 <if(ssr)>
   $ const { compiledVueComponents } = out.global;
@@ -23,4 +24,4 @@ $ const contents = `CMSBrowserComponents.load({ el: '#${id}', name: '${name}', p
     <${input.renderBody} />
   </>
 </else>
-<script>$!{contents}</script>
+<script class="component" data-name=name>$!{contents}</script>

package/components/marko.json

@@ -17,6 +17,7 @@
     },
     "@hydrate": "boolean",
     "@ssr": "boolean",
+    "@skip-when-exists": "boolean",
     "@tag": "string",
     "@class": "string",
     "@attrs": "object",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parameter1/base-cms-marko-web",
-  "version": "3.2.2",
+  "version": "3.3.0",
   "description": "Core Marko+Express components for BaseCMS websites",
   "author": "Jacob Bare <jacob@parameter1.com>",
   "main": "index.js",
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cf5104cb8a09e7940830c23752bbacf9082b1ff4"
+  "gitHead": "ee5705e924b161f9617b1984a95c21f73004e4b5"
 }