simple-boot-front 1.0.98 → 1.0.101

package/SimpleBootFront.js

@@ -50,6 +50,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SimpleBootFront = void 0;
 var SimFrontOption_1 = require("./option/SimFrontOption");
@@ -66,8 +75,9 @@ var SimstanceManager_1 = require("simple-boot-core/simstance/SimstanceManager");
 var IntentManager_1 = require("simple-boot-core/intent/IntentManager");
 var RouterManager_1 = require("simple-boot-core/route/RouterManager");
 var ScriptUtils_1 = require("dom-render/utils/script/ScriptUtils");
-var SimGlobal_1 = require("simple-boot-core/global/SimGlobal");
 var RawSet_1 = require("dom-render/RawSet");
+var Types_1 = require("dom-render/types/Types");
+var InjectFrontSituationType_1 = require("./decorators/inject/InjectFrontSituationType");
 var SimpleBootFront = (function (_super) {
     __extends(SimpleBootFront, _super);
     function SimpleBootFront(rootRouter, option) {
@@ -78,44 +88,71 @@ var SimpleBootFront = (function (_super) {
         _this.domRenderTargetElements = [];
         _this.domRenderTargetAttrs = [];
         _this.domRenderConfig = {
+            window: option.window,
             targetElements: _this.domRenderTargetElements,
             targetAttrs: _this.domRenderTargetAttrs,
             onElementInit: function (name, obj, rawSet, targetElement) {
                 var _a, _b, _c;
-                (_c = (_b = (_a = targetElement === null || targetElement === void 0 ? void 0 : targetElement.__render) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.onInit) === null || _c === void 0 ? void 0 : _c.call(_b);
+                var target = (_a = targetElement === null || targetElement === void 0 ? void 0 : targetElement.__render) === null || _a === void 0 ? void 0 : _a.component;
+                var targetKey = 'onInit';
+                var firstCheckMaker = [function (ownerObj, type, idx, saveInjectionConfig) {
+                        if (InjectFrontSituationType_1.InjectFrontSituationType.OPENER === (saveInjectionConfig === null || saveInjectionConfig === void 0 ? void 0 : saveInjectionConfig.config.situationType) && rawSet.point.thisVariableName) {
+                            return new Proxy(ScriptUtils_1.ScriptUtils.evalReturn(rawSet.point.thisVariableName, obj), new Types_1.DomRenderFinalProxy());
+                        }
+                    }];
+                if (rawSet.point.thisVariableName) {
+                    (_b = target === null || target === void 0 ? void 0 : target.onInit) === null || _b === void 0 ? void 0 : _b.call.apply(_b, __spreadArray([target], _this.simstanceManager.getParameterSim({ target: target, targetKey: targetKey, firstCheckMaker: firstCheckMaker }), false));
+                }
+                else {
+                    (_c = target === null || target === void 0 ? void 0 : target.onInit) === null || _c === void 0 ? void 0 : _c.call.apply(_c, __spreadArray([target], _this.simstanceManager.getParameterSim({ target: target, targetKey: targetKey, firstCheckMaker: firstCheckMaker }), false));
+                }
             },
-            onAttrInit: function (attrName, attrValue, obj) {
+            onAttrInit: function (attrName, attrValue, obj, rawSet) {
                 var _a, _b;
                 if (attrName === 'component') {
-                    var bindObj = ScriptUtils_1.ScriptUtils.evalReturn(attrValue, obj);
-                    (_b = (_a = bindObj) === null || _a === void 0 ? void 0 : _a.onInit) === null || _b === void 0 ? void 0 : _b.call(_a);
+                    var target_1 = ScriptUtils_1.ScriptUtils.evalReturn(attrValue, obj);
+                    var targetKey = 'onInit';
+                    var firstCheckMaker = [function (obj, type, idx, saveInjectionConfig) {
+                            var _a, _b;
+                            if (InjectFrontSituationType_1.InjectFrontSituationType.OPENER === (saveInjectionConfig === null || saveInjectionConfig === void 0 ? void 0 : saveInjectionConfig.config.situationType) && ((_a = target_1 === null || target_1 === void 0 ? void 0 : target_1.__domrender_component_new) === null || _a === void 0 ? void 0 : _a.creator)) {
+                                return (_b = target_1 === null || target_1 === void 0 ? void 0 : target_1.__domrender_component_new) === null || _b === void 0 ? void 0 : _b.creator;
+                            }
+                        }];
+                    if (rawSet.point.thisVariableName) {
+                        (_a = target_1 === null || target_1 === void 0 ? void 0 : target_1.onInit) === null || _a === void 0 ? void 0 : _a.call.apply(_a, __spreadArray([target_1], _this.simstanceManager.getParameterSim({ target: target_1, targetKey: targetKey, firstCheckMaker: firstCheckMaker }), false));
+                    }
+                    else {
+                        (_b = target_1 === null || target_1 === void 0 ? void 0 : target_1.onInit) === null || _b === void 0 ? void 0 : _b.call.apply(_b, __spreadArray([target_1], _this.simstanceManager.getParameterSim({ target: target_1, targetKey: targetKey, firstCheckMaker: firstCheckMaker }), false));
+                    }
                 }
             },
-            scripts: { 'application': _this },
+            scripts: { application: _this },
             applyEvents: [{
-                    attrName: 'router-link', callBack: function (elements, attrValue, obj) {
+                    attrName: 'router-link',
+                    callBack: function (elements, attrValue, obj) {
                         elements.addEventListener('click', function (event) {
                             var _a;
-                            (_a = (0, SimGlobal_1.SimGlobal)().application.simstanceManager.getOrNewSim(Navigation_1.Navigation)) === null || _a === void 0 ? void 0 : _a.go(attrValue);
+                            (_a = _this.getSimstanceManager().getOrNewSim(Navigation_1.Navigation)) === null || _a === void 0 ? void 0 : _a.go(attrValue);
                         });
                     }
                 }],
             proxyExcludeTyps: _this.domRendoerExcludeProxy
         };
-        window.__dirname = 'simple-boot-front__dirname';
-        _this.domRenderTargetAttrs.push({
-            name: 'component', callBack: function (element, attrValue, obj, rawSet) {
-                var fag = _this.option.window.document.createDocumentFragment();
-                if (attrValue) {
-                    var targetObj = ScriptUtils_1.ScriptUtils.eval("return " + attrValue, obj);
-                    var n = element.cloneNode(true);
-                    var innerHTML = _this.getComponentInnerHtml(targetObj);
-                    n.innerHTML = innerHTML;
-                    fag.append(RawSet_1.RawSet.drThisCreate(n, attrValue, '', true, obj));
-                }
-                return fag;
+        _this.option.window.__dirname = 'simple-boot-front__dirname';
+        var targetAttribute = RawSet_1.RawSet.createComponentTargetAttribute('component', function (element, attrValue, obj, rawSet) {
+            return ScriptUtils_1.ScriptUtils.eval("return ".concat(attrValue), obj);
+        }, function (element, attrValue, obj, rawSet) {
+            if (attrValue) {
+                var targetObj = ScriptUtils_1.ScriptUtils.eval("return ".concat(attrValue), obj);
+                var n = element.cloneNode(true);
+                var innerHTML = _this.getComponentInnerHtml(targetObj);
+                n.innerHTML = innerHTML;
+                return RawSet_1.RawSet.drThisCreate(n, attrValue, '', true, obj, _this.option);
             }
+            var fag = _this.option.window.document.createDocumentFragment();
+            return fag;
         });
+        _this.domRenderTargetAttrs.push(targetAttribute);
         option.proxy = {
             onProxy: function (it) { return _this.createDomRender(it); }
         };
@@ -124,7 +161,7 @@ var SimpleBootFront = (function (_super) {
     SimpleBootFront.prototype.getComponentInnerHtml = function (targetObj) {
         var _a, _b, _c;
         var component = (0, Component_1.getComponent)(targetObj);
-        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>" + it + "</style>"; })) !== null && _b !== void 0 ? _b : []).join(' ');
+        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(' ');
         var template = ((_c = component === null || component === void 0 ? void 0 : component.template) !== null && _c !== void 0 ? _c : '');
         return styles + template;
     };
@@ -135,20 +172,19 @@ var SimpleBootFront = (function (_super) {
         }
         return obj;
     };
-    SimpleBootFront.prototype.run = function () {
+    SimpleBootFront.prototype.initRun = function (otherInstanceSim) {
         var _this = this;
         var _a, _b, _c, _d, _e;
-        _super.prototype.run.call(this);
+        _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);
+        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 template = this.option.window.document.createElement('template');
-            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>" + it + "</style>"; })) !== null && _b !== void 0 ? _b : []).join(' ');
-            target.innerHTML = styles + " " + ((_c = component === null || component === void 0 ? void 0 : component.template) !== null && _c !== void 0 ? _c : '');
+            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);
@@ -160,15 +196,58 @@ var SimpleBootFront = (function (_super) {
         });
         this.option.window.addEventListener('popstate', function (event) {
             var _a;
-            var intent = new Intent_1.Intent((_a = _this.navigation.path) !== null && _a !== void 0 ? _a : '');
-            _this.routing(intent).then(function (it) { return __awaiter(_this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    this.afterSetting();
-                    return [2];
-                });
-            }); });
+            var intent = new Intent_1.Intent((_a = _this.navigation.url) !== null && _a !== void 0 ? _a : '');
+            _this.routing(intent).then(function (it) {
+                _this.afterSetting();
+            });
+        });
+    };
+    SimpleBootFront.prototype.goRouting = function (url) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var intent, data;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        this.navigation.goNoPopStateEvent(url);
+                        intent = new Intent_1.Intent((_a = this.navigation.url) !== null && _a !== void 0 ? _a : '');
+                        return [4, this.routing(intent)];
+                    case 1:
+                        data = _b.sent();
+                        this.afterSetting();
+                        return [2, data];
+                }
+            });
+        });
+    };
+    SimpleBootFront.prototype.runRouting = function (otherInstanceSim, url) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var intent, data;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        this.initRun(otherInstanceSim);
+                        if (url) {
+                            this.navigation.goNoPopStateEvent(url);
+                        }
+                        intent = new Intent_1.Intent((_a = this.navigation.url) !== null && _a !== void 0 ? _a : '');
+                        return [4, this.routing(intent)];
+                    case 1:
+                        data = _b.sent();
+                        this.afterSetting();
+                        return [2, data];
+                }
+            });
         });
