@sitecore-content-sdk/nextjs 1.3.0-canary.9 → 1.4.0-canary.2

package/dist/esm/route-handler/sitemap-route-handler.js

@@ -1,62 +1,63 @@
-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());
-    });
-};
-import { SiteResolver } from "@sitecore-content-sdk/core/site";
-import { debug } from "@sitecore-content-sdk/core";
-import { unstable_cache } from "next/cache";
-/**
- * Creates a route handler to serve the sitemap.xml file.
- * @param {RouteHandlerOptions} options - The options for the route handler.
- * @returns The route handler.
- */
-export function createSitemapRouteHandler(options) {
-    const { client, sites, revalidate = 60 } = options;
-    const siteResolver = new SiteResolver(sites);
-    const getOptions = (req) => {
-        var _a;
-        const id = ((_a = req.nextUrl.pathname.match(/^\/sitemap-(\d+)\.xml$/i)) === null || _a === void 0 ? void 0 : _a[1]) || '';
-        const reqHost = req.headers.get('host') || '';
-        const reqProtocol = req.headers.get('x-forwarded-proto') || 'https';
-        const site = siteResolver.getByHost(reqHost);
-        return { reqHost, reqProtocol, id, siteName: site.name };
-    };
-    const getSitemap = unstable_cache((options) => __awaiter(this, void 0, void 0, function* () {
-        return client.getSiteMap(options);
-    }), ['sitemap'], {
-        revalidate,
-        tags: ['sitemap'],
-    });
-    const GET = (req) => __awaiter(this, void 0, void 0, function* () {
-        try {
-            const startTimestamp = Date.now();
-            const options = getOptions(req);
-            debug.sitemap('sitemap route handler start: %o', {
-                options,
-            });
-            const xml = yield getSitemap(options);
-            debug.sitemap('sitemap route handler end in %dms', Date.now() - startTimestamp);
-            return new Response(xml, {
-                headers: {
-                    'Content-Type': 'text/xml;charset=utf-8',
-                },
-            });
-        }
-        catch (error) {
-            console.log('Sitemap route handler failed:');
-            console.log(error);
-            if (error instanceof Error && error.message === 'REDIRECT_404') {
-                return new Response('Not Found', { status: 404 });
-            }
-            else {
-                return new Response('Internal Server Error', { status: 500 });
-            }
-        }
-    });
-    return { GET };
-}
+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());
+    });
+};
+import { SiteResolver } from "@sitecore-content-sdk/core/site";
+import { debug } from "@sitecore-content-sdk/core";
+import { unstable_cache } from "next/cache";
+/**
+ * Creates a route handler to serve the sitemap.xml file.
+ * @param {RouteHandlerOptions} options - The options for the route handler.
+ * @returns The route handler.
+ * @public
+ */
+export function createSitemapRouteHandler(options) {
+    const { client, sites, revalidate = 60 } = options;
+    const siteResolver = new SiteResolver(sites);
+    const getOptions = (req) => {
+        var _a;
+        const id = ((_a = req.nextUrl.pathname.match(/^\/sitemap-(\d+)\.xml$/i)) === null || _a === void 0 ? void 0 : _a[1]) || '';
+        const reqHost = req.headers.get('host') || '';
+        const reqProtocol = req.headers.get('x-forwarded-proto') || 'https';
+        const site = siteResolver.getByHost(reqHost);
+        return { reqHost, reqProtocol, id, siteName: site.name };
+    };
+    const getSitemap = unstable_cache((options) => __awaiter(this, void 0, void 0, function* () {
+        return client.getSiteMap(options);
+    }), ['sitemap'], {
+        revalidate,
+        tags: ['sitemap'],
+    });
+    const GET = (req) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const startTimestamp = Date.now();
+            const options = getOptions(req);
+            debug.sitemap('sitemap route handler start: %o', {
+                options,
+            });
+            const xml = yield getSitemap(options);
+            debug.sitemap('sitemap route handler end in %dms', Date.now() - startTimestamp);
+            return new Response(xml, {
+                headers: {
+                    'Content-Type': 'text/xml;charset=utf-8',
+                },
+            });
+        }
+        catch (error) {
+            console.log('Sitemap route handler failed:');
+            console.log(error);
+            if (error instanceof Error && error.message === 'REDIRECT_404') {
+                return new Response('Not Found', { status: 404 });
+            }
+            else {
+                return new Response('Internal Server Error', { status: 500 });
+            }
+        }
+    });
+    return { GET };
+}

package/dist/esm/search/index.js

@@ -0,0 +1 @@
+export * from '@sitecore-content-sdk/react/search';

package/dist/esm/services/component-props-service.js

