refactor(vtex): move inline-loaders to CMS key paths

knip.json

@@ -6,7 +6,9 @@
     "vtex/hooks/*.ts",
     "vtex/loaders/*.ts",
     "vtex/utils/*.ts",
-    "vtex/inline-loaders/*.ts",
+    "vtex/loaders/intelligentSearch/*.ts",
+    "vtex/loaders/legacy/*.ts",
+    "vtex/loaders/workflow/*.ts",
     "shopify/*.ts",
     "shopify/actions/**/*.ts",
     "shopify/loaders/*.ts",

package.json

@@ -50,17 +50,19 @@
     "./vtex/loaders/*": "./vtex/loaders/*.ts",
     "./vtex/utils": "./vtex/utils/index.ts",
     "./vtex/utils/*": "./vtex/utils/*.ts",
-    "./vtex/inline-loaders/*": "./vtex/inline-loaders/*.ts",
-    "./vtex/inline-loaders/productDetailsPage": "./vtex/inline-loaders/productDetailsPage.ts",
-    "./vtex/inline-loaders/productListingPage": "./vtex/inline-loaders/productListingPage.ts",
-    "./vtex/inline-loaders/productList": "./vtex/inline-loaders/productList.ts",
-    "./vtex/inline-loaders/productListShelf": "./vtex/inline-loaders/productListShelf.ts",
-    "./vtex/inline-loaders/relatedProducts": "./vtex/inline-loaders/relatedProducts.ts",
-    "./vtex/inline-loaders/suggestions": "./vtex/inline-loaders/suggestions.ts",
-    "./vtex/inline-loaders/minicart": "./vtex/inline-loaders/minicart.ts",
+    "./vtex/loaders/intelligentSearch/*": "./vtex/loaders/intelligentSearch/*.ts",
+    "./vtex/loaders/legacy/*": "./vtex/loaders/legacy/*.ts",
+    "./vtex/loaders/workflow/*": "./vtex/loaders/workflow/*.ts",
+    "./vtex/inline-loaders/productDetailsPage": "./vtex/loaders/intelligentSearch/productDetailsPage.ts",
+    "./vtex/inline-loaders/productListingPage": "./vtex/loaders/intelligentSearch/productListingPage.ts",
+    "./vtex/inline-loaders/productList": "./vtex/loaders/productListFull.ts",
+    "./vtex/inline-loaders/productListShelf": "./vtex/loaders/intelligentSearch/productList.ts",
+    "./vtex/inline-loaders/relatedProducts": "./vtex/loaders/legacy/relatedProductsLoader.ts",
+    "./vtex/inline-loaders/suggestions": "./vtex/loaders/intelligentSearch/suggestions.ts",
+    "./vtex/inline-loaders/minicart": "./vtex/loaders/minicart.ts",
+    "./vtex/inline-loaders/workflowProducts": "./vtex/loaders/workflow/products.ts",
     "./vtex/hooks": "./vtex/hooks/index.ts",
     "./vtex/hooks/*": "./vtex/hooks/*.ts",
-    "./vtex/inline-loaders/workflowProducts": "./vtex/inline-loaders/workflowProducts.ts",
     "./vtex/middleware": "./vtex/middleware.ts",
     "./resend": "./resend/index.ts",
     "./resend/mod": "./resend/mod.ts",

vtex/commerceLoaders.ts

@@ -1,7 +1,7 @@
 /**
  * Standard VTEX commerce loader map factory for CMS block resolution.
  *
- * Wraps all VTEX inline loaders with createCachedLoader, applies universal
+ * Wraps all VTEX loaders with createCachedLoader, applies universal
  * workarounds (slug fallback, IS sort sanitization, map=productClusterIds),
  * and registers both `.ts` and `.ts`-less aliases.
  *
@@ -11,14 +11,14 @@
 
 import { createCachedLoader } from "@decocms/start/sdk/cachedLoader";
 import type { CacheProfileName } from "@decocms/start/sdk/cacheHeaders";
-import vtexProductDetailsPage from "./inline-loaders/productDetailsPage";
-import vtexProductList from "./inline-loaders/productList";
-import vtexProductListingPage from "./inline-loaders/productListingPage";
-import vtexProductListShelf from "./inline-loaders/productListShelf";
-import vtexRelatedProducts from "./inline-loaders/relatedProducts";
-import vtexSuggestions from "./inline-loaders/suggestions";
-import vtexWorkflowProducts from "./inline-loaders/workflowProducts";
 import { getCategoryTree } from "./loaders/catalog";
+import vtexProductDetailsPage from "./loaders/intelligentSearch/productDetailsPage";
+import vtexProductListShelf from "./loaders/intelligentSearch/productList";
+import vtexProductListingPage from "./loaders/intelligentSearch/productListingPage";
+import vtexSuggestions from "./loaders/intelligentSearch/suggestions";
+import vtexRelatedProducts from "./loaders/legacy/relatedProductsLoader";
+import vtexProductList from "./loaders/productListFull";
+import vtexWorkflowProducts from "./loaders/workflow/products";
 import { VALID_IS_SORTS } from "./utils/intelligentSearch";
 
 export type CommerceLoaderFn = (props: any) => Promise<any>;

vtex/loaders/ProductDetailsPage.ts

@@ -0,0 +1 @@
+export { default, type PDPProps } from "./intelligentSearch/productDetailsPage";

vtex/loaders/ProductList.ts

@@ -0,0 +1 @@
+export { default, type ProductListProps } from "./intelligentSearch/productList";

vtex/loaders/ProductListingPage.ts

@@ -0,0 +1 @@
+export { default, type PLPProps } from "./intelligentSearch/productListingPage";

vtex/inline-loaders/productDetailsPage.ts → vtex/loaders/intelligentSearch/productDetailsPage.ts

@@ -4,11 +4,11 @@
  * following the same pattern as deco-cx/apps.
  */
 
