@builder.io/sdk-vue 0.7.1 → 0.7.2

package/vue2/lib/browser/index-helpers/blocks-exports.d.ts

@@ -0,0 +1,88 @@
+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 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';
+import { default as Blocks } from '../components/blocks/blocks.vue';
+import { default as Content } from '../components/content-variants/content-variants.vue';
+export { Blocks, Content };
+/**
+ * @deprecated Renamed to `Blocks`.
+ */
+export declare const RenderBlocks: import("vue").DefineComponent<Readonly<{
+    parent?: any;
+    path?: any;
+    blocks?: any;
+    styleProp?: any;
+    context?: any;
+    registeredComponents?: any;
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    parent?: any;
+    path?: any;
+    blocks?: any;
+    styleProp?: any;
+    context?: any;
+    registeredComponents?: any;
+}>>>, {
+    readonly parent?: any;
+    readonly path?: any;
+    readonly blocks?: any;
+    readonly styleProp?: any;
+    readonly context?: any;
+    readonly registeredComponents?: any;
+}>;
+/**
+ * @deprecated Renamed to `Content`.
+ */
+export declare const RenderContent: import("vue").DefineComponent<Readonly<{
+    data?: any;
+    model?: any;
+    content?: any;
+    context?: any;
+    apiKey?: any;
+    apiVersion?: any;
+    canTrack?: any;
+    __isNestedRender?: any;
+    customComponents?: any;
+    locale?: any;
+    includeRefs?: any;
+    enrich?: any;
+}>, {}, {
+    shouldRenderVariants: boolean;
+    TARGET: import("../types/targets").Target;
+    getScriptString: () => string;
+    getVariants: (content: import("../helpers/nullable").Nullable<import("../types/builder-content").BuilderContent>) => any;
+}, {
+    variantScriptStr(): string;
+    hideVariantsStyleString(): any;
+    defaultContent(): any;
+}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    data?: any;
+    model?: any;
+    content?: any;
+    context?: any;
+    apiKey?: any;
+    apiVersion?: any;
+    canTrack?: any;
+    __isNestedRender?: any;
+    customComponents?: any;
+    locale?: any;
+    includeRefs?: any;
+    enrich?: any;
+}>>>, {
+    readonly data?: any;
+    readonly model?: any;
+    readonly content?: any;
+    readonly context?: any;
+    readonly apiKey?: any;
+    readonly apiVersion?: any;
+    readonly canTrack?: any;
+    readonly __isNestedRender?: any;
+    readonly customComponents?: any;
+    readonly locale?: any;
+    readonly includeRefs?: any;
+    readonly enrich?: any;
+}>;

package/vue2/lib/browser/index-helpers/top-of-file.d.ts

@@ -0,0 +1 @@
+export default undefined;

package/vue2/lib/browser/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-63eb9f8d.cjs");require("vue");exports.Blocks=e.Blocks;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.Content;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.RenderBlocks=e.RenderBlocks;exports.RenderContent=e.RenderContent;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;

package/vue2/lib/browser/index.d.ts

@@ -0,0 +1,7 @@
+export * from './index-helpers/top-of-file.js';
+export * from './index-helpers/blocks-exports.js';
+/**
+ * We have a separate entry point to the SDKs that guarantees no components are being imported. This is useful
+ * for React SDK, which would break in the NextJS App directory because the component imports have `use client` in them.
+ */
+export * from './server-index.js';

package/vue2/lib/browser/index.js

@@ -0,0 +1,29 @@
+import { x as a, B as n, C as r, y as o, F as i, I as g, R as c, z as l, S as d, d as m, e as C, V as u, D as B, q as p, L as E, E as R, t as S, G as f, J as h, H as k, i as x, u as y, r as P, A, K as F } from "./index-f82eab8f.js";
+import "vue";
+export {
+  a as Blocks,
+  n as Button,
+  r as Columns,
+  o as Content,
+  i as Fragment,
+  g as Image,
+  c as RenderBlocks,
+  l as RenderContent,
+  d as Section,
+  m as Symbol,
+  C as Text,
+  u as Video,
+  B as _processContentResult,
+  p as createRegisterComponentMessage,
+  E as fetchBuilderProps,
+  R as fetchEntries,
+  S as fetchOneEntry,
+  f as getAllContent,
+  h as getBuilderSearchParams,
+  k as getContent,
+  x as isEditing,
+  y as isPreviewing,
+  P as register,
+  A as setEditorSettings,
+  F as track
+};

package/vue2/lib/browser/inlined-script-2d16b8db.js

