@builder.io/sdk-qwik 0.16.4 → 0.16.6-1

package/lib/edge/functions/get-processed-block.qwik.mjs

@@ -0,0 +1,47 @@
+import { evaluate } from "./evaluate/evaluate.qwik.mjs";
+import { fastClone } from "./fast-clone.qwik.mjs";
+import { set } from "./set.qwik.mjs";
+import { transformBlock } from "./transform-block.qwik.mjs";
+const evaluateBindings = ({ block, context, localState, rootState, rootSetState }) => {
+  if (!block.bindings)
+    return block;
+  const copy = fastClone(block);
+  const copied = {
+    ...copy,
+    properties: {
+      ...copy.properties
+    },
+    actions: {
+      ...copy.actions
+    }
+  };
+  for (const binding in block.bindings) {
+    const expression = block.bindings[binding];
+    const value = evaluate({
+      code: expression,
+      localState,
+      rootState,
+      rootSetState,
+      context,
+      enableCache: true
+    });
+    set(copied, binding, value);
+  }
+  return copied;
+};
+function getProcessedBlock({ block, context, shouldEvaluateBindings, localState, rootState, rootSetState }) {
+  const transformedBlock = transformBlock(block);
+  if (shouldEvaluateBindings)
+    return evaluateBindings({
+      block: transformedBlock,
+      localState,
+      rootState,
+      rootSetState,
+      context
+    });
+  else
+    return transformedBlock;
+}
+export {
+  getProcessedBlock
+};

package/lib/edge/functions/get-style.qwik.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const target = require("../constants/target.qwik.cjs");
+const css = require("../helpers/css.qwik.cjs");
+const transformStyleProperty = require("./transform-style-property.qwik.cjs");
+const getStyle = ({ block, context }) => {
+  return mapStyleObjToStrIfNeeded(transformStyleProperty.transformStyleProperty({
+    style: block.style || {},
+    context,
+    block
+  }));
+};
+function mapStyleObjToStrIfNeeded(style) {
+  switch (target.TARGET) {
+    case "svelte":
+    case "vue":
+    case "solid":
+    case "angular":
+      return css.convertStyleMapToCSSArray(style).join(" ");
+    case "qwik":
+    case "reactNative":
+    case "react":
+    case "rsc":
+      return style;
+  }
+}
+exports.getStyle = getStyle;
+exports.mapStyleObjToStrIfNeeded = mapStyleObjToStrIfNeeded;

package/lib/edge/functions/get-style.qwik.mjs

@@ -0,0 +1,28 @@
+import { TARGET } from "../constants/target.qwik.mjs";
+import { convertStyleMapToCSSArray } from "../helpers/css.qwik.mjs";
+import { transformStyleProperty } from "./transform-style-property.qwik.mjs";
+const getStyle = ({ block, context }) => {
+  return mapStyleObjToStrIfNeeded(transformStyleProperty({
+    style: block.style || {},
+    context,
+    block
+  }));
+};
+function mapStyleObjToStrIfNeeded(style) {
+  switch (TARGET) {
+    case "svelte":
+    case "vue":
+    case "solid":
+    case "angular":
+      return convertStyleMapToCSSArray(style).join(" ");
+    case "qwik":
+    case "reactNative":
+    case "react":
+    case "rsc":
+      return style;
+  }
+}
+export {
+  getStyle,
+  mapStyleObjToStrIfNeeded
+};

package/lib/edge/functions/get.qwik.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const get = (obj, path, defaultValue) => {
+  const result = String.prototype.split.call(path, /[,[\].]+?/).filter(Boolean).reduce((res, key) => res !== null && res !== void 0 ? res[key] : res, obj);
+  return result === void 0 || result === obj ? defaultValue : result;
+};
+exports.get = get;

package/lib/edge/functions/get.qwik.mjs

@@ -0,0 +1,7 @@
+const get = (obj, path, defaultValue) => {
+  const result = String.prototype.split.call(path, /[,[\].]+?/).filter(Boolean).reduce((res, key) => res !== null && res !== void 0 ? res[key] : res, obj);
+  return result === void 0 || result === obj ? defaultValue : result;
+};
+export {
+  get
+};

package/lib/edge/functions/is-browser.qwik.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function isBrowser() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
+exports.isBrowser = isBrowser;

package/lib/edge/functions/is-browser.qwik.mjs

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

package/lib/edge/functions/is-editing.qwik.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const search = require("../helpers/search/search.qwik.cjs");
+const isIframe = require("./is-iframe.qwik.cjs");
+function isEditing(search$1) {
+  return isIframe.isIframe() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  search.getSearchString(search$1 || window.location.search).indexOf("builder.frameEditing=") !== -1;
+}
+exports.isEditing = isEditing;

package/lib/edge/functions/is-editing.qwik.mjs

