@ecomiq/storefront 2.1.4 → 3.0.0

package/dist/vite.js

@@ -0,0 +1,127 @@
+import { SectionPropsError, sectionLoaders } from "./vite-sections-DTBr0-Kg.js";
+import { paymentLogos } from "./vite-payment-logos-kziu7wKb.js";
+import { themeUi } from "./vite-theme-ui-BMO-CDi3.js";
+import { publicAssets } from "./vite-public-assets-DW2fgtVb.js";
+import { CATALOG_LINK_ID } from "@ecomiq/core";
+import { readFileSync, readdirSync } from "node:fs";
+import { join, resolve, sep } from "node:path";
+import { parse } from "@babel/parser";
+import { traverseFast } from "@babel/types";
+// src/vite.ts
+const MODULE = "virtual:ecomiq-links";
+const RESOLVED_MODULE = `\0${MODULE}`;
+const LINK_TAGS = /* @__PURE__ */ new Set([
+	"a",
+	"Link",
+	"StorefrontLink",
+	"StorefrontAnchor"
+]);
+const LINK_ATTRIBUTES = /* @__PURE__ */ new Set(["href", "to"]);
+function unwrap(node) {
+	if (node?.type === "TSAsExpression" || node?.type === "TSSatisfiesExpression") return unwrap(node.expression);
+	return node;
+}
+function text(input) {
+	const node = unwrap(input);
+	if (node?.type === "StringLiteral") return node.value;
+	if (node?.type === "TemplateLiteral" && node.expressions.length === 0) return node.quasis[0]?.value.cooked ?? void 0;
+}
+function reference(input) {
+	const node = unwrap(input);
+	if (node?.type !== "ObjectExpression") return void 0;
+	let type;
+	let id;
+	for (const property of node.properties) {
+		if (property.type !== "ObjectProperty" || property.computed) continue;
+		let key = text(property.key);
+		if (property.key.type === "Identifier") key = property.key.name;
+		if (key === "type") type = text(property.value);
+		if (key === "id") id = text(property.value);
+	}
+	if (id === void 0 || !CATALOG_LINK_ID.test(id)) return void 0;
+	if (type === "product" || type === "category") return {
+		type,
+		id
+	};
+}
+function catalogLinksFromSource(source) {
+	const file = parse(source, {
+		sourceType: "module",
+		plugins: ["typescript", "jsx"]
+	});
+	const links = [];
+	const add = (url, target) => {
+		if (!url || !url.startsWith("/") && !/^https?:\/\//i.test(url)) return;
+		if (url.startsWith("//")) return;
+		links.push({
+			url,
+			reference: target ?? null
+		});
+	};
+	traverseFast(file, (node) => {
+		if (node.type === "CallExpression" && node.callee.type === "MemberExpression" && !node.callee.computed) {
+			const owner = node.callee.object;
+			if (owner.type === "Identifier" && owner.name === "setting" && node.callee.property.type === "Identifier" && node.callee.property.name === "link") add(text(node.arguments[0]), reference(node.arguments[2]));
+		}
+		if (node.type === "JSXOpeningElement" && node.name.type === "JSXIdentifier" && LINK_TAGS.has(node.name.name)) for (const attribute of node.attributes) {
+			if (attribute.type !== "JSXAttribute" || attribute.name.type !== "JSXIdentifier" || !LINK_ATTRIBUTES.has(attribute.name.name)) continue;
+			const value = attribute.value;
+			if (value?.type === "JSXExpressionContainer") add(text(value.expression));
+			else add(text(value));
+		}
+	});
+	return links;
+}
+function readManifest(app, watch) {
+	const links = /* @__PURE__ */ new Map();
+	const visit = (directory) => {
+		for (const entry of readdirSync(directory, { withFileTypes: true }).sort((a, b) => a.name.localeCompare(b.name))) {
+			const path = join(directory, entry.name);
+			if (entry.isDirectory()) visit(path);
+			if (!entry.isFile() || !entry.name.endsWith(".tsx")) continue;
+			watch(path);
+			let found;
+			try {
+				found = catalogLinksFromSource(readFileSync(path, "utf8"));
+			} catch {
+				continue;
+			}
+			for (const link of found) links.set(JSON.stringify([
+				link.url,
+				link.reference?.type ?? null,
+				link.reference?.id ?? null
+			]), link);
+		}
+	};
+	visit(app);
+	return JSON.stringify([...links.values()]);
+}
+function catalogLinks() {
+	let app = "";
+	let manifest = "";
+	return {
+		name: "ecomiq:catalog-links",
+		configResolved(config) {
+			app = resolve(config.root, "app");
+		},
+		resolveId(id) {
+			if (id === MODULE) return RESOLVED_MODULE;
+		},
+		load(id) {
+			if (id !== RESOLVED_MODULE) return void 0;
+			manifest = readManifest(app, (path) => this.addWatchFile(path));
+			return `export default ${manifest};`;
+		},
+		handleHotUpdate(context) {
+			if (!context.file.startsWith(`${app}${sep}`) || !context.file.endsWith(".tsx")) return;
+			const module = context.server.moduleGraph.getModuleById(RESOLVED_MODULE);
+			if (!module) return;
+			const next = readManifest(app, () => void 0);
+			if (next === manifest) return;
+			manifest = next;
+			context.server.moduleGraph.invalidateModule(module);
+			context.server.ws.send({ type: "full-reload" });
+		}
+	};
+}
+export { SectionPropsError, catalogLinks, catalogLinksFromSource, paymentLogos, publicAssets, sectionLoaders, themeUi };

package/dist/voucher-payment-CVFDZ1L8.js

@@ -0,0 +1,66 @@
+import { useStorefrontLocale, useStorefrontText } from "./storefront-language-DrMjVbmk.js";
+import { money } from "./money-DtGOtDri.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/voucher-payment.tsx
+function VoucherPayment({ payment }) {
+	const storefrontTranslate = useStorefrontText();
+	const { amount, currencyCode: currency } = payment;
+	const { locale, timeZone } = useStorefrontLocale();
+	const expiry = new Intl.DateTimeFormat(locale, {
+		dateStyle: "medium",
+		timeStyle: "short",
+		timeZone
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col items-center gap-4 rounded-lg border p-6 text-center",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "font-medium",
+				children: storefrontTranslate("Completa tu pago")
+			}),
+			payment.voucherCode ? /* @__PURE__ */ jsxs("p", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-sm text-muted-foreground",
+					children: storefrontTranslate("Código de pago (CIP)")
+				}), /* @__PURE__ */ jsx("span", {
+					className: "font-mono text-2xl font-semibold tracking-wider",
+					children: payment.voucherCode
+				})]
+			}) : null,
+			payment.qrImageUrl ? /* @__PURE__ */ jsx("img", {
+				src: payment.qrImageUrl,
+				alt: storefrontTranslate("Código QR de pago"),
+				width: 240,
+				height: 240,
+				className: "size-60"
+			}) : null,
+			amount !== null && currency !== null ? /* @__PURE__ */ jsxs("p", { children: [
+				storefrontTranslate("Monto:"),
+				" ",
+				money(amount, currency, locale)
+			] }) : null,
+			payment.expiresAt ? /* @__PURE__ */ jsxs("p", {
+				className: "text-sm",
+				children: [
+					storefrontTranslate("Vence el"),
+					" ",
+					expiry.format(new Date(payment.expiresAt))
+				]
+			}) : null,
+			payment.actionUrl ? /* @__PURE__ */ jsx("a", {
+				href: payment.actionUrl,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: "underline",
+				children: storefrontTranslate("Ver instrucciones de pago")
+			}) : null,
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				role: "status",
+				children: storefrontTranslate("Confirmaremos tu pago al recibirlo.")
+			})
+		]
+	});
+}
+export { VoucherPayment };