-import type { ProductDetailsPage } from "../../commerce/types/commerce";
-import { getVtexConfig, vtexCachedFetch } from "../client";
-import { searchBySlug } from "../utils/slugCache";
-import { pickSku, toProductPage } from "../utils/transform";
-import type { LegacyProduct } from "../utils/types";
+import type { ProductDetailsPage } from "../../../commerce/types/commerce";
+import { getVtexConfig, vtexCachedFetch } from "../../client";
+import { searchBySlug } from "../../utils/slugCache";
+import { pickSku, toProductPage } from "../../utils/transform";
+import type { LegacyProduct } from "../../utils/types";
 
 export interface PDPProps {
 	slug?: string;

vtex/inline-loaders/productListShelf.ts → vtex/loaders/intelligentSearch/productList.ts

@@ -6,10 +6,10 @@
  * (name, URL, images, price, installments, PIX, availability, brand).
  */
 
-import type { Product } from "../../commerce/types/commerce";
-import { getVtexConfig, intelligentSearch, toFacetPath } from "../client";
-import { pickSku, sortProducts, toProductShelf } from "../utils/transform";
-import type { Product as ProductVTEX } from "../utils/types";
+import type { Product } from "../../../commerce/types/commerce";
+import { getVtexConfig, intelligentSearch, toFacetPath } from "../../client";
+import { pickSku, sortProducts, toProductShelf } from "../../utils/transform";
+import type { Product as ProductVTEX } from "../../utils/types";
 
 export interface ProductListProps {
 	props?: CollectionProps | QueryProps | ProductIDProps | FacetsProps;

vtex/inline-loaders/productListingPage.ts → vtex/loaders/intelligentSearch/productListingPage.ts

@@ -5,9 +5,9 @@ import {
 	type PageType,
 	pageTypesFromPath,
 	toFacetPath,
-} from "../client";
-import { pickSku, toProduct } from "../utils/transform";
-import type { Product as ProductVTEX, Sort } from "../utils/types";
+} from "../../client";
+import { pickSku, toProduct } from "../../utils/transform";
+import type { Product as ProductVTEX, Sort } from "../../utils/types";
 
 export interface SelectedFacet {
 	key: string;

vtex/inline-loaders/suggestions.ts → vtex/loaders/intelligentSearch/suggestions.ts

@@ -3,10 +3,10 @@
  * Maps VTEX IS response to commerce Suggestion type.
  */
 
-import type { Product, Suggestion } from "../../commerce/types/commerce";
-import { getVtexConfig, intelligentSearch } from "../client";
-import { pickSku, toProduct } from "../utils/transform";
-import type { Product as ProductVTEX } from "../utils/types";
+import type { Product, Suggestion } from "../../../commerce/types/commerce";
+import { getVtexConfig, intelligentSearch } from "../../client";
+import { pickSku, toProduct } from "../../utils/transform";
+import type { Product as ProductVTEX } from "../../utils/types";
 
 export interface SuggestionsProps {
 	query?: string;

vtex/loaders/legacy/productDetailsPage.ts

@@ -0,0 +1 @@
+export { default, type PDPProps } from "../intelligentSearch/productDetailsPage";

vtex/loaders/legacy/productList.ts

@@ -0,0 +1 @@
+export { default, type ProductListProps } from "../intelligentSearch/productList";

vtex/inline-loaders/relatedProducts.ts → vtex/loaders/legacy/relatedProductsLoader.ts

@@ -7,11 +7,11 @@
  * single search/{slug}/p call instead of each doing their own.
  */
 
-import type { Product } from "../../commerce/types/commerce";
-import { getVtexConfig, vtexCachedFetch } from "../client";
-import { resolveProductIdBySlug } from "../utils/slugCache";
-import { pickSku, toProduct } from "../utils/transform";
-import type { LegacyProduct } from "../utils/types";
+import type { Product } from "../../../commerce/types/commerce";
+import { getVtexConfig, vtexCachedFetch } from "../../client";
+import { resolveProductIdBySlug } from "../../utils/slugCache";
+import { pickSku, toProduct } from "../../utils/transform";
+import type { LegacyProduct } from "../../utils/types";
 
 export type CrossSellingType =
 	| "similars"

vtex/inline-loaders/minicart.ts → vtex/loaders/minicart.ts

@@ -12,8 +12,8 @@
  * @example
  * ```ts
  * // setup/commerce-loaders.ts
- * import minicart from "@decocms/apps/vtex/inline-loaders/minicart";
- * registerInlineLoader("vtex/inline-loaders/minicart", minicart);
+ * import minicart from "@decocms/apps/vtex/loaders/minicart";
+ * registerInlineLoader("vtex/loaders/minicart", minicart);
  * ```
  */
 

vtex/inline-loaders/workflowProducts.ts → vtex/loaders/workflow/products.ts

@@ -3,10 +3,10 @@
  * Maps IS response to schema.org Product[] following deco-cx/apps pattern.
  */
 
-import type { Product } from "../../commerce/types/commerce";
-import { getVtexConfig, intelligentSearch, toFacetPath } from "../client";
-import { pickSku, toProduct } from "../utils/transform";
-import type { Product as ProductVTEX } from "../utils/types";
+import type { Product } from "../../../commerce/types/commerce";
+import { getVtexConfig, intelligentSearch, toFacetPath } from "../../client";
+import { pickSku, toProduct } from "../../utils/transform";
+import type { Product as ProductVTEX } from "../../utils/types";
 
 export interface WorkflowProductsProps {
 	props?: {