simple-boot-front 1.0.101 → 1.0.102

package/README.MD

@@ -30,20 +30,20 @@ npm start
 # directory structure
 ```
 ┌─ assets
-├──dist (out put directory)
-├──src (source)
-│    ├──pages (your pages)
+├─ dist (out put directory)
+├─ src (source)
+│    ├─ pages (your pages)
 │    │     ├ home.ts (sample page)
 │    │     └ user.ts (sample page)
-│    ├──index.css (index route page css)
-│    ├──index.html (index route page template)
-│    └──index.ts (simple-boot-fornt start and route point)
-├──types (typescript type)
+│    ├─ index.css (index route page css)
+│    ├─ index.html (index route page template)
+│    └─ index.ts (simple-boot-fornt start and route point)
+├─ types (typescript type)
 │    └ index.d.ts (type definition)
-├──index.html start (point html)
-├──package.json (project config)
-├──rollup.config.js (rollup bundler config)
-└──tsconfig.json (typescript config)
+├─ index.html start (point html)
+├─ package.json (project config)
+├─ rollup.config.js (rollup bundler config)
+└─ tsconfig.json (typescript config)
 ```
 
 ## source 

package/SimpleBootFront.d.ts

@@ -21,9 +21,11 @@ export declare class SimpleBootFront extends SimpleApplication {
     getComponentInnerHtml(targetObj: any): string;
     createDomRender<T extends object>(obj: T): T;
     private initRun;
+    initWriteRootRouter(): void;
+    writeRootRouter(): SimAtomic<any>;
     goRouting(url: string): Promise<RouterModule<SimAtomic<Object>, any>>;
     runRouting(otherInstanceSim?: Map<ConstructorType<any>, any>, url?: string): Promise<RouterModule<SimAtomic<Object>, any> | undefined>;
-    run(otherInstanceSim?: Map<ConstructorType<any>, any>, url?: string): SimpleBootFront;
+    run(otherInstanceSim?: Map<ConstructorType<any>, any>, url?: string): void;
     private afterSetting;
     initDomRenderScripts(): void;
     private initDomRenderTargetElements;

package/SimpleBootFront.js

@@ -174,22 +174,11 @@ var SimpleBootFront = (function (_super) {
     };
     SimpleBootFront.prototype.initRun = function (otherInstanceSim) {
         var _this = this;
-        var _a, _b, _c, _d, _e;
         _super.prototype.run.call(this, otherInstanceSim);
         this.initDomRenderScripts();
         this.initDomRenderTargetElements();
         this.navigation = this.simstanceManager.getOrNewSim(Navigation_1.Navigation);
-        var routerAtomic = new SimAtomic_1.SimAtomic(this.rootRouter, this.getSimstanceManager());
-        var target = this.option.window.document.querySelector(this.option.selector);
-        if (target && routerAtomic.value) {
-            var component = routerAtomic.getConfig(Component_1.ComponentMetadataKey);
-            var styles = ((_b = (_a = component === null || component === void 0 ? void 0 : component.styles) === null || _a === void 0 ? void 0 : _a.map(function (it) { return "<style>".concat(it, "</style>"); })) !== null && _b !== void 0 ? _b : []).join(' ');
-            target.innerHTML = "".concat(styles, " ").concat((_c = component === null || component === void 0 ? void 0 : component.template) !== null && _c !== void 0 ? _c : '');
-            var val = routerAtomic.value;
-            var domRenderProxy = val._DomRender_proxy;
-            domRenderProxy.initRender(target);
-            (_e = (_d = val) === null || _d === void 0 ? void 0 : _d.onInit) === null || _e === void 0 ? void 0 : _e.call(_d);
-        }
+        this.initWriteRootRouter();
         this.option.window.addEventListener('intent', function (event) {
             var cevent = event;
             _this.publishIntent(new Intent_1.Intent(cevent.detail.uri, cevent.detail.data, event));
@@ -202,6 +191,28 @@ var SimpleBootFront = (function (_super) {
             });
         });
     };
+    SimpleBootFront.prototype.initWriteRootRouter = function () {
+        var _a, _b;
+        var routerAtomic = this.writeRootRouter();
+        var target = this.option.window.document.querySelector(this.option.selector);
+        if (target && routerAtomic && routerAtomic.value) {
+            var val = routerAtomic.value;
+            var domRenderProxy = val._DomRender_proxy;
+            domRenderProxy.initRender(target);
+            (_b = (_a = val) === null || _a === void 0 ? void 0 : _a.onInit) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+    };
+    SimpleBootFront.prototype.writeRootRouter = function () {
+        var _a, _b, _c;
+        var routerAtomic = new SimAtomic_1.SimAtomic(this.rootRouter, this.getSimstanceManager());
+        var target = this.option.window.document.querySelector(this.option.selector);
+        if (target && routerAtomic.value) {
+            var component = routerAtomic.getConfig(Component_1.ComponentMetadataKey);
+            var styles = ((_b = (_a = component === null || component === void 0 ? void 0 : component.styles) === null || _a === void 0 ? void 0 : _a.map(function (it) { return "<style>".concat(it, "</style>"); })) !== null && _b !== void 0 ? _b : []).join(' ');
+            target.innerHTML = "".concat(styles, " ").concat((_c = component === null || component === void 0 ? void 0 : component.template) !== null && _c !== void 0 ? _c : '');
+        }
+        return routerAtomic;
+    };
     SimpleBootFront.prototype.goRouting = function (url) {
         var _a;
         return __awaiter(this, void 0, void 0, function () {
@@ -247,7 +258,6 @@ var SimpleBootFront = (function (_super) {
             this.navigation.go(url);
         }
         this.option.window.dispatchEvent(new Event('popstate'));
-        return this;
     };
     SimpleBootFront.prototype.afterSetting = function () {
         var _this = this;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simple-boot-front",
-  "version": "1.0.101",
+  "version": "1.0.102",
   "main": "SimpleApplication.js",
   "license": "MIT",
   "description": "front end SPA frameworks",
@@ -77,7 +77,7 @@
     "typescript": "^4.4.3"
   },
   "dependencies": {
-    "dom-render": "^1.0.70",
+    "dom-render": "^1.0.71",
     "simple-boot-core": "^1.0.29"
   }
 }