@builder.io/sdk-svelte 0.4.4 → 0.5.0

package/package/components/render-block/render-block.helpers.d.ts

@@ -1,12 +0,0 @@
-import type { BuilderContextInterface } from '../../context/types';
-import type { BuilderBlock } from '../../types/builder-block';
-import type { RepeatData } from './types';
-export declare const isEmptyHtmlElement: (tagName: unknown) => boolean;
-export declare const getComponent: ({ block, context, }: {
-    block: BuilderBlock;
-    context: BuilderContextInterface;
-}) => import("../../context/types").RegisteredComponent | null | undefined;
-export declare const getRepeatItemData: ({ block, context, }: {
-    block: BuilderBlock;
-    context: BuilderContextInterface;
-}) => RepeatData[] | undefined;

package/package/components/render-block/render-block.svelte

@@ -1,152 +0,0 @@
-<script context="module"></script>
-
-<script>import { writable } from "svelte/store";
-import { getBlockActions } from "../../functions/get-block-actions.js";
-import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
-import { getBlockProperties } from "../../functions/get-block-properties.js";
-import { getProcessedBlock } from "../../functions/get-processed-block.js";
-import BlockStyles from "./block-styles.svelte";
-import { getComponent, getRepeatItemData, isEmptyHtmlElement, } from "./render-block.helpers.js";
-import RenderRepeatedBlock from "./render-repeated-block.svelte";
-import { TARGET } from "../../constants/target.js";
-import "../../functions/extract-text-styles.js";
-import RenderComponent from "./render-component.svelte";
-import { getReactNativeBlockStyles } from "../../functions/get-react-native-block-styles.js";
-const setAttrs = (node, attrs = {}) => {
-    const attrKeys = Object.keys(attrs);
-    const setup = (attr) => node.addEventListener(attr.substr(3), attrs[attr]);
-    const teardown = (attr) => node.removeEventListener(attr.substr(3), attrs[attr]);
-    attrKeys.map(setup);
-    return {
-        update(attrs = {}) {
-            const attrKeys = Object.keys(attrs);
-            attrKeys.map(teardown);
-            attrKeys.map(setup);
-        },
-        destroy() {
-            attrKeys.map(teardown);
-        },
-    };
-};
-export let block;
-export let context;
-$: repeatItem = () => {
-    return getRepeatItemData({
-        block: block,
-        context: $context,
-    });
-};
-$: useBlock = () => {
-    return repeatItem()
-        ? block
-        : getProcessedBlock({
-            block: block,
-            localState: $context.localState,
-            rootState: $context.rootState,
-            rootSetState: $context.rootSetState,
-            context: $context.context,
-            shouldEvaluateBindings: true,
-        });
-};
-$: canShowBlock = () => {
-    if ("hide" in useBlock()) {
-        return !useBlock().hide;
-    }
-    if ("show" in useBlock()) {
-        return useBlock().show;
-    }
-    return true;
-};
-$: actions = () => {
-    return getBlockActions({
-        block: useBlock(),
-        rootState: $context.rootState,
-        rootSetState: $context.rootSetState,
-        localState: $context.localState,
-        context: $context.context,
-    });
-};
-$: attributes = () => {
-    const blockProperties = getBlockProperties(useBlock());
-    return {
-        ...blockProperties,
-        ...(TARGET === "reactNative"
-            ? {
-                style: getReactNativeBlockStyles({
-                    block: useBlock(),
-                    context: $context,
-                    blockStyles: blockProperties.style,
-                }),
-            }
-            : {}),
-    };
-};
-$: childrenWithoutParentComponent = () => {
-    /**
-     * When there is no `componentRef`, there might still be children that need to be rendered. In this case,
-     * we render them outside of `componentRef`.
-     * NOTE: We make sure not to render this if `repeatItemData` is non-null, because that means we are rendering an array of
-     * blocks, and the children will be repeated within those blocks.
-     */
-    const shouldRenderChildrenOutsideRef = !component?.component && !repeatItem();
-    return shouldRenderChildrenOutsideRef ? useBlock().children ?? [] : [];
-};
-$: renderComponentProps = () => {
-    return {
-        blockChildren: useBlock().children ?? [],
-        componentRef: component?.component,
-        componentOptions: {
-            ...getBlockComponentOptions(useBlock()),
-            /**
-             * These attributes are passed to the wrapper element when there is one. If `noWrap` is set to true, then
-             * they are provided to the component itself directly.
-             */
-            ...(!component?.noWrap
-                ? {}
-                : {
-                    attributes: {
-                        ...attributes(),
-                        ...actions(),
-                    },
-                }),
-        },
-        context: childrenContext,
-    };
-};
-let component = getComponent({
-    block: block,
-    context: $context,
-});
-let Tag = block.tagName || "div";
-let childrenContext = writable($context);
-</script>
-
-{#if canShowBlock()}
-  {#if !component?.noWrap}
-    {#if isEmptyHtmlElement(Tag)}
-      <svelte:element this={Tag} {...attributes()} use:setAttrs={actions()} />
-    {/if}
-
-    {#if !isEmptyHtmlElement(Tag) && repeatItem()}
-      {#each repeatItem() as data, index (index)}
-        <RenderRepeatedBlock repeatContext={data.context} block={data.block} />
-      {/each}
-    {/if}
-
-    {#if !isEmptyHtmlElement(Tag) && !repeatItem()}
-      <svelte:element this={Tag} {...attributes()} use:setAttrs={actions()}>
-        <RenderComponent {...renderComponentProps()} />
-
-        {#each childrenWithoutParentComponent() as child ("render-block-" + child.id)}
-          <svelte:self block={child} context={childrenContext} />
-        {/each}
-
-        {#each childrenWithoutParentComponent() as child ("block-style-" + child.id)}
-          <BlockStyles block={child} context={$childrenContext} />
-        {/each}
-      </svelte:element>
-    {/if}
-  {:else}
-    <RenderComponent {...renderComponentProps()} />
-  {/if}
-{/if}

package/package/components/render-block/render-block.svelte.d.ts

@@ -1,24 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export type RenderBlockProps = {
-    block: BuilderBlock;
-    context: Writable<BuilderContextInterface>;
-};
-import type { BuilderContextInterface } from "../../context/types.js";
-import type { BuilderBlock } from "../../types/builder-block.js";
-import type { Writable } from "svelte/store";
-declare const __propDef: {
-    props: {
-        block: RenderBlockProps["block"];
-        context: RenderBlockProps["context"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RenderBlockProps = typeof __propDef.props;
-export type RenderBlockEvents = typeof __propDef.events;
-export type RenderBlockSlots = typeof __propDef.slots;
-export default class RenderBlock extends SvelteComponentTyped<RenderBlockProps, RenderBlockEvents, RenderBlockSlots> {
-}
-export {};

package/package/components/render-block/render-component.svelte

@@ -1,21 +0,0 @@
-<script context="module"></script>
-
-<script>import BlockStyles from "./block-styles.svelte";
-import RenderBlock from "./render-block.svelte";
-export let componentRef;
-export let componentOptions;
-export let blockChildren;
-export let context;
-</script>
-
-{#if componentRef}
-  <svelte:component this={componentRef} {...componentOptions}>
-    {#each blockChildren as child ("render-block-" + child.id)}
-      <RenderBlock block={child} {context} />
-    {/each}
-
-    {#each blockChildren as child ("block-style-" + child.id)}
-      <BlockStyles block={child} context={$context} />
-    {/each}
-  </svelte:component>
-{/if}

package/package/components/render-block/render-component.svelte.d.ts

@@ -1,34 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-type ComponentOptions = {
-    [index: string]: any;
-    attributes?: {
-        [index: string]: any;
-    };
-};
-export interface RenderComponentProps {
-    componentRef: any;
-    componentOptions: ComponentOptions;
-    blockChildren: BuilderBlock[];
-    context: Writable<BuilderContextInterface>;
-}
-import type { BuilderBlock } from "../../types/builder-block.js";
-import type { BuilderContextInterface } from "../../context/types.js";
-import type { Writable } from "svelte/store";
-declare const __propDef: {
-    props: {
-        componentRef: RenderComponentProps["componentRef"];
-        componentOptions: RenderComponentProps["componentOptions"];
-        blockChildren: RenderComponentProps["blockChildren"];
-        context: RenderComponentProps["context"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RenderComponentProps = typeof __propDef.props;
-export type RenderComponentEvents = typeof __propDef.events;
-export type RenderComponentSlots = typeof __propDef.slots;
-export default class RenderComponent extends SvelteComponentTyped<RenderComponentProps, RenderComponentEvents, RenderComponentSlots> {
-}
-export {};

package/package/components/render-block/render-repeated-block.svelte.d.ts

@@ -1,23 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-type Props = {
-    block: BuilderBlock;
-    repeatContext: BuilderContextInterface;
-};
-import type { BuilderContextInterface } from "../../context/types.js";
-import type { BuilderBlock } from "../../types/builder-block";
-declare const __propDef: {
-    props: {
-        repeatContext: Props["repeatContext"];
-        block: Props["block"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RenderRepeatedBlockProps = typeof __propDef.props;
-export type RenderRepeatedBlockEvents = typeof __propDef.events;
-export type RenderRepeatedBlockSlots = typeof __propDef.slots;
-export default class RenderRepeatedBlock extends SvelteComponentTyped<RenderRepeatedBlockProps, RenderRepeatedBlockEvents, RenderRepeatedBlockSlots> {
-}
-export {};

package/package/components/render-blocks.svelte.d.ts

@@ -1,26 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export type RenderBlockProps = {
-    blocks?: BuilderBlock[];
-    parent?: string;
-    path?: string;
-    styleProp?: Record<string, any>;
-};
-import type { BuilderBlock } from "../types/builder-block.js";
-declare const __propDef: {
-    props: {
-        blocks: RenderBlockProps["blocks"];
-        parent: RenderBlockProps["parent"];
-        path: RenderBlockProps["path"];
-        styleProp: RenderBlockProps["styleProp"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RenderBlocksProps = typeof __propDef.props;
-export type RenderBlocksEvents = typeof __propDef.events;
-export type RenderBlocksSlots = typeof __propDef.slots;
-export default class RenderBlocks extends SvelteComponentTyped<RenderBlocksProps, RenderBlocksEvents, RenderBlocksSlots> {
-}
-export {};

package/package/components/render-content/builder-editing.svelte

@@ -1,4 +0,0 @@
-<script>"use strict";
-</script>
-
-<div />

package/package/components/render-content/builder-editing.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type BuilderEditingProps = typeof __propDef.props;
-export type BuilderEditingEvents = typeof __propDef.events;
-export type BuilderEditingSlots = typeof __propDef.slots;
-export default class BuilderEditing extends SvelteComponentTyped<BuilderEditingProps, BuilderEditingEvents, BuilderEditingSlots> {
-}
-export {};

package/package/components/render-content/index.d.ts

@@ -1 +0,0 @@
-export { default } from './render-content.svelte';

package/package/components/render-content/index.js

@@ -1 +0,0 @@
-export { default } from './render-content.svelte';

package/package/components/render-content/render-content.helpers.d.ts

@@ -1,7 +0,0 @@
-import type { BuilderContent } from '../../types/builder-content';
-import type { Nullable } from '../../types/typescript';
-import type { RenderContentProps } from './render-content.types';
-export declare const getContextStateInitialValue: ({ content, data, locale, }: Pick<RenderContentProps, 'content' | 'data' | 'locale'>) => {
-    [x: string]: unknown;
-};
-export declare const getContentInitialValue: ({ content, data, }: Pick<RenderContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;

package/package/components/render-content/render-content.helpers.js

@@ -1,30 +0,0 @@
-export const getContextStateInitialValue = ({ content, data, locale, }) => {
-    const defaultValues = {};
-    // set default values for content state inputs
-    content?.data?.inputs?.forEach((input) => {
-        if (input.name &&
-            input.defaultValue !== undefined &&
-            content?.data?.state &&
-            content.data.state[input.name] === undefined) {
-            defaultValues[input.name] = input.defaultValue;
-        }
-    });
-    const stateToUse = {
-        ...content?.data?.state,
-        ...data,
-        ...(locale ? { locale } : {}),
-    };
-    return { ...defaultValues, ...stateToUse };
-};
-export const getContentInitialValue = ({ content, data, }) => {
-    return !content
-        ? undefined
-        : {
-            ...content,
-            data: {
-                ...content?.data,
-                ...data,
-            },
-            meta: content?.meta,
-        };
-};

package/package/components/render-content/render-content.svelte.d.ts

@@ -1,31 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { RenderContentProps } from "./render-content.types.js";
-declare const __propDef: {
-    props: {
-        canTrack: RenderContentProps["canTrack"];
-        model: RenderContentProps["model"];
-        context: RenderContentProps["context"];
-        apiKey: RenderContentProps["apiKey"];
-        content: RenderContentProps["content"];
-        parentContentId: RenderContentProps["parentContentId"];
-        data: RenderContentProps["data"];
-        locale: RenderContentProps["locale"];
-        apiVersion: RenderContentProps["apiVersion"];
-        customComponents: RenderContentProps["customComponents"];
-        hideContent: RenderContentProps["hideContent"];
-        classNameProp: RenderContentProps["classNameProp"];
-        isSsrAbTest: RenderContentProps["isSsrAbTest"];
-        includeRefs: RenderContentProps["includeRefs"];
-        enrich: RenderContentProps["enrich"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RenderContentProps = typeof __propDef.props;
-export type RenderContentEvents = typeof __propDef.events;
-export type RenderContentSlots = typeof __propDef.slots;
-export default class RenderContent extends SvelteComponentTyped<RenderContentProps, RenderContentEvents, RenderContentSlots> {
-}
-export {};

package/package/components/render-content/render-content.types.d.ts

@@ -1,38 +0,0 @@
-import type { BuilderRenderContext, RegisteredComponent, BuilderRenderState } from '../../context/types';
-import type { BuilderContent } from '../../types/builder-content';
-import type { Nullable } from '../../types/typescript';
-import type { ApiVersion } from '../../types/api-version';
-export interface RenderContentProps {
-    content?: Nullable<BuilderContent>;
-    model?: string;
-    data?: {
-        [key: string]: any;
-    };
-    context?: BuilderRenderContext;
-    apiKey: string;
-    apiVersion?: ApiVersion;
-    customComponents?: RegisteredComponent[];
-    canTrack?: boolean;
-    locale?: string;
-    /** @deprecated use `enrich` instead **/
-    includeRefs?: boolean;
-    enrich?: boolean;
-    /**
-     * TO-DO: improve qwik generator to not remap this name for non-HTML tags, then name it `className`
-     */
-    classNameProp?: string;
-    hideContent?: boolean;
-    parentContentId?: string;
-    isSsrAbTest?: boolean;
-}
-export interface BuilderComponentStateChange {
-    state: BuilderRenderState;
-    ref: {
-        name?: string;
-        props?: {
-            builderBlock?: {
-                id?: string;
-            };
-        };
-    };
-}

package/package/components/render-content-variants/helpers.d.ts

@@ -1,17 +0,0 @@
-import type { Nullable } from '../../helpers/nullable';
-import type { BuilderContent } from '../../types/builder-content';
-export declare const getVariants: (content: Nullable<BuilderContent>) => import("../../types/builder-content").BuilderContentVariation[];
-export declare const checkShouldRunVariants: ({ canTrack, content, }: {
-    canTrack: Nullable<boolean>;
-    content: Nullable<BuilderContent>;
-}) => boolean;
-type VariantData = {
-    id: string;
-    testRatio?: number;
-};
-export declare const getVariantsScriptString: (variants: VariantData[], contentId: string) => string;
-export declare const getRenderContentScriptString: ({ parentContentId, contentId, }: {
-    contentId: string;
-    parentContentId: string;
-}) => string;
-export {};

package/package/components/render-content-variants/render-content-variants.svelte

@@ -1,70 +0,0 @@
-<script context="module"></script>
-
-<script>import { checkShouldRunVariants, getVariants, getVariantsScriptString, } from "./helpers";
-import RenderContent from "../render-content/render-content.svelte";
-import { getDefaultCanTrack } from "../../helpers/canTrack";
-import RenderInlinedStyles from "../render-inlined-styles.svelte";
-import { handleABTestingSync } from "../../helpers/ab-tests";
-export let content;
-export let canTrack;
-export let apiKey;
-export let apiVersion;
-export let customComponents;
-export let model;
-let variantScriptStr = getVariantsScriptString(getVariants(content).map((value) => ({
-    id: value.id,
-    testRatio: value.testRatio,
-})), content?.id || "");
-let shouldRenderVariants = checkShouldRunVariants({
-    canTrack: getDefaultCanTrack(canTrack),
-    content: content,
-});
-let hideVariantsStyleString = getVariants(content)
-    .map((value) => `.variant-${value.id} { display: none; } `)
-    .join("");
-let contentToRender = checkShouldRunVariants({
-    canTrack: getDefaultCanTrack(canTrack),
-    content: content,
-})
-    ? content
-    : handleABTestingSync({
-        item: content,
-        canTrack: getDefaultCanTrack(canTrack),
-    });
-</script>
-
-{#if shouldRenderVariants}
-  <RenderInlinedStyles
-    id={`variants-styles-${content?.id}`}
-    styles={hideVariantsStyleString}
-  />
-
-  <svelte:element this={"script"} id={`variants-script-${content?.id}`}
-    >{@html variantScriptStr}</svelte:element
-  >
-
-  {#each getVariants(content) as variant (variant.id)}
-    <RenderContent
-      content={variant}
-      {apiKey}
-      {apiVersion}
-      {canTrack}
-      {customComponents}
-      hideContent={true}
-      parentContentId={content?.id}
-      isSsrAbTest={shouldRenderVariants}
-    />
-  {/each}
-{/if}
-
-<RenderContent
-  {model}
-  content={contentToRender}
-  {apiKey}
-  {apiVersion}
-  {canTrack}
-  {customComponents}
-  classNameProp={`variant-${content?.id}`}
-  parentContentId={content?.id}
-  isSsrAbTest={shouldRenderVariants}
-/>

package/package/components/render-content-variants/render-content-variants.svelte.d.ts

@@ -1,23 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-type VariantsProviderProps = RenderContentProps;
-import type { RenderContentProps } from "../render-content/render-content.types";
-declare const __propDef: {
-    props: {
-        content: VariantsProviderProps["content"];
-        canTrack: VariantsProviderProps["canTrack"];
-        apiKey: VariantsProviderProps["apiKey"];
-        apiVersion: VariantsProviderProps["apiVersion"];
-        customComponents: VariantsProviderProps["customComponents"];
-        model: VariantsProviderProps["model"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RenderContentVariantsProps = typeof __propDef.props;
-export type RenderContentVariantsEvents = typeof __propDef.events;
-export type RenderContentVariantsSlots = typeof __propDef.slots;
-export default class RenderContentVariants extends SvelteComponentTyped<RenderContentVariantsProps, RenderContentVariantsEvents, RenderContentVariantsSlots> {
-}
-export {};

package/package/components/render-inlined-styles.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-interface Props {
-    styles: string;
-    id?: string;
-}
-declare const __propDef: {
-    props: {
-        styles: Props["styles"];
-        id: Props["id"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RenderInlinedStylesProps = typeof __propDef.props;
-export type RenderInlinedStylesEvents = typeof __propDef.events;
-export type RenderInlinedStylesSlots = typeof __propDef.slots;
-export default class RenderInlinedStyles extends SvelteComponentTyped<RenderInlinedStylesProps, RenderInlinedStylesEvents, RenderInlinedStylesSlots> {
-}
-export {};

package/package/functions/evaluate.test.js

@@ -1,17 +0,0 @@
-import { flattenState } from './evaluate';
-describe('flatten state', () => {
-    it('should behave normally when no PROTO_STATE', () => {
-        const localState = {};
-        const rootState = { foo: 'bar' };
-        const flattened = flattenState(rootState, localState, undefined);
-        expect(flattened.foo).toEqual('bar');
-        flattened.foo = 'baz';
-        expect(rootState.foo).toEqual('baz');
-    });
-    it('should shadow write ', () => {
-        const rootState = { foo: 'foo' };
-        const localState = { foo: 'baz' };
-        const flattened = flattenState(rootState, localState, undefined);
-        expect(() => (flattened.foo = 'bar')).toThrow('Writing to local state is not allowed as it is read-only.');
-    });
-});

package/package/functions/get-builder-search-params/fn.test.js

@@ -1,13 +0,0 @@
-import { convertSearchParamsToQueryObject, getBuilderSearchParams } from '.';
-const querystring = 'someotherValue=jklsjfdal&abc=klfdjklgfds&builder.cachebust=true&builder.preview=page&builder.noCache=true&__builder_editing__=true&builder.overrides.page=037948e52eaf4743afed464f02c70da4&builder.overrides.037948e52eaf4743afed464f02c70da4=037948e52eaf4743afed464f02c70da4&builder.overrides.page%3A%2F=037948e52eaf4743afed464f02c70da4&preview_theme_id=128854393017';
-const url = new URL(`localhost:3000/about-us?${querystring}`);
-describe('Get Builder SearchParams', () => {
-    test('correctly converts URLSearchParams to object', () => {
-        const output = convertSearchParamsToQueryObject(url.searchParams);
-        expect(output).toMatchSnapshot();
-    });
-    test('correctly extracts all builder params from a query object', () => {
-        const output = getBuilderSearchParams(convertSearchParamsToQueryObject(url.searchParams));
-        expect(output).toMatchSnapshot();
-    });
-});