@nano-app/frontend 0.3.5 → 0.4.0

package/dist/store/ApiStore.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApiStore = void 0;
-const AppStore_1 = require("./AppStore");
-const QueryBuilder_1 = require("../utils/QueryBuilder");
-const TokenHelper_1 = require("../utils/TokenHelper");
-const Toast_1 = require("../utils/Toast");
-class ApiStore extends AppStore_1.AppStore {
-    baseUrl;
-    busyCount = 0;
-    constructor(initialData = {}, storeName = "", baseUrl = "/api") {
-        super({}, storeName);
-        this.baseUrl = baseUrl;
-    }
-    create = (entity, body) => this.request("POST", entity, body);
-    read = async (query, params = {}) => {
-        const path = query.split("?")[0];
-        const response = await this.request("GET", QueryBuilder_1.QueryBuilder.build(query, params));
-        this.set(`${path}`, response.result);
-        return response;
-    };
-    update = (entity, body) => this.request("PUT", entity, body);
-    delete = (entity, id) => this.request("DELETE", entity, id);
-    async request(method, path, body) {
-        let oResponse = { result: null, success: false, message: "", warning: false };
-        this.busyCount++;
-        this.set("/busy", true);
-        try {
-            oResponse = await fetch(`${this.baseUrl}${path}`, {
-                method,
-                headers: {
-                    "Content-Type": "application/json",
-                    Authorization: `Bearer ${TokenHelper_1.TokenHelper.get()}`,
-                },
-                body: body ? JSON.stringify(body) : undefined,
-            })
-                .then((res) => res.json())
-                .then((res) => Toast_1.Toast.apiResponse(res));
-        }
-        catch (error) {
-            console.error(error);
-        }
-        finally {
-            this.busyCount--;
-            if (this.busyCount < 1)
-                this.set("/busy", false);
-        }
-        return oResponse;
-    }
-}
-exports.ApiStore = ApiStore;

package/dist/store/AppStore.d.ts

@@ -1,25 +0,0 @@
-export type StoreData = Record<string, any>;
-export declare class AppStore {
-    protected name: string;
-    private state;
-    constructor(initialData?: StoreData, name?: string);
-    /**
-     * Gestiona el estado de la store
-     * @param path - El path del estado
-     * @param value - El valor a asignar
-     * @returns El valor del estado
-     */
-    private manageState;
-    /**
-     * Obtiene el valor del estado
-     * @param path - El path del estado
-     * @returns El valor del estado
-     */
-    get(path: string): any;
-    /**
-     * Asigna un valor al estado
-     * @param path - El path del estado
-     * @param value - El valor a asignar
-     */
-    set(path: string, value: any): void;
-}

package/dist/store/AppStore.js

@@ -1,59 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppStore = void 0;
-const RenderManager_1 = __importDefault(require("./RenderManager"));
-class AppStore {
-    name;
-    state;
-    constructor(initialData = {}, name = "app") {
-        this.name = name;
-        this.state = initialData;
-    }
-    /**
-     * Gestiona el estado de la store
-     * @param path - El path del estado
-     * @param value - El valor a asignar
-     * @returns El valor del estado
-     */
-    manageState(path, value) {
-        // Divide el path en segmentos y obtiene el ultimo segmento
-        const segments = path.split("/").filter(Boolean);
-        if (segments.length === 0)
-            return this.state;
-        const last = segments.pop();
-        // Recorre los segmentos y crea el objeto si no existe
-        let current = this.state;
-        for (const seg of segments) {
-            if (current[seg] == null)
-                current[seg] = {};
-            current = current[seg];
-        }
-        // Si se proporciona un valor, lo asigna al ultimo segmento
-        if (arguments.length >= 2) {
-            current[last] = value;
-        }
-        // Retorna el valor del ultimo segmento
-        return current[last];
-    }
-    /**
-     * Obtiene el valor del estado
-     * @param path - El path del estado
-     * @returns El valor del estado
-     */
-    get(path) {
-        return this.manageState(path);
-    }
-    /**
-     * Asigna un valor al estado
-     * @param path - El path del estado
-     * @param value - El valor a asignar
-     */
-    set(path, value) {
-        this.manageState(path, value);
-        RenderManager_1.default.refresh(path, this.name);
-    }
-}
-exports.AppStore = AppStore;

package/dist/store/RenderManager.d.ts

