feat(LayoutPlugin): allow to pass manifest content to plugin, read ma…

…nifest file on initialization (#40)
gravity-ui · Mar 20, 2024 · d2465b0 · d2465b0
1 parent d0719d2
commit d2465b0
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 13 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -30,4 +30,4 @@ export type {
     GoogleAnalyticsCounter,
     GoogleAnalyticsPluginOptions,
 } from './plugins/google-analytics/index.js';
-export type {LayoutPluginOptions} from './plugins/layout/index.js';
+export type {LayoutPluginOptions, Manifest} from './plugins/layout/index.js';
diff --git a/src/plugins/layout/index.ts b/src/plugins/layout/index.ts
@@ -5,40 +5,52 @@ import type {CommonOptions, Plugin} from '../../types.js';
 import {getAbsoluteUrl, getJSONContent} from './helpers.js';
 import type {LayoutPluginOptions, Manifest} from './types.js';
 
-export type {LayoutPluginOptions} from './types.js';
+export type {LayoutPluginOptions, Manifest} from './types.js';
 
 export interface LayoutInitOptions {
     publicPath?: string;
-    manifest: string | ((commonOptions: CommonOptions) => string);
+    manifest: string | Manifest | ((commonOptions: CommonOptions) => string | Manifest);
 }
 export function createLayoutPlugin({
     publicPath = '/build/',
     manifest,
 }: LayoutInitOptions): Plugin<LayoutPluginOptions, 'layout'> {
+    let manifestContent: Manifest | undefined;
+    if (typeof manifest === 'string') {
+        manifestContent = getJSONContent(manifest, (err) => {
+            throw new Error(`Layout: Unable to read manifest file. ${err}`);
+        });
+    } else if (typeof manifest === 'object') {
+        manifestContent = manifest;
+    }
     return {
         name: 'layout',
         apply({options, renderContent, commonOptions}) {
             if (!options) {
                 return;
             }
 
-            const manifestPath = typeof manifest === 'string' ? manifest : manifest(commonOptions);
-
-            const manifestFile: Manifest = getJSONContent(manifestPath, (err) => {
-                console.error('Unable to read manifest file', err);
-                process.exit(1);
-            });
+            if (typeof manifest === 'function') {
+                const m = manifest(commonOptions);
+                if (typeof m === 'string') {
+                    manifestContent = getJSONContent(m, (err) => {
+                        throw new Error(`Layout: Unable to read manifest file. ${err}`);
+                    });
+                } else {
+                    manifestContent = m;
+                }
+            }
 
-            function getWebpackAssetUrl(name: string) {
-                return getAbsoluteUrl(publicPath, manifestFile[name], options?.prefix);
+            if (!manifestContent || typeof manifestContent !== 'object') {
+                throw new Error('Layout: manifest content is not defined.');
             }
 
             renderContent.inlineScripts.unshift(
                 `window.__PUBLIC_PATH__ = ${htmlescape(publicPath)}`,
             );
 
-            const entrypointSpec = manifestFile.entrypoints
-                ? manifestFile.entrypoints[options.name]
+            const entrypointSpec = manifestContent.entrypoints
+                ? manifestContent.entrypoints[options.name]
                 : undefined;
             if (entrypointSpec && entrypointSpec.assets) {
                 const jsAssets = Array.isArray(entrypointSpec.assets.js)
@@ -63,6 +75,10 @@ export function createLayoutPlugin({
                     })),
                 );
             } else {
+                const manifestEntries = manifestContent;
+                const getWebpackAssetUrl = (name: string) => {
+                    return getAbsoluteUrl(publicPath, manifestEntries[name], options?.prefix);
+                };
                 renderContent.scripts.push(
                     {src: getWebpackAssetUrl('runtime.js'), defer: true, crossOrigin: 'anonymous'},
                     {src: getWebpackAssetUrl('vendors.js'), defer: true, crossOrigin: 'anonymous'},