+    };
+    SimpleBootFront.prototype.run = function (otherInstanceSim, url) {
+        this.initRun(otherInstanceSim);
+        if (url) {
+            this.navigation.go(url);
+        }
         this.option.window.dispatchEvent(new Event('popstate'));
+        return this;
     };
     SimpleBootFront.prototype.afterSetting = function () {
         var _this = this;
@@ -208,7 +287,7 @@ var SimpleBootFront = (function (_super) {
                 for (var _i = 0; _i < arguments.length; _i++) {
                     args[_i] = arguments[_i];
                 }
-                var obj = undefined;
+                var obj;
                 try {
                     obj = simstanceManager.getOrNewSim(val);
                 }
@@ -217,7 +296,9 @@ var SimpleBootFront = (function (_super) {
                 }
                 var render = this.__render;
                 var scriptRunnable = obj;
-                scriptRunnable.rawSets.set(render.rawset, this);
+                if (render.rawset) {
+                    scriptRunnable.rawSets.set(render.rawset, this);
+                }
                 return scriptRunnable.run.apply(scriptRunnable, args);
             };
         });
@@ -227,13 +308,20 @@ var SimpleBootFront = (function (_super) {
         var selectors = Component_1.componentSelectors;
         selectors.forEach(function (val, name) {
             var component = (0, Component_1.getComponent)(val);
-            var items = RawSet_1.RawSet.createComponentTargetElement(name, function (e, o, r) {
+            var items = RawSet_1.RawSet.createComponentTargetElement(name, function (e, obj, r) {
                 var newSim = _this.simstanceManager.newSim(val);
                 return newSim;
-            }, component === null || component === void 0 ? void 0 : component.template, component === null || component === void 0 ? void 0 : component.styles, _this.domRenderConfig.scripts);
+            }, component === null || component === void 0 ? void 0 : component.template, component === null || component === void 0 ? void 0 : component.styles, _this.domRenderConfig);
             _this.domRenderTargetElements.push(items);
         });
     };
+    SimpleBootFront.prototype.getSimstanceManager = function () {
+        return this.simstanceManager;
+    };
+    SimpleBootFront.prototype.go = function (url) {
+        var _a;
+        (_a = this.getSimstanceManager().getOrNewSim(Navigation_1.Navigation)) === null || _a === void 0 ? void 0 : _a.go(url);
+    };
     return SimpleBootFront;
 }(SimpleApplication_1.SimpleApplication));
 exports.SimpleBootFront = SimpleBootFront;

