@builder.io/sdk-react 0.5.1 → 0.5.4

package/dist/functions/evaluate.d.ts

@@ -1,23 +0,0 @@
-import type { BuilderContextInterface, BuilderRenderContext, BuilderRenderState } from '../context/types.js';
-export declare const isNode: () => boolean;
-export declare function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression }: {
-    code: string;
-    event?: Event;
-    isExpression?: boolean;
-} & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): any;
-type ExecutorArgs = {
-    useCode: string;
-    builder: {
-        isEditing: boolean | undefined;
-        isBrowser: boolean | undefined;
-        isServer: boolean | undefined;
-    };
-    state: BuilderRenderState;
-    context: BuilderRenderContext;
-    event: Event | undefined;
-};
-export declare const runInBrowser: ({ useCode, builder, state, context, event }: ExecutorArgs) => any;
-export declare const runInNonNode: ({ useCode, builder, state, context, event }: ExecutorArgs) => void;
-export declare const runInNode: (args: ExecutorArgs) => any;
-export declare function flattenState(rootState: Record<string | symbol, any>, localState: Record<string | symbol, any> | undefined, rootSetState: ((rootState: BuilderRenderState) => void) | undefined): BuilderRenderState;
-export {};

package/dist/functions/evaluate.js

@@ -1,68 +0,0 @@
-import { isBrowser } from './is-browser.js';
-import { isEditing } from './is-editing.js';
-export const isNode = () => {
-    return typeof window === 'undefined';
-};
-export function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression = true }) {
-    if (code === '') {
-        console.warn('Skipping evaluation of empty code block.');
-        return;
-    }
-    const builder = {
-        isEditing: isEditing(),
-        isBrowser: isBrowser(),
-        isServer: !isBrowser()
-    };
-    // 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 state = flattenState(rootState, localState, rootSetState);
-    const args = {
-        useCode,
-        builder,
-        state,
-        context,
-        event
-    };
-    if (isBrowser())
-        return runInBrowser(args);
-    if (isNode())
-        return runInNode(args);
-    return runInBrowser(args);
-}
-export const runInBrowser = ({ useCode, builder, state, context, event }) => {
-    try {
-        return new Function('builder', 'Builder' /* <- legacy */, 'state', 'context', 'event', useCode)(builder, builder, state, context, event);
-    }
-    catch (e) {
-        console.warn('Builder custom code error: \n While Evaluating: \n ', useCode, '\n', e);
-    }
-};
-export const runInNonNode = ({ useCode, builder, state, context, event }) => { };
-export const runInNode = (args) => {
-    return runInBrowser(args);
-};
-export function flattenState(rootState, localState, rootSetState) {
-    if (rootState === localState) {
-        throw new Error('rootState === localState');
-    }
-    return new Proxy(rootState, {
-        get: (_, prop) => {
-            if (localState && prop in localState) {
-                return localState[prop];
-            }
-            return rootState[prop];
-        },
-        set: (_, prop, value) => {
-            if (localState && prop in localState) {
-                throw new Error('Writing to local state is not allowed as it is read-only.');
-            }
-            rootState[prop] = value;
-            rootSetState?.(rootState);
-            return true;
-        }
-    });
-}

package/dist/functions/evaluate.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/functions/evaluate.test.js

@@ -1,23 +0,0 @@
-import { flattenState } from './evaluate.js';
-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/dist/functions/get-builder-search-params/fn.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,13 +0,0 @@
-import { convertSearchParamsToQueryObject, getBuilderSearchParams } from './index.js';
-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();
-    });
-});

package/dist/functions/get-content/generate-content-url.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/functions/get-content/generate-content-url.test.js

@@ -1,111 +0,0 @@
-import { generateContentUrl } from './generate-content-url.js';
-const testKey = 'YJIGb4i01jvw0SRdL5Bt';
-const testModel = 'page';
-const testId = 'c1b81bab59704599b997574eb0736def';
-const options = {
-    cachebust: 'true',
-    noCache: 'true',
-    'overrides.037948e52eaf4743afed464f02c70da4': '037948e52eaf4743afed464f02c70da4',
-    'overrides.page': '037948e52eaf4743afed464f02c70da4',
-    'overrides.page:/': '037948e52eaf4743afed464f02c70da4',
-    preview: 'page'
-};
-describe('Generate Content URL', () => {
-    test('generates the proper value for a simple query', () => {
-        const output = generateContentUrl({
-            apiKey: testKey,
-            model: testModel,
-            query: {
-                id: testId
-            }
-        });
-        expect(output).toMatchSnapshot();
-    });
-    test('Handles overrides correctly', () => {
-        const output = generateContentUrl({
-            apiKey: testKey,
-            model: testModel,
-            query: {
-                id: testId
-            },
-            options
-        });
-        expect(output).toMatchSnapshot();
-    });
-    test('generate content url with apiVersion as default', () => {
-        const output = generateContentUrl({
-            apiKey: testKey,
-            model: testModel,
-            query: {
-                id: testId
-            },
-            options
-        });
-        expect(output).toMatchSnapshot();
-    });
-    test('generate content url with apiVersion as v2', () => {
-        const output = generateContentUrl({
-            apiKey: testKey,
-            model: testModel,
-            query: {
-                id: testId
-            },
-            options,
-            apiVersion: 'v2'
-        });
-        expect(output).toMatchSnapshot();
-    });
-    test('generate content url with apiVersion as v3', () => {
-        const output = generateContentUrl({
-            apiKey: testKey,
-            model: testModel,
-            query: {
-                id: testId
-            },
-            options,
-            apiVersion: 'v3'
-        });
-        expect(output).toMatchSnapshot();
-    });
-    test('throw error when trying to generate content url with apiVersion as v1', () => {
-        expect(() => {
-            generateContentUrl({
-                apiKey: testKey,
-                model: testModel,
-                query: {
-                    id: testId
-                },
-                options,
-                apiVersion: 'v1'
-            });
-        }).toThrow(`Invalid apiVersion: expected 'v2' or 'v3', received 'v1'`);
-    });
-    test('throw error when trying to generate content url with an invalid apiVersion value', () => {
-        expect(() => {
-            generateContentUrl({
-                apiKey: testKey,
-                model: testModel,
-                query: {
-                    id: testId
-                },
-                options,
-                apiVersion: 'INVALID_API_VERSION'
-            });
-        }).toThrow(`Invalid apiVersion: expected 'v2' or 'v3', received 'INVALID_API_VERSION'`);
-    });
-    test('generate content url with enrich option true', () => {
-        const output = generateContentUrl({
-            apiKey: testKey,
-            model: testModel,
-            enrich: true
-        });
-        expect(output).toMatchSnapshot();
-    });
-    test('generate content url with enrich option not present', () => {
-        const output = generateContentUrl({
-            apiKey: testKey,
-            model: testModel
-        });
-        expect(output).toMatchSnapshot();
-    });
-});