@@ -0,0 +1,9 @@
+import { getSearchString } from "../helpers/search/search.qwik.mjs";
+import { isIframe } from "./is-iframe.qwik.mjs";
+function isEditing(search) {
+  return isIframe() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  getSearchString(search || window.location.search).indexOf("builder.frameEditing=") !== -1;
+}
+export {
+  isEditing
+};

package/lib/edge/functions/is-from-trusted-host.qwik.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const DEFAULT_TRUSTED_HOSTS = [
+  "*.beta.builder.io",
+  "beta.builder.io",
+  "builder.io",
+  "localhost",
+  "qa.builder.io"
+];
+function isFromTrustedHost(trustedHosts, e) {
+  if (!e.origin.startsWith("http") && !e.origin.startsWith("https"))
+    return false;
+  const url = new URL(e.origin), hostname = url.hostname;
+  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
+}
+exports.isFromTrustedHost = isFromTrustedHost;

package/lib/edge/functions/is-from-trusted-host.qwik.mjs

@@ -0,0 +1,16 @@
+const DEFAULT_TRUSTED_HOSTS = [
+  "*.beta.builder.io",
+  "beta.builder.io",
+  "builder.io",
+  "localhost",
+  "qa.builder.io"
+];
+function isFromTrustedHost(trustedHosts, e) {
+  if (!e.origin.startsWith("http") && !e.origin.startsWith("https"))
+    return false;
+  const url = new URL(e.origin), hostname = url.hostname;
+  return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
+}
+export {
+  isFromTrustedHost
+};

package/lib/edge/functions/is-iframe.qwik.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isBrowser = require("./is-browser.qwik.cjs");
+function isIframe() {
+  return isBrowser.isBrowser() && window.self !== window.top;
+}
+exports.isIframe = isIframe;

package/lib/edge/functions/is-iframe.qwik.mjs

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

package/lib/edge/functions/is-node-runtime.qwik.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const nullable = require("../helpers/nullable.qwik.cjs");
+function isNodeRuntime() {
+  var _a;
+  return typeof process !== "undefined" && nullable.checkIsDefined((_a = process == null ? void 0 : process.versions) == null ? void 0 : _a.node);
+}
+exports.isNodeRuntime = isNodeRuntime;

package/lib/edge/functions/is-node-runtime.qwik.mjs

@@ -0,0 +1,8 @@
+import { checkIsDefined } from "../helpers/nullable.qwik.mjs";
+function isNodeRuntime() {
+  var _a;
+  return typeof process !== "undefined" && checkIsDefined((_a = process == null ? void 0 : process.versions) == null ? void 0 : _a.node);
+}
+export {
+  isNodeRuntime
+};

package/lib/edge/functions/is-previewing.qwik.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const search = require("../helpers/search/search.qwik.cjs");
+const isBrowser = require("./is-browser.qwik.cjs");
+function isPreviewing(_search) {
+  const search$1 = _search || (isBrowser.isBrowser() ? window.location.search : void 0);
+  if (!search$1)
+    return false;
+  const normalizedSearch = search.getSearchString(search$1);
+  return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
+}
+exports.isPreviewing = isPreviewing;

package/lib/edge/functions/is-previewing.qwik.mjs

@@ -0,0 +1,12 @@
+import { getSearchString } from "../helpers/search/search.qwik.mjs";
+import { isBrowser } from "./is-browser.qwik.mjs";
+function isPreviewing(_search) {
+  const search = _search || (isBrowser() ? window.location.search : void 0);
+  if (!search)
+    return false;
+  const normalizedSearch = getSearchString(search);
+  return Boolean(normalizedSearch.indexOf("builder.preview=") !== -1);
+}
+export {
+  isPreviewing
+};

package/lib/edge/functions/register-component.qwik.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createRegisterComponentMessage = (info) => ({
+  type: "builder.registerComponent",
+  data: serializeIncludingFunctions(info)
+});
+const serializeFn = (fnValue) => {
+  const fnStr = fnValue.toString().trim();
+  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
+  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
+};
+function serializeIncludingFunctions(info) {
+  return JSON.parse(JSON.stringify(info, (key, value) => {
+    if (typeof value === "function")
+      return serializeFn(value);
+    return value;
+  }));
+}
+exports.createRegisterComponentMessage = createRegisterComponentMessage;
+exports.serializeIncludingFunctions = serializeIncludingFunctions;

package/lib/edge/functions/register-component.qwik.mjs

@@ -0,0 +1,20 @@
+const createRegisterComponentMessage = (info) => ({
+  type: "builder.registerComponent",
+  data: serializeIncludingFunctions(info)
+});
+const serializeFn = (fnValue) => {
+  const fnStr = fnValue.toString().trim();
+  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
+  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
+};
+function serializeIncludingFunctions(info) {
+  return JSON.parse(JSON.stringify(info, (key, value) => {
+    if (typeof value === "function")
+      return serializeFn(value);
+    return value;
+  }));
+}
+export {
+  createRegisterComponentMessage,
+  serializeIncludingFunctions
+};

