@goldstack/template-ssr-server 0.1.11 → 0.3.0

package/dist/src/compileBundle.d.ts

@@ -0,0 +1,21 @@
+import { APIGatewayProxyResultV2 } from 'aws-lambda';
+export interface CompileBundleResponse {
+    bundle: string;
+    sourceMap?: string;
+    metaFile?: string;
+}
+export declare const compileBundle: ({ entryPoint, metaFile, sourceMap, initialProperties, includeCss, }: {
+    entryPoint: string;
+    metaFile?: boolean | undefined;
+    sourceMap?: boolean | undefined;
+    initialProperties?: any;
+    includeCss: boolean;
+}) => Promise<CompileBundleResponse>;
+export declare const bundleResponse: ({ entryPoint, initialProperties, }: {
+    entryPoint: string;
+    initialProperties?: any;
+}) => Promise<APIGatewayProxyResultV2>;
+export declare const sourceMapResponse: ({ entryPoint, }: {
+    entryPoint: string;
+}) => Promise<APIGatewayProxyResultV2>;
+//# sourceMappingURL=compileBundle.d.ts.map

package/dist/src/compileBundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compileBundle.d.ts","sourceRoot":"","sources":["../../src/compileBundle.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAoCrD,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAsBD,eAAO,MAAM,aAAa;gBAOZ,MAAM;;;wBAGE,GAAG;gBACX,OAAO;MACjB,QAAQ,qBAAqB,CAyChC,CAAC;AAEF,eAAO,MAAM,cAAc;gBAIb,MAAM;wBACE,GAAG;MACrB,QAAQ,uBAAuB,CAkBlC,CAAC;AAoBF,eAAO,MAAM,iBAAiB;gBAGhB,MAAM;MAChB,QAAQ,uBAAuB,CAsBlC,CAAC"}

package/dist/src/compileBundle.js

