@builder.io/sdk-svelte 0.0.1-8 → 0.0.1

package/src/functions/get-block-styles.js

@@ -1,31 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import { sizes } from "../constants/device-sizes.js";
-function getBlockStyles(block) {
-  var _a, _b, _c, _d, _e;
-  const styles = __spreadValues(__spreadValues({}, (_a = block.responsiveStyles) == null ? void 0 : _a.large), block.styles);
-  if ((_b = block.responsiveStyles) == null ? void 0 : _b.medium) {
-    styles[`@media (max-width: ${sizes.medium})`] = (_c = block.responsiveStyles) == null ? void 0 : _c.medium;
-  }
-  if ((_d = block.responsiveStyles) == null ? void 0 : _d.small) {
-    styles[`@media (max-width: ${sizes.small})`] = (_e = block.responsiveStyles) == null ? void 0 : _e.small;
-  }
-  return styles;
-}
-export {
-  getBlockStyles
-};

package/src/functions/get-block-tag.js

@@ -1,6 +0,0 @@
-function getBlockTag(block) {
-  return block.tagName || "div";
-}
-export {
-  getBlockTag
-};

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-builder-search-params/index.js

@@ -1,22 +0,0 @@
-const BUILDER_SEARCHPARAMS_PREFIX = "builder.";
-const convertSearchParamsToQueryObject = (searchParams) => {
-  const options = {};
-  searchParams.forEach((value, key) => {
-    options[key] = value;
-  });
-  return options;
-};
-const getBuilderSearchParams = (options) => {
-  const newOptions = {};
-  Object.keys(options).forEach((key) => {
-    if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
-      const trimmedKey = key.replace(BUILDER_SEARCHPARAMS_PREFIX, "");
-      newOptions[trimmedKey] = options[key];
-    }
-  });
-  return newOptions;
-};
-export {
-  convertSearchParamsToQueryObject,
-  getBuilderSearchParams
-};

package/src/functions/get-content/fn.test.js

@@ -1,31 +0,0 @@
-import { generateContentUrl } from ".";
-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();
-  });
-});

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

@@ -1,138 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { getFetch } from "../get-fetch.js";
-const fetch$ = getFetch();
-function flatten(object, path = null, separator = ".") {
-  return Object.keys(object).reduce((acc, key) => {
-    const value = object[key];
-    const newPath = [path, key].filter(Boolean).join(separator);
-    const isObject = [
-      typeof value === "object",
-      value !== null,
-      !(Array.isArray(value) && value.length === 0)
-    ].every(Boolean);
-    return isObject ? __spreadValues(__spreadValues({}, acc), flatten(value, newPath, separator)) : __spreadProps(__spreadValues({}, acc), { [newPath]: value });
-  }, {});
-}
-function getContent(options) {
-  return __async(this, null, function* () {
-    return (yield getAllContent(__spreadProps(__spreadValues({}, options), { limit: 1 }))).results[0] || null;
-  });
-}
-const generateContentUrl = (options) => {
-  const {
-    limit = 1,
-    userAttributes,
-    query,
-    noTraverse = false,
-    model,
-    apiKey
-  } = options;
-  const url = new URL(`https://cdn.builder.io/api/v2/content/${model}?apiKey=${apiKey}&limit=${limit}&noTraverse=${noTraverse}`);
-  if (options.options) {
-    const flattened = flatten(options.options);
-    for (const key in flattened) {
-      url.searchParams.set(key, String(flattened[key]));
-    }
-  }
-  if (userAttributes) {
-    url.searchParams.set("userAttributes", JSON.stringify(userAttributes));
-  }
-  if (query) {
-    const flattened = flatten({ query });
-    for (const key in flattened) {
-      url.searchParams.set(key, JSON.stringify(flattened[key]));
-    }
-  }
-  return url;
-};
-const handleABTesting = (content, testGroups) => {
-  for (const item of content.results) {
-    if (item.variations && Object.keys(item.variations).length) {
-      const testGroup = testGroups[item.id];
-      const variationValue = item.variations[testGroup];
-      if (testGroup && variationValue) {
-        item.data = variationValue.data;
-        item.testVariationId = variationValue.id;
-        item.testVariationName = variationValue.name;
-      } else {
-        let n = 0;
-        const random = Math.random();
-        let set = false;
-        for (const id in item.variations) {
-          const variation = item.variations[id];
-          const testRatio = variation.testRatio;
-          n += testRatio;
-          if (random < n) {
-            const variationName = variation.name || (variation.id === item.id ? "Default variation" : "");
-            set = true;
-            Object.assign(item, {
-              data: variation.data,
-              testVariationId: variation.id,
-              testVariationName: variationName
-            });
-          }
-        }
-        if (!set) {
-          Object.assign(item, {
-            testVariationId: item.id,
-            testVariationName: "Default"
-          });
-        }
-      }
-    }
-  }
-};
-function getAllContent(options) {
-  return __async(this, null, function* () {
-    const url = generateContentUrl(options);
-    const fetch = yield fetch$;
-    const content = yield fetch(url.href).then((res) => res.json());
-    if (options.testGroups) {
-      handleABTesting(content, options.testGroups);
-    }
-    return content;
-  });
-}
-export {
-  generateContentUrl,
-  getAllContent,
-  getContent
-};

