@builder.io/sdk-qwik 0.16.6 → 0.16.9

package/lib/edge/blocks/columns/component-info.qwik.mjs

@@ -0,0 +1,251 @@
+const componentInfo = {
+  // TODO: ways to statically preprocess JSON for references, functions, etc
+  name: "Columns",
+  isRSC: true,
+  inputs: [
+    {
+      name: "columns",
+      type: "array",
+      broadcast: true,
+      subFields: [
+        {
+          name: "blocks",
+          type: "array",
+          hideFromUI: true,
+          defaultValue: [
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto",
+                  minHeight: "20px",
+                  minWidth: "20px",
+                  overflow: "hidden"
+                }
+              },
+              component: {
+                name: "Image",
+                options: {
+                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+                  backgroundPosition: "center",
+                  backgroundSize: "cover",
+                  aspectRatio: 0.7004048582995948
+                }
+              }
+            },
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto"
+                }
+              },
+              component: {
+                name: "Text",
+                options: {
+                  text: "<p>Enter some text...</p>"
+                }
+              }
+            }
+          ]
+        },
+        {
+          name: "width",
+          type: "number",
+          hideFromUI: true,
+          helperText: "Width %, e.g. set to 50 to fill half of the space"
+        },
+        {
+          name: "link",
+          type: "url",
+          helperText: "Optionally set a url that clicking this column will link to"
+        }
+      ],
+      defaultValue: [
+        {
+          blocks: [
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto",
+                  minHeight: "20px",
+                  minWidth: "20px",
+                  overflow: "hidden"
+                }
+              },
+              component: {
+                name: "Image",
+                options: {
+                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+                  backgroundPosition: "center",
+                  backgroundSize: "cover",
+                  aspectRatio: 0.7004048582995948
+                }
+              }
+            },
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto"
+                }
+              },
+              component: {
+                name: "Text",
+                options: {
+                  text: "<p>Enter some text...</p>"
+                }
+              }
+            }
+          ]
+        },
+        {
+          blocks: [
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto",
+                  minHeight: "20px",
+                  minWidth: "20px",
+                  overflow: "hidden"
+                }
+              },
+              component: {
+                name: "Image",
+                options: {
+                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+                  backgroundPosition: "center",
+                  backgroundSize: "cover",
+                  aspectRatio: 0.7004048582995948
+                }
+              }
+            },
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto"
+                }
+              },
+              component: {
+                name: "Text",
+                options: {
+                  text: "<p>Enter some text...</p>"
+                }
+              }
+            }
+          ]
+        }
+      ],
+      onChange: (options) => {
+        function clearWidths() {
+          columns.forEach((col) => {
+            col.delete("width");
+          });
+        }
+        const columns = options.get("columns");
+        if (Array.isArray(columns)) {
+          const containsColumnWithWidth = !!columns.find((col) => col.get("width"));
+          if (containsColumnWithWidth) {
+            const containsColumnWithoutWidth = !!columns.find((col) => !col.get("width"));
+            if (containsColumnWithoutWidth)
+              clearWidths();
+            else {
+              const sumWidths = columns.reduce((memo, col) => {
+                return memo + col.get("width");
+              }, 0);
+              const widthsDontAddUp = sumWidths !== 100;
+              if (widthsDontAddUp)
+                clearWidths();
+            }
+          }
+        }
+      }
+    },
+    {
+      name: "space",
+      type: "number",
+      defaultValue: 20,
+      helperText: "Size of gap between columns",
+      advanced: true
+    },
+    {
+      name: "stackColumnsAt",
+      type: "string",
+      defaultValue: "tablet",
+      helperText: "Convert horizontal columns to vertical at what device size",
+      enum: [
+        "tablet",
+        "mobile",
+        "never"
+      ],
+      advanced: true
+    },
+    {
+      name: "reverseColumnsWhenStacked",
+      type: "boolean",
+      defaultValue: false,
+      helperText: "When stacking columns for mobile devices, reverse the ordering",
+      advanced: true
+    }
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
+};
+export {
+  componentInfo
+};

