@brandup/ui-app 1.0.1

package/dist/mjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../brandup-ui/dist/mjs/index.js"],"sourcesContent":["const ElemAttributeName = \"uiElement\";\nconst ElemPropertyName = \"brandupUiElement\";\nconst CommandAttributeName = \"command\";\nconst CommandExecutingCssClassName = \"executing\";\nclass UIElement {\n    __element = null;\n    __events = {};\n    __commandHandlers = {};\n    // Element members\n    get element() { return this.__element; }\n    setElement(elem) {\n        if (!elem)\n            throw \"Not set value elem.\";\n        if (this.__element || UIElement.hasElement(elem))\n            throw \"UIElement already defined\";\n        this.__element = elem;\n        this.__element[ElemPropertyName] = this;\n        this.__element.dataset[ElemAttributeName] = this.typeName;\n        this.defineEvent(\"command\", { cancelable: false, bubbles: true });\n        this._onRenderElement(elem);\n    }\n    // static members\n    static hasElement(elem) {\n        return !!elem.dataset[ElemAttributeName];\n    }\n    // HTMLElement event members\n    defineEvent(eventName, eventOptions) {\n        this.__events[eventName] = eventOptions ? eventOptions : null;\n    }\n    raiseEvent(eventName, eventArgs) {\n        if (!(eventName in this.__events))\n            throw new Error(`Not found event \"${eventName}\".`);\n        const eventOptions = this.__events[eventName];\n        const eventInit = {};\n        if (eventOptions) {\n            if (eventOptions.bubbles)\n                eventInit.bubbles = eventOptions.bubbles;\n            if (eventOptions.cancelable)\n                eventInit.cancelable = eventOptions.cancelable;\n            if (eventOptions.composed)\n                eventInit.composed = eventOptions.composed;\n        }\n        eventInit.detail = eventArgs ? eventArgs : {};\n        const event = new CustomEvent(eventName, eventInit);\n        return this.dispatchEvent(event);\n    }\n    addEventListener(type, listener, options) {\n        this.__element?.addEventListener(type, listener, options);\n    }\n    removeEventListener(type, listener, options) {\n        this.__element?.removeEventListener(type, listener, options);\n    }\n    dispatchEvent(event) {\n        if (!this.__element)\n            throw new Error(\"HTMLElement is not defined.\");\n        return this.__element.dispatchEvent(event);\n    }\n    // Command members\n    registerCommand(name, execute, canExecute) {\n        name = this.verifyCommandName(name);\n        this.__commandHandlers[name] = {\n            name: name,\n            execute,\n            canExecute,\n            isExecuting: false\n        };\n    }\n    registerAsyncCommand(name, delegate, canExecute) {\n        name = this.verifyCommandName(name);\n        this.__commandHandlers[name] = {\n            name: name,\n            delegate,\n            canExecute,\n            isExecuting: false\n        };\n    }\n    hasCommand(name) {\n        return name.toLowerCase() in this.__commandHandlers;\n    }\n    execCommand(name, elem) {\n        if (!this.__element)\n            throw new Error(\"UIElement is not set HTMLElement.\");\n        const key = name.toLowerCase();\n        if (!(key in this.__commandHandlers))\n            throw new Error(`Command \"${name}\" is not registered.`);\n        const context = {\n            target: elem,\n            uiElem: this,\n            transparent: false\n        };\n        const handler = this.__commandHandlers[key];\n        if (handler.isExecuting)\n            return { result: CommandsExecStatus.AlreadyExecuting, context };\n        handler.isExecuting = true;\n        if (!this._onCanExecCommand(name, elem)) {\n            handler.isExecuting = false;\n            return { result: CommandsExecStatus.NotAllow, context };\n        }\n        if (handler.canExecute && !handler.canExecute(elem, context)) {\n            handler.isExecuting = false;\n            return { result: CommandsExecStatus.NotAllow, context };\n        }\n        this.raiseEvent(\"command\", {\n            name: handler.name,\n            uiElem: this,\n            elem: this.__element\n        });\n        if (handler.execute) {\n            // Если команда синхронная.\n            try {\n                handler.execute(elem, context);\n            }\n            finally {\n                handler.isExecuting = false;\n            }\n        }\n        else if (handler.delegate) {\n            // Если команда асинхронная.\n            elem.classList.add(CommandExecutingCssClassName);\n            let timeoutId = 0;\n            const endFunc = () => {\n                handler.isExecuting = false;\n                elem.classList.remove(CommandExecutingCssClassName);\n            };\n            const asyncContext = {\n                target: elem,\n                uiElem: this,\n                transparent: context.transparent,\n                complate: () => {\n                    clearTimeout(timeoutId);\n                    endFunc();\n                }\n            };\n            const handlerResult = handler.delegate(asyncContext);\n            if (handlerResult && handlerResult instanceof Promise)\n                handlerResult.finally(() => asyncContext.complate());\n            if (handler.isExecuting && asyncContext.timeout) {\n                timeoutId = window.setTimeout(() => {\n                    if (asyncContext.timeoutCallback)\n                        asyncContext.timeoutCallback();\n                    endFunc();\n                }, asyncContext.timeout);\n            }\n            context.transparent = asyncContext.transparent;\n        }\n        else\n            throw new Error(\"Not set command execute flow.\");\n        return { result: CommandsExecStatus.Success, context: context };\n    }\n    verifyCommandName(name) {\n        const key = name.toLowerCase();\n        if (key in this.__commandHandlers)\n            throw new Error(`Command \"${name}\" already registered.`);\n        return key;\n    }\n    _onRenderElement(_elem) {\n        return;\n    }\n    _onCanExecCommand(_name, _elem) {\n        return true;\n    }\n    destroy() {\n        const elem = this.__element;\n        if (!elem)\n            return;\n        this.__element = null;\n        delete elem.dataset[ElemAttributeName];\n        delete elem[ElemPropertyName];\n    }\n}\nvar CommandsExecStatus;\n(function (CommandsExecStatus) {\n    CommandsExecStatus[CommandsExecStatus[\"NotAllow\"] = 1] = \"NotAllow\";\n    CommandsExecStatus[CommandsExecStatus[\"AlreadyExecuting\"] = 2] = \"AlreadyExecuting\";\n    CommandsExecStatus[CommandsExecStatus[\"Success\"] = 3] = \"Success\";\n})(CommandsExecStatus || (CommandsExecStatus = {}));\nconst fundUiElementByCommand = (elem, commandName) => {\n    while (elem) {\n        if (elem.dataset[ElemAttributeName]) {\n            const uiElem = elem[ElemPropertyName];\n            if (uiElem.hasCommand(commandName))\n                return uiElem;\n        }\n        if (typeof elem.parentElement === \"undefined\")\n            elem = elem.parentNode;\n        else if (elem.parentElement)\n            elem = elem.parentElement;\n        else\n            break;\n    }\n    return null;\n};\nconst commandClickHandler = (e) => {\n    let commandElem = e.target;\n    while (commandElem) {\n        if (commandElem.dataset[CommandAttributeName])\n            break;\n        if (commandElem === e.currentTarget)\n            return;\n        commandElem = commandElem.parentElement;\n    }\n    if (!commandElem)\n        return;\n    const commandName = commandElem.dataset[CommandAttributeName];\n    if (!commandName)\n        throw new Error(\"Command data attribute is not have value.\");\n    const uiElem = fundUiElementByCommand(commandElem, commandName);\n    if (uiElem === null) {\n        console.warn(`Not find handler for command \"${commandName}\".`);\n    }\n    else {\n        const commandResult = uiElem.execCommand(commandName, commandElem);\n        if (commandResult.context.transparent)\n            return;\n    }\n    e.preventDefault();\n    e.stopPropagation();\n    e.stopImmediatePropagation();\n};\nwindow.addEventListener(\"click\", commandClickHandler, false);\n\nexport { CommandAttributeName, CommandExecutingCssClassName, CommandsExecStatus, ElemAttributeName, ElemPropertyName, UIElement };\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,226 @@
+import { UIElement } from '@brandup/ui';
+
+interface EnvironmentModel {
+    basePath: string;
+    [key: string]: any;
+}
+interface ApplicationModel {
+    [key: string]: any;
+}
+interface QueryParams {
+    [key: string]: string | string[];
+}
+
+interface Middleware {
+    readonly name: string;
+    start?: MiddlewareMethod;
+    loaded?: MiddlewareMethod;
+    navigate?: MiddlewareMethod;
+    submit?: MiddlewareMethod;
+    stop?: MiddlewareMethod;
+    [key: string]: MiddlewareMethod | any;
+}
+type MiddlewareMethod<TContext extends InvokeContext = any> = (context: TContext, next: MiddlewareNext) => Promise<void>;
+type MiddlewareNext = () => Promise<void>;
+interface InvokeContext {
+    readonly app: Application;
+    readonly data: ContextData;
+}
+interface ContextData {
+    [key: string]: any;
+}
+interface StartContext<TApplication extends Application = Application, TData extends ContextData = ContextData> extends InvokeContext {
+    readonly app: TApplication;
+    readonly data: TData;
+}
+interface StopContext<TApplication extends Application = Application, TData extends ContextData = ContextData> extends InvokeContext {
+    readonly app: TApplication;
+    readonly data: TData;
+}
+interface NavigateContext<TApplication extends Application = Application, TData extends ContextData = ContextData> extends InvokeContext {
+    readonly app: TApplication;
+    readonly data: TData;
+    /** Source navigation event. */
+    readonly source: NavigateSource;
+    /** Full url for navigation. */
+    readonly url: string;
+    /** Scheme, host and port. */
+    readonly origin: string;
+    /** Path of navigation url. */
+    readonly path: string;
+    /** Query parameters of navigation url. */
+    readonly query: URLSearchParams;
+    /** Hash of navigation url. */
+    readonly hash: string | null;
+    /** Replace current navigation entry. */
+    /** Navigation origin is different of current page origin. */
+    readonly external: boolean;
+    replace: boolean;
+}
+/**
+ * Navigation event source.
+ * first - first navigation from run.
+ * nav - from nav app method.
+ * submit - from submit app method. For only get submit.
+ */
+type NavigateSource = "first" | "nav" | "submit";
+interface SubmitContext<TApplication extends Application = Application, TData extends ContextData = ContextData> extends NavigateContext<TApplication, TData> {
+    readonly form: HTMLFormElement;
+    readonly button: HTMLButtonElement | null;
+    readonly method: SubmitMethod;
+    readonly enctype: string;
+}
+type SubmitMethod = "GET" | "POST" | "PUT" | "DELETE" | "PATCH" | string;
+
+declare class MiddlewareInvoker {
+    readonly middleware: Middleware;
+    private __next;
+    constructor(middleware: Middleware);
+    next(middleware: Middleware): void;
+    invoke<TContext extends InvokeContext>(method: string, context: TContext): Promise<void>;
+    private __invoke;
+}
+
+/**
+ * Base application class.
+ */
+declare class Application<TModel extends ApplicationModel = ApplicationModel> extends UIElement {
+    readonly env: EnvironmentModel;
+    readonly model: TModel;
+    private readonly __invoker;
+    private __isInitialized;
+    private __isDestroy;
+    private __middlewares;
+    private __lastNav;
+    constructor(env: EnvironmentModel, model: TModel);
+    get typeName(): string;
+    /** Middleware methods invoker. */
+    get invoker(): MiddlewareInvoker;
+    /**
+     * @param middlewares Initialize application with middlewares. Using in ApplicationBuilder.
+     */
+    initialize(middlewares: Array<Middleware>): void;
+    protected onInitialize(): void;
+    /**
+     * Get middleware by type.
+     * @param type Type of middleware.
+     * @returns Middleware instance.
+     */
+    middleware<T extends Middleware>(name: string): T;
+    /**
+     * Run application.
+     * @param contextData Run context data.
+     * @param element HTMLElement of application. Default is document.body.
+     * @returns Promise of runned result.
+     */
+    run<TData extends ContextData>(contextData?: TData | null, element?: HTMLElement): Promise<NavigateContext<this, TData>>;
+    /**
+     * Navigate application to url.
+     * @param options Navigate options.
+     * @returns Promise of navigated result.
+     */
+    nav<TData extends ContextData>(options?: NavigationOptions<TData> | string | null): Promise<NavigateContext<this, TData>>;
+    /**
+     * Submit application form.
+     * @param options Submit options.
+     * @returns Promise of submitted result.
+     */
+    submit<TData extends ContextData>(options: SubmitOptions<TData> | HTMLFormElement): Promise<SubmitContext<this, TData>>;
+    /**
+     * Reload page with nav.
+     */
+    reload(): Promise<NavigateContext<this, ContextData>>;
+    /**
+     * Global reload page in browser.
+     */
+    restart(): void;
+    destroy<TData extends ContextData = ContextData>(contextData?: TData | null): Promise<StopContext<Application, TData>>;
+    /**
+     * Generate url of application base url.
+     * @param path Add optional path of base url.
+     * @param query Add optional query params.
+     * @param hash Add optional hash.
+     * @returns Relative url with base path.
+     */
+    buildUrl(path?: string, query?: QueryParams | URLSearchParams | FormData, hash?: string): string;
+}
+interface NavigationOptions<TData extends ContextData = ContextData> {
+    url?: string | null;
+    query?: QueryParams | URLSearchParams | FormData;
+    replace?: boolean;
+    data?: TData;
+    callback?: (result: CallbackResult<NavigateContext<Application, TData>>) => void | null;
+}
+interface SubmitOptions<TData extends ContextData = ContextData> {
+    form: HTMLFormElement;
+    button?: HTMLButtonElement | null;
+    query?: QueryParams | URLSearchParams;
+    data?: TData;
+    callback?: (result: CallbackResult<SubmitContext<Application, TData>>) => void;
+}
+interface CallbackResult<TContext extends InvokeContext> {
+    status: CallbackStatus;
+    context: TContext;
+}
+type CallbackStatus = "success" | "error";
+
+declare class ApplicationBuilder<TModel extends ApplicationModel> {
+    private __appType;
+    private __middlewares;
+    useApp(appType: typeof Application<TModel>): this;
+    useMiddleware(middleware: ((...params: Array<any>) => Middleware) | Middleware, ...params: Array<any>): this;
+    build(env: EnvironmentModel, model: TModel): Application<TModel>;
+}
+
+interface ParsedUrl {
+    full: string;
+    relative: string;
+    origin: string;
+    path: string;
+    query: URLSearchParams;
+    hash: string | null;
+    external: boolean;
+}
+declare const _default$1: {
+    parseUrl: (url: string | null) => ParsedUrl;
+    extendQuery: (url: ParsedUrl, query: QueryParams | URLSearchParams | FormData) => void;
+    buildUrl: (basePath: string, path?: string, query?: QueryParams | URLSearchParams | FormData, hash?: string) => string;
+};
+
+type url_ParsedUrl = ParsedUrl;
+declare namespace url {
+  export { type url_ParsedUrl as ParsedUrl, _default$1 as default };
+}
+
+interface Constants {
+    readonly LoadingElementClass: string;
+    readonly NavUrlClassName: string;
+    readonly FormClassName: string;
+    readonly NavUrlAttributeName: string;
+    readonly NavUrlReplaceAttributeName: string;
+    readonly NavIgnoreAttributeName: string;
+    readonly STATE_CLASS: {
+        readonly LOADING: string;
+        readonly LOADED: string;
+        readonly READY: string;
+    };
+}
+declare const result: Constants;
+
+declare namespace constants {
+  export { result as default };
+}
+
+declare const _default: {
+    window: Window & typeof globalThis;
+    document: Document;
+    body: HTMLElement;
+    location: Location;
+    reload: () => void;
+};
+
+declare namespace browser {
+  export { _default as default };
+}
+
+export { Application, ApplicationBuilder, type ApplicationModel, browser as BROWSER, constants as CONSTANTS, type CallbackResult, type CallbackStatus, type ContextData, type EnvironmentModel, type InvokeContext, type Middleware, type MiddlewareMethod, type MiddlewareNext, type NavigateContext, type NavigateSource, type NavigationOptions, type QueryParams, type StartContext, type StopContext, type SubmitContext, type SubmitMethod, type SubmitOptions, url as UrlHelper };

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@brandup/ui-app",
+  "description": "Basic infrastructure framework for web applications.",
+  "keywords": [
+    "brandup",
+    "typescript",
+    "ui",
+    "app"
+  ],
+  "author": {
+    "name": "Dmitry Kovyazin",
+    "email": "it@brandup.online"
+  },
+  "homepage": "https://github.com/brandup-online/brandup-ui",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/brandup-online/brandup-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/brandup-online/brandup-ui/issues",
+    "email": "it@brandup.online"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/mjs/index.js",
+  "types": "dist/types.d.ts",
+  "license": "Apache-2.0",
+  "version": "1.0.1",
+  "dependencies": {
+    "@brandup/ui": "^1.0.1"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.8",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "rollup": "^4.19.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.3"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "rollup -c --bundleConfigAsCjs",
+    "watch": "rollup -c -w --bundleConfigAsCjs"
+  }
+}