Bump version to 1.0.2 and update README

Author: redneckz

.yarnrc.yml

@@ -3,15 +3,11 @@ changesetBaseRefs:
   - origin/main
   - upstream/main
 
-npmScopes:
-  redneckz:
-    npmAlwaysAuth: true
-    npmAuthIdent: "${NPM_REGISTRY_AUTH-}"
-    npmPublishRegistry: "${NPM_REGISTRY-}"
-  rshb:
-    npmAlwaysAuth: true
-    npmAuthIdent: "${NPM_REGISTRY_AUTH-}"
-    npmPublishRegistry: "${NPM_REGISTRY-}"
+# npmScopes:
+#   redneckz:
+#     npmAlwaysAuth: true
+#     npmAuthIdent: "${NPM_REGISTRY_AUTH-}"
+#     npmPublishRegistry: "${NPM_REGISTRY-}"
 
 packageExtensions:
   babel-loader@*:

README.md

@@ -181,7 +181,7 @@ import React from 'react';
 import { Redirect, Switch, Route } from 'react-router-dom';
 
 import { register } from '@redneckz/microfront-core';
-import { MicroFrontInShadow } from '@redneckz/microfront-core-react';
+import { MicroFrontContainer } from '@redneckz/microfront-core-react';
 
 const bootstrapFoo = register(
     'foo', // remote module name according to Module Federation config
@@ -191,58 +191,15 @@ const bootstrapFoo = register(
 export const App: React.FC = () => (
     <Switch>
         <Route path="path/to/foo">
-            <MicroFrontInShadow route="path/to/foo" bootstrap={bootstrapFoo}>
+            <MicroFrontContainer route="path/to/foo" bootstrap={bootstrapFoo}>
                 {mountingRootRef => <div ref={mountingRootRef}>Loading...</div>}
-            </MicroFrontInShadow>
+            </MicroFrontContainer>
         </Route>
         ...
     </Switch>
 );
 ```
 
-## Step #4 [Angular] Host Container
-
-TODO Implement @redneckz/microfront-core-angular
-
-```ts
-import { Component, NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-import { register } from '@redneckz/microfront-core';
-import { MicroFrontCoreModule } from '@redneckz/microfront-core-angular';
-
-const bootstrapFoo = register(
-    'foo', // remote module name according to Module Federation config
-    () => import('foo/foo-page') //  remote module
-);
-
-@Component({
-    // "microfront-in-shadow" is a part of "MicroFrontCoreModule"
-    template: '<microfront-in-shadow route="path/to/foo" [bootstrap]="bootstrap"></microfront-in-shadow>'
-})
-export class FooInShadowComponent {
-    bootstrap = bootstrapFoo;
-}
-
-const routes: Routes = [
-    ...,
-    {
-        path: 'path/to/foo', // remote module root route
-        children: [{
-            path: '**',
-            component: FooInShadowComponent
-        }]
-    }
-];
-
-@NgModule({
-    declarations: [FooInShadowComponent],
-    imports: [RouterModule.forRoot(routes), MicroFrontCoreModule],
-    exports: [RouterModule]
-})
-export class AppRoutingModule {}
-```
-
 ## Step #5 [React] Micro Frontend
 
 ```tsx

demo/react-host/src/components/App.tsx

@@ -36,7 +36,7 @@ export const App: React.FC = () => (
     <Router>
         <Layout
             header={
-                /* Typings are correctly seeped from "bootstrapHeader" to "MicroFrontInShadow" */
+                /* Typings are correctly seeped from "bootstrapHeader" to "MicroFrontContainer" */
                 <MicroFrontContainer bootstrap={bootstrapHeader} title="Micro Frontend Host Container">
                     {mountingRootRef => <div ref={mountingRootRef}>Loading...</div>}
                 </MicroFrontContainer>

packages/microfront-core-react/README.md

@@ -128,7 +128,7 @@ Integrate micro frontend with host container and pass in additional params:
 import React from 'react';
 
 import { register } from '@redneckz/microfront-core';
-import { MicroFrontInShadow } from '@redneckz/microfront-core-react';
+import { MicroFrontContainer } from '@redneckz/microfront-core-react';
 
 import { Layout } from './Layout';
 
@@ -149,10 +149,10 @@ const bootstrapHeader = register<HeaderProps>(
 export const App: React.FC = () => (
     <Layout
         header={
-            /* Typings are correctly seeped from "bootstrapHeader" to "MicroFrontInShadow" */
-            <MicroFrontInShadow bootstrap={bootstrapHeader} title="Micro Frontends">
+            /* Typings are correctly seeped from "bootstrapHeader" to "MicroFrontContainer" */
+            <MicroFrontContainer bootstrap={bootstrapHeader} title="Micro Frontends">
                 {mountingRootRef => <div ref={mountingRootRef}>Loading...</div>}
-            </MicroFrontInShadow>
+            </MicroFrontContainer>
         }
     >
         ...

packages/microfront-core-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/microfront-core-react",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Microfrontend lightweight core library for React",
   "keywords": [
     "microfrontend",

packages/microfront-core-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/microfront-core-vue",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Microfrontend lightweight core library for Vue 3",
   "main": "dist/index.js",
   "module": "lib/index.js",

packages/microfront-core-vue2/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/microfront-core-vue2",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Microfrontend lightweight core library for Vue 2",
   "main": "dist/index.js",
   "module": "lib/index.js",

packages/microfront-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/microfront-core",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Microfrontend lightweight core library",
   "keywords": [
     "microfrontend"

packages/module-federation-utils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/module-federation-utils",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Module Federation Utils",
   "keywords": [
     "webpack",