@betterstore/react 0.1.10 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @betterstore/sdk
 
+## 0.2.1
+
+### Patch Changes
+
+- types fix
+
+## 0.2.0
+
+### Minor Changes
+
+- route handler for next.js
+
 ## 0.1.10
 
 ### Patch Changes

package/dist/components/checkout-embed/index.d.ts

@@ -1,7 +1,5 @@
-import BetterStore from "@betterstore/sdk";
 import React from "react";
-declare function CheckoutEmbed({ betterStore, checkoutId, }: {
-    betterStore: InstanceType<typeof BetterStore>;
+declare function CheckoutEmbed({ checkoutId }: {
     checkoutId: string;
 }): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof CheckoutEmbed>;

package/dist/components/index.d.ts

@@ -2,3 +2,4 @@ export { useCart } from "./cart/useCart";
 export { default as CheckoutEmbed } from "./checkout-embed";
 export { default as PaymentElement } from "./payment-element";
 export { useCheckout } from "./payment-element/useCheckout";
+export { createNextJSHandler } from "./route-handelers";

package/dist/components/route-handelers/index.d.ts

@@ -0,0 +1 @@
+export { createNextJSHandler } from "./next-js";

package/dist/components/route-handelers/next-js.d.ts

@@ -0,0 +1,13 @@
+import BetterStore from "@betterstore/sdk";
+import { type NextRequest } from "next/server";
+type NextjsRouteConfig = {
+    allowedOrigins?: string[];
+};
+type BSClient = InstanceType<typeof BetterStore>;
+export declare function createNextJSHandler(betterStore: BSClient, config?: NextjsRouteConfig): {
+    GET(req: NextRequest): Promise<Response>;
+    POST(req: NextRequest): Promise<Response>;
+    PUT(req: NextRequest): Promise<Response>;
+    DELETE(req: NextRequest): Promise<Response>;
+};
+export {};

package/dist/index.cjs.js

@@ -315,14 +315,15 @@ function CheckoutSummary({ lineItems, shipping, tax, currency, }) {
                     React.createElement("span", { className: "text-2xl font-bold" }, formatPrice(total)))))));
 }
 