@@ -1,47 +0,0 @@
-type ComponentId = symbol;
-/**
-{
-  store1: {
-    path1: {
-      component1: true,
-      component2: true,
-    },
-    path2: {
-      component1: true,
-    },
-    path3: {
-      component1: true,
-    },
-  }
-}
- */
-export declare class RenderManager {
-    private dependenciesMap;
-    private hooksMap;
-    /**
-     * Registra un hook de re-render para un componente
-     * @param componentId - El id del componente
-     * @param hook - El hook de re-render
-     */
-    register(componentId: ComponentId, hook: () => void): void;
-    /**
-     * Agrega una dependencia de path a un componente
-     * @param componentId - El id del componente
-     * @param path - El path del estado
-     * @param storeName - El nombre del store
-     */
-    dependsOn(componentId: ComponentId, path: string, storeName: string): void;
-    /**
-     * Actualiza los componentes que dependen de este path
-     * @param path - El path del estado
-     * @param storeName - El nombre del store
-     */
-    refresh(path: string, storeName: string): void;
-    /**
-     * Elimina un componente del manager
-     * @param componentId - El id del componente
-     */
-    unregister(componentId: ComponentId): void;
-}
-declare const _default: RenderManager;
-export default _default;

package/dist/store/RenderManager.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderManager = void 0;
-/**
-{
-  store1: {
-    path1: {
-      component1: true,
-      component2: true,
-    },
-    path2: {
-      component1: true,
-    },
-    path3: {
-      component1: true,
-    },
-  }
-}
- */
-class RenderManager {
-    dependenciesMap = new Map();
-    hooksMap = new Map();
-    /**
-     * Registra un hook de re-render para un componente
-     * @param componentId - El id del componente
-     * @param hook - El hook de re-render
-     */
-    register(componentId, hook) {
-        this.hooksMap.set(componentId, hook);
-    }
-    /**
-     * Agrega una dependencia de path a un componente
-     * @param componentId - El id del componente
-     * @param path - El path del estado
-     * @param storeName - El nombre del store
-     */
-    dependsOn(componentId, path, storeName) {
-        // Si no existe el store, crea un nuevo mapa
-        if (!this.dependenciesMap.has(storeName)) {
-            this.dependenciesMap.set(storeName, new Map());
-        }
-        // Si no existe el path, crea un nuevo conjunto
-        if (!this.dependenciesMap.get(storeName)?.has(path)) {
-            this.dependenciesMap.get(storeName)?.set(path, new Set());
-        }
-        // Agrega el componente al conjunto de dependencias
-        this.dependenciesMap.get(storeName)?.get(path)?.add(componentId);
-    }
-    /**
-     * Actualiza los componentes que dependen de este path
-     * @param path - El path del estado
-     * @param storeName - El nombre del store
-     */
-    refresh(path, storeName) {
-        // Obtiene los componentes que dependen de este path
-        const components = this.dependenciesMap.get(storeName)?.get(path);
-        // Si hay componentes que dependen de este path, actualiza cada uno
-        if (components) {
-            components.forEach((componentId) => {
-                this.hooksMap.get(componentId)?.();
-            });
-        }
-    }
-    /**
-     * Elimina un componente del manager
-     * @param componentId - El id del componente
-     */
-    unregister(componentId) {
-        this.hooksMap.delete(componentId);
-        this.dependenciesMap.forEach((store) => {
-            store.forEach((path) => {
-                path.delete(componentId);
-            });
-        });
-    }
-}
-exports.RenderManager = RenderManager;
-exports.default = new RenderManager();

package/dist/store/StoreManager.d.ts

@@ -1,15 +0,0 @@
-import { ApiStore } from "./ApiStore";
-import { AppStore } from "./AppStore";
-type StoreEntry = {
-    name: string;
-    type: "app" | "api";
-    path?: string;
-    data?: Record<string, unknown>;
-};
-export declare class StoreManager {
-    private stores;
-    init(entries: StoreEntry[]): void;
-    getStore(name: string): AppStore | ApiStore;
-}
-declare const _default: StoreManager;
-export default _default;

package/dist/store/StoreManager.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StoreManager = void 0;
-const ApiStore_1 = require("./ApiStore");
-const AppStore_1 = require("./AppStore");
-class StoreManager {
-    stores = new Map();
-    init(entries) {
-        if (entries.length === 0) {
-            this.stores.set("app", new AppStore_1.AppStore({}));
-            return;
-        }
-        entries.forEach(entry => {
-            if (entry.type === "api") {
-                this.stores.set(entry.name, new ApiStore_1.ApiStore(entry.data ?? {}, entry.name, entry.path ?? "/api"));
-            }
-            else {
-                this.stores.set(entry.name, new AppStore_1.AppStore(entry.data ?? {}, entry.name));
-            }
-        });
-    }
-    getStore(name) {
-        const store = this.stores.get(name);
-        if (!store)
-            throw new Error(`Store "${name}" no encontrado.`);
-        return store;
-    }
-}
-exports.StoreManager = StoreManager;
-exports.default = new StoreManager();

