Sample Html Response

import fs from 'fs'; import path from 'path'; import { pathToFileURL } from 'url'; import jsesc from 'jsesc'; import { getNotifications } from '../../modules/base/services/notifications.js'; import { getPageMetaInfo } from '../../modules/cms/services/pageMetaInfo.js'; import { Config } from '../../types/appContext.js'; import { EvershopRequest } from '../../types/request.js'; import { EvershopResponse } from '../../types/response.js'; import { error } from '../log/logger.js'; import { get } from '../util/get.js'; import { getConfig } from '../util/getConfig.js'; import isProductionMode from '../util/isProductionMode.js'; import { processPreloadImages } from '../util/preloadScan.js'; import { getValueSync } from '../util/registry.js'; import { getRouteBuildPath } from '../webpack/getRouteBuildPath.js'; function normalizeAssets(assets) { if (typeof assets === 'object' && !Array.isArray(assets) && assets !== null) { return Object.values(assets); } return Array.isArray(assets) ? assets : [assets]; } function buildContextData( request: EvershopRequest, response: EvershopResponse ) { const pageMeta = getPageMetaInfo(request); const appConfig = getValueSync( 'appConfig', { tax: { priceIncludingTax: getConfig('pricing.tax.price_including_tax', false) }, catalog: { imageDimensions: { width: getConfig('catalog.product.image.width', 1200), height: getConfig('catalog.product.image.height', 1200) } }, pageMeta: pageMeta }, { request, response }, (value) => value && typeof value === 'object' && !Array.isArray(value) ); const config = Object.assign({}, appConfig, { pageMeta }); const contextValue = { graphqlResponse: get(response, 'locals.graphqlResponse', {}), config: config, propsMap: get(response, 'locals.propsMap', {}), widgets: get(response, 'locals.widgets', []), notifications: getNotifications(request) }; return contextValue; } function renderDevelopment( request: EvershopRequest, response: EvershopResponse ) { const route = request.currentRoute; const classes = route.isAdmin ? `admin ${route.id}` : `frontStore ${route.id}`; const language = getConfig('shop.language', 'en'); if (!route) { // In testing mode, we do not have devMiddleware response.send(` Sample Html Response `); return; } const contextValue = buildContextData(request, response); const safeContextValue = jsesc(contextValue, { json: true, isScriptContext: true }); const langCode = request.currentRoute?.isAdmin ? 'en' : language; const scriptPath = route.isAdmin ? '/backend/admin-main.js' : '/main.js'; response.send(`

`); } function renderProduction(request, response) { const language = getConfig('shop.language', 'en'); const route = request.currentRoute; const langCode = route.isAdmin === true ? 'en' : language; const serverIndexPath = path.resolve( getRouteBuildPath(route), 'server', 'index.js' ); const assetsPath = path.resolve( getRouteBuildPath(route), 'client', 'index.json' ); const assets = JSON.parse(fs.readFileSync(assetsPath, 'utf8')); const cssList = [] as string[]; for (let i = 0; i < assets.css.length; i++) { const cssFilePath = path.resolve( getRouteBuildPath(route), 'client', path.basename(assets.css[i]) ); if (fs.existsSync(cssFilePath)) { const cssContent = fs.readFileSync(cssFilePath, 'utf8'); // Inline the css content to reduce the number of requests cssList.push(cssContent); } } const contextValue = buildContextData(request, response); const safeContextValue = jsesc(contextValue, { json: true, isScriptContext: true }); import(pathToFileURL(serverIndexPath).toString()) .then((module) => { const source = processPreloadImages( module.default( request.currentRoute, assets.js, cssList, safeContextValue, langCode ) ); response.send(source); }) .catch((e) => { error(e); }); } export function render(request, response) { if (isProductionMode()) { renderProduction(request, response); } else { renderDevelopment(request, response); } }