@builder.io/sdk-solid 0.4.5 → 0.5.0

package/src/components/render-blocks.jsx

@@ -1,100 +0,0 @@
-import { useContext, Show, For, createSignal } from "solid-js";
-
-import { css } from "solid-styled-components";
-
-import BuilderContext from "../context/builder.context.js";
-import { isEditing } from "../functions/is-editing.js";
-import BlockStyles from "./render-block/block-styles.jsx";
-import RenderBlock from "./render-block/render-block.jsx";
-
-function RenderBlocks(props) {
-  function className() {
-    return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
-  }
-
-  function onClick() {
-    if (isEditing() && !props.blocks?.length) {
-      window.parent?.postMessage(
-        {
-          type: "builder.clickEmptyBlocks",
-          data: {
-            parentElementId: props.parent,
-            dataPath: props.path,
-          },
-        },
-        "*"
-      );
-    }
-  }
-
-  function onMouseEnter() {
-    if (isEditing() && !props.blocks?.length) {
-      window.parent?.postMessage(
-        {
-          type: "builder.hoverEmptyBlocks",
-          data: {
-            parentElementId: props.parent,
-            dataPath: props.path,
-          },
-        },
-        "*"
-      );
-    }
-  }
-
-  const builderContext = useContext(BuilderContext);
-
-  return (
-    <div
-      class={
-        className() +
-        " " +
-        css({
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "stretch",
-        })
-      }
-      builder-path={props.path}
-      builder-parent-id={props.parent}
-      dataSet={{
-        class: className(),
-      }}
-      style={props.styleProp}
-      onClick={(event) => onClick()}
-      onMouseEnter={(event) => onMouseEnter()}
-      onKeyPress={(event) => onClick()}
-    >
-      <Show when={props.blocks}>
-        <For each={props.blocks}>
-          {(block, _index) => {
-            const index = _index();
-            return (
-              <RenderBlock
-                key={"render-block-" + block.id}
-                block={block}
-                context={builderContext}
-              ></RenderBlock>
-            );
-          }}
-        </For>
-      </Show>
-      <Show when={props.blocks}>
-        <For each={props.blocks}>
-          {(block, _index) => {
-            const index = _index();
-            return (
-              <BlockStyles
-                key={"block-style-" + block.id}
-                block={block}
-                context={builderContext}
-              ></BlockStyles>
-            );
-          }}
-        </For>
-      </Show>
-    </div>
-  );
-}
-
-export default RenderBlocks;

package/src/components/render-content/builder-editing.jsx

@@ -1,5 +0,0 @@
-function BuilderEditing(props) {
-  return <div></div>;
-}
-
-export default BuilderEditing;

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

@@ -1,4 +0,0 @@
-import { default as default2 } from "./render-content";
-export {
-  default2 as default
-};

package/src/components/render-content/wrap-component-ref.js

@@ -1,4 +0,0 @@
-const wrapComponentRef = (component) => component;
-export {
-  wrapComponentRef
-};

package/src/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, void 0);
-    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, void 0);
-    expect(() => flattened.foo = "bar").toThrow("Writing to local state is not allowed as it is read-only.");
-  });
-});

package/src/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();
-  });
-});

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

@@ -1,97 +0,0 @@
-import { generateContentUrl } from "./generate-content-url";
-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/src/functions/get-processed-block.test.js

@@ -1,34 +0,0 @@
-import { getProcessedBlock } from "./get-processed-block.js";
-test("Can process bindings", () => {
-  var _a, _b, _c, _d, _e, _f;
-  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": `
-        const foo = 'bar';
-        return foo;
-      `,
-      "properties.isEditing": "builder.isEditing"
-    }
-  };
-  const processed = getProcessedBlock({
-    block,
-    context: {},
-    rootState: { test: "hello" },
-    rootSetState: void 0,
-    localState: void 0,
-    shouldEvaluateBindings: true
-  });
-  expect(processed).not.toEqual(block);
-  expect((_a = processed.properties) == null ? void 0 : _a.foo).toEqual("baz");
-  expect((_b = processed.properties) == null ? void 0 : _b.test).toEqual("hello");
-  expect((_c = processed.properties) == null ? void 0 : _c.block).toEqual("bar");
-  expect((_d = processed.properties) == null ? void 0 : _d.isEditing).toEqual(false);
-  expect((_f = (_e = processed.responsiveStyles) == null ? void 0 : _e.large) == null ? void 0 : _f.zIndex).toEqual(2);
-});

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

@@ -1,19 +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);
-  obj.foo.bar;
-  expect(changeHappend).toBe(false);
-});

package/src/functions/set.test.js

@@ -1,16 +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/src/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");
-  });
-});