diff --git a/199.2ac2a347950aa670cfe3.js b/199.2ac2a347950aa670cfe3.js deleted file mode 100644 index 42a37bf9..00000000 --- a/199.2ac2a347950aa670cfe3.js +++ /dev/null @@ -1,109 +0,0 @@ -"use strict"; -(self["webpackChunkdemo"] = self["webpackChunkdemo"] || []).push([[199],{ - -/***/ 8727: -/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { - -// ESM COMPAT FLAG -__webpack_require__.r(__webpack_exports__); - -// EXPORTS -__webpack_require__.d(__webpack_exports__, { - AssetMapModule: () => (/* binding */ AssetMapModule) -}); - -// EXTERNAL MODULE: consume shared module (default) @angular/router@=12.2.17 (strict) (singleton) (fallback: ./node_modules/@angular/router/fesm2015/router.js) -var router_js_ = __webpack_require__(2541); -// EXTERNAL MODULE: ./node_modules/@taiga-ui/addon-doc/fesm2015/taiga-ui-addon-doc.js + 166 modules -var taiga_ui_addon_doc = __webpack_require__(6154); -// EXTERNAL MODULE: ./node_modules/@taiga-ui/core/fesm2015/taiga-ui-core-components-link.js -var taiga_ui_core_components_link = __webpack_require__(2847); -// EXTERNAL MODULE: ./apps/demo/src/app/shared/host-child-warning/host-child-warning.module.ts -var host_child_warning_module = __webpack_require__(6099); -// EXTERNAL MODULE: consume shared module (default) @angular/core@=12.2.17 (strict) (singleton) (fallback: ./node_modules/@angular/core/fesm2015/core.js) -var core_js_ = __webpack_require__(8312); -// EXTERNAL MODULE: ./apps/demo/src/app/shared/host-child-warning/host-child-warning.component.ts -var host_child_warning_component = __webpack_require__(5773); -;// CONCATENATED MODULE: ./apps/demo/src/app/modules/asset-map/asset-map.component.ts - - - - - -let AssetMapComponent = /*#__PURE__*/(() => { - class AssetMapComponent {} - AssetMapComponent.ɵfac = function AssetMapComponent_Factory(t) { - return new (t || AssetMapComponent)(); - }; - AssetMapComponent.ɵcmp = /*@__PURE__*/core_js_["ɵɵdefineComponent"]({ - type: AssetMapComponent, - selectors: [["asset-map"]], - decls: 19, - vars: 0, - consts: [["header", "What is an asset map"], [1, "tui-space_top-4"], ["tuiLink", "", "routerLink", "/native-child"], ["tuiLink", "", "routerLink", "/angular-child"], ["tuiLink", "", "routerLink", "/react-child"]], - template: function AssetMapComponent_Template(rf, ctx) { - if (rf & 1) { - core_js_["ɵɵelementStart"](0, "tui-doc-page", 0); - core_js_["ɵɵelementStart"](1, "p"); - core_js_["ɵɵtext"](2, " Asset map is a simple JSON file that contains an array of all files included into child app. Child app is an application that you can insert into other application that is called host application. "); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelement"](3, "host-child-warning", 1); - core_js_["ɵɵelementStart"](4, "section"); - core_js_["ɵɵelementStart"](5, "h2"); - core_js_["ɵɵtext"](6, "How to make an asset map"); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementStart"](7, "p"); - core_js_["ɵɵtext"](8, " Asset maps are generated automatically by microzord in your usual building process. See instructions for a framework that you use to make a child app: "); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementStart"](9, "ul"); - core_js_["ɵɵelementStart"](10, "li"); - core_js_["ɵɵelementStart"](11, "a", 2); - core_js_["ɵɵtext"](12, "Native JS app as a child"); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementStart"](13, "li"); - core_js_["ɵɵelementStart"](14, "a", 3); - core_js_["ɵɵtext"](15, "Angular app as a child"); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementStart"](16, "li"); - core_js_["ɵɵelementStart"](17, "a", 4); - core_js_["ɵɵtext"](18, "React app as a child"); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementEnd"](); - } - }, - directives: [taiga_ui_addon_doc/* TuiDocPageComponent */.qo, host_child_warning_component/* HostChildWarningComponent */.v, taiga_ui_core_components_link/* TuiLinkComponent */.V, router_js_.RouterLinkWithHref], - styles: [""], - changeDetection: 0 - }); - return AssetMapComponent; -})(); -;// CONCATENATED MODULE: ./apps/demo/src/app/modules/asset-map/asset-map.module.ts - - - - - - - -let AssetMapModule = /*#__PURE__*/(() => { - class AssetMapModule {} - AssetMapModule.ɵfac = function AssetMapModule_Factory(t) { - return new (t || AssetMapModule)(); - }; - AssetMapModule.ɵmod = /*@__PURE__*/core_js_["ɵɵdefineNgModule"]({ - type: AssetMapModule - }); - AssetMapModule.ɵinj = /*@__PURE__*/core_js_["ɵɵdefineInjector"]({ - imports: [[taiga_ui_core_components_link/* TuiLinkModule */.j, taiga_ui_addon_doc/* TuiAddonDocModule */.fV, host_child_warning_module/* HostChildWarningModule */.$, router_js_.RouterModule.forChild((0,taiga_ui_addon_doc/* generateRoutes */.iY)(AssetMapComponent))]] - }); - return AssetMapModule; -})(); - -/***/ }) - -}]); \ No newline at end of file diff --git a/380.f9ef0d699647ca1b1238.js b/380.fc8d50e757c393da03bc.js similarity index 99% rename from 380.f9ef0d699647ca1b1238.js rename to 380.fc8d50e757c393da03bc.js index 2b29e73e..e6cedd33 100644 --- a/380.f9ef0d699647ca1b1238.js +++ b/380.fc8d50e757c393da03bc.js @@ -645,7 +645,7 @@ let AppComponent = /*#__PURE__*/(() => { selectors: [["microzord-root"]], decls: 5, vars: 0, - consts: [["ngProjectAs", "tuiDocHeader", 5, ["tuiDocHeader"]], ["tuiLink", "", "tuiMode", "onLight", "href", "https://github.com/TinkoffCreditSystems/microzord", "target", "_blank", 1, "link"], ["src", "assets/images/github.svg", "alt", "", 1, "github"]], + consts: [["ngProjectAs", "tuiDocHeader", 5, ["tuiDocHeader"]], ["tuiLink", "", "tuiMode", "onLight", "href", "https://github.com/taiga-family/microzord", "target", "_blank", 1, "link"], ["src", "assets/images/github.svg", "alt", "", 1, "github"]], template: function AppComponent_Template(rf, ctx) { if (rf & 1) { core_js_["ɵɵelementStart"](0, "tui-doc-main"); @@ -701,11 +701,6 @@ const pages = [{ title: `Getting started`, keywords: 'intro, how to, guide, main, главная, начало, инструкция', route: 'getting-started' -}, { - section: `Starting`, - title: `What is an asset map`, - keywords: 'intro, how to, guide, main, source, child, host, главная, начало, инструкция, карта', - route: 'asset-map' }, { section: `Starting`, title: `Application entity`, @@ -902,9 +897,9 @@ let GettingStartedComponent = /*#__PURE__*/(() => { GettingStartedComponent.ɵcmp = /*@__PURE__*/core_js_["ɵɵdefineComponent"]({ type: GettingStartedComponent, selectors: [["getting-started"]], - decls: 60, + decls: 57, vars: 0, - consts: [["header", "Getting started"], [1, "about"], [1, "about__benefit"], [1, "tui-island__title"], [1, "tui-island__paragraph"], [1, "tui-space_top-4"], ["tuiLink", "", "routerLink", "/asset-map"], ["tuiLink", "", "routerLink", "/application"], ["tuiLink", "", "routerLink", "/todo"], ["tuiLink", "", "routerLink", "/angular-installation"]], + consts: [["header", "Getting started"], [1, "about"], [1, "about__benefit"], [1, "tui-island__title"], [1, "tui-island__paragraph"], [1, "tui-space_top-4"], ["tuiLink", "", "routerLink", "/application"], ["tuiLink", "", "routerLink", "/todo"], ["tuiLink", "", "routerLink", "/angular-installation"]], template: function GettingStartedComponent_Template(rf, ctx) { if (rf & 1) { core_js_["ɵɵelementStart"](0, "tui-doc-page", 0); @@ -973,32 +968,27 @@ let GettingStartedComponent = /*#__PURE__*/(() => { core_js_["ɵɵelementStart"](41, "ul"); core_js_["ɵɵelementStart"](42, "li"); core_js_["ɵɵelementStart"](43, "a", 6); - core_js_["ɵɵtext"](44, "What is an asset map"); + core_js_["ɵɵtext"](44, "Application entity"); core_js_["ɵɵelementEnd"](); core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementStart"](45, "li"); - core_js_["ɵɵelementStart"](46, "a", 7); - core_js_["ɵɵtext"](47, "Application entity"); core_js_["ɵɵelementEnd"](); + core_js_["ɵɵelementStart"](45, "p"); + core_js_["ɵɵtext"](46, "Or you can just choose your framework and figure it out in the process:"); core_js_["ɵɵelementEnd"](); + core_js_["ɵɵelementStart"](47, "ul"); + core_js_["ɵɵelementStart"](48, "li"); + core_js_["ɵɵelementStart"](49, "a", 7); + core_js_["ɵɵtext"](50, "Native JS installation"); core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementStart"](48, "p"); - core_js_["ɵɵtext"](49, "Or you can just choose your framework and figure it out in the process:"); core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementStart"](50, "ul"); core_js_["ɵɵelementStart"](51, "li"); - core_js_["ɵɵelementStart"](52, "a", 8); - core_js_["ɵɵtext"](53, "Native JS installation"); + core_js_["ɵɵelementStart"](52, "a", 7); + core_js_["ɵɵtext"](53, "React installation"); core_js_["ɵɵelementEnd"](); core_js_["ɵɵelementEnd"](); core_js_["ɵɵelementStart"](54, "li"); core_js_["ɵɵelementStart"](55, "a", 8); - core_js_["ɵɵtext"](56, "React installation"); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementStart"](57, "li"); - core_js_["ɵɵelementStart"](58, "a", 9); - core_js_["ɵɵtext"](59, "Angular installation"); + core_js_["ɵɵtext"](56, "Angular installation"); core_js_["ɵɵelementEnd"](); core_js_["ɵɵelementEnd"](); core_js_["ɵɵelementEnd"](); @@ -1020,12 +1010,6 @@ const ROUTES = [{ data: { title: `Getting started` } -}, { - path: 'asset-map', - loadChildren: () => Promise.all(/* import() */[__webpack_require__.e(592), __webpack_require__.e(199)]).then(__webpack_require__.bind(__webpack_require__, 8727)).then(m => m.AssetMapModule), - data: { - title: `What is an asset map` - } }, { path: 'application', loadChildren: () => __webpack_require__.e(/* import() */ 442).then(__webpack_require__.bind(__webpack_require__, 1442)).then(m => m.ApplicationModule), @@ -1052,7 +1036,7 @@ const ROUTES = [{ } }, { path: 'angular-installation', - loadChildren: () => Promise.all(/* import() */[__webpack_require__.e(592), __webpack_require__.e(738)]).then(__webpack_require__.bind(__webpack_require__, 9738)).then(m => m.AngularInstallationModule), + loadChildren: () => __webpack_require__.e(/* import() */ 45).then(__webpack_require__.bind(__webpack_require__, 6045)).then(m => m.AngularInstallationModule), data: { title: `Angular Installation` } diff --git a/400.9e2e3c8d785ac676d72c.js b/400.cdd3863abfa76598c934.js similarity index 68% rename from 400.9e2e3c8d785ac676d72c.js rename to 400.cdd3863abfa76598c934.js index d99abf50..af3b5bf0 100644 --- a/400.9e2e3c8d785ac676d72c.js +++ b/400.cdd3863abfa76598c934.js @@ -25,24 +25,19 @@ var core_js_ = __webpack_require__(8312); -const REPLACING_PLATFORM = `import {platformMicrozordChild} from '@microzord/angular/child'; -import {enableProdMode} from '@microzord/angular/child'; - -import {AppModule} from './app/app.module'; -import {environment} from './environments/environment'; - -if (environment.production) { - enableProdMode(); -} - -platformMicrozordChild('microzord-app-name', 'app-root-tag') - .bootstrapModule(AppModule) - .catch(err => console.error(err)); +const CODE = `import {createApp} from '@microzord/angular/child'; +import {platformBrowserDynamic} from '@angular/platform-browser-dynamic'; +import {AppModule} from './app.module'; + +export const myRemoteApp = createApp( + opts => platformBrowserDynamic().bootstrapModule(AppModule, opts), + 'my-remote-app', +); `; let AngularChildComponent = /*#__PURE__*/(() => { class AngularChildComponent { constructor() { - this.replacingPlatform = REPLACING_PLATFORM; + this.code = CODE; } } AngularChildComponent.ɵfac = function AngularChildComponent_Factory(t) { @@ -51,9 +46,9 @@ let AngularChildComponent = /*#__PURE__*/(() => { AngularChildComponent.ɵcmp = /*@__PURE__*/core_js_["ɵɵdefineComponent"]({ type: AngularChildComponent, selectors: [["angular-child"]], - decls: 36, + decls: 27, vars: 1, - consts: [["header", "Angular Child"], ["tuiLink", "", "routerLink", "/angular-host"], ["tuiLink", "", "routerLink", "/angular-installation"], ["tuiLink", "", "target", "_blank", "routerLink", "/asset-map"], ["filename", "app.module.ts", 3, "code"], [1, "tui-list", "tui-list_large"], [1, "tui-list__item"]], + consts: [["header", "Angular Child"], ["tuiLink", "", "routerLink", "/angular-host"], ["tuiLink", "", "routerLink", "/angular-installation"], ["filename", "my-remote-app.ts", 3, "code"]], template: function AngularChildComponent_Template(rf, ctx) { if (rf & 1) { core_js_["ɵɵelementStart"](0, "tui-doc-page", 0); @@ -80,40 +75,26 @@ let AngularChildComponent = /*#__PURE__*/(() => { core_js_["ɵɵtext"](15, "Replace the platform"); core_js_["ɵɵelementEnd"](); core_js_["ɵɵelementStart"](16, "p"); - core_js_["ɵɵtext"](17, " Microzord provides its own Angular platform and "); + core_js_["ɵɵtext"](17, " You should create file with an application and expose it via module federation. Microzord provides "); core_js_["ɵɵelementStart"](18, "code"); - core_js_["ɵɵtext"](19, "enableProdMode"); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵtext"](20, " functions. It does not change default platform behaviour, so you can still build and use your application separately, but adds "); - core_js_["ɵɵelementStart"](21, "a", 3); - core_js_["ɵɵtext"](22, "asset maps"); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵtext"](23, " for microzord. "); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelement"](24, "tui-doc-code", 4); - core_js_["ɵɵelementStart"](25, "p"); - core_js_["ɵɵtext"](26, " Now you can build your application as usual and dist folder of your app will contain "); - core_js_["ɵɵelementStart"](27, "strong"); - core_js_["ɵɵtext"](28, "microzord.json"); - core_js_["ɵɵelementEnd"](); - core_js_["ɵɵtext"](29, " assets map. "); - core_js_["ɵɵelementEnd"](); + core_js_["ɵɵtext"](19, "createApp"); core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementStart"](30, "section"); - core_js_["ɵɵelementStart"](31, "h2"); - core_js_["ɵɵtext"](32, "What to do with the map"); + core_js_["ɵɵtext"](20, " helper to convert your application to microzord child application. "); core_js_["ɵɵelementEnd"](); - core_js_["ɵɵelementStart"](33, "ul", 5); - core_js_["ɵɵelementStart"](34, "li", 6); - core_js_["ɵɵtext"](35, "You can integrate a child app ..."); + core_js_["ɵɵelement"](21, "tui-doc-code", 3); + core_js_["ɵɵelementStart"](22, "p"); + core_js_["ɵɵtext"](23, " Now you can build your application as usual and dist folder of your app will contain "); + core_js_["ɵɵelementStart"](24, "strong"); + core_js_["ɵɵtext"](25, "microzord.json"); core_js_["ɵɵelementEnd"](); + core_js_["ɵɵtext"](26, " assets map. "); core_js_["ɵɵelementEnd"](); core_js_["ɵɵelementEnd"](); core_js_["ɵɵelementEnd"](); } if (rf & 2) { - core_js_["ɵɵadvance"](24); - core_js_["ɵɵproperty"]("code", ctx.replacingPlatform); + core_js_["ɵɵadvance"](21); + core_js_["ɵɵproperty"]("code", ctx.code); } }, directives: [taiga_ui_addon_doc/* TuiDocPageComponent */.qo, taiga_ui_core_components_link/* TuiLinkComponent */.V, router_js_.RouterLinkWithHref, taiga_ui_addon_doc/* TuiDocCodeComponent */.c0], diff --git a/404.html b/404.html index 98f65e97..8d1268cb 100644 --- a/404.html +++ b/404.html @@ -13,6 +13,6 @@