@builder.io/sdk-vue 0.10.0 → 0.11.0

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/edge/block-wrapper.48cbd4ad.js → lib/browser/block-wrapper.500ec5f5.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.5e600864.js";
+import { _ as i } from "./index.6983b0a7.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/{vue3/lib/browser/block-wrapper.79de0d1b.cjs → lib/browser/block-wrapper.d7918237.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.7411dc4b.cjs"),r=require("./index.ca5e56e7.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/lib/browser/component-ref.6996225a.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.ca5e56e7.cjs"),a=require("./get-block-actions.7411dc4b.cjs"),d=o.defineComponent({name:"interactive-element",props:["wrapperProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function b(e,r,c,l,s,p){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:{...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 m=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:c,componentRef:l,includeBlockProps:s,isInteractive:p,contextValue:i})=>p?{Wrapper:l,block:r,context:c,wrapperProps:e}:{...e,...s?{attributes:a.getBlockProperties({block:r,context:i})}:{}},f=o.defineComponent({name:"component-ref",components:{Block:n.Block,BlockStyles:n.BlockStyles,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?n.wrapComponentRef(m):this.componentRef,getWrapperProps:B}}});function g(e,r,c,l,s,p){const i=o.resolveComponent("block"),k=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,u)=>(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,u)=>(o.openBlock(),o.createBlock(k,{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/edge/component-ref.cd17a2b8.js → lib/browser/component-ref.a38e026c.js}

@@ -1,7 +1,7 @@
 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.26869e2b.js";
-import { g as I, a as C } from "./get-block-actions.e90f22a0.js";
+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 k, Fragment as u, renderList as d, createCommentVNode as w } from "vue";
+import { _ as P, B as y, a as R, w as W } from "./index.6983b0a7.js";
+import { g as I, a as C } from "./get-block-actions.5e600864.js";
 const E = f({
   name: "interactive-element",
   props: ["wrapperProps", "block", "context", "Wrapper"],
@@ -31,7 +31,7 @@ function A(e, n, c, s, p, l) {
     _: 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__ */ P(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,
@@ -91,13 +91,13 @@ function x(e, n, c, s, p, l) {
     })
   )), {
     default: B(() => [
-      (o(!0), u(k, null, d(e.blockChildren, (t, $) => (o(), r(a, {
+      (o(!0), k(u, null, d(e.blockChildren, (t, $) => (o(), r(a, {
         key: "block-" + t.id,
         block: t,
         context: e.context,
         registeredComponents: e.registeredComponents
       }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-      (o(!0), u(k, null, d(e.blockChildren, (t, $) => (o(), r(i, {
+      (o(!0), k(u, null, d(e.blockChildren, (t, $) => (o(), r(i, {
         key: "block-style-" + t.id,
         block: t,
         context: e.context
@@ -106,7 +106,7 @@ function x(e, n, c, s, p, l) {
     _: 1
   }, 16)) : w("v-if", !0);
 }
-const N = /* @__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 N = /* @__PURE__ */ P(V, [["render", x], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);
 export {
   N as default
 };

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

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

package/{vue3/lib/browser/get-block-actions.532ddca6.js → lib/browser/get-block-actions.5e600864.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.6983b0a7.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.7411dc4b.cjs

@@ -0,0 +1 @@
+"use strict";var g=require("./style.css");const c=require("./index.ca5e56e7.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;