-function CheckoutEmbed({ betterStore, checkoutId, }) {
+function CheckoutEmbed({ checkoutId }) {
     const [checkout, setCheckout] = React.useState(null);
     const [loading, setLoading] = React.useState(true);
     React.useEffect(() => {
         function fetchCheckout() {
             return __awaiter(this, void 0, void 0, function* () {
                 try {
-                    const data = yield betterStore.checkout.retrieve(checkoutId);
+                    const response = yield fetch(`/api/betterstore/checkout?checkoutId=${checkoutId}`);
+                    const data = yield response.json();
                     setCheckout(data);
                 }
                 catch (error) {
@@ -334,7 +335,7 @@ function CheckoutEmbed({ betterStore, checkoutId, }) {
             });
         }
         fetchCheckout();
-    }, [betterStore, checkoutId]);
+    }, [checkoutId]);
     if (loading) {
         return React.createElement("div", null, "Loading...");
     }
@@ -398,7 +399,241 @@ function PaymentElement({ paymentSecret, checkoutAppearance, onSuccess, onError,
 }
 var index = React.memo(PaymentElement);
 
+const defaultBetterStoreRoutes = {
+    checkout: {
+        GET: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const checkoutId = searchParams.get("checkoutId");
+            if (!checkoutId) {
+                return new Response("Checkout ID is required", { status: 400 });
+            }
+            try {
+                const checkout = yield betterStore.checkout.retrieve(checkoutId);
+                return Response.json(checkout);
+            }
+            catch (error) {
+                return new Response("Failed to fetch checkout", { status: 500 });
+            }
+        }),
+        POST: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const body = yield req.json();
+                const checkout = yield betterStore.checkout.create(body);
+                return Response.json(checkout);
+            }
+            catch (error) {
+                return new Response("Failed to create checkout", { status: 500 });
+            }
+        }),
+        PUT: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const checkoutId = searchParams.get("checkoutId");
+            if (!checkoutId) {
+                return new Response("Checkout ID is required", { status: 400 });
+            }
+            try {
+                const body = yield req.json();
+                const checkout = yield betterStore.checkout.update(checkoutId, body);
+                return Response.json(checkout);
+            }
+            catch (error) {
+                return new Response("Failed to update checkout", { status: 500 });
+            }
+        }),
+    },
+    "checkout/shipping": {
+        GET: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const checkoutId = searchParams.get("checkoutId");
+            if (!checkoutId) {
+                return new Response("Checkout ID is required", { status: 400 });
+            }
+            try {
+                const rates = yield betterStore.checkout.getShippingRates(checkoutId);
+                return Response.json(rates);
+            }
+            catch (error) {
+                return new Response("Failed to get shipping rates", { status: 500 });
+            }
+        }),
+    },
+    "checkout/payment": {
+        POST: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const checkoutId = searchParams.get("checkoutId");
+            if (!checkoutId) {
+                return new Response("Checkout ID is required", { status: 400 });
+            }
+            try {
+                const secret = yield betterStore.checkout.generatePaymentSecret(checkoutId);
+                return Response.json({ clientSecret: secret });
+            }
+            catch (error) {
+                return new Response("Failed to generate payment secret", {
+                    status: 500,
+                });
+            }
+        }),
+    },
+    customer: {
+        GET: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const idOrEmail = searchParams.get("idOrEmail");
+            if (!idOrEmail) {
+                return new Response("Customer ID or email is required", {
+                    status: 400,
+                });
+            }
+            try {
+                const customer = yield betterStore.customer.retrieve(idOrEmail);
+                return Response.json(customer);
+            }
+            catch (error) {
+                return new Response("Failed to fetch customer", { status: 500 });
+            }
+        }),
+        POST: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const body = yield req.json();
+                const customer = yield betterStore.customer.create(body);
+                return Response.json(customer);
+            }
+            catch (error) {
+                return new Response("Failed to create customer", { status: 500 });
+            }
+        }),
+        PUT: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const customerId = searchParams.get("customerId");
+            if (!customerId) {
+                return new Response("Customer ID is required", { status: 400 });
+            }
+            try {
+                const body = yield req.json();
+                const customer = yield betterStore.customer.update(customerId, body);
+                return Response.json(customer);
+            }
+            catch (error) {
+                return new Response("Failed to update customer", { status: 500 });
+            }
+        }),
+        DELETE: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const customerId = searchParams.get("customerId");
+            if (!customerId) {
+                return new Response("Customer ID is required", { status: 400 });
+            }
+            try {
+                yield betterStore.customer.delete(customerId);
+                return new Response(null, { status: 204 });
+            }
+            catch (error) {
+                return new Response("Failed to delete customer", { status: 500 });
+            }
+        }),
+    },
+    product: {
+        GET: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const productId = searchParams.get("productId");
+            try {
+                if (productId) {
+                    const product = yield betterStore.products.retrieve(productId);
+                    return Response.json(product);
+                }
+                else {
+                    const products = yield betterStore.products.list();
+                    return Response.json(products);
+                }
+            }
+            catch (error) {
+                return new Response("Failed to fetch products", { status: 500 });
+            }
+        }),
+    },
+};
+function createNextJSHandler(betterStore, config = {}) {
+    const { allowedOrigins = [] } = config;
+    function validateRequest(req) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (allowedOrigins.length > 0) {
+                const origin = req.headers.get("origin");
+                if (!origin || !allowedOrigins.includes(origin)) {
+                    return new Response("Unauthorized", { status: 403 });
+                }
+            }
+            return null;
+        });
+    }
+    function getRouteFromPath(pathname) {
+        // Remove leading and trailing slashes and 'api' prefix if present
+        const cleanPath = pathname.replace(/^\/|\/$/g, "").replace(/^api\//, "");
+        // Get the relevant part of the path (everything after betterstore/)
+        const relevantPath = cleanPath.split("betterstore/")[1] || "";
+        return relevantPath;
+    }
+    return {
+        GET(req) {
+            return __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const validationError = yield validateRequest(req);
+                if (validationError)
+                    return validationError;
+                const route = getRouteFromPath(new URL(req.url).pathname);
+                const handler = (_a = defaultBetterStoreRoutes[route]) === null || _a === void 0 ? void 0 : _a.GET;
+                if (!handler) {
+                    return new Response(`Route not found: ${route}`, { status: 404 });
+                }
+                return handler(req, betterStore);
+            });
+        },
+        POST(req) {
+            return __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const validationError = yield validateRequest(req);
+                if (validationError)
+                    return validationError;
+                const route = getRouteFromPath(new URL(req.url).pathname);
+                const handler = (_a = defaultBetterStoreRoutes[route]) === null || _a === void 0 ? void 0 : _a.POST;
+                if (!handler) {
+                    return new Response(`Route not found: ${route}`, { status: 404 });
+                }
+                return handler(req, betterStore);
+            });
+        },
+        PUT(req) {
+            return __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const validationError = yield validateRequest(req);
+                if (validationError)
+                    return validationError;
+                const route = getRouteFromPath(new URL(req.url).pathname);
+                const handler = (_a = defaultBetterStoreRoutes[route]) === null || _a === void 0 ? void 0 : _a.PUT;
+                if (!handler) {
+                    return new Response(`Route not found: ${route}`, { status: 404 });
+                }
+                return handler(req, betterStore);
+            });
+        },
+        DELETE(req) {
+            return __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const validationError = yield validateRequest(req);
+                if (validationError)
+                    return validationError;
+                const route = getRouteFromPath(new URL(req.url).pathname);
+                const handler = (_a = defaultBetterStoreRoutes[route]) === null || _a === void 0 ? void 0 : _a.DELETE;
+                if (!handler) {
+                    return new Response(`Route not found: ${route}`, { status: 404 });
+                }
+                return handler(req, betterStore);
+            });
+        },
+    };
+}
+
 exports.CheckoutEmbed = index$1;
 exports.PaymentElement = index;
