@builder.io/sdk-svelte 0.0.1-0

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

@@ -0,0 +1,216 @@
+<script>
+     import { onMount } from 'svelte'
+     import { afterUpdate } from 'svelte'
+     import { onDestroy } from 'svelte'
+     
+   import  {  isBrowser  }  from '../../functions/is-browser';
+import  BuilderContext,  {  }  from '../../context/builder.context.lite';
+import  {  track  }  from '../../functions/track';
+import  {  isEditing  }  from '../../functions/is-editing';
+import  {  isPreviewing  }  from '../../functions/is-previewing';
+import  {  previewingModelName  }  from '../../functions/previewing-model-name';
+import  {  getContent  }  from '../../functions/get-content';
+import  {  convertSearchParamsToQueryObject  ,  getBuilderSearchParams  }  from '../../functions/get-builder-search-params';
+import  RenderBlocks,  {  }  from '../render-blocks.lite';
+import  {  evaluate  }  from '../../functions/evaluate';
+import  {  getFetch  }  from '../../functions/get-fetch';
+import  {  TARGET  }  from '../../constants/target';
+import  RenderStyles,  {  }  from './components/render-styles.lite';
+
+   
+ 
+
+     
+     export let content;
+export let data;
+export let model;
+export let apiKey;
+
+     function processMessage(event) {
+ const {
+   data
+ } = event;
+
+ if (data) {
+   switch (data.type) {
+     case 'builder.contentUpdate':
+       {
+         const messageContent = data.data;
+         const key = messageContent.key || messageContent.alias || messageContent.entry || messageContent.modelName;
+         const contentData = messageContent.data;
+
+         if (key === model) {
+           overrideContent = contentData;
+         }
+
+         break;
+       }
+
+     case 'builder.patchUpdates':
+       {
+         // TODO
+         break;
+       }
+   }
+ }
+}
+
+function evaluateJsCode() {
+ // run any dynamic JS code attached to content
+ const jsCode = useContent?.()?.data?.jsCode;
+
+ if (jsCode) {
+   evaluate({
+     code: jsCode,
+     context: context(),
+     state: state()
+   });
+ }
+}
+
+function evalExpression(expression) {
+ return expression.replace(/{{([^}]+)}}/g, (_match, group) => evaluate({
+   code: group,
+   context: context(),
+   state: state()
+ }));
+}
+
+function handleRequest({
+ url,
+ key
+}) {
+ const fetchAndSetState = async () => {
+   const response = await getFetch()(url);
+   const json = await response.json();
+   const newOverrideState = { ...overrideState,
+     [key]: json
+   };
+   overrideState = newOverrideState;
+ };
+
+ fetchAndSetState();
+}
+
+function runHttpRequests() {
+ const requests = useContent?.()?.data?.httpRequests ?? {};
+ Object.entries(requests).forEach(([key, url]) => {
+   if (url && (!httpReqsData()[key] || isEditing())) {
+     const evaluatedUrl = evalExpression(url);
+     handleRequest({
+       url: evaluatedUrl,
+       key
+     });
+   }
+ });
+}
+
+function emitStateUpdate() {
+ window.dispatchEvent(new CustomEvent('builder:component:stateChange', {
+   detail: {
+     state: state(),
+     ref: {
+       name: model
+     }
+   }
+ }));
+}
+     $: useContent = () => {
+ const mergedContent = { ...content,
+   ...overrideContent,
+   data: { ...content?.data,
+     ...data,
+     ...overrideContent?.data
+   }
+ };
+ return mergedContent;
+};
+
+$: state = () => {
+ return { ...content?.data?.state,
+   ...data,
+   ...overrideState
+ };
+};
+
+$: context = () => {
+ return {};
+};
+
+$: httpReqsData = () => {
+ return {};
+};
+
+     let overrideContent = null;
+let update = 0;
+let overrideState = {};
+
+     onMount(() => { 
+ if (isBrowser()) {
+   if (isEditing()) {
+     window.addEventListener('message', processMessage);
+     window.addEventListener('builder:component:stateChangeListenerActivated', emitStateUpdate);
+   }
+
+   if (useContent()) {
+     track('impression', {
+       contentId: useContent().id
+     });
+   } // override normal content in preview mode
+
+
+   if (isPreviewing()) {
+     if (model && previewingModelName() === model) {
+       const currentUrl = new URL(location.href);
+       const previewApiKey = currentUrl.searchParams.get('apiKey');
+
+       if (previewApiKey) {
+         getContent({
+           model: model,
+           apiKey: previewApiKey,
+           options: getBuilderSearchParams(convertSearchParamsToQueryObject(currentUrl.searchParams))
+         }).then(content => {
+           if (content) {
+             overrideContent = content;
+           }
+         });
+       }
+     }
+   }
+
+   evaluateJsCode();
+   runHttpRequests();
+   emitStateUpdate();
+ }
+});
+
+     afterUpdate(() => { 
+ evaluateJsCode();
+});afterUpdate(() => { 
+ runHttpRequests();
+});afterUpdate(() => { 
+ emitStateUpdate();
+})
+
+     onDestroy(() => { 
+ if (isBrowser()) {
+   window.removeEventListener('message', processMessage);
+   window.removeEventListener('builder:component:stateChangeListenerActivated', emitStateUpdate);
+ }
+});
+   </script>
+
+   {#if useContent() }
+     
+<div  on:click="{event => track('click', {
+ contentId: useContent().id
+})}"  data-builder-content-id={useContent?.()?.id} >
+       
+{#if (useContent?.()?.data?.cssCode || useContent?.()?.data?.customFonts?.length) && TARGET !== 'reactNative' }<RenderStyles  cssCode={useContent().data.cssCode}  customFonts={useContent().data.customFonts} ></RenderStyles>{/if}
+
+       
+<RenderBlocks  blocks={useContent?.()?.data?.blocks} ></RenderBlocks>
+
+     </div>
+
+   {/if}

package/src/constants/device-sizes.js

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+__export(exports, {
+  sizeNames: () => sizeNames,
+  sizes: () => sizes
+});
+const sizeNames = ["xsmall", "small", "medium", "large"];
+const sizes = {
+  xsmall: {
+    min: 0,
+    default: 0,
+    max: 0
+  },
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  },
+  getWidthForSize(size) {
+    return this[size].default;
+  },
+  getSizeForWidth(width) {
+    for (const size of sizeNames) {
+      const value = this[size];
+      if (width <= value.max) {
+        return size;
+      }
+    }
+    return "large";
+  }
+};

