cloudcommerce 0.9.1 → 0.10.0

package/packages/storefront/dist/server/entry.mjs

@@ -14,7 +14,7 @@ import enableDestroy from 'server-destroy';
 import { defineComponent, computed, useSSRContext, mergeProps, h as h$1, createSSRApp } from 'vue';
 import { ssrRenderSlotInner, ssrRenderAttrs, ssrRenderSlot, renderToString } from 'vue/server-renderer';
 import { img, imgSizes, i18n, formatMoney } from '@ecomplus/utils';
-/* empty css                                  */import { _ as _export_sfc, a as _page0, b as _page1, c as _page2, d as _page3, e as _page4, f as _page5 } from './chunks/pages/all.2ca6d33d.mjs';
+/* empty css                                  */import { _ as _export_sfc, a as _page0, b as _page1, c as _page2, d as _page3, e as _page4, f as _page5 } from './chunks/pages/all.e51db7f0.mjs';
 import 'mime';
 import 'cookie';
 import 'kleur/colors';
@@ -3072,10 +3072,10 @@ const _renderer1 = {
 	renderToStaticMarkup,
 };
 
-const pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.16.6_astro@2.3.0_sharp@0.31.3/node_modules/@astrojs/image/dist/endpoint.js", _page0],["src/pages/index.astro", _page1],["src/pages/fallback.astro", _page2],["src/pages/app/index.astro", _page3],["src/pages/app/account.astro", _page4],["src/pages/[...slug].astro", _page5],]);
+const pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.16.6_astro@2.3.0_sharp@0.32.0/node_modules/@astrojs/image/dist/endpoint.js", _page0],["src/pages/index.astro", _page1],["src/pages/fallback.astro", _page2],["src/pages/app/index.astro", _page3],["src/pages/app/account.astro", _page4],["src/pages/[...slug].astro", _page5],]);
 const renderers = [Object.assign({"name":"astro:jsx","serverEntrypoint":"astro/jsx/server.js","jsxImportSource":"astro"}, { ssr: server_default }),Object.assign({"name":"@astrojs/vue","clientEntrypoint":"@astrojs/vue/client.js","serverEntrypoint":"@astrojs/vue/server.js"}, { ssr: _renderer1 }),];
 