@@ -1,131 +1,135 @@
-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());
-    });
-};
-import chalk from 'chalk';
-export class ComponentPropsService {
-    fetchComponentProps(params) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            const { layoutData, context, components } = params;
-            const requests = yield this.collectRequests({
-                placeholders: (_a = layoutData.sitecore.route) === null || _a === void 0 ? void 0 : _a.placeholders,
-                components,
-                layoutData,
-                context,
-            });
-            return yield this.execRequests(requests);
-        });
-    }
-    /**
-     * Go through layout service data, check all renderings using displayName, which should make some side effects.
-     * Write result in requests variable
-     * @param {object} params params
-     * @param {PlaceholdersData} [params.placeholders]
-     * @param {ComponentMap} params.components
-     * @param {LayoutServiceData} params.layoutData
-     * @param {NextContext} params.context
-     * @param {ComponentPropsRequest[]} params.requests
-     * @returns {ComponentPropsRequest[]} array of requests
-     */
-    collectRequests(params) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { placeholders = {}, components, layoutData, context } = params;
-            // Will be called on first round
-            if (!params.requests) {
-                params.requests = [];
-            }
-            const renderings = this.flatRenderings(placeholders);
-            const actions = renderings.map((r) => __awaiter(this, void 0, void 0, function* () {
-                var _a;
-                const fetchFunc = (_a = (yield this.getModule(components, r.componentName))) === null || _a === void 0 ? void 0 : _a.getComponentServerProps;
-                if (fetchFunc) {
-                    params.requests &&
-                        params.requests.push({
-                            fetch: fetchFunc,
-                            rendering: r,
-                            layoutData: layoutData,
-                            context,
-                        });
-                }
-                // If placeholders exist in current rendering
-                if (r.placeholders) {
-                    yield this.collectRequests(Object.assign(Object.assign({}, params), { placeholders: r.placeholders }));
-                }
-            }));
-            yield Promise.all(actions);
-            return params.requests;
-        });
-    }
-    /**
-     * Execute request for component props
-     * @param {ComponentPropsRequest[]} requests requests
-     * @returns {Promise<ComponentPropsCollection>} requests result
-     */
-    execRequests(requests) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const componentProps = {};
-            const promises = requests.map((req) => {
-                const { uid } = req.rendering;
-                if (!uid) {
-                    console.log(`Component ${req.rendering.componentName} doesn't have uid, can't store data for this component`);
-                    return;
-                }
-                return req
-                    .fetch(req.rendering, req.layoutData, req.context)
-                    .then((result) => {
-                    // Set component specific data in componentProps store
-                    componentProps[uid] = result;
-                })
-                    .catch((error) => {
-                    const errLog = `Error during preload data for component ${req.rendering.componentName} (${uid}): ${error.message || error}`;
-                    console.error(chalk.red(errLog));
-                    componentProps[uid] = {
-                        error: error.message || errLog,
-                        componentName: req.rendering.componentName,
-                    };
-                });
-            });
-            yield Promise.all(promises);
-            return componentProps;
-        });
-    }
-    /**
-     * Take renderings from all placeholders and returns a flat array of renderings.
-     * @example
-     * const placeholders = {
-     *    x1: [{ uid: 1 }, { uid: 2 }],
-     *    x2: [{ uid: 11 }, { uid: 22 }]
-     * }
-     *
-     * flatRenderings(placeholders);
-     *
-     * RESULT: [{ uid: 1 }, { uid: 2 }, { uid: 11 }, { uid: 22 }]
-     * @param {PlaceholdersData} placeholders placeholders
-     * @returns {ComponentRendering[]} renderings
-     */
-    flatRenderings(placeholders) {
-        const allComponentRenderings = [];
-        const placeholdersArr = Object.values(placeholders);
-        placeholdersArr.forEach((pl) => {
-            const renderings = pl;
-            allComponentRenderings.push(...renderings);
-        });
-        return allComponentRenderings;
-    }
-    getModule(components, componentName) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            const component = components.get(componentName);
-            if (!component)
-                return null;
-            const module = component.dynamicModule ? yield ((_a = component === null || component === void 0 ? void 0 : component.dynamicModule) === null || _a === void 0 ? void 0 : _a.call(component)) : component;
-            return module;
-        });
-    }
-}
+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());
+    });
+};
+import chalk from 'chalk';
+/**
+ * The service for fetching component props.
+ * @public
+ */
+export class ComponentPropsService {
+    fetchComponentProps(params) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const { layoutData, context, components } = params;
+            const requests = yield this.collectRequests({
+                placeholders: (_a = layoutData.sitecore.route) === null || _a === void 0 ? void 0 : _a.placeholders,
+                components,
+                layoutData,
+                context,
+            });
+            return yield this.execRequests(requests);
+        });
+    }
+    /**
+     * Go through layout service data, check all renderings using displayName, which should make some side effects.
+     * Write result in requests variable
+     * @param {object} params params
+     * @param {PlaceholdersData} [params.placeholders]
+     * @param {ComponentMap} params.components
+     * @param {LayoutServiceData} params.layoutData
+     * @param {NextContext} params.context
+     * @param {ComponentPropsRequest[]} params.requests
+     * @returns {ComponentPropsRequest[]} array of requests
+     */
+    collectRequests(params) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { placeholders = {}, components, layoutData, context } = params;
+            // Will be called on first round
+            if (!params.requests) {
+                params.requests = [];
+            }
+            const renderings = this.flatRenderings(placeholders);
+            const actions = renderings.map((r) => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const fetchFunc = (_a = (yield this.getModule(components, r.componentName))) === null || _a === void 0 ? void 0 : _a.getComponentServerProps;
+                if (fetchFunc) {
+                    params.requests &&
+                        params.requests.push({
+                            fetch: fetchFunc,
+                            rendering: r,
+                            layoutData: layoutData,
+                            context,
+                        });
+                }
+                // If placeholders exist in current rendering
+                if (r.placeholders) {
+                    yield this.collectRequests(Object.assign(Object.assign({}, params), { placeholders: r.placeholders }));
+                }
+            }));
+            yield Promise.all(actions);
+            return params.requests;
+        });
+    }
+    /**
+     * Execute request for component props
+     * @param {ComponentPropsRequest[]} requests requests
+     * @returns {Promise<ComponentPropsCollection>} requests result
+     */
+    execRequests(requests) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const componentProps = {};
+            const promises = requests.map((req) => {
+                const { uid } = req.rendering;
+                if (!uid) {
+                    console.log(`Component ${req.rendering.componentName} doesn't have uid, can't store data for this component`);
+                    return;
+                }
+                return req
+                    .fetch(req.rendering, req.layoutData, req.context)
+                    .then((result) => {
+                    // Set component specific data in componentProps store
+                    componentProps[uid] = result;
+                })
+                    .catch((error) => {
+                    const errLog = `Error during preload data for component ${req.rendering.componentName} (${uid}): ${error.message || error}`;
+                    console.error(chalk.red(errLog));
+                    componentProps[uid] = {
+                        error: error.message || errLog,
+                        componentName: req.rendering.componentName,
+                    };
+                });
+            });
+            yield Promise.all(promises);
+            return componentProps;
+        });
+    }
+    /**
+     * Take renderings from all placeholders and returns a flat array of renderings.
+     * @example
+     * const placeholders = {
+     *    x1: [{ uid: 1 }, { uid: 2 }],
+     *    x2: [{ uid: 11 }, { uid: 22 }]
+     * }
+     *
+     * flatRenderings(placeholders);
+     *
+     * RESULT: [{ uid: 1 }, { uid: 2 }, { uid: 11 }, { uid: 22 }]
+     * @param {PlaceholdersData} placeholders placeholders
+     * @returns {ComponentRendering[]} renderings
+     */
+    flatRenderings(placeholders) {
+        const allComponentRenderings = [];
+        const placeholdersArr = Object.values(placeholders);
+        placeholdersArr.forEach((pl) => {
+            const renderings = pl;
+            allComponentRenderings.push(...renderings);
+        });
+        return allComponentRenderings;
+    }
+    getModule(components, componentName) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const component = components.get(componentName);
+            if (!component)
+                return null;
+            const module = component.dynamicModule ? yield ((_a = component === null || component === void 0 ? void 0 : component.dynamicModule) === null || _a === void 0 ? void 0 : _a.call(component)) : component;
+            return module;
+        });
+    }
+}

