@builder.io/sdk-vue 0.7.0 → 0.7.1-0

package/vue3/lib/{browser/component-ref.88102d68.js → node/component-ref.3c9a0fb1.js}

@@ -1,6 +1,7 @@
-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, a as y, b as R, w as W } from "./index.c51504ff.js";
-import { g as I, a as C } from "./get-block-actions.1865148e.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 w, createElementBlock as k, Fragment as u, renderList as d, createCommentVNode as y } from "vue";
+import { _ as P, a as R, b as W, w as h } from "./index.1a21f267.js";
+import { g as I, a as C } from "./get-block-actions.65678660.js";
+import "node:module";
 const E = f({
   name: "interactive-element",
   props: ["wrapperProps", "block", "context", "Wrapper"],
@@ -8,7 +9,7 @@ const E = f({
     return { getBlockActions: I, getBlockProperties: C };
   }
 });
-function A(e, n, c, s, p, l) {
+function j(e, n, c, s, p, l) {
   return o(), r(v(e.Wrapper), g({
     attributes: {
       ...e.getBlockProperties({
@@ -30,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", j], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/block/components/interactive-element.vue"]]), A = ({
   componentOptions: e,
   builderBlock: n,
   context: c,
@@ -51,11 +52,11 @@ const b = /* @__PURE__ */ P(E, [["render", A], ["__file", "/home/runner/work/bui
       context: a
     })
   } : {}
-}, V = f({
+}, O = f({
   name: "component-ref",
   components: {
-    Block: y,
-    BlockStyles: R,
+    Block: R,
+    BlockStyles: W,
     InteractiveElement: b
   },
   props: [
@@ -70,14 +71,14 @@ const b = /* @__PURE__ */ P(E, [["render", A], ["__file", "/home/runner/work/bui
   ],
   data() {
     return {
-      Wrapper: this.isInteractive ? W(b) : this.componentRef,
-      getWrapperProps: O
+      Wrapper: this.isInteractive ? h(b) : this.componentRef,
+      getWrapperProps: A
     };
   }
 });
-function x(e, n, c, s, p, l) {
+function U(e, n, c, s, p, l) {
   const a = m("block"), i = m("block-styles");
-  return e.componentRef ? (o(), r(v(e.Wrapper), h(g(
+  return e.componentRef ? (o(), r(v(e.Wrapper), w(g(
     { key: 0 },
     e.getWrapperProps({
       componentOptions: e.componentOptions,
@@ -90,22 +91,22 @@ 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
       }, null, 8, ["block", "context"]))), 128))
     ]),
     _: 1
-  }, 16)) : w("v-if", !0);
+  }, 16)) : y("v-if", !0);
 }
-const L = /* @__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 F = /* @__PURE__ */ P(O, [["render", U], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/block/components/component-ref/component-ref.vue"]]);
 export {
-  L as default
+  F as default
 };

package/vue3/lib/node/component-ref.c78bd861.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./index.baa2a660.cjs"),a=require("./get-block-actions.977f70db.cjs");require("node:module");const d=o.defineComponent({name:"interactive-element",props:["wrapperProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function b(e,r,c,s,l,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","/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/block/components/interactive-element.vue"]]),f=({componentOptions:e,builderBlock:r,context:c,componentRef:s,includeBlockProps:l,isInteractive:p,contextValue:i})=>p?{Wrapper:s,block:r,context:c,wrapperProps:e}:{...e,...l?{attributes:a.getBlockProperties({block:r,context:i})}:{}},B=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:f}}});function g(e,r,c,s,l,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(B,[["render",g],["__file","/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=v;

package/vue3/lib/node/components/content/components/enable-editor.vue.d.ts

@@ -6,11 +6,11 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     canTrack?: any;
     builderContextSignal?: any;
     model?: any;
-    showContent?: any;
-    classNameProp?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
+    showContent?: any;
+    classNameProp?: any;
 }>, unknown, {
     forceReRenderCount: number;
     lastUpdated: number;
@@ -60,6 +60,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     }): void;
     runHttpRequests(): void;
     emitStateUpdate(): void;
+    elementRef_onIniteditingbldr(event: any): void;
+    elementRef_onInitpreviewingbldr(event: any): void;
     _classStringToObject(str: string): Record<string, boolean>;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
@@ -68,11 +70,11 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     canTrack?: any;
     builderContextSignal?: any;
     model?: any;
-    showContent?: any;
-    classNameProp?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
+    showContent?: any;
+    classNameProp?: any;
 }>>>, {
     readonly context?: any;
     readonly content?: any;
@@ -80,10 +82,10 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly canTrack?: any;
     readonly builderContextSignal?: any;
     readonly model?: any;
-    readonly showContent?: any;
-    readonly classNameProp?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;
+    readonly showContent?: any;
+    readonly classNameProp?: any;
 }, {}>;
 export default _default;

package/vue3/lib/node/components/content/content.vue.d.ts

@@ -9,11 +9,11 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     apiVersion?: any;
     canTrack?: any;
     model?: any;
-    showContent?: any;
-    classNameProp?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
+    showContent?: any;
+    classNameProp?: any;
     customComponents?: any;
     isSsrAbTest?: any;
 }>, unknown, {
@@ -43,11 +43,11 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     apiVersion?: any;
     canTrack?: any;
     model?: any;
-    showContent?: any;
-    classNameProp?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
+    showContent?: any;
+    classNameProp?: any;
     customComponents?: any;
     isSsrAbTest?: any;
 }>>>, {
@@ -58,11 +58,11 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly apiVersion?: any;
     readonly canTrack?: any;
     readonly model?: any;
-    readonly showContent?: any;
-    readonly classNameProp?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;
+    readonly showContent?: any;
+    readonly classNameProp?: any;
     readonly customComponents?: any;
     readonly isSsrAbTest?: any;
 }, {}>;

package/vue3/lib/node/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.6.4";
+export declare const SDK_VERSION = "0.7.1-0";

package/vue3/lib/node/functions/evaluate/choose-eval.d.ts

@@ -0,0 +1,6 @@
+import type { ExecutorArgs } from './helpers.js';
+/**
+ * Even though we have separate runtimes for browser/node/edge, sometimes frameworks will
+ * end up sending the server runtime code to the browser (most notably in dev mode).
+ */
+export declare const chooseBrowserOrServerEval: (args: ExecutorArgs) => any;

package/vue3/lib/node/functions/evaluate/evaluate.d.ts

@@ -1,6 +1,2 @@
-import type { ExecutorArgs } from './helpers.js';
-export type EvaluatorArgs = Omit<ExecutorArgs, 'builder' | 'event'> & {
-    event?: Event;
-    isExpression?: boolean;
-};
+import type { EvaluatorArgs } from './helpers.js';
 export declare function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression }: EvaluatorArgs): any;

package/vue3/lib/node/functions/evaluate/helpers.d.ts

@@ -1,5 +1,9 @@
 import type { BuilderContextInterface, BuilderRenderState } from '../../context/types.js';
-import type { getUserAttributes } from '../track/helpers.js';
+import { getUserAttributes } from '../track/helpers.js';
+export type EvaluatorArgs = Omit<ExecutorArgs, 'builder' | 'event'> & {
+    event?: Event;
+    isExpression?: boolean;
+};
 export type BuilderGlobals = {
     isEditing: boolean | undefined;
     isBrowser: boolean | undefined;
@@ -16,3 +20,5 @@ export type FunctionArguments = ReturnType<typeof getFunctionArguments>;
 export declare const getFunctionArguments: ({ builder, context, event, state }: Pick<ExecutorArgs, "context" | "builder" | "event"> & {
     state: BuilderRenderState;
 }) => [string, Event | BuilderRenderState | import("../../context/types.js").BuilderRenderContext | BuilderGlobals | undefined][];
+export declare const getBuilderGlobals: () => BuilderGlobals;
+export declare const parseCode: (code: string, { isExpression }: Pick<EvaluatorArgs, 'isExpression'>) => string;

package/vue3/lib/node/functions/evaluate/node-runtime/index.d.ts

@@ -1 +1 @@
-export { evaluator } from '../browser-runtime/index.js';
+export { runInNode as evaluator } from './node-runtime.js';

package/vue3/lib/node/functions/evaluate/node-runtime/node-runtime.d.ts

@@ -0,0 +1,2 @@
+import type { ExecutorArgs } from '../helpers.js';
+export declare const runInNode: ({ code, builder, context, event, localState, rootSetState, rootState }: ExecutorArgs) => any;

package/vue3/lib/node/functions/get-content/types.d.ts

@@ -5,11 +5,42 @@ export interface GetContentOptions {
     apiKey: string;
     /** Number of items to fetch. Default is 1 */
     limit?: number;
-    /** User attributes to target on, such as { urlPath: '/foo', device: 'mobile', ...etc } */
+    /**
+     * Use to specify an offset for pagination of results. The default is 0.
+     */
+    offset?: number;
+    /**
+     * User attribute key value pairs to be used for targeting
+     * https://www.builder.io/c/docs/custom-targeting-attributes
+     *
+     * e.g.
+     * ```js
+     * userAttributes: {
+     *   urlPath: '/',
+     *   returnVisitor: true,
+     *   device: 'mobile'
+     * }
+     * ```
+     */
     userAttributes?: (Record<string, string> & {
         urlPath?: string;
     }) | null;
-    /** Custom query */
+    /**
+     * Mongodb style query of your data. E.g.:
+     *
+     * ```js
+     * query: {
+     *  id: 'abc123',
+     *  data: {
+     *    myCustomField: { $gt: 20 },
+     *  }
+     * }
+     * ```
+     *
+     * See more info on MongoDB's query operators and format.
+     *
+     * @see {@link https://docs.mongodb.com/manual/reference/operator/query/}
+     */
     query?: Record<string, any>;
     /**
      * Any other API options.
@@ -30,7 +61,7 @@ export interface GetContentOptions {
      */
     canTrack?: boolean;
     /**
-     * Include references in the response. Defaults to `true`.
+     * Include content of references in the response. Defaults to `true`.
      * @deprecated use `enrich` instead
      */
     includeRefs?: boolean;
@@ -48,4 +79,64 @@ export interface GetContentOptions {
      * Defaults to `v3`.
      */
     apiVersion?: 'v2' | 'v3';
+    /**
+     * Only include these fields.
+     * Note: 'omit' takes precedence over 'fields'
+     *
+     * @example
+     * ```
+     * fields: 'id, name, data.customField'
+     * ```
+     */
+    fields?: string;
+    /**
+     * Omit only these fields.
+     * Note: 'omit' takes precedence over 'fields'
+     *
+     * @example
+     * ```
+     * omit: 'data.bigField,data.blocks'
+     * ```
+     */
+    omit?: string;
+    /**
+     * Seconds to cache content. Sets the max-age of the cache-control header
+     * response header.
+     *
+     * Use a higher value for better performance, lower for content that will change more frequently
+     *
+     * @see {@link https://www.builder.io/c/docs/query-api#__next:~:text=%26includeRefs%3Dtrue-,cacheSeconds,-No}
+     */
+    cacheSeconds?: number;
+    /**
+     * Builder.io uses stale-while-revalidate caching at the CDN level. This means we always serve
+     * from edge cache and update caches in the background for maximum possible performance. This also
+     * means that the more frequently content is requested, the more fresh it will be. The longest we
+     * will ever hold something in stale cache is 1 day by default, and you can set this to be shorter
+     * yourself as well. We suggest keeping this high unless you have content that must change rapidly
+     * and gets very little traffic.
+     *
+     * @see {@link https://www.fastly.com/blog/prevent-application-network-instability-serve-stale-content}
+     */
+    staleCacheSeconds?: number;
+    /**
+     * Property to order results by.
+     * Use 1 for ascending and -1 for descending.
+     *
+     * The key is what you're sorting on, so the following example sorts by createdDate
+     * and because the value is 1, the sort is ascending.
+     *
+     * @example
+     * ```
+     * createdDate: 1
+     * ```
+     */
+    sort?: {
+        [key: string]: 1 | -1;
+    };
+    /**
+     * Include content entries in a response that are still in
+     * draft mode and un-archived. Default is false.
+     */
+    includeUnpublished?: boolean;
 }

package/vue3/lib/node/functions/is-node-runtime.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Identifies node runtime
+ */
+export declare function isNodeRuntime(): boolean;

package/vue3/lib/node/{get-block-actions.1865148e.js → get-block-actions.65678660.js}

@@ -1,4 +1,4 @@
-import { T as n, c as i, e as l } from "./index.c51504ff.js";
+import { T as n, c as i, e as l } from "./index.1a21f267.js";
 function u(e) {
   const t = {};
   if (typeof e != "string")

package/vue3/lib/{browser/get-block-actions.703f8554.cjs → node/get-block-actions.977f70db.cjs}

@@ -1 +1 @@
-"use strict";const c=require("./index.403011b1.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(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(r)}function v(e){switch(c.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return c.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const p=e=>`v-on:${e.toLowerCase()}`,d=(e,t)=>r=>c.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function S(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=p(n);if(e.stripPrefix)switch(c.TARGET){case"vue2":case"vue3":o=o.replace("v-on:","");break;case"svelte":o=o.replace("on:","");break}t[o]=d(a,e)}return t}exports.getBlockActions=S;exports.getBlockProperties=f;
+"use strict";const c=require("./index.baa2a660.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(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(r)}function v(e){switch(c.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return c.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const p=e=>`v-on:${e.toLowerCase()}`,d=(e,t)=>r=>c.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function S(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=p(n);if(e.stripPrefix)switch(c.TARGET){case"vue2":case"vue3":o=o.replace("v-on:","");break;case"svelte":o=o.replace("on:","");break}t[o]=d(a,e)}return t}exports.getBlockActions=S;exports.getBlockProperties=f;