@@ -0,0 +1,138 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sourceMapResponse = exports.bundleResponse = exports.compileBundle = void 0;
+const esbuild_1 = require("esbuild");
+const esbuild_plugin_pnp_1 = require("@yarnpkg/esbuild-plugin-pnp");
+const esbuild_css_modules_client_plugin_1 = __importDefault(require("esbuild-css-modules-client-plugin"));
+const utils_sh_1 = require("@goldstack/utils-sh");
+const path_1 = require("path");
+const sharedConfig = (includeCss) => {
+    return {
+        plugins: [
+            (0, esbuild_css_modules_client_plugin_1.default)({
+                excludeCSSInject: !includeCss,
+            }),
+            (0, esbuild_plugin_pnp_1.pnpPlugin)(),
+        ],
+        bundle: true,
+        outfile: '/dist/tmp/bundle.js',
+        external: [
+            'esbuild',
+            '@yarnpkg/esbuild-plugin-pnp',
+            '@goldstack/template-ssr-server', // this is only required on the server side
+        ],
+        minify: true,
+        platform: 'browser',
+        format: 'iife',
+        treeShaking: true,
+    };
+};
+const getEsBuildConfig = (entryPoint) => {
+    const esbuildConfig = (0, utils_sh_1.readToType)('./esbuild.config.json');
+    const esbuildLocalPath = (0, utils_sh_1.changeExtension)((0, path_1.dirname)(entryPoint), '.esbuild.config.json');
+    const localEsbuildConfig = (0, utils_sh_1.readToType)(esbuildLocalPath);
+    return { ...esbuildConfig, ...localEsbuildConfig };
+};
+const getOutput = (extension, result) => {
+    const matchedFiles = result.outputFiles.filter((file) => file.path.endsWith(extension));
+    if (matchedFiles.length !== 1) {
+        throw new Error(`Invalid output from esbuild. Expected only one '${extension}' file but found ${matchedFiles.length}`);
+    }
+    const output = Buffer.from(matchedFiles[0].contents).toString('utf-8');
+    return output;
+};
+const compileBundle = async ({ entryPoint, metaFile, sourceMap, initialProperties, includeCss, }) => {
+    const res = await (0, esbuild_1.build)({
+        ...sharedConfig(includeCss),
+        entryPoints: [entryPoint],
+        metafile: metaFile,
+        sourcemap: sourceMap ? 'inline' : undefined,
+        ...getEsBuildConfig(entryPoint),
+        write: false,
+    });
+    const output = getOutput('.js', res);
+    let result = {
+        bundle: '',
+    };
+    if (!sourceMap) {
+        result.bundle = output;
+    }
+    else {
+        result.bundle = removeSourceMap(output);
+    }
+    if (initialProperties) {
+        result.bundle = `window.initialProperties = ${JSON.stringify(initialProperties)};${result.bundle}`;
+    }
+    if (metaFile) {
+        result = {
+            ...result,
+            metaFile: JSON.stringify(res.metafile),
+        };
+    }
+    if (sourceMap) {
+        result = {
+            ...result,
+            sourceMap: extractSourceMap(output),
+        };
+    }
+    return result;
+};
+exports.compileBundle = compileBundle;
+const bundleResponse = async ({ entryPoint, initialProperties, }) => {
+    const res = await (0, exports.compileBundle)({
+        entryPoint,
+        initialProperties,
+        includeCss: true,
+    });
+    return {
+        statusCode: 201,
+        headers: {
+            'Content-Type': 'application/javascript',
+            'Cache-Control': 'no-cache, no-store, must-revalidate',
+            Pragma: 'no-cache',
+            Expire: '0',
+            SourceMap: '?resource=sourcemap',
+        },
+        body: res.bundle,
+    };
+};
+exports.bundleResponse = bundleResponse;
+const extractSourceMap = (output) => {
+    const marker = '//# sourceMappingURL=data:application/json;base64,';
+    const startContent = output.indexOf(marker) + marker.length;
+    const sourceMapBase64Data = output.substring(startContent);
+    const sourceMapData = Buffer.from(sourceMapBase64Data, 'base64').toString('utf-8');
+    return sourceMapData;
+};
+const removeSourceMap = (output) => {
+    const marker = '//# sourceMappingURL=data:application/json;base64,';
+    const startContent = output.indexOf(marker);
+    const withoutSourceMap = output.substring(0, startContent);
+    return withoutSourceMap;
+};
+const sourceMapResponse = async ({ entryPoint, }) => {
+    const res = await (0, esbuild_1.build)({
+        ...sharedConfig(false),
+        entryPoints: [entryPoint],
+        sourcemap: 'inline',
+        ...getEsBuildConfig(entryPoint),
+        write: false,
+    });
+    const output = Buffer.from(res.outputFiles[0].contents).toString('utf-8');
+    const sourceMapData = extractSourceMap(output);
+    return {
+        statusCode: 201,
+        headers: {
+            'Content-Type': 'application/json',
+            'Cache-Control': 'no-cache, no-store, must-revalidate',
+            Pragma: 'no-cache',
+            Expire: '0',
+        },
+        body: sourceMapData,
+    };
+};
+exports.sourceMapResponse = sourceMapResponse;
+//# sourceMappingURL=compileBundle.js.map

package/dist/src/compileBundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compileBundle.js","sourceRoot":"","sources":["../../src/compileBundle.ts"],"names":[],"mappings":"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"}

package/dist/src/templateSSRServer.d.ts

