@uniformdev/uniform-nuxt 19.47.0 → 19.47.1-alpha.11

package/dist/module.d.ts

@@ -35,6 +35,10 @@ interface UniformModuleOptions {
      * @default true
      */
     enableContextDevTools?: boolean;
+    /**
+     * The path to the playground page, to live preview components and patterns.
+     */
+    playgroundPath?: string;
 }
 declare const _default: _nuxt_schema.NuxtModule<UniformModuleOptions>;
 

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "nuxt-uniform",
   "configKey": "uniform",
-  "version": "19.47.0"
+  "version": "19.47.1-alpha.11+7b2a77395"
 }

package/dist/module.mjs

@@ -17,7 +17,8 @@ const module = defineNuxtModule({
     outputType: "standard",
     uniformContextPath: void 0,
     defaultConsent: false,
-    enableContextDevTools: true
+    enableContextDevTools: true,
+    playgroundPath: void 0
   },
   setup(options, nuxt) {
     if (!options.projectId || !options.readOnlyApiKey) {

package/dist/runtime/components/UniformPlayground.d.ts

@@ -0,0 +1 @@
+export { UniformPlayground as default } from '@uniformdev/canvas-vue';

package/dist/runtime/components/UniformPlayground.mjs

@@ -0,0 +1 @@
+export { UniformPlayground as default } from "@uniformdev/canvas-vue";

package/dist/runtime/components/UniformRichText.d.ts

@@ -19,5 +19,5 @@ export declare const UniformRichText: import("vue-demi").DefineComponent<{
         type: PropType<import("@uniformdev/canvas-vue").RenderRichTextComponentResolver | undefined>;
         required: false;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default UniformRichText;

package/dist/runtime/components/UniformRichTextNode.d.ts

@@ -1,7 +1,7 @@
 import { RenderRichTextComponentResolver, UniformRichTextNodeProps } from '@uniformdev/canvas-vue';
 import { RichTextNode } from '@uniformdev/richtext';
 import { PropType } from 'vue-demi';
-export declare function getResolveVueRichTextRenderer(resolveRichTextRenderer: UniformRichTextNodeProps['resolveRichTextRenderer']): (node: RichTextNode) => import("vue-demi").ComponentOptions<import("@uniformdev/canvas-vue").RichTextComponentProps<RichTextNode>, any, any, import("vue-demi").ComputedOptions, import("vue-demi").MethodOptions, any, any, any> | import("vue-demi").FunctionalComponent<import("@uniformdev/canvas-vue").RichTextComponentProps<RichTextNode>, any> | null | undefined;
+export declare function getResolveVueRichTextRenderer(resolveRichTextRenderer: UniformRichTextNodeProps['resolveRichTextRenderer']): (node: RichTextNode) => import("vue-demi").ComponentOptions<import("@uniformdev/canvas-vue").RichTextComponentProps<RichTextNode>, any, any, import("vue-demi").ComputedOptions, import("vue-demi").MethodOptions, any, any, any, any> | import("vue-demi").FunctionalComponent<import("@uniformdev/canvas-vue").RichTextComponentProps<RichTextNode>, any, any> | null | undefined;
 export declare const UniformRichTextNode: import("vue-demi").DefineComponent<{
     node: {
         type: PropType<RichTextNode>;
@@ -22,5 +22,5 @@ export declare const UniformRichTextNode: import("vue-demi").DefineComponent<{
         type: PropType<RenderRichTextComponentResolver | undefined>;
         required: false;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default UniformRichTextNode;

package/dist/runtime/plugin.mjs

@@ -2,6 +2,7 @@ import {
   CANVAS_DRAFT_STATE,
   CANVAS_PUBLISHED_STATE,
   CanvasClient,
+  IN_CONTEXT_EDITOR_PLAYGROUND_QUERY_STRING_PARAM,
   IN_CONTEXT_EDITOR_QUERY_STRING_PARAM
 } from "@uniformdev/canvas";
 import { UniformComposition, UniformSlot, useCompositionEventEffect } from "@uniformdev/canvas-vue";
@@ -132,6 +133,19 @@ function setupPreview(nuxtApp) {
     };
   }
   nuxtApp.hook("app:beforeMount", () => {
+    const options = getModuleOptions();
+    if (preview && route.query[IN_CONTEXT_EDITOR_PLAYGROUND_QUERY_STRING_PARAM] === "true" && options.playgroundPath) {
+      const pathParams = Object.fromEntries(
+        new URL(options.playgroundPath ?? "", "https://example.com").searchParams
+      );
+      router.push({
+        path: options.playgroundPath,
+        query: {
+          ...route.query,
+          ...pathParams
+        }
+      });
+    }
     if (preview && (route.query.slug || route.query.path)) {
       const path = preview?.path ?? preview?.slug;
       const pathParams = Object.fromEntries(new URL(path ?? "", "https://example.com").searchParams);
@@ -174,7 +188,7 @@ function setupLivePreview(currentCompositionId, isPreview = false) {
     await refreshNuxtData();
   };
   useHead({
-    titleTemplate: (title) => enabled ? `\u26A1\uFE0F ${title}` : title
+    titleTemplate: (title = "") => enabled ? `\u26A1\uFE0F ${title}` : title
   });
   useCompositionEventEffect({
     compositionIdRef: currentCompositionId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/uniform-nuxt",
-  "version": "19.47.0",
+  "version": "19.47.1-alpha.11+7b2a77395",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -24,11 +24,11 @@
   },
   "dependencies": {
     "@nuxt/kit": "3.6.0",
-    "@uniformdev/canvas": "19.47.0",
-    "@uniformdev/canvas-vue": "19.47.0",
-    "@uniformdev/context": "19.47.0",
-    "@uniformdev/context-vue": "19.47.0",
-    "@uniformdev/richtext": "19.47.0",
+    "@uniformdev/canvas": "19.47.1-alpha.11+7b2a77395",
+    "@uniformdev/canvas-vue": "19.47.1-alpha.11+7b2a77395",
+    "@uniformdev/context": "19.47.1-alpha.11+7b2a77395",
+    "@uniformdev/context-vue": "19.47.1-alpha.11+7b2a77395",
+    "@uniformdev/richtext": "19.47.1-alpha.11+7b2a77395",
     "vue-demi": "^0.14.0"
   },
   "devDependencies": {
@@ -38,11 +38,11 @@
     "esbuild": "0.19.2",
     "eslint": "^8.31.0",
     "nuxt": "3.6.0",
-    "vue": "3.2.47",
+    "vue": "3.3.4",
     "vue-router": "4.1.6"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "66bb196919cc178fc94f4d0490d0ac517193304a"
+  "gitHead": "7b2a77395e250abc8e1d30cff034b421ac38c40f"
 }