package/dist/ui/Controller.d.ts

@@ -1,20 +0,0 @@
-import { ApiResponse } from "@nano-app/backend";
-import { ReactNode } from "react";
-export type ReactParams = Record<string, any> & {
-    children?: ReactNode;
-    hook?: () => void;
-};
-export declare abstract class Controller {
-    private componentId;
-    constructor(hook: () => void, params: any);
-    get<T = any>(path: string, name?: string): T;
-    read<T = any>(path: string, params?: {}, name?: string): Promise<ApiResponse<T>>;
-    set(path: string, value: any, name?: string): void;
-    create<T = any>(path: string, body: any, name?: string): Promise<ApiResponse<T>>;
-    update<T = any>(path: string, body: any, name?: string): Promise<ApiResponse<T>>;
-    delete<T = any>(path: string, id: any, name?: string): Promise<ApiResponse<T>>;
-    destroy(): void;
-    onInit(params?: any): void;
-    onRender(params?: any): void;
-    useHooks(): void;
-}

package/dist/ui/Controller.js

@@ -1,49 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Controller = void 0;
-const StoreManager_1 = __importDefault(require("../store/StoreManager"));
-const RenderManager_1 = __importDefault(require("../store/RenderManager"));
-class Controller {
-    componentId;
-    constructor(hook, params) {
-        // Registra el componente para reactividad
-        this.componentId = Symbol();
-        RenderManager_1.default.register(this.componentId, hook);
-        // Inicializa el controller
-        this.onInit(params);
-    }
-    get(path, name = 'app') {
-        // Registra el path como dependencia
-        RenderManager_1.default.dependsOn(this.componentId, path, name);
-        // Retorna el valor del store
-        return StoreManager_1.default.getStore(name)?.get(path);
-    }
-    read(path, params = {}, name = 'api') {
-        // Registra el path como dependencia
-        RenderManager_1.default.dependsOn(this.componentId, path, name);
-        // Retorna el valor de la api
-        return StoreManager_1.default.getStore(name)?.read(path, params);
-    }
-    set(path, value, name = 'app') {
-        StoreManager_1.default.getStore(name)?.set(path, value);
-    }
-    create(path, body, name = 'api') {
-        return StoreManager_1.default.getStore(name)?.create(path, body);
-    }
-    update(path, body, name = 'api') {
-        return StoreManager_1.default.getStore(name)?.update(path, body);
-    }
-    delete(path, id, name = 'api') {
-        return StoreManager_1.default.getStore(name)?.delete(path, id);
-    }
-    destroy() {
-        RenderManager_1.default.unregister(this.componentId);
-    }
-    onInit(params) { }
-    onRender(params) { }
-    useHooks() { }
-}
-exports.Controller = Controller;

package/dist/ui/createComponent.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from "react";
-import { Controller } from "./Controller";
-export type ViewParams = any & {
-    children?: ReactNode;
-};
-export type View<C> = (controller: C, params: ViewParams) => ReactNode;
-export type CreateComponentProps<C> = {
-    controller?: new (hook: () => void, params: any) => C;
-    view?: View<C>;
-};
-/**
- * Crea un componente reactivo que se actualiza automáticamente cuando los datos de los stores cambian.
- * @param ControllerClass - Clase del controller
- * @param view - Función que renderiza el componente
- * @returns - Función que retorna el componente reactivo
- */
-export declare function createComponent<C extends Controller = Controller>({ controller, view }: CreateComponentProps<C>): (params: ViewParams) => ReactNode;