@@ -0,0 +1,23 @@
+import { defineComponent as t } from "vue";
+import { n as e } from "./index-f82eab8f.js";
+const s = t({
+  name: "inlined-script",
+  props: ["scriptStr", "id"]
+});
+var o = function() {
+  var n = this, r = n._self._c;
+  return n._self._setupProxy, r("script", { tag: "component", attrs: { id: n.id }, domProps: { innerHTML: n._s(n.scriptStr) } });
+}, i = [], p = /* @__PURE__ */ e(
+  s,
+  o,
+  i,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const a = p.exports;
+export {
+  a as default
+};

package/vue2/lib/browser/inlined-script-95114af2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),t=require("./index-63eb9f8d.cjs"),i=r.defineComponent({name:"inlined-script",props:["scriptStr","id"]});var s=function(){var e=this,n=e._self._c;return e._self._setupProxy,n("script",{tag:"component",attrs:{id:e.id},domProps:{innerHTML:e._s(e.scriptStr)}})},o=[],c=t.normalizeComponent(i,s,o,!1,null,null,null,null);const l=c.exports;exports.default=l;

package/vue2/lib/browser/inlined-styles-9637cb58.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./index-63eb9f8d.cjs"),r=t.defineComponent({name:"inlined-styles",props:["styles","id"]});var l=function(){var e=this,n=e._self._c;return e._self._setupProxy,n("style",{tag:"component",attrs:{id:e.id},domProps:{innerHTML:e._s(e.styles)}})},o=[],i=s.normalizeComponent(r,l,o,!1,null,null,null,null);const _=i.exports;exports.default=_;

package/vue2/lib/browser/inlined-styles-fbbf7fd9.js

@@ -0,0 +1,23 @@
+import { defineComponent as s } from "vue";
+import { n as t } from "./index-f82eab8f.js";
+const r = s({
+  name: "inlined-styles",
+  props: ["styles", "id"]
+});
+var o = function() {
+  var n = this, e = n._self._c;
+  return n._self._setupProxy, e("style", { tag: "component", attrs: { id: n.id }, domProps: { innerHTML: n._s(n.styles) } });
+}, l = [], _ = /* @__PURE__ */ t(
+  r,
+  o,
+  l,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const p = _.exports;
+export {
+  p as default
+};

package/vue2/lib/browser/interactive-element-c87a6c35.js

@@ -0,0 +1,42 @@
+import { defineComponent as o } from "vue";
+import { g as r } from "./get-block-actions-63de56e5.js";
+import { g as n } from "./get-block-properties-a5f2574c.js";
+import { n as c } from "./index-f82eab8f.js";
+import "./evaluate-28c12253.js";
+import "./css-67efb2d0.js";
+const a = o({
+  name: "interactive-element",
+  props: ["wrapperProps", "block", "context", "Wrapper"],
+  data() {
+    return { getBlockActions: r, getBlockProperties: n };
+  }
+});
+var l = function() {
+  var t = this, e = t._self._c;
+  return t._self._setupProxy, e(t.Wrapper, t._b({ tag: "component", attrs: { attributes: {
+    ...t.getBlockProperties({
+      block: t.block,
+      context: t.context
+    }),
+    ...t.getBlockActions({
+      block: t.block,
+      rootState: t.context.rootState,
+      rootSetState: t.context.rootSetState,
+      localState: t.context.localState,
+      context: t.context.context
+    })
+  } } }, "component", t.wrapperProps, !1), [t._t("default")], 2);
+}, p = [], s = /* @__PURE__ */ c(
+  a,
+  l,
+  p,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const S = s.exports;
+export {
+  S as default
+};

package/vue2/lib/browser/interactive-element-d37313e0.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=require("./get-block-actions-f19965b6.cjs"),n=require("./get-block-properties-21c833e6.cjs"),c=require("./index-63eb9f8d.cjs");require("./evaluate-6cd69c12.cjs");require("./css-a19d330c.cjs");const l=o.defineComponent({name:"interactive-element",props:["wrapperProps","block","context","Wrapper"],data(){return{getBlockActions:r.getBlockActions,getBlockProperties:n.getBlockProperties}}});var a=function(){var e=this,t=e._self._c;return e._self._setupProxy,t(e.Wrapper,e._b({tag:"component",attrs:{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})}}},"component",e.wrapperProps,!1),[e._t("default")],2)},s=[],i=c.normalizeComponent(l,a,s,!1,null,null,null,null);const p=i.exports;exports.default=p;

package/vue2/lib/browser/repeated-block-231b11b1.js