package/dist/worker-CNi-gzCu.js

@@ -0,0 +1,86 @@
+import { cartCookie } from "./cart-D7DxZ2lD.js";
+import "./preview-cart-Dg2CVktS.js";
+import { productPreviewFrom, productPreviewResponse } from "./product-preview-BspMAecJ.js";
+import { StorefrontSdkTiming, durationMetric } from "./telemetry-HuZXWBPi.js";
+import { privateCustomerResponse, rejectCrossOriginAction, rejectCustomerCsrf } from "./request-security-CRsRMgwj.js";
+import { seoResponse } from "./seo-GpDRhAAA.js";
+import { confirmingPaymentUrl } from "./payment-return-5cjypwIw.js";
+import { RouterContextProvider, createContext, createRequestHandler } from "react-router";
+import { STOREFRONT_CACHE_REVISION_HEADER, StorefrontCacheTokenSchema } from "@ecomiq/core/storefront-cache-revision";
+// src/worker.ts
+const worker = createContext();
+async function withPreviewCart(request) {
+	const pair = (await cartCookie.serialize("ecomiq-editor-preview-cart")).split(";")[0] ?? "";
+	const others = (request.headers.get("Cookie") ?? "").split(";").map((part) => part.trim()).filter((part) => part !== "" && !part.startsWith(`${cartCookie.name}=`));
+	const headers = new Headers(request.headers);
+	headers.set("Cookie", [...others, pair].join("; "));
+	return new Request(request, { headers });
+}
+function createRequestHandler$1(build, mode) {
+	const handle = createRequestHandler(build, mode);
+	return { async fetch(request, env, ctx) {
+		if (request.method === "GET" || request.method === "POST") {
+			const orderToken = /^\/orders\/([A-Za-z0-9_-]+)\/payment-return$/.exec(new URL(request.url).pathname)?.[1];
+			if (orderToken !== void 0) return new Response(null, {
+				status: 303,
+				headers: {
+					Location: confirmingPaymentUrl(`/orders/${orderToken}`),
+					"Cache-Control": "private, no-store"
+				}
+			});
+		}
+		const rejected = rejectCrossOriginAction(request);
+		if (rejected) return rejected;
+		const rejectedCsrf = await rejectCustomerCsrf(request, env);
+		if (rejectedCsrf) return rejectedCsrf;
+		const context = new RouterContextProvider();
+		const sdkTiming = new StorefrontSdkTiming();
+		const productPreview = productPreviewFrom(request);
+		const parsedRevision = StorefrontCacheTokenSchema.safeParse(request.headers.get(STOREFRONT_CACHE_REVISION_HEADER));
+		const cacheRevision = parsedRevision.success && !productPreview && env.ECOMIQ_PREVIEW !== "1" ? parsedRevision.data : void 0;
+		context.set(worker, {
+			env,
+			ctx,
+			sdkTiming,
+			productPreview,
+			requestUrl: request.url,
+			cacheRevision
+		});
+		const seo = await seoResponse(request, context);
+		if (seo) {
+			const headers = new Headers(seo.headers);
+			if (cacheRevision !== void 0) headers.set(STOREFRONT_CACHE_REVISION_HEADER, cacheRevision);
+			else headers.set("Cache-Control", "no-store");
+			return new Response(seo.body, {
+				status: seo.status,
+				statusText: seo.statusText,
+				headers
+			});
+		}
+		const started = performance.now();
+		let response = env.ECOMIQ_PREVIEW === "1" ? await handle(await withPreviewCart(request), context) : await handle(request, context);
+		if (response.status === 101) return response;
+		if (productPreview?.shown) response = await productPreviewResponse(response);
+		const headers = new Headers(response.headers);
+		headers.delete(STOREFRONT_CACHE_REVISION_HEADER);
+		if (cacheRevision !== void 0) headers.set(STOREFRONT_CACHE_REVISION_HEADER, cacheRevision);
+		else if (!/\bno-store\b/i.test(headers.get("Cache-Control") ?? "")) headers.set("Cache-Control", "no-store");
+		if (privateCustomerResponse(request) || headers.has("Set-Cookie")) headers.set("Cache-Control", "private, no-store");
+		const metrics = [durationMetric("ecomiq_ssr", performance.now() - started)];
+		if (sdkTiming.count > 0) {
+			metrics.push(durationMetric("ecomiq_sdk_max", sdkTiming.slowestMs));
+			metrics.push(durationMetric("ecomiq_sdk_sum", sdkTiming.sumMs));
+			metrics.push(`ecomiq_sdk_calls;desc="${sdkTiming.count}"`);
+			metrics.push(`ecomiq_sdk_slowest;desc="${sdkTiming.slowestMethod}"`);
+		}
+		if (sdkTiming.subrequests > 0) metrics.push(`ecomiq_subrequests;desc="${sdkTiming.subrequests}"`);
+		const existing = headers.get("server-timing");
+		headers.set("server-timing", [...existing ? [existing] : [], ...metrics].join(", "));
+		return new Response(response.body, {
+			status: response.status,
+			statusText: response.statusText,
+			headers
+		});
+	} };
+}
+export { createRequestHandler$1 as createRequestHandler, worker };