@@ -1,36 +1,36 @@
-import React from 'react';
-import type { APIGatewayProxyEventV2, APIGatewayProxyResultV2 } from 'aws-lambda';
-import type { BuildConfiguration, ServerBuildOptionsArgs, ClientBuildOptionsArgs } from '@goldstack/template-ssr-server-compile-bundle';
-export type { BuildConfiguration, ServerBuildOptionsArgs, ClientBuildOptionsArgs, };
-import { StaticFileMapper } from 'static-file-mapper';
-export declare const clientBundleFileName = "client.bundle.js";
-export declare const clientCSSFileName = "client.bundle.css";
-export interface RenderDocumentProps<PropType> {
-    injectIntoHead: string;
-    injectIntoBody: string;
-    staticFileMapper: StaticFileMapper;
-    event: APIGatewayProxyEventV2;
-    properties: PropType;
-}
-export interface PartialRenderPageProps<PropType> {
-    entryPoint: string;
-    event: APIGatewayProxyEventV2;
-    renderDocument?: (props: RenderDocumentProps<PropType>) => string;
-    component: React.FunctionComponent<PropType>;
-    staticFileMapper?: StaticFileMapper;
-    staticFileMapperStore?: unknown;
-    properties: PropType;
-    buildConfig?: () => BuildConfiguration;
-}
-export interface RenderPageProps<PropType> {
-    entryPoint: string;
-    event: APIGatewayProxyEventV2;
-    renderDocument: (props: RenderDocumentProps<PropType>) => string;
-    component: React.FunctionComponent<PropType>;
-    staticFileMapper?: StaticFileMapper;
-    staticFileMapperStore?: unknown;
-    properties: PropType;
-    buildConfig: () => BuildConfiguration;
-}
-export declare const renderPage: <PropType>({ entryPoint, event, renderDocument, staticFileMapper, staticFileMapperStore, component, properties, buildConfig, }: RenderPageProps<PropType>) => Promise<APIGatewayProxyResultV2>;
+import React from 'react';
+import type { APIGatewayProxyEventV2, APIGatewayProxyResultV2 } from 'aws-lambda';
+import type { BuildConfiguration, ServerBuildOptionsArgs, ClientBuildOptionsArgs } from '@goldstack/template-ssr-server-compile-bundle';
+export type { BuildConfiguration, ServerBuildOptionsArgs, ClientBuildOptionsArgs, };
+import { StaticFileMapper } from 'static-file-mapper';
+export declare const clientBundleFileName = "client.bundle.js";
+export declare const clientCSSFileName = "client.bundle.css";
+export interface RenderDocumentProps<PropType> {
+    injectIntoHead: string;
+    injectIntoBody: string;
+    staticFileMapper: StaticFileMapper;
+    event: APIGatewayProxyEventV2;
+    properties: PropType;
+}
+export interface PartialRenderPageProps<PropType> {
+    entryPoint: string;
+    event: APIGatewayProxyEventV2;
+    renderDocument?: (props: RenderDocumentProps<PropType>) => string;
+    component: React.FunctionComponent<PropType>;
+    staticFileMapper?: StaticFileMapper;
+    staticFileMapperStore?: unknown;
+    properties: PropType;
+    buildConfig?: () => BuildConfiguration;
+}
+export interface RenderPageProps<PropType> {
+    entryPoint: string;
+    event: APIGatewayProxyEventV2;
+    renderDocument: (props: RenderDocumentProps<PropType>) => string;
+    component: React.FunctionComponent<PropType>;
+    staticFileMapper?: StaticFileMapper;
+    staticFileMapperStore?: unknown;
+    properties: PropType;
+    buildConfig: () => BuildConfiguration;
+}
+export declare const renderPage: <PropType>({ entryPoint, event, renderDocument, staticFileMapper, staticFileMapperStore, component, properties, buildConfig, }: RenderPageProps<PropType>) => Promise<APIGatewayProxyResultV2>;
 //# sourceMappingURL=templateSSRServer.d.ts.map

package/dist/src/templateSSRServer.js

