@uniformdev/canvas-vue 18.1.1-alpha.11 → 18.1.2-alpha.4

package/dist/index.mjs

@@ -1,24 +1,84 @@
-// src/components/Composition.ts
-import { CANVAS_ENRICHMENT_TAG_PARAM } from "@uniformdev/canvas";
+// src/components/DefaultNotImplementedComponent.ts
+import { CANVAS_LOCALIZATION_TYPE } from "@uniformdev/canvas";
+import { defineComponent, h } from "vue-demi";
+var wrapperStyles = {
+  borderLeft: "4px solid #e42535",
+  padding: "16px",
+  fontSize: "16px",
+  borderRadius: "0 8px 8px 0",
+  margin: "8px",
+  backgroundColor: "rgba(255, 255, 255, 0.45)",
+  color: "#1d3557"
+};
+var DefaultNotImplementedComponent = defineComponent({
+  name: "DefaultNotImplementedComponent",
+  props: {
+    component: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props, { attrs }) {
+    var _a;
+    const componentType = (_a = props.component) == null ? void 0 : _a.type;
+    if (componentType === CANVAS_LOCALIZATION_TYPE) {
+      h("div", { key: "content", style: wrapperStyles }, [
+        h("p", [
+          `Seems like localization is not enabled in your application. Please read our documentation on how to `,
+          h(
+            "a",
+            {
+              href: "https://docs.uniform.app/guides/composition/localization#activate-front-end",
+              target: "_blank",
+              style: { fontWeight: "bolder", textDecoration: "underline" }
+            },
+            "enable localization in your front-end application."
+          )
+        ])
+      ]);
+    }
+    return () => h("div", { key: "content", style: wrapperStyles }, [
+      h("h2", {}, `Component: ${componentType}`),
+      h("p", [
+        h("strong", `${componentType} has no Vue implementation. It may need to be added to your `),
+        h("code", {}, "resolveRenderer()"),
+        h("strong", {}, " function.")
+      ]),
+      h("details", {}, [
+        h("summary", {}, "props/attributes"),
+        h(
+          "pre",
+          {
+            style: {
+              overflowX: "auto"
+            }
+          },
+          `${JSON.stringify(attrs)}`
+        )
+      ])
+    ]);
+  }
+});
+
+// src/components/UniformComponent.ts
+import {
+  CANVAS_ENRICHMENT_TAG_PARAM
+} from "@uniformdev/canvas";
 import { isUsingUniformContext, Track, TrackSlot } from "@uniformdev/context-vue";
 import {
   computed,
-  defineComponent,
-  h,
+  defineComponent as defineComponent2,
+  h as h2,
   inject,
   provide,
   resolveComponent as nativeResolveComponent
 } from "vue-demi";
