@builder.io/sdk-vue 0.4.4 → 0.5.0

package/packages/_vue3/dist/src/helpers/preview-lru-cache/types.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This is an LRU cache to hold preview content on the server-side.
+ *
+ * Note: This logic is only used by the NextJS SDK.
+ */
+import type { LRUCache } from 'lru-cache';
+import type { BuilderContent } from '../../types/builder-content';
+type BuilderLRUCache = LRUCache<string, BuilderContent>;
+export type GlobalWCache = typeof globalThis & {
+    _BUILDER_PREVIEW_LRU_CACHE: BuilderLRUCache;
+};
+export {};

package/packages/_vue3/dist/src/helpers/sessionId.d.ts

@@ -1,6 +1,6 @@
 import type { CanTrack } from '../types/can-track.js';
-export declare const getSessionId: ({ canTrack, }: CanTrack) => Promise<string | undefined>;
+export declare const getSessionId: ({ canTrack }: CanTrack) => Promise<string | undefined>;
 export declare const createSessionId: () => string;
-export declare const setSessionId: ({ id, canTrack, }: {
+export declare const setSessionId: ({ id, canTrack }: {
     id: string;
 } & CanTrack) => Promise<void>;

package/packages/_vue3/dist/src/helpers/visitorId.d.ts

@@ -1,6 +1,6 @@
 import type { CanTrack } from '../types/can-track.js';
 export declare const getVisitorId: ({ canTrack }: CanTrack) => string | undefined;
 export declare const createVisitorId: () => string;
-export declare const setVisitorId: ({ id, canTrack, }: {
+export declare const setVisitorId: ({ id, canTrack }: {
     id: string;
 } & CanTrack) => void;

package/packages/_vue3/dist/src/index-helpers/blocks-exports.d.ts

@@ -2,9 +2,9 @@ export { default as Button } from '../blocks/button/button.vue';
 export { default as Columns } from '../blocks/columns/columns.vue';
 export { default as Fragment } from '../blocks/fragment/fragment.vue';
 export { default as Image } from '../blocks/image/image.vue';
-export { default as RenderBlocks } from '../components/render-blocks.vue';
+export { default as RenderBlocks } from '../components/blocks/blocks.vue';
 export { default as Section } from '../blocks/section/section.vue';
 export { default as Symbol } from '../blocks/symbol/symbol.vue';
 export { default as Text } from '../blocks/text/text.vue';
 export { default as Video } from '../blocks/video/video.vue';
-export { default as RenderContent } from '../components/render-content-variants/render-content-variants.vue';
+export { default as RenderContent } from '../components/content-variants/content-variants.vue';

package/packages/_vue3/dist/src/index.d.ts

@@ -7,9 +7,9 @@ export { register } from './functions/register.js';
 export type { InsertMenuConfig, InsertMenuItem } from './functions/register.js';
 export { setEditorSettings } from './functions/set-editor-settings.js';
 export type { Settings } from './functions/set-editor-settings.js';
-export { getAllContent, getContent, processContentResult, } from './functions/get-content/index.js';
+export { getAllContent, getContent, processContentResult } from './functions/get-content/index.js';
 export { getBuilderSearchParams } from './functions/get-builder-search-params/index.js';
 export { track } from './functions/track/index.js';
 export type { RegisteredComponent } from './context/types';
 export type { ComponentInfo } from './types/components';
-export type { RenderContentProps } from './components/render-content/render-content.types.js';
+export type { ContentProps } from './components/content/content.types.js';

package/packages/_vue3/dist/src/types/builder-props.d.ts

@@ -0,0 +1,9 @@
+import type { BuilderContextInterface, RegisteredComponents } from '../context/types.js';
+import type { BuilderBlock } from './builder-block.js';
+export type PropsWithBuilderData<T> = T & {
+    builderBlock: BuilderBlock;
+    builderContext: BuilderContextInterface;
+};
+export type BuilderComponentsProp = {
+    builderComponents: RegisteredComponents;
+};

package/packages/_vue3/dist/src/types/components.d.ts

@@ -1,5 +1,5 @@
-import type { BuilderElement } from './element';
-import type { Input } from './input';
+import type { BuilderElement } from './element.js';
+import type { Input } from './input.js';
 export interface ComponentInfo {
     /**
      * Name your component something unique, e.g. 'MyButton'. You can override built-in components
@@ -33,6 +33,12 @@ export interface ComponentInfo {
      * like here github.com/BuilderIO/builder/blob/master/packages/react/src/blocks/forms/Input.tsx#L34
      */
     noWrap?: boolean;
+    /**
+     * TO-DO: make this optional only for RSC SDK.
+     *
+     * Set this to `true` if your component is a React Server Component (RSC).
+     */
+    isRSC?: boolean;
     /**
      * Default children
      */

package/packages/_vue3/dist/src/types/enforced-partials.d.ts

@@ -0,0 +1,21 @@
+import type { Prettify } from './typescript.js';
+type OptionalFieldsOnly<T> = {
+    [K in keyof T as T[K] extends Required<T>[K] ? never : K]: T[K];
+};
+type RequiredFieldsOnly<T> = {
+    [K in keyof T as T[K] extends Required<T>[K] ? K : never]: T[K];
+};
+type Enforced<T> = {
+    [K in keyof T]-?: T[K];
+};
+type AndUndefined<T> = {
+    [K in keyof T]: T[K] | undefined;
+};
+/**
+ * Enforce that all optional fields are undefined
+ * @example
+ * type Foo = { a: string, b?: number }
+ * type Bar = EnforcePartials<Foo> // { a: string, b: number | undefined }
+ */
+export type EnforcePartials<From> = Prettify<AndUndefined<Enforced<OptionalFieldsOnly<From>>> & RequiredFieldsOnly<From>>;
+export {};

package/packages/_vue3/dist/src/types/targets.d.ts

@@ -1,3 +1 @@
-type MitosisTargets = import('@builder.io/mitosis').Target;
-export type Target = Extract<MitosisTargets, 'vue3' | 'vue2' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid'>;
-export {};
+export type Target = 'vue3' | 'vue2' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid' | 'rsc';

package/packages/_vue3/dist/src/types/typescript.d.ts

@@ -3,3 +3,9 @@ export type Dictionary<T> = {
     [key: string]: T;
 };
 export type Overwrite<T, U> = keyof U extends keyof T ? Pick<T, Exclude<keyof T, keyof U>> & U : never;
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+export type PropsWithChildren<P> = P & {
+    children?: any;
+};

package/packages/_vue3/dist/style.css

@@ -1 +1 @@
-.button-361b1o6wv2k[data-v-e8a5e9df]{all:unset}.div-4o9pb21oca6[data-v-61bc5f3a]{display:flex;flex-direction:column;align-items:stretch}.div-1eih9th5ow6[data-v-df2fecd0]{display:flex;line-height:normal}.div-1eih9th5ow6-2[data-v-df2fecd0]{display:flex;flex-direction:column;align-items:stretch}.img-256wrwn33ry[data-v-f59f4313]{opacity:1;transition:opacity .2s ease-in-out}.div-256wrwn33ry[data-v-f59f4313]{width:100%;pointer-events:none;font-size:0}.div-256wrwn33ry-2[data-v-f59f4313]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}
+.button-2btisl9m7v3[data-v-f2ef3d85]{all:unset}.div-26ii6xmdvep[data-v-ac4c9020]{display:flex;flex-direction:column;align-items:stretch}.div-20vehov4ay6[data-v-23ad84c1]{display:flex;line-height:normal}.div-20vehov4ay6-2[data-v-23ad84c1]{display:flex;flex-direction:column;align-items:stretch}.img-2oob28krk0a[data-v-a7ebd355]{opacity:1;transition:opacity .2s ease-in-out}.div-2oob28krk0a[data-v-a7ebd355]{width:100%;pointer-events:none;font-size:0}.div-2oob28krk0a-2[data-v-a7ebd355]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}

package/packages/_vue2/dist/block-styles.0037defd.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("vue"),s=require("./index.a4e21f82.cjs"),r=require("./css.91bb94e8.cjs");require("./evaluate.10e091b0.cjs");const S=()=>Promise.resolve().then(()=>require("./render-inlined-styles.469ed053.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",e),e}),y=h.defineComponent({name:"block-styles",components:{RenderInlinedStyles:S},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{useBlock(){return r.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return s.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:s.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var a;const e=this.useBlock.responsiveStyles,t=this.context.content,o=s.getSizesForBreakpoints(((a=t==null?void 0:t.meta)==null?void 0:a.breakpoints)||{}),l=e==null?void 0:e.large,c=e==null?void 0:e.medium,i=e==null?void 0:e.small,n=this.useBlock.id;if(!n)return"";const u=l?r.createCssClass({className:n,styles:l}):"",d=c?r.createCssClass({className:n,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",o)}):"",m=i?r.createCssClass({className:n,styles:i,mediaQuery:s.getMaxWidthQueryForSize("small",o)}):"";return[u,d,m].join(" ")}}});var k=function(){var t=this,o=t._self._c;return t._self._setupProxy,t.TARGET!=="reactNative"&&t.css&&t.canShowBlock?o("render-inlined-styles",{attrs:{styles:t.css}}):t._e()},p=[],f=s.normalizeComponent(y,k,p,!1,null,null,null,null);const _=f.exports;exports.default=_;

package/packages/_vue2/dist/block-styles.bc8cdc9f.js

@@ -1,76 +0,0 @@
-import { defineComponent as p } from "vue";
-import { T as S, c as i, g as k, a as m, n as y } from "./index.a1dfdaec.js";
-import { g as f, c as n } from "./css.5dc54b85.js";
-import "./evaluate.f654f563.js";
-const _ = () => import("./render-inlined-styles.36b7a3a4.js").then((t) => t.default).catch((t) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
-    t
-  ), t;
-}), B = p({
-  name: "block-styles",
-  components: { RenderInlinedStyles: _ },
-  props: ["block", "context"],
-  data() {
-    return { TARGET: S };
-  },
-  computed: {
-    useBlock() {
-      return f({
-        block: this.block,
-        localState: this.context.localState,
-        rootState: this.context.rootState,
-        rootSetState: this.context.rootSetState,
-        context: this.context.context,
-        shouldEvaluateBindings: !0
-      });
-    },
-    canShowBlock() {
-      return i(this.useBlock.hide) ? !this.useBlock.hide : i(this.useBlock.show) ? this.useBlock.show : !0;
-    },
-    css() {
-      var a;
-      const t = this.useBlock.responsiveStyles, e = this.context.content, s = k(
-        ((a = e == null ? void 0 : e.meta) == null ? void 0 : a.breakpoints) || {}
-      ), r = t == null ? void 0 : t.large, l = t == null ? void 0 : t.medium, c = t == null ? void 0 : t.small, o = this.useBlock.id;
-      if (!o)
-        return "";
-      const u = r ? n({
-        className: o,
-        styles: r
-      }) : "", d = l ? n({
-        className: o,
-        styles: l,
-        mediaQuery: m(
-          "medium",
-          s
-        )
-      }) : "", h = c ? n({
-        className: o,
-        styles: c,
-        mediaQuery: m(
-          "small",
-          s
-        )
-      }) : "";
-      return [u, d, h].join(" ");
-    }
-  }
-});
-var x = function() {
-  var e = this, s = e._self._c;
-  return e._self._setupProxy, e.TARGET !== "reactNative" && e.css && e.canShowBlock ? s("render-inlined-styles", { attrs: { styles: e.css } }) : e._e();
-}, g = [], v = /* @__PURE__ */ y(
-  B,
-  x,
-  g,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const T = v.exports;
-export {
-  T as default
-};

package/packages/_vue2/dist/css.5dc54b85.js

@@ -1,75 +0,0 @@
-import { e as u } from "./evaluate.f654f563.js";
-import { f as p, c as l } from "./index.a1dfdaec.js";
-const g = (e, t, n) => {
-  if (Object(e) !== e)
-    return e;
-  const s = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return s.slice(0, -1).reduce(
-    (o, r, c) => Object(o[r]) === o[r] ? o[r] : o[r] = Math.abs(Number(s[c + 1])) >> 0 === +s[c + 1] ? [] : {},
-    e
-  )[s[s.length - 1]] = n, e;
-};
-const d = ({
-  block: e,
-  context: t,
-  localState: n,
-  rootState: s,
-  rootSetState: o
-}) => {
-  if (!e.bindings)
-    return e;
-  const r = p(e), c = {
-    ...r,
-    properties: { ...r.properties },
-    actions: { ...r.actions }
-  };
-  for (const i in e.bindings) {
-    const a = e.bindings[i], f = u({
-      code: a,
-      localState: n,
-      rootState: s,
-      rootSetState: o,
-      context: t
-    });
-    g(c, i, f);
-  }
-  return c;
-};
-function v({
-  block: e,
-  context: t,
-  shouldEvaluateBindings: n,
-  localState: s,
-  rootState: o,
-  rootSetState: r
-}) {
-  const c = e;
-  return n ? d({
-    block: c,
-    localState: s,
-    rootState: o,
-    rootSetState: r,
-    context: t
-  }) : c;
-}
-const m = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), C = (e) => Object.entries(e).map(([n, s]) => {
-  if (typeof s == "string")
-    return `${m(n)}: ${s};`;
-}).filter(l), $ = (e) => C(e).join(`
-`), A = ({
-  mediaQuery: e,
-  className: t,
-  styles: n
-}) => {
-  const s = `.${t} {
-    ${$(n)}
-  }`;
-  return e ? `${e} {
-      ${s}
-    }` : s;
-};
-export {
-  C as a,
-  A as c,
-  v as g
-};

package/packages/_vue2/dist/css.91bb94e8.cjs

@@ -1,6 +0,0 @@
-"use strict";const d=require("./evaluate.10e091b0.cjs"),a=require("./index.a4e21f82.cjs"),p=(e,t,n)=>{if(Object(e)!==e)return e;const s=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return s.slice(0,-1).reduce((c,r,o)=>Object(c[r])===c[r]?c[r]:c[r]=Math.abs(Number(s[o+1]))>>0===+s[o+1]?[]:{},e)[s[s.length-1]]=n,e};const g=({block:e,context:t,localState:n,rootState:s,rootSetState:c})=>{if(!e.bindings)return e;const r=a.fastClone(e),o={...r,properties:{...r.properties},actions:{...r.actions}};for(const i in e.bindings){const l=e.bindings[i],f=d.evaluate({code:l,localState:n,rootState:s,rootSetState:c,context:t});p(o,i,f)}return o};function C({block:e,context:t,shouldEvaluateBindings:n,localState:s,rootState:c,rootSetState:r}){const o=e;return n?g({block:o,localState:s,rootState:c,rootSetState:r,context:t}):o}const S=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),u=e=>Object.entries(e).map(([n,s])=>{if(typeof s=="string")return`${S(n)}: ${s};`}).filter(a.checkIsDefined),v=e=>u(e).join(`
-`),y=({mediaQuery:e,className:t,styles:n})=>{const s=`.${t} {
-    ${v(n)}
-  }`;return e?`${e} {
-      ${s}
-    }`:s};exports.convertStyleMapToCSSArray=u;exports.createCssClass=y;exports.getProcessedBlock=C;

package/packages/_vue2/dist/evaluate.10e091b0.cjs

@@ -1,4 +0,0 @@
-"use strict";const t=require("./index.a4e21f82.cjs");function f({code:n,context:r,localState:i,rootState:s,rootSetState:e,event:u,isExpression:w=!0}){if(n===""){console.warn("Skipping evaluation of empty code block.");return}const c={isEditing:t.isEditing(),isBrowser:t.isBrowser(),isServer:!t.isBrowser()},l=w&&!(n.includes(";")||n.includes(" return ")||n.trim().startsWith("return "))?`return (${n});`:n;try{return new Function("builder","Builder","state","context","event",l)(c,c,o(s,i,e),r,u)}catch(d){console.warn(`Builder custom code error: 
- While Evaluating: 
- `,l,`
-`,d)}}function o(n,r,i){if(n===r)throw new Error("rootState === localState");return new Proxy(n,{get:(s,e)=>r&&e in r?r[e]:n[e],set:(s,e,u)=>{if(r&&e in r)throw new Error("Writing to local state is not allowed as it is read-only.");return n[e]=u,i==null||i(n),!0}})}exports.evaluate=f;

package/packages/_vue2/dist/evaluate.f654f563.js

@@ -1,63 +0,0 @@
-import { i as d, b as w } from "./index.a1dfdaec.js";
-function h({
-  code: n,
-  context: r,
-  localState: e,
-  rootState: s,
-  rootSetState: i,
-  event: u,
-  isExpression: c = !0
-}) {
-  if (n === "") {
-    console.warn("Skipping evaluation of empty code block.");
-    return;
-  }
-  const t = {
-    isEditing: d(),
-    isBrowser: w(),
-    isServer: !w()
-  }, l = c && !(n.includes(";") || n.includes(" return ") || n.trim().startsWith("return ")) ? `return (${n});` : n;
-  try {
-    return new Function(
-      "builder",
-      "Builder",
-      "state",
-      "context",
-      "event",
-      l
-    )(
-      t,
-      t,
-      o(s, e, i),
-      r,
-      u
-    );
-  } catch (f) {
-    console.warn(
-      `Builder custom code error: 
- While Evaluating: 
- `,
-      l,
-      `
-`,
-      f
-    );
-  }
-}
-function o(n, r, e) {
-  if (n === r)
-    throw new Error("rootState === localState");
-  return new Proxy(n, {
-    get: (s, i) => r && i in r ? r[i] : n[i],
-    set: (s, i, u) => {
-      if (r && i in r)
-        throw new Error(
-          "Writing to local state is not allowed as it is read-only."
-        );
-      return n[i] = u, e == null || e(n), !0;
-    }
-  });
-}
-export {
-  h as e
-};