@trackunit/iris-app-webpack-plugin 0.0.36

package/CHANGELOG.md

@@ -0,0 +1,16 @@
+# Changelog
+
+This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
+
+### [0.0.36](https://github.com/Trackunit/manager/compare/iris-app-webpack-plugin/0.0.35...iris-app-webpack-plugin/0.0.36) (2022-06-23)
+
+### [0.0.35](https://github.com/Trackunit/manager/compare/iris-app-webpack-plugin/0.0.34...iris-app-webpack-plugin/0.0.35) (2022-06-23)
+
+### Dependency Updates
+
+* `iris-app-api` updated to version `0.0.1`
+### [0.0.34](https://github.com/Trackunit/manager/compare/iris-app-webpack-plugin/0.0.33...iris-app-webpack-plugin/0.0.34) (2022-06-20)
+
+### Dependency Updates
+
+* `iris-app-api` updated to version `0.0.1`

package/README.internal.md

@@ -0,0 +1,5 @@
+To build use:
+yarn nx run iris-app-webpack-plugin:build
+
+To publish use: 
+npm publish ./dist/libs/iris-app-sdk/iris-app-webpack-plugin/ --access public

package/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@trackunit/iris-app-webpack-plugin",
+  "version": "0.0.36",
+  "license": "MIT",
+  "peerDependencies": {
+    "@trackunit/iris-app-api": "0.x",
+    "tslib": "^2.3.1"
+  },
+  "repository": "https://github.com/Trackunit/manager",
+  "main": "./src/index.js",
+  "typings": "./src/index.d.ts",
+  "dependencies": {}
+}

package/src/index.d.ts

@@ -0,0 +1 @@
+export { TrackunitIrisAppWebpackPlugin } from "./lib/TrackunitIrisAppWebpackPlugin";

package/src/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TrackunitIrisAppWebpackPlugin = void 0;
+var TrackunitIrisAppWebpackPlugin_1 = require("./lib/TrackunitIrisAppWebpackPlugin");
+Object.defineProperty(exports, "TrackunitIrisAppWebpackPlugin", { enumerable: true, get: function () { return TrackunitIrisAppWebpackPlugin_1.TrackunitIrisAppWebpackPlugin; } });
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/iris-app-sdk/iris-app-webpack-plugin/src/index.ts"],"names":[],"mappings":";;;AAAA,qFAAoF;AAA3E,8IAAA,6BAA6B,OAAA","sourcesContent":["export { TrackunitIrisAppWebpackPlugin } from \"./lib/TrackunitIrisAppWebpackPlugin\";\n"]}

package/src/lib/TrackunitIrisAppWebpackPlugin.d.ts

@@ -0,0 +1,13 @@
+import { IrisAppManifest } from "@trackunit/iris-app-api";
+import * as wp from "webpack";
+interface ITrackunitIrisAppWebpackPluginOptions {
+    nxRootDir: string;
+    appDir: string;
+    manifest: IrisAppManifest;
+}
+export declare class TrackunitIrisAppWebpackPlugin {
+    private options;
+    constructor(options: ITrackunitIrisAppWebpackPluginOptions);
+    apply(compiler: wp.Compiler): void;
+}
+export {};

package/src/lib/TrackunitIrisAppWebpackPlugin.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TrackunitIrisAppWebpackPlugin = void 0;
+const tslib_1 = require("tslib");
+const fs = tslib_1.__importStar(require("fs"));
+const path = tslib_1.__importStar(require("path"));
+class TrackunitIrisAppWebpackPlugin {
+    constructor(options) {
+        this.options = options;
+    }
+    apply(compiler) {
+        const pluginName = TrackunitIrisAppWebpackPlugin.name;
+        // webpack module instance can be accessed from the compiler object,
+        // this ensures that correct version of the module is used
+        // (do not require/import the webpack or any symbols from it directly).
+        const { webpack } = compiler;
+        // Compilation object gives us reference to some useful constants.
+        const { Compilation } = webpack;
+        // RawSource is one of the "sources" classes that should be used
+        // to represent asset sources in compilation.
+        const { RawSource } = webpack.sources;
+        // Tapping to the "thisCompilation" hook in order to further tap
+        // 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.hooks.processAssets.tap({
+                name: pluginName,
+                // Using one of the later asset processing stages to ensure
+                // that all assets were already added to the compilation by other plugins.
+                stage: Compilation.PROCESS_ASSETS_STAGE_DERIVED,
+            }, (assets) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                // "assets" is an object that contains all assets
+                // in the compilation, the keys of the object are pathnames of the assets
+                // and the values are file sources.
+                var _a;
+                // Iterating over all the assets and
+                // generating content for our Markdown file.
+                if (!((_a = this.options) === null || _a === void 0 ? void 0 : _a.manifest)) {
+                    throw Error("you must provide a app manifest");
+                }
+                const manifest = this.options.manifest;
+                const indexContents = fs.readFileSync(path.join(__dirname, "index.html"), "utf8");
+                const manifestJson = this.options.manifest;
+                manifestJson.extensions = this.options.manifest.extensions;
+                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));
+                let html = indexContents.replace("{{validDomains}}", manifest.validDomains.join(" "));
+                html = html.replace("{{links}}", JSON.stringify(manifestJson.extensions.map(extension => {
+                    return {
+                        href: `?app=${manifestJson.moduleFederationName}&extension=${extension.id}`,
+                        text: extension.id,
+                    };
+                })));
+                // 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));
+            }));
+        });
+    }
+}
+exports.TrackunitIrisAppWebpackPlugin = TrackunitIrisAppWebpackPlugin;
+//# sourceMappingURL=TrackunitIrisAppWebpackPlugin.js.map

package/src/lib/TrackunitIrisAppWebpackPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackunitIrisAppWebpackPlugin.js","sourceRoot":"","sources":["../../../../../../libs/iris-app-sdk/iris-app-webpack-plugin/src/lib/TrackunitIrisAppWebpackPlugin.ts"],"names":[],"mappings":";;;;AACA,+CAAyB;AACzB,mDAA6B;AAS7B,MAAa,6BAA6B;IACxC,YAA2B,OAA8C;QAA9C,YAAO,GAAP,OAAO,CAAuC;IAAG,CAAC;IAEtE,KAAK,CAAC,QAAqB;QAChC,MAAM,UAAU,GAAG,6BAA6B,CAAC,IAAI,CAAC;QAEtD,oEAAoE;QACpE,0DAA0D;QAC1D,uEAAuE;QACvE,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;QAE7B,kEAAkE;QAClE,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC;QAEhC,gEAAgE;QAChE,6CAA6C;QAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;QAEtC,gEAAgE;QAChE,kDAAkD;QAClD,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,WAA2B,EAAE,EAAE;YAC7E,iEAAiE;YACjE,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CACjC;gBACE,IAAI,EAAE,UAAU;gBAEhB,2DAA2D;gBAC3D,0EAA0E;gBAC1E,KAAK,EAAE,WAAW,CAAC,4BAA4B;aAChD,EACD,CAAM,MAAM,EAAC,EAAE;gBACb,iDAAiD;gBACjD,yEAAyE;gBACzE,mCAAmC;;gBAEnC,oCAAoC;gBACpC,4CAA4C;gBAC5C,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,QAAQ,CAAA,EAAE;oBAC3B,MAAM,KAAK,CAAC,iCAAiC,CAAC,CAAC;iBAChD;gBACD,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;gBACvC,MAAM,aAAa,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC;gBAElF,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;gBAC3C,YAAY,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC;gBAC3D,WAAW,CAAC,SAAS,CAAC,eAAe,EAAE,IAAI,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBAE7F,MAAM,WAAW,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,eAAe,EAAE,MAAM,CAAC,CAAC;gBACnF,WAAW,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;gBAElE,IAAI,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,kBAAkB,EAAE,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;gBACtF,IAAI,GAAG,IAAI,CAAC,OAAO,CACjB,WAAW,EACX,IAAI,CAAC,SAAS,CACZ,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;oBACtC,OAAO;wBACL,IAAI,EAAE,QAAQ,YAAY,CAAC,oBAAoB,cAAc,SAAS,CAAC,EAAE,EAAE;wBAC3E,IAAI,EAAE,SAAS,CAAC,EAAE;qBACnB,CAAC;gBACJ,CAAC,CAAC,CACH,CACF,CAAC;gBACF,oEAAoE;gBACpE,oDAAoD;gBACpD,WAAW,CAAC,SAAS,CAAC,YAAY,EAAE,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;YAC3D,CAAC,CAAA,CACF,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AArED,sEAqEC","sourcesContent":["import { IrisAppManifest } from \"@trackunit/iris-app-api\";\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\nexport class TrackunitIrisAppWebpackPlugin {\n  public constructor(private options: ITrackunitIrisAppWebpackPluginOptions) {}\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    // 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          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          let html = indexContents.replace(\"{{validDomains}}\", manifest.validDomains.join(\" \"));\n          html = html.replace(\n            \"{{links}}\",\n            JSON.stringify(\n              manifestJson.extensions.map(extension => {\n                return {\n                  href: `?app=${manifestJson.moduleFederationName}&extension=${extension.id}`,\n                  text: extension.id,\n                };\n              })\n            )\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

@@ -0,0 +1,17 @@
+<html>
+  <head>
+    <script src="/remoteEntry.js"></script>
+    <script src="https://tiles.dev.iris.trackunit.com/tileloader.js"></script>
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' {{validDomains}};">
+  </head>
+  <body style="margin: 0px">
+  </body>
+  <script>
+    if(location.href.indexOf("?") === -1) {
+      const elem = document.createElement('span');
+      elem.innerHTML = '<b>Launch the manager in local mode for testing: <a href="https://dev.manager.trackunit.com/tiles-portal/main#runLocal">https://dev.manager.trackunit.com/tiles-portal/main#runLocal</a> </b>'
+      document.body.appendChild(elem);
+      document.body.style = "padding: 20px;"
+    }
+  </script>
+</html>