@graphcommerce/next-config 9.0.0-canary.109 → 9.0.0-canary.111

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+## 9.0.0-canary.111
+
+## 9.0.0-canary.110
+
 ## 9.0.0-canary.109
 
 ## 9.0.0-canary.108

package/__tests__/config/utils/__snapshots__/mergeEnvIntoConfig.ts.snap

@@ -35,6 +35,8 @@ exports[`traverses a schema and returns a list of env variables that match 1`] =
   "GC_CONFIGURABLE_VARIANT_VALUES_CONTENT",
   "GC_CONFIGURABLE_VARIANT_VALUES_GALLERY",
   "GC_CONFIGURABLE_VARIANT_VALUES_URL",
+  "GC_CONTAINER_SIZING_CONTENT",
+  "GC_CONTAINER_SIZING_SHELL",
   "GC_CROSS_SELLS_HIDE_CART_ITEMS",
   "GC_CROSS_SELLS_REDIRECT_ITEMS",
   "GC_CUSTOMER_ADDRESS_NOTE_ENABLE",

package/dist/config/commands/generateConfig.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateConfig = generateConfig;
 // eslint-disable-next-line import/no-extraneous-dependencies
+const fs_1 = require("fs");
 const cli_1 = require("@graphql-codegen/cli");
 const core_1 = require("@swc/core");
 const dotenv_1 = __importDefault(require("dotenv"));
-const fs_1 = require("fs");
 const isMonorepo_1 = require("../../utils/isMonorepo");
 const resolveDependenciesSync_1 = require("../../utils/resolveDependenciesSync");
 const resolveDependency_1 = require("../../utils/resolveDependency");
@@ -42,7 +42,7 @@ async function generateConfig() {
                     },
                 },
             },