package/lib/edge/blocks/columns/helpers.qwik.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getColumnsClass = (id) => {
+  return `builder-columns ${id}-breakpoints`;
+};
+exports.getColumnsClass = getColumnsClass;

package/lib/edge/blocks/columns/helpers.qwik.mjs

@@ -0,0 +1,6 @@
+const getColumnsClass = (id) => {
+  return `builder-columns ${id}-breakpoints`;
+};
+export {
+  getColumnsClass
+};

package/lib/edge/blocks/custom-code/component-info.qwik.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const componentInfo = {
+  name: "Custom Code",
+  static: true,
+  requiredPermissions: [
+    "editCode"
+  ],
+  inputs: [
+    {
+      name: "code",
+      type: "html",
+      required: true,
+      defaultValue: "<p>Hello there, I am custom HTML code!</p>",
+      code: true
+    },
+    {
+      name: "replaceNodes",
+      type: "boolean",
+      helperText: "Preserve server rendered dom nodes",
+      advanced: true
+    },
+    {
+      name: "scriptsClientOnly",
+      type: "boolean",
+      defaultValue: false,
+      helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
+      advanced: true
+    }
+  ]
+};
+exports.componentInfo = componentInfo;

package/lib/edge/blocks/custom-code/component-info.qwik.mjs

@@ -0,0 +1,32 @@
+const componentInfo = {
+  name: "Custom Code",
+  static: true,
+  requiredPermissions: [
+    "editCode"
+  ],
+  inputs: [
+    {
+      name: "code",
+      type: "html",
+      required: true,
+      defaultValue: "<p>Hello there, I am custom HTML code!</p>",
+      code: true
+    },
+    {
+      name: "replaceNodes",
+      type: "boolean",
+      helperText: "Preserve server rendered dom nodes",
+      advanced: true
+    },
+    {
+      name: "scriptsClientOnly",
+      type: "boolean",
+      defaultValue: false,
+      helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
+      advanced: true
+    }
+  ]
+};
+export {
+  componentInfo
+};

package/lib/edge/blocks/custom-code/custom-code.qwik.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  const elementRef = qwik.useSignal();
+  const state = qwik.useStore({
+    scriptsInserted: [],
+    scriptsRun: []
+  });
+  qwik.useOn("qvisible", /* @__PURE__ */ qwik.inlinedQrl((event, element) => {
+    const [state2] = qwik.useLexicalScope();
+    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
+      return;
+    const scripts = element.getElementsByTagName("script");
+    for (let i = 0; i < scripts.length; i++) {
+      const script = scripts[i];
+      if (script.src) {
+        if (state2.scriptsInserted.includes(script.src))
+          continue;
+        state2.scriptsInserted.push(script.src);
+        const newScript = document.createElement("script");
+        newScript.async = true;
+        newScript.src = script.src;
+        document.head.appendChild(newScript);
+      } else if (!script.type || [
+        "text/javascript",
+        "application/javascript",
+        "application/ecmascript"
+      ].includes(script.type)) {
+        if (state2.scriptsRun.includes(script.innerText))
+          continue;
+        try {
+          state2.scriptsRun.push(script.innerText);
+          new Function(script.innerText)();
+        } catch (error) {
+          console.warn("`CustomCode`: Error running script:", error);
+        }
+      }
+    }
+  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
+    state
+  ]));
+  return /* @__PURE__ */ qwik._jsxQ("div", {
+    ref: elementRef
+  }, {
+    class: qwik._fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
+      props
+    ], '"builder-custom-code"+(p0.replaceNodes?" replace-nodes":"")'),
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.code, [
+      props
+    ], "p0.code")
+  }, null, 3, "bY_0");
+}, "CustomCode_component_uYOSy7w7Zqw"));
+exports.CustomCode = CustomCode;
+exports.default = CustomCode;

package/lib/edge/blocks/custom-code/custom-code.qwik.mjs