-
-// src/utils/constants.ts
-var CANVAS_COMPOSITION_TYPE = "Composition";
-var CANVAS_SLOT_CONTENT_TYPE = "SlotContent";
-var compositionInjectionKey = "uniformComposition";
-var resolveRendererInjectionKey = "uniformResolveRenderer";
-
-// src/components/Composition.ts
-var Composition = defineComponent({
-  name: CANVAS_COMPOSITION_TYPE,
+var uniformCurrentComponentInjectionKey = "uniformCurrentComponent";
+var useUniformCurrentComponent = () => {
+  return inject(uniformCurrentComponentInjectionKey, {});
+};
+var UniformComponent = defineComponent2({
+  name: "UniformComponent",
   inheritAttrs: false,
   props: {
     data: {
@@ -26,8 +86,7 @@ var Composition = defineComponent({
       required: true
     },
     resolveRenderer: {
-      type: Function,
-      default: () => ({ type }) => nativeResolveComponent(type)
+      type: Function
     },
     behaviorTracking: {
       type: String,
@@ -35,14 +94,27 @@ var Composition = defineComponent({
     }
   },
   setup(props, context) {
-    var _a, _b, _c;
+    var _a, _b;
+    const parentComponent = useUniformCurrentComponent();
     const data = computed(() => {
-      var _a2, _b2;
-      return (_b2 = props.data) != null ? _b2 : (_a2 = inject(compositionInjectionKey)) == null ? void 0 : _a2.value;
+      var _a2;
+      return (_a2 = props.data) != null ? _a2 : parentComponent == null ? void 0 : parentComponent.data;
+    });
+    if (!data) {
+      if (process.env.NODE_ENV === "development") {
+        console.warn(`[canvas-dev] UniformComponent was rendered with no data, nothing will be output.`);
+      }
+      return null;
+    }
+    const currentComponent = computed(() => {
+      var _a2, _b2, _c, _d;
+      return {
+        data: data.value,
+        resolveRenderer: (_b2 = (_a2 = props.resolveRenderer) != null ? _a2 : parentComponent == null ? void 0 : parentComponent.resolveRenderer) != null ? _b2 : ({ type }) => nativeResolveComponent(type),
+        behaviorTracking: (_d = (_c = props.behaviorTracking) != null ? _c : parentComponent == null ? void 0 : parentComponent.behaviorTracking) != null ? _d : "onView"
+      };
     });
-    const resolveRenderer = (_a = props.resolveRenderer) != null ? _a : inject(resolveRendererInjectionKey);
-    provide(compositionInjectionKey, data);
-    provide(resolveRendererInjectionKey, resolveRenderer);
+    provide(uniformCurrentComponentInjectionKey, currentComponent.value);
     const slots = computed(() => {
       var _a2, _b2;
       return (_b2 = (_a2 = data.value) == null ? void 0 : _a2.slots) != null ? _b2 : {};
@@ -54,7 +126,7 @@ var Composition = defineComponent({
     const componentKey = computed(() => {
       return JSON.stringify(data.value);
     });
-    const enrichmentTags = (_c = (_b = data.value.parameters) == null ? void 0 : _b[CANVAS_ENRICHMENT_TAG_PARAM]) == null ? void 0 : _c.value;
+    const enrichmentTags = (_b = (_a = data.value.parameters) == null ? void 0 : _a[CANVAS_ENRICHMENT_TAG_PARAM]) == null ? void 0 : _b.value;
     const renderChildren = () => {
       var _a2, _b2;
       return (_b2 = (_a2 = context.slots).default) == null ? void 0 : _b2.call(_a2, {
@@ -64,7 +136,7 @@ var Composition = defineComponent({
     };
     if (isUsingUniformContext()) {
       const TrackComponent = props.behaviorTracking === "onLoad" ? TrackSlot : Track;
-      return () => h(
+      return () => h2(
         TrackComponent,
         { behavior: enrichmentTags, key: componentKey.value },
         renderChildren
@@ -73,70 +145,165 @@ var Composition = defineComponent({
     return renderChildren;
   }
 });
+var UniformComponent_default = UniformComponent;
 
-// src/components/DefaultNotImplementedComponent.ts
-import { CANVAS_LOCALIZATION_TYPE } from "@uniformdev/canvas";
-import { defineComponent as defineComponent2, h as h2 } from "vue-demi";
-var wrapperStyles = {
-  borderLeft: "4px solid #e42535",
-  padding: "16px",
-  fontSize: "16px",
-  borderRadius: "0 8px 8px 0",
-  margin: "8px",
-  backgroundColor: "rgba(255, 255, 255, 0.45)",
-  color: "#1d3557"
+// src/components/UniformComposition.ts
+import {
+  computed as computed3,
+  defineComponent as defineComponent3,
+  h as h3,
+  inject as inject2,
+  provide as provide2
+} from "vue-demi";
+
+// src/composables/useUniformContextualEditing.ts
+import {
+  createCanvasChannel,
+  createUniformApiEnhancer,
+  IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID,
+  IN_CONTEXT_EDITOR_QUERY_STRING_PARAM,
+  isUpdateCompositionMessage
+} from "@uniformdev/canvas";
+import { computed as computed2, onMounted, ref, watch } from "vue-demi";
+var createApiEnhancer = createUniformApiEnhancer;
+var registeredCompositionIds = /* @__PURE__ */ new Set();
+var useUniformContextualEditing = ({
+  initialCompositionValue,
+  enhance = (message) => message.composition
+}) => {
+  const contextualComposition = ref();
+  const composition = computed2(() => {
+    var _a;
+    return (_a = contextualComposition.value) != null ? _a : initialCompositionValue;
+  });
+  const channel = computed2(() => {
+    var _a;
+    if (!isInContextEditingMode()) {
+      return;
+    }
+    const channel2 = createCanvasChannel({
+      broadcastTo: [(_a = window.opener) != null ? _a : window.top],
+      listenTo: [window]
+    });
+    return channel2;
+  });
+  watch(
+    [channel, () => enhance, () => initialCompositionValue == null ? void 0 : initialCompositionValue._id],
+    () => {
+      if (!channel.value || registeredCompositionIds.has(initialCompositionValue._id)) {
+        return;
+      }
+      const unsubscribe = channel.value.on("update-composition", async (message) => {
+        if (!isUpdateCompositionMessage(message)) {
+          return;
+        }
+        const enhancedComposition = await enhance(message);
+        contextualComposition.value = enhancedComposition;
+      });
+      registeredCompositionIds.add(initialCompositionValue._id);
+      return () => {
+        unsubscribe();
+        registeredCompositionIds.delete(initialCompositionValue._id);
+      };
+    },
+    { immediate: true }
+  );
+  onMounted(() => {
+    if (!isInContextEditingMode()) {
+      return;
+    }
+    const existingScript = document.getElementById(IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID);
+    if (existingScript) {
+      return;
+    }
+    const script = document.createElement("script");
+    script.id = IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID;
+    script.src = getCanvasInContextEmbedScriptUrl();
+    script.async = true;
+    document.head.appendChild(script);
+  });
+  return {
+    composition
+  };
 };
-var DefaultNotImplementedComponent = defineComponent2({
-  name: "DefaultNotImplementedComponent",
+function getCanvasInContextEmbedScriptUrl() {
+  const scriptUrl = `${window.document.referrer}files/canvas-in-context-embed/index.js`;
+  return scriptUrl;
+}
+function isInContextEditingMode() {
+  if (typeof window === "undefined") {
+    return false;
+  }
+  const isOpenedByInContextEditor = new URLSearchParams(window.location.search).has(
+    IN_CONTEXT_EDITOR_QUERY_STRING_PARAM
+  );
+  const isAllowlistedReferrer = Boolean(
+    window.document.referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//)
+  );
+  return isOpenedByInContextEditor && isAllowlistedReferrer;
+}
+
+// src/utils/constants.ts
+var globalCompositionEnhancerInjectionKey = "uniformGlobalCompositionEnhancer";
+
+// src/components/UniformComposition.ts
+var uniformCurrentCompositionInjectionKey = "uniformCurrentComposition";
+var useUniformCurrentComposition = () => {
+  return inject2(uniformCurrentCompositionInjectionKey, {});
+};
+var UniformComposition = defineComponent3({
+  name: "UniformComposition",
+  inheritAttrs: false,
   props: {
-    component: {
+    data: {
       type: Object,
       required: true
+    },
+    resolveRenderer: {
+      type: Function
+    },
+    behaviorTracking: {
+      type: String,
+      default: "onView"
+    },
+    contextualEditingEnhancer: {
+      type: Function
     }
   },
-  setup(props, { attrs }) {
+  setup(props, context) {
     var _a;
-    const componentType = (_a = props.component) == null ? void 0 : _a.type;
-    if (componentType === CANVAS_LOCALIZATION_TYPE) {
-      h2("div", { key: "content", style: wrapperStyles }, [
-        h2("p", [
-          `Seems like localization is not enabled in your application. Please read our documentation on how to `,
-          h2(
-            "a",
-            {
-              href: "https://docs.uniform.app/guides/composition/localization#activate-front-end",
-              target: "_blank",
-              style: { fontWeight: "bolder", textDecoration: "underline" }
-            },
-            "enable localization in your front-end application."
-          )
-        ])
-      ]);
-    }
-    return () => h2("div", { key: "content", style: wrapperStyles }, [
-      h2("h2", {}, `Component: ${componentType}`),
-      h2("p", [
-        h2("strong", `${componentType} has no Vue implementation. It may need to be added to your `),
-        h2("code", {}, "resolveRenderer()"),
-        h2("strong", {}, " function.")
-      ]),
-      h2("details", {}, [
-        h2("summary", {}, "props/attributes"),
-        h2(
-          "pre",
-          {
-            style: {
-              overflowX: "auto"
-            }
-          },
-          `${JSON.stringify(attrs)}`
-        )
-      ])
-    ]);
+    const inheritedEnhancer = inject2(
+      globalCompositionEnhancerInjectionKey,
+      (composition2) => composition2
+    );
+    const inheritedContextualEnhancer = (message) => inheritedEnhancer(message.composition);
+    const { composition } = useUniformContextualEditing({
+      initialCompositionValue: props.data,
+      enhance: (_a = props.contextualEditingEnhancer) != null ? _a : inheritedContextualEnhancer
+    });
+    provide2(uniformCurrentCompositionInjectionKey, {
+      data: composition,
+      behaviorTracking: props.behaviorTracking,
+      resolveRenderer: props.resolveRenderer
+    });
+    const compositionKey = computed3(() => {
+      return JSON.stringify(composition.value);
+    });
+    return () => h3(
+      UniformComponent_default,
+      {
+        key: compositionKey.value,
+        data: composition.value,
+        behaviorTracking: props.behaviorTracking,
+        resolveRenderer: props.resolveRenderer
+      },
+      context.slots.default
+    );
   }
 });
+var Composition = UniformComposition;
 
-// src/components/SlotContent.ts
+// src/components/UniformSlot.ts
 import {
   CANVAS_PERSONALIZE_TYPE,
   CANVAS_TEST_TYPE,
@@ -146,12 +313,7 @@ import {
   PLACEHOLDER_ID
 } from "@uniformdev/canvas";
 import { Personalize, Test } from "@uniformdev/context-vue";
-import {
-  computed as computed2,
-  defineComponent as defineComponent3,
-  h as h3,
-  inject as inject2
-} from "vue-demi";
+import { computed as computed4, defineComponent as defineComponent4, h as h4 } from "vue-demi";
 
 // src/utils/convertComponentToProps.ts
 function convertComponentToProps(component) {
@@ -175,9 +337,9 @@ function normalizePropName(name) {
   return name.replace("$", "");
 }
 
-// src/components/SlotContent.ts
-var SlotContent = defineComponent3({
-  name: CANVAS_SLOT_CONTENT_TYPE,
+// src/components/UniformSlot.ts
+var UniformSlot = defineComponent4({
+  name: "UniformSlot",
   inheritAttrs: false,
   props: {
     name: {
@@ -189,18 +351,18 @@ var SlotContent = defineComponent3({
   },
   setup(props, context) {
     var _a;
-    const componentData = inject2(compositionInjectionKey);
-    const resolveRenderer = (_a = props.resolveRenderer) != null ? _a : inject2(resolveRendererInjectionKey);
+    const { data: parentData, resolveRenderer: parentResolveRenderer } = useUniformCurrentComponent();
+    const resolveRenderer = (_a = props.resolveRenderer) != null ? _a : parentResolveRenderer;
     const emptyPlaceholder = context.slots.emptyPlaceholder;
-    if (!componentData || !resolveRenderer) {
-      throw new Error("<SlotContent /> can only be used inside a <Composition />");
+    if (!parentData || !resolveRenderer) {
+      throw new Error("<UniformSlot /> can only be used inside a <UniformComposition />");
     }
-    const slotItems = computed2(() => {
+    const slotItems = computed4(() => {
       var _a2, _b, _c;
       if (props.name) {
-        return (_b = (_a2 = componentData == null ? void 0 : componentData.value.slots) == null ? void 0 : _a2[props.name]) != null ? _b : [];
+        return (_b = (_a2 = parentData.slots) == null ? void 0 : _a2[props.name]) != null ? _b : [];
       }
-      return Object.values((_c = componentData == null ? void 0 : componentData.value.slots) != null ? _c : {}).flat();
+      return Object.values((_c = parentData.slots) != null ? _c : {}).flat();
     });
     const childrenToRender = slotItems.value.map((component, index) => {
       const child = renderComponent({
@@ -208,7 +370,7 @@ var SlotContent = defineComponent3({
         resolveRenderer,
         indexInSlot: index,
         slotName: props.name,
-        parentComponent: componentData.value,
+        parentComponent: parentData,
         slotChildrenCount: slotItems.value.length,
         emptyPlaceholder
       });
@@ -222,7 +384,7 @@ function renderPersonalizeComponent(component, resolveRenderer) {
   const parameters = component == null ? void 0 : component.parameters;
   const processedVariants = mapSlotToPersonalizedVariations((_a = component.slots) == null ? void 0 : _a.pz);
   const name = (_d = (_c = (_b = component.parameters) == null ? void 0 : _b.trackingEventName) == null ? void 0 : _c.value) != null ? _d : "Untitled Personalization";
-  return h3(Personalize, {
+  return h4(Personalize, {
     name,
     component: (variant) => resolveRenderer(variant),
     variations: processedVariants,
@@ -234,7 +396,7 @@ function renderTestComponent(component, resolveRenderer) {
   const variants = (_b = (_a = component == null ? void 0 : component.slots) == null ? void 0 : _a.test) != null ? _b : [];
   const testName = (_e = (_d = (_c = component == null ? void 0 : component.parameters) == null ? void 0 : _c.test) == null ? void 0 : _d.value) != null ? _e : "Untitled Test";
   const finalVariants = mapSlotToTestVariations(variants);
-  return h3(Test, {
+  return h4(Test, {
     variations: finalVariants,
     name: testName,
     component: (variant) => resolveRenderer(variant)
@@ -268,7 +430,7 @@ function renderComponent({
     const shouldRenderContextualEditingTags = Boolean(component._id);
     const isPlaceholder = component._id === PLACEHOLDER_ID;
     const elementsToRender = shouldRenderContextualEditingTags ? [
-      h3("script", {
+      h4("script", {
         "data-role": IN_CONTEXT_EDITOR_COMPONENT_START_ROLE,
         "data-parent-id": parentComponent == null ? void 0 : parentComponent._id,
         "data-parent-type": parentComponent == null ? void 0 : parentComponent.type,
@@ -280,17 +442,18 @@ function renderComponent({
         "data-is-placeholder": isPlaceholder ? "true" : void 0,
         "data-component-title": (_b = (_a = component.parameters) == null ? void 0 : _a.title) == null ? void 0 : _b.value
       }),
-      isPlaceholder && emptyPlaceholder !== void 0 ? emptyPlaceholder() : h3(resolvedComponent, props),
-      h3("script", { "data-role": "component-end" })
-    ] : [h3(resolvedComponent, props)];
-    return h3(Composition, { data: component, resolveRenderer }, () => elementsToRender);
+      isPlaceholder && emptyPlaceholder !== void 0 ? emptyPlaceholder() : h4(resolvedComponent, props),
+      h4("script", { "data-role": "component-end" })
+    ] : [h4(resolvedComponent, props)];
+    return h4(UniformComponent, { data: component, resolveRenderer }, () => elementsToRender);
   }
   console.warn(
     `[canvas] found component of type '${component.type}' which the 'resolveRenderer' prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,
     component
   );
-  return h3("");
+  return h4("");
 }
+var SlotContent = UniformSlot;
 
 // src/composables/useCompositionEventEffect.ts
 import {
@@ -298,7 +461,7 @@ import {
   createEventBus,
   subscribeToComposition
 } from "@uniformdev/canvas";
-import { watch } from "vue-demi";
+import { watch as watch2 } from "vue-demi";
 async function useCompositionEventEffect({
   enabled,
   projectId,
@@ -306,7 +469,7 @@ async function useCompositionEventEffect({
   effect
 }) {
   let unsubscribe;
-  watch(
+  watch2(
     [() => enabled, () => compositionIdRef.value, () => projectId],
     async () => {
       unsubscribe == null ? void 0 : unsubscribe();
@@ -328,113 +491,19 @@ async function useCompositionEventEffect({
     { immediate: true }
   );
 }
-
-// src/composables/useContextualEditing.ts
-import {
-  createCanvasChannel,
-  IN_CONTEXT_EDITOR_QUERY_STRING_PARAM,
-  isUpdateCompositionMessage
-} from "@uniformdev/canvas";
-import { computed as computed3, onMounted, ref, watch as watch2 } from "vue-demi";
-var previewScriptId = "uniform-canvas-preview-script";
-var createApiEnhancer = ({ apiUrl }) => {
-  return async (message) => {
-    const response = await fetch(apiUrl, {
-      method: "post",
-      body: JSON.stringify({
-        composition: message.composition,
-        hash: message.hash
-      }),
-      headers: {
-        "Content-Type": "application/json"
-      }
-    });
-    const json = await response.json();
-    if (!response.ok) {
-      throw new Error("Error reading enhanced composition");
-    }
-    const body = json;
-    return body.composition;
-  };
-};
-var useContextualEditing = ({
-  initialCompositionValue,
-  enhance = (message) => message.composition
-}) => {
-  const contextualComposition = ref();
-  const channel = computed3(() => {
-    var _a;
-    if (!isInContextEditingMode()) {
-      return;
-    }
-    const channel2 = createCanvasChannel({
-      broadcastTo: [(_a = window.opener) != null ? _a : window.top],
-      listenTo: [window]
-    });
-    return channel2;
-  });
-  watch2(
-    [channel, () => enhance],
-    () => {
-      if (!channel.value) {
-        return;
-      }
-      const unsubscribe = channel.value.on("update-composition", async (message) => {
-        if (isUpdateCompositionMessage(message)) {
-          const composition = await enhance(message);
-          contextualComposition.value = composition;
-        }
-      });
-      return () => {
-        unsubscribe();
-      };
-    },
-    { immediate: true }
-  );
-  onMounted(() => {
-    if (!isInContextEditingMode()) {
-      return;
-    }
-    const existingScript = document.getElementById(previewScriptId);
-    if (existingScript) {
-      return;
-    }
-    const script = document.createElement("script");
-    script.id = previewScriptId;
-    script.src = getCanvasInContextEmbedScriptUrl();
-    script.async = true;
-    document.head.appendChild(script);
-  });
-  return {
-    composition: contextualComposition != null ? contextualComposition : initialCompositionValue
-  };
-};
-function getCanvasInContextEmbedScriptUrl() {
-  const scriptUrl = `${window.document.referrer}files/canvas-in-context-embed/index.js`;
-  return scriptUrl;
-}
-function isInContextEditingMode() {
-  if (typeof window === "undefined") {
-    return false;
-  }
-  const isOpenedByInContextEditor = new URLSearchParams(window.location.search).has(
-    IN_CONTEXT_EDITOR_QUERY_STRING_PARAM
-  );
-  const isAllowlistedReferrer = Boolean(
-    window.document.referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//)
-  );
-  return isOpenedByInContextEditor && isAllowlistedReferrer;
-}
 export {
-  CANVAS_COMPOSITION_TYPE,
-  CANVAS_SLOT_CONTENT_TYPE,
   Composition,
   DefaultNotImplementedComponent,
   SlotContent,
-  compositionInjectionKey,
+  UniformComponent,
+  UniformComposition,
+  UniformSlot,
   convertComponentToProps,
   createApiEnhancer,
-  resolveRendererInjectionKey,
+  createUniformApiEnhancer,
+  globalCompositionEnhancerInjectionKey,
   useCompositionEventEffect,
-  useContextualEditing
+  useUniformContextualEditing,
+  useUniformCurrentComponent,
+  useUniformCurrentComposition
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-vue",
-  "version": "18.1.1-alpha.11+c81a052e2",
+  "version": "18.1.2-alpha.4+e9d268bce",
   "description": "Vue SDK for Uniform Canvas",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -22,7 +22,7 @@
     "format": "prettier --write \"src/**/*.{js,ts,tsx}\""
   },
   "dependencies": {
-    "@uniformdev/canvas": "18.1.1-alpha.11+c81a052e2",
+    "@uniformdev/canvas": "18.1.2-alpha.4+e9d268bce",
     "@vue/test-utils": "2.2.7",
     "vue-demi": "^0.13.11"
   },
@@ -39,7 +39,7 @@
   "devDependencies": {
     "@testing-library/vue": "6.6.1",
     "@types/uuid": "9.0.0",
-    "@uniformdev/context-vue": "18.1.1-alpha.11+c81a052e2",
+    "@uniformdev/context-vue": "18.1.2-alpha.4+e9d268bce",
     "@vue/server-test-utils": "1.3.0",
     "vue": "3.2.45",
     "vue-server-renderer": "2.7.14",
@@ -62,5 +62,5 @@
     "last 2 versions",
     "not dead"
   ],
-  "gitHead": "c81a052e2c13c6d3d786d7030f11a7724a52b2da"
+  "gitHead": "e9d268bcef28fc22632f4968ca988e3b0b92d146"
 }