package/dist/functions/get-content/processCookies.d.ts

@@ -1,2 +0,0 @@
-import type { BuilderContent } from '../../types/builder-content.js';
-export declare const processCookies: (content: BuilderContent) => BuilderContent;

package/dist/functions/get-content/processCookies.js

@@ -1,3 +0,0 @@
-export const processCookies = (content) => {
-    return content;
-};

package/dist/functions/get-processed-block.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/functions/get-processed-block.test.js

@@ -1,35 +0,0 @@
-import { getProcessedBlock } from './get-processed-block.js';
-test('Can process bindings', () => {
-    const block = {
-        '@type': '@builder.io/sdk:Element',
-        properties: {
-            foo: 'bar'
-        },
-        bindings: {
-            'properties.foo': '"baz"',
-            'responsiveStyles.large.zIndex': '1 + 1',
-            'properties.test': 'state.test',
-            'properties.block': `
-        var foo = 'bar';
-        return foo;
-      `,
-            'properties.isEditing': 'builder.isEditing'
-        }
-    };
-    const processed = getProcessedBlock({
-        block,
-        context: {},
-        rootState: {
-            test: 'hello'
-        },
-        rootSetState: undefined,
-        localState: undefined,
-        shouldEvaluateBindings: true
-    });
-    expect(processed).not.toEqual(block);
-    expect(processed.properties?.foo).toEqual('baz');
-    expect(processed.properties?.test).toEqual('hello');
-    expect(processed.properties?.block).toEqual('bar');
-    expect(processed.properties?.isEditing).toEqual(false);
-    expect(processed.responsiveStyles?.large?.zIndex).toEqual(2);
-});

package/dist/functions/on-change.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/functions/on-change.test.js

@@ -1,30 +0,0 @@
-import { onChange } from './on-change.js';
-test('onChange can observe a shallow change', () => {
-    let changeHappend = false;
-    const obj = onChange({
-        foo: 'hi'
-    }, () => changeHappend = true);
-    obj.foo = 'yo';
-    expect(changeHappend).toBe(true);
-});
-test('onChange can observe a deep change', () => {
-    let changeHappend = false;
-    const obj = onChange({
-        foo: {
-            bar: 'hi'
-        }
-    }, () => changeHappend = true);
-    obj.foo.bar = 'yo';
-    expect(changeHappend).toBe(true);
-});
-test('Smoke test: callback is not fired if no properties updated', () => {
-    let changeHappend = false;
-    const obj = onChange({
-        foo: {
-            bar: 'hi'
-        }
-    }, () => changeHappend = true);
-    // Access some properties
-    obj.foo.bar;
-    expect(changeHappend).toBe(false);
-});

package/dist/functions/set.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/functions/set.test.js

@@ -1,22 +0,0 @@
-import { set } from './set.js';
-test('can shallow set a property', () => {
-    const obj = {
-        foo: 'bar'
-    };
-    set(obj, 'foo', 'baz');
-    expect(obj.foo).toBe('baz');
-});
-test('can deeply set a property', () => {
-    const obj = {
-        foo: 'bar'
-    };
-    set(obj, 'foo.bar', 'baz');
-    expect(obj.foo.bar).toBe('baz');
-});
-test('can deeply create arrays', () => {
-    const obj = {
-        foo: 'bar'
-    };
-    set(obj, 'foo.bar.0', 'hi');
-    expect(obj.foo.bar).toEqual(['hi']);
-});

package/dist/helpers/url.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/helpers/url.test.js

@@ -1,21 +0,0 @@
-import { getTopLevelDomain } from './url.js';
-describe('getTopLevelDomain', () => {
-    test('handles root domain', () => {
-        const output = getTopLevelDomain('example.com');
-        expect(output).toBe('example.com');
-    });
-    test('handles subdomain', () => {
-        const output = getTopLevelDomain('wwww.example.com');
-        expect(output).toBe('example.com');
-    });
-    test('handles subdomain with long suffix', () => {
-        const output = getTopLevelDomain('www.example.co.uk');
-        expect(output).toBe('example.co.uk');
-    });
-    test('handles localhost', () => {
-        const output = getTopLevelDomain('localhost');
-        expect(output).toBe('localhost');
-        const output2 = getTopLevelDomain('127.0.0.1');
-        expect(output2).toBe('127.0.0.1');
-    });
-});