@sitecore-content-sdk/nextjs 0.1.0 → 0.2.0-beta.10

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

@@ -0,0 +1,255 @@
+"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;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sendCode = exports.resolveComponentImportFiles = exports.validateDeployContext = exports.validateConsent = exports.ExtractedFileType = void 0;
+const chalk_1 = __importDefault(require("chalk"));
+const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require("fs"));
+const ts = __importStar(require("typescript"));
+const core_1 = require("@sitecore-content-sdk/core");
+/**
+ * Type of file to be sent to the mesh endpoint
+ */
+var ExtractedFileType;
+(function (ExtractedFileType) {
+    ExtractedFileType["Component"] = "component";
+    ExtractedFileType["Json"] = "json";
+    ExtractedFileType["Package"] = "package.json";
+})(ExtractedFileType || (exports.ExtractedFileType = ExtractedFileType = {}));
+/**
+ * Validates consent for code extraction procedures
+ * @returns {boolean} - true if consent is given, false otherwise
+ */
+const validateConsent = () => {
+    if (!process.env.EXTRACT_CONSENT) {
+        console.log(chalk_1.default.yellow('EXTRACT_CONSENT is not set'));
+        return false;
+    }
+    return true;
+};
+exports.validateConsent = validateConsent;
+/**
+ * Validates if the current operation is done in Vercel, Netlify or XMCloud
+ * deploy context
+ * @returns {boolean} - true if in deploy context, false otherwise
+ */
+const validateDeployContext = () => {
+    if (process.env.NETLIFY && process.env.BUILD_ID) {
+        return true;
+    }
+    // workaround, Vercel does not have variables that are only accessible at build time
+    if (process.env.VERCEL && !process.env.VERCEL_REGION) {
+        return true;
+    }
+    if (process.env.SITECORE && process.env.BuildMetadata_BuildId) {
+        return true;
+    }
+    return false;
+};
+exports.validateDeployContext = validateDeployContext;
+/**
+ * Parses the componentBuilder.ts file and returns a map of component names
+ * and their respective import strings
+ * @param {string} appPath path to the JSS app root
+ * @param {string} [componentMapPath] path to the app's component map file. Default: 'src/lib/componentMap.ts'
+ * @returns map of component names and their respective import strings
+ */
+const resolveComponentImportFiles = (appPath, componentMapPath = './src/lib/componentMap.ts') => {
+    appPath = path_1.default.isAbsolute(appPath) ? appPath : path_1.default.resolve(process.cwd(), appPath);
+    const tsConfig = ts.readConfigFile(path_1.default.resolve(appPath, 'tsconfig.json'), ts.sys.readFile);
+    if (tsConfig.error) {
+        throw new Error(`Error reading tsconfig.json from JSS app root: ${tsConfig.error.messageText}`);
+    }
+    const componentMapFullPath = path_1.default.isAbsolute(componentMapPath)
+        ? componentMapPath
+        : path_1.default.resolve(appPath, componentMapPath);
+    const cliCompilerOptions = Object.assign(Object.assign({}, tsConfig.config.compilerOptions), { baseUrl: appPath });
+    const tsHost = ts.createCompilerHost(cliCompilerOptions, true);
+    const componentMapSourceFile = tsHost.getSourceFile(componentMapFullPath, ts.ScriptTarget.Latest, (msg) => {
+        throw new Error(`Failed to parse ${componentMapFullPath}: ${msg}`);
+    });
+    if (!componentMapSourceFile)
+        throw ReferenceError(`Failed to find file ${componentMapFullPath}`);
+    // this map matches all raw import strings (i.e. * as component) to import strings
+    const importStringsMap = {};
+    // this map will match component names only to full resolved source file paths
+    const componentImportsMap = new Map();
+    let mapExportName = '';
+    // all new xyz() statements in file
+    const newAssignments = [];
+    // all map.set() assignments in file
+    const mapAssignments = [];
+    // this function will traverse the  map = new Map([/values/]) statement
+    // and get the component names registered in map from it
+    const traverseNewStatement = (node) => {
+        // going through map invocation, we're looking for outer array value
+        if (ts.isArrayLiteralExpression(node)) {
+            ts.forEachChild(node, (childNode) => {
+                // and then parse each individual array pair (i.e. ['MyComp', MyComp])
+                if (!ts.isArrayLiteralExpression(childNode)) {
+                    return;
+                }
+                const componentKey = childNode.elements[1].getText();
+                const componentImport = Object.keys(importStringsMap).find((importStatement) => {
+                    const matcher = new RegExp(`\\b(${componentKey})\\b`);
+                    return importStatement.match(matcher) !== null;
+                });
+                if (componentImport) {
+                    const componentValue = importStringsMap[componentImport];
+                    componentImportsMap.set(componentKey, componentValue);
+                }
+            });
+        }
+        else if (node.getChildCount() > 0) {
+            ts.forEachChild(node, (childNode) => {
+                traverseNewStatement(childNode);
+            });
+        }
+    };
+    // step 1: get all import statements, map assignments (map.set) and map inits (map = new Map()) from componentMap file
+    ts.forEachChild(componentMapSourceFile, (childNode) => {
+        var _a;
+        // first, all import statements are parsed
+        if (ts.isImportDeclaration(childNode) && childNode.importClause) {
+            // import path is extracted
+            const moduleName = childNode.moduleSpecifier.getText().replace(/['"]/g, '');
+            // unless the import is a nodeJS one, or points to dependency package, resolve full path to the imported source file
+            if (moduleName.startsWith('node:') || moduleName.indexOf('/node_modules') > -1) {
+                return;
+            }
+            const resolvedModule = ts.nodeModuleNameResolver(moduleName, componentMapFullPath, cliCompilerOptions, tsHost);
+            const resolvedFile = (_a = resolvedModule === null || resolvedModule === void 0 ? void 0 : resolvedModule.resolvedModule) === null || _a === void 0 ? void 0 : _a.resolvedFileName;
+            // module imports will be resolved to /node_modules location - we don't support that yet
+            if (resolvedFile && resolvedFile.indexOf('node_modules') === -1) {
+                importStringsMap[childNode.importClause.getText()] = path_1.default.resolve(resolvedFile);
+            }
+            else {
+                console.warn('Could not resolve a file for import %s', moduleName);
+            }
+        }
+        else if (ts.isExpressionStatement(childNode)) {
+            // parse map assignments (map.set(..)) to get registered components
+            ts.forEachChild(childNode, (expressionNode) => {
+                if (ts.isCallExpression(expressionNode) &&
+                    expressionNode.expression.getText().indexOf('set') !== -1) {
+                    // get map.set assignments
+                    mapAssignments.push(expressionNode);
+                }
+            });
+        }
+        else if (ts.isExportAssignment(childNode)) {
+            // get component map export variable
+            mapExportName = childNode.expression.getText();
+        }
+        else if (childNode.kind === ts.SyntaxKind.FirstStatement) {
+            // get potential map = new Map() assignments to extract initial component values from
+            newAssignments.push(childNode);
+        }
+    });
+    // step 2: parse map assignments (from map.set and the new Map()) and retrieve import paths
+    // only for components registered into component map
+    for (const mapAssignment of newAssignments) {
+        // parse new Map() statement first
+        // only consider variable name for map that is exported
+        if (
+        // get the (maybe) exported new Map() statement
+        // matches i.e. export const map.. / export default const map.. / let map = .. / etc
+        mapAssignment
+            .getText()
+            .match(`^((export )|(export default ))?\\b(var|let|const)\\b\\s{1}\\b(${mapExportName})\\b`)) {
+            traverseNewStatement(mapAssignment);
+            break;
+        }
+    }
+    for (const mapAssignment of mapAssignments) {
+        // only consider the map variable that is exported
+        if (mapAssignment.getText().startsWith(mapExportName)) {
+            const componentKey = mapAssignment.arguments[1].getText();
+            const componentImport = Object.keys(importStringsMap).find((importStatement) => {
+                const matcher = new RegExp(`\\b(${componentKey})\\b`);
+                return importStatement.match(matcher) !== null;
+            });
+            if (componentImport) {
+                const componentValue = importStringsMap[componentImport];
+                componentImportsMap.set(componentKey, componentValue);
+            }
+        }
+    }
+    return componentImportsMap;
+};
+exports.resolveComponentImportFiles = resolveComponentImportFiles;
+const sendCode = (_a) => __awaiter(void 0, [_a], void 0, function* ({ file, token, edgeUrl, }) {
+    const meshEndpoint = `${edgeUrl || core_1.constants.SITECORE_EDGE_URL_DEFAULT}/api/v1/mesh`;
+    if (!fs_1.default.existsSync(file.path)) {
+        console.error(chalk_1.default.red(`Component file not found: ${file.path}`));
+        return;
+    }
+    const code = fs_1.default.readFileSync(file.path);
+    const response = yield fetch(meshEndpoint, {
+        method: 'POST',
+        headers: {
+            Authorization: `Bearer ${token}`,
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+            name: file.name,
+            content: code.toString(),
+            labels: {
+                properties: {
+                    type: file.type,
+                },
+            },
+        }),
+    });
+    if (!response.ok) {
+        console.error(chalk_1.default.red(`Failed to send extracted code from ${file.path}: ${response.statusText}`));
+    }
+    else {
+        console.log(chalk_1.default.green(`Code from ${file.path} extracted and sent to mesh endpoint`));
+    }
+});
+exports.sendCode = sendCode;

package/dist/cjs/tools/index.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModuleType = exports.generatePlugins = exports.getComponentList = exports.generateMetadata = exports.generateSites = void 0;
+exports.extractComponents = exports.ModuleType = exports.generatePlugins = exports.getComponentList = exports.generateMetadata = exports.generateSites = void 0;
 var tools_1 = require("@sitecore-content-sdk/core/tools");
 Object.defineProperty(exports, "generateSites", { enumerable: true, get: function () { return tools_1.generateSites; } });
 Object.defineProperty(exports, "generateMetadata", { enumerable: true, get: function () { return tools_1.generateMetadata; } });
 Object.defineProperty(exports, "getComponentList", { enumerable: true, get: function () { return tools_1.getComponentList; } });
 Object.defineProperty(exports, "generatePlugins", { enumerable: true, get: function () { return tools_1.generatePlugins; } });
 Object.defineProperty(exports, "ModuleType", { enumerable: true, get: function () { return tools_1.ModuleType; } });
+var extract_components_1 = require("./codegen/extract-components");
+Object.defineProperty(exports, "extractComponents", { enumerable: true, get: function () { return extract_components_1.extractComponents; } });

package/dist/esm/components/Link.js

@@ -10,9 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import NextLink from 'next/link';
-import { Link as ReactLink, LinkPropTypes, } from '@sitecore-content-sdk/react';
+import { Link as ReactLink, } from '@sitecore-content-sdk/react';
 /**
  * Matches relative URLs that end with a file extension.
  */
@@ -51,4 +50,3 @@ export const Link = forwardRef((props, ref) => {
     return (React.createElement(ReactLink, Object.assign({}, reactLinkProps, { ref: ref }, (process.env.TEST ? { 'data-react-link': true } : {}))));
 });
 Link.displayName = 'NextLink';
-Link.propTypes = Object.assign({ internalLinkMatcher: PropTypes.instanceOf(RegExp) }, LinkPropTypes);

package/dist/esm/components/NextImage.js

@@ -10,15 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { mediaApi } from '@sitecore-content-sdk/core/media';
-import PropTypes from 'prop-types';
 import React from 'react';
-import { withFieldMetadata, SitecoreContextReactContext, } from '@sitecore-content-sdk/react';
+import { withFieldMetadata, SitecoreContextReactContext, DefaultEmptyFieldEditingComponentImage, withEmptyFieldEditingComponent, } from '@sitecore-content-sdk/react';
 import Image from 'next/image';
-import { withEmptyFieldEditingComponent } from '@sitecore-content-sdk/react';
-import { DefaultEmptyFieldEditingComponentImage } from '@sitecore-content-sdk/react';
-import { isFieldValueEmpty, LayoutServicePageState } from '@sitecore-content-sdk/core/layout';
+import { isFieldValueEmpty, LayoutServicePageState, RenderingType, } from '@sitecore-content-sdk/core/layout';
 export const NextImage = withFieldMetadata(withEmptyFieldEditingComponent((_a) => {
-    var _b;
+    var _b, _c;
     var { editable = true, imageParams, field, mediaUrlPrefix, fill, priority } = _a, otherProps = __rest(_a, ["editable", "imageParams", "field", "mediaUrlPrefix", "fill", "priority"]);
     const sitecoreContext = React.useContext(SitecoreContextReactContext);
     // next handles src and we use a custom loader,
@@ -37,9 +34,10 @@ export const NextImage = withFieldMetadata(withEmptyFieldEditingComponent((_a) =
     if (!img) {
         return null;
     }
-    // disable image optimization for Edit and Preview, but preserve original value if true
+    // disable image optimization for Edit / Preview / Component rendering, but preserve original value if true
     const unoptimized = otherProps.unoptimized ||
-        ((_b = sitecoreContext.context) === null || _b === void 0 ? void 0 : _b.pageState) !== LayoutServicePageState.Normal;
+        ((_b = sitecoreContext.context) === null || _b === void 0 ? void 0 : _b.renderingType) === RenderingType.Component ||
+        ((_c = sitecoreContext.context) === null || _c === void 0 ? void 0 : _c.pageState) !== LayoutServicePageState.Normal;
     const attrs = Object.assign(Object.assign(Object.assign({}, img), otherProps), { fill,
         priority, src: mediaApi.updateImageUrl(img.src, imageParams, mediaUrlPrefix), unoptimized });
     const imageProps = Object.assign(Object.assign({}, attrs), { 
@@ -56,21 +54,4 @@ export const NextImage = withFieldMetadata(withEmptyFieldEditingComponent((_a) =
     }
     return null; // we can't handle the truth
 }, { defaultEmptyFieldEditingComponent: DefaultEmptyFieldEditingComponentImage }));
-NextImage.propTypes = {
-    field: PropTypes.oneOfType([
-        PropTypes.shape({
-            src: PropTypes.string.isRequired,
-        }),
-        PropTypes.shape({
-            value: PropTypes.object,
-        }),
-    ]),
-    editable: PropTypes.bool,
-    mediaUrlPrefix: PropTypes.instanceOf(RegExp),
-    imageParams: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.string.isRequired]).isRequired),
-    emptyFieldEditingComponent: PropTypes.oneOfType([
-        PropTypes.object,
-        PropTypes.func,
-    ]),
-};
 NextImage.displayName = 'NextImage';

package/dist/esm/components/RichText.js

@@ -10,9 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useEffect, useRef } from 'react';
-import PropTypes from 'prop-types';
 import { useRouter } from 'next/router';
-import { RichText as ReactRichText, RichTextPropTypes, } from '@sitecore-content-sdk/react';
+import { RichText as ReactRichText, } from '@sitecore-content-sdk/react';
 export const prefetched = {};
 export const RichText = (props) => {
     const { internalLinksSelector = 'a[href^="/"]', prefetchLinks = true, editable = true } = props, rest = __rest(props, ["internalLinksSelector", "prefetchLinks", "editable"]);
@@ -63,5 +62,4 @@ export const RichText = (props) => {
     };
     return React.createElement(ReactRichText, Object.assign({ ref: richTextRef, editable: editable }, rest));
 };
-RichText.propTypes = Object.assign({ internalLinksSelector: PropTypes.string }, RichTextPropTypes);
 RichText.displayName = 'NextRichText';

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

@@ -0,0 +1,20 @@
+import { defineConfig as defineConfigCore, } from '@sitecore-content-sdk/core/config';
+/**
+ * Provides default NextJs initial values from env variables for SitecoreConfig
+ * @param {SitecoreConfigInput} config optional override values to be written over default config settings
+ * @returns default nextjs input config
+ */
+export const getNextFallbackConfig = (config) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    return Object.assign(Object.assign({}, config), { api: Object.assign(Object.assign({}, config === null || config === void 0 ? void 0 : config.api), { edge: Object.assign(Object.assign({}, (_a = config === null || config === void 0 ? void 0 : config.api) === null || _a === void 0 ? void 0 : _a.edge), { contextId: ((_c = (_b = config === null || config === void 0 ? void 0 : config.api) === null || _b === void 0 ? void 0 : _b.edge) === null || _c === void 0 ? void 0 : _c.contextId) || process.env.NEXT_PUBLIC_SITECORE_EDGE_CONTEXT_ID || '', clientContextId: ((_e = (_d = config === null || config === void 0 ? void 0 : config.api) === null || _d === void 0 ? void 0 : _d.edge) === null || _e === void 0 ? void 0 : _e.clientContextId) || process.env.NEXT_PUBLIC_SITECORE_EDGE_CONTEXT_ID, edgeUrl: ((_g = (_f = config === null || config === void 0 ? void 0 : config.api) === null || _f === void 0 ? void 0 : _f.edge) === null || _g === void 0 ? void 0 : _g.edgeUrl) || process.env.NEXT_PUBLIC_SITECORE_EDGE_URL }), local: Object.assign(Object.assign({}, (_h = config === null || config === void 0 ? void 0 : config.api) === null || _h === void 0 ? void 0 : _h.local), { apiKey: ((_k = (_j = config === null || config === void 0 ? void 0 : config.api) === null || _j === void 0 ? void 0 : _j.local) === null || _k === void 0 ? void 0 : _k.apiKey) || process.env.NEXT_PUBLIC_SITECORE_API_KEY || '', apiHost: ((_m = (_l = config === null || config === void 0 ? void 0 : config.api) === null || _l === void 0 ? void 0 : _l.local) === null || _m === void 0 ? void 0 : _m.apiHost) || process.env.NEXT_PUBLIC_SITECORE_API_HOST || '' }) }), defaultSite: (config === null || config === void 0 ? void 0 : config.defaultSite) || process.env.NEXT_PUBLIC_SITECORE_SITE_NAME || '', defaultLanguage: (config === null || config === void 0 ? void 0 : config.defaultLanguage) || process.env.NEXT_PUBLIC_DEFAULT_LANGUAGE || 'en', multisite: Object.assign(Object.assign({}, config === null || config === void 0 ? void 0 : config.multisite), { useCookieResolution: (_p = (_o = config === null || config === void 0 ? void 0 : config.multisite) === null || _o === void 0 ? void 0 : _o.useCookieResolution) !== null && _p !== void 0 ? _p : (() => process.env.VERCEL_ENV === 'preview') }), personalize: Object.assign(Object.assign({}, config === null || config === void 0 ? void 0 : config.personalize), { scope: ((_q = config === null || config === void 0 ? void 0 : config.personalize) === null || _q === void 0 ? void 0 : _q.scope) || process.env.NEXT_PUBLIC_PERSONALIZE_SCOPE }), disableStaticPaths: process.env.DISABLE_SSG_FETCH !== undefined
+            ? process.env.DISABLE_SSG_FETCH.toLowerCase() === 'true'
+            : (_r = config === null || config === void 0 ? void 0 : config.disableStaticPaths) !== null && _r !== void 0 ? _r : false });
+};
+/**
+ * Accepts a SitecoreConfigInput object and returns full sitecore configuration
+ * @param {SitecoreConfigInput} config override values to be written over default config settings
+ * @returns {SitecoreConfig} full sitecore configuration to use in application
+ */
+export const defineConfig = (config) => {
+    return defineConfigCore(getNextFallbackConfig(config));
+};

package/dist/esm/config/index.js

@@ -1,2 +1,2 @@
-export { defineConfig, } from '@sitecore-content-sdk/core/config';
 export { defineCliConfig } from './define-cli-config';
+export { defineConfig } from './define-config';

package/dist/esm/editing/editing-render-middleware.js

@@ -101,7 +101,7 @@ export class EditingRenderMiddleware extends RenderMiddlewareBase {
                     language: query.sc_lang,
                     site: query.sc_site,
                     mode: 'library',
-                    dataSourceId: query.sc_datasourceId,
+                    dataSourceId: query.dataSourceId,
                     version: query.sc_version,
                 }, {
                     maxAge: 3,

package/dist/esm/index.js

@@ -5,10 +5,10 @@ export { LayoutServicePageState, GraphQLLayoutService, getChildPlaceholder, getF
 export { RestComponentLayoutService } from '@sitecore-content-sdk/core/editing';
 export { mediaApi } from '@sitecore-content-sdk/core/media';
 export { GraphQLDictionaryService, } from '@sitecore-content-sdk/core/i18n';
-export { personalizeLayout, getPersonalizedRewrite, getPersonalizedRewriteData, getGroomedVariantIds, normalizePersonalizedRewrite, CdpHelper, } from '@sitecore-content-sdk/core/personalize';
-export { ComponentPropsService } from './services/component-props-service';
-export { GraphQLSitePathService, } from '@sitecore-content-sdk/core/site';
+export { personalizeLayout, getPersonalizedRewrite, getPersonalizedRewriteData, getGroomedVariantIds, normalizePersonalizedRewrite, CdpHelper, GraphQLPersonalizeService, } from '@sitecore-content-sdk/core/personalize';
+export { GraphQLSitePathService, GraphQLRedirectsService, REDIRECT_TYPE_301, REDIRECT_TYPE_302, REDIRECT_TYPE_SERVER_TRANSFER, } from '@sitecore-content-sdk/core/site';
 export { GraphQLSitemapXmlService, GraphQLErrorPagesService, GraphQLRobotsService, SiteResolver, GraphQLSiteInfoService, getSiteRewrite, getSiteRewriteData, normalizeSiteRewrite, } from '@sitecore-content-sdk/core/site';
+export { ComponentPropsService } from './services/component-props-service';
 export { ComponentPropsReactContext, ComponentPropsContext, useComponentProps, } from './components/ComponentPropsContext';
 export { Link } from './components/Link';
 export { RichText } from './components/RichText';

package/dist/esm/middleware/index.js

@@ -4,3 +4,6 @@ export { RedirectsMiddleware } from './redirects-middleware';
 export { PersonalizeMiddleware } from './personalize-middleware';
 export { MultisiteMiddleware } from './multisite-middleware';
 export { SitemapMiddleware } from './sitemap-middleware';
+export { RobotsMiddleware } from './robots-middleware';
+export { GraphQLPersonalizeService, } from '@sitecore-content-sdk/core/personalize';
+export { GraphQLRedirectsService, REDIRECT_TYPE_301, REDIRECT_TYPE_302, REDIRECT_TYPE_SERVER_TRANSFER, } from '@sitecore-content-sdk/core/site';

package/dist/esm/middleware/middleware.js

@@ -10,6 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { SITE_KEY, SiteResolver } from '@sitecore-content-sdk/core/site';
 import { debug } from '@sitecore-content-sdk/core';
 import { NextResponse } from 'next/server';
+import { createGraphQLClientFactory, } from '@sitecore-content-sdk/core/client';
 export const REWRITE_HEADER_NAME = 'x-sc-rewrite';
 /**
  * Middleware class to be extended by all middleware implementations
@@ -104,6 +105,9 @@ export class MiddlewareBase extends Middleware {
         }
         return this.siteResolver.getByHost(hostname);
     }
+    getClientFactory(graphQLOptions) {
+        return createGraphQLClientFactory(graphQLOptions);
+    }
     /**
      * Create a rewrite response
      * @param {string} rewritePath the destionation path

package/dist/esm/middleware/personalize-middleware.js

@@ -20,6 +20,7 @@ export class PersonalizeMiddleware extends MiddlewareBase {
      * @param {PersonalizeMiddlewareConfig} [config] Personalize middleware config
      */
     constructor(config) {
+        var _a;
         super(config);
         this.config = config;
         this.handle = (req, res) => __awaiter(this, void 0, void 0, function* () {
@@ -120,14 +121,39 @@ export class PersonalizeMiddleware extends MiddlewareBase {
                 return res;
             }
         });
+        const graphQLOptions = {
+            api: {
+                edge: {
+                    contextId: this.config.contextId,
+                    clientContextId: this.config.clientContextId,
+                    edgeUrl: this.config.edgeUrl,
+                },
+            },
+        };
         // NOTE: we provide native fetch for compatibility on Next.js Edge Runtime
         // (underlying default 'cross-fetch' is not currently compatible: https://github.com/lquixada/cross-fetch/issues/78)
-        this.personalizeService = new GraphQLPersonalizeService({
-            clientFactory: this.config.clientFactory,
-            timeout: this.config.edgeTimeout,
-            scope: this.config.scope,
-            fetch: fetch,
-        });
+        this.personalizeService =
+            (_a = this.config.personalizeService) !== null && _a !== void 0 ? _a : new GraphQLPersonalizeService({
+                clientFactory: this.getClientFactory(graphQLOptions),
+                timeout: this.config.edgeTimeout,
+                scope: this.config.scope,
+                fetch: fetch,
+            });
+    }
+    getExperienceParams(req) {
+        const extraParams = this.config.getExtraUtmParams ? this.config.getExtraUtmParams(req) : {};
+        const utm = Object.assign({ campaign: req.nextUrl.searchParams.get('utm_campaign') || undefined, content: req.nextUrl.searchParams.get('utm_content') || undefined, medium: req.nextUrl.searchParams.get('utm_medium') || undefined, source: req.nextUrl.searchParams.get('utm_source') || undefined }, extraParams);
+        return {
+            // It's expected that the header name "referer" is actually a misspelling of the word "referrer"
+            // req.referrer is used during fetching to determine the value of the Referer header of the request being made,
+            // used as a fallback
+            referrer: req.headers.get('referer') || req.referrer,
+            utm,
+        };
+    }
+    disabled(req, res) {
+        // ignore files
+        return req.nextUrl.pathname.includes('.') || super.disabled(req, res);
     }
     initPersonalizeServer(_a) {
         return __awaiter(this, arguments, void 0, function* ({ hostname, siteName, request, response, }) {
@@ -156,25 +182,6 @@ export class PersonalizeMiddleware extends MiddlewareBase {
             }, { timeout }));
         });
     }
-    getExperienceParams(req) {
-        const utm = {
-            campaign: req.nextUrl.searchParams.get('utm_campaign') || undefined,
-            content: req.nextUrl.searchParams.get('utm_content') || undefined,
-            medium: req.nextUrl.searchParams.get('utm_medium') || undefined,
-            source: req.nextUrl.searchParams.get('utm_source') || undefined,
-        };
-        return {
-            // It's expected that the header name "referer" is actually a misspelling of the word "referrer"
-            // req.referrer is used during fetching to determine the value of the Referer header of the request being made,
-            // used as a fallback
-            referrer: req.headers.get('referer') || req.referrer,
-            utm: utm,
-        };
-    }
-    disabled(req, res) {
-        // ignore files
-        return req.nextUrl.pathname.includes('.') || super.disabled(req, res);
-    }
     /**
      * Aggregates personalize executions based on the provided route personalize information and language
      * @param {PersonalizeInfo} personalizeInfo the route personalize information

package/dist/esm/middleware/redirects-middleware.js

@@ -24,6 +24,7 @@ export class RedirectsMiddleware extends MiddlewareBase {
      * @param {RedirectsMiddlewareConfig} [config] redirects middleware config
      */
     constructor(config) {
+        var _a;
         super(config);
         this.config = config;
         this.handle = (req, res) => __awaiter(this, void 0, void 0, function* () {
@@ -134,9 +135,19 @@ export class RedirectsMiddleware extends MiddlewareBase {
                 return res;
             }
         });
+        const graphQLOptions = {
+            api: {
+                edge: {
+                    contextId: this.config.contextId,
+                    clientContextId: this.config.clientContextId,
+                    edgeUrl: this.config.edgeUrl,
+                },
+            },
+        };
         // NOTE: we provide native fetch for compatibility on Next.js Edge Runtime
         // (underlying default 'cross-fetch' is not currently compatible: https://github.com/lquixada/cross-fetch/issues/78)
-        this.redirectsService = new GraphQLRedirectsService(Object.assign(Object.assign({}, config), { fetch: fetch }));
+        this.redirectsService =
+            (_a = this.config.redirectsService) !== null && _a !== void 0 ? _a : new GraphQLRedirectsService(Object.assign(Object.assign({}, config), { clientFactory: this.getClientFactory(graphQLOptions), fetch: fetch }));
         this.locales = config.locales;
     }
     /**
@@ -236,9 +247,9 @@ export class RedirectsMiddleware extends MiddlewareBase {
             return false;
         })
             .join('&');
-        const newUrl = new URL(`${url.pathname}?${newQueryString}`, url.origin);
+        const newUrl = new URL(`${url.pathname.toLowerCase()}?${newQueryString}`, url.origin);
         url.search = newUrl.search;
-        url.pathname = newUrl.pathname;
+        url.pathname = newUrl.pathname.toLocaleLowerCase();
         url.href = newUrl.href;
         return url;
     }

package/dist/esm/middleware/robots-middleware.js

@@ -0,0 +1,38 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/**
+ * Middleware for handling robots.txt requests in a Next.js application.
+ */
+export class RobotsMiddleware {
+    constructor(client) {
+        this.client = client;
+    }
+    getHandler() {
+        return this.handler.bind(this);
+    }
+    handler(req, res) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            res.setHeader('Content-Type', 'text/plain');
+            const hostName = ((_a = req.headers.host) === null || _a === void 0 ? void 0 : _a.split(':')[0]) || 'localhost';
+            const site = this.client.resolveSite(hostName);
+            try {
+                const robotsContent = yield this.client.getRobots(site.name);
+                if (!robotsContent) {
+                    return res.status(404).send('User-agent: *\nDisallow: /');
+                }
+                res.status(200).send(robotsContent);
+            }
+            catch (_b) {
+                res.status(500).send('Internal Server Error');
+            }
+        });
+    }
+}