@builder.io/sdk-qwik 0.0.8 → 0.0.11

package/src/functions/register-component.js

@@ -0,0 +1,72 @@
+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;
+};
+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(info)
+  };
+};
+const fastClone = (obj) => JSON.parse(JSON.stringify(obj));
+const serializeValue = (value) => typeof value === "function" ? serializeFn(value) : fastClone(value);
+const serializeFn = (fnValue) => {
+  const fnStr = fnValue.toString().trim();
+  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
+  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
+};
+const prepareComponentInfoToSend = (_c) => {
+  var _d = _c, {
+    inputs
+  } = _d, info = __objRest(_d, [
+    "inputs"
+  ]);
+  return __spreadProps(__spreadValues({}, fastClone(info)), {
+    inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => __spreadProps(__spreadValues({}, acc), {
+      [key]: serializeValue(value)
+    }), {}))
+  });
+};
+export {
+  components,
+  createRegisterComponentMessage,
+  registerComponent
+};

package/src/functions/register.js

@@ -0,0 +1,29 @@
+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/sanitize-styles.js

@@ -0,0 +1,5 @@
+const sanitizeBlockStyles = (_styles) => {
+};
+export {
+  sanitizeBlockStyles
+};

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,22 @@
+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
+};

package/src/functions/transform-block.js

@@ -0,0 +1,6 @@
+function transformBlock(block) {
+  return block;
+}
+export {
+  transformBlock
+};

package/src/helpers/css.js

@@ -0,0 +1,12 @@
+import { camelToKebabCase } from "../functions/camel-to-kebab-case";
+const convertStyleMaptoCSS = (style) => {
+  const cssProps = Object.entries(style).map(([key, value]) => {
+    if (typeof value === "string") {
+      return `${camelToKebabCase(key)}: ${value};`;
+    }
+  });
+  return cssProps.join("\n");
+};
+export {
+  convertStyleMaptoCSS
+};

package/src/helpers/flatten.js

@@ -0,0 +1,34 @@
+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));
+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 });
+  }, {});
+}
+export {
+  flatten
+};

package/src/index-helpers/blocks-exports.js

@@ -0,0 +1,22 @@
+import { default as default2 } from "../blocks/columns/columns.jsx";
+import { default as default3 } from "../blocks/image/image.jsx";
+import { default as default4 } from "../blocks/text/text.jsx";
+import { default as default5 } from "../blocks/video/video.jsx";
+import { default as default6 } from "../blocks/symbol/symbol.jsx";
+import { default as default7 } from "../blocks/button/button.jsx";
+import { default as default8 } from "../blocks/section/section.jsx";
+import { default as default9 } from "../blocks/fragment/fragment.jsx";
+import { default as default10 } from "../components/render-content/render-content.jsx";
+import { default as default11 } from "../components/render-blocks.jsx";
+export {
+  default7 as Button,
+  default2 as Columns,
+  default9 as Fragment,
+  default3 as Image,
+  default11 as RenderBlocks,
+  default10 as RenderContent,
+  default8 as Section,
+  default6 as Symbol,
+  default4 as Text,
+  default5 as Video
+};

package/src/index-helpers/top-of-file.js

@@ -0,0 +1,4 @@
+var stdin_default = void 0;
+export {
+  stdin_default as default
+};

package/src/index.js

@@ -0,0 +1,10 @@
+import "./index-helpers/top-of-file.js";
+import "./scripts/init-editing.js";
+export * from "./index-helpers/blocks-exports.js";
+export * from "./functions/is-editing.js";
+export * from "./functions/is-previewing.js";
+export * from "./functions/register-component.js";
+export * from "./functions/register.js";
+export * from "./functions/set-editor-settings.js";
+export * from "./functions/get-content/index.js";
+export * from "./functions/get-builder-search-params/index.js";

package/src/scripts/init-editing.js

@@ -0,0 +1,79 @@
+import { TARGET } from "../constants/target.js";
+import { isBrowser } from "../functions/is-browser.js";
+import { register } from "../functions/register.js";
+const registerInsertMenu = () => {
+  register("insertMenu", {
+    name: "_default",
+    default: true,
+    items: [
+      { name: "Box" },
+      { name: "Text" },
+      { name: "Image" },
+      { name: "Columns" },
+      ...TARGET === "reactNative" ? [] : [
+        { name: "Core:Section" },
+        { name: "Core:Button" },
+        { name: "Embed" },
+        { name: "Custom Code" }
+      ]
+    ]
+  });
+};
+const setupBrowserForEditing = () => {
+  var _a;
+  if (isBrowser()) {
+    (_a = window.parent) == null ? void 0 : _a.postMessage({
+      type: "builder.sdkInfo",
+      data: {
+        target: TARGET,
+        supportsPatchUpdates: false
+      }
+    }, "*");
+    window.addEventListener("message", ({ data }) => {
+      var _a2, _b;
+      if (data) {
+        switch (data.type) {
+          case "builder.evaluate": {
+            const text = data.data.text;
+            const args = data.data.arguments || [];
+            const id = data.data.id;
+            const fn = new Function(text);
+            let result;
+            let error = null;
+            try {
+              result = fn.apply(null, args);
+            } catch (err) {
+              error = err;
+            }
+            if (error) {
+              (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
+                type: "builder.evaluateError",
+                data: { id, error: error.message }
+              }, "*");
+            } else {
+              if (result && typeof result.then === "function") {
+                result.then((finalResult) => {
+                  var _a3;
+                  (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+                    type: "builder.evaluateResult",
+                    data: { id, result: finalResult }
+                  }, "*");
+                }).catch(console.error);
+              } else {
+                (_b = window.parent) == null ? void 0 : _b.postMessage({
+                  type: "builder.evaluateResult",
+                  data: { result, id }
+                }, "*");
+              }
+            }
+            break;
+          }
+        }
+      }
+    });
+  }
+};
+export {
+  registerInsertMenu,
+  setupBrowserForEditing
+};

package/types.d.ts

@@ -1,13 +1,8 @@
-type Dictionary<T> = Record<string, T>;
-type BuilderContent = any;
-type BuilderBlock = any;
-type RegisteredComponent = any;
-type RegisteredComponents = any;
-declare const builder: { env: 'dev'; apiKey: string };
-// TODO(misko): HACKS to be removed
-declare const get: (obj: any, key: string) => any;
-declare const set: (obj: any, key: string, value: any) => void;
-interface CSSProperties {
-  flexDirection: any;
+declare module '@builder.io/sdk-qwik' {
+  const getContent: (options: {
+    model: string;
+    apiKey: string;
+    userAttributes: Record<string, string>;
+  }) => Promise<any>;
+  const RenderContent: any;
 }
-declare const BuilderBlocks: (props: any) => any;