package/src/functions/get-fetch.js

@@ -1,34 +0,0 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { getGlobalThis } from "./get-global-this.js";
-function getFetch() {
-  return __async(this, null, function* () {
-    const globalFetch = getGlobalThis().fetch;
-    if (typeof globalFetch === "undefined" && typeof global !== "undefined") {
-      const nodeFetch = import("node-fetch").then((d) => d.default);
-      return nodeFetch;
-    }
-    return globalFetch;
-  });
-}
-export {
-  getFetch
-};

package/src/functions/get-global-this.js

@@ -1,18 +0,0 @@
-function getGlobalThis() {
-  if (typeof globalThis !== "undefined") {
-    return globalThis;
-  }
-  if (typeof window !== "undefined") {
-    return window;
-  }
-  if (typeof global !== "undefined") {
-    return global;
-  }
-  if (typeof self !== "undefined") {
-    return self;
-  }
-  return null;
-}
-export {
-  getGlobalThis
-};

package/src/functions/get-processed-block.js

@@ -1,46 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { evaluate } from "./evaluate.js";
-import { set } from "./set.js";
-import { transformBlock } from "./transform-block.js";
-function getProcessedBlock(options) {
-  const { state, context } = options;
-  const block = transformBlock(options.block);
-  if (!block.bindings) {
-    return block;
-  }
-  const copied = __spreadProps(__spreadValues({}, block), {
-    properties: __spreadValues({}, block.properties),
-    actions: __spreadValues({}, block.actions)
-  });
-  for (const binding in block.bindings) {
-    const expression = block.bindings[binding];
-    const value = evaluate({
-      code: expression,
-      state,
-      context
-    });
-    set(copied, binding, value);
-  }
-  return copied;
-}
-export {
-  getProcessedBlock
-};

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

@@ -1,31 +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: {},
-    state: { test: "hello" }
-  });
-  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/if-target.js

@@ -1,15 +0,0 @@
-import { TARGET } from "../constants/target.js";
-function ifTarget({
-  targets,
-  doThing,
-  elseThing
-}) {
-  if (TARGET && targets.includes(TARGET)) {
-    return doThing();
-  } else {
-    return elseThing == null ? void 0 : elseThing();
-  }
-}
-export {
-  ifTarget
-};

package/src/functions/is-browser.js

@@ -1,6 +0,0 @@
-function isBrowser() {
-  return typeof window !== "undefined" && typeof document !== "undefined";
-}
-export {
-  isBrowser
-};

package/src/functions/is-editing.js

@@ -1,7 +0,0 @@
-import { isIframe } from "./is-iframe.js";
-function isEditing() {
-  return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
-}
-export {
-  isEditing
-};

package/src/functions/is-iframe.js

@@ -1,7 +0,0 @@
-import { isBrowser } from "./is-browser.js";
-function isIframe() {
-  return isBrowser() && window.self !== window.top;
-}
-export {
-  isIframe
-};

package/src/functions/is-previewing.js

@@ -1,14 +0,0 @@
-import { isBrowser } from "./is-browser.js";
-import { isEditing } from "./is-editing.js";
-function isPreviewing() {
-  if (!isBrowser()) {
-    return false;
-  }
-  if (isEditing()) {
-    return false;
-  }
-  return Boolean(location.search.indexOf("builder.preview=") !== -1);
-}
-export {
-  isPreviewing
-};

package/src/functions/macro-eval.js

@@ -1,5 +0,0 @@
-function macroEval(items, string) {
-}
-export {
-  macroEval
-};

package/src/functions/on-change.js

