namirasoft-account-react 1.0.0

package/dist/IAccountProps.d.ts

@@ -0,0 +1,20 @@
+import { NamirasoftAccountServer, TokenManager } from "namirasoft-account";
+import { Messenger } from "./Messenger";
+import { ParsedNameValue } from "namirasoft-core";
+import { RouteComponentProps } from "react-router-dom";
+export interface IAccountProps {
+    account: {
+        token_manager: TokenManager;
+        server: NamirasoftAccountServer;
+    };
+    messenger: Messenger;
+    url: {
+        getQuery(name: string): string;
+        getLink(sub: string, customQuery: {
+            [name: string]: ParsedNameValue;
+        }): string;
+        redirect(sub: string, customQuery: {
+            [name: string]: ParsedNameValue;
+        }): void;
+    } & RouteComponentProps;
+}

package/dist/IAccountProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IAccountProps.js.map

package/dist/IAccountProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IAccountProps.js","sourceRoot":"","sources":["../src/IAccountProps.ts"],"names":[],"mappings":""}

package/dist/IRouterMaker.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import { IAccountProps } from "./IAccountProps";
+export interface IRouterMaker {
+    on401(): void;
+    onRenderOnLogin(props: IAccountProps): ReactNode;
+    onRenderOnLogout(props: IAccountProps, banned: boolean): ReactNode;
+}

package/dist/IRouterMaker.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IRouterMaker.js.map

package/dist/IRouterMaker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IRouterMaker.js","sourceRoot":"","sources":["../src/IRouterMaker.ts"],"names":[],"mappings":""}

package/dist/IRouterState.d.ts

@@ -0,0 +1,5 @@
+import { Notification } from "./Notification";
+export interface IRouterState {
+    inited?: boolean;
+    notifications?: Notification[];
+}

package/dist/IRouterState.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IRouterState.js.map

package/dist/IRouterState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IRouterState.js","sourceRoot":"","sources":["../src/IRouterState.ts"],"names":[],"mappings":""}

package/dist/IRouterStateChanger.d.ts

@@ -0,0 +1,5 @@
+import { IRouterState } from "./IRouterState";
+export interface IRouterStateChanger {
+    setState(state: IRouterState): void;
+    getState(): IRouterState;
+}

package/dist/IRouterStateChanger.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IRouterStateChanger.js.map

package/dist/IRouterStateChanger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IRouterStateChanger.js","sourceRoot":"","sources":["../src/IRouterStateChanger.ts"],"names":[],"mappings":""}

package/dist/Messenger.d.ts

@@ -0,0 +1,12 @@
+import { IRouterStateChanger } from "./IRouterStateChanger";
+export declare class Messenger {
+    static Counter: number;
+    private component;
+    constructor(component: IRouterStateChanger);
+    private notify;
+    onInformation(text: string): void;
+    onSuccess(text: string): void;
+    onWarning(text: string): void;
+    onError(error: Error | string): void;
+    delNotification(id: number): void;
+}

package/dist/Messenger.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Messenger = void 0;
+const axios_1 = __importDefault(require("axios"));
+const NotificationType_1 = require("./NotificationType");
+class Messenger {
+    constructor(component) {
+        this.component = component;
+        this.notify = this.notify.bind(this);
+        this.onInformation = this.onInformation.bind(this);
+        this.onSuccess = this.onSuccess.bind(this);
+        this.onWarning = this.onWarning.bind(this);
+        this.onError = this.onError.bind(this);
+        this.delNotification = this.delNotification.bind(this);
+    }
+    notify(message) {
+        let state = this.component.getState();
+        let id = Messenger.Counter++;
+        if (!state.notifications)
+            state.notifications = [];
+        state.notifications[id] = message;
+        this.component.setState(state);
+        setTimeout(() => {
+            this.delNotification(id);
+        }, 5000);
+        window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
+    }
+    onInformation(text) {
+        this.notify({ text, type: NotificationType_1.NotificationType.Information, color: "black" });
+    }
+    onSuccess(text) {
+        this.notify({ text, type: NotificationType_1.NotificationType.Success, color: "green" });
+    }
+    onWarning(text) {
+        this.notify({ text, type: NotificationType_1.NotificationType.Warning, color: "yellow" });
+    }
+    onError(error) {
+        var _a;
+        let text = "";
+        if (error instanceof Error) {
+            text = error.message;
+            if (axios_1.default.isAxiosError(error))
+                if ((_a = error.response) === null || _a === void 0 ? void 0 : _a.data)
+                    text = error.response.data;
+        }
+        else
+            text = error;
+        this.notify({ text, type: NotificationType_1.NotificationType.Error, color: "red" });
+    }
+    delNotification(id) {
+        let state = this.component.getState();
+        if (state.notifications)
+            delete state.notifications[id];
+        this.component.setState(state);
+    }
+}
+exports.Messenger = Messenger;
+Messenger.Counter = 1;
+//# sourceMappingURL=Messenger.js.map

