@builder.io/sdk-qwik 0.0.7 → 0.0.8

package/src/blocks/columns/component-info.js

@@ -1,242 +0,0 @@
-import { markSerializable } from "../util";
-const componentInfo = {
-  name: "Columns",
-  builtIn: 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: markSerializable((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
-    }
-  ]
-};
-export {
-  componentInfo
-};

package/src/blocks/custom-code/component-info.js

@@ -1,31 +0,0 @@
-const componentInfo = {
-  name: "Custom Code",
-  static: true,
-  builtIn: 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/src/blocks/custom-code/custom-code.jsx

@@ -1,130 +0,0 @@
-// GENERATED BY MITOSIS
-
-import {
-  Fragment,
-  Host,
-  component$,
-  h,
-  useClientEffect$,
-  useRef,
-  useStore,
-} from "@builder.io/qwik";
-export const findAndRunScripts = function findAndRunScripts(
-  props,
-  state,
-  elem
-) {
-  // TODO: Move this function to standalone one in '@builder.io/utils'
-  if (elem && typeof window !== "undefined") {
-    const scripts = elem.getElementsByTagName("script");
-
-    for (let i = 0; i < scripts.length; i++) {
-      const script = scripts[i];
-
-      if (script.src) {
-        if (state.scriptsInserted.includes(script.src)) {
-          continue;
-        }
-
-        state.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 (state.scriptsRun.includes(script.innerText)) {
-          continue;
-        }
-
-        try {
-          state.scriptsRun.push(script.innerText);
-          new Function(script.innerText)();
-        } catch (error) {
-          console.warn("`CustomCode`: Error running script:", error);
-        }
-      }
-    }
-  }
-};
-export const CustomCode = component$(
-  (props) => {
-    const elem = useRef();
-    const state = useStore({ scriptsInserted: [], scriptsRun: [] });
-    useClientEffect$(() => {
-      findAndRunScripts(props, state, elem);
-    });
-    return (
-      <Host
-        ref={elem}
-        class={
-          "builder-custom-code" + (props.replaceNodes ? " replace-nodes" : "")
-        }
-        dangerouslySetInnerHTML={props.code}
-      ></Host>
-    );
-  },
-  { tagName: "div" }
-);
-export default CustomCode;
-export const COMPONENT = {
-  "@type": "@builder.io/mitosis/component",
-  imports: [],
-  exports: {},
-  inputs: [],
-  meta: {},
-  refs: {
-    elem: {
-      argument: "",
-      typeParameter: "HTMLDivElement",
-    },
-  },
-  state: {
-    scriptsInserted: [],
-    scriptsRun: [],
-    findAndRunScripts:
-      "@builder.io/mitosis/method:findAndRunScripts() {\n  // TODO: Move this function to standalone one in '@builder.io/utils'\n  if (elem && typeof window !== 'undefined') {\n    const scripts = elem.getElementsByTagName('script');\n\n    for (let i = 0; i < scripts.length; i++) {\n      const script = scripts[i];\n\n      if (script.src) {\n        if (state.scriptsInserted.includes(script.src)) {\n          continue;\n        }\n\n        state.scriptsInserted.push(script.src);\n        const newScript = document.createElement('script');\n        newScript.async = true;\n        newScript.src = script.src;\n        document.head.appendChild(newScript);\n      } else if (!script.type || ['text/javascript', 'application/javascript', 'application/ecmascript'].includes(script.type)) {\n        if (state.scriptsRun.includes(script.innerText)) {\n          continue;\n        }\n\n        try {\n          state.scriptsRun.push(script.innerText);\n          new Function(script.innerText)();\n        } catch (error) {\n          console.warn('`CustomCode`: Error running script:', error);\n        }\n      }\n    }\n  }\n}",
-  },
-  children: [
-    {
-      "@type": "@builder.io/mitosis/node",
-      name: "Host",
-      meta: {},
-      scope: {},
-      properties: {},
-      bindings: {
-        ref: {
-          code: "elem",
-        },
-        class: {
-          code: "'builder-custom-code' + (props.replaceNodes ? ' replace-nodes' : '')",
-        },
-        innerHTML: {
-          code: "props.code",
-        },
-      },
-      children: [],
-    },
-  ],
-  hooks: {
-    onMount: {
-      code: "\n  findAndRunScripts(props,state,elem,);\n",
-    },
-  },
-  context: {
-    get: {},
-    set: {},
-  },
-  name: "CustomCode",
-  subComponents: [],
-  interfaces: [
-    "export interface CustomCodeProps {\n  code: string;\n  replaceNodes?: boolean;\n}",
-  ],
-  propsTypeRef: "CustomCodeProps",
-};

package/src/blocks/embed/component-info.js

@@ -1,44 +0,0 @@
-import { markSerializable } from "../util";
-const componentInfo = {
-  name: "Embed",
-  static: true,
-  builtIn: true,
-  inputs: [
-    {
-      name: "url",
-      type: "url",
-      required: true,
-      defaultValue: "",
-      helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: markSerializable((options) => {
-        const url = options.get("url");
-        if (url) {
-          options.set("content", "Loading...");
-          const apiKey = "ae0e60e78201a3f2b0de4b";
-          return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then((res) => res.json()).then((data) => {
-            if (options.get("url") === url) {
-              if (data.html) {
-                options.set("content", data.html);
-              } else {
-                options.set("content", "Invalid url, please try another");
-              }
-            }
-          }).catch((_err) => {
-            options.set("content", "There was an error embedding this URL, please try again or another URL");
-          });
-        } else {
-          options.delete("content");
-        }
-      })
-    },
-    {
-      name: "content",
-      type: "html",
-      defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
-      hideFromUI: true
-    }
-  ]
-};
-export {
-  componentInfo
-};

package/src/blocks/embed/embed.jsx

@@ -1,130 +0,0 @@
-// GENERATED BY MITOSIS
-
-import { isJsScript } from "./helpers";
-import {
-  Fragment,
-  Host,
-  component$,
-  h,
-  useRef,
-  useStore,
-  useWatch$,
-} from "@builder.io/qwik";
-export const findAndRunScripts = function findAndRunScripts(
-  props,
-  state,
-  elem
-) {
-  const scripts = elem.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);
-      }
-    }
-  }
-};
-export const Embed = component$(
-  (props) => {
-    const elem = useRef();
-    const state = useStore({
-      scriptsInserted: [],
-      scriptsRun: [],
-      ranInitFn: false,
-    });
-    useWatch$(({ track }) => {
-      state && track(state, "ranInitFn");
-      if (elem && !state.ranInitFn) {
-        state.ranInitFn = true;
-        findAndRunScripts(props, state, elem);
-      }
-    });
-    return (
-      <Host
-        class="builder-embed"
-        ref={elem}
-        dangerouslySetInnerHTML={props.content}
-      ></Host>
-    );
-  },
-  { tagName: "div" }
-);
-export default Embed;
-export const COMPONENT = {
-  "@type": "@builder.io/mitosis/component",
-  imports: [
-    {
-      imports: {
-        isJsScript: "isJsScript",
-      },
-      path: "./helpers",
-    },
-  ],
-  exports: {},
-  inputs: [],
-  meta: {},
-  refs: {
-    elem: {
-      argument: "",
-      typeParameter: "HTMLDivElement",
-    },
-  },
-  state: {
-    scriptsInserted: [],
-    scriptsRun: [],
-    ranInitFn: false,
-    findAndRunScripts:
-      "@builder.io/mitosis/method:findAndRunScripts() {\n  const scripts = elem.getElementsByTagName('script');\n\n  for (let i = 0; i < scripts.length; i++) {\n    const script = scripts[i];\n\n    if (script.src && !state.scriptsInserted.includes(script.src)) {\n      state.scriptsInserted.push(script.src);\n      const newScript = document.createElement('script');\n      newScript.async = true;\n      newScript.src = script.src;\n      document.head.appendChild(newScript);\n    } else if (isJsScript(script) && !state.scriptsRun.includes(script.innerText)) {\n      try {\n        state.scriptsRun.push(script.innerText);\n        new Function(script.innerText)();\n      } catch (error) {\n        console.warn('`Embed`: Error running script:', error);\n      }\n    }\n  }\n}",
-  },
-  children: [
-    {
-      "@type": "@builder.io/mitosis/node",
-      name: "Host",
-      meta: {},
-      scope: {},
-      properties: {
-        class: "builder-embed",
-      },
-      bindings: {
-        ref: {
-          code: "elem",
-        },
-        innerHTML: {
-          code: "props.content",
-        },
-      },
-      children: [],
-    },
-  ],
-  hooks: {
-    onUpdate: [
-      {
-        code: "\n  if (elem && !state.ranInitFn) {\n    state.ranInitFn = true;\n    findAndRunScripts(props,state,elem,);\n  }\n",
-        deps: "[elem, state.ranInitFn]",
-      },
-    ],
-  },
-  context: {
-    get: {},
-    set: {},
-  },
-  name: "Embed",
-  subComponents: [],
-  interfaces: ["export interface EmbedProps {\n  content: string;\n}"],
-  propsTypeRef: "EmbedProps",
-};

