Remove and angular (#4087)

Author: ScriptedAlchemy

.github/workflows/codeql-analysis.yml

@@ -9,19 +9,18 @@
 # the `language` matrix defined below to confirm you have the correct set of
 # supported CodeQL languages.
 #
-name: "CodeQL"
+name: 'CodeQL'
 
 on:
   push:
-    branches: [ master ]
+    branches: [master]
   pull_request:
     # The branches below must be a subset of the branches above
-    branches: [ master ]
+    branches: [master]
   schedule:
     - cron: '44 2 * * 6'
 
 jobs:
-
   stop_previous:
     runs-on: ubuntu-22.04
     steps:
@@ -42,39 +41,39 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        language: [ 'javascript' ]
+        language: ['javascript']
         # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python', 'ruby' ]
         # Learn more about CodeQL language support at https://git.io/codeql-language-support
 
     steps:
-    - name: Checkout repository
-      uses: actions/checkout@v2
+      - name: Checkout repository
+        uses: actions/checkout@v2
 
-    # Initializes the CodeQL tools for scanning.
-    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v1
-      with:
-        languages: ${{ matrix.language }}
-        # If you wish to specify custom queries, you can do so here or in a config file.
-        # By default, queries listed here will override any specified in a config file.
-        # Prefix the list here with "+" to use these queries and those in the config file.
-        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+      # Initializes the CodeQL tools for scanning.
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v1
+        with:
+          languages: ${{ matrix.language }}
+          # If you wish to specify custom queries, you can do so here or in a config file.
+          # By default, queries listed here will override any specified in a config file.
+          # Prefix the list here with "+" to use these queries and those in the config file.
+          # queries: ./path/to/local/query, your-org/your-repo/queries@main
 
-    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
-    # If this step fails, then you should remove it and run the build manually (see below)
-    - name: Autobuild
-      uses: github/codeql-action/autobuild@v1
+      # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+      # If this step fails, then you should remove it and run the build manually (see below)
+      - name: Autobuild
+        uses: github/codeql-action/autobuild@v1
 
-    # ℹ️ Command-line programs to run using the OS shell.
-    # 📚 https://git.io/JvXDl
+      # ℹ️ Command-line programs to run using the OS shell.
+      # 📚 https://git.io/JvXDl
 
-    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
-    #    and modify them (or add more) to build your code if your project
-    #    uses a compiled language
+      # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+      #    and modify them (or add more) to build your code if your project
+      #    uses a compiled language
 
-    #- run: |
-    #   make bootstrap
-    #   make release
+      #- run: |
+      #   make bootstrap
+      #   make release
 
-    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v1
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v1

.github/workflows/on-push.yml

@@ -25,7 +25,6 @@ env:
     sudo apt-get autoremove -y
 
 jobs:
-
   # Stop previous runs
   stop-previous-run:
     runs-on: ubuntu-22.04
@@ -69,7 +68,7 @@ jobs:
       - name: Install deps
         if: steps.yarn-cache.outputs.cache-hit != 'true'
         env:
-          NODE_OPTIONS: "--max_old_space_size=4096"
+          NODE_OPTIONS: '--max_old_space_size=4096'
         run: |
           echo "Yarn changed - install deps ... "
           pnpm install

.github/workflows/on-schedule.yml

@@ -1,5 +1,5 @@
 name: on-schedule
-on: 
+on:
   workflow_dispatch:
   schedule:
     - cron: 0 */48 * * *

.github/workflows/on-workflow-run.yml

@@ -1,15 +1,14 @@
 name: on workflow run
 on:
   workflow_run:
-    workflows: ["on pull request"]
+    workflows: ['on pull request']
     types:
       - completed
 
 env:
   RUN_NUMBER: ${{ github.run_number }}
 
 jobs:
-
   # Stop previous runs
   stop-previous-run:
     runs-on: ubuntu-22.04
@@ -69,7 +68,6 @@ jobs:
             const fs = require('fs');
             fs.writeFileSync('${{github.workspace}}/allure-results.zip', Buffer.from(download.data));
       - run: unzip allure-results.zip
-
       - name: Get Allure history
         uses: actions/checkout@v3
         if: always()

README.md

@@ -4,8 +4,8 @@ This repository is to showcase examples of how Webpack 5's new Module Federation
 
 ## Module Federation Universe
 
-* Module federation enhances collections: [Universe](https://github.com/module-federation/universe)
-* Module Federation Docs: [Module Federation Docs](https://module-federation.io/)
+- Module federation enhances collections: [Universe](https://github.com/module-federation/universe)
+- Module Federation Docs: [Module Federation Docs](https://module-federation.io/)
 
 ## List of Examples
 

advanced-api/automatic-vendor-sharing/app1/package.json

@@ -27,4 +27,4 @@
     "react": "^16.13.0",
     "react-dom": "^16.13.0"
   }
-}
+}

advanced-api/automatic-vendor-sharing/app1/rspack.config.js

@@ -22,6 +22,11 @@ module.exports = {
     static: {
       directory: path.join(__dirname, 'dist'),
     },
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
+    },
     port: 3001,
   },
   target: 'web',

advanced-api/automatic-vendor-sharing/app1/webpack.config.js

@@ -21,6 +21,11 @@ module.exports = {
     static: {
       directory: path.join(__dirname, 'dist'),
     },
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
+    },
     port: 3001,
   },
   target: 'web',

advanced-api/automatic-vendor-sharing/app2/package.json

@@ -27,4 +27,4 @@
     "react": "^16.13.0",
     "react-dom": "^16.13.0"
   }
-}
+}