package/decorators/Component.js

@@ -1,19 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getComponent = exports.Component = exports.ComponentMetadataKey = exports.componentSelectors = void 0;
 var ReflectUtils_1 = require("simple-boot-core/utils/reflect/ReflectUtils");
@@ -27,17 +12,8 @@ var Component = function (config) {
         if (!config.selector) {
             config.selector = target.name;
         }
-        exports.componentSelectors.set(config.selector.toLowerCase(), target);
         ReflectUtils_1.ReflectUtils.defineMetadata(exports.ComponentMetadataKey, config, target);
-        return (function (_super) {
-            __extends(class_1, _super);
-            function class_1() {
-                var _this = _super !== null && _super.apply(this, arguments) || this;
-                _this.__componentInstances = {};
-                return _this;
-            }
-            return class_1;
-        }(target));
+        exports.componentSelectors.set(config.selector.toLowerCase(), target);
     };
 };
 exports.Component = Component;

package/decorators/inject/InjectFrontSituationType.d.ts

@@ -0,0 +1,3 @@
+export declare enum InjectFrontSituationType {
+    OPENER = "SIMPLE_BOOT_FRONT://OPENER"
+}

package/decorators/inject/InjectFrontSituationType.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InjectFrontSituationType = void 0;
+var InjectFrontSituationType;
+(function (InjectFrontSituationType) {
+    InjectFrontSituationType["OPENER"] = "SIMPLE_BOOT_FRONT://OPENER";
+})(InjectFrontSituationType = exports.InjectFrontSituationType || (exports.InjectFrontSituationType = {}));