package/dist/worker.d.ts

@@ -0,0 +1,27 @@
+import { ProductPreview } from "./product-preview.js";
+import { StorefrontSdkTiming } from "./telemetry.js";
+import { ServerBuild } from "react-router";
+export type StorefrontEnv = {
+  ECOMIQ_STORE: string;
+  ECOMIQ_STORE_ID?: string;
+  ECOMIQ_API_URL: string;
+  ECOMIQ_AUTH_URL?: string;
+  ECOMIQ_PREVIEW?: string;
+  SESSION_SECRET?: string;
+  CUSTOMER_IP_KEY?: string;
+};
+export type WorkerContext = {
+  waitUntil(promise: Promise<unknown>): void;
+};
+export declare const worker: import("react-router").RouterContext<{
+  env: StorefrontEnv;
+  ctx: WorkerContext;
+  sdkTiming?: StorefrontSdkTiming;
+  productPreview?: ProductPreview;
+  requestUrl?: string;
+  cacheRevision?: string;
+}>;
+declare function createRequestHandler$1(build: () => Promise<ServerBuild>, mode?: string): {
+  fetch(request: Request, env: StorefrontEnv, ctx: WorkerContext): Promise<Response>;
+};
+export { createRequestHandler$1 as createRequestHandler };

package/package.json

