@salla.sa/twilight-theme-engine 1.0.72 → 1.0.74

package/dist/vite/index.js

@@ -1,14 +1,14 @@
 import { tanstackHeadAdapter } from '../chunk-BE3JDKE2.js';
 import { nextjsHeadAdapter } from '../chunk-HOSHJBPS.js';
 import { setHeadAdapter } from '../chunk-GD26FI4J.js';
-import { RouteId } from '../chunk-ZGHRSRDO.js';
+import { RouteId } from '../chunk-OUW6WESU.js';
 import '../chunk-N2S25NXP.js';
 import '../chunk-T72DAX7R.js';
 import '../chunk-DGUM43GV.js';
 import { readFile, readdir } from 'fs/promises';
 import { dirname, join, relative, resolve, basename, sep } from 'path';
 import { parseSync } from 'oxc-parser';
-import { existsSync, mkdirSync, writeFileSync, readFileSync, readdirSync, statSync } from 'fs';
+import { existsSync, mkdirSync, writeFileSync, readFileSync, rmSync, readdirSync, statSync } from 'fs';
 import { createHash } from 'crypto';
 import { fileURLToPath, pathToFileURL } from 'url';
 import Module, { createRequire } from 'module';
@@ -1641,6 +1641,13 @@ var DEFAULT_BASE_ROUTES = [
     factory: "createOffersRouteConfig",
     id: RouteId.PRODUCT_INDEX_OFFERS
   },