@@ -1,99 +1,99 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderPage = exports.clientCSSFileName = exports.clientBundleFileName = void 0;
-const react_1 = __importDefault(require("react"));
-const lambda_compression_1 = require("lambda-compression");
-const server_1 = require("react-dom/server");
-const utils_esbuild_1 = require("@goldstack/utils-esbuild");
-const fs_1 = require("fs");
-const static_file_mapper_1 = require("static-file-mapper");
-exports.clientBundleFileName = 'client.bundle.js';
-exports.clientCSSFileName = 'client.bundle.css';
-const renderPage = async ({ entryPoint, event, renderDocument, staticFileMapper, staticFileMapperStore, component, properties, buildConfig, }) => {
-    if (!staticFileMapper && !staticFileMapperStore) {
-        throw new Error('`staticFileMapper` or `staticFileMapper` store need to be defined for `renderPage`');
-    }
-    if (!staticFileMapper) {
-        staticFileMapper = new static_file_mapper_1.StaticFileMapperRun({
-            store: staticFileMapperStore,
-            baseUrl: '_goldstack/static/generated/',
-        });
-    }
-    if (event.queryStringParameters && event.queryStringParameters['resource']) {
-        if (event.queryStringParameters['resource'].indexOf('js') > -1) {
-            if (process.env.AWS_LAMBDA_FUNCTION_NAME) {
-                // if running in Lambda load bundle from local file system
-                let SourceMap = '';
-                if (await staticFileMapper.has({
-                    name: `${process.env.AWS_LAMBDA_FUNCTION_NAME}.map`,
-                })) {
-                    SourceMap = await staticFileMapper.resolve({
-                        name: `${process.env.AWS_LAMBDA_FUNCTION_NAME}.map`,
-                    });
-                }
-                return (0, lambda_compression_1.compress)(event, {
-                    statusCode: 200,
-                    headers: {
-                        'Content-Type': 'application/javascript',
-                        SourceMap,
-                    },
-                    body: `${(0, fs_1.readFileSync)(exports.clientBundleFileName, 'utf-8')}`,
-                });
-            }
-            else {
-                // if not running in Lambda build bundle dynamically
-                return (0, lambda_compression_1.compress)(event, 
-                // eslint-disable-next-line @typescript-eslint/no-var-requires
-                require((0, utils_esbuild_1.excludeInBundle)('@goldstack/template-ssr-server-compile-bundle')).bundleResponse({
-                    entryPoint,
-                    buildConfig: buildConfig(),
-                }));
-            }
-        }
-        if (event.queryStringParameters['resource'].indexOf('sourcemap') > -1) {
-            if (process.env.AWS_LAMBDA_FUNCTION_NAME) {
-                throw new Error('sourcemap resource not supported in Lambda. Please load sourcemap from static files.');
-            }
-            else {
-                return (0, lambda_compression_1.compress)(event, 
-                // eslint-disable-next-line @typescript-eslint/no-var-requires
-                require((0, utils_esbuild_1.excludeInBundle)('@goldstack/template-ssr-server-compile-bundle')).sourceMapResponse({
-                    entryPoint,
-                    buildConfig: buildConfig(),
-                }));
-            }
-        }
-    }
-    const page = (0, server_1.renderToString)(react_1.default.createElement(component, properties));
-    let styles;
-    // only inject styles when in lambda - otherwise they are loaded dynamically
-    if (process.env.AWS_LAMBDA_FUNCTION_NAME) {
-        styles = (0, fs_1.readFileSync)(exports.clientCSSFileName, 'utf-8');
-    }
-    else {
-        styles = undefined;
-    }
-    const document = renderDocument({
-        injectIntoHead: `${styles ? `<style>${styles}</style>` : ''}`,
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderPage = exports.clientCSSFileName = exports.clientBundleFileName = void 0;
+const react_1 = __importDefault(require("react"));
+const lambda_compression_1 = require("lambda-compression");
+const server_1 = require("react-dom/server");
+const utils_esbuild_1 = require("@goldstack/utils-esbuild");
+const fs_1 = require("fs");
+const static_file_mapper_1 = require("static-file-mapper");
+exports.clientBundleFileName = 'client.bundle.js';
+exports.clientCSSFileName = 'client.bundle.css';
+const renderPage = async ({ entryPoint, event, renderDocument, staticFileMapper, staticFileMapperStore, component, properties, buildConfig, }) => {
+    if (!staticFileMapper && !staticFileMapperStore) {
+        throw new Error('`staticFileMapper` or `staticFileMapper` store need to be defined for `renderPage`');
+    }
+    if (!staticFileMapper) {
+        staticFileMapper = new static_file_mapper_1.StaticFileMapperRun({
+            store: staticFileMapperStore,
+            baseUrl: '_goldstack/static/generated/',
+        });
+    }
+    if (event.queryStringParameters && event.queryStringParameters['resource']) {
+        if (event.queryStringParameters['resource'].indexOf('js') > -1) {
+            if (process.env.AWS_LAMBDA_FUNCTION_NAME) {
+                // if running in Lambda load bundle from local file system
+                let SourceMap = '';
+                if (await staticFileMapper.has({
+                    name: `${process.env.AWS_LAMBDA_FUNCTION_NAME}.map`,
+                })) {
+                    SourceMap = await staticFileMapper.resolve({
+                        name: `${process.env.AWS_LAMBDA_FUNCTION_NAME}.map`,
+                    });
+                }
+                return (0, lambda_compression_1.compress)(event, {
+                    statusCode: 200,
+                    headers: {
+                        'Content-Type': 'application/javascript',
+                        SourceMap,
+                    },
+                    body: `${(0, fs_1.readFileSync)(exports.clientBundleFileName, 'utf-8')}`,
+                });
+            }
+            else {
+                // if not running in Lambda build bundle dynamically
+                return (0, lambda_compression_1.compress)(event, 
+                // eslint-disable-next-line @typescript-eslint/no-var-requires
+                require((0, utils_esbuild_1.excludeInBundle)('@goldstack/template-ssr-server-compile-bundle')).bundleResponse({
+                    entryPoint,
+                    buildConfig: buildConfig(),
+                }));
+            }
+        }
+        if (event.queryStringParameters['resource'].indexOf('sourcemap') > -1) {
+            if (process.env.AWS_LAMBDA_FUNCTION_NAME) {
+                throw new Error('sourcemap resource not supported in Lambda. Please load sourcemap from static files.');
+            }
+            else {
+                return (0, lambda_compression_1.compress)(event, 
+                // eslint-disable-next-line @typescript-eslint/no-var-requires
+                require((0, utils_esbuild_1.excludeInBundle)('@goldstack/template-ssr-server-compile-bundle')).sourceMapResponse({
+                    entryPoint,
+                    buildConfig: buildConfig(),
+                }));
+            }
+        }
+    }
+    const page = (0, server_1.renderToString)(react_1.default.createElement(component, properties));
+    let styles;
+    // only inject styles when in lambda - otherwise they are loaded dynamically
+    if (process.env.AWS_LAMBDA_FUNCTION_NAME) {
+        styles = (0, fs_1.readFileSync)(exports.clientCSSFileName, 'utf-8');
+    }
+    else {
+        styles = undefined;
+    }
+    const document = renderDocument({
+        injectIntoHead: `${styles ? `<style>${styles}</style>` : ''}`,
         injectIntoBody: `
         <div id="root">${page}</div>
         <script>window.initialProperties=${JSON.stringify(properties)};</script>
         <script src="?resource=js"></script>
-    `,
-        staticFileMapper: staticFileMapper,
-        event,
-        properties,
-    });
-    return (0, lambda_compression_1.compress)(event, {
-        statusCode: 200,
-        headers: {
-            'Content-Type': 'text/html',
-        },
-        body: document,
-    });
-};
-exports.renderPage = renderPage;
+    `,
+        staticFileMapper: staticFileMapper,
+        event,
+        properties,
+    });
+    return (0, lambda_compression_1.compress)(event, {
+        statusCode: 200,
+        headers: {
+            'Content-Type': 'text/html',
+        },
+        body: document,
+    });
+};
+exports.renderPage = renderPage;
 //# sourceMappingURL=templateSSRServer.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goldstack/template-ssr-server",
-  "version": "0.1.11",
+  "version": "0.3.0",
   "description": "Building blocks for implementing server-side rendered pages.",
   "keywords": [
     "goldstack",
@@ -38,26 +38,26 @@
     "version:apply:force": "yarn version $@ && yarn version apply"
   },
   "dependencies": {
-    "@goldstack/infra": "0.3.40",
-    "@goldstack/infra-aws": "0.3.49",
-    "@goldstack/template-ssr-server-compile-bundle": "0.1.4",
-    "@goldstack/utils-aws-lambda": "0.1.40",
-    "@goldstack/utils-esbuild": "0.4.4",
-    "@goldstack/utils-package": "0.3.43",
-    "@goldstack/utils-package-config-embedded": "0.4.7",
-    "@goldstack/utils-sh": "0.4.35",
-    "@goldstack/utils-template": "0.3.39",
-    "@goldstack/utils-terraform": "0.3.73",
-    "lambda-compression": "0.1.3",
+    "@goldstack/infra": "0.4.0",
+    "@goldstack/infra-aws": "0.4.0",
+    "@goldstack/template-ssr-server-compile-bundle": "0.3.0",
+    "@goldstack/utils-aws-lambda": "0.3.0",
+    "@goldstack/utils-esbuild": "0.5.0",
+    "@goldstack/utils-package": "0.4.0",
+    "@goldstack/utils-package-config-embedded": "0.5.0",
+    "@goldstack/utils-sh": "0.5.0",
+    "@goldstack/utils-template": "0.4.0",
+    "@goldstack/utils-terraform": "0.4.0",
+    "lambda-compression": "0.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "source-map-support": "^0.5.21",
-    "static-file-mapper": "0.1.1"
+    "static-file-mapper": "0.3.0"
   },
   "devDependencies": {
     "@goldstack/utils-docs-cli": "0.3.11",
-    "@goldstack/utils-git": "0.1.37",
-    "@goldstack/utils-package-config-generate": "0.2.18",
+    "@goldstack/utils-git": "0.2.0",
+    "@goldstack/utils-package-config-generate": "0.3.0",
     "@types/aws-lambda": "^8.10.88",
     "@types/jest": "^28.1.8",
     "@types/node": "^18.7.13",