-            ...((0, isMonorepo_1.isMonorepo)() && {
+            ...((0, isMonorepo_1.findParentPath)(process.cwd()) && {
                 '../../docs/framework/config.md': {
                     plugins: ['@graphcommerce/graphql-codegen-markdown-docs'],
                 },

package/dist/generated/config.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebsitePermissionsSchema = exports.SidebarGalleryPaginationVariantSchema = exports.ProductFiltersLayoutSchema = exports.PaginationVariantSchema = exports.CustomerAccountPermissionsSchema = exports.CompareVariantSchema = exports.CartPermissionsSchema = exports.definedNonNullAnySchema = exports.isDefinedNonNullAny = void 0;
+exports.WebsitePermissionsSchema = exports.SidebarGalleryPaginationVariantSchema = exports.ProductFiltersLayoutSchema = exports.PaginationVariantSchema = exports.CustomerAccountPermissionsSchema = exports.ContainerSizingSchema = exports.CompareVariantSchema = exports.CartPermissionsSchema = exports.definedNonNullAnySchema = exports.isDefinedNonNullAny = void 0;
 exports.DatalayerConfigSchema = DatalayerConfigSchema;
 exports.GraphCommerceConfigSchema = GraphCommerceConfigSchema;
 exports.GraphCommerceDebugConfigSchema = GraphCommerceDebugConfigSchema;
@@ -17,6 +17,7 @@ exports.isDefinedNonNullAny = isDefinedNonNullAny;
 exports.definedNonNullAnySchema = zod_1.z.any().refine((v) => (0, exports.isDefinedNonNullAny)(v));
 exports.CartPermissionsSchema = zod_1.z.enum(['CUSTOMER_ONLY', 'DISABLED', 'ENABLED']);
 exports.CompareVariantSchema = zod_1.z.enum(['CHECKBOX', 'ICON']);
+exports.ContainerSizingSchema = zod_1.z.enum(['BREAKPOINT', 'FULL_WIDTH']);
 exports.CustomerAccountPermissionsSchema = zod_1.z.enum(['DISABLED', 'DISABLE_REGISTRATION', 'ENABLED']);
 exports.PaginationVariantSchema = zod_1.z.enum(['COMPACT', 'EXTENDED']);
 exports.ProductFiltersLayoutSchema = zod_1.z.enum(['DEFAULT', 'SIDEBAR']);
@@ -36,6 +37,8 @@ function GraphCommerceConfigSchema() {
         compareVariant: exports.CompareVariantSchema.default("ICON").nullish(),
         configurableVariantForSimple: zod_1.z.boolean().default(false).nullish(),
         configurableVariantValues: MagentoConfigurableVariantValuesSchema().nullish(),
+        containerSizingContent: exports.ContainerSizingSchema.default("FULL_WIDTH").nullish(),
+        containerSizingShell: exports.ContainerSizingSchema.default("FULL_WIDTH").nullish(),
         crossSellsHideCartItems: zod_1.z.boolean().default(false).nullish(),
         crossSellsRedirectItems: zod_1.z.boolean().default(false).nullish(),
         customerAddressNoteEnable: zod_1.z.boolean().nullish(),

package/dist/utils/isMonorepo.js

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isMonorepo = isMonorepo;
 exports.findParentPath = findParentPath;
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
@@ -20,33 +19,6 @@ function findPackageJson(directory) {
         return null;
     }
 }
-/**
- * Determines if we're running in a monorepo context and how to handle postinstall scripts.
- *
- * If there is a parent `@graphcommerce/*` package, we're in a monorepo.
- */
-function isMonorepo() {
-    let currentDir = process.cwd();
-    log(`Starting directory: ${currentDir}`);
-    // Start from the parent directory to find a parent @graphcommerce package
-    currentDir = node_path_1.default.dirname(currentDir);
-    log(`Looking for parent packages starting from: ${currentDir}`);
-    // Keep going up until we find a root package or hit the filesystem root
-    while (currentDir !== node_path_1.default.parse(currentDir).root) {
-        const packageJson = findPackageJson(currentDir);
-        if (packageJson) {
-            log(`Found package.json in: ${currentDir}`);
-            log(`Package name: ${packageJson.name}`);
-            if (packageJson.name.startsWith('@graphcommerce/')) {
-                log('isMonorepo result: true (found parent @graphcommerce package)');
-                return true;
-            }
-        }
-        currentDir = node_path_1.default.dirname(currentDir);
-    }
-    log('isMonorepo result: false (no parent @graphcommerce package found)');
-    return false;
-}
 /**
  * Finds the path of the parent @graphcommerce package if it exists Returns null if no parent
  * package is found

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/next-config",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.0.0-canary.109",
+  "version": "9.0.0-canary.111",
   "type": "commonjs",
   "main": "dist/index.js",
   "types": "src/index.ts",

package/src/config/commands/generateConfig.ts

@@ -1,9 +1,9 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
+import { writeFileSync } from 'fs'
 import { generate } from '@graphql-codegen/cli'
 import { transformFileSync } from '@swc/core'
 import dotenv from 'dotenv'
-import { writeFileSync } from 'fs'
-import { isMonorepo } from '../../utils/isMonorepo'
+import { findParentPath } from '../../utils/isMonorepo'
 import { resolveDependenciesSync } from '../../utils/resolveDependenciesSync'
 import { resolveDependency } from '../../utils/resolveDependency'
 
@@ -42,7 +42,7 @@ export async function generateConfig() {
           },
         },
       },
-      ...(isMonorepo() && {
+      ...(findParentPath(process.cwd()) && {
         '../../docs/framework/config.md': {
           plugins: ['@graphcommerce/graphql-codegen-markdown-docs'],
         },

package/src/generated/config.ts

@@ -25,6 +25,11 @@ export type CompareVariant =
   | 'CHECKBOX'
   | 'ICON';
 
+/** Configure whether the layout should be full width or should be constrained by a max breakpoint. Configurable in theme.ts */
+export type ContainerSizing =
+  | 'BREAKPOINT'
+  | 'FULL_WIDTH';
+
 export type CustomerAccountPermissions =
   | 'DISABLED'
   | 'DISABLE_REGISTRATION'
@@ -157,6 +162,10 @@ export type GraphCommerceConfig = {
    * Enabling options here will allow switching of those variants.
    */
   configurableVariantValues?: InputMaybe<MagentoConfigurableVariantValues>;
+  /** Configures the max width of the content (main content area) */
+  containerSizingContent?: InputMaybe<ContainerSizing>;
+  /** Configures the max width of the shell (header, footer, overlays, etc.) */
+  containerSizingShell?: InputMaybe<ContainerSizing>;
   /**
    * Determines if cross sell items should be shown when the user already has the product in their cart. This will result in a product will popping off the screen when you add it to the cart.
    *
@@ -520,6 +529,8 @@ export const CartPermissionsSchema = z.enum(['CUSTOMER_ONLY', 'DISABLED', 'ENABL
 
 export const CompareVariantSchema = z.enum(['CHECKBOX', 'ICON']);
 
+export const ContainerSizingSchema = z.enum(['BREAKPOINT', 'FULL_WIDTH']);
+
 export const CustomerAccountPermissionsSchema = z.enum(['DISABLED', 'DISABLE_REGISTRATION', 'ENABLED']);
 
 export const PaginationVariantSchema = z.enum(['COMPACT', 'EXTENDED']);
@@ -545,6 +556,8 @@ export function GraphCommerceConfigSchema(): z.ZodObject<Properties<GraphCommerc
     compareVariant: CompareVariantSchema.default("ICON").nullish(),
     configurableVariantForSimple: z.boolean().default(false).nullish(),
     configurableVariantValues: MagentoConfigurableVariantValuesSchema().nullish(),
+    containerSizingContent: ContainerSizingSchema.default("FULL_WIDTH").nullish(),
+    containerSizingShell: ContainerSizingSchema.default("FULL_WIDTH").nullish(),
     crossSellsHideCartItems: z.boolean().default(false).nullish(),
     crossSellsRedirectItems: z.boolean().default(false).nullish(),
     customerAddressNoteEnable: z.boolean().nullish(),

package/src/utils/isMonorepo.ts

@@ -15,40 +15,6 @@ function findPackageJson(directory: string): { name: string } | null {
   }
 }
 
-/**
- * Determines if we're running in a monorepo context and how to handle postinstall scripts.
- *
- * If there is a parent `@graphcommerce/*` package, we're in a monorepo.
- */
-export function isMonorepo() {
-  let currentDir = process.cwd()
-  log(`Starting directory: ${currentDir}`)
-
-  // Start from the parent directory to find a parent @graphcommerce package
-  currentDir = path.dirname(currentDir)
-  log(`Looking for parent packages starting from: ${currentDir}`)
-
-  // Keep going up until we find a root package or hit the filesystem root
-  while (currentDir !== path.parse(currentDir).root) {
-    const packageJson = findPackageJson(currentDir)
-
-    if (packageJson) {
-      log(`Found package.json in: ${currentDir}`)
-      log(`Package name: ${packageJson.name}`)
-
-      if (packageJson.name.startsWith('@graphcommerce/')) {
-        log('isMonorepo result: true (found parent @graphcommerce package)')
-        return true
-      }
-    }
-
-    currentDir = path.dirname(currentDir)
-  }
-
-  log('isMonorepo result: false (no parent @graphcommerce package found)')
-  return false
-}
-
 /**
  * Finds the path of the parent @graphcommerce package if it exists Returns null if no parent
  * package is found