package/src/constants/target.js

@@ -0,0 +1,11 @@
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+__export(exports, {
+  TARGET: () => TARGET
+});
+const TARGET = "reactNative";

package/src/context/builder.context.js

@@ -0,0 +1,33 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_react = __toModule(require("react"));
+var stdin_default = (0, import_react.createContext)({
+  content: null,
+  context: {},
+  state: {},
+  apiKey: null
+});

package/src/functions/evaluate.js

@@ -0,0 +1,51 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  evaluate: () => evaluate
+});
+var import_is_browser = __toModule(require("./is-browser"));
+var import_is_editing = __toModule(require("./is-editing"));
+function evaluate({
+  code,
+  context,
+  state,
+  event
+}) {
+  if (code === "") {
+    console.warn("Skipping evaluation of empty code block.");
+    return;
+  }
+  const builder = {
+    isEditing: (0, import_is_editing.isEditing)(),
+    isBrowser: (0, import_is_browser.isBrowser)(),
+    isServer: !(0, import_is_browser.isBrowser)()
+  };
+  const useReturn = !(code.includes(";") || code.includes(" return ") || code.trim().startsWith("return "));
+  const useCode = useReturn ? `return (${code});` : code;
+  try {
+    return new Function("builder", "Builder", "state", "context", "event", useCode)(builder, builder, state, context, event);
+  } catch (e) {
+    console.warn("Builder custom code error: ", e);
+  }
+}