@@ -0,0 +1,38 @@
+import { defineComponent as r } from "vue";
+import { l as n, n as s } from "./index-f82eab8f.js";
+const l = () => import("./block-86d82810.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component Block at ../block.vue",
+    e
+  ), e;
+}), c = r({
+  name: "repeated-block",
+  components: { block: l },
+  props: ["repeatContext", "block", "registeredComponents"],
+  data() {
+    return { store: this.repeatContext };
+  },
+  provide() {
+    const e = this;
+    return {
+      [n.key]: e.store
+    };
+  }
+});
+var a = function() {
+  var t = this, o = t._self._c;
+  return t._self._setupProxy, o("block", { attrs: { block: t.block, context: t.store, registeredComponents: t.registeredComponents } });
+}, p = [], i = /* @__PURE__ */ s(
+  c,
+  a,
+  p,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const d = i.exports;
+export {
+  d as default
+};

package/vue2/lib/browser/repeated-block-49fef627.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),o=require("./index-63eb9f8d.cjs"),s=()=>Promise.resolve().then(()=>require("./block-750d8ed7.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=n.defineComponent({name:"repeated-block",components:{block:s},props:["repeatContext","block","registeredComponents"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[o.builderContext.key]:e.store}}});var l=function(){var t=this,r=t._self._c;return t._self._setupProxy,r("block",{attrs:{block:t.block,context:t.store,registeredComponents:t.registeredComponents}})},i=[],a=o.normalizeComponent(c,l,i,!1,null,null,null,null);const p=a.exports;exports.default=p;

package/vue2/lib/browser/scripts/init-editing.d.ts

@@ -0,0 +1,6 @@
+export declare const registerInsertMenu: () => void;
+export declare const setupBrowserForEditing: (options?: {
+    enrich?: boolean;
+    includeRefs?: boolean;
+    locale?: string;
+}) => void;

package/vue2/lib/browser/server-index.d.ts

@@ -0,0 +1,15 @@
+export * from './index-helpers/top-of-file.js';
+export { isEditing } from './functions/is-editing.js';
+export { isPreviewing } from './functions/is-previewing.js';
+export { createRegisterComponentMessage } from './functions/register-component.js';
+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 { _processContentResult, fetchEntries, fetchOneEntry, getAllContent, getContent } 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 { ContentProps } from './components/content/content.types.js';
+export type { RegisteredComponent } from './context/types.js';
+export type { ComponentInfo } from './types/components.js';
+export { fetchBuilderProps } from './functions/fetch-builder-props.js';

package/vue2/lib/browser/style.css

@@ -0,0 +1 @@
+.button-2fnk003dqad[data-v-ab46b8bd]{all:unset}.div-t9spj7joih[data-v-bd1575ca]{display:flex;line-height:normal}.div-t9spj7joih-2[data-v-bd1575ca]{display:flex;flex-direction:column;align-items:stretch}.img-1pl23ac79ld[data-v-aae97bc7]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-aae97bc7]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-aae97bc7]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-tqyw9m0iue[data-v-a3106f07]{display:flex;flex-direction:column;align-items:stretch}

package/vue2/lib/browser/styles-28f7ec70.js

