@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.
Files changed (192) hide show
  1. package/dist/esm/api/infra/trpc.d.ts +0 -1491
  2. package/dist/esm/modules/appCatalog/context/AppCatalogContext.js +1 -0
  3. package/dist/esm/modules/appCatalog/context/AppCatalogContext.js.map +1 -1
  4. package/dist/esm/modules/appCatalog/ui/filters/FilterBar.js +23 -11
  5. package/dist/esm/modules/appCatalog/ui/filters/FilterBar.js.map +1 -1
  6. package/dist/esm/modules/appCatalog/ui/grid/AppCatalogGrid.d.ts +5 -1
  7. package/dist/esm/modules/appCatalog/ui/grid/AppCatalogGrid.js +146 -56
  8. package/dist/esm/modules/appCatalog/ui/grid/AppCatalogGrid.js.map +1 -1
  9. package/dist/esm/modules/appCatalog/ui/pages/AppCatalogPage.js +20 -1
  10. package/dist/esm/modules/appCatalog/ui/pages/AppCatalogPage.js.map +1 -1
  11. package/dist/esm/modules/auth/AuthContext.js +1 -1
  12. package/dist/esm/modules/auth/AuthModalContext.js +1 -1
  13. package/dist/esm/modules/auth/authClient.d.ts +2 -2
  14. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/classic/schemas.js +4 -37
  15. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/classic/schemas.js.map +1 -1
  16. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/api.js +2 -10
  17. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/api.js.map +1 -1
  18. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/checks.js +1 -1
  19. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/json-schema-processors.js +0 -44
  20. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/json-schema-processors.js.map +1 -1
  21. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/parse.js +0 -4
  22. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/parse.js.map +1 -1
  23. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/regexes.js +0 -2
  24. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/regexes.js.map +1 -1
  25. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/schemas.js +4 -49
  26. package/dist/esm/node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/schemas.js.map +1 -1
  27. package/dist/esm/routeTree.gen.d.ts +3 -164
  28. package/dist/esm/routeTree.gen.js +8 -80
  29. package/dist/esm/routeTree.gen.js.map +1 -1
  30. package/dist/esm/ui/button.d.ts +1 -1
  31. package/dist/esm/ui/card.js +1 -48
  32. package/dist/esm/ui/card.js.map +1 -1
  33. package/dist/esm/ui/command.js +1 -15
  34. package/dist/esm/ui/command.js.map +1 -1
  35. package/dist/esm/ui/components/header/Header.js +2 -11
  36. package/dist/esm/ui/components/header/Header.js.map +1 -1
  37. package/dist/esm/ui/input-group.js +125 -0
  38. package/dist/esm/ui/input-group.js.map +1 -0
  39. package/package.json +3 -3
  40. package/src/modules/appCatalog/ui/components/AppDetailModal.tsx +2 -21
  41. package/src/routeTree.gen.ts +2 -220
  42. package/src/ui/components/header/Header.tsx +2 -12
  43. package/dist/esm/components/IconPickerDialog.d.ts +0 -8
  44. package/dist/esm/components/IconPickerDialog.js +0 -98
  45. package/dist/esm/components/IconPickerDialog.js.map +0 -1
  46. package/dist/esm/components/IconPickerField.d.ts +0 -9
  47. package/dist/esm/components/IconPickerField.js +0 -76
  48. package/dist/esm/components/IconPickerField.js.map +0 -1
  49. package/dist/esm/modules/admin-base/components/AdminChat.d.ts +0 -1
  50. package/dist/esm/modules/admin-base/components/AdminChat.js +0 -82
  51. package/dist/esm/modules/admin-base/components/AdminChat.js.map +0 -1
  52. package/dist/esm/modules/admin-base/components/AdminLayout.d.ts +0 -5
  53. package/dist/esm/modules/admin-base/components/AdminLayout.js +0 -83
  54. package/dist/esm/modules/admin-base/components/AdminLayout.js.map +0 -1
  55. package/dist/esm/modules/admin-base/components/AdminWelcome.d.ts +0 -1
  56. package/dist/esm/modules/admin-base/components/AdminWelcome.js +0 -37
  57. package/dist/esm/modules/admin-base/components/AdminWelcome.js.map +0 -1
  58. package/dist/esm/modules/admin-base/context/AdminConfigContext.d.ts +0 -8
  59. package/dist/esm/modules/admin-base/context/AdminConfigContext.js +0 -27
  60. package/dist/esm/modules/admin-base/context/AdminConfigContext.js.map +0 -1
  61. package/dist/esm/modules/admin-base/index.d.ts +0 -5
  62. package/dist/esm/modules/admin-base/types/adminTypes.d.ts +0 -10
  63. package/dist/esm/modules/appCatalog/AppCatalogAdminPage.d.ts +0 -1
  64. package/dist/esm/modules/appCatalog/AppCatalogAdminPage.js +0 -196
  65. package/dist/esm/modules/appCatalog/AppCatalogAdminPage.js.map +0 -1
  66. package/dist/esm/modules/appCatalog/ScreenshotItem.js +0 -57
  67. package/dist/esm/modules/appCatalog/ScreenshotItem.js.map +0 -1
  68. package/dist/esm/modules/appCatalog/ScreenshotManager.js +0 -155
  69. package/dist/esm/modules/appCatalog/ScreenshotManager.js.map +0 -1
  70. package/dist/esm/modules/approvalMethod/AccessRequestFormFields.d.ts +0 -7
  71. package/dist/esm/modules/approvalMethod/AccessRequestFormFields.js +0 -323
  72. package/dist/esm/modules/approvalMethod/AccessRequestFormFields.js.map +0 -1
  73. package/dist/esm/modules/approvalMethod/ApprovalMethodForm.d.ts +0 -14
  74. package/dist/esm/modules/approvalMethod/ApprovalMethodForm.js +0 -227
  75. package/dist/esm/modules/approvalMethod/ApprovalMethodForm.js.map +0 -1
  76. package/dist/esm/modules/approvalMethod/ApprovalMethodSelector.d.ts +0 -7
  77. package/dist/esm/modules/approvalMethod/ApprovalMethodSelector.js +0 -124
  78. package/dist/esm/modules/approvalMethod/ApprovalMethodSelector.js.map +0 -1
  79. package/dist/esm/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.d.ts +0 -381
  80. package/dist/esm/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.js +0 -26
  81. package/dist/esm/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.js.map +0 -1
  82. package/dist/esm/modules/auth/authUtils.js +0 -25
  83. package/dist/esm/modules/auth/authUtils.js.map +0 -1
  84. package/dist/esm/modules/icons/IconManagementPage.d.ts +0 -1
  85. package/dist/esm/modules/icons/IconManagementPage.js +0 -177
  86. package/dist/esm/modules/icons/IconManagementPage.js.map +0 -1
  87. 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
  88. 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
  89. 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
  90. 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
  91. 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
  92. 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
  93. 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
  94. 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
  95. 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
  96. 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
  97. 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
  98. 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
  99. 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
  100. 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
  101. package/dist/esm/routes/admin/app-for-catalog/$id.d.ts +0 -5
  102. package/dist/esm/routes/admin/app-for-catalog/_id.js +0 -67
  103. package/dist/esm/routes/admin/app-for-catalog/_id.js.map +0 -1
  104. package/dist/esm/routes/admin/app-for-catalog/_id2.js +0 -321
  105. package/dist/esm/routes/admin/app-for-catalog/_id2.js.map +0 -1
  106. package/dist/esm/routes/admin/app-for-catalog/index.d.ts +0 -1
  107. package/dist/esm/routes/admin/app-for-catalog/index.js +0 -9
  108. package/dist/esm/routes/admin/app-for-catalog/index.js.map +0 -1
  109. package/dist/esm/routes/admin/app-for-catalog/index2.js +0 -12
  110. package/dist/esm/routes/admin/app-for-catalog/index2.js.map +0 -1
  111. package/dist/esm/routes/admin/app-for-catalog.d.ts +0 -1
  112. package/dist/esm/routes/admin/app-for-catalog.js +0 -14
  113. package/dist/esm/routes/admin/app-for-catalog.js.map +0 -1
  114. package/dist/esm/routes/admin/app-for-catalog2.js +0 -9
  115. package/dist/esm/routes/admin/app-for-catalog2.js.map +0 -1
  116. package/dist/esm/routes/admin/approval-methods/index.d.ts +0 -32
  117. package/dist/esm/routes/admin/approval-methods/index.js +0 -24
  118. package/dist/esm/routes/admin/approval-methods/index.js.map +0 -1
  119. package/dist/esm/routes/admin/approval-methods/index2.js +0 -100
  120. package/dist/esm/routes/admin/approval-methods/index2.js.map +0 -1
  121. package/dist/esm/routes/admin/approval-methods.d.ts +0 -1
  122. package/dist/esm/routes/admin/approval-methods.js +0 -14
  123. package/dist/esm/routes/admin/approval-methods.js.map +0 -1
  124. package/dist/esm/routes/admin/approval-methods2.js +0 -7
  125. package/dist/esm/routes/admin/approval-methods2.js.map +0 -1
  126. package/dist/esm/routes/admin/chat.d.ts +0 -1
  127. package/dist/esm/routes/admin/chat.js +0 -14
  128. package/dist/esm/routes/admin/chat.js.map +0 -1
  129. package/dist/esm/routes/admin/chat2.js +0 -9
  130. package/dist/esm/routes/admin/chat2.js.map +0 -1
  131. package/dist/esm/routes/admin/icons.d.ts +0 -1
  132. package/dist/esm/routes/admin/icons.js +0 -14
  133. package/dist/esm/routes/admin/icons.js.map +0 -1
  134. package/dist/esm/routes/admin/icons2.js +0 -12
  135. package/dist/esm/routes/admin/icons2.js.map +0 -1
  136. package/dist/esm/routes/admin/index.d.ts +0 -1
  137. package/dist/esm/routes/admin/index.js +0 -9
  138. package/dist/esm/routes/admin/index.js.map +0 -1
  139. package/dist/esm/routes/admin/index2.js +0 -9
  140. package/dist/esm/routes/admin/index2.js.map +0 -1
  141. package/dist/esm/routes/admin.d.ts +0 -1
  142. package/dist/esm/routes/admin.js +0 -37
  143. package/dist/esm/routes/admin.js.map +0 -1
  144. package/dist/esm/routes/admin2.js +0 -18
  145. package/dist/esm/routes/admin2.js.map +0 -1
  146. package/dist/esm/ui/alert-dialog.js +0 -141
  147. package/dist/esm/ui/alert-dialog.js.map +0 -1
  148. package/dist/esm/ui/breadcrumb.js +0 -84
  149. package/dist/esm/ui/breadcrumb.js.map +0 -1
  150. package/dist/esm/ui/components/Breadcrumbs.js +0 -36
  151. package/dist/esm/ui/components/Breadcrumbs.js.map +0 -1
  152. package/dist/esm/ui/crud-list/CrudList.js +0 -189
  153. package/dist/esm/ui/crud-list/CrudList.js.map +0 -1
  154. package/dist/esm/ui/editable-list/EditableListField.js +0 -130
  155. package/dist/esm/ui/editable-list/EditableListField.js.map +0 -1
  156. package/dist/esm/ui/form.js +0 -134
  157. package/dist/esm/ui/form.js.map +0 -1
  158. package/dist/esm/ui/linkExternal.js +0 -26
  159. package/dist/esm/ui/linkExternal.js.map +0 -1
  160. package/dist/esm/ui/markdown-editor/MarkdownEditor.js +0 -116
  161. package/dist/esm/ui/markdown-editor/MarkdownEditor.js.map +0 -1
  162. package/dist/esm/ui/markdown-editor/MarkdownToolbar.js +0 -99
  163. package/dist/esm/ui/markdown-editor/MarkdownToolbar.js.map +0 -1
  164. package/dist/esm/ui/scroll-area.js +0 -62
  165. package/dist/esm/ui/scroll-area.js.map +0 -1
  166. package/dist/esm/ui/select.js +0 -138
  167. package/dist/esm/ui/select.js.map +0 -1
  168. package/dist/esm/ui/textarea.js +0 -19
  169. package/dist/esm/ui/textarea.js.map +0 -1
  170. package/src/components/IconPickerDialog.tsx +0 -136
  171. package/src/components/IconPickerField.tsx +0 -88
  172. package/src/modules/admin-base/components/AdminChat.tsx +0 -122
  173. package/src/modules/admin-base/components/AdminLayout.tsx +0 -111
  174. package/src/modules/admin-base/components/AdminWelcome.tsx +0 -52
  175. package/src/modules/admin-base/context/AdminConfigContext.tsx +0 -36
  176. package/src/modules/admin-base/index.ts +0 -16
  177. package/src/modules/admin-base/types/adminTypes.ts +0 -11
  178. package/src/modules/appCatalog/AppCatalogAdminPage.tsx +0 -274
  179. package/src/modules/approvalMethod/AccessRequestFormFields.tsx +0 -393
  180. package/src/modules/approvalMethod/ApprovalMethodForm.tsx +0 -323
  181. package/src/modules/approvalMethod/ApprovalMethodSelector.tsx +0 -150
  182. package/src/modules/approvalMethod/api/ApiQueryMagazineApprovalMethod.ts +0 -34
  183. package/src/modules/icons/IconManagementPage.tsx +0 -245
  184. package/src/routes/admin/app-for-catalog/$id.tsx +0 -571
  185. package/src/routes/admin/app-for-catalog/index.tsx +0 -19
  186. package/src/routes/admin/app-for-catalog.tsx +0 -12
  187. package/src/routes/admin/approval-methods/index.tsx +0 -161
  188. package/src/routes/admin/approval-methods.tsx +0 -10
  189. package/src/routes/admin/chat.tsx +0 -13
  190. package/src/routes/admin/icons.tsx +0 -22
  191. package/src/routes/admin/index.tsx +0 -9
  192. 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 {};