package/src/functions/event-handler-name.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+__export(exports, {
+  getEventHandlerName: () => getEventHandlerName
+});
+function capitalizeFirstLetter(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+const getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}`;

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

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  getBlockActions: () => getBlockActions
+});
+var import_evaluate = __toModule(require("./evaluate"));
+var import_event_handler_name = __toModule(require("./event-handler-name"));
+function getBlockActions(options) {
+  var _a;
+  const obj = {};
+  const optionActions = (_a = options.block.actions) != null ? _a : {};
+  for (const key in optionActions) {
+    if (!optionActions.hasOwnProperty(key)) {
+      continue;
+    }
+    const value = optionActions[key];
+    obj[(0, import_event_handler_name.getEventHandlerName)(key)] = (event) => (0, import_evaluate.evaluate)({
+      code: value,
+      context: options.context,
+      state: options.state,
+      event
+    });
+  }
+  return obj;
+}

package/src/functions/get-block-component-options.js

@@ -0,0 +1,29 @@
+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;
+};
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+__export(exports, {
+  getBlockComponentOptions: () => getBlockComponentOptions
+});
+function getBlockComponentOptions(block) {
+  var _a;
+  return __spreadValues(__spreadValues({}, (_a = block.component) == null ? void 0 : _a.options), block.options);
+}

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

@@ -0,0 +1,35 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+__export(exports, {
+  getBlockProperties: () => getBlockProperties
+});
+function getBlockProperties(block) {
+  var _a;
+  return __spreadProps(__spreadValues({}, block.properties), {
+    "builder-id": block.id,
+    class: [block.id, "builder-block", block.class, (_a = block.properties) == null ? void 0 : _a.class].filter(Boolean).join(" ")
+  });
+}

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

@@ -0,0 +1,52 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  getBlockStyles: () => getBlockStyles
+});
+var import_device_sizes = __toModule(require("../constants/device-sizes"));
+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: ${import_device_sizes.sizes.medium})`] = (_c = block.responsiveStyles) == null ? void 0 : _c.medium;
+  }
+  if ((_d = block.responsiveStyles) == null ? void 0 : _d.small) {
+    styles[`@media (max-width: ${import_device_sizes.sizes.small})`] = (_e = block.responsiveStyles) == null ? void 0 : _e.small;
+  }
+  return styles;
+}

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

@@ -0,0 +1,13 @@
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+__export(exports, {
+  getBlockTag: () => getBlockTag
+});
+function getBlockTag(block) {
+  return block.tagName || "div";
+}

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

@@ -0,0 +1,31 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var import__ = __toModule(require("."));
+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 = (0, import__.convertSearchParamsToQueryObject)(url.searchParams);
+    expect(output).toMatchSnapshot();
+  });
+  test("correctly extracts all builder params from a query object", () => {
+    const output = (0, import__.getBuilderSearchParams)((0, import__.convertSearchParamsToQueryObject)(url.searchParams));
+    expect(output).toMatchSnapshot();
+  });
+});

package/src/functions/get-builder-search-params/index.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+__export(exports, {
+  convertSearchParamsToQueryObject: () => convertSearchParamsToQueryObject,
+  getBuilderSearchParams: () => getBuilderSearchParams
+});
+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;
+};

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

@@ -0,0 +1,49 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var import__ = __toModule(require("."));
+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 = (0, import__.generateContentUrl)({
+      apiKey: testKey,
+      model: testModel,
+      query: { id: testId }
+    });
+    expect(output).toMatchSnapshot();
+  });
+  test("Handles overrides correctly", () => {
+    const output = (0, import__.generateContentUrl)({
+      apiKey: testKey,
+      model: testModel,
+      query: { id: testId },
+      options
+    });
+    expect(output).toMatchSnapshot();
+  });
+});