@builder.io/sdk-vue 0.10.0 → 0.11.1

package/README.md

@@ -4,6 +4,26 @@ This is the 2.0 Vue SDK. It is currently in beta.
 
 NOTE: If you are looking for the stable 1.0 Vue SDK, you can find it [here](/packages/vue)
 
+## Getting Started
+
+```
+npm install @builder.io/sdk-vue
+```
+
+NOTE: if you are using Nuxt, you will need to transpile the SDK:
+
+```js
+// nuxt.config.js
+export default defineNuxtConfig({
+  build: {
+    /**
+     * You need to transpile the Builder.io Vue SDK for it to work correctly.
+     */
+    transpile: ['@builder.io/sdk-vue'],
+  },
+});
+```
+
 ## Mitosis
 
 This SDK is generated by [Mitosis](https://github.com/BuilderIO/mitosis). To see the Mitosis source-code, go [here](../../).
@@ -18,13 +38,7 @@ This Package uses fetch. See [these docs](https://github.com/BuilderIO/this-pack
 
 ## Version Support
 
-This SDK supports Vue 3 and Nuxt 3.
-
-## Getting Started
-
-```
-npm install @builder.io/sdk-vue
-```
+This SDK supports standalone Vue 3, or using Nuxt 3.
 
 ## Usage
 

package/{vue3/lib/browser/block-wrapper.79de0d1b.cjs → lib/browser/block-wrapper.24616a36.cjs}

@@ -1 +1 @@
-"use strict";var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./get-block-actions.cf4a0fd3.cjs"),r=require("./index.85b3d46a.cjs"),n=o.defineComponent({name:"block-wrapper",props:["Wrapper","block","context","hasChildren"],data(){return{getBlockActions:t.getBlockActions,getBlockProperties:t.getBlockProperties}}});function c(e,a,s,p,i,k){return e.hasChildren?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({key:0},e.getBlockProperties({block:e.block,context:e.context}),o.toHandlers(e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}))),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16)):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({key:1},e.getBlockProperties({block:e.block,context:e.context}),o.toHandlers(e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}))),null,16))}const l=r._export_sfc(n,[["render",c],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-wrapper.vue"]]);exports.default=l;
+"use strict";var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./get-block-actions.db148a56.cjs"),r=require("./index.aa209acd.cjs"),n=o.defineComponent({name:"block-wrapper",props:["Wrapper","block","context","hasChildren"],data(){return{getBlockActions:t.getBlockActions,getBlockProperties:t.getBlockProperties}}});function c(e,a,s,p,i,k){return e.hasChildren?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({key:0},e.getBlockProperties({block:e.block,context:e.context}),o.toHandlers(e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}))),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16)):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({key:1},e.getBlockProperties({block:e.block,context:e.context}),o.toHandlers(e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}))),null,16))}const l=r._export_sfc(n,[["render",c],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-wrapper.vue"]]);exports.default=l;

package/{vue3/lib/edge/block-wrapper.48cbd4ad.js → lib/browser/block-wrapper.7f48d4fe.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as l, openBlock as o, createBlock as t, resolveDynamicComponent as r, mergeProps as n, toHandlers as a, withCtx as c, renderSlot as p } from "vue";
-import { g as s, a as k } from "./get-block-actions.e90f22a0.js";
-import { _ as i } from "./index.26869e2b.js";
+import { g as s, a as k } from "./get-block-actions.c6593feb.js";
+import { _ as i } from "./index.81d49325.js";
 const u = l({
   name: "block-wrapper",
   props: ["Wrapper", "block", "context", "hasChildren"],
@@ -49,7 +49,7 @@ function S(e, m, b, d, f, g) {
     )
   ), null, 16));
 }
