@builder.io/sdk-svelte 0.5.9 → 0.6.1

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

@@ -1,28 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export type BlocksProps = Partial<BlocksWrapperProps> & {
-    context?: Writable<BuilderContextInterface>;
-    registeredComponents?: RegisteredComponents;
-};
-import type { BlocksWrapperProps } from "./blocks-wrapper.svelte";
-import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
-import type { Writable } from "svelte/store";
-declare const __propDef: {
-    props: {
-        blocks: BlocksProps["blocks"];
-        parent: BlocksProps["parent"];
-        path: BlocksProps["path"];
-        styleProp: BlocksProps["styleProp"];
-        context?: BlocksProps["context"];
-        registeredComponents?: BlocksProps["registeredComponents"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type BlocksProps = typeof __propDef.props;
-export type BlocksEvents = typeof __propDef.events;
-export type BlocksSlots = typeof __propDef.slots;
-export default class Blocks extends SvelteComponentTyped<BlocksProps, BlocksEvents, BlocksSlots> {
-}
-export {};

package/package/components/content/components/enable-editor.svelte.d.ts

@@ -1,36 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-type BuilderEditorProps = Omit<ContentProps, "customComponents" | "data" | "apiVersion" | "isSsrAbTest"> & {
-    builderContextSignal: Writable<BuilderContextInterface>;
-    setBuilderContextSignal?: (signal: any) => any;
-    children?: any;
-};
-import type { BuilderContextInterface } from "../../../context/types.js";
-import type { ContentProps } from "../content.types.js";
-import type { Writable } from "svelte/store";
-declare const __propDef: {
-    props: {
-        canTrack?: BuilderEditorProps["canTrack"];
-        builderContextSignal: BuilderEditorProps["builderContextSignal"];
-        model?: BuilderEditorProps["model"];
-        context?: BuilderEditorProps["context"];
-        apiKey: BuilderEditorProps["apiKey"];
-        showContent: BuilderEditorProps["showContent"];
-        classNameProp: BuilderEditorProps["classNameProp"];
-        content?: BuilderEditorProps["content"];
-        locale?: BuilderEditorProps["locale"];
-        includeRefs?: BuilderEditorProps["includeRefs"];
-        enrich?: BuilderEditorProps["enrich"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type EnableEditorProps = typeof __propDef.props;
-export type EnableEditorEvents = typeof __propDef.events;
-export type EnableEditorSlots = typeof __propDef.slots;
-export default class EnableEditor extends SvelteComponentTyped<EnableEditorProps, EnableEditorEvents, EnableEditorSlots> {
-}
-export {};

package/package/components/content/components/styles.svelte.d.ts

@@ -1,24 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-interface Props {
-    cssCode?: string;
-    customFonts?: CustomFont[];
-    contentId?: string;
-}
-import type { CustomFont } from "./styles.helpers.js";
-declare const __propDef: {
-    props: {
-        cssCode?: Props["cssCode"];
-        contentId?: Props["contentId"];
-        customFonts?: Props["customFonts"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type StylesProps = typeof __propDef.props;
-export type StylesEvents = typeof __propDef.events;
-export type StylesSlots = typeof __propDef.slots;
-export default class Styles extends SvelteComponentTyped<StylesProps, StylesEvents, StylesSlots> {
-}
-export {};

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

@@ -1,30 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { ContentProps } from "./content.types.js";
-declare const __propDef: {
-    props: {
-        content?: ContentProps["content"];
-        customComponents?: ContentProps["customComponents"];
-        data?: ContentProps["data"];
-        locale?: ContentProps["locale"];
-        context?: ContentProps["context"];
-        apiKey: ContentProps["apiKey"];
-        apiVersion?: ContentProps["apiVersion"];
-        model?: ContentProps["model"];
-        canTrack?: ContentProps["canTrack"];
-        includeRefs?: ContentProps["includeRefs"];
-        enrich?: ContentProps["enrich"];
-        classNameProp: ContentProps["classNameProp"];
-        showContent: ContentProps["showContent"];
-        isSsrAbTest: ContentProps["isSsrAbTest"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ContentProps = typeof __propDef.props;
-export type ContentEvents = typeof __propDef.events;
-export type ContentSlots = typeof __propDef.slots;
-export default class Content extends SvelteComponentTyped<ContentProps, ContentEvents, ContentSlots> {
-}
-export {};

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

@@ -1,34 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-type VariantsProviderProps = ContentVariantsPrps & {
-    /**
-     * For internal use only. Do not provide this prop.
-     */
-    __isNestedRender?: boolean;
-};
-import type { ContentVariantsPrps } from "./content-variants.types.js";
-declare const __propDef: {
-    props: {
-        canTrack?: VariantsProviderProps["canTrack"];
-        content?: VariantsProviderProps["content"];
-        __isNestedRender?: VariantsProviderProps["__isNestedRender"];
-        model?: VariantsProviderProps["model"];
-        data?: VariantsProviderProps["data"];
-        context?: VariantsProviderProps["context"];
-        apiKey: VariantsProviderProps["apiKey"];
-        apiVersion?: VariantsProviderProps["apiVersion"];
-        customComponents?: VariantsProviderProps["customComponents"];
-        locale?: VariantsProviderProps["locale"];
-        includeRefs?: VariantsProviderProps["includeRefs"];
-        enrich?: VariantsProviderProps["enrich"];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ContentVariantsProps = typeof __propDef.props;
-export type ContentVariantsEvents = typeof __propDef.events;
-export type ContentVariantsSlots = typeof __propDef.slots;
-export default class ContentVariants extends SvelteComponentTyped<ContentVariantsProps, ContentVariantsEvents, ContentVariantsSlots> {
-}
-export {};

package/package/components/inlined-script.svelte.d.ts

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

package/package/components/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 InlinedStylesProps = typeof __propDef.props;
-export type InlinedStylesEvents = typeof __propDef.events;
-export type InlinedStylesSlots = typeof __propDef.slots;
-export default class InlinedStyles extends SvelteComponentTyped<InlinedStylesProps, InlinedStylesEvents, InlinedStylesSlots> {
-}
-export {};

package/package/constants/sdk-version.d.ts

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

package/package/constants/sdk-version.js

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

package/package/context/builder.context.d.ts

@@ -1,15 +0,0 @@
-declare const _default: {
-    Builder: import("svelte/store").Writable<{
-        content: null;
-        context: {};
-        localState: undefined;
-        rootSetState(): void;
-        rootState: {};
-        apiKey: null;
-        apiVersion: undefined;
-        componentInfos: {};
-        inheritedStyles: {};
-    }>;
-    key: symbol;
-};
-export default _default;

package/package/functions/evaluate/evaluate.js

@@ -1,47 +0,0 @@
-import { logger } from '../../helpers/logger.js';
-import { isBrowser } from '../is-browser.js';
-import { isEditing } from '../is-editing.js';
-import { getUserAttributes } from '../track/helpers.js';
-import { runInBrowser } from './browser-runtime/browser.js';
-import { runInNonNode } from './non-node-runtime/index.js';
-import { isNonNodeServer } from '../is-non-node-server.js';
-export function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression = true }) {
-    if (code === '') {
-        logger.warn('Skipping evaluation of empty code block.');
-        return;
-    }
-    const builder = {
-        isEditing: isEditing(),
-        isBrowser: isBrowser(),
-        isServer: !isBrowser(),
-        getUserAttributes: () => getUserAttributes()
-    };
-    // Be able to handle simple expressions like "state.foo" or "1 + 1"
-    // as well as full blocks like "var foo = "bar"; return foo"
-    const useReturn = 
-    // we disable this for cases where we definitely don't want a return
-    isExpression && !(code.includes(';') || code.includes(' return ') || code.trim().startsWith('return '));
-    const useCode = useReturn ? `return (${code});` : code;
-    const args = {
-        code: useCode,
-        builder,
-        context,
-        event,
-        rootSetState,
-        rootState,
-        localState
-    };
-    try {
-        if (isBrowser())
-            return runInBrowser(args);
-        if (isNonNodeServer())
-            return runInNonNode(args);
-        return runInBrowser(args);
-    }
-    catch (e) {
-        logger.error('Failed code evaluation: ' + e.message, {
-            code
-        });
-        return undefined;
-    }
-}

package/package/functions/evaluate/non-node-runtime/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * We need to lazy-load this module so it doesn't leak into the browser, as it is massive and not needed there.
- * https://css-tricks.com/dynamic-conditional-imports/
- */
-declare let runInNonNode: typeof import('./non-node-runtime.js').runInNonNode;
-export { runInNonNode };

package/package/functions/evaluate/non-node-runtime/index.js

@@ -1,22 +0,0 @@
-import { logger } from '../../../helpers/logger.js';
-import { isNonNodeServer } from '../../is-non-node-server.js';
-/**
- * We need to lazy-load this module so it doesn't leak into the browser, as it is massive and not needed there.
- * https://css-tricks.com/dynamic-conditional-imports/
- */
-let runInNonNode;
-if (isNonNodeServer()) {
-    import('./non-node-runtime.js').then(m => {
-        runInNonNode = m.runInNonNode;
-    }).catch(err => {
-        const ERROR_MESSAGE = `Error importing JS interpreter for non-Node.js runtimes. Make sure \`js-interpreter\` is installed.
-      Read more here: https://github.com/BuilderIO/builder/tree/main/packages/sdks/README.md#non-nodejs-runtimes-edge-serverless
-      `;
-        logger.error(ERROR_MESSAGE, err);
-        runInNonNode = (..._args) => {
-            logger.error(ERROR_MESSAGE);
-            return undefined;
-        };
-    });
-}
-export { runInNonNode };

package/package/functions/evaluate/non-node-runtime/non-node-runtime.d.ts

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

package/package/functions/evaluate/non-node-runtime/non-node-runtime.js

@@ -1,83 +0,0 @@
-import { logger } from '../../../helpers/logger.js';
-import { set } from '../../set.js';
-import Interpreter from './acorn-interpreter.js';
-import { getFunctionArguments } from '../helpers.js';
-const processCode = (code) => {
-    return code.split('\n').map(line => {
-        const trimmed = line.trim();
-        // this async wrapper doesn't work in JS-interpreter, so we drop it.
-        if (line.includes('__awaiter'))
-            return undefined;
-        // we find all state setter expressions and append a call to setRootState afterwards
-        const isStateSetter = trimmed.startsWith('state.');
-        if (!isStateSetter)
-            return line;
-        const [lhs, rhs] = trimmed.split('=');
-        const setStr = lhs.replace('state.', '').trim();
-        const setExpr = `setRootState('${setStr}', ${rhs.trim()})`;
-        return `
-  ${line}
-  ${setExpr}
-  `;
-    }).filter(Boolean).join('\n');
-};
-const getJSONValName = (val) => val + 'JSON';
-export const runInNonNode = ({ builder, context, event, rootState, localState, rootSetState, code }) => {
-    const state = {
-        ...rootState,
-        ...localState
-    };
-    const properties = getFunctionArguments({
-        builder,
-        context,
-        event,
-        state
-    });
-    /**
-     * Deserialize all properties from JSON strings to JS objects
-     */
-    const prependedCode = properties.map(([key]) => `var ${key} = JSON.parse(${getJSONValName(key)});`).join('\n');
-    const cleanedCode = processCode(code);
-    if (cleanedCode === '') {
-        logger.warn('Skipping evaluation of empty code block.');
-        return;
-    }
-    const transformed = `
-function theFunction() {
-  ${prependedCode}
-
-  ${cleanedCode}
-}
-theFunction();
-`;
-    const setRootState = (prop, value) => {
-        const newState = set(state, prop, value);
-        rootSetState?.(newState);
-    };
-    const initFunc = function (interpreter, globalObject) {
-        /**
-         * serialize all function args to JSON strings
-         */
-        properties.forEach(([key, val]) => {
-            const jsonVal = JSON.stringify(val);
-            interpreter.setProperty(globalObject, getJSONValName(key), jsonVal);
-        });
-        /**
-         * Add a JavaScript function "setRootState" to the interpreter's global object, that will be called whenever a
-         * state property is set. This function will update the state object.
-         */
-        interpreter.setProperty(globalObject, 'setRootState', interpreter.createNativeFunction(setRootState));
-    };
-    try {
-        const myInterpreter = new Interpreter(transformed, initFunc);
-        myInterpreter.run();
-        const output = myInterpreter.pseudoToNative(myInterpreter.value);
-        return output;
-    }
-    catch (e) {
-        logger.warn('Custom code error in non-node runtime. SDK can only execute ES5 JavaScript.', {
-            e
-        });
-        return;
-    }
-};

package/package/functions/fetch-builder-props.d.ts

@@ -1,39 +0,0 @@
-import type { ContentVariantsPrps } from '../components/content-variants/content-variants.types.js';
-import type { Dictionary } from '../types/typescript.js';
-import type { GetContentOptions } from './get-content/types.js';
-type GetBuilderPropsOptions = (Omit<GetContentOptions, 'model'> & {
-    model?: string;
-}) & ({
-    /**
-     * The current URL path. Used to determine the `urlPath` for targeting content.
-     *
-     * Cannot be used with `url`.
-     */
-    path: string;
-    /**
-     * The current URL search params. Used to parse the `searchParams` for targeting content.
-     *
-     * Cannot be used with `url`.
-     */
-    searchParams?: URLSearchParams | Dictionary<string | string[]>;
-    url?: undefined;
-} | {
-    /**
-     * The current URL. Used to determine the `urlPath` for targeting content and
-     * to parse the `searchParams` for targeting content.
-     *
-     * Cannot be used with `path` or `searchParams`.
-     */
-    url: URL;
-    path?: undefined;
-    searchParams?: undefined;
-} | {
-    url?: undefined;
-    path?: undefined;
-    searchParams?: undefined;
-});
-/**
- * Fetches builder content, and returns it along with sensible defaults for other props that `Content` needs to render.
- */
-export declare const fetchBuilderProps: (_args: GetBuilderPropsOptions) => Promise<ContentVariantsPrps>;
-export {};

package/package/functions/fetch-builder-props.js

@@ -1,25 +0,0 @@
-import { getBuilderSearchParams } from './get-builder-search-params/index.js';
-import { fetchOneEntry } from './get-content/index.js';
-/**
- * Fetches builder content, and returns it along with sensible defaults for other props that `Content` needs to render.
- */
-export const fetchBuilderProps = async (_args) => {
-    const urlPath = _args.path || _args.url?.pathname || _args.userAttributes?.urlPath;
-    const getContentArgs = {
-        ..._args,
-        apiKey: _args.apiKey,
-        model: _args.model || 'page',
-        userAttributes: {
-            ..._args.userAttributes,
-            ...(urlPath ? {
-                urlPath
-            } : {})
-        },
-        options: getBuilderSearchParams(_args.searchParams || _args.url?.searchParams || _args.options)
-    };
-    return {
-        apiKey: getContentArgs.apiKey,
-        model: getContentArgs.model,
-        content: await fetchOneEntry(getContentArgs)
-    };
-};

package/package/functions/get-content/index.d.ts

@@ -1,29 +0,0 @@
-import type { BuilderContent } from '../../types/builder-content.js';
-import type { GetContentOptions } from './types.js';
-/**
- * Returns a the first entry that matches the given options.
- */
-export declare function fetchOneEntry(options: GetContentOptions): Promise<BuilderContent | null>;
-/**
- * @deprecated
- * Consider using `fetchBuilderProps` instead for easier setup.
- *
- * NOTE: `getContent` was renamed to `fetchOneEntry` and will be removed in a future release.
- */
-export declare const getContent: typeof fetchOneEntry;
-type ContentResults = {
-    results: BuilderContent[];
-};
-/**
- * Exported only for testing purposes. Should not be used directly.
- */
-export declare const _processContentResult: (options: GetContentOptions, content: ContentResults, url?: URL) => Promise<ContentResults>;
-/**
- * Returns a paginated array of entries that match the given options.
- */
-export declare function fetchEntries(options: GetContentOptions): Promise<ContentResults | null>;
-/**
- * @deprecated Use `fetchEntries` instead.
- */
-export declare const getAllContent: typeof fetchEntries;
-export {};

package/package/functions/get-content/index.js

@@ -1,100 +0,0 @@
-import { TARGET } from '../../constants/target.js';
-import { handleABTesting } from '../../helpers/ab-tests.js';
-import { getDefaultCanTrack } from '../../helpers/canTrack.js';
-import { logger } from '../../helpers/logger.js';
-import { getPreviewContent } from '../../helpers/preview-lru-cache/get.js';
-import { fetch } from '../get-fetch.js';
-import { isBrowser } from '../is-browser.js';
-import { generateContentUrl } from './generate-content-url.js';
-const checkContentHasResults = (content) => 'results' in content;
-/**
- * Returns a the first entry that matches the given options.
- */
-export async function fetchOneEntry(options) {
-    const allContent = await fetchEntries({
-        ...options,
-        limit: 1
-    });
-    if (allContent) {
-        return allContent.results[0] || null;
-    }
-    return null;
-}
-/**
- * @deprecated
- * Consider using `fetchBuilderProps` instead for easier setup.
- *
- * NOTE: `getContent` was renamed to `fetchOneEntry` and will be removed in a future release.
- */
-export const getContent = fetchOneEntry;
-const _fetchContent = async (options) => {
-    const url = generateContentUrl(options);
-    const res = await fetch(url.href);
-    const content = await res.json();
-    return content;
-};
-/**
- * Exported only for testing purposes. Should not be used directly.
- */
-export const _processContentResult = async (options, content, url = generateContentUrl(options)) => {
-    const canTrack = getDefaultCanTrack(options.canTrack);
-    const isPreviewing = url.search.includes(`preview=`);
-    if (TARGET === 'rsc' && isPreviewing) {
-        const newResults = [];
-        for (const item of content.results) {
-            const previewContent = getPreviewContent(url.searchParams);
-            newResults.push(previewContent || item);
-        }
-        content.results = newResults;
-    }
-    if (!canTrack)
-        return content;
-    if (!(isBrowser() || TARGET === 'reactNative'))
-        return content;
-    /**
-     * For client-side navigations, it is ideal to handle AB testing at this point instead of using our
-     * complex multi-rendering variants approach, which is only needed for SSR'd content.
-     *
-     * This is also where react-native would handle AB testing.
-     */
-    try {
-        const newResults = [];
-        for (const item of content.results) {
-            newResults.push(await handleABTesting({
-                item,
-                canTrack
-            }));
-        }
-        content.results = newResults;
-    }
-    catch (e) {
-        logger.error('Could not process A/B tests. ', e);
-    }
-    return content;
-};
-/**
- * Returns a paginated array of entries that match the given options.
- */
-export async function fetchEntries(options) {
-    try {
-        const url = generateContentUrl(options);
-        const content = await _fetchContent(options);
-        if (!checkContentHasResults(content)) {
-            logger.error('Error fetching data. ', {
-                url,
-                content,
-                options
-            });
-            return null;
-        }
-        return _processContentResult(options, content);
-    }
-    catch (error) {
-        logger.error('Error fetching data. ', error);
-        return null;
-    }
-}
-/**
- * @deprecated Use `fetchEntries` instead.
- */
-export const getAllContent = fetchEntries;

package/package/functions/is-non-node-server.d.ts

@@ -1,4 +0,0 @@
-/**
- * Identifies non-node server runtimes (edge, workers, serverless, etc.)
- */
-export declare function isNonNodeServer(): boolean;

package/package/functions/is-non-node-server.js

@@ -1,8 +0,0 @@
-import { isBrowser } from './is-browser.js';
-/**
- * Identifies non-node server runtimes (edge, workers, serverless, etc.)
- */
-export function isNonNodeServer() {
-    const hasNode = () => typeof process !== 'undefined' && process?.versions?.node;
-    return !isBrowser() && !hasNode();
-}

package/package/index-helpers/blocks-exports.d.ts

@@ -1,19 +0,0 @@
-export { default as Button } from '../blocks/button/button.svelte';
-export { default as Columns } from '../blocks/columns/columns.svelte';
-export { default as Fragment } from '../blocks/fragment/fragment.svelte';
-export { default as Image } from '../blocks/image/image.svelte';
-export { default as Section } from '../blocks/section/section.svelte';
-export { default as Symbol } from '../blocks/symbol/symbol.svelte';
-export { default as Text } from '../blocks/text/text.svelte';
-export { default as Video } from '../blocks/video/video.svelte';
-import { default as Blocks } from '../components/blocks/blocks.svelte';
-import { default as Content } from '../components/content-variants/content-variants.svelte';
-export { Blocks, Content };
-/**
- * @deprecated Use `Blocks` instead.
- */
-export declare const RenderBlocks: typeof Blocks;
-/**
- * @deprecated Use `Content` instead.
- */
-export declare const RenderContent: typeof Content;

package/package/index-helpers/blocks-exports.js

@@ -1,19 +0,0 @@
-export { default as Button } from '../blocks/button/button.svelte';
-export { default as Columns } from '../blocks/columns/columns.svelte';
-export { default as Fragment } from '../blocks/fragment/fragment.svelte';
-export { default as Image } from '../blocks/image/image.svelte';
-export { default as Section } from '../blocks/section/section.svelte';
-export { default as Symbol } from '../blocks/symbol/symbol.svelte';
-export { default as Text } from '../blocks/text/text.svelte';
-export { default as Video } from '../blocks/video/video.svelte';
-import { default as Blocks } from '../components/blocks/blocks.svelte';
-import { default as Content } from '../components/content-variants/content-variants.svelte';
-export { Blocks, Content };
-/**
- * @deprecated Use `Blocks` instead.
- */
-export const RenderBlocks = Blocks;
-/**
- * @deprecated Use `Content` instead.
- */
-export const RenderContent = Content;