advanced-api/automatic-vendor-sharing/app2/rspack.config.js

@@ -22,6 +22,11 @@ module.exports = {
     static: {
       directory: path.join(__dirname, 'dist'),
     },
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
+    },
     port: 3002,
   },
   target: 'web',

advanced-api/automatic-vendor-sharing/app2/webpack.config.js

@@ -21,6 +21,11 @@ module.exports = {
     static: {
       directory: path.join(__dirname, 'dist'),
     },
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
+    },
     port: 3002,
   },
   target: 'web',

advanced-api/dynamic-remotes-runtime-environment-variables/host/package.json

@@ -32,4 +32,4 @@
     "react": "^16.13.0",
     "react-dom": "^16.13.0"
   }
-}
+}

advanced-api/dynamic-remotes-runtime-environment-variables/host/rspack.config.js

@@ -10,10 +10,15 @@ module.exports = {
   mode: 'development',
   entry: './src/index',
   devtool: 'source-map',
-  devServer:{
+  devServer: {
     static: {
       directory: path.join(__dirname, 'dist'),
     },
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
+    },
     port: 3000,
   },
   output: {

advanced-api/dynamic-remotes-runtime-environment-variables/host/webpack.config.js

@@ -11,6 +11,11 @@ module.exports = {
     static: {
       directory: path.join(__dirname, 'dist'),
     },
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
+    },
     port: 3000,
   },
   output: {

advanced-api/dynamic-remotes-runtime-environment-variables/remote/package.json

@@ -32,4 +32,4 @@
     "react": "^16.13.0",
     "react-dom": "^16.13.0"
   }
-}
+}

advanced-api/dynamic-remotes-runtime-environment-variables/remote/rspack.config.js

@@ -9,7 +9,7 @@ module.exports = {
   entry: './src/index',
   mode: 'development',
   devtool: 'source-map',
-  devServer:{
+  devServer: {
     port: 3001,
     headers: {
       'Access-Control-Allow-Origin': '*',

advanced-api/dynamic-remotes-synchronous-imports/app1/package.json

@@ -23,4 +23,4 @@
     "react": "^16.13.0",
     "react-dom": "^16.13.0"
   }
-}
+}

advanced-api/dynamic-remotes-synchronous-imports/app1/runtimePlugin.js

@@ -1,28 +1,28 @@
 const getRemote = () => {
-    return {
-        name: 'get-remote-from-window-plugin',
-        beforeRequest: (args) => {
-            // The 'beforeRequest' hook is called before a request is made.
-            // It iterates over each 'remote' in 'args.options.remotes'.
-            args.options.remotes.forEach((remote) => {
-                // Constructing the reference name from the remote's name.
-                const refName = `${remote.name}Url`
-                console.log(refName);
-                // Checking if the global variable corresponding to 'refName' exists.
-                if (typeof window[refName] !== 'undefined') {
-                    // Splitting the 'remote.entry' string on the pattern '[window.anyVariableName]'
-                    // and taking the part after this pattern.
-                    const split = remote.entry.split(/\[window\.[^\]]+]/)[1]
-                    // If there's a string after the split (i.e., the pattern was found),
-                    // prepend the value of the global variable to this string.
-                    if(split) {
-                        remote.entry = window[refName] + split;
-                    }
-                }
-            })
-            return args;
+  return {
+    name: 'get-remote-from-window-plugin',
+    beforeRequest: args => {
+      // The 'beforeRequest' hook is called before a request is made.
+      // It iterates over each 'remote' in 'args.options.remotes'.
+      args.options.remotes.forEach(remote => {
+        // Constructing the reference name from the remote's name.
+        const refName = `${remote.name}Url`;
+        console.log(refName);
+        // Checking if the global variable corresponding to 'refName' exists.
+        if (typeof window[refName] !== 'undefined') {
+          // Splitting the 'remote.entry' string on the pattern '[window.anyVariableName]'
+          // and taking the part after this pattern.
+          const split = remote.entry.split(/\[window\.[^\]]+]/)[1];
+          // If there's a string after the split (i.e., the pattern was found),
+          // prepend the value of the global variable to this string.
+          if (split) {
+            remote.entry = window[refName] + split;
+          }
         }
-    };
-}
+      });
+      return args;
+    },
+  };
+};
 
 export default getRemote;

advanced-api/dynamic-remotes-synchronous-imports/app1/webpack.config.js

@@ -12,6 +12,11 @@ module.exports = {
     static: {
       directory: path.join(__dirname, 'dist'),
     },
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
+    },
     port: app1Module.port,
   },
   output: {
@@ -36,9 +41,7 @@ module.exports = {
       remotes: {
         app2: app2Module.federationConfig,
       },
-      runtimePlugins: [
-          require.resolve('./runtimePlugin.js')
-      ],
+      runtimePlugins: [require.resolve('./runtimePlugin.js')],
       shared: {
         moment: deps.moment,
         react: {

advanced-api/dynamic-remotes-synchronous-imports/app2/package.json

@@ -25,4 +25,4 @@
     "react-redux": "^7.2.0",
     "redux": "^4.2.1"
   }
-}
+}

advanced-api/dynamic-remotes-synchronous-imports/app2/webpack.config.js

@@ -11,6 +11,11 @@ module.exports = {
     static: {
       directory: path.join(__dirname, 'dist'),
     },
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
+    },
     port: app2Module.port,
   },
   target: 'web',

advanced-api/dynamic-remotes/app1/package.json

@@ -28,4 +28,4 @@
     "react": "^16.13.0",
     "react-dom": "^16.13.0"
   }
-}
+}