@sitecore-content-sdk/core 0.3.0-canary.2 → 0.3.0-canary.20

package/config-cli.d.ts

@@ -0,0 +1 @@
+export * from './types/config-cli/index';

package/config-cli.js

@@ -0,0 +1 @@
+module.exports = require('./dist/cjs/config-cli/index');

package/dist/cjs/client/sitecore-client.js

@@ -182,7 +182,7 @@ class SitecoreClient {
         if (!this.initOptions.api.local) {
             throw new Error('Component Library requires Sitecore apiHost and apiKey to be provided');
         }
-        const { itemId, componentUid, site, language, renderingId, dataSourceId, version, } = designLibData;
+        const { itemId, componentUid, site, language, renderingId, dataSourceId, version, mode, } = designLibData;
         const componentData = await this.componentService.fetchComponentData({
             siteName: site,
             itemId,
@@ -191,6 +191,7 @@ class SitecoreClient {
             renderingId,
             dataSourceId,
             version,
+            mode,
         });
         const dictionaryData = await this.editingService.fetchDictionaryData({
             siteName: site,
@@ -319,12 +320,7 @@ class SitecoreClient {
         return new site_1.GraphQLErrorPagesService(Object.assign(Object.assign({}, this.initOptions), { language: this.initOptions.defaultLanguage, clientFactory: this.clientFactory }));
     }
     getComponentService() {
-        var _a, _b;
-        return new editing_1.RestComponentLayoutService({
-            apiHost: (_a = this.initOptions.api.local) === null || _a === void 0 ? void 0 : _a.apiHost,
-            apiKey: (_b = this.initOptions.api.local) === null || _b === void 0 ? void 0 : _b.apiKey,
-            siteName: this.initOptions.defaultSite,
-        });
+        return new editing_1.RestComponentLayoutService(this.initOptions.api.edge);
     }
     getSitePathService() {
         return new site_1.GraphQLSitePathService({

package/dist/cjs/client/utils.js

@@ -22,6 +22,13 @@ const createGraphQLClientFactory = (options) => {
             apiKey: options.api.local.apiKey,
         };
     }
+    else if (typeof window !== 'undefined') {
+        // In browser, create a client that won't be used for real requests
+        console.warn('GraphQL client created without proper configuration - client-side requests may fail');
+        clientConfig = {
+            endpoint: '/api/graphql', // Dummy endpoint for browser initialization
+        };
+    }
     else {
         throw new Error('Please configure and use either your sitecoreEdgeContextId, or your graphQLEndpoint and sitecoreApiKey.');
     }

package/dist/cjs/config/define-config.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defineConfig = exports.getFallbackConfig = void 0;
+exports.deepMerge = deepMerge;
 const constants_1 = require("../constants");
 const retries_1 = require("../retries");
 /**
@@ -57,17 +58,45 @@ const getFallbackConfig = () => ({
 });
 exports.getFallbackConfig = getFallbackConfig;
 /**
- * Merges two SitecoreConfig objects
+ * Deep merge utility that skips undefined or empty string values in the override.
+ * @param {T} base base value
+ * @param {DeepPartial<T>} [override] override value
+ */
+function deepMerge(base, override) {
+    if (!override)
+        return base;
+    const result = Object.assign({}, base);
+    for (const key in override) {
+        if (!Object.prototype.hasOwnProperty.call(override, key))
+            continue;
+        const typedKey = key;
+        const baseValue = base[typedKey];
+        const overrideValue = override[typedKey];
+        // Skip undefined and empty string overrides
+        if (overrideValue === undefined || overrideValue === '') {
+            continue;
+        }
+        if (typeof overrideValue === 'object' &&
+            overrideValue !== null &&
+            !Array.isArray(overrideValue) &&
+            Object.getPrototypeOf(overrideValue) === Object.prototype) {
+            result[typedKey] = deepMerge(baseValue, overrideValue);
+        }
+        else {
+            result[typedKey] = overrideValue;
+        }
+    }
+    return result;
+}
+/**
+ * Resolves sitecore config based on base config and overrides
  * @param {SitecoreConfig} base base sitecore config object
  * @param {SitecoreConfig} override override sitecore config object
- * @returns merged SitecoreConfig object
+ * @returns resolved SitecoreConfig object
  */
-const deepMerge = (base, override) => {
-    var _a, _b, _c, _d, _e;
-    const result = Object.assign(Object.assign(Object.assign({}, base), override), { api: {
-            edge: Object.assign(Object.assign({}, (_a = base.api) === null || _a === void 0 ? void 0 : _a.edge), (_b = override.api) === null || _b === void 0 ? void 0 : _b.edge),
-            local: Object.assign(Object.assign({}, (_c = base.api) === null || _c === void 0 ? void 0 : _c.local), (_d = override.api) === null || _d === void 0 ? void 0 : _d.local),
-        }, retries: Object.assign(Object.assign({}, base.retries), override.retries), layout: Object.assign(Object.assign({}, base.layout), override.layout), multisite: Object.assign(Object.assign({}, base.multisite), override.multisite), personalize: Object.assign(Object.assign({}, base.personalize), override.personalize), redirects: Object.assign(Object.assign({}, base.redirects), override.redirects), dictionary: Object.assign(Object.assign({}, base.dictionary), override.dictionary) });
+const resolveConfig = (base, override) => {
+    var _a;
+    const result = deepMerge(base, override);
     if (Number.isNaN(result.personalize.cdpTimeout) || !result.personalize.cdpTimeout) {
         result.personalize.cdpTimeout = base.personalize.cdpTimeout;
     }
@@ -75,19 +104,29 @@ const deepMerge = (base, override) => {
         result.personalize.edgeTimeout = base.personalize.edgeTimeout;
     }
     // fallback in case only one context provided
-    if (((_e = result.api.edge) === null || _e === void 0 ? void 0 : _e.clientContextId) && !result.api.edge.contextId) {
+    if (((_a = result.api.edge) === null || _a === void 0 ? void 0 : _a.clientContextId) && !result.api.edge.contextId) {
         result.api.edge.contextId = result.api.edge.clientContextId;
     }
     return result;
 };
 const validateConfig = (config) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    if (!((_b = (_a = config.api) === null || _a === void 0 ? void 0 : _a.edge) === null || _b === void 0 ? void 0 : _b.contextId) &&
-        (!((_d = (_c = config === null || config === void 0 ? void 0 : config.api) === null || _c === void 0 ? void 0 : _c.local) === null || _d === void 0 ? void 0 : _d.apiHost) || !((_f = (_e = config === null || config === void 0 ? void 0 : config.api) === null || _e === void 0 ? void 0 : _e.local) === null || _f === void 0 ? void 0 : _f.apiKey))) {
-        // consider client-side usecase
-        if (!((_h = (_g = config.api) === null || _g === void 0 ? void 0 : _g.edge) === null || _h === void 0 ? void 0 : _h.clientContextId)) {
-            throw new Error('Configuration error: either context ID or API key and host must be specified in sitecore.config');
-        }
+    // Skip validation in browser - only validate on server side
+    if (typeof window !== 'undefined') {
+        return; // We're in the browser, skip validation
+    }
+    const hasEdgeContextId = !!((_b = (_a = config.api) === null || _a === void 0 ? void 0 : _a.edge) === null || _b === void 0 ? void 0 : _b.contextId);
+    const hasLocalApi = !!(((_d = (_c = config === null || config === void 0 ? void 0 : config.api) === null || _c === void 0 ? void 0 : _c.local) === null || _d === void 0 ? void 0 : _d.apiHost) && ((_f = (_e = config === null || config === void 0 ? void 0 : config.api) === null || _e === void 0 ? void 0 : _e.local) === null || _f === void 0 ? void 0 : _f.apiKey));
+    const hasClientContextId = !!((_h = (_g = config.api) === null || _g === void 0 ? void 0 : _g.edge) === null || _h === void 0 ? void 0 : _h.clientContextId);
+    // Only validate on server-side where we have access to server env vars
+    if (!hasEdgeContextId && !hasLocalApi && !hasClientContextId) {
+        throw new Error('Configuration error: at least one API configuration must be specified: ' +
+            'contextId (server-side), clientContextId (client-side), or local API settings (apiHost + apiKey)');
+    }
+    // Warn if middleware features might not work
+    if (!hasEdgeContextId && !hasClientContextId && hasLocalApi) {
+        console.warn('Warning: Redirects and Personalization middleware require Edge API configuration. ' +
+            'Please ensure that either an Edge context ID (for server-side) or a client context ID (for client-side) is provided in your configuration');
     }
 };
 /**
@@ -96,7 +135,8 @@ const validateConfig = (config) => {
  * @returns {SitecoreConfig} full sitecore configuration to use in application
  */
 const defineConfig = (config) => {
-    validateConfig(config);
-    return deepMerge((0, exports.getFallbackConfig)(), config);
+    const resolvedConfig = resolveConfig((0, exports.getFallbackConfig)(), config);
+    validateConfig(resolvedConfig);
+    return resolvedConfig;
 };
 exports.defineConfig = defineConfig;

package/dist/cjs/config/index.js

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineCliConfig = exports.defineConfig = exports.ComponentTemplateType = void 0;
+exports.defineConfig = exports.ComponentTemplateType = void 0;
 var models_1 = require("./models");
 Object.defineProperty(exports, "ComponentTemplateType", { enumerable: true, get: function () { return models_1.ComponentTemplateType; } });
 var define_config_1 = require("./define-config");
 Object.defineProperty(exports, "defineConfig", { enumerable: true, get: function () { return define_config_1.defineConfig; } });
-var define_cli_config_1 = require("./define-cli-config");
-Object.defineProperty(exports, "defineCliConfig", { enumerable: true, get: function () { return define_cli_config_1.defineCliConfig; } });

package/dist/cjs/config-cli/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineCliConfig = void 0;
+var define_cli_config_1 = require("./define-cli-config");
+Object.defineProperty(exports, "defineCliConfig", { enumerable: true, get: function () { return define_cli_config_1.defineCliConfig; } });

package/dist/cjs/editing/design-library.js

@@ -3,8 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateComponentHandler = exports.addComponentUpdateHandler = exports.DesignLibraryStatus = exports.DESIGN_LIBRARY_STATUS_EVENT_NAME = void 0;
 exports.getDesignLibraryStatusEvent = getDesignLibraryStatusEvent;
 exports.getDesignLibraryScriptLink = getDesignLibraryScriptLink;
+exports.isDesignLibraryMode = isDesignLibraryMode;
 const constants_1 = require("../constants");
 const normalize_url_1 = require("../utils/normalize-url");
+const models_1 = require("./models");
 /**
  * Event to be sent when report status to design library
  */
@@ -113,3 +115,11 @@ function getDesignLibraryStatusEvent(status, uid) {
 function getDesignLibraryScriptLink(sitecoreEdgeUrl = constants_1.SITECORE_EDGE_URL_DEFAULT) {
     return `${(0, normalize_url_1.normalizeUrl)(sitecoreEdgeUrl)}/v1/files/designlibrary/lib/rh-lib-script.js`;
 }
+/**
+ * Checks if the given mode is a Design Library mode.
+ * @param {unknown} mode - The mode to check.
+ * @returns {boolean} True if the mode is a Design Library mode, false otherwise.
+ */
+function isDesignLibraryMode(mode) {
+    return mode === models_1.DesignLibraryMode.Normal || mode === models_1.DesignLibraryMode.Metadata;
+}

package/dist/cjs/editing/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDesignLibraryScriptLink = exports.getDesignLibraryStatusEvent = exports.DesignLibraryStatus = exports.addComponentUpdateHandler = exports.MetadataKind = exports.LayoutKind = exports.RestComponentLayoutService = exports.PREVIEW_KEY = exports.PAGES_EDITING_MARKER = exports.QUERY_PARAM_EDITING_SECRET = exports.EDITING_ALLOWED_ORIGINS = exports.getJssPagesClientData = exports.resetEditorChromes = exports.isEditorActive = exports.PagesEditor = exports.DEFAULT_PLACEHOLDER_UID = exports.GraphQLEditingService = void 0;
+exports.isDesignLibraryMode = exports.getDesignLibraryScriptLink = exports.getDesignLibraryStatusEvent = exports.DesignLibraryStatus = exports.addComponentUpdateHandler = exports.DesignLibraryMode = exports.MetadataKind = exports.LayoutKind = exports.RestComponentLayoutService = exports.PREVIEW_KEY = exports.PAGES_EDITING_MARKER = exports.QUERY_PARAM_EDITING_SECRET = exports.EDITING_ALLOWED_ORIGINS = exports.getJssPagesClientData = exports.resetEditorChromes = exports.isEditorActive = exports.PagesEditor = exports.DEFAULT_PLACEHOLDER_UID = exports.GraphQLEditingService = void 0;
 var graphql_editing_service_1 = require("./graphql-editing-service");
 Object.defineProperty(exports, "GraphQLEditingService", { enumerable: true, get: function () { return graphql_editing_service_1.GraphQLEditingService; } });
 var utils_1 = require("./utils");
@@ -18,8 +18,10 @@ Object.defineProperty(exports, "RestComponentLayoutService", { enumerable: true,
 var models_1 = require("./models");
 Object.defineProperty(exports, "LayoutKind", { enumerable: true, get: function () { return models_1.LayoutKind; } });
 Object.defineProperty(exports, "MetadataKind", { enumerable: true, get: function () { return models_1.MetadataKind; } });
+Object.defineProperty(exports, "DesignLibraryMode", { enumerable: true, get: function () { return models_1.DesignLibraryMode; } });
 var design_library_1 = require("./design-library");
 Object.defineProperty(exports, "addComponentUpdateHandler", { enumerable: true, get: function () { return design_library_1.addComponentUpdateHandler; } });
 Object.defineProperty(exports, "DesignLibraryStatus", { enumerable: true, get: function () { return design_library_1.DesignLibraryStatus; } });
 Object.defineProperty(exports, "getDesignLibraryStatusEvent", { enumerable: true, get: function () { return design_library_1.getDesignLibraryStatusEvent; } });
 Object.defineProperty(exports, "getDesignLibraryScriptLink", { enumerable: true, get: function () { return design_library_1.getDesignLibraryScriptLink; } });
+Object.defineProperty(exports, "isDesignLibraryMode", { enumerable: true, get: function () { return design_library_1.isDesignLibraryMode; } });

package/dist/cjs/editing/models.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MetadataKind = exports.LayoutKind = void 0;
+exports.DesignLibraryMode = exports.MetadataKind = exports.LayoutKind = void 0;
 /**
  * Represents the Editing Layout variant.
  * - shared - shared layout
@@ -21,3 +21,11 @@ var MetadataKind;
     MetadataKind["Open"] = "open";
     MetadataKind["Close"] = "close";
 })(MetadataKind || (exports.MetadataKind = MetadataKind = {}));
+/** Represents the mode of the Design Library */
+var DesignLibraryMode;
+(function (DesignLibraryMode) {
+    /** Normal mode */
+    DesignLibraryMode["Normal"] = "library";
+    /** Metadata mode */
+    DesignLibraryMode["Metadata"] = "library-metadata";
+})(DesignLibraryMode || (exports.DesignLibraryMode = DesignLibraryMode = {}));

package/dist/cjs/editing/rest-component-layout-service.js

@@ -1,47 +1,35 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RestComponentLayoutService = void 0;
-const __1 = require("..");
-const data_fetcher_1 = require("../data-fetcher");
+const native_fetcher_1 = require("../native-fetcher");
+const debug_1 = __importDefault(require("../debug"));
+const constants_1 = require("../constants");
+const utils_1 = require("../utils");
+const models_1 = require("./models");
 /**
- * REST service that enables Design Library functioality
- * Makes a request to /sitecore/api/layout/component in 'library' mode in Pages.
+ * REST service that enables design Library functionality
  * Returns layoutData for one single rendered component
  */
 class RestComponentLayoutService {
     constructor(config) {
         this.config = config;
-        this.getFetcher = (req, res) => {
-            return this.config.dataFetcherResolver
-                ? this.config.dataFetcherResolver(req, res)
-                : this.getDefaultFetcher(req);
-        };
-        /**
-         * Provides default @see NativeDataFetcher data fetcher
-         * @param {IncomingMessage} [req] Request instance
-         * @returns default fetcher
-         */
-        this.getDefaultFetcher = (req) => {
-            var _a;
-            const config = {
-                debugger: __1.debug.editing,
-            };
-            const nativeFetcher = new __1.NativeDataFetcher(config);
-            const headers = req && Object.assign(Object.assign({}, req.headers), (((_a = req.socket) === null || _a === void 0 ? void 0 : _a.remoteAddress) ? { 'X-Forwarded-For': req.socket.remoteAddress } : {}));
-            const fetcher = (url, data) => {
-                data = Object.assign(Object.assign({}, data), { headers: headers });
-                return nativeFetcher.fetch(url, data);
-            };
-            return fetcher;
-        };
     }
-    fetchComponentData(params, req, res) {
-        params.siteName = params.siteName || this.config.siteName;
-        const querystringParams = this.getComponentFetchParams(params);
-        __1.debug.layout('fetching component with uid %s for %s %s %s', params.componentUid, params.itemId, params.language, params.siteName);
-        const fetcher = this.getFetcher(req, res);
-        const fetchUrl = this.resolveLayoutServiceUrl('component');
-        return (0, data_fetcher_1.fetchData)(fetchUrl, fetcher, querystringParams).catch((error) => {
+    fetchComponentData(params) {
+        const config = { debugger: debug_1.default.layout };
+        const fetcher = new native_fetcher_1.NativeDataFetcher(config);
+        debug_1.default.layout('fetching component with uid %s for %s %s %s %s', params.componentUid, params.itemId, params.language, params.siteName, params.dataSourceId);
+        const fetchUrl = this.getFetchUrl(params);
+        return fetcher
+            .get(fetchUrl, {
+            headers: {
+                sc_editMode: `${params.mode === models_1.DesignLibraryMode.Metadata}`,
+            },
+        })
+            .then((response) => response.data)
+            .catch((error) => {
             var _a;
             if (((_a = error.response) === null || _a === void 0 ? void 0 : _a.status) === 404) {
                 return error.response.data;
@@ -49,19 +37,10 @@ class RestComponentLayoutService {
             throw error;
         });
     }
-    /**
-     * Resolves layout service url
-     * @param {string} apiType which layout service API to call ('render' or 'placeholder')
-     * @returns the layout service url
-     */
-    resolveLayoutServiceUrl(apiType) {
-        const { apiHost = '', configurationName = 'jss' } = this.config;
-        return `${apiHost}/sitecore/api/layout/${apiType}/${configurationName}`;
-    }
     getComponentFetchParams(params) {
         // exclude undefined params with this one simple trick
         return JSON.parse(JSON.stringify({
-            sc_apikey: this.config.apiKey,
+            sitecoreContextId: this.config.contextId,
             item: params.itemId,
             uid: params.componentUid,
             dataSourceId: params.dataSourceId,
@@ -69,8 +48,15 @@ class RestComponentLayoutService {
             version: params.version,
             sc_site: params.siteName,
             sc_lang: params.language || 'en',
-            sc_mode: params.editMode,
         }));
     }
+    /**
+     * Get the fetch URL for the partial layout data endpoint
+     * @param {ComponentLayoutRequestParams} params - The parameters for the request
+     * @returns {string} The fetch URL for the component data
+     */
+    getFetchUrl(params) {
+        return (0, utils_1.resolveUrl)(`${this.config.edgeUrl || constants_1.SITECORE_EDGE_URL_DEFAULT}/layout/component`, this.getComponentFetchParams(params));
+    }
 }
 exports.RestComponentLayoutService = RestComponentLayoutService;

package/dist/cjs/site/graphql-robots-service.js

@@ -33,6 +33,7 @@ class GraphQLRobotsService {
     }
     /**
      * Fetch a data of robots.txt from API
+     * @param {FetchOptions} fetchOptions - The fetch options to be used for the request.
      * @returns text of robots.txt
      * @throws {Error} if the siteName is empty.
      */

package/dist/cjs/tools/generate-map.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/tools/templating/components.js

@@ -1,7 +1,42 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponentList = getComponentList;
-const utils_1 = require("./utils");
+const glob = __importStar(require("glob"));
+const componentNamePattern = /^[\/]*(.+[\/\\])*(.+)\.[jt]sx?$/;
+const componentPathPattern = /^([\/]*.+[\/\\].+)\..+$/;
 /**
  * Get list of components from @var path
  * Returns a list of components in the following format:
@@ -10,17 +45,23 @@ const utils_1 = require("./utils");
  *  componentName: 'ComponentName',
  *  moduleName: 'ComponentName'
  * }
- * @param {string} path path to search
+ * @param {string[]} paths paths to search
+ * @param {string[]} [exclude] paths and glob patterns to exclude from final result
  */
-function getComponentList(path) {
-    const components = (0, utils_1.getItems)({
-        path,
-        resolveItem: (path, name) => ({
-            path: `${path}/${name}`,
-            componentName: name,
-            moduleName: name.replace(/[^\w]+/g, ''),
-        }),
-        cb: (name) => console.debug(`Registering Content SDK component ${name}`),
-    });
+function getComponentList(paths, exclude) {
+    const components = paths.reduce((result, path) => {
+        const globPath = glob.hasMagic(path, { magicalBraces: true }) || path.match(componentNamePattern)
+            ? path
+            : path.replace(/\/$/, '').concat('/*.{js,jsx,ts,tsx}');
+        return result.concat(...glob.sync(globPath, { ignore: exclude }).map((filePath) => {
+            const name = filePath.match(componentNamePattern)[2];
+            console.debug(`Registering Content SDK component ${name}`);
+            return {
+                path: filePath.match(componentPathPattern)[1].replace(/\\/g, '/'), // use forward slashes for consistency
+                componentName: name,
+                moduleName: name.replace(/[^\w]+/g, ''),
+            };
+        }));
+    }, []);
     return components;
 }

package/dist/cjs/tools/templating/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModuleType = exports.generatePlugins = exports.getComponentList = void 0;
+exports.matchPath = exports.ModuleType = exports.generatePlugins = exports.getComponentList = void 0;
 var components_1 = require("./components");
 Object.defineProperty(exports, "getComponentList", { enumerable: true, get: function () { return components_1.getComponentList; } });
 var plugins_1 = require("./plugins");
 Object.defineProperty(exports, "generatePlugins", { enumerable: true, get: function () { return plugins_1.generatePlugins; } });
 Object.defineProperty(exports, "ModuleType", { enumerable: true, get: function () { return plugins_1.ModuleType; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "matchPath", { enumerable: true, get: function () { return utils_1.matchPath; } });

package/dist/cjs/tools/templating/utils.js

@@ -3,8 +3,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.matchPath = void 0;
 exports.getItems = getItems;
 const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+/**
+ * Compares two paths to determine if they match.
+ * @param {string} itemPath base path to compare against, can be absolute or relative
+ * @param {string} compare comparer, can be relate, absolute or regex string
+ * @returns true if paths match, false otherwise
+ */
+const matchPath = (itemPath, compare) => {
+    if (compare === itemPath ||
+        path_1.default.join(process.cwd(), itemPath) === compare ||
+        itemPath === path_1.default.join(process.cwd(), compare) ||
+        new RegExp(compare).test(itemPath)) {
+        return true;
+    }
+    return false;
+};
+exports.matchPath = matchPath;
 /**
  * Using @var path find all files and generate output using @var resolveItem function for each file
  * Can be used to generate list of components, templates, etc.
@@ -12,11 +30,17 @@ const fs_1 = __importDefault(require("fs"));
  * @returns {Item[]} list of items
  */
 function getItems(settings) {
-    const { recursive = true, path, resolveItem, cb, fileFormat = new RegExp(/(.+)(?<!\.d)\.[jt]sx?$/), } = settings;
+    const { recursive = true, path, resolveItem, cb, fileFormat = new RegExp(/(.+)(?<!\.d)\.[jt]sx?$/), exclude, } = settings;
     const items = [];
     const folders = [];
     if (!fs_1.default.existsSync(path))
         return [];
+    if (exclude) {
+        for (const exclusion of exclude) {
+            if ((0, exports.matchPath)(path, exclusion))
+                return [];
+        }
+    }
     fs_1.default.readdirSync(path, { withFileTypes: true }).forEach((item) => {
         if (item.isDirectory()) {
             folders.push(item);

package/dist/esm/client/sitecore-client.js

@@ -179,7 +179,7 @@ export class SitecoreClient {
         if (!this.initOptions.api.local) {
             throw new Error('Component Library requires Sitecore apiHost and apiKey to be provided');
         }
-        const { itemId, componentUid, site, language, renderingId, dataSourceId, version, } = designLibData;
+        const { itemId, componentUid, site, language, renderingId, dataSourceId, version, mode, } = designLibData;
         const componentData = await this.componentService.fetchComponentData({
             siteName: site,
             itemId,
@@ -188,6 +188,7 @@ export class SitecoreClient {
             renderingId,
             dataSourceId,
             version,
+            mode,
         });
         const dictionaryData = await this.editingService.fetchDictionaryData({
             siteName: site,
@@ -316,12 +317,7 @@ export class SitecoreClient {
         return new GraphQLErrorPagesService(Object.assign(Object.assign({}, this.initOptions), { language: this.initOptions.defaultLanguage, clientFactory: this.clientFactory }));
     }
     getComponentService() {
-        var _a, _b;
-        return new RestComponentLayoutService({
-            apiHost: (_a = this.initOptions.api.local) === null || _a === void 0 ? void 0 : _a.apiHost,
-            apiKey: (_b = this.initOptions.api.local) === null || _b === void 0 ? void 0 : _b.apiKey,
-            siteName: this.initOptions.defaultSite,
-        });
+        return new RestComponentLayoutService(this.initOptions.api.edge);
     }
     getSitePathService() {
         return new GraphQLSitePathService({

package/dist/esm/client/utils.js

@@ -19,6 +19,13 @@ export const createGraphQLClientFactory = (options) => {
             apiKey: options.api.local.apiKey,
         };
     }
+    else if (typeof window !== 'undefined') {
+        // In browser, create a client that won't be used for real requests
+        console.warn('GraphQL client created without proper configuration - client-side requests may fail');
+        clientConfig = {
+            endpoint: '/api/graphql', // Dummy endpoint for browser initialization
+        };
+    }
     else {
         throw new Error('Please configure and use either your sitecoreEdgeContextId, or your graphQLEndpoint and sitecoreApiKey.');
     }