-const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":[],"scripts":[],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.16.6_astro@2.3.0_sharp@0.31.3/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["/_astro/_...slug_.9a31c59e.css","/_astro/index.e56fc6b3.css","/_astro/index.1eaf97c3.css"],"scripts":[{"type":"external","value":"/_astro/hoisted.56fa2eff.js"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["/_astro/_...slug_.9a31c59e.css","/_astro/index.1eaf97c3.css"],"scripts":[{"type":"external","value":"/_astro/hoisted.56fa2eff.js"}],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"routeData":{"route":"/app/account","type":"page","pattern":"^\\/app\\/account\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}],[{"content":"account","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/account.astro","pathname":"/app/account","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["/_astro/_...slug_.9a31c59e.css","/_astro/index.1eaf97c3.css"],"scripts":[{"type":"external","value":"/_astro/hoisted.56fa2eff.js"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","prerender":false,"_meta":{"trailingSlash":"ignore"}}}],"site":"https://ecom2-002.web.app","base":"/","markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"gfm":true,"smartypants":true},"pageMap":null,"componentMetadata":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro",{"propagation":"none","containsHead":true}]],"renderers":[],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"_@astrojs-ssr-virtual-entry.mjs","~/components/PitchBar.vue":"_astro/PitchBar.ff1445b5.js","~/components/HeroSlider.vue":"_astro/HeroSlider.276b893c.js","@astrojs/vue/client.js":"_astro/client.4e825332.js","~/components/Prices.vue":"_astro/Prices.70885f17.js","/astro/hoisted.js?q=0":"_astro/hoisted.56fa2eff.js","~/components/ShopHeader.vue":"_astro/ShopHeader.89b60037.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.dc90f814.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.2840bd36.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/index.e56fc6b3.css","/_astro/server.1dabec03.css","/_astro/index.1eaf97c3.css","/_astro/_...slug_.9a31c59e.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-e0d788d4.js","/_astro/Carousel.ef27cf12.js","/_astro/HeroSlider.276b893c.js","/_astro/PitchBar.ff1445b5.js","/_astro/Prices.70885f17.js","/_astro/ShopHeader.89b60037.js","/_astro/_plugin-vue_export-helper.0c2b7f88.js","/_astro/client.4e825332.js","/_astro/firebase-app.2840bd36.js","/_astro/format-money.f09b89ed.js","/_astro/hoisted.56fa2eff.js","/_astro/idle-callback.889bf0ea.js","/_astro/index.9018a8da.js","/_astro/modules-info.2a72e536.js","/_astro/preload-helper.101896b7.js","/_astro/runtime-dom.esm-bundler.1fd80976.js","/_astro/session-utm.ac492493.js","/_astro/workbox-window.prod.es5.dc90f814.js","/admin/config.json","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/img/icon.png","/img/large-icon.png","/img/uploads/banner1.png","/img/uploads/banner2.png","/img/uploads/banner2.webp","/img/uploads/ecom-icon.png","/img/uploads/favicon.png","/img/uploads/headless.png","/img/uploads/headphone.png","/img/uploads/headphone.webp","/img/uploads/logo.png","/img/uploads/og-image.png","/img/uploads/passion.png","/img/uploads/passion.webp","/img/uploads/pwa-reliable.png","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.png","/img/uploads/rect89.webp","/img/uploads/ssl-safe.png"]}), {
+const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":[],"scripts":[],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.16.6_astro@2.3.0_sharp@0.32.0/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["/_astro/_...slug_.48ea2ee1.css","/_astro/index.e56fc6b3.css","/_astro/index.1eaf97c3.css"],"scripts":[{"type":"external","value":"/_astro/hoisted.56fa2eff.js"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["/_astro/_...slug_.48ea2ee1.css","/_astro/index.1eaf97c3.css"],"scripts":[{"type":"external","value":"/_astro/hoisted.56fa2eff.js"}],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"routeData":{"route":"/app/account","type":"page","pattern":"^\\/app\\/account\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}],[{"content":"account","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/account.astro","pathname":"/app/account","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":["/_astro/_...slug_.48ea2ee1.css","/_astro/index.1eaf97c3.css"],"scripts":[{"type":"external","value":"/_astro/hoisted.56fa2eff.js"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","prerender":false,"_meta":{"trailingSlash":"ignore"}}}],"site":"https://ecom2-002.web.app","base":"/","markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"gfm":true,"smartypants":true},"pageMap":null,"componentMetadata":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro",{"propagation":"none","containsHead":true}]],"renderers":[],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"_@astrojs-ssr-virtual-entry.mjs","~/components/PitchBar.vue":"_astro/PitchBar.8945ceb4.js","~/components/HeroSlider.vue":"_astro/HeroSlider.2c4563ee.js","~/components/Prices.vue":"_astro/Prices.bc136725.js","/astro/hoisted.js?q=0":"_astro/hoisted.56fa2eff.js","@astrojs/vue/client.js":"_astro/client.97e9e785.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/tinacms/dist/rich-text/index.es.js":"_astro/index.es.28e34903.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/tina/__generated__/client.ts":"_astro/client.f447e2e8.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.dc90f814.js","~/components/ShopHeader.vue":"_astro/ShopHeader.5d83d6d5.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.2840bd36.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/index.1eaf97c3.css","/_astro/index.e56fc6b3.css","/_astro/server.1dabec03.css","/_astro/_...slug_.48ea2ee1.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-e0d788d4.js","/_astro/Carousel.06e8cee5.js","/_astro/HeroSlider.2c4563ee.js","/_astro/PitchBar.8945ceb4.js","/_astro/Prices.bc136725.js","/_astro/ShopHeader.5d83d6d5.js","/_astro/_commonjsHelpers.725317a4.js","/_astro/_plugin-vue_export-helper.d71c044e.js","/_astro/client.97e9e785.js","/_astro/client.f447e2e8.js","/_astro/firebase-app.2840bd36.js","/_astro/format-money.d54c1237.js","/_astro/hoisted.56fa2eff.js","/_astro/idle-callback.889bf0ea.js","/_astro/index.2899cbe4.js","/_astro/index.b12dff85.js","/_astro/index.es.28e34903.js","/_astro/modules-info.ea748f9d.js","/_astro/preload-helper.101896b7.js","/_astro/runtime-dom.esm-bundler.e9908a78.js","/_astro/server.browser.e1b1e312.js","/_astro/session-utm.ac492493.js","/_astro/workbox-window.prod.es5.dc90f814.js","/admin/index.html","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/img/icon.png","/img/large-icon.png","/admin/assets/Range.es-3e45690c.js","/admin/assets/SchemaReference.es-68e2a833.js","/admin/assets/brace-fold.es-f96db61f.js","/admin/assets/closebrackets.es-0488b839.js","/admin/assets/codemirror.es-15b9374a.js","/admin/assets/comment.es-d4bed417.js","/admin/assets/dialog.es-56aaee5b.js","/admin/assets/foldgutter.es-55067bee.js","/admin/assets/forEachState.es-1e367fb2.js","/admin/assets/hint.es-07ec11aa.js","/admin/assets/hint.es2-35fd7219.js","/admin/assets/index-64cd926d.css","/admin/assets/index-d5c6a1a9.js","/admin/assets/index-f1d880da.js","/admin/assets/info-addon.es-eded2c26.js","/admin/assets/info.es-93649208.js","/admin/assets/javascript.es-634a06b1.js","/admin/assets/jump-to-line.es-23d2d4a8.js","/admin/assets/jump.es-732b233e.js","/admin/assets/lint.es-240359bd.js","/admin/assets/lint.es2-df11292b.js","/admin/assets/lint.es3-aa543b52.js","/admin/assets/matchbrackets.es-f5e3ac04.js","/admin/assets/mode-indent.es-341daf63.js","/admin/assets/mode.es-c74239d3.js","/admin/assets/mode.es2-9319d2a9.js","/admin/assets/mode.es3-deb92d78.js","/admin/assets/search.es-143ba137.js","/admin/assets/searchcursor.es-6069a13e.js","/admin/assets/show-hint.es-ff4fde1d.js","/admin/assets/sublime.es-23f726a0.js","/img/uploads/banner1.png","/img/uploads/banner2.png","/img/uploads/banner2.webp","/img/uploads/ecom-icon.png","/img/uploads/favicon.png","/img/uploads/headless.png","/img/uploads/headphone.png","/img/uploads/headphone.webp","/img/uploads/logo.png","/img/uploads/og-image.png","/img/uploads/passion.png","/img/uploads/passion.webp","/img/uploads/pwa-reliable.png","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.png","/img/uploads/rect89.webp","/img/uploads/ssl-safe.png"]}), {
 	pageMap: pageMap,
 	renderers: renderers
 });

package/packages/storefront/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/storefront",
   "type": "module",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "E-Com Plus Cloud Commerce storefront with Astro",
   "bin": {
     "storefront": "./scripts/build-prod.sh"
@@ -20,10 +20,13 @@
   "homepage": "https://github.com/ecomplus/cloud-commerce/tree/main/packages/storefront#readme",
   "scripts": {
     "dev": "astro dev",
-    "start": "astro dev --host",
+    "dev:cms": "tinacms dev -c \"astro dev\"",
+    "start": "tinacms build && astro dev --host",
     "build": "astro build",
     "build:static": "BUILD_OUTPUT=static astro build",
     "build:prod": "bash scripts/build-prod.sh",
+    "build:cms": "tinacms build",
+    "build:all": "concurrently \"npm run build:prod\" \"npm run build:cms\"",
     "preview": "astro preview",
     "astro": "astro",
     "prepare-monorepo": "bash scripts/prepare-monorepo.sh"
@@ -41,19 +44,24 @@
     "@iconify-json/fa6-brands": "^1.1.11",
     "@iconify-json/heroicons": "^1.1.10",
     "@iconify-json/logos": "^1.1.25",
+    "@tinacms/cli": "^1.5.6",
     "@vite-pwa/astro": "^0.0.5",
-    "@vueuse/core": "10.0.2",
+    "@vueuse/core": "10.1.0",
     "astro": "2.3.0",
     "chroma-js": "^2.4.2",
+    "concurrently": "^8.0.1",
     "dotenv": "^16.0.3",
     "firebase": "^9.20.0",
     "image-size": "^1.0.2",
     "mime": "^3.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "semver": "^7.5.0",
-    "sharp": "^0.31.3",
-    "tailwindcss": "^3.3.1",
-    "unocss": "^0.51.5",
-    "vite": "^4.2.2",
+    "sharp": "^0.32.0",
+    "tailwindcss": "^3.3.2",
+    "tinacms": "^1.4.6",
+    "unocss": "^0.51.8",
+    "vite": "^4.3.2",
     "vite-plugin-pwa": "^0.14.7",
     "vue": "^3.2.47"
   },

package/packages/storefront/scripts/prepare-monorepo.sh

@@ -2,9 +2,11 @@
 
 rm -rf content && ln -s ../../store/functions/ssr/content content
 rm -rf public && ln -s ../../store/functions/ssr/public public
+rm -rf src/content && ln -s ../../../store/functions/ssr/src/content src/content
 rm -rf src/pages && ln -s ../../../store/functions/ssr/src/pages src/pages
 rm -rf src/layouts && ln -s ../../../store/functions/ssr/src/layouts src/layouts
 rm -rf src/main && ln -s ../../../store/functions/ssr/src/main src/main
 rm -rf src/components && ln -s ../../../store/functions/ssr/src/components src/components
 rm -rf src/scripts && ln -s ../../../store/functions/ssr/src/scripts src/scripts
 rm -rf src/assets && ln -s ../../../store/functions/ssr/src/assets src/assets
+rm -rf tina && ln -s ../../store/functions/ssr/tina tina

package/packages/storefront/src/env.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../.astro/types.d.ts" />
 /// <reference types="@astrojs/image/client" />
 /// <reference types="vite-plugin-pwa/client" />
 /// <reference types="vue/ref-macros" />

package/packages/storefront/src/lib/components/Post.vue

@@ -0,0 +1,107 @@
+<template>
+  <main>
+    <h1>{{ data?.data?.post.title }}</h1>
+    <pre>
+        <!-- @ts-ignore -->
+        {{ JSON.stringify(data?.data?.post?.body, null, 2) }}
+      </pre>
+  </main>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+import { client } from '../../../tina/__generated__/client'
+import type { PostQuery, Exact } from '../../../tina/__generated__/types'
+
+interface Data {
+  data: PostQuery
+  variables: Exact<{
+    relativePath: string
+  }>
+  query: string
+}
+
+function getTinaUpdates<T extends object>({
+  data,
+  query,
+  variables,
+  cb,
+}: {
+  query: string
+  variables: object
+  data: T
+  cb: (data: T) => void
+}) {
+  if (!import.meta.env.SSR) {
+    const id = btoa(JSON.stringify({ query: query }))
+    window.parent.postMessage(
+      // was getting errors in vue here. Is it OK to parse and stringify?
+      JSON.parse(JSON.stringify({ type: 'open', data, query, variables, id })),
+      window.location.origin
+    )
+    window.addEventListener('message', (event) => {
+      if (event.data.id === id) {
+        console.log('child: event received')
+        cb(event.data.data)
+      }
+    })
+  }
+}
+const closeTinaConnection = ({
+  query,
+  id,
+}: {
+  query: string
+  id?: string
+}) => {
+  if (!import.meta.env.SSR) {
+    window.parent.postMessage(
+      { type: 'close', id: id || btoa(JSON.stringify({ query: query })) },
+      window.location.origin
+    )
+  }
+}
+
+export default defineComponent<
+  {},
+  { fetchPost: () => Promise<void> },
+  { data: Data; loading: boolean }
+>({
+  name: 'Post',
+  data() {
+    return {
+      loading: false,
+      data: null as unknown as Data,
+      error: null,
+    }
+  },
+  created() {
+    // watch the params of the route to fetch the data again
+    this.fetchPost().then(() => {
+      getTinaUpdates({
+        cb: (newData) => {
+          this.$data.data = {
+            ...this.$data.data,
+            data: newData,
+          }
+        },
+        data: this.data.data,
+        query: this.data.query,
+        variables: this.data.variables,
+      })
+    })
+  },
+  unmounted() {
+    closeTinaConnection({ query: this.data.query })
+  },
+  methods: {
+    async fetchPost() {
+      this.loading = true
+      this.data = await client.queries.post({
+        relativePath: 'hello-tinacms.md',
+      })
+    },
+  },
+})
+</script>

package/packages/storefront/src/lib/composables/use-pitch-bar.ts

@@ -1,5 +1,7 @@
+import type { CmsLayout } from '@@sf/cms';
 import { computed } from 'vue';
 import { parseShippingPhrase } from '@@sf/state/modules-info';
+import { useCMSPreview } from '@@sf/state/use-cms-preview';
 
 export interface Props {
   slides: Array<{
@@ -9,10 +11,27 @@ export interface Props {
   }>;
 }
 
+const parseLayoutContent = (layoutContent: CmsLayout) => {
+  const pitchBar: Props = { slides: [] };
+  if (layoutContent.header?.pitch_bar) {
+    pitchBar.slides = layoutContent.header.pitch_bar;
+  }
+  return pitchBar;
+};
+
 const usePitchBar = (props: Props) => {
+  const { liveContent } = useCMSPreview(async (tinaClient) => {
+    return tinaClient.queries.layout({ relativePath: 'layout.json' });
+  });
   const parsedContents = computed(() => {
-    return props.slides.map(({ html }) => {
-      return parseShippingPhrase(html).value;
+    const slides = liveContent.layout
+      // @ts-ignore
+      ? parseLayoutContent(liveContent.layout).slides
+      : props.slides;
+    return slides.map(({ html }) => {
+      return parseShippingPhrase(html).value
+        .replace(/<\/?p>/g, '')
+        .replace(/&lt;(\/?d-md)&gt;/g, '<$1>');
     });
   });
   const countValidSlides = computed(() => {
@@ -25,3 +44,8 @@ const usePitchBar = (props: Props) => {
 };
 
 export default usePitchBar;
+
+export {
+  parseLayoutContent,
+  usePitchBar,
+};

package/packages/storefront/src/lib/layouts/BaseStateJson.astro

@@ -17,6 +17,7 @@ const {
     currencySymbol,
     domain,
     settings,
+    isPreview,
   },
 } = Astro.props as Props;
 
@@ -56,6 +57,10 @@ window.storefront.context = ${JSON.stringify({
   timestamp: Date.now(),
 })};`;
 }
+if (isPreview) {
+  inlineClientJS += `
+window.isCMSPreview = true;`;
+}
 
 const inlineJSONLd = JSON.stringify({
   '@context': 'http://schema.org',

package/packages/storefront/src/lib/layouts/use-page-layout.ts

@@ -1,7 +1,7 @@
 import type { PageContext } from '@@sf/ssr-context';
 import type { CmsLayout } from '@@sf/cms';
-import type { Props as PitchBarProps } from '@@sf/composables/use-pitch-bar';
 import type { Props as UseShopHeaderProps } from '@@sf/composables/use-shop-header';
+import { parseLayoutContent } from '@@sf/composables/use-pitch-bar';
 
 type ShopHeaderProps = Omit<UseShopHeaderProps, 'header'> & {
   serviceLinks?: CmsLayout['service_links'],
@@ -13,14 +13,12 @@ export interface Props {
 
 const usePageLayout = async ({ pageContext }: Props) => {
   const { apiState, cms } = pageContext;
+  const cmsLayout = await cms('layout');
   const {
     header: cmsHeader,
     service_links: cmsServiceLinks,
-  } = await cms('layout');
-  const pitchBar: PitchBarProps = { slides: [] };
-  if (cmsHeader?.pitch_bar) {
-    pitchBar.slides = cmsHeader.pitch_bar;
-  }
+  } = cmsLayout;
+  const pitchBar = parseLayoutContent(cmsLayout);
   const shopHeader: ShopHeaderProps = {
     categories: apiState.categories || [],
     menuCategorySlugs: cmsHeader.inline_menu_categories?.featured,
@@ -38,4 +36,4 @@ export default usePageLayout;
 
 export { usePageLayout };
 
-export type { PitchBarProps, ShopHeaderProps };
+export type { ShopHeaderProps };

package/packages/storefront/src/lib/ssr-context.ts

@@ -57,7 +57,11 @@ const loadPageContext = async (Astro: Readonly<AstroGlobal>, {
   apiPrefetchEndpoints?: ApiPrefetchEndpoints;
 } = {}) => {
   const startedAt = Date.now();
-  const urlPath = Astro.url.pathname;
+  let urlPath = Astro.url.pathname;
+  const isPreview = urlPath.startsWith('/~preview');
+  if (isPreview) {
+    urlPath = urlPath.replace('/~preview', '');
+  }
   const isHomepage = urlPath === '/';
   const config = getConfig();
   globalThis.storefront.settings = config.settings;
@@ -150,6 +154,7 @@ const loadPageContext = async (Astro: Readonly<AstroGlobal>, {
     apiDoc,
     apiState,
     getContent: config.cms,
+    isPreview,
   };
   emitter.emit('load', pageContext);
   return pageContext;

package/packages/storefront/src/lib/state/use-cms-preview.ts

@@ -0,0 +1,101 @@
+import { shallowReactive } from 'vue';
+
+type TinaClient = typeof import('~/../tina/__generated__/client')['client'];
+
+function getTinaUpdates<T extends object>({
+  data,
+  query,
+  variables,
+  cb,
+}: {
+  query: string,
+  variables: object,
+  data: T,
+  cb: (newData: T) => void,
+}) {
+  if (!import.meta.env.SSR) {
+    const id = btoa(JSON.stringify({ query }));
+    window.parent.postMessage(
+      JSON.parse(JSON.stringify({
+        type: 'open',
+        data,
+        query,
+        variables,
+        id,
+      })),
+      window.location.origin,
+    );
+    window.addEventListener('message', (event) => {
+      if (event.data.id === id) {
+        cb(event.data.data);
+      }
+    });
+  }
+}
+
+const closeTinaConnection = ({
+  query,
+  id,
+}: {
+  query: string
+  id?: string
+}) => {
+  if (!import.meta.env.SSR) {
+    window.parent.postMessage(
+      { type: 'close', id: id || btoa(JSON.stringify({ query })) },
+      window.location.origin,
+    );
+  }
+};
+
+const useCMSPreview = <T extends {
+  data: Record<string, any>,
+  variables: Record<string, any>,
+  query: string,
+}>(fetchData: (client: TinaClient) => Promise<T>) => {
+  const liveContent = shallowReactive<T['data']>({});
+  if (!import.meta.env.SSR && window.isCMSPreview) {
+    import('react-dom/server').then(async ({ default: ReactDOMServer }) => {
+      const { TinaMarkdown } = await import('tinacms/dist/rich-text');
+      const deepParseData = (data: Record<string, any>) => {
+        Object.keys(data).forEach((field) => {
+          if (typeof data[field] === 'object' && data[field]) {
+            if (Array.isArray(data[field])) {
+              data[field].forEach((nested: any) => deepParseData(nested));
+            } if (data[field].type === 'root' && Array.isArray(data[field].children)) {
+              data[field] = ReactDOMServer.renderToString(TinaMarkdown({
+                content: data[field],
+              }));
+            } else {
+              deepParseData(data[field]);
+            }
+          }
+        });
+        return data;
+      };
+      // eslint-disable-next-line import/extensions
+      const { client } = await import('~/../tina/__generated__/client');
+      const data = await fetchData(client);
+      getTinaUpdates({
+        cb: (newData) => {
+          Object.assign(liveContent, deepParseData(newData));
+        },
+        data: data.data,
+        query: data.query,
+        variables: data.variables,
+      });
+      window.addEventListener('beforeunload', () => {
+        closeTinaConnection({ query: data.query });
+      }, { capture: true });
+    });
+  }
+  return { liveContent };
+};
+
+export default useCMSPreview;
+
+export {
+  useCMSPreview,
+  getTinaUpdates,
+  closeTinaConnection,
+};

package/packages/storefront/storefront.config.mjs

@@ -25,9 +25,17 @@ export default () => {
       const mergeConfig = JSON.parse(readFileSync(configFilepath), 'utf8');
       if (mergeConfig.storeId) {
         storeId = mergeConfig.storeId;
-        config.set({ storeId });
       }
-    } catch { /* */ }
+    } catch {
+      //
+    }
+    if (!storeId && import.meta.env.DEV === true) {
+      storeId = 1011;
+      console.warn('> `storeId` is not set, using fallback 1011 for dev only\n');
+    }
+    if (storeId) {
+      config.set({ storeId });
+    }
   }
   const {
     lang,

package/packages/types/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/types",
   "type": "module",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "E-Com Plus Cloud Commerce reusable type definitions",
   "main": "index.ts",
   "repository": {

package/packages/storefront/dist/client/_astro/HeroSlider.276b893c.js

@@ -1 +0,0 @@
-import{v as b}from"./runtime-dom.esm-bundler.1fd80976.js";import{p as u}from"./modules-info.2a72e536.js";import{c as f,_ as v,d as g,a as o,e as d,w as p,o as s,f as y,b as n,F as w,r as C,n as _,q as S,g as k,h as H,v as T,u as m,i as h}from"./_plugin-vue_export-helper.0c2b7f88.js";import{C as B,a as N}from"./Carousel.ef27cf12.js";import"./session-utm.ac492493.js";import"./idle-callback.889bf0ea.js";import"./format-money.f09b89ed.js";import"./index.9018a8da.js";const V=a=>({parsedSlides:f(()=>a.slides.map(e=>{const r=e.title?u(e.title).value:"",l=e.subtitle?u(e.subtitle).value:"",x=e.buttonText?u(e.buttonText).value:"";return{...e,hasHeader:!!(r||l||x)}}))}),D=g({__name:"HeroSlider",props:{autoplay:null,slides:null},setup(a,{expose:i}){i();const e=a,{parsedSlides:r}=V(e),l={props:e,parsedSlides:r,Carousel:B,CarouselControl:N};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}}),z={class:"relative mx-auto"},F=["href"],L={key:0,class:"basis-1/2 grow-0 p-12 xl:ps-32 mb-3 md:mb-0"},P={key:0,class:"text-lg mt-4 md:mt-6"},j=["href"],q={class:"absolute z-10 top-1/2 -mt-8 w-screen xl:max-w-screen-xl xl:left-1/2 -ms-[640px] text-3xl leading-none text-base-400 opacity-60"},E={class:"relative"};function O(a,i,e,r,l,x){return s(),o("section",z,[d(r.Carousel,{autoplay:e.autoplay},{controls:p(()=>[y(n("div",q,[n("div",E,[d(r.CarouselControl,{direction:-1,class:"p-3 rounded-full hover:bg-white/40 hover:text-primary"}),d(r.CarouselControl,{class:"p-3 rounded-full hover:bg-white/40 hover:text-primary"})])],512),[[b,r.parsedSlides.length>1]])]),default:p(()=>[(s(!0),o(w,null,C(r.parsedSlides,(t,c)=>(s(),o("li",{key:c,class:"shrink-0 basis-full h-full secondary"},[n("div",{class:_(["w-screen max-w-screen-2xl mx-auto overflow-x-hidden",t.hasHeader?"grid grid-cols-1 md:grid-cols-2 items-center":null])},[n("a",{href:t.href,class:_(t.hasHeader?"basis-1/2 grow-0 md:order-last":null)},[S(a.$slots,`picture-${c}`)],10,F),t.hasHeader?(s(),o("div",L,[(s(),k(H(c===0?"h2":"h3"),{class:"mt-1 text-3xl xl:text-5xl font-black"},{default:p(()=>[T(m(t.title),1)]),_:2},1024)),t.subtitle?(s(),o("p",P,m(t.subtitle),1)):h("",!0),t.buttonText?(s(),o("a",{key:1,href:t.buttonLink,class:"not-prose inline-block min-w-[150px] mt-7 md:mt-10 bg-white text-primary text-lg font-bold px-6 py-2.5 rounded hover:bg-primary-100 active:ring-3 ring-white/30"},m(t.buttonText),9,j)):h("",!0)])):h("",!0)],2)]))),128))]),_:3},8,["autoplay"])])}const U=v(D,[["render",O]]);export{U as default};

package/packages/storefront/dist/client/_astro/PitchBar.ff1445b5.js

@@ -1 +0,0 @@
-import{v as _}from"./runtime-dom.esm-bundler.1fd80976.js";import{p as h}from"./modules-info.2a72e536.js";import{c as u,_ as f,d as C,a as n,b as m,e as c,w as d,o as r,f as b,F as v,r as x,g,h as k,n as S,i as y}from"./_plugin-vue_export-helper.0c2b7f88.js";import{C as B,a as V}from"./Carousel.ef27cf12.js";import"./session-utm.ac492493.js";import"./idle-callback.889bf0ea.js";import"./format-money.f09b89ed.js";import"./index.9018a8da.js";const w=a=>{const s=u(()=>a.slides.map(({html:e})=>h(e).value)),t=u(()=>s.value.filter(e=>e).length);return{parsedContents:s,countValidSlides:t}},P=C({__name:"PitchBar",props:{slides:null},setup(a,{expose:s}){s();const t=a,{parsedContents:e,countValidSlides:p}=w(t),l={props:t,parsedContents:e,countValidSlides:p,Carousel:B,CarouselControl:V};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}}),L={class:"bg-base-100 relative z-20"},N={class:"container md:w-2/3 mx-auto px-3 py-1"},z=["innerHTML"],D={class:"text-xl leading-none text-base-400"};function F(a,s,t,e,p,l){return r(),n("div",L,[m("div",N,[c(e.Carousel,{autoplay:e.countValidSlides>1?7e3:void 0},{controls:d(()=>[b(m("div",D,[c(e.CarouselControl,{direction:-1,class:"pr-2 bg-base-100 hover:text-base-700"}),c(e.CarouselControl,{class:"pl-2 bg-base-100 hover:text-base-700"})],512),[[_,e.countValidSlides>1]])]),default:d(()=>[(r(!0),n(v,null,x(t.slides,(o,i)=>(r(),n("li",{key:i,class:"shrink-0 basis-full h-full text-center"},[(r(),g(k(o.href?"ALink":"span"),{href:o.href,target:o.target,class:S(["inline-block px-8",o.href?"hover:underline":null])},{default:d(()=>[e.parsedContents[i]?(r(),n("span",{key:0,innerHTML:e.parsedContents[i],class:"prose text-sm text-base-800"},null,8,z)):y("",!0)]),_:2},1032,["href","target","class"]))]))),128))]),_:1},8,["autoplay"])])])}const G=f(P,[["render",F]]);export{G as default};

package/packages/storefront/dist/client/_astro/runtime-dom.esm-bundler.1fd80976.js

@@ -1 +0,0 @@
-import{R as tt,U as L,V as mt,W as gt,y as vt,X as et,Y as O,Z as ht,$ as Ct,a0 as D,a1 as bt,a2 as St,a3 as nt,a4 as Et,a5 as At,a6 as Tt,a7 as st,a8 as Nt}from"./_plugin-vue_export-helper.0c2b7f88.js";const _t="http://www.w3.org/2000/svg",S=typeof document<"u"?document:null,K=S&&S.createElement("template"),Lt={insert:(t,e,n)=>{e.insertBefore(t,n||null)},remove:t=>{const e=t.parentNode;e&&e.removeChild(t)},createElement:(t,e,n,s)=>{const r=e?S.createElementNS(_t,t):S.createElement(t,n?{is:n}:void 0);return t==="select"&&s&&s.multiple!=null&&r.setAttribute("multiple",s.multiple),r},createText:t=>S.createTextNode(t),createComment:t=>S.createComment(t),setText:(t,e)=>{t.nodeValue=e},setElementText:(t,e)=>{t.textContent=e},parentNode:t=>t.parentNode,nextSibling:t=>t.nextSibling,querySelector:t=>S.querySelector(t),setScopeId(t,e){t.setAttribute(e,"")},insertStaticContent(t,e,n,s,r,i){const a=n?n.previousSibling:e.lastChild;if(r&&(r===i||r.nextSibling))for(;e.insertBefore(r.cloneNode(!0),n),!(r===i||!(r=r.nextSibling)););else{K.innerHTML=s?`<svg>${t}</svg>`:t;const f=K.content;if(s){const c=f.firstChild;for(;c.firstChild;)f.appendChild(c.firstChild);f.removeChild(c)}e.insertBefore(f,n)}return[a?a.nextSibling:e.firstChild,n?n.previousSibling:e.lastChild]}};function Dt(t,e,n){const s=t._vtc;s&&(e=(e?[e,...s]:[...s]).join(" ")),e==null?t.removeAttribute("class"):n?t.setAttribute("class",e):t.className=e}function wt(t,e,n){const s=t.style,r=L(n);if(n&&!r){if(e&&!L(e))for(const i in e)n[i]==null&&$(s,i,"");for(const i in n)$(s,i,n[i])}else{const i=s.display;r?e!==n&&(s.cssText=n):e&&t.removeAttribute("style"),"_vod"in t&&(s.display=i)}}const W=/\s*!important$/;function $(t,e,n){if(D(n))n.forEach(s=>$(t,e,s));else if(n==null&&(n=""),e.startsWith("--"))t.setProperty(e,n);else{const s=It(t,e);W.test(n)?t.setProperty(nt(s),n.replace(W,""),"important"):t[s]=n}}const j=["Webkit","Moz","ms"],I={};function It(t,e){const n=I[e];if(n)return n;let s=Et(e);if(s!=="filter"&&s in t)return I[e]=s;s=At(s);for(let r=0;r<j.length;r++){const i=j[r]+s;if(i in t)return I[e]=i}return e}const U="http://www.w3.org/1999/xlink";function Mt(t,e,n,s,r){if(s&&e.startsWith("xlink:"))n==null?t.removeAttributeNS(U,e.slice(6,e.length)):t.setAttributeNS(U,e,n);else{const i=Tt(e);n==null||i&&!st(n)?t.removeAttribute(e):t.setAttribute(e,i?"":n)}}function Pt(t,e,n,s,r,i,a){if(e==="innerHTML"||e==="textContent"){s&&a(s,r,i),t[e]=n??"";return}if(e==="value"&&t.tagName!=="PROGRESS"&&!t.tagName.includes("-")){t._value=n;const c=n??"";(t.value!==c||t.tagName==="OPTION")&&(t.value=c),n==null&&t.removeAttribute(e);return}let f=!1;if(n===""||n==null){const c=typeof t[e];c==="boolean"?n=st(n):n==null&&c==="string"?(n="",f=!0):c==="number"&&(n=0,f=!0)}try{t[e]=n}catch{}f&&t.removeAttribute(e)}function $t(t,e,n,s){t.addEventListener(e,n,s)}function Ot(t,e,n,s){t.removeEventListener(e,n,s)}function Rt(t,e,n,s,r=null){const i=t._vei||(t._vei={}),a=i[e];if(s&&a)a.value=s;else{const[f,c]=xt(e);if(s){const p=i[e]=Ft(s,r);$t(t,f,p,c)}else a&&(Ot(t,f,a,c),i[e]=void 0)}}const X=/(?:Once|Passive|Capture)$/;function xt(t){let e;if(X.test(t)){e={};let s;for(;s=t.match(X);)t=t.slice(0,t.length-s[0].length),e[s[0].toLowerCase()]=!0}return[t[2]===":"?t.slice(3):nt(t.slice(2)),e]}let M=0;const Bt=Promise.resolve(),Ht=()=>M||(Bt.then(()=>M=0),M=Date.now());function Ft(t,e){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;Nt(yt(s,n.value),e,5,[s])};return n.value=t,n.attached=Ht(),n}function yt(t,e){if(D(e)){const n=t.stopImmediatePropagation;return t.stopImmediatePropagation=()=>{n.call(t),t._stopped=!0},e.map(s=>r=>!r._stopped&&s&&s(r))}else return e}const G=/^on[a-z]/,zt=(t,e,n,s,r=!1,i,a,f,c)=>{e==="class"?Dt(t,s,r):e==="style"?wt(t,n,s):bt(e)?St(e)||Rt(t,e,n,s,a):(e[0]==="."?(e=e.slice(1),!0):e[0]==="^"?(e=e.slice(1),!1):qt(t,e,s,r))?Pt(t,e,s,i,a,f,c):(e==="true-value"?t._trueValue=s:e==="false-value"&&(t._falseValue=s),Mt(t,e,s,r))};function qt(t,e,n,s){return s?!!(e==="innerHTML"||e==="textContent"||e in t&&G.test(e)&&tt(n)):e==="spellcheck"||e==="draggable"||e==="translate"||e==="form"||e==="list"&&t.tagName==="INPUT"||e==="type"&&t.tagName==="TEXTAREA"||G.test(e)&&L(n)?!1:e in t}const g="transition",T="animation",rt=(t,{slots:e})=>vt(et,Kt(t),e);rt.displayName="Transition";const it={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};rt.props=O({},et.props,it);const C=(t,e=[])=>{D(t)?t.forEach(n=>n(...e)):t&&t(...e)},Y=t=>t?D(t)?t.some(e=>e.length>1):t.length>1:!1;function Kt(t){const e={};for(const o in t)o in it||(e[o]=t[o]);if(t.css===!1)return e;const{name:n="v",type:s,duration:r,enterFromClass:i=`${n}-enter-from`,enterActiveClass:a=`${n}-enter-active`,enterToClass:f=`${n}-enter-to`,appearFromClass:c=i,appearActiveClass:p=a,appearToClass:l=f,leaveFromClass:d=`${n}-leave-from`,leaveActiveClass:m=`${n}-leave-active`,leaveToClass:E=`${n}-leave-to`}=t,A=Wt(r),ct=A&&A[0],ft=A&&A[1],{onBeforeEnter:R,onEnter:x,onEnterCancelled:B,onLeave:H,onLeaveCancelled:lt,onBeforeAppear:ut=R,onAppear:pt=x,onAppearCancelled:dt=B}=e,w=(o,u,h)=>{b(o,u?l:f),b(o,u?p:a),h&&h()},F=(o,u)=>{o._isLeaving=!1,b(o,d),b(o,E),b(o,m),u&&u()},y=o=>(u,h)=>{const z=o?pt:x,q=()=>w(u,o,h);C(z,[u,q]),Z(()=>{b(u,o?c:i),v(u,o?l:f),Y(z)||J(u,s,ct,q)})};return O(e,{onBeforeEnter(o){C(R,[o]),v(o,i),v(o,a)},onBeforeAppear(o){C(ut,[o]),v(o,c),v(o,p)},onEnter:y(!1),onAppear:y(!0),onLeave(o,u){o._isLeaving=!0;const h=()=>F(o,u);v(o,d),Xt(),v(o,m),Z(()=>{o._isLeaving&&(b(o,d),v(o,E),Y(H)||J(o,s,ft,h))}),C(H,[o,h])},onEnterCancelled(o){w(o,!1),C(B,[o])},onAppearCancelled(o){w(o,!0),C(dt,[o])},onLeaveCancelled(o){F(o),C(lt,[o])}})}function Wt(t){if(t==null)return null;if(ht(t))return[P(t.enter),P(t.leave)];{const e=P(t);return[e,e]}}function P(t){return Ct(t)}function v(t,e){e.split(/\s+/).forEach(n=>n&&t.classList.add(n)),(t._vtc||(t._vtc=new Set)).add(e)}function b(t,e){e.split(/\s+/).forEach(s=>s&&t.classList.remove(s));const{_vtc:n}=t;n&&(n.delete(e),n.size||(t._vtc=void 0))}function Z(t){requestAnimationFrame(()=>{requestAnimationFrame(t)})}let jt=0;function J(t,e,n,s){const r=t._endId=++jt,i=()=>{r===t._endId&&s()};if(n)return setTimeout(i,n);const{type:a,timeout:f,propCount:c}=Ut(t,e);if(!a)return s();const p=a+"end";let l=0;const d=()=>{t.removeEventListener(p,m),i()},m=E=>{E.target===t&&++l>=c&&d()};setTimeout(()=>{l<c&&d()},f+1),t.addEventListener(p,m)}function Ut(t,e){const n=window.getComputedStyle(t),s=A=>(n[A]||"").split(", "),r=s(`${g}Delay`),i=s(`${g}Duration`),a=Q(r,i),f=s(`${T}Delay`),c=s(`${T}Duration`),p=Q(f,c);let l=null,d=0,m=0;e===g?a>0&&(l=g,d=a,m=i.length):e===T?p>0&&(l=T,d=p,m=c.length):(d=Math.max(a,p),l=d>0?a>p?g:T:null,m=l?l===g?i.length:c.length:0);const E=l===g&&/\b(transform|all)(,|$)/.test(s(`${g}Property`).toString());return{type:l,timeout:d,propCount:m,hasTransform:E}}function Q(t,e){for(;t.length<e.length;)t=t.concat(t);return Math.max(...e.map((n,s)=>V(n)+V(t[s])))}function V(t){return Number(t.slice(0,-1).replace(",","."))*1e3}function Xt(){return document.body.offsetHeight}const Gt=["ctrl","shift","alt","meta"],Yt={stop:t=>t.stopPropagation(),prevent:t=>t.preventDefault(),self:t=>t.target!==t.currentTarget,ctrl:t=>!t.ctrlKey,shift:t=>!t.shiftKey,alt:t=>!t.altKey,meta:t=>!t.metaKey,left:t=>"button"in t&&t.button!==0,middle:t=>"button"in t&&t.button!==1,right:t=>"button"in t&&t.button!==2,exact:(t,e)=>Gt.some(n=>t[`${n}Key`]&&!e.includes(n))},Vt=(t,e)=>(n,...s)=>{for(let r=0;r<e.length;r++){const i=Yt[e[r]];if(i&&i(n,e))return}return t(n,...s)},kt={beforeMount(t,{value:e},{transition:n}){t._vod=t.style.display==="none"?"":t.style.display,n&&e?n.beforeEnter(t):N(t,e)},mounted(t,{value:e},{transition:n}){n&&e&&n.enter(t)},updated(t,{value:e,oldValue:n},{transition:s}){!e!=!n&&(s?e?(s.beforeEnter(t),N(t,!0),s.enter(t)):s.leave(t,()=>{N(t,!1)}):N(t,e))},beforeUnmount(t,{value:e}){N(t,e)}};function N(t,e){t.style.display=e?t._vod:"none"}const ot=O({patchProp:zt},Lt);let _,k=!1;function Zt(){return _||(_=mt(ot))}function Jt(){return _=k?_:gt(ot),k=!0,_}const te=(...t)=>{const e=Zt().createApp(...t),{mount:n}=e;return e.mount=s=>{const r=at(s);if(!r)return;const i=e._component;!tt(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.innerHTML="";const a=n(r,!1,r instanceof SVGElement);return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),a},e},ee=(...t)=>{const e=Jt().createApp(...t),{mount:n}=e;return e.mount=s=>{const r=at(s);if(r)return n(r,!0,r instanceof SVGElement)},e};function at(t){return L(t)?document.querySelector(t):t}export{rt as T,ee as a,te as c,kt as v,Vt as w};

package/packages/storefront/dist/client/admin/config.json

@@ -1 +0,0 @@
-{}