@builder.io/sdk-qwik 0.0.5 → 0.0.8

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

@@ -1,11 +0,0 @@
-const componentInfo = {
-  name: "Fragment",
-  static: true,
-  hidden: true,
-  builtIn: true,
-  canHaveChildren: true,
-  noWrap: true
-};
-export {
-  componentInfo
-};

package/src/blocks/fragment/fragment.jsx

@@ -1,59 +0,0 @@
-// GENERATED BY MITOSIS
-
-import { Fragment, Host, Slot, component$, h } from "@builder.io/qwik";
-export const FragmentComponent = component$(
-  (props) => {
-    return (
-      <Host>
-        <Slot></Slot>
-      </Host>
-    );
-  },
-  { tagName: "span" }
-);
-export default FragmentComponent;
-export const COMPONENT = {
-  "@type": "@builder.io/mitosis/component",
-  imports: [],
-  exports: {},
-  inputs: [],
-  meta: {},
-  refs: {},
-  state: {},
-  children: [
-    {
-      "@type": "@builder.io/mitosis/node",
-      name: "Host",
-      meta: {},
-      scope: {},
-      properties: {},
-      bindings: {},
-      children: [
-        {
-          "@type": "@builder.io/mitosis/node",
-          name: "div",
-          meta: {},
-          scope: {},
-          properties: {},
-          bindings: {
-            _text: {
-              code: "props.children",
-            },
-          },
-          children: [],
-        },
-      ],
-    },
-  ],
-  hooks: {},
-  context: {
-    get: {},
-    set: {},
-  },
-  name: "FragmentComponent",
-  subComponents: [],
-  interfaces: [
-    "export interface FragmentProps {\n  maxWidth?: number;\n  attributes?: any;\n  children?: any;\n}",
-  ],
-  propsTypeRef: "FragmentProps",
-};

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

@@ -1,151 +0,0 @@
-import { markSerializable } from "../util";
-const componentInfo = {
-  name: "Image",
-  static: true,
-  builtIn: true,
-  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
-  defaultStyles: {
-    position: "relative",
-    minHeight: "20px",
-    minWidth: "20px",
-    overflow: "hidden"
-  },
-  canHaveChildren: true,
-  inputs: [
-    {
-      name: "image",
-      type: "file",
-      bubble: true,
-      allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
-      required: true,
-      defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-      onChange: markSerializable((options) => {
-        const DEFAULT_ASPECT_RATIO = 0.7041;
-        options.delete("srcset");
-        options.delete("noWebp");
-        function loadImage(url, timeout = 6e4) {
-          return new Promise((resolve, reject) => {
-            const img = document.createElement("img");
-            let loaded = false;
-            img.onload = () => {
-              loaded = true;
-              resolve(img);
-            };
-            img.addEventListener("error", (event) => {
-              console.warn("Image load failed", event.error);
-              reject(event.error);
-            });
-            img.src = url;
-            setTimeout(() => {
-              if (!loaded) {
-                reject(new Error("Image load timed out"));
-              }
-            }, timeout);
-          });
-        }
-        function round(num) {
-          return Math.round(num * 1e3) / 1e3;
-        }
-        const value = options.get("image");
-        const aspectRatio = options.get("aspectRatio");
-        fetch(value).then((res) => res.blob()).then((blob) => {
-          if (blob.type.includes("svg")) {
-            options.set("noWebp", true);
-          }
-        });
-        if (value && (!aspectRatio || aspectRatio === DEFAULT_ASPECT_RATIO)) {
-          return loadImage(value).then((img) => {
-            const possiblyUpdatedAspectRatio = options.get("aspectRatio");
-            if (options.get("image") === value && (!possiblyUpdatedAspectRatio || possiblyUpdatedAspectRatio === DEFAULT_ASPECT_RATIO)) {
-              if (img.width && img.height) {
-                options.set("aspectRatio", round(img.height / img.width));
-                options.set("height", img.height);
-                options.set("width", img.width);
-              }
-            }
-          });
-        }
-      })
-    },
-    {
-      name: "backgroundSize",
-      type: "text",
-      defaultValue: "cover",
-      enum: [
-        {
-          label: "contain",
-          value: "contain",
-          helperText: "The image should never get cropped"
-        },
-        {
-          label: "cover",
-          value: "cover",
-          helperText: "The image should fill it's box, cropping when needed"
-        }
-      ]
-    },
-    {
-      name: "backgroundPosition",
-      type: "text",
-      defaultValue: "center",
-      enum: [
-        "center",
-        "top",
-        "left",
-        "right",
-        "bottom",
-        "top left",
-        "top right",
-        "bottom left",
-        "bottom right"
-      ]
-    },
-    {
-      name: "altText",
-      type: "string",
-      helperText: "Text to display when the user has images off"
-    },
-    {
-      name: "height",
-      type: "number",
-      hideFromUI: true
-    },
-    {
-      name: "width",
-      type: "number",
-      hideFromUI: true
-    },
-    {
-      name: "sizes",
-      type: "string",
-      hideFromUI: true
-    },
-    {
-      name: "srcset",
-      type: "string",
-      hideFromUI: true
-    },
-    {
-      name: "lazy",
-      type: "boolean",
-      defaultValue: true,
-      hideFromUI: true
-    },
-    {
-      name: "fitContent",
-      type: "boolean",
-      helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
-      defaultValue: true
-    },
-    {
-      name: "aspectRatio",
-      type: "number",
-      helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
-      advanced: true,
-      defaultValue: 0.7041
-    }
-  ]
-};
-export {
-  componentInfo
-};

package/src/blocks/image/image.helpers.js

@@ -1,48 +0,0 @@
-function removeProtocol(path) {
-  return path.replace(/http(s)?:/, "");
-}
-function updateQueryParam(uri = "", key, value) {
-  const re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
-  const separator = uri.indexOf("?") !== -1 ? "&" : "?";
-  if (uri.match(re)) {
-    return uri.replace(re, "$1" + key + "=" + encodeURIComponent(value) + "$2");
-  }
-  return uri + separator + key + "=" + encodeURIComponent(value);
-}
-function getShopifyImageUrl(src, size) {
-  if (!src || !(src == null ? void 0 : src.match(/cdn\.shopify\.com/)) || !size) {
-    return src;
-  }
-  if (size === "master") {
-    return removeProtocol(src);
-  }
-  const match = src.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
-  if (match) {
-    const prefix = src.split(match[0]);
-    const suffix = match[3];
-    const useSize = size.match("x") ? size : `${size}x`;
-    return removeProtocol(`${prefix[0]}_${useSize}${suffix}`);
-  }
-  return null;
-}
-function getSrcSet(url) {
-  if (!url) {
-    return url;
-  }
-  const sizes = [100, 200, 400, 800, 1200, 1600, 2e3];
-  if (url.match(/builder\.io/)) {
-    let srcUrl = url;
-    const widthInSrc = Number(url.split("?width=")[1]);
-    if (!isNaN(widthInSrc)) {
-      srcUrl = `${srcUrl} ${widthInSrc}w`;
-    }
-    return sizes.filter((size) => size !== widthInSrc).map((size) => `${updateQueryParam(url, "width", size)} ${size}w`).concat([srcUrl]).join(", ");
-  }
-  if (url.match(/cdn\.shopify\.com/)) {
-    return sizes.map((size) => [getShopifyImageUrl(url, `${size}x${size}`), size]).filter(([sizeUrl]) => !!sizeUrl).map(([sizeUrl, size]) => `${sizeUrl} ${size}w`).concat([url]).join(", ");
-  }
-  return url;
-}
-export {
-  getSrcSet
-};