package/src/blocks/embed/helpers.js

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

package/src/blocks/form/builder-blocks.jsx

@@ -1,86 +0,0 @@
-// GENERATED BY MITOSIS
-
-import { Fragment, component$, h } from "@builder.io/qwik";
-export const BuilderBlocks = component$((props) => {
-  return (
-    <Fragment>
-      NOT YET IMPLEMENTED: <code>BuilderBlocks</code>
-    </Fragment>
-  );
-});
-export default BuilderBlocks;
-export const COMPONENT = {
-  "@type": "@builder.io/mitosis/component",
-  imports: [],
-  exports: {},
-  inputs: [],
-  meta: {},
-  refs: {},
-  state: {},
-  children: [
-    {
-      "@type": "@builder.io/mitosis/node",
-      name: "Fragment",
-      meta: {},
-      scope: {},
-      properties: {},
-      bindings: {},
-      children: [
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n      NOT YET IMPLEMENTED: ",
-          },
-          bindings: {},
-          children: [],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "code",
-          meta: {},
-          scope: {},
-          properties: {},
-          bindings: {},
-          children: [
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "div",
-              meta: {},
-              scope: {},
-              properties: {
-                _text: "BuilderBlocks",
-              },
-              bindings: {},
-              children: [],
-            },
-          ],
-        },
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {
-            _text: "\n    ",
-          },
-          bindings: {},
-          children: [],
-        },
-      ],
-    },
-  ],
-  hooks: {},
-  context: {
-    get: {},
-    set: {},
-  },
-  name: "BuilderBlocks",
-  subComponents: [],
-  interfaces: [
-    "export interface BuilderBlocksProps {\n  dataPath: string;\n  blocks: any;\n}",
-  ],
-  propsTypeRef: "BuilderBlocksProps",
-};