package/lifecycle/OnInit.d.ts

@@ -1,3 +1,8 @@
+import { RawSet } from 'dom-render/RawSet';
+export declare type OnInitParameter = {
+    makerObj: any;
+    rawSet: RawSet;
+};
 export interface OnInit {
-    onInit(): void;
+    onInit(...data: any): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simple-boot-front",
-  "version": "1.0.98",
+  "version": "1.0.101",
   "main": "SimpleApplication.js",
   "license": "MIT",
   "description": "front end SPA frameworks",
@@ -54,12 +54,14 @@
     "npm-build": "rm -rf dist && tsc --outDir dist --declarationDir dist && cp package-prod.json dist/package.json && cp README.MD dist",
     "npm-publish": "npm run npm-build && npm publish ./dist",
     "tsc": "tsc",
+    "setting:root-dist": "rm -rf ../dist-simple-boot-front && mkdirp ../dist-simple-boot-front && cp package-root-dist.json ../dist-simple-boot-front/package.json",
+    "tsc:root-dist": "npm run setting:root-dist && tsc --outDir ../dist-simple-boot-front --declarationDir ../dist-simple-boot-front",
     "tsc:watch": "rm -rf ./dist && mkdir dist && cp package.json dist && tsc --watch --sourceMap true",
+    "tsc:watch:root-dist": "npm run setting:root-dist && tsc --outDir ../dist-simple-boot-front --declarationDir ../dist-simple-boot-front --watch --sourceMap true",
     "tsc:watch:dev": "rm -rf ./dist && mkdir dist && cp package-dev.json dist && tsc --watch --sourceMap true",
     "test": "jest --detectOpenHandles --forceExit"
   },