@@ -0,0 +1,89 @@
+import { defineComponent as a } from "vue";
+import { n as f } from "./index-f82eab8f.js";
+const c = (t) => {
+  var o;
+  const e = t.family + (t.kind && !t.kind.includes("#") ? ", " + t.kind : ""), i = e.split(",")[0], r = t.fileUrl ?? ((o = t == null ? void 0 : t.files) == null ? void 0 : o.regular);
+  let l = "";
+  if (r && e && i && (l += `
+@font-face {
+font-family: "${e}";
+src: local("${i}"), url('${r}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim()), t.files)
+    for (const n in t.files) {
+      if (!(String(Number(n)) === n))
+        continue;
+      const s = t.files[n];
+      s && s !== r && (l += `
+@font-face {
+font-family: "${e}";
+src: url('${s}') format('woff2');
+font-display: fallback;
+font-weight: ${n};
+}
+        `.trim());
+    }
+  return l;
+}, m = ({
+  customFonts: t
+}) => {
+  var e;
+  return ((e = t == null ? void 0 : t.map((i) => c(i))) == null ? void 0 : e.join(" ")) || "";
+}, u = ({
+  cssCode: t,
+  contentId: e
+}) => t ? e ? (t == null ? void 0 : t.replace(/&/g, `div[builder-content-id="${e}"]`)) || "" : t : "", d = () => import("./inlined-styles-fbbf7fd9.js").then((t) => t.default).catch((t) => {
+  throw console.error(
+    "Error while attempting to dynamically import component InlinedStyles at ../../inlined-styles.vue",
+    t
+  ), t;
+}), p = a({
+  name: "content-styles",
+  components: { "inlined-styles": d },
+  props: ["cssCode", "contentId", "customFonts"],
+  data() {
+    return {
+      injectedStyles: `
+${u({
+        cssCode: this.cssCode,
+        contentId: this.contentId
+      })}
+${m({
+        customFonts: this.customFonts
+      })}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
+`.trim()
+    };
+  }
+});
+var h = function() {
+  var e = this, i = e._self._c;
+  return e._self._setupProxy, i("inlined-styles", { attrs: { styles: e.injectedStyles } });
+}, y = [], g = /* @__PURE__ */ f(
+  p,
+  h,
+  y,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const $ = g.exports;
+export {
+  $ as default
+};

package/vue2/lib/browser/styles-6a6b8114.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),c=require("./index-63eb9f8d.cjs"),f=e=>{var o;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),i=t.split(",")[0],r=e.fileUrl??((o=e==null?void 0:e.files)==null?void 0:o.regular);let l="";if(r&&t&&i&&(l+=`
+@font-face {
+font-family: "${t}";
+src: local("${i}"), url('${r}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim()),e.files)for(const n in e.files){if(!(String(Number(n))===n))continue;const s=e.files[n];s&&s!==r&&(l+=`
+@font-face {
+font-family: "${t}";
+src: url('${s}') format('woff2');
+font-display: fallback;
+font-weight: ${n};
+}
+        `.trim())}return l},u=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(i=>f(i)))==null?void 0:t.join(" "))||""},d=({cssCode:e,contentId:t})=>e?t?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${t}"]`))||"":e:"",m=()=>Promise.resolve().then(()=>require("./inlined-styles-9637cb58.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component InlinedStyles at ../../inlined-styles.vue",e),e}),p=a.defineComponent({name:"content-styles",components:{"inlined-styles":m},props:["cssCode","contentId","customFonts"],data(){return{injectedStyles:`
+${d({cssCode:this.cssCode,contentId:this.contentId})}
+${u({customFonts:this.customFonts})}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
+`.trim()}}});var h=function(){var t=this,i=t._self._c;return t._self._setupProxy,i("inlined-styles",{attrs:{styles:t.injectedStyles}})},y=[],g=c.normalizeComponent(p,h,y,!1,null,null,null,null);const _=g.exports;exports.default=_;

package/vue2/lib/browser/types/api-version.d.ts

@@ -0,0 +1,2 @@
+export type ApiVersion = 'v2' | 'v3';
+export declare const DEFAULT_API_VERSION: ApiVersion;

package/vue2/lib/browser/types/builder-block.d.ts

@@ -0,0 +1,66 @@
+type JSONValue = string | number | boolean | JSONObject | JSONArray;
+interface JSONObject {
+    [x: string]: JSONValue;
+}
+interface JSONArray extends Array<JSONValue> {
+}
+/** @todo typedoc this */
+export interface BuilderBlock {
+    '@type': '@builder.io/sdk:Element';
+    '@version'?: number;
+    id?: string;
+    tagName?: string;
+    layerName?: string;
+    groupLocked?: boolean;
+    layerLocked?: boolean;
+    /** @todo make alias for properties.class */
+    class?: string;
+    children?: BuilderBlock[];
+    responsiveStyles?: {
+        large?: Partial<CSSStyleDeclaration>;
+        medium?: Partial<CSSStyleDeclaration>;
+        small?: Partial<CSSStyleDeclaration>;
+        /** @deprecated */
+        xsmall?: Partial<CSSStyleDeclaration>;
+    };
+    component?: {
+        name: string;
+        options?: any;
+        tag?: string;
+    };
+    bindings?: {
+        [key: string]: string;
+    };
+    meta?: {
+        [key: string]: JSONValue;
+    };
+    actions?: {
+        [key: string]: string;
+    };
+    properties?: {
+        [key: string]: string;
+    };
+    code?: {
+        bindings?: {
+            [key: string]: string;
+        };
+        actions?: {
+            [key: string]: string;
+        };
+    };
+    repeat?: {
+        collection: string;
+        itemName?: string;
+    } | null;
+    animations?: any[];
+    style?: Partial<CSSStyleDeclaration>;
+    /**
+     * generated by the "Hide If" binding
+     */
+    hide?: boolean;
+    /**
+     * generated by the "Show If" binding
+     */
+    show?: boolean;
+}
+export {};

package/vue2/lib/browser/types/builder-content.d.ts

@@ -0,0 +1,44 @@
+import type { BuilderBlock } from './builder-block.js';
+import type { Input } from './input.js';
+import type { Nullable } from './typescript.js';
+export interface Breakpoints {
+    small: number;
+    medium: number;
+}
+export interface BuilderContentVariation {
+    data?: {
+        title?: string;
+        blocks?: BuilderBlock[];
+        inputs?: Input[];
+        state?: {
+            [key: string]: any;
+        };
+        jsCode?: string;
+        tsCode?: string;
+        httpRequests?: {
+            [key: string]: string;
+        };
+        [key: string]: any;
+    };
+    name?: string;
+    testRatio?: number;
+    id?: string;
+    meta?: {
+        breakpoints?: Nullable<Breakpoints>;
+        [key: string]: any;
+    };
+}
+export interface BuilderContent extends BuilderContentVariation {
+    '@version'?: number;
+    published?: 'published' | 'draft' | 'archived';
+    modelId?: string;
+    priority?: number;
+    lastUpdated?: number;
+    startDate?: number;
+    endDate?: number;
+    variations?: {
+        [id: string]: BuilderContentVariation;
+    };
+    testVariationId?: string;
+    testVariationName?: string;
+}

package/vue2/lib/browser/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/vue2/lib/browser/types/can-track.d.ts

@@ -0,0 +1,3 @@
+export type CanTrack = {
+    canTrack: boolean;
+};

package/vue2/lib/browser/types/components.d.ts

@@ -0,0 +1,110 @@
+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
+     * by registering a component with the same name, e.g. 'Text', to replace the built-in text component
+     */
+    name: string;
+    description?: string;
+    /**
+     * Link to a documentation page for this component
+     */
+    docsLink?: string;
+    image?: string;
+    /**
+     * Input schema for your component for users to fill in the options
+     */
+    inputs?: Input[];
+    class?: any;
+    type?: 'angular' | 'webcomponent' | 'react' | 'vue';
+    defaultStyles?: {
+        [key: string]: string;
+    };
+    /**
+     * Turn on if your component can accept children. Be sure to use in combination with
+     * withChildren(YourComponent) like here
+     * github.com/BuilderIO/builder/blob/master/examples/react-design-system/src/components/HeroWithChildren/HeroWithChildren.builder.js#L5
+     */
+    canHaveChildren?: boolean;
+    fragment?: boolean;
+    /**
+     * Do not wrap a component in a dom element. Be sure to use {...props.attributes} with this option
+     * 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
+     */
+    defaultChildren?: BuilderElement[];
+    defaults?: Partial<BuilderElement>;
+    hooks?: {
+        [key: string]: string | Function;
+    };
+    /**
+     * Hide your component in editor, useful for gradually deprecating components
+     */
+    hideFromInsertMenu?: boolean;
+    tag?: string;
+    static?: boolean;
+    /**
+     * Passing a list of model names will restrict using the component to only the models listed here, otherwise it'll be available for all models
+     */
+    models?: string[];
+    /**
+     * Specify restrictions direct children must match
+     */
+    childRequirements?: {
+        /** Message to show when this doesn't match, e.g. "Children of 'Columns' must be a 'Column'" */
+        message: string;
+        /** Simple way to say children must be a specific component name */
+        component?: string;
+        /**
+         * More advanced - specify a MongoDB-style query (using sift.js github.com/crcn/sift.js)
+         * of what the children objects should match, e.g.
+         *
+         * @example
+         *  query: {
+         *    // Child of this element must be a 'Button' or 'Text' component
+         *    'component.name': { $in: ['Button', 'Text'] }
+         *  }
+         */
+        query?: any;
+    };
+    /**
+     * Specify restrictions any parent must match
+     */
+    requiresParent?: {
+        /** Message to show when this doesn't match, e.g. "'Add to cart' buttons must be within a 'Product box'" */
+        message: string;
+        /** Simple way to say a parent must be a specific component name, e.g. 'Product box' */
+        component?: string;
+        /**
+         * More advanced - specify a MongoDB-style query (using sift.js github.com/crcn/sift.js)
+         * of what at least one parent in the parents hierarchy should match, e.g.
+         *
+         * @example
+         *  query: {
+         *    // Thils element must be somewhere inside either a 'Product box' or 'Collection' component
+         *    'component.name': { $in: ['Product Box', 'Collection'] }
+         *  }
+         */
+        query?: any;
+    };
+    friendlyName?: string;
+    /**
+     * Use to restrict access to your component based on a the current user permissions
+     * By default components will show to all users
+     * for more information on permissions in builder check https://www.builder.io/c/docs/guides/roles-and-permissions
+     */
+    requiredPermissions?: Array<Permission>;
+    hidden?: boolean;
+}
+type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
+export {};