package/dist/ui/createComponent.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createComponent = createComponent;
-const react_1 = require("react");
-const Controller_1 = require("./Controller");
-class BaseController extends Controller_1.Controller {
-}
-const BaseView = (_, { children }) => children;
-/**
- * Crea un componente reactivo que se actualiza automáticamente cuando los datos de los stores cambian.
- * @param ControllerClass - Clase del controller
- * @param view - Función que renderiza el componente
- * @returns - Función que retorna el componente reactivo
- */
-function createComponent({ controller, view }) {
-    return function (params) {
-        // Hook para re-renderizar el componente
-        const [, setTick] = (0, react_1.useState)(0);
-        // Instancia el controller
-        const controllerRef = (0, react_1.useRef)();
-        if (!controllerRef.current) {
-            controllerRef.current = new (controller || BaseController)(() => setTick((t) => t + 1), params);
-        }
-        // Ejecuta el método onRender del controller
-        controllerRef.current.onRender(params);
-        // Ejecuta las hooks del usuario
-        controllerRef.current.useHooks();
-        // Cleanup del componente
-        (0, react_1.useEffect)(() => () => controllerRef.current?.destroy(), []);
-        return view ? view(controllerRef.current, params) : BaseView(controllerRef.current, params);
-    };
-}

package/dist/utils/QueryBuilder.d.ts

@@ -1,19 +0,0 @@
-type Filter = {
-    op: string;
-    value: any;
-};
-export type Filters = {
-    and?: boolean;
-    filters?: Record<string, Filter>;
-};
-export type QueryParams = {
-    skip?: number;
-    top?: number;
-    filters?: Filters;
-    expand?: string;
-    orderby?: string;
-};
-export declare class QueryBuilder {
-    static build(path: string, params?: QueryParams): string;
-}
-export {};

package/dist/utils/QueryBuilder.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QueryBuilder = void 0;
-function buildFilters(filters) {
-    if (!filters)
-        return "";
-    return Object.entries(filters.filters ?? {})
-        .map(([key, { op, value }]) => `${key} ${op} ${value}`)
-        .join(filters.and ? " and " : " or ");
-}
-class QueryBuilder {
-    static build(path, params = {}) {
-        const { skip, filters, expand, orderby, top, ...extraParams } = params;
-        const queryParams = [
-            ...Object.entries(extraParams).map(([key, value]) => `${key}=${value}`)
-        ];
-        const filtersQuery = buildFilters(filters);
-        if (filtersQuery)
-            queryParams.push(`filter=${filtersQuery}`);
-        if (expand)
-            queryParams.push(`expand=${expand}`);
-        if (orderby)
-            queryParams.push(`orderby=${orderby}`);
-        if (top != null)
-            queryParams.push(`top=${top}`);
-        if (skip != null)
-            queryParams.push(`skip=${skip}`);
-        return queryParams.length ? `${path}?${queryParams.join("&")}` : path;
-    }
-}
-exports.QueryBuilder = QueryBuilder;

package/dist/utils/Toast.d.ts

@@ -1,12 +0,0 @@
-import type { ApiResponse } from "@nano-app/backend";
-/**
- * Toast: implementación por defecto no-op.
- * La app puede reasignar los métodos (ej. Toast.error = (m) => addToast(...))
- * para mostrar notificaciones con su UI.
- */
-export declare class Toast {
-    static error(_message: string): void;
-    static success(_message: string): void;
-    static warning(_message: string): void;
-    static apiResponse<T>(response: ApiResponse<T>): ApiResponse<T>;
-}

package/dist/utils/Toast.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toast = void 0;
-/**
- * Toast: implementación por defecto no-op.
- * La app puede reasignar los métodos (ej. Toast.error = (m) => addToast(...))
- * para mostrar notificaciones con su UI.
- */
-class Toast {
-    static error(_message) { }
-    static success(_message) { }
-    static warning(_message) { }
-    static apiResponse(response) {
-        if (response.message) {
-            if (response.warning) {
-                Toast.warning(response.message);
-            }
-            else if (response.success) {
-                Toast.success(response.message);
-            }
-            else {
-                Toast.error(response.message);
-            }
-        }
-        return response;
-    }
-}
-exports.Toast = Toast;

package/dist/utils/TokenHelper.d.ts

@@ -1,5 +0,0 @@
-export declare class TokenHelper {
-    private static TOKEN_KEY;
-    static set(token: string): void;
-    static get(): string;
-}

package/dist/utils/TokenHelper.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TokenHelper = void 0;
-class TokenHelper {
-    static TOKEN_KEY = "app_token";
-    static set(token) {
-        if (typeof localStorage !== "undefined") {
-            localStorage.setItem(this.TOKEN_KEY, token);
-        }
-    }
-    static get() {
-        if (typeof localStorage === "undefined")
-            return "";
-        return localStorage.getItem(this.TOKEN_KEY) ?? "";
-    }
-}
-exports.TokenHelper = TokenHelper;