-  "alias": {
-  },
+  "alias": {},
   "devDependencies": {
     "@types/jest": "^26.0.22",
     "@typescript-eslint/eslint-plugin": "^4.16.1",
@@ -72,11 +74,10 @@
     "jest": "^26.6.3",
     "supertest": "^6.1.3",
     "ts-jest": "^26.5.4",
-    "typescript": "^4.3.5"
+    "typescript": "^4.4.3"
   },
   "dependencies": {
-    "dom-render": "^1.0.66",
-    "simple-boot-core": "^1.0.22",
-    "reflect-metadata": "^0.1.13"
+    "dom-render": "^1.0.70",
+    "simple-boot-core": "^1.0.29"
   }
 }

package/service/CookieService.d.ts

@@ -1,8 +1,11 @@
+import { SimFrontOption } from '../option/SimFrontOption';
 export declare class CookieService {
+    private option;
+    constructor(option: SimFrontOption);
     get(key: string): string | undefined;
     getAll(): {
         [k: string]: string;
     };
-    set(name: string, value: string, exp: number): void;
-    delete(name: string): void;
+    set(name: string, value: string, exp?: number): void;
+    delete(name: string, path?: string): void;
 }

package/service/CookieService.js

@@ -5,11 +5,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CookieService = void 0;
 var SimDecorator_1 = require("simple-boot-core/decorators/SimDecorator");