@@ -0,0 +1,55 @@
+import { componentQrl, inlinedQrl, useSignal, useStore, useOn, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
+const CustomCode = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const elementRef = useSignal();
+  const state = useStore({
+    scriptsInserted: [],
+    scriptsRun: []
+  });
+  useOn("qvisible", /* @__PURE__ */ inlinedQrl((event, element) => {
+    const [state2] = useLexicalScope();
+    if (!(element == null ? void 0 : element.getElementsByTagName) || typeof window === "undefined")
+      return;
+    const scripts = element.getElementsByTagName("script");
+    for (let i = 0; i < scripts.length; i++) {
+      const script = scripts[i];
+      if (script.src) {
+        if (state2.scriptsInserted.includes(script.src))
+          continue;
+        state2.scriptsInserted.push(script.src);
+        const newScript = document.createElement("script");
+        newScript.async = true;
+        newScript.src = script.src;
+        document.head.appendChild(newScript);
+      } else if (!script.type || [
+        "text/javascript",
+        "application/javascript",
+        "application/ecmascript"
+      ].includes(script.type)) {
+        if (state2.scriptsRun.includes(script.innerText))
+          continue;
+        try {
+          state2.scriptsRun.push(script.innerText);
+          new Function(script.innerText)();
+        } catch (error) {
+          console.warn("`CustomCode`: Error running script:", error);
+        }
+      }
+    }
+  }, "CustomCode_component_useOn_zjAgBhFOiCs", [
+    state
+  ]));
+  return /* @__PURE__ */ _jsxQ("div", {
+    ref: elementRef
+  }, {
+    class: _fnSignal((p0) => "builder-custom-code" + (p0.replaceNodes ? " replace-nodes" : ""), [
+      props
+    ], '"builder-custom-code"+(p0.replaceNodes?" replace-nodes":"")'),
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.code, [
+      props
+    ], "p0.code")
+  }, null, 3, "bY_0");
+}, "CustomCode_component_uYOSy7w7Zqw"));
+export {
+  CustomCode,
+  CustomCode as default
+};

package/lib/edge/blocks/embed/component-info.qwik.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const componentInfo = {
+  name: "Embed",
+  static: true,
+  inputs: [
+    {
+      name: "url",
+      type: "url",
+      required: true,
+      defaultValue: "",
+      helperText: "e.g. enter a youtube url, google map, etc"
+    },
+    {
+      name: "content",
+      type: "html",
+      defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
+      hideFromUI: true
+    }
+  ]
+};
+exports.componentInfo = componentInfo;

package/lib/edge/blocks/embed/component-info.qwik.mjs

@@ -0,0 +1,22 @@
+const componentInfo = {
+  name: "Embed",
+  static: true,
+  inputs: [
+    {
+      name: "url",
+      type: "url",
+      required: true,
+      defaultValue: "",
+      helperText: "e.g. enter a youtube url, google map, etc"
+    },
+    {
+      name: "content",
+      type: "html",
+      defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
+      hideFromUI: true
+    }
+  ]
+};
+export {
+  componentInfo
+};