@@ -1,96 +1,120 @@
 {
   "name": "@ecomiq/storefront",
-  "version": "2.1.4",
-  "description": "Micro framework SSR de Ecomiq para storefronts. Páginas, datos y deploy sin configurar nada.",
+  "version": "3.0.0",
+  "description": "Ecomiq para React Router: tienda, carrito, sesión de cliente y catálogo en un Worker",
   "type": "module",
   "license": "MIT",
   "author": "Ecomiq",
+  "homepage": "https://docs.ecomiq.pe/es/docs/guides/storefront/themes",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ecomiq/ecomiq-storefront.git",
-    "directory": "packages/ecomiq-storefront"
-  },
-  "homepage": "https://github.com/ecomiq/ecomiq-storefront/tree/main/packages/ecomiq-storefront",
-  "bugs": {
-    "url": "https://github.com/ecomiq/ecomiq-storefront/issues"
-  },
-  "keywords": [
-    "ecomiq",
-    "storefront",
-    "ecommerce",
-    "ssr",
-    "tanstack",
-    "cloudflare"
-  ],
-  "bin": {
-    "ecomiq": "./bin/ecomiq.mjs"
+    "directory": "packages/storefront"
   },
+  "sideEffects": false,
+  "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./src/index.ts",
-    "./config": {
-      "types": "./src/config.d.ts",
-      "default": "./src/config.mjs"
-    },
-    "./ui": "./src/ui/index.ts",
-    "./styles.css": "./src/styles.css",
-    "./internal/page": "./src/runtime/page.tsx",
-    "./internal/context": "./src/runtime/context.ts",
-    "./internal/server-config": "./src/server-config-store.ts",
-    "./internal/health": "./src/health.ts",
-    "./internal/head": "./src/runtime/head.ts",
-    "./internal/default-layout": "./src/runtime/default-layout.tsx",
-    "./internal/checkout": "./src/pages/checkout.tsx",
-    "./internal/checkout-session": "./src/pages/checkout.$checkoutId.tsx",
-    "./internal/thank-you": "./src/pages/thank-you.tsx",
-    "./internal/cms-page": "./src/pages/pages.$pageSlug.tsx",
-    "./internal/account": "./src/pages/account.tsx",
-    "./internal/api-proxy": "./src/pages/api.$.ts",
-    "./internal/auth-api": "./src/pages/api.auth.$.ts",
-    "./package.json": "./package.json"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "import": "./dist/vite.js"
+    },
+    "./cart": {
+      "types": "./dist/entries/cart.d.ts",
+      "import": "./dist/entries/cart.js"
+    },
+    "./checkout": {
+      "types": "./dist/entries/checkout.d.ts",
+      "import": "./dist/entries/checkout.js"
+    },
+    "./account": {
+      "types": "./dist/entries/account.d.ts",
+      "import": "./dist/entries/account.js"
+    },
+    "./order": {
+      "types": "./dist/entries/order.d.ts",
+      "import": "./dist/entries/order.js"
+    },
+    "./analytics": {
+      "types": "./dist/entries/analytics.d.ts",
+      "import": "./dist/entries/analytics.js"
+    },
+    "./sections/order-tracking": {
+      "types": "./dist/sections/order-tracking.d.ts",
+      "import": "./dist/sections/order-tracking.js"
+    },
+    "./sections/account-orders": {
+      "types": "./dist/sections/account-orders.d.ts",
+      "import": "./dist/sections/account-orders.js"
+    },
+    "./sections/account-order": {
+      "types": "./dist/sections/account-order.d.ts",
+      "import": "./dist/sections/account-order.js"
+    },
+    "./sections/account-addresses": {
+      "types": "./dist/sections/account-addresses.d.ts",
+      "import": "./dist/sections/account-addresses.js"
+    },
+    "./sections/account-profile": {
+      "types": "./dist/sections/account-profile.d.ts",
+      "import": "./dist/sections/account-profile.js"
+    },
+    "./sections/checkout": {
+      "types": "./dist/sections/checkout.d.ts",
+      "import": "./dist/sections/checkout.js"
+    },
+    "./sections/draft-invoice": {
+      "types": "./dist/sections/draft-invoice.d.ts",
+      "import": "./dist/sections/draft-invoice.js"
+    },
+    "./sections/complaint-book": {
+      "types": "./dist/sections/complaint-book.d.ts",
+      "import": "./dist/sections/complaint-book.js"
+    },
+    "./sections/design-system": {
+      "types": "./dist/sections/design-system.d.ts",
+      "import": "./dist/sections/design-system.js"
+    },
+    "./vite-client": {
+      "types": "./src/vite-client.d.ts"
+    }
   },
   "files": [
-    "bin",
-    "src",
-    "templates",
-    "public",
-    "README.md"
-  ],
-  "sideEffects": [
-    "**/*.css"
+    "dist",
+    "src/vite-client.d.ts",
+    "src/sections"
   ],
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
   "dependencies": {
-    "@cloudflare/vite-plugin": "^1.44.0",
-    "@tailwindcss/vite": "^4.3.0",
-    "@tanstack/react-query": "^5.101.0",
-    "@tanstack/react-router": "^1.170.0",
-    "@tanstack/react-start": "^1.168.0",
-    "@vitejs/plugin-basic-ssl": "^2.3.0",
-    "@vitejs/plugin-react": "^6.0.0",
-    "better-auth": "^1.6.23",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "embla-carousel-autoplay": "^8.6.0",
-    "embla-carousel-fade": "^8.6.0",
-    "embla-carousel-react": "^8.6.0",
-    "lucide-react": "^0.510.0",
-    "tailwind-merge": "^3.2.0",
-    "tailwindcss": "^4.3.0",
-    "vite": "^8.1.0",
-    "wrangler": "^4.100.0",
-    "zod": "^3.25.0",
-    "@ecomiq/core": "^0.1.9"
+    "@babel/parser": "^7.29.7",
+    "@babel/types": "^7.29.7",
+    "@stripe/stripe-js": "^9.17.0",
+    "qrcode-generator": "^2.0.4",
+    "sharp": "^0.35.5",
+    "zod": "^4.6.6",
+    "@ecomiq/core": "^1.0.0"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^19.2.0",
+    "react-router": "^8.3.0"
   },
   "devDependencies": {
-    "@types/react": "^19.1.0",
-    "@types/react-dom": "^19.1.0"
+    "@types/node": "^26.1.1",
+    "@types/react": "^19.2.17",
+    "react": "^19.2.7",
+    "react-router": "^8.3.0",
+    "tsdown": "^0.23.0",
+    "typescript": "^7.0.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
   },
-  "scripts": {}
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "typecheck": "tsc --noEmit -p tsconfig.json"
+  }
 }