+var SimFrontOption_1 = require("../option/SimFrontOption");
 var CookieService = (function () {
-    function CookieService() {
+    function CookieService(option) {
+        this.option = option;
     }
     CookieService.prototype.get = function (key) {
         return this.getAll()[key];
@@ -17,7 +22,7 @@ var CookieService = (function () {
     CookieService.prototype.getAll = function () {
         var _a;
         var all = {};
-        var strings = (_a = document.cookie.split(';')) !== null && _a !== void 0 ? _a : [];
+        var strings = (_a = this.option.window.document.cookie.split(';')) !== null && _a !== void 0 ? _a : [];
         strings.forEach(function (it) {
             var set = it.split('=');
             if (set[0] && set[1] && set[0].trim().length > 0 && set[1].trim().length > 0) {
@@ -27,15 +32,22 @@ var CookieService = (function () {
         return all;
     };
     CookieService.prototype.set = function (name, value, exp) {
-        var date = new Date();
-        date.setTime(date.getTime() + exp);
-        document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/';
+        if (exp === undefined) {
+            this.option.window.document.cookie = name + '=' + value + ';path=/';
+        }
+        else {
+            var date = new Date();
+            date.setTime(date.getTime() + exp);
+            this.option.window.document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/';
+        }
     };
-    CookieService.prototype.delete = function (name) {
-        document.cookie = name + '=; expires=Thu, 01 Jan 1999 00:00:10 GMT;';
+    CookieService.prototype.delete = function (name, path) {
+        if (path === void 0) { path = '/'; }
+        this.option.window.document.cookie = name + '=; expires=Thu, 01 Jan 1999 00:00:10 GMT;' + " path=".concat(path);
     };
     CookieService = __decorate([
-        (0, SimDecorator_1.Sim)()
+        (0, SimDecorator_1.Sim)(),
+        __metadata("design:paramtypes", [SimFrontOption_1.SimFrontOption])
     ], CookieService);
     return CookieService;
 }());

package/service/MetaTagService.d.ts

@@ -0,0 +1,11 @@
+import { SimFrontOption } from '../option/SimFrontOption';
+export declare class MetaTagService {
+    option: SimFrontOption;
+    constructor(option: SimFrontOption);
+    setMetaTag(selector: string, set: {
+        [key: string]: string;
+    }): void;
+    createMetaTag(set: {
+        [p: string]: string;
+    }): HTMLMetaElement;
+}

package/service/MetaTagService.js

@@ -0,0 +1,52 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MetaTagService = void 0;
+var SimDecorator_1 = require("simple-boot-core/decorators/SimDecorator");
+var SimFrontOption_1 = require("../option/SimFrontOption");
+var MetaTagService = (function () {
+    function MetaTagService(option) {
+        this.option = option;
+    }
+    MetaTagService.prototype.setMetaTag = function (selector, set) {
+        var target = this.option.window.document.querySelector(selector);
+        if (!target) {
+            this.option.window.document.head.appendChild(this.createMetaTag(set));
+        }
+        else {
+            Object.entries(set).forEach(function (_a) {
+                var key = _a[0], value = _a[1];
+                if (null === value) {
+                    target.removeAttribute(key);
+                }
+                else {
+                    target.setAttribute(key, value);
+                }
+            });
+        }
+    };
+    MetaTagService.prototype.createMetaTag = function (set) {
+        var meta = this.option.window.document.createElement('meta');
+        Object.entries(set).forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            if (value !== null) {
+                meta.setAttribute(key, value);
+            }
+        });
+        return meta;
+    };
+    MetaTagService = __decorate([
+        (0, SimDecorator_1.Sim)(),
+        __metadata("design:paramtypes", [SimFrontOption_1.SimFrontOption])
+    ], MetaTagService);
+    return MetaTagService;
+}());
+exports.MetaTagService = MetaTagService;

package/service/Navigation.d.ts

@@ -1,12 +1,18 @@
 import { SimFrontOption } from '../option/SimFrontOption';
 export declare class Navigation {
-    private option;
+    option: SimFrontOption;
     constructor(option: SimFrontOption);
+    get url(): string;
     get path(): string;
     get queryParams(): Map<string, string>;
+    get queryParamsObject(): any;
     get pathInfo(): {
         path: string;
         queryParams: Map<string, string>;
     };
-    go(path: string, data?: {}, title?: string): void;
+    reload(): void;
+    pathAndSearch(): string;
+    goNoPopStateEvent(path: string, data?: any, title?: string): void;
+    go(path: string, data?: any, title?: string): void;
+    state(): any;
 }

package/service/Navigation.js

@@ -12,18 +12,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Navigation = void 0;
 var SimDecorator_1 = require("simple-boot-core/decorators/SimDecorator");
 var SimFrontOption_1 = require("../option/SimFrontOption");
-var LocationUtils_1 = require("../utils/window/LocationUtils");
+var LocationUtils_1 = require("dom-render/utils/location/LocationUtils");
 var Navigation = (function () {
     function Navigation(option) {
         this.option = option;
     }
+    Object.defineProperty(Navigation.prototype, "url", {
+        get: function () {
+            var queryParams = this.queryParamsObject;
+            var queryString = Object.entries(queryParams).map(function (_a) {
+                var key = _a[0], value = _a[1];
+                return "".concat(key, "=").concat(value);
+            }).join('&');
+            var path = this.path;
+            return path + (queryString.length > 0 ? ('?' + queryString) : '');
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Navigation.prototype, "path", {
         get: function () {
             if (SimFrontOption_1.UrlType.path === this.option.urlType) {
-                return LocationUtils_1.LocationUtils.path();
+                return LocationUtils_1.LocationUtils.path(this.option.window);
             }
             else if (SimFrontOption_1.UrlType.hash === this.option.urlType) {
-                return LocationUtils_1.LocationUtils.hashPath();
+                return LocationUtils_1.LocationUtils.hashPath(this.option.window);
             }
             else {
                 return '';
@@ -35,10 +48,10 @@ var Navigation = (function () {
     Object.defineProperty(Navigation.prototype, "queryParams", {
         get: function () {
             if (SimFrontOption_1.UrlType.path === this.option.urlType) {
-                return LocationUtils_1.LocationUtils.pathQueryParams();
+                return LocationUtils_1.LocationUtils.pathQueryParams(this.option.window);
             }
             else if (SimFrontOption_1.UrlType.hash === this.option.urlType) {
-                return LocationUtils_1.LocationUtils.hashQueryParams();
+                return LocationUtils_1.LocationUtils.hashQueryParams(this.option.window);
             }
             else {
                 return new Map();
@@ -47,6 +60,21 @@ var Navigation = (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Navigation.prototype, "queryParamsObject", {
+        get: function () {
+            if (SimFrontOption_1.UrlType.path === this.option.urlType) {
+                return LocationUtils_1.LocationUtils.pathQueryParamsObject(this.option.window);
+            }
+            else if (SimFrontOption_1.UrlType.hash === this.option.urlType) {
+                return LocationUtils_1.LocationUtils.hashQueryParamsObject(this.option.window);
+            }
+            else {
+                return {};
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Navigation.prototype, "pathInfo", {
         get: function () {
             return { path: this.path, queryParams: this.queryParams };
@@ -54,17 +82,31 @@ var Navigation = (function () {
         enumerable: false,
         configurable: true
     });
-    Navigation.prototype.go = function (path, data, title) {
+    Navigation.prototype.reload = function () {
+        this.option.window.dispatchEvent(new Event('popstate'));
+    };
+    Navigation.prototype.pathAndSearch = function () {
+        return this.option.window.location.pathname + this.option.window.location.search;
+    };
+    Navigation.prototype.goNoPopStateEvent = function (path, data, title) {
         if (data === void 0) { data = {}; }
         if (title === void 0) { title = ''; }
         if (SimFrontOption_1.UrlType.path === this.option.urlType) {
-            history.pushState(data, title, path);
+            this.option.window.history.pushState(data, title, path);
         }
         else if (SimFrontOption_1.UrlType.hash === this.option.urlType) {
             path = '#' + path.substring(1);
-            history.pushState(data, title, path);
+            this.option.window.history.pushState(data, title, path);
         }
-        window.dispatchEvent(new Event('popstate'));
+    };
+    Navigation.prototype.go = function (path, data, title) {
+        if (data === void 0) { data = {}; }
+        if (title === void 0) { title = ''; }
+        this.goNoPopStateEvent(path, data, title);
+        this.option.window.dispatchEvent(new Event('popstate'));
+    };
+    Navigation.prototype.state = function () {
+        return this.option.window.history.state;
     };
     Navigation = __decorate([
         (0, SimDecorator_1.Sim)(),

package/service/StorageService.d.ts

@@ -0,0 +1,12 @@
+import { SimFrontOption } from '../option/SimFrontOption';
+export declare class StorageService {
+    option: SimFrontOption;
+    constructor(option: SimFrontOption);
+    setLocalStorageItem(k: string, v: string | any, window?: Window): void;
+    getLocalStorageItem(k: string, window?: Window): string | null;
+    cutLocalStorageItem(k: string, window?: Window): string | null;
+    removeLocalStorageItem(k: string, window?: Window): void;
+    getLocalStorageJsonItem<T>(k: string, window?: Window): T | undefined;
+    cutLocalStorageJsonItem<T>(k: string, window?: Window): T | undefined;
+    clearLocalStorage(window?: Window): void;
+}