package/dist/Messenger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Messenger.js","sourceRoot":"","sources":["../src/Messenger.ts"],"names":[],"mappings":"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"}

package/dist/Notification.d.ts

@@ -0,0 +1,6 @@
+import { NotificationType } from "./NotificationType";
+export type Notification = {
+    text: string;
+    type: NotificationType;
+    color: string;
+};

package/dist/Notification.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Notification.js.map

package/dist/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../src/Notification.ts"],"names":[],"mappings":""}

package/dist/NotificationType.d.ts

@@ -0,0 +1,6 @@
+export declare enum NotificationType {
+    Information = "Information",
+    Warning = "Warning",
+    Success = "Success",
+    Error = "Error"
+}

package/dist/NotificationType.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationType = void 0;
+var NotificationType;
+(function (NotificationType) {
+    NotificationType["Information"] = "Information";
+    NotificationType["Warning"] = "Warning";
+    NotificationType["Success"] = "Success";
+    NotificationType["Error"] = "Error";
+})(NotificationType || (exports.NotificationType = NotificationType = {}));
+//# sourceMappingURL=NotificationType.js.map

package/dist/NotificationType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationType.js","sourceRoot":"","sources":["../src/NotificationType.ts"],"names":[],"mappings":";;;AAAA,IAAY,gBAMX;AAND,WAAY,gBAAgB;IAExB,+CAA2B,CAAA;IAC3B,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;IACnB,mCAAe,CAAA;AACnB,CAAC,EANW,gBAAgB,gCAAhB,gBAAgB,QAM3B"}

package/dist/RouterMaker.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+import { ParsedNameValue } from "namirasoft-core";
+import { IRouterStateChanger } from "./IRouterStateChanger";
+import { IRouterMaker } from "./IRouterMaker";
+import { RouteComponentProps } from 'react-router-dom';
+interface IProps extends RouteComponentProps {
+}
+export default class RouterMaker {
+    private component;
+    private props;
+    constructor(component: IRouterStateChanger & IRouterMaker, props: IProps);
+    private init;
+    getQuery(name: string): string;
+    getLink(sub: string, customQuery: {
+        [name: string]: ParsedNameValue;
+    }): string;
+    redirect(sub: string, customQuery: {
+        [name: string]: ParsedNameValue;
+    }): void;
+    onComponentDidMount(): void;
+    onRender(): ReactNode;
+}
+export {};

package/dist/RouterMaker.js

