@plasmicpkgs/commerce 0.0.1

package/dist/registerProductCollection.js

@@ -0,0 +1,42 @@
+import registerComponent from "@plasmicapp/host/registerComponent";
+import React from "react";
+import useSWR from "swr";
+import { ProductCollectionContext } from "./contexts";
+export const productCollectionMeta = {
+    name: "PlasmicCommercePkgs: ProductCollection",
+    displayName: "Product Collection",
+    props: {
+        count: {
+            type: "number",
+            description: "Set the number of products in the collection",
+            defaultValueHint: 6
+        },
+        children: {
+            type: "slot",
+            defaultValue: {
+                type: "text",
+                value: "Text"
+            }
+        },
+    },
+    importPath: "commerce-providers",
+    importName: "ProductCollection",
+};
+export function ProductCollection(props) {
+    const { children, count = 6 } = props;
+    const { data: products } = useSWR("/api/catalog/products", async () => {
+        if (typeof window !== "undefined") {
+            const response = await fetch(`/api/catalog/products`);
+            return await response.json();
+        }
+    });
+    if (products === undefined) {
+        return React.createElement("p", null, "Loading...");
+    }
+    console.log(count);
+    return (React.createElement(ProductCollectionContext.Provider, { value: products }, children));
+}
+export function registerProductCollection(loader, customProductCollection) {
+    const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+    doRegisterComponent(ProductCollection, customProductCollection ?? productCollectionMeta);
+}

package/dist/registerProductImage.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ComponentMeta } from "@plasmicapp/host/registerComponent";
+import { Registerable } from "./registerable";
+export declare const productImageMeta: ComponentMeta<ProductImageProps>;
+interface ProductImageProps {
+    className: string;
+    customStyle?: object;
+    useProductPlaceholder?: boolean;
+    imageIndex?: number;
+}
+export declare function ProductImage(props: ProductImageProps): JSX.Element;
+export declare function registerProductImage(loader?: Registerable, customProductImage?: ComponentMeta<ProductImageProps>): void;
+export {};

package/dist/registerProductImage.js

@@ -0,0 +1,37 @@
+import registerComponent from "@plasmicapp/host/registerComponent";
+import React from "react";
+import { useProduct } from "./contexts";
+export const productImageMeta = {
+    name: "CommerceProviders_ProductImage",
+    displayName: "Product Image",
+    props: {
+        customStyle: {
+            type: "object",
+            description: "Set custom css",
+        },
+        useProductPlaceholder: {
+            type: "boolean",
+            description: "Use a product placeholder to design your components"
+        },
+        imageIndex: {
+            type: "number",
+            description: "Set the image index of your product",
+            defaultValueHint: 0,
+        }
+    },
+    importPath: "commerce-providers",
+    importName: "ProductImage",
+};
+export function ProductImage(props) {
+    const { className, customStyle, useProductPlaceholder, imageIndex = 0 } = props;
+    const product = useProduct(useProductPlaceholder);
+    if (!product) {
+        return React.createElement("p", null, "There isn't a product collection!");
+    }
+    const image = product.images[imageIndex];
+    return (React.createElement("img", { alt: product.name || 'Product Image', src: image?.url ?? "", loading: 'lazy', className: className, style: customStyle }));
+}
+export function registerProductImage(loader, customProductImage) {
+    const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+    doRegisterComponent(ProductImage, customProductImage ?? productImageMeta);
+}

package/dist/registerable.d.ts

@@ -0,0 +1,4 @@
+import registerComponent from "@plasmicapp/host/registerComponent";
+export declare type Registerable = {
+    registerComponent: typeof registerComponent;
+};