@builder.io/sdk-vue 0.2.2 → 0.3.1

package/packages/_vue2/dist/src/components/render-block/render-repeated-block.vue.d.ts

@@ -1,85 +1,20 @@
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderBlock: () => Promise<{
-            name: string;
-            components: {
-                RenderComponent: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderBlock: () => Promise<any>;
-                        BlockStyles: () => Promise<{
-                            name: string;
-                            components: {
-                                RenderInlinedStyles: () => Promise<{
-                                    name: string;
-                                    props: string[];
-                                    data(): {
-                                        TARGET: string;
-                                    };
-                                    computed: {
-                                        tag(): string;
-                                        injectedStyleScript(): any;
-                                    };
-                                }>;
-                            };
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                useBlock(): any;
-                                canShowBlock(): any;
-                                css(): any;
-                            };
-                        }>;
-                    };
-                    props: string[];
-                }>;
-                RenderRepeatedBlock: () => Promise<any>;
-                BlockStyles: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderInlinedStyles: () => Promise<{
-                            name: string;
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                tag(): string;
-                                injectedStyleScript(): any;
-                            };
-                        }>;
-                    };
-                    props: string[];
-                    data(): {
-                        TARGET: string;
-                    };
-                    computed: {
-                        useBlock(): any;
-                        canShowBlock(): any;
-                        css(): any;
-                    };
-                }>;
-            };
-            props: string[];
-            data(): any;
-            computed: {
-                useBlock(): any;
-                canShowBlock(): unknown;
-                actions(): any;
-                attributes(): any;
-                childrenWithoutParentComponent(): any;
-                childrenContext(): any;
-                renderComponentProps(): any;
-            };
-            methods: {
-                stripVOn: (actions?: {}) => {};
-            };
-        }>;
-    };
-    props: string[];
-    provide(): any;
-};
+/**
+ * We can't make this a generic `ProvideContext` function because Vue 2 won't support root slots, e.g.
+ *
+ * ```vue
+ * <template>
+ *  <slot></slot>
+ * </template>
+ * ```
+ */
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    block?: any;
+    repeatContext?: any;
+}>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    block?: any;
+    repeatContext?: any;
+}>>>, {
+    readonly block?: any;
+    readonly repeatContext?: any;
+}>;
 export default _sfc_main;

package/packages/_vue2/dist/src/components/render-blocks.vue.d.ts

@@ -1,134 +1,30 @@
+import type { BuilderBlock } from "../types/builder-block.js";
 export type RenderBlockProps = {
     blocks?: BuilderBlock[];
     parent?: string;
     path?: string;
     styleProp?: Record<string, any>;
 };
-import { BuilderBlock } from "../types/builder-block.js";
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderBlock: () => Promise<{
-            name: string;
-            components: {
-                RenderComponent: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderBlock: () => Promise<any>;
-                        BlockStyles: () => Promise<{
-                            name: string;
-                            components: {
-                                RenderInlinedStyles: () => Promise<{
-                                    name: string;
-                                    props: string[];
-                                    data(): {
-                                        TARGET: string;
-                                    };
-                                    computed: {
-                                        tag(): string;
-                                        injectedStyleScript(): any;
-                                    };
-                                }>;
-                            };
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                useBlock(): any;
-                                canShowBlock(): any;
-                                css(): any;
-                            };
-                        }>;
-                    };
-                    props: string[];
-                }>;
-                RenderRepeatedBlock: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderBlock: () => Promise<any>;
-                    };
-                    props: string[];
-                    provide(): any;
-                }>;
-                BlockStyles: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderInlinedStyles: () => Promise<{
-                            name: string;
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                tag(): string;
-                                injectedStyleScript(): any;
-                            };
-                        }>;
-                    };
-                    props: string[];
-                    data(): {
-                        TARGET: string;
-                    };
-                    computed: {
-                        useBlock(): any;
-                        canShowBlock(): any;
-                        css(): any;
-                    };
-                }>;
-            };
-            props: string[];
-            data(): any;
-            computed: {
-                useBlock(): any;
-                canShowBlock(): unknown;
-                actions(): any;
-                attributes(): any;
-                childrenWithoutParentComponent(): any;
-                childrenContext(): any;
-                renderComponentProps(): any;
-            };
-            methods: {
-                stripVOn: (actions?: {}) => {};
-            };
-        }>;
-        BlockStyles: () => Promise<{
-            name: string;
-            components: {
-                RenderInlinedStyles: () => Promise<{
-                    name: string;
-                    props: string[];
-                    data(): {
-                        TARGET: string;
-                    };
-                    computed: {
-                        tag(): string;
-                        injectedStyleScript(): any;
-                    };
-                }>;
-            };
-            props: string[];
-            data(): {
-                TARGET: string;
-            };
-            computed: {
-                useBlock(): any;
-                canShowBlock(): any;
-                css(): any;
-            };
-        }>;
-    };
-    props: string[];
-    inject: {
-        builderContext: symbol;
-    };
-    computed: {
-        className(): any;
-    };
-    methods: {
-        onClick(): void;
-        onMouseEnter(): void;
-        _classStringToObject(str: any): {};
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    parent?: any;
+    blocks?: any;
+    path?: any;
+    styleProp?: any;
+}>, {}, {}, {
+    className(): string;
+}, {
+    onClick(): void;
+    onMouseEnter(): void;
+    _classStringToObject(str: any): {};
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    parent?: any;
+    blocks?: any;
+    path?: any;
+    styleProp?: any;
+}>>>, {
+    readonly parent?: any;
+    readonly blocks?: any;
+    readonly path?: any;
+    readonly styleProp?: any;
+}>;
 export default _sfc_main;