+exports.createNextJSHandler = createNextJSHandler;
 exports.useCart = useCart;
 exports.useCheckout = useCheckout;

package/dist/index.mjs

@@ -313,14 +313,15 @@ function CheckoutSummary({ lineItems, shipping, tax, currency, }) {
                     React.createElement("span", { className: "text-2xl font-bold" }, formatPrice(total)))))));
 }
 
-function CheckoutEmbed({ betterStore, checkoutId, }) {
+function CheckoutEmbed({ checkoutId }) {
     const [checkout, setCheckout] = useState(null);
     const [loading, setLoading] = useState(true);
     useEffect(() => {
         function fetchCheckout() {
             return __awaiter(this, void 0, void 0, function* () {
                 try {
-                    const data = yield betterStore.checkout.retrieve(checkoutId);
+                    const response = yield fetch(`/api/betterstore/checkout?checkoutId=${checkoutId}`);
+                    const data = yield response.json();
                     setCheckout(data);
                 }
                 catch (error) {
@@ -332,7 +333,7 @@ function CheckoutEmbed({ betterStore, checkoutId, }) {
             });
         }
         fetchCheckout();
-    }, [betterStore, checkoutId]);
+    }, [checkoutId]);
     if (loading) {
         return React.createElement("div", null, "Loading...");
     }
@@ -396,4 +397,237 @@ function PaymentElement({ paymentSecret, checkoutAppearance, onSuccess, onError,
 }
 var index = memo(PaymentElement);
 
-export { index$1 as CheckoutEmbed, index as PaymentElement, useCart, useCheckout };
+const defaultBetterStoreRoutes = {
+    checkout: {
+        GET: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const checkoutId = searchParams.get("checkoutId");
+            if (!checkoutId) {
+                return new Response("Checkout ID is required", { status: 400 });
+            }
+            try {
+                const checkout = yield betterStore.checkout.retrieve(checkoutId);
+                return Response.json(checkout);
+            }
+            catch (error) {
+                return new Response("Failed to fetch checkout", { status: 500 });
+            }
+        }),
+        POST: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const body = yield req.json();
+                const checkout = yield betterStore.checkout.create(body);
+                return Response.json(checkout);
+            }
+            catch (error) {
+                return new Response("Failed to create checkout", { status: 500 });
+            }
+        }),
+        PUT: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const checkoutId = searchParams.get("checkoutId");
+            if (!checkoutId) {
+                return new Response("Checkout ID is required", { status: 400 });
+            }
+            try {
+                const body = yield req.json();
+                const checkout = yield betterStore.checkout.update(checkoutId, body);
+                return Response.json(checkout);
+            }
+            catch (error) {
+                return new Response("Failed to update checkout", { status: 500 });
+            }
+        }),
+    },
+    "checkout/shipping": {
+        GET: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const checkoutId = searchParams.get("checkoutId");
+            if (!checkoutId) {
+                return new Response("Checkout ID is required", { status: 400 });
+            }
+            try {
+                const rates = yield betterStore.checkout.getShippingRates(checkoutId);
+                return Response.json(rates);
+            }
+            catch (error) {
+                return new Response("Failed to get shipping rates", { status: 500 });
+            }
+        }),
+    },
+    "checkout/payment": {
+        POST: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const checkoutId = searchParams.get("checkoutId");
+            if (!checkoutId) {
+                return new Response("Checkout ID is required", { status: 400 });
+            }
+            try {
+                const secret = yield betterStore.checkout.generatePaymentSecret(checkoutId);
+                return Response.json({ clientSecret: secret });
+            }
+            catch (error) {
+                return new Response("Failed to generate payment secret", {
+                    status: 500,
+                });
+            }
+        }),
+    },
+    customer: {
+        GET: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const idOrEmail = searchParams.get("idOrEmail");
+            if (!idOrEmail) {
+                return new Response("Customer ID or email is required", {
+                    status: 400,
+                });
+            }
+            try {
+                const customer = yield betterStore.customer.retrieve(idOrEmail);
+                return Response.json(customer);
+            }
+            catch (error) {
+                return new Response("Failed to fetch customer", { status: 500 });
+            }
+        }),
+        POST: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const body = yield req.json();
+                const customer = yield betterStore.customer.create(body);
+                return Response.json(customer);
+            }
+            catch (error) {
+                return new Response("Failed to create customer", { status: 500 });
+            }
+        }),
+        PUT: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const customerId = searchParams.get("customerId");
+            if (!customerId) {
+                return new Response("Customer ID is required", { status: 400 });
+            }
+            try {
+                const body = yield req.json();
+                const customer = yield betterStore.customer.update(customerId, body);
+                return Response.json(customer);
+            }
+            catch (error) {
+                return new Response("Failed to update customer", { status: 500 });
+            }
+        }),
+        DELETE: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const customerId = searchParams.get("customerId");
+            if (!customerId) {
+                return new Response("Customer ID is required", { status: 400 });
+            }
+            try {
+                yield betterStore.customer.delete(customerId);
+                return new Response(null, { status: 204 });
+            }
+            catch (error) {
+                return new Response("Failed to delete customer", { status: 500 });
+            }
+        }),
+    },
+    product: {
+        GET: (req, betterStore) => __awaiter(void 0, void 0, void 0, function* () {
+            const { searchParams } = new URL(req.url);
+            const productId = searchParams.get("productId");
+            try {
+                if (productId) {
+                    const product = yield betterStore.products.retrieve(productId);
+                    return Response.json(product);
+                }
+                else {
+                    const products = yield betterStore.products.list();
+                    return Response.json(products);
+                }
+            }
+            catch (error) {
+                return new Response("Failed to fetch products", { status: 500 });
+            }
+        }),
+    },
+};
+function createNextJSHandler(betterStore, config = {}) {
+    const { allowedOrigins = [] } = config;
+    function validateRequest(req) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (allowedOrigins.length > 0) {
+                const origin = req.headers.get("origin");
+                if (!origin || !allowedOrigins.includes(origin)) {
+                    return new Response("Unauthorized", { status: 403 });
+                }
+            }
+            return null;
+        });
+    }
+    function getRouteFromPath(pathname) {
+        // Remove leading and trailing slashes and 'api' prefix if present
+        const cleanPath = pathname.replace(/^\/|\/$/g, "").replace(/^api\//, "");
+        // Get the relevant part of the path (everything after betterstore/)
+        const relevantPath = cleanPath.split("betterstore/")[1] || "";
+        return relevantPath;
+    }
+    return {
+        GET(req) {
+            return __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const validationError = yield validateRequest(req);
+                if (validationError)
+                    return validationError;
+                const route = getRouteFromPath(new URL(req.url).pathname);
+                const handler = (_a = defaultBetterStoreRoutes[route]) === null || _a === void 0 ? void 0 : _a.GET;
+                if (!handler) {
+                    return new Response(`Route not found: ${route}`, { status: 404 });
+                }
+                return handler(req, betterStore);
+            });
+        },
+        POST(req) {
+            return __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const validationError = yield validateRequest(req);
+                if (validationError)
+                    return validationError;
+                const route = getRouteFromPath(new URL(req.url).pathname);
+                const handler = (_a = defaultBetterStoreRoutes[route]) === null || _a === void 0 ? void 0 : _a.POST;
+                if (!handler) {
+                    return new Response(`Route not found: ${route}`, { status: 404 });
+                }
+                return handler(req, betterStore);
+            });
+        },
+        PUT(req) {
+            return __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const validationError = yield validateRequest(req);
+                if (validationError)
+                    return validationError;
+                const route = getRouteFromPath(new URL(req.url).pathname);
+                const handler = (_a = defaultBetterStoreRoutes[route]) === null || _a === void 0 ? void 0 : _a.PUT;
+                if (!handler) {
+                    return new Response(`Route not found: ${route}`, { status: 404 });
+                }
+                return handler(req, betterStore);
+            });
+        },
+        DELETE(req) {
+            return __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const validationError = yield validateRequest(req);
+                if (validationError)
+                    return validationError;
+                const route = getRouteFromPath(new URL(req.url).pathname);
+                const handler = (_a = defaultBetterStoreRoutes[route]) === null || _a === void 0 ? void 0 : _a.DELETE;
+                if (!handler) {
+                    return new Response(`Route not found: ${route}`, { status: 404 });
+                }
+                return handler(req, betterStore);
+            });
+        },
+    };
+}
+
+export { index$1 as CheckoutEmbed, index as PaymentElement, createNextJSHandler, useCart, useCheckout };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betterstore/react",
-  "version": "0.1.10",
+  "version": "0.2.1",
   "description": "E-commerce for Developers",
   "private": false,
   "publishConfig": {
@@ -19,8 +19,8 @@
   "author": "Better Store",
   "license": "MIT",
   "devDependencies": {
+    "@betterstore/sdk": "^0.2.1",
     "@changesets/cli": "^2.28.1",
-    "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-typescript": "^12.1.2",
@@ -28,7 +28,7 @@
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.2.0",
     "autoprefixer": "^10.4.20",
-    "babel-preset-react": "^6.23.3",
+    "next": "^15.2.1",
     "postcss": "^8.4.31",
     "prettier": "^3.5.3",
     "rollup": "^4.34.9",
@@ -42,7 +42,6 @@
     "react-dom": "^18.0.0"
   },
   "dependencies": {
-    "@betterstore/sdk": "^0.2.0",
     "@stripe/react-stripe-js": "^3.3.0",
     "@stripe/stripe-js": "^5.10.0",
     "rollup-plugin-postcss": "^4.0.2",

package/rollup.config.mjs

@@ -14,7 +14,7 @@ export default {
     },
     {
       file: "dist/index.mjs",
-      format: "es",
+      format: "esm",
     },
   ],
   plugins: [