Changes
Translation components API.
See the Weblate's Web API documentation for detailed description of the API.
GET /api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/changes/?format=api&page=74
{ "count": 4016, "next": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/changes/?format=api&page=75", "previous": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/changes/?format=api&page=73", "results": [ { "unit": "https://hosted.weblate.org/api/units/102784701/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:33.180501+02:00", "action": 13, "target": "// webpack.config.js for host\nmodule.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"host\",\n remotes: {\n // Specify the URL of the remote build that exposes the delegate module\n app1: \"app1@http://localhost:3001/remoteEntry.js\",\n },\n }),\n ],\n};\n", "old": "// webpack.config.js for host\nmodule.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"host\",\n remotes: {\n // Specify the URL of the remote build that exposes the delegate module\n app1: \"app1@http://localhost:3001/remoteEntry.js\",\n },\n }),\n ],\n};\n", "details": { "state": 100, "source": "// webpack.config.js for host\nmodule.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"host\",\n remotes: {\n // Specify the URL of the remote build that exposes the delegate module\n app1: \"app1@http://localhost:3001/remoteEntry.js\",\n },\n }),\n ],\n};\n", "old_state": 100 }, "id": 62521289, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521289/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784699/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:33.152004+02:00", "action": 13, "target": "The delegate module can then be consumed by any application that has access to the remote build that exposes it. For example, if you have an application named `host` that consumes the delegate module from `app1`, you can configure it like this:", "old": "The delegate module can then be consumed by any application that has access to the remote build that exposes it. For example, if you have an application named `host` that consumes the delegate module from `app1`, you can configure it like this:", "details": { "state": 100, "source": "The delegate module can then be consumed by any application that has access to the remote build that exposes it. For example, if you have an application named `host` that consumes the delegate module from `app1`, you can configure it like this:", "old_state": 100 }, "id": 62521288, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521288/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784697/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:33.120583+02:00", "action": 13, "target": "The `get` function uses the `get` function from the `webpack/container/entry/dynamic-remotes` module, which is a helper function provided by webpack for loading dynamic remotes. It takes the name of the remote build and the name of the exposed module as arguments, and returns a promise that resolves to the actual module.", "old": "The `get` function uses the `get` function from the `webpack/container/entry/dynamic-remotes` module, which is a helper function provided by webpack for loading dynamic remotes. It takes the name of the remote build and the name of the exposed module as arguments, and returns a promise that resolves to the actual module.", "details": { "state": 100, "source": "The `get` function uses the `get` function from the `webpack/container/entry/dynamic-remotes` module, which is a helper function provided by webpack for loading dynamic remotes. It takes the name of the remote build and the name of the exposed module as arguments, and returns a promise that resolves to the actual module.", "old_state": 100 }, "id": 62521287, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521287/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784695/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:33.087355+02:00", "action": 13, "target": " // Define a getter function that returns a promise for the actual module\n get: () => get(\"app2/foo\"),\n};\n", "old": " // Define a getter function that returns a promise for the actual module\n get: () => get(\"app2/foo\"),\n};\n", "details": { "state": 100, "source": " // Define a getter function that returns a promise for the actual module\n get: () => get(\"app2/foo\"),\n};\n", "old_state": 100 }, "id": 62521286, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521286/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784693/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:33.061797+02:00", "action": 13, "target": "export default {\n // Specify the name and type of the remote build\n remote: \"app2\",\n remoteType: \"var\",\n", "old": "export default {\n // Specify the name and type of the remote build\n remote: \"app2\",\n remoteType: \"var\",\n", "details": { "state": 100, "source": "export default {\n // Specify the name and type of the remote build\n remote: \"app2\",\n remoteType: \"var\",\n", "old_state": 100 }, "id": 62521285, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521285/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784691/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:33.035444+02:00", "action": 13, "target": "// src/delegate.js for app1\nimport { get } from \"webpack/container/entry/dynamic-remotes\";\n", "old": "// src/delegate.js for app1\nimport { get } from \"webpack/container/entry/dynamic-remotes\";\n", "details": { "state": 100, "source": "// src/delegate.js for app1\nimport { get } from \"webpack/container/entry/dynamic-remotes\";\n", "old_state": 100 }, "id": 62521284, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521284/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784689/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:33.010011+02:00", "action": 13, "target": "The `src/delegate.js` file contains the code for the delegate module. For example, if you want to delegate the loading of a module named `foo` from another remote build named `app2`, you can write it like this:", "old": "The `src/delegate.js` file contains the code for the delegate module. For example, if you want to delegate the loading of a module named `foo` from another remote build named `app2`, you can write it like this:", "details": { "state": 100, "source": "The `src/delegate.js` file contains the code for the delegate module. For example, if you want to delegate the loading of a module named `foo` from another remote build named `app2`, you can write it like this:", "old_state": 100 }, "id": 62521283, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521283/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784687/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.977838+02:00", "action": 13, "target": "// webpack.config.js for app1\nmodule.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"app1\",\n filename: \"remoteEntry.js\",\n exposes: {\n \"./delegate\": \"./src/delegate.js\",\n },\n }),\n ],\n};\n", "old": "// webpack.config.js for app1\nmodule.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"app1\",\n filename: \"remoteEntry.js\",\n exposes: {\n \"./delegate\": \"./src/delegate.js\",\n },\n }),\n ],\n};\n", "details": { "state": 100, "source": "// webpack.config.js for app1\nmodule.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"app1\",\n filename: \"remoteEntry.js\",\n exposes: {\n \"./delegate\": \"./src/delegate.js\",\n },\n }),\n ],\n};\n", "old_state": 100 }, "id": 62521282, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521282/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784685/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.945351+02:00", "action": 13, "target": "The delegate module can be exposed by any remote build using the `exposes` option in the Module Federation plugin configuration. For example, if you have a remote build named `app1` that exposes a delegate module named `delegate`, you can configure it like this:", "old": "The delegate module can be exposed by any remote build using the `exposes` option in the Module Federation plugin configuration. For example, if you have a remote build named `app1` that exposes a delegate module named `delegate`, you can configure it like this:", "details": { "state": 100, "source": "The delegate module can be exposed by any remote build using the `exposes` option in the Module Federation plugin configuration. For example, if you have a remote build named `app1` that exposes a delegate module named `delegate`, you can configure it like this:", "old_state": 100 }, "id": 62521281, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521281/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784683/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.919504+02:00", "action": 13, "target": "The delegate module also has a `get` method that returns a promise that resolves to the actual module. The `get` method takes care of loading the remote build and requesting the actual module from it.", "old": "The delegate module also has a `get` method that returns a promise that resolves to the actual module. The `get` method takes care of loading the remote build and requesting the actual module from it.", "details": { "state": 100, "source": "The delegate module also has a `get` method that returns a promise that resolves to the actual module. The `get` method takes care of loading the remote build and requesting the actual module from it.", "old_state": 100 }, "id": 62521280, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521280/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784681/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.898717+02:00", "action": 13, "target": "The delegate module has two main properties: `remote` and `remoteType`. The `remote` property specifies the name of the remote build that contains the actual module. The `remoteType` property specifies the type of the remote build, such as `var`, `script`, `module`, etc.", "old": "The delegate module has two main properties: `remote` and `remoteType`. The `remote` property specifies the name of the remote build that contains the actual module. The `remoteType` property specifies the type of the remote build, such as `var`, `script`, `module`, etc.", "details": { "state": 100, "source": "The delegate module has two main properties: `remote` and `remoteType`. The `remote` property specifies the name of the remote build that contains the actual module. The `remoteType` property specifies the type of the remote build, such as `var`, `script`, `module`, etc.", "old_state": 100 }, "id": 62521279, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521279/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784679/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.874297+02:00", "action": 13, "target": "A delegate module is a federated module that does not contain any code of its own, but instead delegates the loading and execution of another module to a different remote build. The delegate module acts as a placeholder for the actual module until it is requested by the application.", "old": "A delegate module is a federated module that does not contain any code of its own, but instead delegates the loading and execution of another module to a different remote build. The delegate module acts as a placeholder for the actual module until it is requested by the application.", "details": { "state": 100, "source": "A delegate module is a federated module that does not contain any code of its own, but instead delegates the loading and execution of another module to a different remote build. The delegate module acts as a placeholder for the actual module until it is requested by the application.", "old_state": 100 }, "id": 62521278, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521278/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784677/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.842272+02:00", "action": 13, "target": "How Delegate Modules work", "old": "How Delegate Modules work", "details": { "state": 100, "source": "How Delegate Modules work", "old_state": 100 }, "id": 62521277, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521277/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784675/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.805734+02:00", "action": 13, "target": "Delegate modules can support ESI and KV integration on edge networks by fetching HTML and returning it as React components. This approach enables a more agnostic method for distributed systems without requiring a complete top-to-bottom implementation for edge deployment. By leveraging delegate modules, you can simplify the process of implementing edge-side applications and enhance their performance.", "old": "Delegate modules can support ESI and KV integration on edge networks by fetching HTML and returning it as React components. This approach enables a more agnostic method for distributed systems without requiring a complete top-to-bottom implementation for edge deployment. By leveraging delegate modules, you can simplify the process of implementing edge-side applications and enhance their performance.", "details": { "state": 100, "source": "Delegate modules can support ESI and KV integration on edge networks by fetching HTML and returning it as React components. This approach enables a more agnostic method for distributed systems without requiring a complete top-to-bottom implementation for edge deployment. By leveraging delegate modules, you can simplify the process of implementing edge-side applications and enhance their performance.", "old_state": 100 }, "id": 62521276, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521276/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784673/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.777695+02:00", "action": 13, "target": "Edge Side Includes (ESI) and Key Value (KV) Integration", "old": "Edge Side Includes (ESI) and Key Value (KV) Integration", "details": { "state": 100, "source": "Edge Side Includes (ESI) and Key Value (KV) Integration", "old_state": 100 }, "id": 62521275, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521275/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784671/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.752579+02:00", "action": 13, "target": "Delegate modules can also be employed for server-side integration. They can be used to fetch remote entries from various sources, such as databases or file systems, without relying solely on HTTP. This approach offers enhanced security and control over user-based access and data retrieval, allowing for more granular access control and data protection.", "old": "Delegate modules can also be employed for server-side integration. They can be used to fetch remote entries from various sources, such as databases or file systems, without relying solely on HTTP. This approach offers enhanced security and control over user-based access and data retrieval, allowing for more granular access control and data protection.", "details": { "state": 100, "source": "Delegate modules can also be employed for server-side integration. They can be used to fetch remote entries from various sources, such as databases or file systems, without relying solely on HTTP. This approach offers enhanced security and control over user-based access and data retrieval, allowing for more granular access control and data protection.", "old_state": 100 }, "id": 62521274, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521274/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784669/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.726222+02:00", "action": 13, "target": "Server-Side Integration", "old": "Server-Side Integration", "details": { "state": 100, "source": "Server-Side Integration", "old_state": 100 }, "id": 62521273, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521273/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784667/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.700441+02:00", "action": 13, "target": "One of the primary use cases for delegate modules is handling fallbacks. In scenarios where a remote is not available when expected, you can use delegate modules to recover the federated remote seamlessly. This middleware approach allows you to redirect Webpack to retrieve alternative code while maintaining the same import interface, resulting in a more resilient application.", "old": "One of the primary use cases for delegate modules is handling fallbacks. In scenarios where a remote is not available when expected, you can use delegate modules to recover the federated remote seamlessly. This middleware approach allows you to redirect Webpack to retrieve alternative code while maintaining the same import interface, resulting in a more resilient application.", "details": { "state": 100, "source": "One of the primary use cases for delegate modules is handling fallbacks. In scenarios where a remote is not available when expected, you can use delegate modules to recover the federated remote seamlessly. This middleware approach allows you to redirect Webpack to retrieve alternative code while maintaining the same import interface, resulting in a more resilient application.", "old_state": 100 }, "id": 62521272, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521272/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784665/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.670167+02:00", "action": 13, "target": "Fallbacks", "old": "Fallbacks", "details": { "state": 100, "source": "Fallbacks", "old_state": 100 }, "id": 62521271, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521271/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784663/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.645165+02:00", "action": 13, "target": "Exploring Use Cases", "old": "Exploring Use Cases", "details": { "state": 100, "source": "Exploring Use Cases", "old_state": 100 }, "id": 62521270, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521270/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784661/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.603797+02:00", "action": 13, "target": "Seamlessly integrate with different environments, such as edge workers or server-side applications, without the need for complex top-to-bottom implementation.", "old": "Seamlessly integrate with different environments, such as edge workers or server-side applications, without the need for complex top-to-bottom implementation.", "details": { "state": 100, "source": "Seamlessly integrate with different environments, such as edge workers or server-side applications, without the need for complex top-to-bottom implementation.", "old_state": 100 }, "id": 62521269, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521269/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784659/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.578857+02:00", "action": 13, "target": "Implement robust middleware between the connection points of Webpack graphs, gaining unprecedented control over graphs and their behavior.", "old": "Implement robust middleware between the connection points of Webpack graphs, gaining unprecedented control over graphs and their behavior.", "details": { "state": 100, "source": "Implement robust middleware between the connection points of Webpack graphs, gaining unprecedented control over graphs and their behavior.", "old_state": 100 }, "id": 62521268, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521268/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784657/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.547590+02:00", "action": 13, "target": "Access various methods for retrieving containers, including HTTP, file systems, or even databases, without waiting for support from the module federation team.", "old": "Access various methods for retrieving containers, including HTTP, file systems, or even databases, without waiting for support from the module federation team.", "details": { "state": 100, "source": "Access various methods for retrieving containers, including HTTP, file systems, or even databases, without waiting for support from the module federation team.", "old_state": 100 }, "id": 62521267, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521267/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784655/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.519076+02:00", "action": 13, "target": "Bundle a diverse range of entry point logic, effectively creating a framework-like structure for managing federated remotes.", "old": "Bundle a diverse range of entry point logic, effectively creating a framework-like structure for managing federated remotes.", "details": { "state": 100, "source": "Bundle a diverse range of entry point logic, effectively creating a framework-like structure for managing federated remotes.", "old_state": 100 }, "id": 62521266, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521266/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784653/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.490794+02:00", "action": 13, "target": "Gain fine-grained control over the glue code part of when Webpack requests a remote and how it retrieves the container, without the brittleness and restrictions of traditional methods.", "old": "Gain fine-grained control over the glue code part of when Webpack requests a remote and how it retrieves the container, without the brittleness and restrictions of traditional methods.", "details": { "state": 100, "source": "Gain fine-grained control over the glue code part of when Webpack requests a remote and how it retrieves the container, without the brittleness and restrictions of traditional methods.", "old_state": 100 }, "id": 62521265, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521265/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784651/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.457199+02:00", "action": 13, "target": "Delegate modules provide several benefits when compared to the older implementation involving the \"promise new promise\" syntax. By adopting delegate modules, you can:", "old": "Delegate modules provide several benefits when compared to the older implementation involving the \"promise new promise\" syntax. By adopting delegate modules, you can:", "details": { "state": 100, "source": "Delegate modules provide several benefits when compared to the older implementation involving the \"promise new promise\" syntax. By adopting delegate modules, you can:", "old_state": 100 }, "id": 62521264, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521264/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784649/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.426850+02:00", "action": 13, "target": "Advantages of Using Delegate Modules", "old": "Advantages of Using Delegate Modules", "details": { "state": 100, "source": "Advantages of Using Delegate Modules", "old_state": 100 }, "id": 62521263, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521263/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784647/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.399981+02:00", "action": 13, "target": "Compared to using the promise `new Promise syntax`, delegate modules are bundled into Webpack and can utilize `require` and `import` statements. This makes them ideal for handling complex requirements such as loading remote modules or customizing the federation API. However, it's important to note that delegate modules are an advanced feature and may not be necessary for the majority of users.", "old": "Compared to using the promise `new Promise syntax`, delegate modules are bundled into Webpack and can utilize `require` and `import` statements. This makes them ideal for handling complex requirements such as loading remote modules or customizing the federation API. However, it's important to note that delegate modules are an advanced feature and may not be necessary for the majority of users.", "details": { "state": 100, "source": "Compared to using the promise `new Promise syntax`, delegate modules are bundled into Webpack and can utilize `require` and `import` statements. This makes them ideal for handling complex requirements such as loading remote modules or customizing the federation API. However, it's important to note that delegate modules are an advanced feature and may not be necessary for the majority of users.", "old_state": 100 }, "id": 62521262, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521262/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784645/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.362329+02:00", "action": 13, "target": "Traditionally, managing dynamic remotes involved injecting a script using the low-level module federation API, which resulted in losing many of Webpack's features. With delegate modules, you can now instruct Webpack that a remote entry is a code within the Webpack build itself, enabling you to bundle various entry-point logic and export back a promise that resolves to a federated remote.", "old": "Traditionally, managing dynamic remotes involved injecting a script using the low-level module federation API, which resulted in losing many of Webpack's features. With delegate modules, you can now instruct Webpack that a remote entry is a code within the Webpack build itself, enabling you to bundle various entry-point logic and export back a promise that resolves to a federated remote.", "details": { "state": 100, "source": "Traditionally, managing dynamic remotes involved injecting a script using the low-level module federation API, which resulted in losing many of Webpack's features. With delegate modules, you can now instruct Webpack that a remote entry is a code within the Webpack build itself, enabling you to bundle various entry-point logic and export back a promise that resolves to a federated remote.", "old_state": 100 }, "id": 62521261, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521261/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784643/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.329197+02:00", "action": 13, "target": "To get more familiar with the concept of Dynamic Remotes, we suggest reading a dedicated documentation page: xref:dynamic-remotes.adoc[Dynamic Remotes]", "old": "To get more familiar with the concept of Dynamic Remotes, we suggest reading a dedicated documentation page: xref:dynamic-remotes.adoc[Dynamic Remotes]", "details": { "state": 100, "source": "To get more familiar with the concept of Dynamic Remotes, we suggest reading a dedicated documentation page: xref:dynamic-remotes.adoc[Dynamic Remotes]", "old_state": 100 }, "id": 62521260, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521260/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784641/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.298214+02:00", "action": 13, "target": "Delegate modules have been introduced to tackle a longstanding challenge in the module federation space - dynamic remotes. These modules offer a more streamlined and scalable way to control the \"glue\" code that connects remote applications, without sacrificing the advantages of Webpack.", "old": "Delegate modules have been introduced to tackle a longstanding challenge in the module federation space - dynamic remotes. These modules offer a more streamlined and scalable way to control the \"glue\" code that connects remote applications, without sacrificing the advantages of Webpack.", "details": { "state": 100, "source": "Delegate modules have been introduced to tackle a longstanding challenge in the module federation space - dynamic remotes. These modules offer a more streamlined and scalable way to control the \"glue\" code that connects remote applications, without sacrificing the advantages of Webpack.", "old_state": 100 }, "id": 62521259, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521259/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784639/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.273127+02:00", "action": 13, "target": "Understanding Delegate Modules", "old": "Understanding Delegate Modules", "details": { "state": 100, "source": "Understanding Delegate Modules", "old_state": 100 }, "id": 62521258, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521258/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784637/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.228080+02:00", "action": 13, "target": "In this comprehensive guide, we will delve into the powerful feature of Delegate Modules in Module Federation version 7, exploring their purpose, use cases, and implementation techniques. We will also discuss how they can enhance the flexibility and control of your Webpack configuration, empowering you to create more sophisticated applications", "old": "In this comprehensive guide, we will delve into the powerful feature of Delegate Modules in Module Federation version 7, exploring their purpose, use cases, and implementation techniques. We will also discuss how they can enhance the flexibility and control of your Webpack configuration, empowering you to create more sophisticated applications", "details": { "state": 100, "source": "In this comprehensive guide, we will delve into the powerful feature of Delegate Modules in Module Federation version 7, exploring their purpose, use cases, and implementation techniques. We will also discuss how they can enhance the flexibility and control of your Webpack configuration, empowering you to create more sophisticated applications", "old_state": 100 }, "id": 62521257, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521257/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784635/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.197625+02:00", "action": 13, "target": "Getting Familiar with Delegate Modules: An In-Depth Guide ", "old": "Getting Familiar with Delegate Modules: An In-Depth Guide ", "details": { "state": 100, "source": "Getting Familiar with Delegate Modules: An In-Depth Guide ", "old_state": 100 }, "id": 62521256, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521256/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784633/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.168048+02:00", "action": 13, "target": "If you want to learn more about composable commerce with module federation, you can check out these resources:", "old": "If you want to learn more about composable commerce with module federation, you can check out these resources:", "details": { "state": 100, "source": "If you want to learn more about composable commerce with module federation, you can check out these resources:", "old_state": 100 }, "id": 62521255, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521255/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784631/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.121746+02:00", "action": 13, "target": "Test your composable commerce application by accessing http://localhost:3003/ in your browser.", "old": "Test your composable commerce application by accessing http://localhost:3003/ in your browser.", "details": { "state": 100, "source": "Test your composable commerce application by accessing http://localhost:3003/ in your browser.", "old_state": 100 }, "id": 62521254, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521254/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784629/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.080832+02:00", "action": 13, "target": "Deploy each module and shell application separately on different servers or domains. For example, you can deploy `catalog-app` on http://localhost:3001/, `cart-app` on http://localhost:3002/, and `shell-app` on http://localhost:3003/.", "old": "Deploy each module and shell application separately on different servers or domains. For example, you can deploy `catalog-app` on http://localhost:3001/, `cart-app` on http://localhost:3002/, and `shell-app` on http://localhost:3003/.", "details": { "state": 100, "source": "Deploy each module and shell application separately on different servers or domains. For example, you can deploy `catalog-app` on http://localhost:3001/, `cart-app` on http://localhost:3002/, and `shell-app` on http://localhost:3003/.", "old_state": 100 }, "id": 62521253, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521253/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784627/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.051550+02:00", "action": 13, "target": "function Shell() {\n return (\n <Router>\n <div className=\"shell\">\n <Header />\n {/* render module applications based on route */}\n <Route path=\"/products\">\n <React.Suspense fallback={<div>Loading...</div>}>\n <ProductList />\n </React.Suspense>\n </Route>\n <Route path=\"/cart\">\n <React.Suspense fallback={<div>Loading...</div>}>\n <Cart />\n </React.Suspense>\n </Route>\n {/* render other routes */}\n <Footer />\n </div>\n </Router>\n );\n}\n", "old": "function Shell() {\n return (\n <Router>\n <div className=\"shell\">\n <Header />\n {/* render module applications based on route */}\n <Route path=\"/products\">\n <React.Suspense fallback={<div>Loading...</div>}>\n <ProductList />\n </React.Suspense>\n </Route>\n <Route path=\"/cart\">\n <React.Suspense fallback={<div>Loading...</div>}>\n <Cart />\n </React.Suspense>\n </Route>\n {/* render other routes */}\n <Footer />\n </div>\n </Router>\n );\n}\n", "details": { "state": 100, "source": "function Shell() {\n return (\n <Router>\n <div className=\"shell\">\n <Header />\n {/* render module applications based on route */}\n <Route path=\"/products\">\n <React.Suspense fallback={<div>Loading...</div>}>\n <ProductList />\n </React.Suspense>\n </Route>\n <Route path=\"/cart\">\n <React.Suspense fallback={<div>Loading...</div>}>\n <Cart />\n </React.Suspense>\n </Route>\n {/* render other routes */}\n <Footer />\n </div>\n </Router>\n );\n}\n", "old_state": 100 }, "id": 62521252, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521252/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784625/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:32.018564+02:00", "action": 13, "target": "const Cart = React.lazy(() =>\n import(\"cart/Cart\")\n);\n", "old": "const Cart = React.lazy(() =>\n import(\"cart/Cart\")\n);\n", "details": { "state": 100, "source": "const Cart = React.lazy(() =>\n import(\"cart/Cart\")\n);\n", "old_state": 100 }, "id": 62521251, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521251/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784623/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:31.982990+02:00", "action": 13, "target": "And use React.lazy() to load and render the cart component from the `cart-app` when the user navigates to `/cart`:", "old": "And use React.lazy() to load and render the cart component from the `cart-app` when the user navigates to `/cart`:", "details": { "state": 100, "source": "And use React.lazy() to load and render the cart component from the `cart-app` when the user navigates to `/cart`:", "old_state": 100 }, "id": 62521250, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521250/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784621/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:31.948119+02:00", "action": 13, "target": "module.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"shell\",\n filename: \"remoteEntry.js\",\n remotes: {\n catalog: \"catalog@http://localhost:3001/remoteEntry.js\",\n cart: \"cart@http://localhost:3002/remoteEntry.js\",\n },\n shared: {\n // specify shared dependencies\n react: { singleton: true },\n \"react-router-dom\": { singleton: true },\n },\n }),\n ],\n};\n", "old": "module.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"shell\",\n filename: \"remoteEntry.js\",\n remotes: {\n catalog: \"catalog@http://localhost:3001/remoteEntry.js\",\n cart: \"cart@http://localhost:3002/remoteEntry.js\",\n },\n shared: {\n // specify shared dependencies\n react: { singleton: true },\n \"react-router-dom\": { singleton: true },\n },\n }),\n ],\n};\n", "details": { "state": 100, "source": "module.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"shell\",\n filename: \"remoteEntry.js\",\n remotes: {\n catalog: \"catalog@http://localhost:3001/remoteEntry.js\",\n cart: \"cart@http://localhost:3002/remoteEntry.js\",\n },\n shared: {\n // specify shared dependencies\n react: { singleton: true },\n \"react-router-dom\": { singleton: true },\n },\n }),\n ],\n};\n", "old_state": 100 }, "id": 62521249, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521249/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784619/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:31.913152+02:00", "action": 13, "target": "In the shell application, you can consume the cart component as a remote module:", "old": "In the shell application, you can consume the cart component as a remote module:", "details": { "state": 100, "source": "In the shell application, you can consume the cart component as a remote module:", "old_state": 100 }, "id": 62521248, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521248/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784617/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:31.878331+02:00", "action": 13, "target": "module.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"cart\",\n filename: \"remoteEntry.js\",\n exposes: {\n \"./Cart\": \"./src/Cart\",\n },\n shared: {\n // specify shared dependencies\n react: { singleton: true },\n \"react-router-dom\": { singleton: true },\n axios: { singleton: true },\n },\n }),\n ],\n};\n", "old": "module.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"cart\",\n filename: \"remoteEntry.js\",\n exposes: {\n \"./Cart\": \"./src/Cart\",\n },\n shared: {\n // specify shared dependencies\n react: { singleton: true },\n \"react-router-dom\": { singleton: true },\n axios: { singleton: true },\n },\n }),\n ],\n};\n", "details": { "state": 100, "source": "module.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"cart\",\n filename: \"remoteEntry.js\",\n exposes: {\n \"./Cart\": \"./src/Cart\",\n },\n shared: {\n // specify shared dependencies\n react: { singleton: true },\n \"react-router-dom\": { singleton: true },\n axios: { singleton: true },\n },\n }),\n ],\n};\n", "old_state": 100 }, "id": 62521247, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521247/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784615/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:31.848425+02:00", "action": 13, "target": "Repeat steps 3 and 4 for other module applications such as `cart-app` and `checkout-app`. For example, in the `cart-app`, you can expose the cart component as a remote module:", "old": "Repeat steps 3 and 4 for other module applications such as `cart-app` and `checkout-app`. For example, in the `cart-app`, you can expose the cart component as a remote module:", "details": { "state": 100, "source": "Repeat steps 3 and 4 for other module applications such as `cart-app` and `checkout-app`. For example, in the `cart-app`, you can expose the cart component as a remote module:", "old_state": 100 }, "id": 62521246, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521246/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784613/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:31.824302+02:00", "action": 13, "target": "function Shell() {\n return (\n <Router>\n <div className=\"shell\">\n <Header />\n {/* render module applications based on route */}\n <Route path=\"/products\">\n <React.Suspense fallback={<div>Loading...</div>}>\n <ProductList />\n </React.Suspense>\n </Route>\n {/* render other routes */}\n <Footer />\n </div>\n </Router>\n );\n}\n", "old": "function Shell() {\n return (\n <Router>\n <div className=\"shell\">\n <Header />\n {/* render module applications based on route */}\n <Route path=\"/products\">\n <React.Suspense fallback={<div>Loading...</div>}>\n <ProductList />\n </React.Suspense>\n </Route>\n {/* render other routes */}\n <Footer />\n </div>\n </Router>\n );\n}\n", "details": { "state": 100, "source": "function Shell() {\n return (\n <Router>\n <div className=\"shell\">\n <Header />\n {/* render module applications based on route */}\n <Route path=\"/products\">\n <React.Suspense fallback={<div>Loading...</div>}>\n <ProductList />\n </React.Suspense>\n </Route>\n {/* render other routes */}\n <Footer />\n </div>\n </Router>\n );\n}\n", "old_state": 100 }, "id": 62521245, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521245/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784611/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:31.797003+02:00", "action": 13, "target": "const ProductList = React.lazy(() =>\n import(\"catalog/ProductList\")\n);\n", "old": "const ProductList = React.lazy(() =>\n import(\"catalog/ProductList\")\n);\n", "details": { "state": 100, "source": "const ProductList = React.lazy(() =>\n import(\"catalog/ProductList\")\n);\n", "old_state": 100 }, "id": 62521244, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521244/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784609/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:31.772823+02:00", "action": 13, "target": "// src/Shell.js\nimport React from \"react\";\nimport { BrowserRouter as Router, Route } from \"react-router-dom\";\nimport Header from \"./Header\";\nimport Footer from \"./Footer\";\n", "old": "// src/Shell.js\nimport React from \"react\";\nimport { BrowserRouter as Router, Route } from \"react-router-dom\";\nimport Header from \"./Header\";\nimport Footer from \"./Footer\";\n", "details": { "state": 100, "source": "// src/Shell.js\nimport React from \"react\";\nimport { BrowserRouter as Router, Route } from \"react-router-dom\";\nimport Header from \"./Header\";\nimport Footer from \"./Footer\";\n", "old_state": 100 }, "id": 62521243, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521243/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784607/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:31.739586+02:00", "action": 13, "target": "Use dynamic imports or custom hooks to load and use remote modules in your shell or module applications. For example, in the shell application, you can use React.lazy() to load and render the product list component from the `catalog-app` when the user navigates to `/products`:", "old": "Use dynamic imports or custom hooks to load and use remote modules in your shell or module applications. For example, in the shell application, you can use React.lazy() to load and render the product list component from the `catalog-app` when the user navigates to `/products`:", "details": { "state": 100, "source": "Use dynamic imports or custom hooks to load and use remote modules in your shell or module applications. For example, in the shell application, you can use React.lazy() to load and render the product list component from the `catalog-app` when the user navigates to `/products`:", "old_state": 100 }, "id": 62521242, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521242/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784605/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:31.708781+02:00", "action": 13, "target": "module.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"shell\",\n filename: \"remoteEntry.js\",\n remotes: {\n catalog: \"catalog@http://localhost:3001/remoteEntry.js\",\n },\n shared: {\n // specify shared dependencies\n react: { singleton: true },\n \"react-router-dom\": { singleton: true },\n },\n }),\n ],\n};\n", "old": "module.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"shell\",\n filename: \"remoteEntry.js\",\n remotes: {\n catalog: \"catalog@http://localhost:3001/remoteEntry.js\",\n },\n shared: {\n // specify shared dependencies\n react: { singleton: true },\n \"react-router-dom\": { singleton: true },\n },\n }),\n ],\n};\n", "details": { "state": 100, "source": "module.exports = {\n // ...\n plugins: [\n new ModuleFederationPlugin({\n name: \"shell\",\n filename: \"remoteEntry.js\",\n remotes: {\n catalog: \"catalog@http://localhost:3001/remoteEntry.js\",\n },\n shared: {\n // specify shared dependencies\n react: { singleton: true },\n \"react-router-dom\": { singleton: true },\n },\n }),\n ],\n};\n", "old_state": 100 }, "id": 62521241, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521241/?format=api" }, { "unit": "https://hosted.weblate.org/api/units/102784603/?format=api", "component": "https://hosted.weblate.org/api/components/module-federation-documentation-oss/module-federation-documentation-main-docs/?format=api", "translation": "https://hosted.weblate.org/api/translations/module-federation-documentation-oss/module-federation-documentation-main-docs/en/?format=api", "user": null, "author": null, "timestamp": "2023-08-01T16:41:31.671833+02:00", "action": 13, "target": "In the shell application, you should consume the product list component as a remote module using the `remotes` option:", "old": "In the shell application, you should consume the product list component as a remote module using the `remotes` option:", "details": { "state": 100, "source": "In the shell application, you should consume the product list component as a remote module using the `remotes` option:", "old_state": 100 }, "id": 62521240, "action_name": "Source string added", "url": "https://hosted.weblate.org/api/changes/62521240/?format=api" } ] }