npm - @trackunit/iris-app-webpack-plugin - Versions diffs - 0.0.171 → 0.0.173 - Mend

@trackunit/iris-app-webpack-plugin 0.0.171 → 0.0.173

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/CHANGELOG.md +4 -0
package/package.json +1 -1
package/src/lib/TrackunitIrisAppWebpackPlugin.js +13 -1
package/src/lib/TrackunitIrisAppWebpackPlugin.js.map +1 -1
package/src/lib/index.html +2 -0

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,10 @@
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
+## [0.0.173](https://github.com/Trackunit/manager/compare/iris-app-webpack-plugin/0.0.172...iris-app-webpack-plugin/0.0.173) (2024-02-08)
+## [0.0.172](https://github.com/Trackunit/manager/compare/iris-app-webpack-plugin/0.0.171...iris-app-webpack-plugin/0.0.172) (2024-02-08)
 ## [0.0.171](https://github.com/Trackunit/manager/compare/iris-app-webpack-plugin/0.0.170...iris-app-webpack-plugin/0.0.171) (2024-02-07)
 ### Dependency Updates

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/iris-app-webpack-plugin",
-  "version": "0.0.171",
+  "version": "0.0.173",
   "license": "SEE LICENSE IN LICENSE.txt",
   "repository": "https://github.com/Trackunit/manager",
   "engines": {

package/src/lib/TrackunitIrisAppWebpackPlugin.js CHANGED Viewed

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TrackunitIrisAppWebpackPlugin = void 0;
 const tslib_1 = require("tslib");
 const iris_app_api_1 = require("@trackunit/iris-app-api");
+const crypto_1 = require("crypto");
 const csp_header_1 = require("csp-header");
 const fs = tslib_1.__importStar(require("fs"));
 const path = tslib_1.__importStar(require("path"));
@@ -52,6 +53,7 @@ class TrackunitIrisAppWebpackPlugin {
         // to the compilation process on an earlier stage.
         compiler.hooks.thisCompilation.tap(pluginName, (compilation) => {
             // Tapping to the assets processing pipeline on a specific stage.
+            compilation.contextDependencies.add(this.options.appDir);
             compilation.hooks.processAssets.tap({
                 name: pluginName,
                 // Using one of the later asset processing stages to ensure
@@ -155,9 +157,19 @@ class TrackunitIrisAppWebpackPlugin {
                 compilation.emitAsset("manifest.json", new RawSource(JSON.stringify(manifestJson, null, 2)));
                 const packageJson = fs.readFileSync(`${this.options.appDir}/package.json`, "utf8");
                 compilation.emitAsset("package.json", new RawSource(packageJson));
-                const csp = (0, csp_header_1.getCSP)((0, iris_app_api_1.irisAppCspInput)(manifest.validDomains));
+                const scopeAndModuleNonce = (0, crypto_1.randomBytes)(16).toString("base64");
+                const cspInput = (0, iris_app_api_1.irisAppCspInput)(manifest.validDomains, undefined, `'nonce-${scopeAndModuleNonce}'`);
+                cspInput.directives["connect-src"].push("ws://localhost:8097/");
+                const csp = (0, csp_header_1.getCSP)(cspInput);
                 let html = indexContents.replace("{{cspContent}}", csp);
+                html = html.replace("{{nonce}}", scopeAndModuleNonce);
                 html = html.replace("{{scope}}", JSON.parse(packageJson).name);
+                if (manifestJson.scopes) {
+                    html = html.replace("{{manifestScopes}}", JSON.stringify(manifestJson.scopes));
+                }
+                else {
+                    html = html.replace("{{manifestScopes}}", "[]");
+                }
                 // Adding new asset to the compilation, so it would be automatically
                 // generated by the webpack in the output directory.
                 compilation.emitAsset("index.html", new RawSource(html));

package/src/lib/TrackunitIrisAppWebpackPlugin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TrackunitIrisAppWebpackPlugin.js","sourceRoot":"","sources":["../../../../../../libs/iris-app-sdk/iris-app-webpack-plugin/src/lib/TrackunitIrisAppWebpackPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { irisAppCspInput, IrisAppManifest, languageKeys, TranslationKey, Translations } from \"@trackunit/iris-app-api\";\nimport { getCSP } from \"csp-header\";\nimport * as fs from \"fs\";\nimport * as path from \"path\";\nimport * as wp from \"webpack\";\n\ninterface ITrackunitIrisAppWebpackPluginOptions {\n nxRootDir: string;\n appDir: string;\n manifest: IrisAppManifest;\n}\n\nconst isTranslationKey = (object: string \| Translations \| TranslationKey \| undefined): object is TranslationKey => {\n return !!(object as { key?: string })?.key;\n};\n\nconst RESET = \"\\x1b[0m\";\nconst GREEN = \"\\x1b[32m\";\n/*\n Webpack plugin that generates a manifest.json file\n /\nexport class TrackunitIrisAppWebpackPlugin {\n /\n @param options - Plugin options\n /\n public constructor(private options: ITrackunitIrisAppWebpackPluginOptions) {}\n\n /\n Webpack plugin for generating a Markdown file from app manifest and index HTML file.\n \n @class\n @public\n @param {object} options - Plugin options object\n @param {string} options.appDir - Directory path where the app resides\n @param {object} options.manifest - Object containing the app's manifest\n */\n public apply(compiler: wp.Compiler) {\n const pluginName = TrackunitIrisAppWebpackPlugin.name;\n\n // webpack module instance can be accessed from the compiler object,\n // this ensures that correct version of the module is used\n // (do not require/import the webpack or any symbols from it directly).\n const { webpack } = compiler;\n\n // Compilation object gives us reference to some useful constants.\n const { Compilation } = webpack;\n\n // RawSource is one of the \"sources\" classes that should be used\n // to represent asset sources in compilation.\n const { RawSource } = webpack.sources;\n\n compiler.hooks.done.tap(\"AfterBuildPlugin\", stats => {\n if (!stats.hasErrors()) {\n setTimeout(() => {\n console.log(\n GREEN,\n \"\\n✨ Iris App is now started, check it out ✨\\nhttps://new.manager.trackunit.com/iris-sdk-portal/main#runLocal\\n\",\n RESET\n );\n }, 0);\n }\n });\n\n // Tapping to the \"thisCompilation\" hook in order to further tap\n // to the compilation process on an earlier stage.\n compiler.hooks.thisCompilation.tap(pluginName, (compilation: wp.Compilation) => {\n // Tapping to the assets processing pipeline on a specific stage.\n compilation.hooks.processAssets.tap(\n {\n name: pluginName,\n\n // Using one of the later asset processing stages to ensure\n // that all assets were already added to the compilation by other plugins.\n stage: Compilation.PROCESS_ASSETS_STAGE_DERIVED,\n },\n async assets => {\n // \"assets\" is an object that contains all assets\n // in the compilation, the keys of the object are pathnames of the assets\n // and the values are file sources.\n\n // Iterating over all the assets and\n // generating content for our Markdown file.\n if (!this.options?.manifest) {\n throw Error(\"you must provide a app manifest\");\n }\n const manifest = this.options.manifest;\n const indexContents = fs.readFileSync(path.join(__dirname, \"index.html\"), \"utf8\");\n\n const manifestJson = this.options.manifest;\n manifestJson.extensions = this.options.manifest.extensions;\n\n this.options.manifest.extensions?.forEach(extension => {\n const translationKey =\n extension.type !== \"IRIS_APP_SETTINGS_EXTENSION\" &&\n extension.type !== \"WIDGET_EXTENSION\" &&\n extension.menuItem &&\n extension.menuItem.name;\n\n if (translationKey) {\n if (isTranslationKey(translationKey)) {\n const menuItemName = translationKey;\n const menuItemNameKey = menuItemName.key;\n\n languageKeys.forEach(langugageCode => {\n const translationFilePath = path.join(\n extension.sourceRoot,\n \"locales\",\n langugageCode,\n \"translation.json\"\n );\n if (fs.existsSync(translationFilePath)) {\n const translations = JSON.parse(fs.readFileSync(translationFilePath, \"utf8\"));\n //@ts-ignore - suppressImplicitAnyIndexErrors\n // Here we substitute the translation key with the actual translation\n extension.menuItem.name[langugageCode] = translations[menuItemNameKey];\n }\n });\n delete (menuItemName as { key?: string }).key;\n }\n }\n const headerTranslationKey =\n extension.type === \"WIDGET_EXTENSION\" && extension.header && extension.header.name;\n if (headerTranslationKey) {\n if (isTranslationKey(headerTranslationKey)) {\n const menuItemName = headerTranslationKey;\n const menuItemNameKey = menuItemName.key;\n\n languageKeys.forEach(langugageCode => {\n const translationFilePath = path.join(\n extension.sourceRoot,\n \"locales\",\n langugageCode,\n \"translation.json\"\n );\n if (fs.existsSync(translationFilePath)) {\n const translations = JSON.parse(fs.readFileSync(translationFilePath, \"utf8\"));\n //@ts-ignore - suppressImplicitAnyIndexErrors\n // Here we substitute the translation key with the actual translation\n extension.header.name[langugageCode] = translations[menuItemNameKey];\n }\n });\n delete (menuItemName as { key?: string }).key;\n }\n }\n\n if (extension.type === \"REPORT_EXTENSION\" && isTranslationKey(extension.menuItem?.description)) {\n const description = extension.menuItem.description;\n const menuItemDescriptionKey = description.key;\n\n languageKeys.forEach(langugageCode => {\n const translationFilePath = path.join(\n extension.sourceRoot,\n \"locales\",\n langugageCode,\n \"translation.json\"\n );\n if (fs.existsSync(translationFilePath)) {\n const translations = JSON.parse(fs.readFileSync(translationFilePath, \"utf8\"));\n //@ts-ignore - suppressImplicitAnyIndexErrors\n // Here we substitute the translation key with the actual translation\n extension.menuItem.description[langugageCode] = translations[menuItemDescriptionKey];\n }\n });\n delete (description as { key?: string }).key;\n }\n if (extension.type === \"ASSET_HOME_EXTENSION\" \|\| extension.type === \"FLEET_EXTENSION\") {\n if (extension.conditions?.brand) {\n if (Array.isArray(extension.conditions.brand)) {\n extension.conditions.brand.forEach(brand => {\n if (typeof brand !== \"string\") {\n brand.pattern = brand.pattern.toString();\n }\n });\n } else if (typeof extension.conditions.brand !== \"string\") {\n extension.conditions.brand.pattern = extension.conditions.brand.pattern.toString();\n }\n }\n if (extension.conditions?.model) {\n if (Array.isArray(extension.conditions.model)) {\n extension.conditions.model.forEach(model => {\n if (typeof model !== \"string\") {\n model.pattern = model.pattern.toString();\n }\n });\n } else if (typeof extension.conditions.model !== \"string\") {\n extension.conditions.model.pattern = extension.conditions.model.pattern.toString();\n }\n }\n }\n });\n\n manifestJson.extensions = this.options.manifest.extensions;\n compilation.emitAsset(\"manifest.json\", new RawSource(JSON.stringify(manifestJson, null, 2)));\n\n const packageJson = fs.readFileSync(`${this.options.appDir}/package.json`, \"utf8\");\n compilation.emitAsset(\"package.json\", new RawSource(packageJson));\n\n const csp = getCSP(irisAppCspInput(manifest.validDomains));\n\n let html = indexContents.replace(\"{{cspContent}}\", csp);\n html = html.replace(\"{{scope}}\", JSON.parse(packageJson).name);\n // Adding new asset to the compilation, so it would be automatically\n // generated by the webpack in the output directory.\n compilation.emitAsset(\"index.html\", new RawSource(html));\n }\n );\n });\n }\n}\n"]}
1	+ {"version":3,"file":"TrackunitIrisAppWebpackPlugin.js","sourceRoot":"","sources":["../../../../../../libs/iris-app-sdk/iris-app-webpack-plugin/src/lib/TrackunitIrisAppWebpackPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import { irisAppCspInput, IrisAppManifest, languageKeys, TranslationKey, Translations } from \"@trackunit/iris-app-api\";\nimport { randomBytes } from \"crypto\";\nimport { getCSP } from \"csp-header\";\nimport * as fs from \"fs\";\nimport * as path from \"path\";\nimport * as wp from \"webpack\";\n\ninterface ITrackunitIrisAppWebpackPluginOptions {\n nxRootDir: string;\n appDir: string;\n manifest: IrisAppManifest;\n}\n\nconst isTranslationKey = (object: string \| Translations \| TranslationKey \| undefined): object is TranslationKey => {\n return !!(object as { key?: string })?.key;\n};\n\nconst RESET = \"\\x1b[0m\";\nconst GREEN = \"\\x1b[32m\";\n/*\n Webpack plugin that generates a manifest.json file\n /\nexport class TrackunitIrisAppWebpackPlugin {\n /\n @param options - Plugin options\n /\n public constructor(private options: ITrackunitIrisAppWebpackPluginOptions) {}\n\n /\n Webpack plugin for generating a Markdown file from app manifest and index HTML file.\n \n @class\n @public\n @param {object} options - Plugin options object\n @param {string} options.appDir - Directory path where the app resides\n @param {object} options.manifest - Object containing the app's manifest\n */\n public apply(compiler: wp.Compiler) {\n const pluginName = TrackunitIrisAppWebpackPlugin.name;\n\n // webpack module instance can be accessed from the compiler object,\n // this ensures that correct version of the module is used\n // (do not require/import the webpack or any symbols from it directly).\n const { webpack } = compiler;\n\n // Compilation object gives us reference to some useful constants.\n const { Compilation } = webpack;\n\n // RawSource is one of the \"sources\" classes that should be used\n // to represent asset sources in compilation.\n const { RawSource } = webpack.sources;\n\n compiler.hooks.done.tap(\"AfterBuildPlugin\", stats => {\n if (!stats.hasErrors()) {\n setTimeout(() => {\n console.log(\n GREEN,\n \"\\n✨ Iris App is now started, check it out ✨\\nhttps://new.manager.trackunit.com/iris-sdk-portal/main#runLocal\\n\",\n RESET\n );\n }, 0);\n }\n });\n\n // Tapping to the \"thisCompilation\" hook in order to further tap\n // to the compilation process on an earlier stage.\n compiler.hooks.thisCompilation.tap(pluginName, (compilation: wp.Compilation) => {\n // Tapping to the assets processing pipeline on a specific stage.\n compilation.contextDependencies.add(this.options.appDir);\n compilation.hooks.processAssets.tap(\n {\n name: pluginName,\n\n // Using one of the later asset processing stages to ensure\n // that all assets were already added to the compilation by other plugins.\n stage: Compilation.PROCESS_ASSETS_STAGE_DERIVED,\n },\n async assets => {\n // \"assets\" is an object that contains all assets\n // in the compilation, the keys of the object are pathnames of the assets\n // and the values are file sources.\n\n // Iterating over all the assets and\n // generating content for our Markdown file.\n if (!this.options?.manifest) {\n throw Error(\"you must provide a app manifest\");\n }\n const manifest = this.options.manifest;\n const indexContents = fs.readFileSync(path.join(__dirname, \"index.html\"), \"utf8\");\n\n const manifestJson = this.options.manifest;\n manifestJson.extensions = this.options.manifest.extensions;\n\n this.options.manifest.extensions?.forEach(extension => {\n const translationKey =\n extension.type !== \"IRIS_APP_SETTINGS_EXTENSION\" &&\n extension.type !== \"WIDGET_EXTENSION\" &&\n extension.menuItem &&\n extension.menuItem.name;\n\n if (translationKey) {\n if (isTranslationKey(translationKey)) {\n const menuItemName = translationKey;\n const menuItemNameKey = menuItemName.key;\n\n languageKeys.forEach(langugageCode => {\n const translationFilePath = path.join(\n extension.sourceRoot,\n \"locales\",\n langugageCode,\n \"translation.json\"\n );\n if (fs.existsSync(translationFilePath)) {\n const translations = JSON.parse(fs.readFileSync(translationFilePath, \"utf8\"));\n //@ts-ignore - suppressImplicitAnyIndexErrors\n // Here we substitute the translation key with the actual translation\n extension.menuItem.name[langugageCode] = translations[menuItemNameKey];\n }\n });\n delete (menuItemName as { key?: string }).key;\n }\n }\n const headerTranslationKey =\n extension.type === \"WIDGET_EXTENSION\" && extension.header && extension.header.name;\n if (headerTranslationKey) {\n if (isTranslationKey(headerTranslationKey)) {\n const menuItemName = headerTranslationKey;\n const menuItemNameKey = menuItemName.key;\n\n languageKeys.forEach(langugageCode => {\n const translationFilePath = path.join(\n extension.sourceRoot,\n \"locales\",\n langugageCode,\n \"translation.json\"\n );\n if (fs.existsSync(translationFilePath)) {\n const translations = JSON.parse(fs.readFileSync(translationFilePath, \"utf8\"));\n //@ts-ignore - suppressImplicitAnyIndexErrors\n // Here we substitute the translation key with the actual translation\n extension.header.name[langugageCode] = translations[menuItemNameKey];\n }\n });\n delete (menuItemName as { key?: string }).key;\n }\n }\n\n if (extension.type === \"REPORT_EXTENSION\" && isTranslationKey(extension.menuItem?.description)) {\n const description = extension.menuItem.description;\n const menuItemDescriptionKey = description.key;\n\n languageKeys.forEach(langugageCode => {\n const translationFilePath = path.join(\n extension.sourceRoot,\n \"locales\",\n langugageCode,\n \"translation.json\"\n );\n if (fs.existsSync(translationFilePath)) {\n const translations = JSON.parse(fs.readFileSync(translationFilePath, \"utf8\"));\n //@ts-ignore - suppressImplicitAnyIndexErrors\n // Here we substitute the translation key with the actual translation\n extension.menuItem.description[langugageCode] = translations[menuItemDescriptionKey];\n }\n });\n delete (description as { key?: string }).key;\n }\n if (extension.type === \"ASSET_HOME_EXTENSION\" \|\| extension.type === \"FLEET_EXTENSION\") {\n if (extension.conditions?.brand) {\n if (Array.isArray(extension.conditions.brand)) {\n extension.conditions.brand.forEach(brand => {\n if (typeof brand !== \"string\") {\n brand.pattern = brand.pattern.toString();\n }\n });\n } else if (typeof extension.conditions.brand !== \"string\") {\n extension.conditions.brand.pattern = extension.conditions.brand.pattern.toString();\n }\n }\n if (extension.conditions?.model) {\n if (Array.isArray(extension.conditions.model)) {\n extension.conditions.model.forEach(model => {\n if (typeof model !== \"string\") {\n model.pattern = model.pattern.toString();\n }\n });\n } else if (typeof extension.conditions.model !== \"string\") {\n extension.conditions.model.pattern = extension.conditions.model.pattern.toString();\n }\n }\n }\n });\n\n manifestJson.extensions = this.options.manifest.extensions;\n compilation.emitAsset(\"manifest.json\", new RawSource(JSON.stringify(manifestJson, null, 2)));\n\n const packageJson = fs.readFileSync(`${this.options.appDir}/package.json`, \"utf8\");\n compilation.emitAsset(\"package.json\", new RawSource(packageJson));\n\n const scopeAndModuleNonce = randomBytes(16).toString(\"base64\");\n\n const cspInput = irisAppCspInput(manifest.validDomains, undefined, `'nonce-${scopeAndModuleNonce}'`);\n cspInput.directives[\"connect-src\"].push(\"ws://localhost:8097/\");\n const csp = getCSP(cspInput);\n let html = indexContents.replace(\"{{cspContent}}\", csp);\n\n html = html.replace(\"{{nonce}}\", scopeAndModuleNonce);\n\n html = html.replace(\"{{scope}}\", JSON.parse(packageJson).name);\n if (manifestJson.scopes) {\n html = html.replace(\"{{manifestScopes}}\", JSON.stringify(manifestJson.scopes));\n } else {\n html = html.replace(\"{{manifestScopes}}\", \"[]\");\n }\n // Adding new asset to the compilation, so it would be automatically\n // generated by the webpack in the output directory.\n compilation.emitAsset(\"index.html\", new RawSource(html));\n }\n );\n });\n }\n}\n"]}

package/src/lib/index.html CHANGED Viewed

@@ -3,11 +3,13 @@
     <script>
       module = location.pathname.split('/')[1];
       scope = "{{scope}}";
+      manifestScopes = {{manifestScopes}};
     </script>
     <base id="baseHref" href="/"></base>
     <script src="/remoteEntry.js"></script>
     <script src="/tileloader.js"></script>
     <meta http-equiv="Content-Security-Policy" content="{{cspContent}}">
+    <script nonce="{{nonce}}" src="http://localhost:8097"></script>
   </head>
   <body class="@container" style="margin: 0px; overflow: auto;">
     <div id="single-spa-application:app" style="height: 100dvh">