@@ -0,0 +1,114 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const query_string_1 = __importDefault(require("query-string"));
+const namirasoft_core_1 = require("namirasoft-core");
+const Messenger_1 = require("./Messenger");
+const namirasoft_account_1 = require("namirasoft-account");
+const axios_1 = __importDefault(require("axios"));
+class RouterMaker {
+    constructor(component, props) {
+        this.component = component;
+        this.props = props;
+        this.init = this.init.bind(this);
+        this.getQuery = this.getQuery.bind(this);
+        this.getLink = this.getLink.bind(this);
+        this.redirect = this.redirect.bind(this);
+        this.onComponentDidMount = this.onComponentDidMount.bind(this);
+        this.onRender = this.onRender.bind(this);
+    }
+    init() {
+        var _a;
+        let messenger = new Messenger_1.Messenger(this.component);
+        let qStorage = this.getQuery("location");
+        let qAPI = this.getQuery("api");
+        let qToken = this.getQuery("token");
+        if (!qStorage)
+            if (qAPI)
+                qStorage = "memory";
+        let storage;
+        if (qStorage === "memory")
+            storage = new namirasoft_core_1.IStorageMemory();
+        else
+            storage = new namirasoft_core_1.IStorageLocal();
+        let token_manager = new namirasoft_account_1.TokenManager(storage, () => this.component.setState({}));
+        if (qToken)
+            token_manager.setValue(qToken, true);
+        let server = new namirasoft_account_1.NamirasoftAccountServer(token_manager, (error) => {
+            var _a;
+            if (axios_1.default.isAxiosError(error))
+                if (error.response)
+                    if (((_a = error.response) === null || _a === void 0 ? void 0 : _a.status) === 401) {
+                        token_manager.del();
+                        this.component.on401();
+                        return;
+                    }
+            messenger.onError(error);
+        });
+        let props = {
+            account: {
+                token_manager,
+                server,
+            },
+            url: Object.assign({ getLink: this.getLink, redirect: this.redirect, getQuery: this.getQuery }, this.props),
+            messenger,
+        };
+        let inited = true;
+        if (qToken)
+            inited = (_a = this.component.getState().inited) !== null && _a !== void 0 ? _a : false;
+        return { props, inited };
+    }
+    getQuery(name) {
+        let location = this.props.location;
+        let query = query_string_1.default.parse(location.search);
+        let item = query[name];
+        return new namirasoft_core_1.ObjectService(item).getString();
+    }
+    getLink(sub, customQuery) {
+        if (!customQuery)
+            customQuery = {};
+        let location = this.props.location;
+        let query = query_string_1.default.parse(location.search);
+        let final = Object.assign(Object.assign({}, query), customQuery);
+        return namirasoft_core_1.URLOperation.getLink("", sub, final);
+    }
+    redirect(sub, customQuery) {
+        let ans = this.getLink(sub, customQuery);
+        const { history } = this.props;
+        history.push(ans);
+    }
+    onComponentDidMount() {
+        let { inited, props } = this.init();
+        this.component.setState({ notifications: [], inited });
+        let token = this.getQuery("token");
+        if (token) {
+            if (!props.account.token_manager.getUserData(u => u.id, 0)) {
+                props.account.server.session.get()
+                    .then(response => {
+                    props.account.token_manager.set(response, false);
+                    this.component.setState({ inited: true });
+                })
+                    .catch(() => {
+                    this.component.setState({ inited: true });
+                });
+            }
+        }
+    }
+    onRender() {
+        let { inited, props } = this.init();
+        if (!inited)
+            return null;
+        let banned = false;
+        if (props.account.token_manager.exists()) {
+            banned = props.account.token_manager.getUserData(user => user.banned, false);
+            if (!banned)
+                return this.component.onRenderOnLogin(props);
+        }
+        return this.component.onRenderOnLogout(props, banned);
+    }
+}
+exports.default = RouterMaker;
+;
+//# sourceMappingURL=RouterMaker.js.map

package/dist/RouterMaker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterMaker.js","sourceRoot":"","sources":["../src/RouterMaker.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./IAccountProps";
+export * from "./IRouterMaker";
+export * from "./IRouterState";
+export * from "./IRouterStateChanger";
+export * from "./Messenger";
+export * from "./Notification";
+export * from "./NotificationType";
+export { default as RouterMaker } from "./RouterMaker";

