@igstack/app-catalog-frontend-core 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/api/infra/trpc.d.ts +0 -1491
- package/dist/esm/modules/appCatalog/context/AppCatalogContext.js +1 -0
- package/dist/esm/modules/appCatalog/context/AppCatalogContext.js.map +1 -1
- package/dist/esm/modules/appCatalog/ui/filters/FilterBar.js +23 -11
- package/dist/esm/modules/appCatalog/ui/filters/FilterBar.js.map +1 -1
- package/dist/esm/modules/appCatalog/ui/grid/AppCatalogGrid.d.ts +5 -1
- package/dist/esm/modules/appCatalog/ui/grid/AppCatalogGrid.js +146 -56
- package/dist/esm/modules/appCatalog/ui/grid/AppCatalogGrid.js.map +1 -1
- package/dist/esm/modules/appCatalog/ui/pages/AppCatalogPage.js +20 -1
- package/dist/esm/modules/appCatalog/ui/pages/AppCatalogPage.js.map +1 -1
- package/dist/esm/modules/auth/AuthContext.js +1 -1
- package/dist/esm/modules/auth/AuthModalContext.js +1 -1
- package/dist/esm/modules/auth/authClient.d.ts +2 -2
- package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/classic/schemas.js +4 -37
- package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/classic/schemas.js.map +1 -1
- package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/api.js +2 -10
- package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/api.js.map +1 -1
- package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/checks.js +1 -1
- package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/json-schema-processors.js +0 -44
- package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/json-schema-processors.js.map +1 -1
- package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/parse.js +0 -4
- package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/parse.js.map +1 -1
- package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/regexes.js +0 -2
- package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/regexes.js.map +1 -1
- package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/schemas.js +4 -49
- package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/schemas.js.map +1 -1
- package/dist/esm/routeTree.gen.d.ts +3 -164
- package/dist/esm/routeTree.gen.js +8 -80
- package/dist/esm/routeTree.gen.js.map +1 -1
- package/dist/esm/ui/button.d.ts +1 -1
- package/dist/esm/ui/card.js +1 -48
- package/dist/esm/ui/card.js.map +1 -1
- package/dist/esm/ui/command.js +1 -15
- package/dist/esm/ui/command.js.map +1 -1
- package/dist/esm/ui/components/header/Header.js +2 -11
- package/dist/esm/ui/components/header/Header.js.map +1 -1
- package/dist/esm/ui/input-group.js +125 -0
- package/dist/esm/ui/input-group.js.map +1 -0
- package/package.json +3 -3
- package/src/modules/appCatalog/ui/components/AppDetailModal.tsx +2 -21
- package/src/routeTree.gen.ts +2 -220
- package/src/ui/components/header/Header.tsx +2 -12
- package/dist/esm/components/IconPickerDialog.d.ts +0 -8
- package/dist/esm/components/IconPickerDialog.js +0 -98
- package/dist/esm/components/IconPickerDialog.js.map +0 -1
- package/dist/esm/components/IconPickerField.d.ts +0 -9
- package/dist/esm/components/IconPickerField.js +0 -76
- package/dist/esm/components/IconPickerField.js.map +0 -1
- package/dist/esm/modules/admin-base/components/AdminChat.d.ts +0 -1
- package/dist/esm/modules/admin-base/components/AdminChat.js +0 -82
- package/dist/esm/modules/admin-base/components/AdminChat.js.map +0 -1
- package/dist/esm/modules/admin-base/components/AdminLayout.d.ts +0 -5
- package/dist/esm/modules/admin-base/components/AdminLayout.js +0 -83
- package/dist/esm/modules/admin-base/components/AdminLayout.js.map +0 -1
- package/dist/esm/modules/admin-base/components/AdminWelcome.d.ts +0 -1
- package/dist/esm/modules/admin-base/components/AdminWelcome.js +0 -37
- package/dist/esm/modules/admin-base/components/AdminWelcome.js.map +0 -1
- package/dist/esm/modules/admin-base/context/AdminConfigContext.d.ts +0 -8
- package/dist/esm/modules/admin-base/context/AdminConfigContext.js +0 -27
- package/dist/esm/modules/admin-base/context/AdminConfigContext.js.map +0 -1
- package/dist/esm/modules/admin-base/index.d.ts +0 -5
- package/dist/esm/modules/admin-base/types/adminTypes.d.ts +0 -10
- package/dist/esm/modules/appCatalog/AppCatalogAdminPage.d.ts +0 -1
- package/dist/esm/modules/appCatalog/AppCatalogAdminPage.js +0 -196
- package/dist/esm/modules/appCatalog/AppCatalogAdminPage.js.map +0 -1
- package/dist/esm/modules/appCatalog/ScreenshotItem.js +0 -57
- package/dist/esm/modules/appCatalog/ScreenshotItem.js.map +0 -1
- package/dist/esm/modules/appCatalog/ScreenshotManager.js +0 -155
- package/dist/esm/modules/appCatalog/ScreenshotManager.js.map +0 -1
- package/dist/esm/modules/approvalMethod/AccessRequestFormFields.d.ts +0 -7
- package/dist/esm/modules/approvalMethod/AccessRequestFormFields.js +0 -323
- package/dist/esm/modules/approvalMethod/AccessRequestFormFields.js.map +0 -1
- package/dist/esm/modules/approvalMethod/ApprovalMethodForm.d.ts +0 -14
- package/dist/esm/modules/approvalMethod/ApprovalMethodForm.js +0 -227
- package/dist/esm/modules/approvalMethod/ApprovalMethodForm.js.map +0 -1
- package/dist/esm/modules/approvalMethod/ApprovalMethodSelector.d.ts +0 -7
- package/dist/esm/modules/approvalMethod/ApprovalMethodSelector.js +0 -124
- package/dist/esm/modules/approvalMethod/ApprovalMethodSelector.js.map +0 -1
- package/dist/esm/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.d.ts +0 -381
- package/dist/esm/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.js +0 -26
- package/dist/esm/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.js.map +0 -1
- package/dist/esm/modules/auth/authUtils.js +0 -25
- package/dist/esm/modules/auth/authUtils.js.map +0 -1
- package/dist/esm/modules/icons/IconManagementPage.d.ts +0 -1
- package/dist/esm/modules/icons/IconManagementPage.js +0 -177
- package/dist/esm/modules/icons/IconManagementPage.js.map +0 -1
- package/dist/esm/node_modules/.pnpm/@dnd-kit_accessibility@3.1.1_react@19.1.2/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js +0 -60
- package/dist/esm/node_modules/.pnpm/@dnd-kit_accessibility@3.1.1_react@19.1.2/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js.map +0 -1
- package/dist/esm/node_modules/.pnpm/@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2/node_modules/@dnd-kit/core/dist/core.esm.js +0 -3055
- package/dist/esm/node_modules/.pnpm/@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2/node_modules/@dnd-kit/core/dist/core.esm.js.map +0 -1
- package/dist/esm/node_modules/.pnpm/@dnd-kit_sortable@10.0.0_@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2__react@19.1.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.js +0 -593
- package/dist/esm/node_modules/.pnpm/@dnd-kit_sortable@10.0.0_@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2__react@19.1.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.js.map +0 -1
- package/dist/esm/node_modules/.pnpm/@dnd-kit_utilities@3.2.2_react@19.1.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.js +0 -302
- package/dist/esm/node_modules/.pnpm/@dnd-kit_utilities@3.2.2_react@19.1.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.js.map +0 -1
- package/dist/esm/node_modules/.pnpm/@hookform_resolvers@5.2.2_react-hook-form@7.71.1_react@19.1.2_/node_modules/@hookform/resolvers/dist/resolvers.js +0 -34
- package/dist/esm/node_modules/.pnpm/@hookform_resolvers@5.2.2_react-hook-form@7.71.1_react@19.1.2_/node_modules/@hookform/resolvers/dist/resolvers.js.map +0 -1
- package/dist/esm/node_modules/.pnpm/@hookform_resolvers@5.2.2_react-hook-form@7.71.1_react@19.1.2_/node_modules/@hookform/resolvers/zod/dist/zod.js +0 -94
- package/dist/esm/node_modules/.pnpm/@hookform_resolvers@5.2.2_react-hook-form@7.71.1_react@19.1.2_/node_modules/@hookform/resolvers/zod/dist/zod.js.map +0 -1
- package/dist/esm/node_modules/.pnpm/react-hook-form@7.71.1_react@19.1.2/node_modules/react-hook-form/dist/index.esm.js +0 -1894
- package/dist/esm/node_modules/.pnpm/react-hook-form@7.71.1_react@19.1.2/node_modules/react-hook-form/dist/index.esm.js.map +0 -1
- package/dist/esm/routes/admin/app-for-catalog/$id.d.ts +0 -5
- package/dist/esm/routes/admin/app-for-catalog/_id.js +0 -67
- package/dist/esm/routes/admin/app-for-catalog/_id.js.map +0 -1
- package/dist/esm/routes/admin/app-for-catalog/_id2.js +0 -321
- package/dist/esm/routes/admin/app-for-catalog/_id2.js.map +0 -1
- package/dist/esm/routes/admin/app-for-catalog/index.d.ts +0 -1
- package/dist/esm/routes/admin/app-for-catalog/index.js +0 -9
- package/dist/esm/routes/admin/app-for-catalog/index.js.map +0 -1
- package/dist/esm/routes/admin/app-for-catalog/index2.js +0 -12
- package/dist/esm/routes/admin/app-for-catalog/index2.js.map +0 -1
- package/dist/esm/routes/admin/app-for-catalog.d.ts +0 -1
- package/dist/esm/routes/admin/app-for-catalog.js +0 -14
- package/dist/esm/routes/admin/app-for-catalog.js.map +0 -1
- package/dist/esm/routes/admin/app-for-catalog2.js +0 -9
- package/dist/esm/routes/admin/app-for-catalog2.js.map +0 -1
- package/dist/esm/routes/admin/approval-methods/index.d.ts +0 -32
- package/dist/esm/routes/admin/approval-methods/index.js +0 -24
- package/dist/esm/routes/admin/approval-methods/index.js.map +0 -1
- package/dist/esm/routes/admin/approval-methods/index2.js +0 -100
- package/dist/esm/routes/admin/approval-methods/index2.js.map +0 -1
- package/dist/esm/routes/admin/approval-methods.d.ts +0 -1
- package/dist/esm/routes/admin/approval-methods.js +0 -14
- package/dist/esm/routes/admin/approval-methods.js.map +0 -1
- package/dist/esm/routes/admin/approval-methods2.js +0 -7
- package/dist/esm/routes/admin/approval-methods2.js.map +0 -1
- package/dist/esm/routes/admin/chat.d.ts +0 -1
- package/dist/esm/routes/admin/chat.js +0 -14
- package/dist/esm/routes/admin/chat.js.map +0 -1
- package/dist/esm/routes/admin/chat2.js +0 -9
- package/dist/esm/routes/admin/chat2.js.map +0 -1
- package/dist/esm/routes/admin/icons.d.ts +0 -1
- package/dist/esm/routes/admin/icons.js +0 -14
- package/dist/esm/routes/admin/icons.js.map +0 -1
- package/dist/esm/routes/admin/icons2.js +0 -12
- package/dist/esm/routes/admin/icons2.js.map +0 -1
- package/dist/esm/routes/admin/index.d.ts +0 -1
- package/dist/esm/routes/admin/index.js +0 -9
- package/dist/esm/routes/admin/index.js.map +0 -1
- package/dist/esm/routes/admin/index2.js +0 -9
- package/dist/esm/routes/admin/index2.js.map +0 -1
- package/dist/esm/routes/admin.d.ts +0 -1
- package/dist/esm/routes/admin.js +0 -37
- package/dist/esm/routes/admin.js.map +0 -1
- package/dist/esm/routes/admin2.js +0 -18
- package/dist/esm/routes/admin2.js.map +0 -1
- package/dist/esm/ui/alert-dialog.js +0 -141
- package/dist/esm/ui/alert-dialog.js.map +0 -1
- package/dist/esm/ui/breadcrumb.js +0 -84
- package/dist/esm/ui/breadcrumb.js.map +0 -1
- package/dist/esm/ui/components/Breadcrumbs.js +0 -36
- package/dist/esm/ui/components/Breadcrumbs.js.map +0 -1
- package/dist/esm/ui/crud-list/CrudList.js +0 -189
- package/dist/esm/ui/crud-list/CrudList.js.map +0 -1
- package/dist/esm/ui/editable-list/EditableListField.js +0 -130
- package/dist/esm/ui/editable-list/EditableListField.js.map +0 -1
- package/dist/esm/ui/form.js +0 -134
- package/dist/esm/ui/form.js.map +0 -1
- package/dist/esm/ui/linkExternal.js +0 -26
- package/dist/esm/ui/linkExternal.js.map +0 -1
- package/dist/esm/ui/markdown-editor/MarkdownEditor.js +0 -116
- package/dist/esm/ui/markdown-editor/MarkdownEditor.js.map +0 -1
- package/dist/esm/ui/markdown-editor/MarkdownToolbar.js +0 -99
- package/dist/esm/ui/markdown-editor/MarkdownToolbar.js.map +0 -1
- package/dist/esm/ui/scroll-area.js +0 -62
- package/dist/esm/ui/scroll-area.js.map +0 -1
- package/dist/esm/ui/select.js +0 -138
- package/dist/esm/ui/select.js.map +0 -1
- package/dist/esm/ui/textarea.js +0 -19
- package/dist/esm/ui/textarea.js.map +0 -1
- package/src/components/IconPickerDialog.tsx +0 -136
- package/src/components/IconPickerField.tsx +0 -88
- package/src/modules/admin-base/components/AdminChat.tsx +0 -122
- package/src/modules/admin-base/components/AdminLayout.tsx +0 -111
- package/src/modules/admin-base/components/AdminWelcome.tsx +0 -52
- package/src/modules/admin-base/context/AdminConfigContext.tsx +0 -36
- package/src/modules/admin-base/index.ts +0 -16
- package/src/modules/admin-base/types/adminTypes.ts +0 -11
- package/src/modules/appCatalog/AppCatalogAdminPage.tsx +0 -274
- package/src/modules/approvalMethod/AccessRequestFormFields.tsx +0 -393
- package/src/modules/approvalMethod/ApprovalMethodForm.tsx +0 -323
- package/src/modules/approvalMethod/ApprovalMethodSelector.tsx +0 -150
- package/src/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.ts +0 -34
- package/src/modules/icons/IconManagementPage.tsx +0 -245
- package/src/routes/admin/app-for-catalog/$id.tsx +0 -571
- package/src/routes/admin/app-for-catalog/index.tsx +0 -19
- package/src/routes/admin/app-for-catalog.tsx +0 -12
- package/src/routes/admin/approval-methods/index.tsx +0 -161
- package/src/routes/admin/approval-methods.tsx +0 -10
- package/src/routes/admin/chat.tsx +0 -13
- package/src/routes/admin/icons.tsx +0 -22
- package/src/routes/admin/index.tsx +0 -9
- package/src/routes/admin.tsx +0 -60
|
@@ -1,196 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
|
|
3
|
-
import { Link } from "@tanstack/react-router";
|
|
4
|
-
import { useReactTable, getSortedRowModel, getFilteredRowModel, getCoreRowModel, createColumnHelper, flexRender } from "@tanstack/react-table";
|
|
5
|
-
import { Plus, Edit, Trash2 } from "lucide-react";
|
|
6
|
-
import { useState } from "react";
|
|
7
|
-
import { useTRPC } from "../../api/infra/trpc.js";
|
|
8
|
-
import { Button } from "../../ui/button.js";
|
|
9
|
-
import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "../../ui/card.js";
|
|
10
|
-
import { Input } from "../../ui/input.js";
|
|
11
|
-
import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from "../../ui/table.js";
|
|
12
|
-
const columnHelper = createColumnHelper();
|
|
13
|
-
const columns = [
|
|
14
|
-
columnHelper.accessor("slug", {
|
|
15
|
-
header: "Slug",
|
|
16
|
-
cell: (info) => /* @__PURE__ */ jsx("code", { className: "text-xs truncate", children: info.getValue() }),
|
|
17
|
-
size: 100
|
|
18
|
-
}),
|
|
19
|
-
columnHelper.accessor("displayName", {
|
|
20
|
-
header: "Name",
|
|
21
|
-
cell: (info) => /* @__PURE__ */ jsx(
|
|
22
|
-
Link,
|
|
23
|
-
{
|
|
24
|
-
to: "/admin/app-for-catalog/$id",
|
|
25
|
-
params: { id: info.row.original.slug },
|
|
26
|
-
children: /* @__PURE__ */ jsx("span", { className: "font-medium cursor-pointer hover:underline truncate", children: info.getValue() })
|
|
27
|
-
}
|
|
28
|
-
),
|
|
29
|
-
size: 120
|
|
30
|
-
}),
|
|
31
|
-
columnHelper.accessor("description", {
|
|
32
|
-
header: "Description",
|
|
33
|
-
cell: (info) => {
|
|
34
|
-
const desc = info.getValue();
|
|
35
|
-
return /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground truncate", title: desc, children: desc });
|
|
36
|
-
},
|
|
37
|
-
size: 140
|
|
38
|
-
}),
|
|
39
|
-
columnHelper.accessor("iconName", {
|
|
40
|
-
header: "Icon",
|
|
41
|
-
cell: (info) => {
|
|
42
|
-
const iconName = info.getValue();
|
|
43
|
-
return iconName ? /* @__PURE__ */ jsx("div", { className: "w-8 h-8 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(
|
|
44
|
-
"img",
|
|
45
|
-
{
|
|
46
|
-
src: `/api/assets/by-name/${iconName}`,
|
|
47
|
-
alt: iconName,
|
|
48
|
-
className: "max-w-full max-h-full object-contain"
|
|
49
|
-
}
|
|
50
|
-
) }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "-" });
|
|
51
|
-
},
|
|
52
|
-
size: 50
|
|
53
|
-
}),
|
|
54
|
-
columnHelper.accessor("links", {
|
|
55
|
-
header: "Links",
|
|
56
|
-
cell: (info) => {
|
|
57
|
-
var _a;
|
|
58
|
-
return /* @__PURE__ */ jsx("span", { className: "text-sm truncate", children: ((_a = info.getValue()) == null ? void 0 : _a.length) || 0 });
|
|
59
|
-
},
|
|
60
|
-
size: 50
|
|
61
|
-
}),
|
|
62
|
-
columnHelper.accessor("screenshotIds", {
|
|
63
|
-
header: "Screenshots",
|
|
64
|
-
cell: (info) => {
|
|
65
|
-
var _a;
|
|
66
|
-
return /* @__PURE__ */ jsx("span", { className: "text-sm truncate", children: ((_a = info.getValue()) == null ? void 0 : _a.length) || 0 });
|
|
67
|
-
},
|
|
68
|
-
size: 70
|
|
69
|
-
}),
|
|
70
|
-
columnHelper.accessor("createdAt", {
|
|
71
|
-
header: "Created",
|
|
72
|
-
cell: (info) => new Date(info.getValue()).toLocaleDateString(),
|
|
73
|
-
size: 100
|
|
74
|
-
}),
|
|
75
|
-
columnHelper.display({
|
|
76
|
-
id: "actions",
|
|
77
|
-
header: "Actions",
|
|
78
|
-
cell: (props) => /* @__PURE__ */ jsx(AppActions, { app: props.row.original }),
|
|
79
|
-
size: 70
|
|
80
|
-
})
|
|
81
|
-
];
|
|
82
|
-
function AppActions({ app }) {
|
|
83
|
-
const trpc = useTRPC();
|
|
84
|
-
const queryClient = useQueryClient();
|
|
85
|
-
const deleteMutation = useMutation({
|
|
86
|
-
...trpc.appCatalogAdmin.delete.mutationOptions(),
|
|
87
|
-
onSuccess: () => {
|
|
88
|
-
queryClient.invalidateQueries({
|
|
89
|
-
queryKey: trpc.appCatalogAdmin.list.queryKey()
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
return /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
|
|
94
|
-
/* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", asChild: true, children: /* @__PURE__ */ jsx(Link, { to: "/admin/app-for-catalog/$id", params: { id: app.slug }, children: /* @__PURE__ */ jsx(Edit, { className: "w-4 h-4" }) }) }),
|
|
95
|
-
/* @__PURE__ */ jsx(
|
|
96
|
-
Button,
|
|
97
|
-
{
|
|
98
|
-
variant: "ghost",
|
|
99
|
-
size: "sm",
|
|
100
|
-
onClick: () => {
|
|
101
|
-
if (confirm(`Are you sure you want to delete "${app.displayName}"?`)) {
|
|
102
|
-
deleteMutation.mutate({ id: app.id });
|
|
103
|
-
}
|
|
104
|
-
},
|
|
105
|
-
disabled: deleteMutation.isPending,
|
|
106
|
-
children: /* @__PURE__ */ jsx(Trash2, { className: "w-4 h-4" })
|
|
107
|
-
}
|
|
108
|
-
)
|
|
109
|
-
] });
|
|
110
|
-
}
|
|
111
|
-
function AppCatalogAdminPage() {
|
|
112
|
-
const trpc = useTRPC();
|
|
113
|
-
const [globalFilter, setGlobalFilter] = useState("");
|
|
114
|
-
const { data: apps = [], isLoading } = useQuery({
|
|
115
|
-
...trpc.appCatalogAdmin.list.queryOptions()
|
|
116
|
-
});
|
|
117
|
-
const table = useReactTable({
|
|
118
|
-
data: apps,
|
|
119
|
-
columns,
|
|
120
|
-
getCoreRowModel: getCoreRowModel(),
|
|
121
|
-
getFilteredRowModel: getFilteredRowModel(),
|
|
122
|
-
getSortedRowModel: getSortedRowModel(),
|
|
123
|
-
state: {
|
|
124
|
-
globalFilter
|
|
125
|
-
},
|
|
126
|
-
onGlobalFilterChange: setGlobalFilter
|
|
127
|
-
});
|
|
128
|
-
return /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxs(Card, { children: [
|
|
129
|
-
/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
|
|
130
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
131
|
-
/* @__PURE__ */ jsx(CardTitle, { children: "App Catalog Management" }),
|
|
132
|
-
/* @__PURE__ */ jsx(CardDescription, { children: "Manage apps in the catalog with full CRUD operations" })
|
|
133
|
-
] }),
|
|
134
|
-
/* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsxs(Link, { to: "/admin/app-for-catalog/$id", params: { id: "new" }, children: [
|
|
135
|
-
/* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 mr-2" }),
|
|
136
|
-
"Add App"
|
|
137
|
-
] }) })
|
|
138
|
-
] }) }),
|
|
139
|
-
/* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
|
|
140
|
-
/* @__PURE__ */ jsx(
|
|
141
|
-
Input,
|
|
142
|
-
{
|
|
143
|
-
placeholder: "Search apps by name, slug, or description...",
|
|
144
|
-
value: globalFilter || "",
|
|
145
|
-
onChange: (e) => setGlobalFilter(e.target.value),
|
|
146
|
-
className: "max-w-sm"
|
|
147
|
-
}
|
|
148
|
-
),
|
|
149
|
-
isLoading ? /* @__PURE__ */ jsx("div", { className: "text-center py-8", children: "Loading..." }) : /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs(Table, { children: [
|
|
150
|
-
/* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
|
|
151
|
-
TableHead,
|
|
152
|
-
{
|
|
153
|
-
style: {
|
|
154
|
-
width: `${header.getSize()}px`,
|
|
155
|
-
minWidth: `${header.getSize()}px`,
|
|
156
|
-
maxWidth: `${header.getSize()}px`
|
|
157
|
-
},
|
|
158
|
-
className: "overflow-hidden",
|
|
159
|
-
children: header.isPlaceholder ? null : flexRender(
|
|
160
|
-
header.column.columnDef.header,
|
|
161
|
-
header.getContext()
|
|
162
|
-
)
|
|
163
|
-
},
|
|
164
|
-
header.id
|
|
165
|
-
)) }, headerGroup.id)) }),
|
|
166
|
-
/* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(
|
|
167
|
-
TableCell,
|
|
168
|
-
{
|
|
169
|
-
style: {
|
|
170
|
-
width: `${cell.column.getSize()}px`,
|
|
171
|
-
minWidth: `${cell.column.getSize()}px`,
|
|
172
|
-
maxWidth: `${cell.column.getSize()}px`
|
|
173
|
-
},
|
|
174
|
-
className: "overflow-hidden",
|
|
175
|
-
children: flexRender(
|
|
176
|
-
cell.column.columnDef.cell,
|
|
177
|
-
cell.getContext()
|
|
178
|
-
)
|
|
179
|
-
},
|
|
180
|
-
cell.id
|
|
181
|
-
)) }, row.id)) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
|
|
182
|
-
TableCell,
|
|
183
|
-
{
|
|
184
|
-
colSpan: columns.length,
|
|
185
|
-
className: "h-24 text-center",
|
|
186
|
-
children: "No apps found."
|
|
187
|
-
}
|
|
188
|
-
) }) })
|
|
189
|
-
] }) })
|
|
190
|
-
] })
|
|
191
|
-
] }) });
|
|
192
|
-
}
|
|
193
|
-
export {
|
|
194
|
-
AppCatalogAdminPage
|
|
195
|
-
};
|
|
196
|
-
//# sourceMappingURL=AppCatalogAdminPage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AppCatalogAdminPage.js","sources":["../../../../src/modules/appCatalog/AppCatalogAdminPage.tsx"],"sourcesContent":["import type { AppForCatalog } from '@igstack/app-catalog-backend-core'\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'\nimport { Link } from '@tanstack/react-router'\nimport {\n createColumnHelper,\n flexRender,\n getCoreRowModel,\n getFilteredRowModel,\n getSortedRowModel,\n useReactTable,\n} from '@tanstack/react-table'\nimport { Edit, Plus, Trash2 } from 'lucide-react'\nimport { useState } from 'react'\nimport { useTRPC } from '~/api/infra/trpc'\nimport { Button } from '~/ui/button'\nimport {\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n} from '~/ui/card'\nimport { Input } from '~/ui/input'\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from '~/ui/table'\n\n// Extended type with DB fields\ntype AppForCatalogRow = AppForCatalog & {\n slug: string\n links?: Array<{ displayName?: string; url: string }>\n screenshotIds?: Array<string>\n createdAt: string\n updatedAt: string\n}\n\nconst columnHelper = createColumnHelper<AppForCatalogRow>()\n\nconst columns = [\n columnHelper.accessor('slug', {\n header: 'Slug',\n cell: (info) => <code className=\"text-xs truncate\">{info.getValue()}</code>,\n size: 100,\n }),\n columnHelper.accessor('displayName', {\n header: 'Name',\n cell: (info) => (\n <Link\n to=\"/admin/app-for-catalog/$id\"\n params={{ id: info.row.original.slug }}\n >\n <span className=\"font-medium cursor-pointer hover:underline truncate\">\n {info.getValue()}\n </span>\n </Link>\n ),\n size: 120,\n }),\n columnHelper.accessor('description', {\n header: 'Description',\n cell: (info) => {\n const desc = info.getValue()\n return (\n <span className=\"text-sm text-muted-foreground truncate\" title={desc}>\n {desc}\n </span>\n )\n },\n size: 140,\n }),\n columnHelper.accessor('iconName', {\n header: 'Icon',\n cell: (info) => {\n const iconName = info.getValue()\n return iconName ? (\n <div className=\"w-8 h-8 flex items-center justify-center shrink-0\">\n <img\n src={`/api/assets/by-name/${iconName}`}\n alt={iconName}\n className=\"max-w-full max-h-full object-contain\"\n />\n </div>\n ) : (\n <span className=\"text-sm text-muted-foreground\">-</span>\n )\n },\n size: 50,\n }),\n columnHelper.accessor('links', {\n header: 'Links',\n cell: (info) => (\n <span className=\"text-sm truncate\">{info.getValue()?.length || 0}</span>\n ),\n size: 50,\n }),\n columnHelper.accessor('screenshotIds', {\n header: 'Screenshots',\n cell: (info) => (\n <span className=\"text-sm truncate\">{info.getValue()?.length || 0}</span>\n ),\n size: 70,\n }),\n columnHelper.accessor('createdAt', {\n header: 'Created',\n cell: (info) => new Date(info.getValue()).toLocaleDateString(),\n size: 100,\n }),\n columnHelper.display({\n id: 'actions',\n header: 'Actions',\n cell: (props) => <AppActions app={props.row.original} />,\n size: 70,\n }),\n]\n\nfunction AppActions({ app }: { app: AppForCatalogRow }) {\n const trpc = useTRPC()\n const queryClient = useQueryClient()\n\n const deleteMutation = useMutation({\n ...trpc.appCatalogAdmin.delete.mutationOptions(),\n onSuccess: () => {\n queryClient.invalidateQueries({\n queryKey: trpc.appCatalogAdmin.list.queryKey(),\n })\n },\n })\n\n return (\n <div className=\"flex gap-2\">\n <Button variant=\"ghost\" size=\"sm\" asChild>\n <Link to=\"/admin/app-for-catalog/$id\" params={{ id: app.slug }}>\n <Edit className=\"w-4 h-4\" />\n </Link>\n </Button>\n <Button\n variant=\"ghost\"\n size=\"sm\"\n onClick={() => {\n if (\n confirm(`Are you sure you want to delete \"${app.displayName}\"?`)\n ) {\n deleteMutation.mutate({ id: app.id })\n }\n }}\n disabled={deleteMutation.isPending}\n >\n <Trash2 className=\"w-4 h-4\" />\n </Button>\n </div>\n )\n}\n\nexport function AppCatalogAdminPage() {\n const trpc = useTRPC()\n const [globalFilter, setGlobalFilter] = useState('')\n\n const { data: apps = [], isLoading } = useQuery({\n ...trpc.appCatalogAdmin.list.queryOptions(),\n })\n\n const table = useReactTable({\n data: apps as Array<AppForCatalogRow>,\n columns,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getSortedRowModel: getSortedRowModel(),\n state: {\n globalFilter,\n },\n onGlobalFilterChange: setGlobalFilter,\n })\n\n return (\n <div className=\"space-y-6\">\n <Card>\n <CardHeader>\n <div className=\"flex justify-between items-center\">\n <div>\n <CardTitle>App Catalog Management</CardTitle>\n <CardDescription>\n Manage apps in the catalog with full CRUD operations\n </CardDescription>\n </div>\n <Button asChild>\n <Link to=\"/admin/app-for-catalog/$id\" params={{ id: 'new' }}>\n <Plus className=\"w-4 h-4 mr-2\" />\n Add App\n </Link>\n </Button>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <Input\n placeholder=\"Search apps by name, slug, or description...\"\n value={globalFilter || ''}\n onChange={(e) => setGlobalFilter(e.target.value)}\n className=\"max-w-sm\"\n />\n {isLoading ? (\n <div className=\"text-center py-8\">Loading...</div>\n ) : (\n <div className=\"rounded-md border\">\n <Table>\n <TableHeader>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow key={headerGroup.id}>\n {headerGroup.headers.map((header) => (\n <TableHead\n key={header.id}\n style={{\n width: `${header.getSize()}px`,\n minWidth: `${header.getSize()}px`,\n maxWidth: `${header.getSize()}px`,\n }}\n className=\"overflow-hidden\"\n >\n {header.isPlaceholder\n ? null\n : flexRender(\n header.column.columnDef.header,\n header.getContext(),\n )}\n </TableHead>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n <TableBody>\n {table.getRowModel().rows.length ? (\n table.getRowModel().rows.map((row) => (\n <TableRow key={row.id}>\n {row.getVisibleCells().map((cell) => (\n <TableCell\n key={cell.id}\n style={{\n width: `${cell.column.getSize()}px`,\n minWidth: `${cell.column.getSize()}px`,\n maxWidth: `${cell.column.getSize()}px`,\n }}\n className=\"overflow-hidden\"\n >\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </TableCell>\n ))}\n </TableRow>\n ))\n ) : (\n <TableRow>\n <TableCell\n colSpan={columns.length}\n className=\"h-24 text-center\"\n >\n No apps found.\n </TableCell>\n </TableRow>\n )}\n </TableBody>\n </Table>\n </div>\n )}\n </CardContent>\n </Card>\n </div>\n )\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useSortable } from "../../node_modules/.pnpm/@dnd-kit_sortable@10.0.0_@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2__react@19.1.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
|
|
3
|
-
import { CSS } from "../../node_modules/.pnpm/@dnd-kit_utilities@3.2.2_react@19.1.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
|
|
4
|
-
import { GripVertical, X } from "lucide-react";
|
|
5
|
-
import { Button } from "../../ui/button.js";
|
|
6
|
-
function ScreenshotItem({ screenshot, onDelete }) {
|
|
7
|
-
const {
|
|
8
|
-
attributes,
|
|
9
|
-
listeners,
|
|
10
|
-
setNodeRef,
|
|
11
|
-
transform,
|
|
12
|
-
transition,
|
|
13
|
-
isDragging
|
|
14
|
-
} = useSortable({ id: screenshot.id });
|
|
15
|
-
const style = {
|
|
16
|
-
transform: CSS.Transform.toString(transform),
|
|
17
|
-
transition,
|
|
18
|
-
opacity: isDragging ? 0.5 : 1
|
|
19
|
-
};
|
|
20
|
-
return /* @__PURE__ */ jsxs("div", { ref: setNodeRef, style, className: "relative group", children: [
|
|
21
|
-
/* @__PURE__ */ jsx("div", { className: "aspect-video rounded-md overflow-hidden border border-border bg-muted", children: /* @__PURE__ */ jsx(
|
|
22
|
-
"img",
|
|
23
|
-
{
|
|
24
|
-
src: screenshot.url,
|
|
25
|
-
alt: "Screenshot",
|
|
26
|
-
className: "w-full h-full object-cover"
|
|
27
|
-
}
|
|
28
|
-
) }),
|
|
29
|
-
/* @__PURE__ */ jsxs("div", { className: "absolute inset-0 rounded-md bg-black/0 group-hover:bg-black/30 transition-colors flex items-center justify-center gap-2 opacity-0 group-hover:opacity-100", children: [
|
|
30
|
-
/* @__PURE__ */ jsx(
|
|
31
|
-
Button,
|
|
32
|
-
{
|
|
33
|
-
size: "sm",
|
|
34
|
-
variant: "ghost",
|
|
35
|
-
className: "text-white hover:bg-white/20",
|
|
36
|
-
...attributes,
|
|
37
|
-
...listeners,
|
|
38
|
-
children: /* @__PURE__ */ jsx(GripVertical, { className: "w-4 h-4" })
|
|
39
|
-
}
|
|
40
|
-
),
|
|
41
|
-
/* @__PURE__ */ jsx(
|
|
42
|
-
Button,
|
|
43
|
-
{
|
|
44
|
-
size: "sm",
|
|
45
|
-
variant: "ghost",
|
|
46
|
-
className: "text-white hover:bg-red-500/20",
|
|
47
|
-
onClick: onDelete,
|
|
48
|
-
children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
|
|
49
|
-
}
|
|
50
|
-
)
|
|
51
|
-
] })
|
|
52
|
-
] });
|
|
53
|
-
}
|
|
54
|
-
export {
|
|
55
|
-
ScreenshotItem
|
|
56
|
-
};
|
|
57
|
-
//# sourceMappingURL=ScreenshotItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenshotItem.js","sources":["../../../../src/modules/appCatalog/ScreenshotItem.tsx"],"sourcesContent":["import { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { GripVertical, X } from 'lucide-react'\nimport { Button } from '~/ui/button'\nimport type { Screenshot } from './ScreenshotManager'\n\ninterface ScreenshotItemProps {\n screenshot: Screenshot\n onDelete: () => void\n}\n\nexport function ScreenshotItem({ screenshot, onDelete }: ScreenshotItemProps) {\n const {\n attributes,\n listeners,\n setNodeRef,\n transform,\n transition,\n isDragging,\n } = useSortable({ id: screenshot.id })\n\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n opacity: isDragging ? 0.5 : 1,\n }\n\n return (\n <div ref={setNodeRef} style={style} className=\"relative group\">\n <div className=\"aspect-video rounded-md overflow-hidden border border-border bg-muted\">\n <img\n src={screenshot.url}\n alt=\"Screenshot\"\n className=\"w-full h-full object-cover\"\n />\n </div>\n\n <div className=\"absolute inset-0 rounded-md bg-black/0 group-hover:bg-black/30 transition-colors flex items-center justify-center gap-2 opacity-0 group-hover:opacity-100\">\n <Button\n size=\"sm\"\n variant=\"ghost\"\n className=\"text-white hover:bg-white/20\"\n {...attributes}\n {...listeners}\n >\n <GripVertical className=\"w-4 h-4\" />\n </Button>\n <Button\n size=\"sm\"\n variant=\"ghost\"\n className=\"text-white hover:bg-red-500/20\"\n onClick={onDelete}\n >\n <X className=\"w-4 h-4\" />\n </Button>\n </div>\n </div>\n )\n}\n"],"names":[],"mappings":";;;;;AAWO,SAAS,eAAe,EAAE,YAAY,YAAiC;AAC5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,YAAY,EAAE,IAAI,WAAW,IAAI;AAErC,QAAM,QAAQ;AAAA,IACZ,WAAW,IAAI,UAAU,SAAS,SAAS;AAAA,IAC3C;AAAA,IACA,SAAS,aAAa,MAAM;AAAA,EAAA;AAG9B,8BACG,OAAA,EAAI,KAAK,YAAY,OAAc,WAAU,kBAC5C,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,WAAW;AAAA,QAChB,KAAI;AAAA,QACJ,WAAU;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IAEA,qBAAC,OAAA,EAAI,WAAU,6JACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAU;AAAA,UACT,GAAG;AAAA,UACH,GAAG;AAAA,UAEJ,UAAA,oBAAC,cAAA,EAAa,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEpC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS;AAAA,UAET,UAAA,oBAAC,GAAA,EAAE,WAAU,UAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
|
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useSensors, useSensor, DndContext, KeyboardSensor, PointerSensor } from "../../node_modules/.pnpm/@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2/node_modules/@dnd-kit/core/dist/core.esm.js";
|
|
3
|
-
import { SortableContext, verticalListSortingStrategy, arrayMove, sortableKeyboardCoordinates } from "../../node_modules/.pnpm/@dnd-kit_sortable@10.0.0_@dnd-kit_core@6.3.1_react-dom@19.1.2_react@19.1.2__react@19.1.2__react@19.1.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
|
|
4
|
-
import { Upload } from "lucide-react";
|
|
5
|
-
import { useState, useRef, useCallback } from "react";
|
|
6
|
-
import { Button } from "../../ui/button.js";
|
|
7
|
-
import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "../../ui/card.js";
|
|
8
|
-
import { ScreenshotItem } from "./ScreenshotItem.js";
|
|
9
|
-
function ScreenshotManager({
|
|
10
|
-
screenshots,
|
|
11
|
-
onScreenshotsChange,
|
|
12
|
-
onAddScreenshot
|
|
13
|
-
}) {
|
|
14
|
-
const [isUploading, setIsUploading] = useState(false);
|
|
15
|
-
const [isDraggingOver, setIsDraggingOver] = useState(false);
|
|
16
|
-
const [screenshotList, setScreenshotList] = useState(screenshots);
|
|
17
|
-
const fileInputRef = useRef(null);
|
|
18
|
-
const sensors = useSensors(
|
|
19
|
-
useSensor(PointerSensor, {
|
|
20
|
-
activationConstraint: { distance: 8 }
|
|
21
|
-
}),
|
|
22
|
-
useSensor(KeyboardSensor, {
|
|
23
|
-
coordinateGetter: sortableKeyboardCoordinates
|
|
24
|
-
})
|
|
25
|
-
);
|
|
26
|
-
const handleDragEnd = (event) => {
|
|
27
|
-
const { active, over } = event;
|
|
28
|
-
if (over && active.id !== over.id) {
|
|
29
|
-
const oldIndex = screenshotList.findIndex((s) => s.id === active.id);
|
|
30
|
-
const newIndex = screenshotList.findIndex((s) => s.id === over.id);
|
|
31
|
-
const newList = arrayMove(screenshotList, oldIndex, newIndex);
|
|
32
|
-
setScreenshotList(newList);
|
|
33
|
-
onScreenshotsChange(newList);
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
const handleDeleteScreenshot = useCallback(
|
|
37
|
-
(id) => {
|
|
38
|
-
const newList = screenshotList.filter((s) => s.id !== id);
|
|
39
|
-
setScreenshotList(newList);
|
|
40
|
-
onScreenshotsChange(newList);
|
|
41
|
-
},
|
|
42
|
-
[screenshotList, onScreenshotsChange]
|
|
43
|
-
);
|
|
44
|
-
const handleFiles = async (file) => {
|
|
45
|
-
if (!file || !onAddScreenshot) return;
|
|
46
|
-
setIsUploading(true);
|
|
47
|
-
try {
|
|
48
|
-
const newScreenshot = await onAddScreenshot(file);
|
|
49
|
-
const newList = [...screenshotList, newScreenshot];
|
|
50
|
-
setScreenshotList(newList);
|
|
51
|
-
onScreenshotsChange(newList);
|
|
52
|
-
} catch (error) {
|
|
53
|
-
console.error("Failed to upload screenshot:", error);
|
|
54
|
-
} finally {
|
|
55
|
-
setIsUploading(false);
|
|
56
|
-
if (fileInputRef.current) fileInputRef.current.value = "";
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
const handleFileSelect = (e) => {
|
|
60
|
-
var _a;
|
|
61
|
-
void handleFiles(((_a = e.target.files) == null ? void 0 : _a[0]) ?? null);
|
|
62
|
-
};
|
|
63
|
-
const handleDrop = (e) => {
|
|
64
|
-
e.preventDefault();
|
|
65
|
-
e.stopPropagation();
|
|
66
|
-
setIsDraggingOver(false);
|
|
67
|
-
const file = e.dataTransfer.files[0] ?? null;
|
|
68
|
-
void handleFiles(file);
|
|
69
|
-
};
|
|
70
|
-
return /* @__PURE__ */ jsxs(Card, { children: [
|
|
71
|
-
/* @__PURE__ */ jsxs(CardHeader, { children: [
|
|
72
|
-
/* @__PURE__ */ jsx(CardTitle, { children: "Screenshots" }),
|
|
73
|
-
/* @__PURE__ */ jsx(CardDescription, { children: "Upload and organize screenshots. Drag to reorder, click X to delete." })
|
|
74
|
-
] }),
|
|
75
|
-
/* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
|
|
76
|
-
/* @__PURE__ */ jsx(
|
|
77
|
-
"input",
|
|
78
|
-
{
|
|
79
|
-
ref: fileInputRef,
|
|
80
|
-
type: "file",
|
|
81
|
-
accept: "image/*",
|
|
82
|
-
className: "hidden",
|
|
83
|
-
onChange: handleFileSelect,
|
|
84
|
-
disabled: isUploading || !onAddScreenshot
|
|
85
|
-
}
|
|
86
|
-
),
|
|
87
|
-
/* @__PURE__ */ jsx(
|
|
88
|
-
"div",
|
|
89
|
-
{
|
|
90
|
-
className: `border border-dashed rounded-md p-4 text-center transition-colors ${isDraggingOver ? "border-primary bg-primary/5" : "border-border bg-muted/30"} ${!onAddScreenshot ? "opacity-60" : ""}`,
|
|
91
|
-
onDragOver: (e) => {
|
|
92
|
-
e.preventDefault();
|
|
93
|
-
if (!onAddScreenshot) return;
|
|
94
|
-
setIsDraggingOver(true);
|
|
95
|
-
},
|
|
96
|
-
onDragLeave: () => setIsDraggingOver(false),
|
|
97
|
-
onDrop: handleDrop,
|
|
98
|
-
children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
|
|
99
|
-
/* @__PURE__ */ jsx(Upload, { className: "w-5 h-5" }),
|
|
100
|
-
/* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
|
|
101
|
-
"Drag images here or",
|
|
102
|
-
/* @__PURE__ */ jsx(
|
|
103
|
-
Button,
|
|
104
|
-
{
|
|
105
|
-
type: "button",
|
|
106
|
-
variant: "link",
|
|
107
|
-
className: "px-1",
|
|
108
|
-
disabled: isUploading || !onAddScreenshot,
|
|
109
|
-
onClick: () => {
|
|
110
|
-
var _a;
|
|
111
|
-
return (_a = fileInputRef.current) == null ? void 0 : _a.click();
|
|
112
|
-
},
|
|
113
|
-
children: "browse"
|
|
114
|
-
}
|
|
115
|
-
),
|
|
116
|
-
"to upload"
|
|
117
|
-
] }),
|
|
118
|
-
/* @__PURE__ */ jsx(
|
|
119
|
-
Button,
|
|
120
|
-
{
|
|
121
|
-
type: "button",
|
|
122
|
-
disabled: isUploading || !onAddScreenshot,
|
|
123
|
-
onClick: () => {
|
|
124
|
-
var _a;
|
|
125
|
-
return (_a = fileInputRef.current) == null ? void 0 : _a.click();
|
|
126
|
-
},
|
|
127
|
-
variant: "outline",
|
|
128
|
-
children: isUploading ? "Uploading..." : "Select Image"
|
|
129
|
-
}
|
|
130
|
-
)
|
|
131
|
-
] })
|
|
132
|
-
}
|
|
133
|
-
),
|
|
134
|
-
screenshotList.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-8 text-muted-foreground", children: "No screenshots yet. Upload one to get started." }) : /* @__PURE__ */ jsx(DndContext, { sensors, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsx(
|
|
135
|
-
SortableContext,
|
|
136
|
-
{
|
|
137
|
-
items: screenshotList.map((s) => s.id),
|
|
138
|
-
strategy: verticalListSortingStrategy,
|
|
139
|
-
children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4", children: screenshotList.map((screenshot) => /* @__PURE__ */ jsx(
|
|
140
|
-
ScreenshotItem,
|
|
141
|
-
{
|
|
142
|
-
screenshot,
|
|
143
|
-
onDelete: () => handleDeleteScreenshot(screenshot.id)
|
|
144
|
-
},
|
|
145
|
-
screenshot.id
|
|
146
|
-
)) })
|
|
147
|
-
}
|
|
148
|
-
) })
|
|
149
|
-
] })
|
|
150
|
-
] });
|
|
151
|
-
}
|
|
152
|
-
export {
|
|
153
|
-
ScreenshotManager
|
|
154
|
-
};
|
|
155
|
-
//# sourceMappingURL=ScreenshotManager.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenshotManager.js","sources":["../../../../src/modules/appCatalog/ScreenshotManager.tsx"],"sourcesContent":["import type { DragEndEvent } from '@dnd-kit/core'\nimport {\n DndContext,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core'\nimport {\n SortableContext,\n arrayMove,\n sortableKeyboardCoordinates,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\nimport { Upload } from 'lucide-react'\nimport { useCallback, useRef, useState } from 'react'\nimport { Button } from '~/ui/button'\nimport {\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n} from '~/ui/card'\nimport { ScreenshotItem } from './ScreenshotItem'\n\nexport interface Screenshot {\n id: string\n url: string\n order?: number\n}\n\ninterface ScreenshotManagerProps {\n screenshots: Array<Screenshot>\n onScreenshotsChange: (screenshots: Array<Screenshot>) => void\n onAddScreenshot?: (file: File) => Promise<{ id: string; url: string }>\n}\n\nexport function ScreenshotManager({\n screenshots,\n onScreenshotsChange,\n onAddScreenshot,\n}: ScreenshotManagerProps) {\n const [isUploading, setIsUploading] = useState(false)\n const [isDraggingOver, setIsDraggingOver] = useState(false)\n const [screenshotList, setScreenshotList] =\n useState<Array<Screenshot>>(screenshots)\n const fileInputRef = useRef<HTMLInputElement | null>(null)\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: { distance: 8 },\n }),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n )\n\n const handleDragEnd = (event: DragEndEvent) => {\n const { active, over } = event\n\n if (over && active.id !== over.id) {\n const oldIndex = screenshotList.findIndex((s) => s.id === active.id)\n const newIndex = screenshotList.findIndex((s) => s.id === over.id)\n\n const newList = arrayMove(screenshotList, oldIndex, newIndex)\n setScreenshotList(newList)\n onScreenshotsChange(newList)\n }\n }\n\n const handleDeleteScreenshot = useCallback(\n (id: string) => {\n const newList = screenshotList.filter((s) => s.id !== id)\n setScreenshotList(newList)\n onScreenshotsChange(newList)\n },\n [screenshotList, onScreenshotsChange],\n )\n\n const handleFiles = async (file: File | null) => {\n if (!file || !onAddScreenshot) return\n\n setIsUploading(true)\n try {\n const newScreenshot = await onAddScreenshot(file)\n const newList = [...screenshotList, newScreenshot]\n setScreenshotList(newList)\n onScreenshotsChange(newList)\n } catch (error) {\n console.error('Failed to upload screenshot:', error)\n } finally {\n setIsUploading(false)\n if (fileInputRef.current) fileInputRef.current.value = ''\n }\n }\n\n const handleFileSelect = (e: React.ChangeEvent<HTMLInputElement>) => {\n void handleFiles(e.target.files?.[0] ?? null)\n }\n\n const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n e.preventDefault()\n e.stopPropagation()\n setIsDraggingOver(false)\n const file = e.dataTransfer.files[0] ?? null\n void handleFiles(file)\n }\n\n return (\n <Card>\n <CardHeader>\n <CardTitle>Screenshots</CardTitle>\n <CardDescription>\n Upload and organize screenshots. Drag to reorder, click X to delete.\n </CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <input\n ref={fileInputRef}\n type=\"file\"\n accept=\"image/*\"\n className=\"hidden\"\n onChange={handleFileSelect}\n disabled={isUploading || !onAddScreenshot}\n />\n\n <div\n className={`border border-dashed rounded-md p-4 text-center transition-colors ${\n isDraggingOver\n ? 'border-primary bg-primary/5'\n : 'border-border bg-muted/30'\n } ${!onAddScreenshot ? 'opacity-60' : ''}`}\n onDragOver={(e) => {\n e.preventDefault()\n if (!onAddScreenshot) return\n setIsDraggingOver(true)\n }}\n onDragLeave={() => setIsDraggingOver(false)}\n onDrop={handleDrop}\n >\n <div className=\"flex flex-col items-center gap-2\">\n <Upload className=\"w-5 h-5\" />\n <p className=\"text-sm text-muted-foreground\">\n Drag images here or\n <Button\n type=\"button\"\n variant=\"link\"\n className=\"px-1\"\n disabled={isUploading || !onAddScreenshot}\n onClick={() => fileInputRef.current?.click()}\n >\n browse\n </Button>\n to upload\n </p>\n <Button\n type=\"button\"\n disabled={isUploading || !onAddScreenshot}\n onClick={() => fileInputRef.current?.click()}\n variant=\"outline\"\n >\n {isUploading ? 'Uploading...' : 'Select Image'}\n </Button>\n </div>\n </div>\n\n {screenshotList.length === 0 ? (\n <div className=\"text-center py-8 text-muted-foreground\">\n No screenshots yet. Upload one to get started.\n </div>\n ) : (\n <DndContext sensors={sensors} onDragEnd={handleDragEnd}>\n <SortableContext\n items={screenshotList.map((s) => s.id)}\n strategy={verticalListSortingStrategy}\n >\n <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4\">\n {screenshotList.map((screenshot) => (\n <ScreenshotItem\n key={screenshot.id}\n screenshot={screenshot}\n onDelete={() => handleDeleteScreenshot(screenshot.id)}\n />\n ))}\n </div>\n </SortableContext>\n </DndContext>\n )}\n </CardContent>\n </Card>\n )\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Control, FieldValues } from 'react-hook-form';
|
|
2
|
-
interface AccessRequestFormFieldsProps {
|
|
3
|
-
control: Control<FieldValues>;
|
|
4
|
-
approvalMethodId: string | undefined;
|
|
5
|
-
}
|
|
6
|
-
export declare function AccessRequestFormFields({ control, approvalMethodId, }: AccessRequestFormFieldsProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export {};
|