package/packages/_vue2/dist/src/components/render-content/components/render-styles.vue.d.ts

@@ -1,19 +1,16 @@
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderInlinedStyles: () => Promise<{
-            name: string;
-            props: string[];
-            data(): {
-                TARGET: string;
-            };
-            computed: {
-                tag(): string;
-                injectedStyleScript(): any;
-            };
-        }>;
-    };
-    props: string[];
-    data(): any;
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    cssCode?: any;
+    contentId?: any;
+    customFonts?: any;
+}>, {}, {
+    injectedStyles: string;
+}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    cssCode?: any;
+    contentId?: any;
+    customFonts?: any;
+}>>>, {
+    readonly cssCode?: any;
+    readonly contentId?: any;
+    readonly customFonts?: any;
+}>;
 export default _sfc_main;

package/packages/_vue2/dist/src/components/render-content/render-content.vue.d.ts

@@ -1,220 +1,54 @@
-import { BuilderRenderState } from "../../context/types.js";
-import { Breakpoints, BuilderContent } from "../../types/builder-content.js";
-import { Nullable } from "../../types/typescript.js";
-declare const _sfc_main: {
-    name: string;
-    components: {
-        RenderContentStyles: () => Promise<{
-            name: string;
-            components: {
-                RenderInlinedStyles: () => Promise<{
-                    name: string;
-                    props: string[];
-                    data(): {
-                        TARGET: string;
-                    };
-                    computed: {
-                        tag(): string;
-                        injectedStyleScript(): any;
-                    };
-                }>;
-            };
-            props: string[];
-            data(): any;
-        }>;
-        RenderBlocks: () => Promise<{
-            name: string;
-            components: {
-                RenderBlock: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderComponent: () => Promise<{
-                            name: string;
-                            components: {
-                                RenderBlock: () => Promise<any>;
-                                BlockStyles: () => Promise<{
-                                    name: string;
-                                    components: {
-                                        RenderInlinedStyles: () => Promise<{
-                                            name: string;
-                                            props: string[];
-                                            data(): {
-                                                TARGET: string;
-                                            };
-                                            computed: {
-                                                tag(): string;
-                                                injectedStyleScript(): any;
-                                            };
-                                        }>;
-                                    };
-                                    props: string[];
-                                    data(): {
-                                        TARGET: string;
-                                    };
-                                    computed: {
-                                        useBlock(): any;
-                                        canShowBlock(): any;
-                                        css(): any;
-                                    };
-                                }>;
-                            };
-                            props: string[];
-                        }>;
-                        RenderRepeatedBlock: () => Promise<{
-                            name: string;
-                            components: {
-                                RenderBlock: () => Promise<any>;
-                            };
-                            props: string[];
-                            provide(): any;
-                        }>;
-                        BlockStyles: () => Promise<{
-                            name: string;
-                            components: {
-                                RenderInlinedStyles: () => Promise<{
-                                    name: string;
-                                    props: string[];
-                                    data(): {
-                                        TARGET: string;
-                                    };
-                                    computed: {
-                                        tag(): string;
-                                        injectedStyleScript(): any;
-                                    };
-                                }>;
-                            };
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                useBlock(): any;
-                                canShowBlock(): any;
-                                css(): any;
-                            };
-                        }>;
-                    };
-                    props: string[];
-                    data(): any;
-                    computed: {
-                        useBlock(): any;
-                        canShowBlock(): unknown;
-                        actions(): any;
-                        attributes(): any;
-                        childrenWithoutParentComponent(): any;
-                        childrenContext(): any;
-                        renderComponentProps(): any;
-                    };
-                    methods: {
-                        stripVOn: (actions?: {}) => {};
-                    };
-                }>;
-                BlockStyles: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderInlinedStyles: () => Promise<{
-                            name: string;
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                tag(): string;
-                                injectedStyleScript(): any;
-                            };
-                        }>;
-                    };
-                    props: string[];
-                    data(): {
-                        TARGET: string;
-                    };
-                    computed: {
-                        useBlock(): any;
-                        canShowBlock(): any;
-                        css(): any;
-                    };
-                }>;
-            };
-            props: string[];
-            inject: {
-                builderContext: symbol;
-            };
-            computed: {
-                className(): any;
-            };
-            methods: {
-                onClick(): void;
-                onMouseEnter(): void;
-                _classStringToObject(str: any): {};
-            };
-        }>;
+import type { BuilderRenderState } from "../../context/types.js";
+import type { Breakpoints, BuilderContent } from "../../types/builder-content.js";
+import type { Nullable } from "../../types/typescript.js";
+declare const _sfc_main: import("vue").DefineComponent<string[], {}, {
+    forceReRenderCount: number;
+    overrideContent: null;
+    useContent: Nullable<BuilderContent>;
+    update: number;
+    canTrackToUse: any;
+    contentState: {
+        [x: string]: unknown;
     };
-    props: string[];
-    data(): {
-        forceReRenderCount: number;
-        overrideContent: null;
-        useContent: Nullable<BuilderContent>;
-        update: number;
-        canTrackToUse: any;
-        contentState: {
+    allRegisteredComponents: any;
+    httpReqsData: {};
+    clicked: boolean;
+    TARGET: string;
+}, {
+    onUpdateHook0(): {
+        0: any;
+    };
+    onUpdateHook1(): {
+        0: string | undefined;
+        1: {
             [x: string]: unknown;
         };
-        allRegisteredComponents: any;
-        httpReqsData: {};
-        clicked: boolean;
-        TARGET: string;
     };
-    provide(): {
-        [x: symbol]: {
-            content: any;
-            state: any;
-            setState: any;
-            context: any;
-            apiKey: any;
-            apiVersion: any;
-            registeredComponents: any;
-        };
+    onUpdateHook2(): {
+        0: {
+            [key: string]: string;
+        } | undefined;
     };
-    mounted(): void;
-    watch: {
-        onUpdateHook0: {
-            handler(): void;
-            immediate: boolean;
-        };
-        onUpdateHook1: {
-            handler(): void;
-            immediate: boolean;
-        };
-        onUpdateHook2: {
-            handler(): void;
-            immediate: boolean;
-        };
-        onUpdateHook3: {
-            handler(): void;
-            immediate: boolean;
+    onUpdateHook3(): {
+        0: {
+            [x: string]: unknown;
         };
     };
-    unmounted(): void;
-    computed: {
-        onUpdateHook0(): any;
-        onUpdateHook1(): any;
-        onUpdateHook2(): any;
-        onUpdateHook3(): any;
-    };
-    methods: {
-        mergeNewContent(newContent: BuilderContent): void;
-        setBreakpoints(breakpoints: Breakpoints): void;
-        setContextState(newState: BuilderRenderState): void;
-        processMessage(event: MessageEvent): void;
-        evaluateJsCode(): void;
-        onClick(event: any): void;
-        evalExpression(expression: string): string;
-        handleRequest({ url, key }: {
-            key: string;
-            url: string;
-        }): void;
-        runHttpRequests(): void;
-        emitStateUpdate(): void;
-    };
-};
+}, {
+    mergeNewContent(newContent: BuilderContent): void;
+    setBreakpoints(breakpoints: Breakpoints): void;
+    contentSetState(newRootState: BuilderRenderState): void;
+    processMessage(event: MessageEvent): void;
+    evaluateJsCode(): void;
+    onClick(event: any): void;
+    evalExpression(expression: string): string;
+    handleRequest({ url, key }: {
+        key: string;
+        url: string;
+    }): void;
+    runHttpRequests(): void;
+    emitStateUpdate(): void;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<string[]>>, {
+    [x: number]: string;
+}>;
 export default _sfc_main;

package/packages/_vue2/dist/src/components/render-inlined-styles.vue.d.ts

@@ -1,12 +1,13 @@
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    data(): {
-        TARGET: string;
-    };
-    computed: {
-        tag(): string;
-        injectedStyleScript(): any;
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    styles?: any;
+}>, {}, {
+    TARGET: string;
+}, {
+    tag(): any;
+    injectedStyleScript(): string;
+}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    styles?: any;
+}>>>, {
+    readonly styles?: any;
+}>;
 export default _sfc_main;

package/packages/_vue2/dist/src/constants/sdk-version.d.ts

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

package/packages/_vue2/dist/src/context/builder.context.d.ts

@@ -2,8 +2,9 @@ declare const _default: {
     Builder: {
         content: null;
         context: {};
-        state: {};
-        setState(): void;
+        localState: undefined;
+        rootSetState(): void;
+        rootState: {};
         apiKey: null;
         apiVersion: undefined;
         registeredComponents: {};

package/packages/_vue2/dist/src/context/types.d.ts

@@ -11,8 +11,23 @@ export type BuilderRenderContext = Record<string, unknown>;
 export interface BuilderContextInterface {
     content: Nullable<BuilderContent>;
     context: BuilderRenderContext;
-    state: BuilderRenderState;
-    setState?: (state: BuilderRenderState) => void;
+    /**
+     * The state of the application.
+     *
+     * NOTE: see `localState` below to understand how it is different from `rootState`.
+     */
+    rootState: BuilderRenderState;
+    /**
+     * Some frameworks have a `setState` function which needs to be invoked to notify
+     * the framework of state change. (other frameworks don't in which case it is `undefined')
+     */
+    rootSetState: ((rootState: BuilderRenderState) => void) | undefined;
+    /**
+     * The local state of the current component. This is different from `rootState` in that
+     * it can be a child state created by a repeater containing local state.
+     * The `rootState` is where all of the state mutations are actually stored.
+     */
+    localState: BuilderRenderState | undefined;
     apiKey: string | null;
     apiVersion: ApiVersion | undefined;
     registeredComponents: RegisteredComponents;

package/packages/_vue2/dist/src/functions/evaluate.d.ts

@@ -1,6 +1,7 @@
-import type { BuilderContextInterface } from '../context/types.js';
-export declare function evaluate({ code, context, state, event, isExpression, }: {
+import type { BuilderContextInterface, BuilderRenderState } from '../context/types.js';
+export declare function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression, }: {
     code: string;
     event?: Event;
     isExpression?: boolean;
-} & Pick<BuilderContextInterface, 'state' | 'context'>): any;
+} & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): any;
+export declare function flattenState(rootState: Record<string | symbol, any>, localState: Record<string | symbol, any> | undefined, rootSetState: ((rootState: BuilderRenderState) => void) | undefined): BuilderRenderState;

package/packages/_vue2/dist/src/functions/get-block-actions-handler.d.ts

@@ -2,7 +2,7 @@ import type { BuilderContextInterface } from '../context/types.js';
 import type { BuilderBlock } from '../types/builder-block.js';
 type Options = {
     block: BuilderBlock;
-} & Pick<BuilderContextInterface, 'state' | 'context'>;
+} & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>;
 type EventHandler = (event: Event) => any;
 export declare const createEventHandler: (value: string, options: Options) => EventHandler;
 export {};

package/packages/_vue2/dist/src/functions/get-block-actions.d.ts

@@ -5,5 +5,5 @@ type Actions = {
 };
 export declare function getBlockActions(options: {
     block: BuilderBlock;
-} & Pick<BuilderContextInterface, 'state' | 'context'>): Actions;
+} & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): Actions;
 export {};