package/dist/esm/sharedTypes/component-props.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/esm/sharedTypes/sitecore-page-props.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/esm/site/index.js

@@ -1 +1 @@
-export { SiteResolver } from '@sitecore-content-sdk/core/site';
+export { SiteResolver } from '@sitecore-content-sdk/core/site';

package/dist/esm/tools/codegen/import-map.js

@@ -0,0 +1,11 @@
+import { writeImportMap as writeImportMapCore, } from '@sitecore-content-sdk/core/tools';
+import { detectRouterType, nextjsClientMapTemplate, nextjsDefaultMapTemplate, } from '../templating/utils';
+/**
+ * Entry point function for generating import-map. Parses provided paths and outputs the modules and imports from those files into .sitecore/import-map.ts
+ * @param {WriteImportMapArgs} args include/exclude paths settings to be processed for import-map, and the Sitecore configuration.
+ * @public
+ */
+export const writeImportMap = (args) => {
+    const separateServerClientMaps = detectRouterType() === 'app';
+    return writeImportMapCore(Object.assign(Object.assign({}, args), { separateServerClientMaps, serverTemplate: nextjsDefaultMapTemplate, clientTemplate: nextjsClientMapTemplate }));
+};

package/dist/esm/tools/component-props.loader.js

@@ -1,59 +1,59 @@
-import * as recast from 'recast';
-/**
- * Webpack loader to strip functions from the source code
- * Strips the `getComponentServerProps` function from the source code
- * @param {string} source file source code
- * @returns {string} output file source code with stripped functions
- */
-export default function componentPropsLoader(source) {
-    // Parse the source code into an AST (Abstract Syntax Tree)
-    const ast = recast.parse(source, {
-        parser: require('recast/parsers/babel-ts'),
-    });
-    // The method to strip from the AST
-    const method = 'getComponentServerProps';
-    // Traverse the AST and find the method to strip
-    recast.visit(ast, {
-        // Visit the named export function expression
-        visitExportNamedDeclaration: function (path) {
-            var _a, _b;
-            // Get the variable declaration from the AST
-            const isMethodFound = (_b = (_a = path.node.declaration) === null || _a === void 0 ? void 0 : _a.declarations) === null || _b === void 0 ? void 0 : _b.find((declaration) => {
-                // Check if the function is the one we want to strip
-                if ('id' in declaration &&
-                    'name' in declaration.id &&
-                    typeof declaration.id.name === 'string' &&
-                    declaration.id.name === method) {
-                    // Strip the function from the AST
-                    path.prune();
-                    // We have pruned the method, so we can stop iterating over the declarations
-                    return true;
-                }
-                return false;
-            });
-            if (isMethodFound) {
-                // We have pruned the method, so we can stop traversing the AST
-                return false;
-            }
-            // Continue traversing the AST
-            this.traverse(path);
-        },
-        // Visit the named export function declaration
-        visitFunctionDeclaration: function (path) {
-            // Check if the function is the one we want to strip
-            if (path.node.id &&
-                'name' in path.node.id &&
-                typeof path.node.id.name === 'string' &&
-                path.node.id.name === method) {
-                // Strip the function from the AST
-                path.prune();
-                // We have pruned the method, so we can stop traversing the AST
-                return false;
-            }
-            // Continue traversing the AST
-            this.traverse(path);
-        },
-    });
-    // Generate the output code
-    return recast.print(ast).code;
-}
+import * as recast from 'recast';
+/**
+ * Webpack loader to strip functions from the source code
+ * Strips the `getComponentServerProps` function from the source code
+ * @param {string} source file source code
+ * @returns {string} output file source code with stripped functions
+ */
+export default function componentPropsLoader(source) {
+    // Parse the source code into an AST (Abstract Syntax Tree)
+    const ast = recast.parse(source, {
+        parser: require('recast/parsers/babel-ts'),
+    });
+    // The method to strip from the AST
+    const method = 'getComponentServerProps';
+    // Traverse the AST and find the method to strip
+    recast.visit(ast, {
+        // Visit the named export function expression
+        visitExportNamedDeclaration: function (path) {
+            var _a, _b;
+            // Get the variable declaration from the AST
+            const isMethodFound = (_b = (_a = path.node.declaration) === null || _a === void 0 ? void 0 : _a.declarations) === null || _b === void 0 ? void 0 : _b.find((declaration) => {
+                // Check if the function is the one we want to strip
+                if ('id' in declaration &&
+                    'name' in declaration.id &&
+                    typeof declaration.id.name === 'string' &&
+                    declaration.id.name === method) {
+                    // Strip the function from the AST
+                    path.prune();
+                    // We have pruned the method, so we can stop iterating over the declarations
+                    return true;
+                }
+                return false;
+            });
+            if (isMethodFound) {
+                // We have pruned the method, so we can stop traversing the AST
+                return false;
+            }
+            // Continue traversing the AST
+            this.traverse(path);
+        },
+        // Visit the named export function declaration
+        visitFunctionDeclaration: function (path) {
+            // Check if the function is the one we want to strip
+            if (path.node.id &&
+                'name' in path.node.id &&
+                typeof path.node.id.name === 'string' &&
+                path.node.id.name === method) {
+                // Strip the function from the AST
+                path.prune();
+                // We have pruned the method, so we can stop traversing the AST
+                return false;
+            }
+            // Continue traversing the AST
+            this.traverse(path);
+        },
+    });
+    // Generate the output code
+    return recast.print(ast).code;
+}