-const $ = /* @__PURE__ */ i(u, [["render", S], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-wrapper.vue"]]);
+const $ = /* @__PURE__ */ i(u, [["render", S], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-wrapper.vue"]]);
 export {
   $ as default
 };

package/lib/browser/component-ref.6a1f9724.cjs

@@ -0,0 +1 @@
+"use strict";var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./index.aa209acd.cjs"),k=require("./get-block-actions.db148a56.cjs"),d=o.defineComponent({name:"interactive-element",props:["wrapperProps","includeBlockProps","block","context","Wrapper"],data(){return{getBlockActions:k.getBlockActions,getBlockProperties:k.getBlockProperties}}});function b(e,r,l,s,c,p){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:e.includeBlockProps?{...e.getBlockProperties({block:e.block,context:e.context}),...e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{}},e.wrapperProps),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const u=n._export_sfc(d,[["render",b],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]),B=({componentOptions:e,builderBlock:r,context:l,componentRef:s,includeBlockProps:c,isInteractive:p,contextValue:i})=>{const a={...e,...c?{attributes:k.getBlockProperties({block:r,context:i})}:{}};return p?{Wrapper:s,block:r,context:l,wrapperProps:e,includeBlockProps:c}:a},f=o.defineComponent({name:"component-ref",components:{Block:n.Block,BlockStyles:n.BlockStyles,InteractiveElement:u},props:["isInteractive","componentRef","componentOptions","builderBlock","context","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?n.wrapComponentRef(u):this.componentRef,getWrapperProps:B}}});function g(e,r,l,s,c,p){const i=o.resolveComponent("block"),a=o.resolveComponent("block-styles");return e.componentRef?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.normalizeProps(o.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(t,m)=>(o.openBlock(),o.createBlock(i,{key:"block-"+t.id,block:t,context:e.context,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"]))),128)),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(t,m)=>(o.openBlock(),o.createBlock(a,{key:"block-style-"+t.id,block:t,context:e.context},null,8,["block","context"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const v=n._export_sfc(f,[["render",g],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=v;

package/{vue3/lib/node/component-ref.b1bfb450.js → lib/browser/component-ref.882caae9.js}

@@ -1,18 +1,17 @@
 import "./style.css";
-import { defineComponent as f, openBlock as o, createBlock as r, resolveDynamicComponent as v, mergeProps as g, withCtx as B, renderSlot as S, resolveComponent as m, normalizeProps as h, createElementBlock as u, Fragment as k, renderList as d, createCommentVNode as w } from "vue";
-import { _ as P, B as y, a as R, w as W } from "./index.f52ac974.js";
-import { g as I, a as C } from "./get-block-actions.f7d97db3.js";
-import "node:module";
+import { defineComponent as f, openBlock as t, createBlock as c, resolveDynamicComponent as v, mergeProps as B, withCtx as P, renderSlot as S, resolveComponent as m, normalizeProps as h, createElementBlock as u, Fragment as k, renderList as d, createCommentVNode as w } from "vue";
+import { _ as g, B as y, a as W, w as R } from "./index.81d49325.js";
+import { g as I, a as C } from "./get-block-actions.c6593feb.js";
 const E = f({
   name: "interactive-element",
-  props: ["wrapperProps", "block", "context", "Wrapper"],
+  props: ["wrapperProps", "includeBlockProps", "block", "context", "Wrapper"],
   data() {
     return { getBlockActions: I, getBlockProperties: C };
   }
 });
-function A(e, n, c, p, s, l) {
-  return o(), r(v(e.Wrapper), g({
-    attributes: {
+function A(e, n, s, p, r, l) {
+  return t(), c(v(e.Wrapper), B({
+    attributes: e.includeBlockProps ? {
       ...e.getBlockProperties({
         block: e.block,
         context: e.context
@@ -24,40 +23,44 @@ function A(e, n, c, p, s, l) {
         localState: e.context.localState,
         context: e.context.context
       })
-    }
+    } : {}
   }, e.wrapperProps), {
-    default: B(() => [
+    default: P(() => [
       S(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["attributes"]);
 }
-const b = /* @__PURE__ */ P(E, [["render", A], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/interactive-element.vue"]]), O = ({
+const b = /* @__PURE__ */ g(E, [["render", A], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]), O = ({
   componentOptions: e,
   builderBlock: n,
-  context: c,
+  context: s,
   componentRef: p,
-  includeBlockProps: s,
+  includeBlockProps: r,
   isInteractive: l,
   contextValue: a
-}) => l ? {
-  Wrapper: p,
-  block: n,
-  context: c,
-  wrapperProps: e
-} : {
-  ...e,
-  ...s ? {
-    attributes: C({
-      block: n,
-      context: a
-    })
-  } : {}
+}) => {
+  const i = {
+    ...e,
+    ...r ? {
+      attributes: C({
+        block: n,
+        context: a
+      })
+    } : {}
+  };
+  return l ? {
+    Wrapper: p,
+    block: n,
+    context: s,
+    wrapperProps: e,
+    includeBlockProps: r
+  } : i;
 }, V = f({
   name: "component-ref",
   components: {
     Block: y,
-    BlockStyles: R,
+    BlockStyles: W,
     InteractiveElement: b
   },
   props: [
@@ -72,14 +75,14 @@ const b = /* @__PURE__ */ P(E, [["render", A], ["__file", "/home/runner/work/bui
   ],
   data() {
     return {
-      Wrapper: this.isInteractive ? W(b) : this.componentRef,
+      Wrapper: this.isInteractive ? R(b) : this.componentRef,
       getWrapperProps: O
     };
   }
 });
-function x(e, n, c, p, s, l) {
+function z(e, n, s, p, r, l) {
   const a = m("block"), i = m("block-styles");
-  return e.componentRef ? (o(), r(v(e.Wrapper), h(g(
+  return e.componentRef ? (t(), c(v(e.Wrapper), h(B(
     { key: 0 },
     e.getWrapperProps({
       componentOptions: e.componentOptions,
@@ -91,23 +94,23 @@ function x(e, n, c, p, s, l) {
       contextValue: e.context
     })
   )), {
-    default: B(() => [
-      (o(!0), u(k, null, d(e.blockChildren, (t, $) => (o(), r(a, {
-        key: "block-" + t.id,
-        block: t,
+    default: P(() => [
+      (t(!0), u(k, null, d(e.blockChildren, (o, $) => (t(), c(a, {
+        key: "block-" + o.id,
+        block: o,
         context: e.context,
         registeredComponents: e.registeredComponents
       }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-      (o(!0), u(k, null, d(e.blockChildren, (t, $) => (o(), r(i, {
-        key: "block-style-" + t.id,
-        block: t,
+      (t(!0), u(k, null, d(e.blockChildren, (o, $) => (t(), c(i, {
+        key: "block-style-" + o.id,
+        block: o,
         context: e.context
       }, null, 8, ["block", "context"]))), 128))
     ]),
     _: 1
   }, 16)) : w("v-if", !0);
 }
-const j = /* @__PURE__ */ P(V, [["render", x], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/component-ref/component-ref.vue"]]);
+const j = /* @__PURE__ */ g(V, [["render", z], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);
 export {
   j as default
 };

package/{vue3/lib/edge → lib/browser}/components/block/components/interactive-element.vue.d.ts

@@ -2,16 +2,19 @@ import type { BuilderContextInterface } from "../../../context/types.js";
 import { getBlockActions } from "../../../functions/get-block-actions.js";
 import { getBlockProperties } from "../../../functions/get-block-properties.js";
 import type { BuilderBlock } from "../../../types/builder-block.js";
+import type { Dictionary } from "../../../types/typescript.js";
 export type InteractiveElementProps = {
     Wrapper: any;
     block: BuilderBlock;
     context: BuilderContextInterface;
-    wrapperProps: object;
+    wrapperProps: Dictionary<any>;
+    includeBlockProps: boolean;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
     block?: any;
     context?: any;
     wrapperProps?: any;
+    includeBlockProps?: any;
     Wrapper?: any;
 }>, unknown, {
     getBlockActions: typeof getBlockActions;
@@ -20,11 +23,13 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     block?: any;
     context?: any;
     wrapperProps?: any;
+    includeBlockProps?: any;
     Wrapper?: any;
 }>>>, {
     readonly block?: any;
     readonly context?: any;
     readonly wrapperProps?: any;
+    readonly includeBlockProps?: any;
     readonly Wrapper?: any;
 }, {}>;
 export default _default;

package/lib/browser/constants/sdk-version.d.ts

@@ -0,0 +1 @@
+export declare const SDK_VERSION = "0.11.1";

package/{vue3/lib/browser/get-block-actions.532ddca6.js → lib/browser/get-block-actions.c6593feb.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { T as c, c as i, e as l } from "./index.d5883cd5.js";
+import { T as n, c as i, e as l } from "./index.81d49325.js";
 function u(e) {
   const t = {};
   if (typeof e != "string")
@@ -36,10 +36,9 @@ function g({
   });
 }
 function S(e) {
-  switch (c) {
+  switch (n) {
     case "svelte":
-    case "vue2":
-    case "vue3":
+    case "vue":
     case "solid":
       return i(e).join(" ");
     case "qwik":
@@ -64,19 +63,18 @@ function x(e) {
   for (const o in r) {
     if (!r.hasOwnProperty(o))
       continue;
-    const n = r[o];
+    const c = r[o];
     let a = p(o);
     if (e.stripPrefix)
-      switch (c) {
-        case "vue2":
-        case "vue3":
+      switch (n) {
+        case "vue":
           a = a.replace("v-on:", "");
           break;
         case "svelte":
           a = a.replace("on:", "");
           break;
       }
-    t[a] = d(n, e);
+    t[a] = d(c, e);
   }
   return t;
 }

package/lib/browser/get-block-actions.db148a56.cjs

@@ -0,0 +1 @@
+"use strict";var g=require("./style.css");const c=require("./index.aa209acd.cjs");function i(e){const t={};if(typeof e!="string")return t;const r=e.trim().split(/\\s+/);for(const s of r)t[s]=!0;return t}function l({properties:e}){return e.class=i(e.class),e}const u=e=>({href:e.href});function f({block:e,context:t}){var s;const r={...u(e),...e.properties,"builder-id":e.id,style:e.style?v(e.style):void 0,class:[e.id,"builder-block",e.class,(s=e.properties)==null?void 0:s.class].filter(Boolean).join(" ")};return l({properties:r,context:t,block:e})}function v(e){switch(c.TARGET){case"svelte":case"vue":case"solid":return c.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const d=e=>`v-on:${e.toLowerCase()}`,S=(e,t)=>r=>c.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function p(e){var s;const t={},r=(s=e.block.actions)!=null?s:{};for(const n in r){if(!r.hasOwnProperty(n))continue;const a=r[n];let o=d(n);if(e.stripPrefix)switch(c.TARGET){case"vue":o=o.replace("v-on:","");break;case"svelte":o=o.replace("on:","");break}t[o]=S(a,e)}return t}exports.getBlockActions=p;exports.getBlockProperties=f;