@nsxbet/admin-sdk 0.8.1 → 0.9.1

package/dist/shell/components/access-control/AccessControlPermissionPicker.d.ts

@@ -0,0 +1,8 @@
+import type { AccessControlCatalogItem } from "./api";
+interface AccessControlPermissionPickerProps {
+    items: AccessControlCatalogItem[];
+    assignedPermissions: string[];
+    onAssignPermissions: (permissions: string[]) => Promise<void>;
+}
+export declare function AccessControlPermissionPicker({ items, assignedPermissions, onAssignPermissions, }: AccessControlPermissionPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shell/components/access-control/AccessControlPermissionPicker.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Badge, Button, Checkbox, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Input, Separator, } from "@nsxbet/admin-ui";
+export function AccessControlPermissionPicker({ items, assignedPermissions, onAssignPermissions, }) {
+    const [open, setOpen] = useState(false);
+    const [search, setSearch] = useState("");
+    const [selectedPermissions, setSelectedPermissions] = useState([]);
+    const visibleItems = useMemo(() => items.filter((item) => {
+        const matchesSearch = search.trim() === "" || item.permission.toLowerCase().includes(search.toLowerCase());
+        return matchesSearch && !assignedPermissions.includes(item.permission);
+    }), [assignedPermissions, items, search]);
+    const groupedItems = useMemo(() => visibleItems.reduce((groups, item) => {
+        const groupKey = item.source === "platform" ? "Platform" : item.sourceKey;
+        groups[groupKey] = groups[groupKey] ?? [];
+        groups[groupKey].push(item);
+        return groups;
+    }, {}), [visibleItems]);
+    const togglePermission = (permission, checked) => {
+        setSelectedPermissions((current) => checked
+            ? [...current, permission]
+            : current.filter((p) => p !== permission));
+    };
+    const handleAssign = async () => {
+        if (selectedPermissions.length === 0)
+            return;
+        await onAssignPermissions(selectedPermissions);
+        setSelectedPermissions([]);
+        setOpen(false);
+    };
+    const handleOpenChange = (nextOpen) => {
+        setOpen(nextOpen);
+        if (nextOpen) {
+            setSearch("");
+            setSelectedPermissions([]);
+        }
+    };
+    return (_jsxs(Dialog, { open: open, onOpenChange: handleOpenChange, children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { size: "sm", "data-testid": "access-control-assign-permissions-trigger", children: "Add Permissions" }) }), _jsxs(DialogContent, { className: "max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Assign Permissions" }), _jsx(DialogDescription, { children: "Select permissions from the catalog to assign to this group." })] }), _jsx(Input, { placeholder: "Search permissions", value: search, onChange: (event) => setSearch(event.target.value), autoFocus: true }), _jsx("div", { className: "max-h-72 space-y-2 overflow-auto rounded border p-2", children: Object.entries(groupedItems).length === 0 ? (_jsx("div", { className: "py-4 text-center text-sm text-muted-foreground", children: "No assignable permissions found." })) : (Object.entries(groupedItems).map(([groupName, groupItems], index) => (_jsxs("div", { className: "space-y-1", children: [index > 0 && _jsx(Separator, { className: "my-2" }), _jsx("div", { className: "px-1 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: groupName }), groupItems.map((item) => (_jsxs("label", { className: "flex cursor-pointer items-start gap-3 rounded px-2 py-1.5 hover:bg-muted", children: [_jsx(Checkbox, { className: "mt-0.5", checked: selectedPermissions.includes(item.permission), disabled: !item.assignable, onCheckedChange: (checked) => togglePermission(item.permission, checked === true) }), _jsxs("div", { className: "min-w-0 flex items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium", children: item.permission }), item.orphaned && (_jsx(Badge, { variant: "secondary", className: "text-[10px]", children: "Orphaned" }))] })] }, item.permission)))] }, groupName)))) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setOpen(false), children: "Cancel" }), _jsxs(Button, { onClick: handleAssign, disabled: selectedPermissions.length === 0, "data-testid": "access-control-assign-permissions", children: ["Assign ", selectedPermissions.length > 0 ? `(${selectedPermissions.length})` : ""] })] })] })] }));
+}

package/dist/shell/components/access-control/AccessControlUserPage.d.ts

@@ -0,0 +1 @@
+export declare function AccessControlUserPage(): import("react/jsx-runtime").JSX.Element;

package/dist/shell/components/access-control/AccessControlUserPage.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { useOutletContext, useParams } from "react-router-dom";
+import { Card, CardContent, CardHeader, CardTitle, EmptyState, LoadingState, Badge, } from "@nsxbet/admin-ui";
+import { useFetch } from "../../../hooks/useFetch";
+import { useI18n } from "../../../hooks/useI18n";
+import { createAccessControlApi, } from "./api";
+export function AccessControlUserPage() {
+    const { userId } = useParams();
+    const { t } = useI18n();
+    const fetcher = useFetch();
+    const { apiUrl } = useOutletContext();
+    const api = useMemo(() => createAccessControlApi(fetcher, apiUrl), [fetcher, apiUrl]);
+    const [result, setResult] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        const loadUser = async () => {
+            if (!userId)
+                return;
+            try {
+                setIsLoading(true);
+                setError(null);
+                setResult(await api.getResolvedRoles(userId));
+            }
+            catch (nextError) {
+                setError(nextError instanceof Error ? nextError.message : t("errors.generic"));
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        loadUser();
+    }, [api, t, userId]);
+    if (isLoading) {
+        return _jsx(LoadingState, { text: t("common.loading") });
+    }
+    if (error || !result) {
+        return (_jsx(EmptyState, { title: t("common.error"), description: error ?? t("errors.notFound") }));
+    }
+    return (_jsxs("section", { "data-testid": "access-control-user-page", className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-xl font-semibold", children: result.user.displayName }), _jsx("p", { className: "text-muted-foreground", children: t("accessControlPage.userDescription", { userId: result.user.id }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t("accessControlPage.userRolesTitle") }) }), _jsx(CardContent, { className: "space-y-2", children: result.roles.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: t("accessControlPage.noRoles") })) : (result.roles.map((role) => (_jsx(Badge, { variant: "secondary", className: "mr-2 mb-2", children: role }, role)))) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t("accessControlPage.userGroupsTitle") }) }), _jsx(CardContent, { className: "space-y-3", children: result.groups.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: t("accessControlPage.noGroupsDescription") })) : (result.groups.map((group) => (_jsxs("div", { className: "rounded border p-3", children: [_jsx("div", { className: "font-medium", children: group.displayName }), _jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: group.permissions.map((permission) => (_jsx(Badge, { variant: "outline", children: permission }, permission))) })] }, group.id)))) })] })] }));
+}

package/dist/shell/components/access-control/AccessControlUsersListPage.d.ts

@@ -0,0 +1 @@
+export declare function AccessControlUsersListPage(): import("react/jsx-runtime").JSX.Element;

package/dist/shell/components/access-control/AccessControlUsersListPage.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useNavigate, useOutletContext } from "react-router-dom";
+import { Button, Badge, DataTable, EmptyState, Input, LoadingState, } from "@nsxbet/admin-ui";
+import { useFetch } from "../../../hooks/useFetch";
+import { useI18n } from "../../../hooks/useI18n";
+import { createAccessControlApi } from "./api";
+const PAGE_SIZE = 20;
+export function AccessControlUsersListPage() {
+    const { t } = useI18n();
+    const fetcher = useFetch();
+    const navigate = useNavigate();
+    const { apiUrl } = useOutletContext();
+    const api = useMemo(() => createAccessControlApi(fetcher, apiUrl), [fetcher, apiUrl]);
+    const apiRef = useRef(api);
+    apiRef.current = api;
+    const [search, setSearch] = useState("");
+    const [committedSearch, setCommittedSearch] = useState("");
+    const [users, setUsers] = useState([]);
+    const [hasLoaded, setHasLoaded] = useState(false);
+    const [isFiltering, setIsFiltering] = useState(false);
+    const [isLoadingMore, setIsLoadingMore] = useState(false);
+    const [error, setError] = useState(null);
+    const [nextCursor, setNextCursor] = useState(null);
+    const sentinelRef = useRef(null);
+    const commitSearch = useCallback(() => setCommittedSearch(search), [search]);
+    const filterParams = useMemo(() => ({
+        search: committedSearch || undefined,
+        limit: PAGE_SIZE,
+    }), [committedSearch]);
+    useEffect(() => {
+        let cancelled = false;
+        const load = async () => {
+            try {
+                setIsFiltering(true);
+                setError(null);
+                const page = await apiRef.current.listKnownUsers(filterParams);
+                if (cancelled)
+                    return;
+                setUsers(page.items);
+                setNextCursor(page.nextCursor);
+                setHasLoaded(true);
+            }
+            catch (nextError) {
+                if (cancelled)
+                    return;
+                setError(nextError instanceof Error ? nextError.message : "Unknown error");
+            }
+            finally {
+                if (!cancelled)
+                    setIsFiltering(false);
+            }
+        };
+        load();
+        return () => { cancelled = true; };
+    }, [filterParams]);
+    const loadMoreRef = useRef();
+    const loadMore = useCallback(async () => {
+        if (!nextCursor || isLoadingMore)
+            return;
+        try {
+            setIsLoadingMore(true);
+            const page = await apiRef.current.listKnownUsers({ ...filterParams, cursor: nextCursor });
+            setUsers((prev) => [...prev, ...page.items]);
+            setNextCursor(page.nextCursor);
+        }
+        catch {
+            // silent
+        }
+        finally {
+            setIsLoadingMore(false);
+        }
+    }, [filterParams, nextCursor, isLoadingMore]);
+    loadMoreRef.current = loadMore;
+    useEffect(() => {
+        const sentinel = sentinelRef.current;
+        if (!sentinel || !nextCursor)
+            return;
+        const observer = new IntersectionObserver((entries) => { if (entries[0].isIntersecting)
+            loadMoreRef.current?.(); }, { rootMargin: "200px" });
+        observer.observe(sentinel);
+        return () => observer.disconnect();
+    }, [nextCursor]);
+    const columns = useMemo(() => [
+        {
+            accessor: "displayName",
+            header: t("accessControlPage.columnName"),
+        },
+        {
+            accessor: "email",
+            header: t("accessControlPage.columnEmail"),
+        },
+        {
+            accessor: "subject",
+            header: t("accessControlPage.columnSubject"),
+            cell: (_value, row) => (_jsx(Badge, { variant: "outline", className: "font-mono text-xs", children: row.subject })),
+        },
+        {
+            accessor: "id",
+            header: t("common.actions"),
+            sticky: "right",
+            cell: (_value, row) => (_jsx(Button, { variant: "outline", size: "sm", onClick: () => navigate(`/_access-control/users/${row.id}`), children: t("accessControlPage.inspectUser") })),
+        },
+    ], [t, navigate]);
+    const showInitialLoading = !hasLoaded && isFiltering;
+    const showTable = hasLoaded && !error;
+    return (_jsxs("section", { "data-testid": "access-control-users-list-page", className: "space-y-4", children: [_jsx("h2", { className: "text-xl font-semibold", children: t("accessControlPage.usersTitle") }), _jsx(Input, { placeholder: t("common.search"), value: search, onChange: (event) => setSearch(event.target.value), onKeyDown: (event) => { if (event.key === "Enter")
+                    commitSearch(); }, onBlur: commitSearch, className: "max-w-xs" }), showInitialLoading ? (_jsx(LoadingState, { text: t("common.loading") })) : error ? (_jsx(EmptyState, { title: t("common.error"), description: error })) : showTable ? (_jsxs("div", { children: [_jsx("div", { className: isFiltering
+                            ? "pointer-events-none opacity-50 transition-opacity duration-200"
+                            : "transition-opacity duration-200", children: _jsx(DataTable, { data: users, columns: columns, emptyState: _jsx(EmptyState, { title: t("accessControlPage.noUsersTitle"), description: t("accessControlPage.noUsersDescription") }) }) }), nextCursor !== null && (_jsx("div", { ref: sentinelRef, className: "flex justify-center py-4", children: isLoadingMore && (_jsx("div", { className: "min-h-0 py-2", children: _jsx(LoadingState, { text: t("common.loading") }) })) }))] })) : null] }));
+}

package/dist/shell/components/access-control/api.d.ts

@@ -0,0 +1,111 @@
+export interface AccessControlGroup {
+    id: number;
+    displayName: string;
+    systemKey: string | null;
+    isProtected: boolean;
+    activatedAt: string;
+    deactivatedAt: string | null;
+    createdAt: string;
+    updatedAt: string;
+}
+export interface AccessControlGroupPage {
+    items: AccessControlGroup[];
+    nextCursor: number | null;
+}
+export interface AccessControlGroupMember {
+    id: number;
+    subject: string;
+    email: string;
+    displayName: string;
+}
+export interface AccessControlGroupDetail extends AccessControlGroup {
+    members: AccessControlGroupMember[];
+    permissions: string[];
+}
+export interface AccessControlResolvedRolesResponse {
+    user: {
+        id: number;
+        subject: string;
+        email: string;
+        displayName: string;
+    };
+    roles: string[];
+    groups: Array<{
+        id: number;
+        displayName: string;
+        permissions: string[];
+    }>;
+    attribution: Array<{
+        permission: string;
+        groups: Array<{
+            id: number;
+            displayName: string;
+        }>;
+    }>;
+}
+export interface AccessControlCatalogItem {
+    permission: string;
+    source: "platform" | "module";
+    sourceKey: string;
+    namespace: string;
+    assignable: boolean;
+    orphaned: boolean;
+}
+export interface AccessControlAuditEvent {
+    id: number;
+    occurredAt: string;
+    actorUserId: number | null;
+    actorEmailSnapshot: string;
+    eventType: string;
+    targetType: string;
+    targetId: string;
+    summary: string;
+}
+export interface AccessControlAuditPage {
+    items: AccessControlAuditEvent[];
+    nextCursor: number | null;
+}
+export interface AccessControlUserSummary {
+    id: number;
+    subject: string;
+    email: string;
+    displayName: string;
+}
+export interface AccessControlUserPage {
+    items: AccessControlUserSummary[];
+    nextCursor: number | null;
+}
+export declare function createAccessControlApi(fetcher: (input: RequestInfo | URL, init?: RequestInit) => Promise<Response>, apiUrl?: string): {
+    listGroups(options?: {
+        status?: "active" | "inactive";
+        search?: string;
+        cursor?: number;
+        limit?: number;
+    }): Promise<AccessControlGroupPage>;
+    getGroupDetail(groupId: number): Promise<AccessControlGroupDetail>;
+    createGroup(displayName: string): Promise<AccessControlGroup>;
+    updateGroup(groupId: number, displayName: string): Promise<AccessControlGroup>;
+    deactivateGroup(groupId: number): Promise<AccessControlGroup>;
+    reactivateGroup(groupId: number): Promise<AccessControlGroup>;
+    listKnownUsers(options?: {
+        search?: string;
+        cursor?: number;
+        limit?: number;
+    }): Promise<AccessControlUserPage>;
+    getResolvedRoles(userId: string): Promise<AccessControlResolvedRolesResponse>;
+    listAuditEvents(filters: {
+        eventType?: string;
+        actorEmail?: string;
+        targetType?: string;
+        targetId?: string;
+        cursor?: number;
+        limit?: number;
+    }): Promise<AccessControlAuditPage>;
+    getPermissionCatalog(): Promise<{
+        items: AccessControlCatalogItem[];
+    }>;
+    addGroupMembers(groupId: number, userIds: number[]): Promise<void>;
+    removeGroupMember(groupId: number, userId: number): Promise<void>;
+    assignGroupPermissions(groupId: number, permissions: string[]): Promise<void>;
+    removeGroupPermission(groupId: number, permission: string): Promise<void>;
+};

package/dist/shell/components/access-control/api.js

@@ -0,0 +1,119 @@
+function buildApiBaseUrl(apiUrl) {
+    if (!apiUrl) {
+        return "/api";
+    }
+    const normalized = apiUrl.replace(/\/+$/, "");
+    return normalized.endsWith("/api") ? normalized : `${normalized}/api`;
+}
+async function request(fetcher, url, init) {
+    const response = await fetcher(url, {
+        headers: {
+            "Content-Type": "application/json",
+            ...init?.headers,
+        },
+        ...init,
+    });
+    if (!response.ok) {
+        const error = await response.text();
+        throw new Error(error || `Request failed: ${response.status}`);
+    }
+    const text = await response.text();
+    if (!text) {
+        return undefined;
+    }
+    return JSON.parse(text);
+}
+export function createAccessControlApi(fetcher, apiUrl) {
+    const baseUrl = buildApiBaseUrl(apiUrl);
+    return {
+        listGroups(options = {}) {
+            const params = new URLSearchParams();
+            if (options.status)
+                params.set("status", options.status);
+            if (options.search)
+                params.set("search", options.search);
+            if (options.cursor)
+                params.set("cursor", String(options.cursor));
+            if (options.limit)
+                params.set("limit", String(options.limit));
+            const query = params.toString();
+            return request(fetcher, `${baseUrl}/access-control/groups${query ? `?${query}` : ""}`);
+        },
+        getGroupDetail(groupId) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}`);
+        },
+        createGroup(displayName) {
+            return request(fetcher, `${baseUrl}/access-control/groups`, {
+                method: "POST",
+                body: JSON.stringify({ displayName }),
+            });
+        },
+        updateGroup(groupId, displayName) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}`, {
+                method: "PATCH",
+                body: JSON.stringify({ displayName }),
+            });
+        },
+        deactivateGroup(groupId) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}/deactivate`, { method: "POST" });
+        },
+        reactivateGroup(groupId) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}/reactivate`, { method: "POST" });
+        },
+        listKnownUsers(options = {}) {
+            const params = new URLSearchParams();
+            if (options.search)
+                params.set("search", options.search);
+            if (options.cursor)
+                params.set("cursor", String(options.cursor));
+            if (options.limit)
+                params.set("limit", String(options.limit));
+            const query = params.toString();
+            return request(fetcher, `${baseUrl}/access-control/users${query ? `?${query}` : ""}`);
+        },
+        getResolvedRoles(userId) {
+            const path = userId === "me"
+                ? `${baseUrl}/access-control/users/me/resolved-roles`
+                : `${baseUrl}/access-control/users/${userId}/resolved-roles`;
+            return request(fetcher, path);
+        },
+        listAuditEvents(filters) {
+            const params = new URLSearchParams();
+            if (filters.eventType)
+                params.set("eventType", filters.eventType);
+            if (filters.actorEmail)
+                params.set("actorEmail", filters.actorEmail);
+            if (filters.targetType)
+                params.set("targetType", filters.targetType);
+            if (filters.targetId)
+                params.set("targetId", filters.targetId);
+            if (filters.cursor)
+                params.set("cursor", String(filters.cursor));
+            if (filters.limit)
+                params.set("limit", String(filters.limit));
+            const query = params.toString();
+            return request(fetcher, `${baseUrl}/access-control/audit${query ? `?${query}` : ""}`);
+        },
+        getPermissionCatalog() {
+            return request(fetcher, `${baseUrl}/access-control/catalog`);
+        },
+        addGroupMembers(groupId, userIds) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}/members`, {
+                method: "POST",
+                body: JSON.stringify({ userIds: userIds.map(Number) }),
+            });
+        },
+        removeGroupMember(groupId, userId) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}/members/${userId}`, { method: "DELETE" });
+        },
+        assignGroupPermissions(groupId, permissions) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}/permissions`, {
+                method: "POST",
+                body: JSON.stringify({ permissions }),
+            });
+        },
+        removeGroupPermission(groupId, permission) {
+            return request(fetcher, `${baseUrl}/access-control/groups/${groupId}/permissions/${encodeURIComponent(permission)}`, { method: "DELETE" });
+        },
+    };
+}

package/dist/shell/components/access-control/index.d.ts

@@ -0,0 +1,8 @@
+export { AccessControlLayout } from "./AccessControlLayout";
+export { AccessControlGroupsPage } from "./AccessControlGroupsPage";
+export { AccessControlGroupDetailPage } from "./AccessControlGroupDetailPage";
+export { AccessControlUsersListPage } from "./AccessControlUsersListPage";
+export { AccessControlUserPage } from "./AccessControlUserPage";
+export { AccessControlAuditPage } from "./AccessControlAuditPage";
+export { AccessControlMemberPicker } from "./AccessControlMemberPicker";
+export { AccessControlPermissionPicker } from "./AccessControlPermissionPicker";

package/dist/shell/components/access-control/index.js

@@ -0,0 +1,8 @@
+export { AccessControlLayout } from "./AccessControlLayout";
+export { AccessControlGroupsPage } from "./AccessControlGroupsPage";
+export { AccessControlGroupDetailPage } from "./AccessControlGroupDetailPage";
+export { AccessControlUsersListPage } from "./AccessControlUsersListPage";
+export { AccessControlUserPage } from "./AccessControlUserPage";
+export { AccessControlAuditPage } from "./AccessControlAuditPage";
+export { AccessControlMemberPicker } from "./AccessControlMemberPicker";
+export { AccessControlPermissionPicker } from "./AccessControlPermissionPicker";

package/dist/shell/components/index.d.ts

@@ -11,3 +11,4 @@ export { RegistryStatusBanner } from "./RegistryStatusBanner";
 export type { RegistryStatusBannerProps } from "./RegistryStatusBanner";
 export { RegistryUnavailable } from "./RegistryUnavailable";
 export type { RegistryUnavailableProps } from "./RegistryUnavailable";
+export { AccessControlLayout, AccessControlGroupsPage, AccessControlGroupDetailPage, AccessControlUsersListPage, AccessControlUserPage, AccessControlAuditPage, AccessControlMemberPicker, AccessControlPermissionPicker, } from "./access-control";

package/dist/shell/components/index.js

@@ -7,3 +7,4 @@ export { RegistryPage } from "./RegistryPage";
 export { HomePage } from "./HomePage";
 export { RegistryStatusBanner } from "./RegistryStatusBanner";
 export { RegistryUnavailable } from "./RegistryUnavailable";
+export { AccessControlLayout, AccessControlGroupsPage, AccessControlGroupDetailPage, AccessControlUsersListPage, AccessControlUserPage, AccessControlAuditPage, AccessControlMemberPicker, AccessControlPermissionPicker, } from "./access-control";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nsxbet/admin-sdk",
-  "version": "0.8.1",
+  "version": "0.9.1",
   "description": "SDK for building NSX Admin modules with integrated shell",
   "type": "module",
   "main": "./dist/index.js",