package/lib/edge/functions/register.qwik.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isBrowser = require("./is-browser.qwik.cjs");
+const registerComponent = require("./register-component.qwik.cjs");
+const registry = {};
+function register(type, info) {
+  if (type === "plugin")
+    info = registerComponent.serializeIncludingFunctions(info);
+  let typeList = registry[type];
+  if (!typeList)
+    typeList = registry[type] = [];
+  typeList.push(info);
+  if (isBrowser.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);
+    }
+  }
+}
+exports.register = register;

package/lib/edge/functions/register.qwik.mjs

@@ -0,0 +1,30 @@
+import { isBrowser } from "./is-browser.qwik.mjs";
+import { serializeIncludingFunctions } from "./register-component.qwik.mjs";
+const registry = {};
+function register(type, info) {
+  if (type === "plugin")
+    info = serializeIncludingFunctions(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/lib/edge/functions/set-editor-settings.qwik.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isBrowser = require("./is-browser.qwik.cjs");
+const settings = {};
+function setEditorSettings(newSettings) {
+  if (isBrowser.isBrowser()) {
+    Object.assign(settings, newSettings);
+    const message = {
+      type: "builder.settingsChange",
+      data: settings
+    };
+    parent.postMessage(message, "*");
+  }
+}
+exports.setEditorSettings = setEditorSettings;

package/lib/edge/functions/set-editor-settings.qwik.mjs

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

package/lib/edge/functions/set.qwik.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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;
+};
+exports.set = set;

package/lib/edge/functions/set.qwik.mjs

@@ -0,0 +1,10 @@
+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/lib/edge/functions/track/helpers.qwik.cjs

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const target = require("../../constants/target.qwik.cjs");
+const isBrowser = require("../is-browser.qwik.cjs");
+const getLocation = () => {
+  if (isBrowser.isBrowser()) {
+    const parsedLocation = new URL(location.href);
+    if (parsedLocation.pathname === "")
+      parsedLocation.pathname = "/";
+    return parsedLocation;
+  } else {
+    console.warn("Cannot get location for tracking in non-browser environment");
+    return null;
+  }
+};
+const getUserAgent = () => typeof navigator === "object" && navigator.userAgent || "";
+const getUserAttributes = () => {
+  const userAgent = getUserAgent();
+  const isMobile = {
+    Android() {
+      return userAgent.match(/Android/i);
+    },
+    BlackBerry() {
+      return userAgent.match(/BlackBerry/i);
+    },
+    iOS() {
+      return userAgent.match(/iPhone|iPod/i);
+    },
+    Opera() {
+      return userAgent.match(/Opera Mini/i);
+    },
+    Windows() {
+      return userAgent.match(/IEMobile/i) || userAgent.match(/WPDesktop/i);
+    },
+    any() {
+      return isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows() || target.TARGET === "reactNative";
+    }
+  };
+  const isTablet = userAgent.match(/Tablet|iPad/i);
+  const url = getLocation();
+  return {
+    urlPath: url == null ? void 0 : url.pathname,
+    host: (url == null ? void 0 : url.host) || (url == null ? void 0 : url.hostname),
+    device: isTablet ? "tablet" : isMobile.any() ? "mobile" : "desktop"
+  };
+};
+exports.getUserAttributes = getUserAttributes;

package/lib/edge/functions/track/helpers.qwik.mjs

@@ -0,0 +1,47 @@
+import { TARGET } from "../../constants/target.qwik.mjs";
+import { isBrowser } from "../is-browser.qwik.mjs";
+const getLocation = () => {
+  if (isBrowser()) {
+    const parsedLocation = new URL(location.href);
+    if (parsedLocation.pathname === "")
+      parsedLocation.pathname = "/";
+    return parsedLocation;
+  } else {
+    console.warn("Cannot get location for tracking in non-browser environment");
+    return null;
+  }
+};
+const getUserAgent = () => typeof navigator === "object" && navigator.userAgent || "";
+const getUserAttributes = () => {
+  const userAgent = getUserAgent();
+  const isMobile = {
+    Android() {
+      return userAgent.match(/Android/i);
+    },
+    BlackBerry() {
+      return userAgent.match(/BlackBerry/i);
+    },
+    iOS() {
+      return userAgent.match(/iPhone|iPod/i);
+    },
+    Opera() {
+      return userAgent.match(/Opera Mini/i);
+    },
+    Windows() {
+      return userAgent.match(/IEMobile/i) || userAgent.match(/WPDesktop/i);
+    },
+    any() {
+      return isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows() || TARGET === "reactNative";
+    }
+  };
+  const isTablet = userAgent.match(/Tablet|iPad/i);
+  const url = getLocation();
+  return {
+    urlPath: url == null ? void 0 : url.pathname,
+    host: (url == null ? void 0 : url.host) || (url == null ? void 0 : url.hostname),
+    device: isTablet ? "tablet" : isMobile.any() ? "mobile" : "desktop"
+  };
+};
+export {
+  getUserAttributes
+};

package/lib/edge/functions/track/index.qwik.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const target = require("../../constants/target.qwik.cjs");
+const logger = require("../../helpers/logger.qwik.cjs");
+const sessionId = require("../../helpers/sessionId.qwik.cjs");
+const visitorId = require("../../helpers/visitorId.qwik.cjs");
+const isBrowser = require("../is-browser.qwik.cjs");
+const isEditing = require("../is-editing.qwik.cjs");
+const helpers = require("./helpers.qwik.cjs");
+const getTrackingEventData = async ({ canTrack }) => {
+  if (!canTrack)
+    return {
+      visitorId: void 0,
+      sessionId: void 0
+    };
+  const sessionId$1 = await sessionId.getSessionId({
+    canTrack
+  });
+  const visitorId$1 = visitorId.getVisitorId({
+    canTrack
+  });
+  return {
+    sessionId: sessionId$1,
+    visitorId: visitorId$1
+  };
+};
+const createEvent = async ({ type: eventType, canTrack, apiKey, metadata, ...properties }) => ({
+  type: eventType,
+  data: {
+    ...properties,
+    metadata: {
+      url: location.href,
+      ...metadata
+    },
+    ...await getTrackingEventData({
+      canTrack
+    }),
+    userAttributes: helpers.getUserAttributes(),
+    ownerId: apiKey
+  }
+});
+async function _track(eventProps) {
+  if (!eventProps.apiKey) {
+    logger.logger.error("Missing API key for track call. Please provide your API key.");
+    return;
+  }
+  if (!eventProps.canTrack)
+    return;
+  if (isEditing.isEditing())
+    return;
+  if (!(isBrowser.isBrowser() || target.TARGET === "reactNative"))
+    return;
+  return fetch(`https://cdn.builder.io/api/v1/track`, {
+    method: "POST",
+    body: JSON.stringify({
+      events: [
+        await createEvent(eventProps)
+      ]
+    }),
+    headers: {
+      "content-type": "application/json"
+    },
+    mode: "cors"
+  }).catch((err) => {
+    console.error("Failed to track: ", err);
+  });
+}
+const track = (args) => _track({
+  ...args,
+  canTrack: true
+});
+exports._track = _track;
+exports.track = track;

package/lib/edge/functions/track/index.qwik.mjs

@@ -0,0 +1,73 @@
+import { TARGET } from "../../constants/target.qwik.mjs";
+import { logger } from "../../helpers/logger.qwik.mjs";
+import { getSessionId } from "../../helpers/sessionId.qwik.mjs";
+import { getVisitorId } from "../../helpers/visitorId.qwik.mjs";
+import { isBrowser } from "../is-browser.qwik.mjs";
+import { isEditing } from "../is-editing.qwik.mjs";
+import { getUserAttributes } from "./helpers.qwik.mjs";
+const getTrackingEventData = async ({ canTrack }) => {
+  if (!canTrack)
+    return {
+      visitorId: void 0,
+      sessionId: void 0
+    };
+  const sessionId = await getSessionId({
+    canTrack
+  });
+  const visitorId = getVisitorId({
+    canTrack
+  });
+  return {
+    sessionId,
+    visitorId
+  };
+};
+const createEvent = async ({ type: eventType, canTrack, apiKey, metadata, ...properties }) => ({
+  type: eventType,
+  data: {
+    ...properties,
+    metadata: {
+      url: location.href,
+      ...metadata
+    },
+    ...await getTrackingEventData({
+      canTrack
+    }),
+    userAttributes: getUserAttributes(),
+    ownerId: apiKey
+  }
+});
+async function _track(eventProps) {
+  if (!eventProps.apiKey) {
+    logger.error("Missing API key for track call. Please provide your API key.");
+    return;
+  }
+  if (!eventProps.canTrack)
+    return;
+  if (isEditing())
+    return;
+  if (!(isBrowser() || TARGET === "reactNative"))
+    return;
+  return fetch(`https://cdn.builder.io/api/v1/track`, {
+    method: "POST",
+    body: JSON.stringify({
+      events: [
+        await createEvent(eventProps)
+      ]
+    }),
+    headers: {
+      "content-type": "application/json"
+    },
+    mode: "cors"
+  }).catch((err) => {
+    console.error("Failed to track: ", err);
+  });
+}
+const track = (args) => _track({
+  ...args,
+  canTrack: true
+});
+export {
+  _track,
+  track
+};