@builder.io/sdk-vue 0.9.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.695c0554.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.f2e5b517.js";
-import { _ as i } from "./index.33299292.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.a7f5948e.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.1284f7f4.cjs"),r=require("./index.e038c54d.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.5be0ad03.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.33299292.js";
-import { g as I, a as C } from "./get-block-actions.f2e5b517.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/{vue2/lib/node → lib/browser}/functions/get-content/index.d.ts

@@ -16,11 +16,11 @@ type ContentResults = {
 /**
  * @internal Exported only for testing purposes. Do not use.
  */
-export declare const _processContentResult: (options: GetContentOptions, content: ContentResults, url?: URL) => Promise<ContentResults>;
+export declare const _processContentResult: (options: GetContentOptions, content: ContentResults, url?: URL) => Promise<BuilderContent[]>;
 /**
  * Returns a paginated array of entries that match the given options.
  */
-export declare function fetchEntries(options: GetContentOptions): Promise<ContentResults | null>;
+export declare function fetchEntries(options: GetContentOptions): Promise<BuilderContent[] | null>;
 /**
  * @deprecated `getAllContent` was renamed to `fetchEntries`. This is a temporary alias to avoid breaking changes.
  */

package/{vue3/lib/browser/get-block-actions.25085dc6.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.c84b511e.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;