npm - @rxap/plugin-angular - Versions diffs - 16.2.0-dev.9 → 16.2.0 - Mend

@rxap/plugin-angular 16.2.0-dev.9 → 16.2.0

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 (55) hide show

package/src/generators/init-application/files/mfe-remote/index.html.template ADDED Viewed

@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8"/>
+    <title><%= classify(name) %></title>
+    <base href="/"/>
+    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>
+    <meta content="true" name="HandheldFriendly"/>
+    <link href="favicon.ico" rel="icon" type="image/x-icon"/>
+    <% if (serviceWorker) { %><link href="manifest.webmanifest" rel="manifest"/><% } %>
+    <meta content="#1976d2" name="theme-color"/>
+    <link href="assets/icons/icon-57x57.png" rel="apple-touch-icon" sizes="57x57">
+    <link href="assets/icons/icon-60x60.png" rel="apple-touch-icon" sizes="60x60">
+    <link href="assets/icons/icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
+    <link href="assets/icons/icon-76x76.png" rel="apple-touch-icon" sizes="76x76">
+    <link href="assets/icons/icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
+    <link href="assets/icons/icon-120x120.png" rel="apple-touch-icon" sizes="120x120">
+    <link href="assets/icons/icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
+    <link href="assets/icons/icon-152x152.png" rel="apple-touch-icon" sizes="152x152">
+    <link href="assets/icons/icon-180x180.png" rel="apple-touch-icon" sizes="180x180">
+    <link href="assets/icons/icon-192x192.png" rel="icon" sizes="192x192" type="image/png">
+    <link href="assets/icons/icon-32x32.png" rel="icon" sizes="32x32" type="image/png">
+    <link href="assets/icons/icon-96x96.png" rel="icon" sizes="96x96" type="image/png">
+    <link href="assets/icons/icon-16x16.png" rel="icon" sizes="16x16" type="image/png">
+    <meta content="<%= classify(name) %>" name="application-name"/>
+    <meta content="#1976d2" name="msapplication-TileColor"/>
+    <meta content="assets/icons/icon-144x144.png" name="msapplication-TileImage"/>
+    <meta content="#ffffff" name="theme-color">
+    <meta content="yes" name="apple-mobile-web-app-capable">
+    <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
+    <meta content="#ffffff" name="msapplication-navbutton-color">
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&amp;display=swap" rel="stylesheet"/>
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
+    <link href="https://fonts.gstatic.com" rel="preconnect">
+    <style>
+      html {
+        -webkit-font-smoothing: antialiased;
+      }
+      html,
+      body {
+        height: 100%;
+        margin: 0;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      *:before, *:after {
+        box-sizing: border-box;
+      }
+      .loading-container {
+        max-height: 100vh;
+        min-height: 100vh;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    </style>
+    <script src="https://cdn.tailwindcss.com?plugins=typography"></script>
+    <script>
+      tailwind.config = {
+        darkMode: 'class',
+        theme: {
+          extend: {
+            colors: {
+              primary: {
+                50: 'var(--primary-50)',
+                100: 'var(--primary-100)',
+                200: 'var(--primary-200)',
+                300: 'var(--primary-300)',
+                400: 'var(--primary-400)',
+                500: 'var(--primary-500)',
+                600: 'var(--primary-600)',
+                700: 'var(--primary-700)',
+                800: 'var(--primary-800)',
+                900: 'var(--primary-900)',
+                a100: 'var(--primary-a100)',
+                a200: 'var(--primary-a200)',
+                a400: 'var(--primary-a400)',
+                a700: 'var(--primary-a700)',
+              },
+              accent: {
+                50: 'var(--accent-50)',
+                100: 'var(--accent-100)',
+                200: 'var(--accent-200)',
+                300: 'var(--accent-300)',
+                400: 'var(--accent-400)',
+                500: 'var(--accent-500)',
+                600: 'var(--accent-600)',
+                700: 'var(--accent-700)',
+                800: 'var(--accent-800)',
+                900: 'var(--accent-900)',
+                a100: 'var(--accent-a100)',
+                a200: 'var(--accent-a200)',
+                a400: 'var(--accent-a400)',
+                a700: 'var(--accent-a700)',
+              },
+              warn: {
+                50: 'var(--warn-50)',
+                100: 'var(--warn-100)',
+                200: 'var(--warn-200)',
+                300: 'var(--warn-300)',
+                400: 'var(--warn-400)',
+                500: 'var(--warn-500)',
+                600: 'var(--warn-600)',
+                700: 'var(--warn-700)',
+                800: 'var(--warn-800)',
+                900: 'var(--warn-900)',
+                a100: 'var(--warn-a100)',
+                a200: 'var(--warn-a200)',
+                a400: 'var(--warn-a400)',
+                a700: 'var(--warn-a700)',
+              },
+              contrast: {
+                50: 'var(--contrast-50)',
+                100: 'var(--contrast-100)',
+                200: 'var(--contrast-200)',
+                300: 'var(--contrast-300)',
+                400: 'var(--contrast-400)',
+                500: 'var(--contrast-500)',
+                600: 'var(--contrast-600)',
+                700: 'var(--contrast-700)',
+                800: 'var(--contrast-800)',
+                900: 'var(--contrast-900)',
+                a100: 'var(--contrast-a100)',
+                a200: 'var(--contrast-a200)',
+                a400: 'var(--contrast-a400)',
+                a700: 'var(--contrast-a700)',
+              },
+            },
+          },
+        },
+      };
+    </script>
+  </head>
+  <body class="mat-typography">
+  <<%= prefix %>-<%= dasherize(name) %>-entry>
+    <div class="loading-container">
+      <div class="e-loadholder">
+        <div class="m-loader">
+          <span class="e-text">Loading</span>
+        </div>
+      </div>
+      <div id="particleCanvas-Blue"></div>
+      <div id="particleCanvas-White"></div>
+    </div>
+  </<%= prefix %>-<%= dasherize(name) %>-entry>
+  <noscript>Please enable JavaScript to continue using this application.</noscript>
+  <script>
+    if (
+      localStorage.getItem('rxap-dark-mode') === 'true' ||
+      (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)
+    ) {
+      document.body.classList.add('dark-theme', 'dark', 'dark-mode');
+    }
+  </script>
+  </body>
+</html>

package/src/generators/init-application/files/root/favicon.ico ADDED Viewed

Binary file

package/src/generators/init-application/files/root/styles.scss.template ADDED Viewed

@@ -0,0 +1,3 @@
+@use "<%= relativePathToWorkspaceRoot %>/shared/angular/styles";
+/* You can add global styles to this file, and also import other style files */

package/src/generators/init-application/files/shared/ngsw-config.json CHANGED Viewed

@@ -22,6 +22,15 @@
           "*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
         ]
       }