package/dist/index.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouterMaker = void 0;
+__exportStar(require("./IAccountProps"), exports);
+__exportStar(require("./IRouterMaker"), exports);
+__exportStar(require("./IRouterState"), exports);
+__exportStar(require("./IRouterStateChanger"), exports);
+__exportStar(require("./Messenger"), exports);
+__exportStar(require("./Notification"), exports);
+__exportStar(require("./NotificationType"), exports);
+var RouterMaker_1 = require("./RouterMaker");
+Object.defineProperty(exports, "RouterMaker", { enumerable: true, get: function () { return __importDefault(RouterMaker_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,iDAA+B;AAC/B,iDAA+B;AAC/B,wDAAsC;AACtC,8CAA4B;AAC5B,iDAA+B;AAC/B,qDAAmC;AACnC,6CAAuD;AAA9C,2HAAA,OAAO,OAAe"}

package/package.json

@@ -0,0 +1,20 @@
+{
+    "name": "namirasoft-account-react",
+    "description": "Namira Software Corporation Account React Package",
+    "version": "1.0.0",
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "scripts": {},
+    "author": "Amir Abolhasani",
+    "license": "MIT",
+    "dependencies": {
+        "@types/react": "^18.2.33",
+        "@types/react-router-dom": "^5.3.3",
+        "namirasoft-account": "^1.0.0",
+        "namirasoft-core": "^1.0.3",
+        "query-string": "^8.1.0",
+        "react": "^18.2.0",
+        "react-router-dom": "^5.3.4",
+        "run": "^1.4.0"
+    }
+}

package/src/IAccountProps.ts

@@ -0,0 +1,18 @@
+import { NamirasoftAccountServer, TokenManager } from "namirasoft-account";
+import { Messenger } from "./Messenger";
+import { ParsedNameValue } from "namirasoft-core";
+import { RouteComponentProps } from "react-router-dom";
+
+export interface IAccountProps
+{
+    account: {
+        token_manager: TokenManager
+        server: NamirasoftAccountServer;
+    },
+    messenger: Messenger;
+    url: {
+        getQuery(name: string): string;
+        getLink(sub: string, customQuery: { [name: string]: ParsedNameValue }): string;
+        redirect(sub: string, customQuery: { [name: string]: ParsedNameValue }): void;
+    } & RouteComponentProps
+}

package/src/IRouterMaker.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import { IAccountProps } from "./IAccountProps";
+export interface IRouterMaker
+{
+    on401(): void;
+    onRenderOnLogin(props: IAccountProps): ReactNode;
+    onRenderOnLogout(props: IAccountProps, banned: boolean): ReactNode;
+}

package/src/IRouterState.ts

@@ -0,0 +1,7 @@
+import { Notification } from "./Notification";
+
+export interface IRouterState
+{
+    inited?: boolean;
+    notifications?: Notification[];
+}

package/src/IRouterStateChanger.ts

@@ -0,0 +1,7 @@
+import { IRouterState } from "./IRouterState";
+
+export interface IRouterStateChanger
+{
+    setState(state: IRouterState): void;
+    getState(): IRouterState;
+}

package/src/Messenger.ts

@@ -0,0 +1,67 @@
+import axios from "axios";
+import { IRouterStateChanger } from "./IRouterStateChanger";
+import { Notification } from "./Notification";
+import { NotificationType } from "./NotificationType";
+
+export class Messenger
+{
+    static Counter: number = 1;
+    private component: IRouterStateChanger;
+    constructor(component: IRouterStateChanger)
+    {
+        this.component = component;
+        this.notify = this.notify.bind(this);
+        this.onInformation = this.onInformation.bind(this);
+        this.onSuccess = this.onSuccess.bind(this);
+        this.onWarning = this.onWarning.bind(this);
+        this.onError = this.onError.bind(this);
+        this.delNotification = this.delNotification.bind(this);
+    }
+    private notify(message: Notification) 
+    {
+        let state = this.component.getState();
+        let id = Messenger.Counter++;
+        if (!state.notifications)
+            state.notifications = [];
+        state.notifications[id] = message;
+        this.component.setState(state);
+        setTimeout(() =>
+        {
+            this.delNotification(id);
+        }, 5000);
+        window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
+    }
+    onInformation(text: string) 
+    {
+        this.notify({ text, type: NotificationType.Information, color: "black" });
+    }
+    onSuccess(text: string) 
+    {
+        this.notify({ text, type: NotificationType.Success, color: "green" });
+    }
+    onWarning(text: string) 
+    {
+        this.notify({ text, type: NotificationType.Warning, color: "yellow" });
+    }
+    onError(error: Error | string) 
+    {
+        let text: string = "";
+        if (error instanceof Error)
+        {
+            text = error.message;
+            if (axios.isAxiosError(error))
+                if (error.response?.data)
+                    text = error.response.data;
+        }
+        else
+            text = error;
+        this.notify({ text, type: NotificationType.Error, color: "red" });
+    }
+    delNotification(id: number): void
+    {
+        let state = this.component.getState();
+        if (state.notifications)
+            delete state.notifications[id];
+        this.component.setState(state);
+    }
+}

package/src/Notification.ts

@@ -0,0 +1,8 @@
+import { NotificationType } from "./NotificationType";
+
+export type Notification =
+    {
+        text: string;
+        type: NotificationType;
+        color: string;
+    }

package/src/NotificationType.ts

@@ -0,0 +1,7 @@
+export enum NotificationType
+{
+    Information = "Information",
+    Warning = "Warning",
+    Success = "Success",
+    Error = "Error",
+}

package/src/RouterMaker.ts

@@ -0,0 +1,137 @@
+
+import { ReactNode } from "react";
+import queryString from 'query-string';
+import { IStorage, IStorageLocal, IStorageMemory, ObjectService, ParsedNameValue, URLOperation } from "namirasoft-core";
+import { IRouterStateChanger } from "./IRouterStateChanger";
+import { Messenger } from "./Messenger";
+import { NamirasoftAccountServer, TokenManager } from "namirasoft-account";
+import { IAccountProps } from "./IAccountProps";
+import { IRouterMaker } from "./IRouterMaker";
+import axios from "axios";
+import { RouteComponentProps } from 'react-router-dom';
+
+interface IProps extends RouteComponentProps
+{
+}
+
+export default class RouterMaker
+{
+    private component: IRouterStateChanger & IRouterMaker;
+    private props: IProps;
+    constructor(component: IRouterStateChanger & IRouterMaker, props: IProps)
+    {
+        this.component = component;
+        this.props = props;
+        this.init = this.init.bind(this);
+        this.getQuery = this.getQuery.bind(this);
+        this.getLink = this.getLink.bind(this);
+        this.redirect = this.redirect.bind(this);
+        this.onComponentDidMount = this.onComponentDidMount.bind(this);
+        this.onRender = this.onRender.bind(this);
+    }
+    private init(): { props: IAccountProps, inited: boolean }
+    {
+        let messenger: Messenger = new Messenger(this.component);
+        let qStorage: string = this.getQuery("location");
+        let qAPI: string = this.getQuery("api");
+        let qToken: string = this.getQuery("token");
+        if (!qStorage)
+            if (qAPI)
+                qStorage = "memory";
+        let storage: IStorage;
+        if (qStorage === "memory")
+            storage = new IStorageMemory();
+        else
+            storage = new IStorageLocal();
+        let token_manager = new TokenManager(storage, () => this.component.setState({}));
+        if (qToken)
+            token_manager.setValue(qToken, true);
+        let server = new NamirasoftAccountServer(token_manager, (error: Error) =>
+        {
+            if (axios.isAxiosError(error))
+                if (error.response)
+                    if (error.response?.status === 401)
+                    {
+                        token_manager.del();
+                        this.component.on401();
+                        return;
+                    }
+            messenger.onError(error);
+        });
+        let props: IAccountProps = {
+            account: {
+                token_manager,
+                server,
+            },
+            url: {
+                getLink: this.getLink,
+                redirect: this.redirect,
+                getQuery: this.getQuery,
+                ...this.props
+            },
+            messenger,
+        };
+        let inited = true;
+        if (qToken)
+            inited = this.component.getState().inited ?? false;
+        return { props, inited };
+    }
+    getQuery(name: string): string
+    {
+        let location = this.props.location;
+        let query = queryString.parse(location.search);
+        let item = query[name];
+        return new ObjectService(item).getString();
+    }
+    getLink(sub: string, customQuery: { [name: string]: ParsedNameValue })
+    {
+        if (!customQuery)
+            customQuery = {};
+        let location = this.props.location;
+        let query = queryString.parse(location.search);
+        let final = { ...query, ...customQuery };
+        return URLOperation.getLink("", sub, final);
+    }
+    redirect(sub: string, customQuery: { [name: string]: ParsedNameValue }): void
+    {
+        let ans = this.getLink(sub, customQuery);
+        const { history } = this.props;
+        history.push(ans);
+    }
+    onComponentDidMount(): void
+    {
+        let { inited, props } = this.init();
+        this.component.setState({ notifications: [], inited });
+        let token = this.getQuery("token");
+        if (token)
+        {
+            if (!props.account.token_manager.getUserData(u => u.id, 0))
+            {
+                props.account.server.session.get()
+                    .then(response =>
+                    {
+                        props.account.token_manager.set(response, false);
+                        this.component.setState({ inited: true });
+                    })
+                    .catch(() =>
+                    {
+                        this.component.setState({ inited: true });
+                    });
+            }
+        }
+    }
+    onRender(): ReactNode
+    {
+        let { inited, props } = this.init();
+        if (!inited)
+            return null;
+        let banned = false;
+        if (props.account.token_manager.exists())
+        {
+            banned = props.account.token_manager.getUserData(user => user.banned, false);
+            if (!banned)
+                return this.component.onRenderOnLogin(props);
+        }
+        return this.component.onRenderOnLogout(props, banned);
+    }
+};

package/src/index.ts

@@ -0,0 +1,8 @@
+export * from "./IAccountProps";
+export * from "./IRouterMaker";
+export * from "./IRouterState";
+export * from "./IRouterStateChanger";
+export * from "./Messenger";
+export * from "./Notification";
+export * from "./NotificationType";
+export { default as RouterMaker } from "./RouterMaker";

package/tsconfig.json

@@ -0,0 +1,30 @@
+{
+    "compilerOptions": {
+        "target": "ES6",
+        "module": "CommonJS",
+        "rootDir": "./src",
+        "outDir": "./dist",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "allowJs": false,
+        "checkJs": false,
+        "strict": true,
+        "esModuleInterop": true,
+        "sourceMap": true,
+        "resolveJsonModule": true,
+        "declaration": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "noImplicitAny": true,
+        "noImplicitOverride": true,
+        "noImplicitReturns": true,
+        "noImplicitThis": true,
+        "skipLibCheck": false,
+        "allowSyntheticDefaultImports": true,
+        "forceConsistentCasingInFileNames": true,
+        "noFallthroughCasesInSwitch": true,
+        "isolatedModules": false,
+    }
+}