package/lib/edge/blocks/embed/embed.qwik.cjs

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const qwik = require("@builder.io/qwik");
+const helpers = require("./helpers.qwik.cjs");
+const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
+  if (!elem.value || !elem.value.getElementsByTagName)
+    return;
+  const scripts = elem.value.getElementsByTagName("script");
+  for (let i = 0; i < scripts.length; i++) {
+    const script = scripts[i];
+    if (script.src && !state.scriptsInserted.includes(script.src)) {
+      state.scriptsInserted.push(script.src);
+      const newScript = document.createElement("script");
+      newScript.async = true;
+      newScript.src = script.src;
+      document.head.appendChild(newScript);
+    } else if (helpers.isJsScript(script) && !state.scriptsRun.includes(script.innerText))
+      try {
+        state.scriptsRun.push(script.innerText);
+        new Function(script.innerText)();
+      } catch (error) {
+        console.warn("`Embed`: Error running script:", error);
+      }
+  }
+};
+const Embed = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  const elem = qwik.useSignal();
+  const state = qwik.useStore({
+    ranInitFn: false,
+    scriptsInserted: [],
+    scriptsRun: []
+  });
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track }) => {
+    const [elem2, props2, state2] = qwik.useLexicalScope();
+    track(() => elem2.value);
+    track(() => state2.ranInitFn);
+    if (elem2.value && !state2.ranInitFn) {
+      state2.ranInitFn = true;
+      findAndRunScripts(props2, state2, elem2);
+    }
+  }, "Embed_component_useTask_bg7ez0XUtiM", [
+    elem,
+    props,
+    state
+  ]));
+  return /* @__PURE__ */ qwik._jsxQ("div", {
+    ref: elem
+  }, {
+    class: "builder-embed",
+    dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.content, [
+      props
+    ], "p0.content")
+  }, null, 3, "9r_0");
+}, "Embed_component_Uji08ORjXbE"));
+exports.Embed = Embed;
+exports.default = Embed;
+exports.findAndRunScripts = findAndRunScripts;

package/lib/edge/blocks/embed/embed.qwik.mjs

@@ -0,0 +1,57 @@
+import { componentQrl, inlinedQrl, useSignal, useStore, useTaskQrl, useLexicalScope, _jsxQ, _fnSignal } from "@builder.io/qwik";
+import { isJsScript } from "./helpers.qwik.mjs";
+const findAndRunScripts = function findAndRunScripts2(props, state, elem) {
+  if (!elem.value || !elem.value.getElementsByTagName)
+    return;
+  const scripts = elem.value.getElementsByTagName("script");
+  for (let i = 0; i < scripts.length; i++) {
+    const script = scripts[i];
+    if (script.src && !state.scriptsInserted.includes(script.src)) {
+      state.scriptsInserted.push(script.src);
+      const newScript = document.createElement("script");
+      newScript.async = true;
+      newScript.src = script.src;
+      document.head.appendChild(newScript);
+    } else if (isJsScript(script) && !state.scriptsRun.includes(script.innerText))
+      try {
+        state.scriptsRun.push(script.innerText);
+        new Function(script.innerText)();
+      } catch (error) {
+        console.warn("`Embed`: Error running script:", error);
+      }
+  }
+};
+const Embed = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+  const elem = useSignal();
+  const state = useStore({
+    ranInitFn: false,
+    scriptsInserted: [],
+    scriptsRun: []
+  });
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
+    const [elem2, props2, state2] = useLexicalScope();
+    track(() => elem2.value);
+    track(() => state2.ranInitFn);
+    if (elem2.value && !state2.ranInitFn) {
+      state2.ranInitFn = true;
+      findAndRunScripts(props2, state2, elem2);
+    }
+  }, "Embed_component_useTask_bg7ez0XUtiM", [
+    elem,
+    props,
+    state
+  ]));
+  return /* @__PURE__ */ _jsxQ("div", {
+    ref: elem
+  }, {
+    class: "builder-embed",
+    dangerouslySetInnerHTML: _fnSignal((p0) => p0.content, [
+      props
+    ], "p0.content")
+  }, null, 3, "9r_0");
+}, "Embed_component_Uji08ORjXbE"));
+export {
+  Embed,
+  Embed as default,
+  findAndRunScripts
+};

package/lib/edge/blocks/embed/helpers.qwik.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const SCRIPT_MIME_TYPES = [
+  "text/javascript",
+  "application/javascript",
+  "application/ecmascript"
+];
+const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
+exports.isJsScript = isJsScript;

package/lib/edge/blocks/embed/helpers.qwik.mjs

@@ -0,0 +1,9 @@
+const SCRIPT_MIME_TYPES = [
+  "text/javascript",
+  "application/javascript",
+  "application/ecmascript"
+];
+const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
+export {
+  isJsScript
+};