+    },
+    {
+      "name": "mfe",
+      "installMode": "lazy",
+      "resources": {
+        "files": [
+          "__mfe/**"
+        ]
+      }
     }
   ],
   "dataGroups": [
@@ -45,6 +54,7 @@
     "!/**/*__*/**",
     "!/tunnel/**",
     "!/tunnel",
-    "!/api/**"
+    "!/api/**",
+    "!/__mfe/**"
   ]
 }

package/src/generators/init-application/files/styles/_fonts.scss CHANGED Viewed

@@ -1,3 +1,5 @@
+@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap";
+@import "https://fonts.googleapis.com/icon?family=Material+Icons";
 @import "fonts/material-icons";
 @import "fonts/croissant-one";
 @import "fonts/inclusive-sans";

package/src/generators/init-application/generate-monolithic.js CHANGED Viewed

@@ -1,11 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateMonolithic = void 0;
-const devkit_1 = require("@nx/devkit");
 const ts_morph_1 = require("@rxap/ts-morph");
-const utilities_1 = require("@rxap/utilities");
 const workspace_ts_morph_1 = require("@rxap/workspace-ts-morph");
-const workspace_utilities_1 = require("@rxap/workspace-utilities");
 const path_1 = require("path");
 function generateMonolithic(tree, projectName, project, options) {
     if (!project.sourceRoot) {
@@ -19,12 +16,13 @@ function generateMonolithic(tree, projectName, project, options) {
     (0, workspace_ts_morph_1.TsMorphAngularProjectTransform)(tree, {
         project: projectName,
     }, (_, [appSourceFile, layoutSourceFile, navigationSourceFile]) => {
+        var _a;
         (0, ts_morph_1.CoerceLayoutRoutes)(layoutSourceFile);
         (0, ts_morph_1.CoerceAppRoutes)(appSourceFile, {
             itemList: [
                 {
                     route: {
-                        path: '',
+                        path: (_a = options.layoutRoutePath) !== null && _a !== void 0 ? _a : '',
                         loadChildren: './layout.routes'
                     }
                 }
@@ -32,9 +30,6 @@ function generateMonolithic(tree, projectName, project, options) {
         });
         (0, ts_morph_1.CoerceAppNavigation)(navigationSourceFile, { overwrite: options.overwrite });
     }, ['app/app.routes.ts?', 'app/layout.routes.ts?', 'app/app.navigation.ts?']);
-    if (options.overwrite) {
-        (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, 'files', 'monolithic'), project.sourceRoot, Object.assign(Object.assign({}, options), { relativePathToWorkspaceRoot: (0, path_1.relative)(project.sourceRoot, ''), name: projectName.replace(/^user-interface-/, ''), classify: utilities_1.classify, prefix: (0, workspace_utilities_1.GetProjectPrefix)(tree, projectName, 'rxap') }));
-    }
 }
 exports.generateMonolithic = generateMonolithic;
 //# sourceMappingURL=generate-monolithic.js.map

package/src/generators/init-application/generate-monolithic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"generate-monolithic.js","sourceRoot":"","sources":["../../../../../../../packages/plugin/angular/src/generators/init-application/generate-monolithic.ts"],"names":[],"mappings":";;;~~AAAA~~,~~uCAIoB;AACpB,~~6CAIwB;AACxB~~,+CAA2C;AAC3C~~,iEAA0E;AAC1E~~,mEAA6D;AAC7D~~,+~~BAGc~~;~~AAGd~~,SAAgB,kBAAkB,CAAC,IAAU,EAAE,WAAmB,EAAE,OAA6B,EAAE,OAAuC;IAExI,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;QACvB,MAAM,IAAI,KAAK,CAAC,6CAA8C,WAAY,EAAE,CAAC,CAAC;KAC/E;IAED,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAA,WAAI,EAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,EAAE;QAChE,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE;YAC3B,IAAI,CAAC,KAAK,CAAC,IAAA,WAAI,EAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,CAAC;SACpF;KACF;IAED,IAAA,mDAA8B,EAAC,IAAI,EAAE;QACnC,OAAO,EAAE,WAAW;KACrB,EAAE,CAAC,CAAC,EAAE,CAAE,aAAa,EAAE,gBAAgB,EAAE,oBAAoB,CAAE,EAAE,EAAE;QAClE,IAAA,6BAAkB,EAAC,gBAAgB,CAAC,CAAC;QACrC,IAAA,0BAAe,EAAC,aAAa,EAAE;YAC7B,QAAQ,EAAE;gBACR;oBACE,KAAK,EAAE;wBACL,IAAI,EAAE,EAAE;~~wBACR~~,YAAY,EAAE,iBAAiB;qBAChC;iBACF;aACF;SACF,CAAC,CAAC;QACH,IAAA,8BAAmB,EAAC,oBAAoB,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IAC9E,CAAC,EAAE,CAAE,oBAAoB,EAAE,uBAAuB,EAAE,wBAAwB,CAAE,CAAC,CAAC;~~IAEhF~~,~~IAAI,OAAO,~~CAAC~~,SAAS,EAAE~~;~~QACrB~~,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAA,WAAI,EAAC,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC,EAAE,OAAO,CAAC,UAAU,kCACzE,OAAO,KACV,2BAA2B,EAAE,IAAA,eAAQ,EAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,EAC7D,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,EACjD,QAAQ,EAAR,oBAAQ,EACR,MAAM,EAAE,IAAA,sCAAgB,EAAC,IAAI,EAAE,WAAW,EAAE,MAAM,CAAC,IACnD,CAAC;KACJ;AAEH,CAAC;AAvCD,gDAuCC"}
1	+ {"version":3,"file":"generate-monolithic.js","sourceRoot":"","sources":["../../../../../../../packages/plugin/angular/src/generators/init-application/generate-monolithic.ts"],"names":[],"mappings":";;;AAIA,6CAIwB;AACxB,iEAA0E;AAC1E,+BAA4B;AAG5B,SAAgB,kBAAkB,CAAC,IAAU,EAAE,WAAmB,EAAE,OAA6B,EAAE,OAAuC;IAExI,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;QACvB,MAAM,IAAI,KAAK,CAAC,6CAA8C,WAAY,EAAE,CAAC,CAAC;KAC/E;IAED,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAA,WAAI,EAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,EAAE;QAChE,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE;YAC3B,IAAI,CAAC,KAAK,CAAC,IAAA,WAAI,EAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,CAAC;SACpF;KACF;IAED,IAAA,mDAA8B,EAAC,IAAI,EAAE;QACnC,OAAO,EAAE,WAAW;KACrB,EAAE,CAAC,CAAC,EAAE,CAAE,aAAa,EAAE,gBAAgB,EAAE,oBAAoB,CAAE,EAAE,EAAE;;QAClE,IAAA,6BAAkB,EAAC,gBAAgB,CAAC,CAAC;QACrC,IAAA,0BAAe,EAAC,aAAa,EAAE;YAC7B,QAAQ,EAAE;gBACR;oBACE,KAAK,EAAE;wBACL,IAAI,EAAE,MAAA,OAAO,CAAC,eAAe,mCAAI,EAAE;wBACnC,YAAY,EAAE,iBAAiB;qBAChC;iBACF;aACF;SACF,CAAC,CAAC;QACH,IAAA,8BAAmB,EAAC,oBAAoB,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IAC9E,CAAC,EAAE,CAAE,oBAAoB,EAAE,uBAAuB,EAAE,wBAAwB,CAAE,CAAC,CAAC;AAElF,CAAC;AA7BD,gDA6BC"}