@@ -1,27 +0,0 @@
-const onChangeProxySymbol = Symbol("onChangeProxySymbol");
-function onChange(obj, cb) {
-  return new Proxy(obj, {
-    get(target, key) {
-      if (key === onChangeProxySymbol) {
-        return true;
-      }
-      const value = Reflect.get(target, key);
-      if (value && typeof value === "object") {
-        if (value[onChangeProxySymbol]) {
-          return value;
-        }
-        return onChange(value, cb);
-      }
-      return value;
-    },
-    set(target, key, value) {
-      const returnValue = Reflect.set(target, key, value);
-      cb();
-      return returnValue;
-    }
-  });
-}
-export {
-  onChange,
-  onChangeProxySymbol
-};

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/previewing-model-name.js

@@ -1,11 +0,0 @@
-import { isPreviewing } from "./is-previewing.js";
-function previewingModelName() {
-  if (!isPreviewing()) {
-    return null;
-  }
-  const url = new URL(location.href);
-  return url.searchParams.get("builder.preview");
-}
-export {
-  previewingModelName
-};

package/src/functions/register-component.js

@@ -1,70 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { fastClone } from "./fast-clone.js";
-const components = [];
-function registerComponent(component, info) {
-  components.push(__spreadValues({ component }, info));
-  console.warn("registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK.");
-  return component;
-}
-const createRegisterComponentMessage = (_a) => {
-  var _b = _a, {
-    component
-  } = _b, info = __objRest(_b, [
-    "component"
-  ]);
-  return {
-    type: "builder.registerComponent",
-    data: prepareComponentInfoToSend(fastClone(info))
-  };
-};
-function prepareComponentInfoToSend(info) {
-  return __spreadValues(__spreadValues({}, info), info.inputs && {
-    inputs: info.inputs.map((input) => {
-      const keysToConvertFnToString = ["onChange", "showIf"];
-      for (const key of keysToConvertFnToString) {
-        const fn = input[key];
-        if (fn && typeof fn === "function") {
-          input = __spreadProps(__spreadValues({}, input), {
-            [key]: `return (${fn.toString()}).apply(this, arguments)`
-          });
-        }
-      }
-      return input;
-    })
-  });
-}
-export {
-  components,
-  createRegisterComponentMessage,
-  registerComponent
-};

package/src/functions/register.js

@@ -1,29 +0,0 @@
-import { isBrowser } from "./is-browser.js";
-const registry = {};
-function register(type, info) {
-  let typeList = registry[type];
-  if (!typeList) {
-    typeList = registry[type] = [];
-  }
-  typeList.push(info);
-  if (isBrowser()) {
-    const message = {
-      type: "builder.register",
-      data: {
-        type,
-        info
-      }
-    };
-    try {
-      parent.postMessage(message, "*");
-      if (parent !== window) {
-        window.postMessage(message, "*");
-      }
-    } catch (err) {
-      console.debug("Could not postmessage", err);
-    }
-  }
-}
-export {
-  register
-};

package/src/functions/set-editor-settings.js

@@ -1,15 +0,0 @@
-import { isBrowser } from "./is-browser.js";
-const settings = {};
-function setEditorSettings(newSettings) {
-  if (isBrowser()) {
-    Object.assign(settings, newSettings);
-    const message = {
-      type: "builder.settingsChange",
-      data: settings
-    };
-    parent.postMessage(message, "*");
-  }
-}
-export {
-  setEditorSettings
-};

package/src/functions/set.js

@@ -1,11 +0,0 @@
-const set = (obj, _path, value) => {
-  if (Object(obj) !== obj) {
-    return obj;
-  }
-  const path = Array.isArray(_path) ? _path : _path.toString().match(/[^.[\]]+/g);
-  path.slice(0, -1).reduce((a, c, i) => Object(a[c]) === a[c] ? a[c] : a[c] = Math.abs(Number(path[i + 1])) >> 0 === +path[i + 1] ? [] : {}, obj)[path[path.length - 1]] = value;
-  return obj;
-};
-export {
-  set
-};

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/functions/track.js

@@ -1,22 +0,0 @@
-import { TARGET } from "../constants/target.js";
-import { isBrowser } from "./is-browser.js";
-import { isEditing } from "./is-editing.js";
-function track(event, properties) {
-  if (isEditing()) {
-    return;
-  }
-  if (!(isBrowser() || TARGET === "reactNative")) {
-    return;
-  }
-  return fetch(`https://builder.io/api/v1/track`, {
-    method: "POST",
-    body: JSON.stringify({ events: [{ type: event, data: properties }] }),
-    headers: {
-      "content-type": "application/json"
-    },
-    mode: "cors"
-  });
-}
-export {
-  track
-};