+  {
+    // Twig's products page, `?source=` picking the list (the home's "order again" links to `reorder`).
+    path: "/products",
+    file: "products.tsx",
+    factory: "createProductsRouteConfig",
+    id: RouteId.PRODUCT_INDEX
+  },
   // Blog routes
   { path: "/blog", file: "blog.tsx", factory: "createBlogRouteConfig", id: RouteId.BLOG_INDEX },
   {
@@ -1815,6 +1822,13 @@ var DEFAULT_BASE_ROUTES = [
     factory: "createTestimonialsRouteConfig",
     id: RouteId.TESTIMONIALS
   },
+  {
+    // Twig's product reviews page, which store menus link to.
+    path: "/reviews",
+    file: "reviews.tsx",
+    factory: "createReviewsRouteConfig",
+    id: RouteId.REVIEWS
+  },
   {
     // Salla's platform redirects post-payment to /{locale}/thankyou/{orderId} (legacy, no hyphen).
     path: "/thankyou/$orderId",
@@ -1916,6 +1930,7 @@ var FACTORY_TO_MODULE = {
   createLatestProductsRouteConfig: "ProductListing",
   createMostSalesProductsRouteConfig: "ProductListing",
   createOffersRouteConfig: "ProductListing",
+  createProductsRouteConfig: "ProductListing",
   createSlugCategoryRouteConfig: "ProductListing",
   createSlugTagRouteConfig: "ProductListing",
   createTagRouteConfig: "ProductListing",
@@ -1937,6 +1952,7 @@ var FACTORY_TO_MODULE = {
   createLoyaltyRouteConfig: "Loyalty",
   createLoyaltyPointsRouteConfig: "LoyaltyPoints",
   createTestimonialsRouteConfig: "Testimonials",
+  createReviewsRouteConfig: "Reviews",
   createThankYouRouteConfig: "ThankYou",
   // Other routes
   createSlugProductRouteConfig: "Product",
@@ -1979,6 +1995,7 @@ var MODULE_SUBPATH = {
   LoyaltyPoints: "loyalty",
   PageSingle: "page",
   Testimonials: "testimonials",
+  Reviews: "testimonials",
   ThankYou: "thank-you",
   Product: "product",
   slugBrandRedirect: "seo-redirects",
@@ -2009,6 +2026,7 @@ var MODULE_LOADER_TYPE = {
   LoyaltyPoints: "LoyaltyPointsPageProps",
   PageSingle: "PageSingleProps",
   Testimonials: "TestimonialsPageProps",
+  Reviews: "ReviewsPageProps",
   ThankYou: "ThankYouPageProps",
   Product: "ProductPageProps"
 };
@@ -2223,6 +2241,47 @@ export const Route = createFileRoute('${tanstackRoutePath}')({
  * following React best practices for data fetching in route components.
  */
 ${componentFn2}
+`;
+    }
+    if (route.factory === "createProductsRouteConfig") {
+      return `// @auto-generated
+import { createFileRoute } from '@tanstack/react-router';
+import { ${importName} } from '${moduleImport}';${typeImport}${extraTypeImport}
+import { withHead } from '${baseImport.replace("/routes", "")}/tanstack';
+
+const SOURCES = ['latest', 'sales', 'offers', 'reorder'] as const;
+type Source = (typeof SOURCES)[number];
+
+/**
+ * Products route configuration: \`?source=\` picks the list, the latest products by default.
+ */
+export const Route = createFileRoute('${tanstackRoutePath}')({
+  validateSearch: (search: Record<string, unknown>) => {
+    const page = Number(search.page) || 1;
+    const sort = (search.sort as string) || undefined;
+    const source = SOURCES.find((s) => s === search.source) ?? 'latest';
+    return { source: source as Source, ...(page > 1 ? { page } : {}), ...(sort ? { sort } : {}) };
+  },
+  loaderDeps: ({ search }) => ({ source: search.source, page: search.page, sort: search.sort }),
+  loader: ({ deps, params }): Promise<${loaderType}> =>
+    ${importName}.loader({
+      params: { source: deps.source },
+      search: { page: deps.page, sort: deps.sort },
+      locale: params.locale,
+    }),
+  head: withHead(${importName}),
+  component: ${importName}Component,
+});
+
+/**
+ * Products page component.
+ * Uses Route.useLoaderData() to access the data loaded by the route loader,
+ * following React best practices for data fetching in route components.
+ */
+function ${importName}Component() {
+  const data: ${loaderType} = Route.useLoaderData();
+  return <${importName}.Component {...data} />;
+}
 `;
     }
     const isDeferred = DEFERRED_ROUTES.has(moduleName);
@@ -2424,6 +2483,17 @@ export const Route = createFileRoute('${tanstackRoutePath}')({
 });
 `;
 }
+var ENGINE_OWNED_FACTORIES = /* @__PURE__ */ new Set([
+  "createAccountRedirectConfig",
+  "createPendingOrdersRedirectConfig",
+  "createRatingRedirectConfig"
+]);
+function isEngineOwned(route, routesDir) {
+  if (!ENGINE_OWNED_FACTORIES.has(route.factory)) return false;
+  const themeFile = join(routesDir, route.file);
+  if (!existsSync(themeFile)) return true;
+  return readFileSync(themeFile, "utf-8").startsWith("// @auto-generated");
+}
 function getEngineTwilightRelPath(routesDir) {
   let dir = dirname(fileURLToPath(import.meta.url));
   while (dir !== dirname(dir)) {
@@ -2465,20 +2535,20 @@ function buildVirtualRouteConfig(routes, rootRouteFile, routesDir) {
     const accountLayout = routes.find((r) => r.isLayout && r.path === "/account");
     const accountChildren = routes.filter((r) => !r.isLayout && r.path.startsWith(accountPrefix));
     const nonAccountRoutes = routes.filter((r) => !r.isLayout && !r.path.startsWith(accountPrefix));
+    const twilightRel = getEngineTwilightRelPath(routesDir);
+    const fileOf = (r) => isEngineOwned(r, routesDir) ? `${twilightRel}/${r.file}` : r.file;
     const langChildren = nonAccountRoutes.map((r) => {
       if (r.isIndex) return index(r.file);
       const relativePath = r.path.replace(/^\//, "");
-      return route(relativePath, r.file);
+      return route(relativePath, fileOf(r));
     });
     if (accountLayout) {
-      const twilightRel2 = getEngineTwilightRelPath(routesDir);
       const accChildren = accountChildren.map((r) => {
         const relativePath = r.path.replace(/^\/account\/?/, "");
-        return route(relativePath, r.file);
+        return route(relativePath, fileOf(r));
       });
-      langChildren.push(route("account", `${twilightRel2}/account.tsx`, accChildren));
+      langChildren.push(route("account", `${twilightRel}/account.tsx`, accChildren));
     }
-    const twilightRel = getEngineTwilightRelPath(routesDir);
     return rootRoute(rootRouteFile, [
       route("{-$locale}", `${twilightRel}/$locale.tsx`, [
         ...langChildren,
@@ -2523,7 +2593,8 @@ var tanstackAdapter = {
       {
         name: "account.tsx",
         content: getAccountLayoutTemplate(baseRoutesImport)
-      }
+      },
+      ...allRoutes.filter((r) => !r.isLayout && isEngineOwned(r, routesDirPath)).map((r) => ({ name: r.file, content: generateRouteFileContent(r, baseRoutesImport) }))
     ];
     let engineRoot = dirname(fileURLToPath(import.meta.url));
     while (engineRoot !== dirname(engineRoot)) {
@@ -2548,6 +2619,10 @@ var tanstackAdapter = {
     for (const route of allRoutes) {
       if (route.isLayout) continue;
       const filePath = join(routesDirPath, route.file);
+      if (isEngineOwned(route, routesDirPath)) {
+        rmSync(filePath, { force: true });
+        continue;
+      }
       const content = generateRouteFileContent(route, baseRoutesImport);
       if (!existsSync(filePath)) {
         writeFileSync(filePath, content);