@jant/core 0.3.26 → 0.3.28

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 (314) hide show
  1. package/dist/client/client.css +1 -0
  2. package/dist/client/client.js +31561 -0
  3. package/dist/index.js +15209 -15
  4. package/package.json +21 -15
  5. package/src/__tests__/helpers/app.ts +19 -3
  6. package/src/__tests__/helpers/db.ts +44 -0
  7. package/src/__tests__/helpers/lingui-core-macro-mock.ts +33 -0
  8. package/src/app.tsx +112 -173
  9. package/src/auth.ts +4 -1
  10. package/src/client.ts +13 -0
  11. package/src/db/migrations/0007_post_collections_m2m.sql +94 -0
  12. package/src/db/migrations/0008_add_collection_dividers.sql +8 -0
  13. package/src/db/migrations/0009_drop_collection_show_divider.sql +2 -0
  14. package/src/db/migrations/0010_add_performance_indexes.sql +16 -0
  15. package/src/db/schema.ts +24 -4
  16. package/src/i18n/locales/en.po +810 -385
  17. package/src/i18n/locales/en.ts +1 -1
  18. package/src/i18n/locales/zh-Hans.po +733 -522
  19. package/src/i18n/locales/zh-Hans.ts +1 -1
  20. package/src/i18n/locales/zh-Hant.po +733 -522
  21. package/src/i18n/locales/zh-Hant.ts +1 -1
  22. package/src/i18n/middleware.ts +7 -11
  23. package/src/index.ts +1 -1
  24. package/src/lib/__tests__/icons.test.ts +178 -0
  25. package/src/lib/__tests__/resolve-config.test.ts +184 -0
  26. package/src/lib/__tests__/schemas.test.ts +12 -6
  27. package/src/lib/__tests__/theme.test.ts +62 -0
  28. package/src/lib/__tests__/timezones.test.ts +1 -1
  29. package/src/lib/__tests__/url.test.ts +12 -0
  30. package/src/lib/__tests__/view.test.ts +1 -5
  31. package/src/lib/avatar-upload.ts +18 -10
  32. package/src/lib/collection-form-bridge.ts +52 -0
  33. package/src/lib/collections-reorder.ts +28 -0
  34. package/src/lib/compose-bridge.ts +251 -0
  35. package/src/lib/errors.ts +116 -0
  36. package/src/lib/excerpt.ts +1 -1
  37. package/src/lib/favicon.ts +3 -5
  38. package/src/lib/html.ts +22 -0
  39. package/src/lib/icon-catalog.ts +181 -0
  40. package/src/lib/icons.ts +202 -0
  41. package/src/lib/navigation.ts +18 -33
  42. package/src/lib/pagination.ts +3 -2
  43. package/src/lib/post-form-bridge.ts +136 -0
  44. package/src/lib/render.tsx +11 -4
  45. package/src/lib/resolve-config.ts +157 -0
  46. package/src/lib/schemas.ts +76 -12
  47. package/src/lib/settings-bridge.ts +139 -0
  48. package/src/lib/storage.ts +37 -16
  49. package/src/lib/theme.ts +5 -7
  50. package/src/lib/timeline.ts +4 -8
  51. package/src/lib/toast.ts +134 -0
  52. package/src/lib/upload.ts +71 -0
  53. package/src/lib/url.ts +9 -1
  54. package/src/lib/version.ts +16 -0
  55. package/src/lib/view.ts +9 -10
  56. package/src/middleware/__tests__/auth.test.ts +6 -28
  57. package/src/middleware/__tests__/onboarding.test.ts +1 -1
  58. package/src/middleware/auth.ts +6 -12
  59. package/src/middleware/config.ts +51 -0
  60. package/src/middleware/error-handler.ts +56 -0
  61. package/src/middleware/onboarding.ts +1 -1
  62. package/src/preset.css +6 -0
  63. package/src/routes/__tests__/compose.test.ts +104 -17
  64. package/src/routes/api/__tests__/collections.test.ts +93 -2
  65. package/src/routes/api/__tests__/posts.test.ts +2 -1
  66. package/src/routes/api/__tests__/settings.test.ts +1 -1
  67. package/src/routes/api/collections.ts +64 -68
  68. package/src/routes/api/nav-items.ts +21 -59
  69. package/src/routes/api/pages.ts +18 -46
  70. package/src/routes/api/posts.ts +64 -86
  71. package/src/routes/api/search.ts +6 -4
  72. package/src/routes/api/settings.ts +8 -24
  73. package/src/routes/api/upload.ts +55 -53
  74. package/src/routes/auth/__tests__/setup.test.ts +118 -0
  75. package/src/routes/auth/reset.tsx +17 -66
  76. package/src/routes/auth/setup.tsx +67 -11
  77. package/src/routes/auth/signin.tsx +44 -8
  78. package/src/routes/compose.tsx +194 -0
  79. package/src/routes/dash/__tests__/font-theme.test.ts +110 -0
  80. package/src/routes/dash/__tests__/pages.test.ts +2 -2
  81. package/src/routes/dash/__tests__/settings-avatar.test.ts +23 -12
  82. package/src/routes/dash/appearance.tsx +173 -0
  83. package/src/routes/dash/collections.tsx +80 -14
  84. package/src/routes/dash/index.tsx +12 -14
  85. package/src/routes/dash/media.tsx +46 -49
  86. package/src/routes/dash/pages.tsx +85 -37
  87. package/src/routes/dash/posts.tsx +60 -23
  88. package/src/routes/dash/redirects.tsx +43 -33
  89. package/src/routes/dash/settings.tsx +234 -214
  90. package/src/routes/feed/__tests__/rss.test.ts +7 -3
  91. package/src/routes/feed/rss.ts +11 -16
  92. package/src/routes/feed/sitemap.ts +15 -9
  93. package/src/routes/pages/__tests__/collections.test.ts +9 -8
  94. package/src/routes/pages/archive.tsx +2 -2
  95. package/src/routes/pages/collection.tsx +76 -9
  96. package/src/routes/pages/collections.tsx +3 -1
  97. package/src/routes/pages/featured.tsx +2 -2
  98. package/src/routes/pages/home.tsx +3 -3
  99. package/src/routes/pages/latest.tsx +2 -2
  100. package/src/routes/pages/page.tsx +2 -2
  101. package/src/routes/pages/post.tsx +2 -2
  102. package/src/routes/pages/search.tsx +2 -2
  103. package/src/services/__tests__/collection.test.ts +324 -34
  104. package/src/services/__tests__/media.test.ts +1 -1
  105. package/src/services/__tests__/page.test.ts +116 -1
  106. package/src/services/auth.ts +88 -0
  107. package/src/services/collection.ts +169 -30
  108. package/src/services/index.ts +8 -3
  109. package/src/services/media.ts +39 -12
  110. package/src/services/navigation.ts +17 -5
  111. package/src/services/page.ts +24 -4
  112. package/src/services/post.ts +87 -19
  113. package/src/services/search.ts +0 -1
  114. package/src/services/settings.ts +21 -13
  115. package/src/style.css +3 -0
  116. package/src/styles/components.css +42 -1
  117. package/src/styles/tokens.css +4 -0
  118. package/src/styles/ui.css +902 -73
  119. package/src/types/app-context.ts +25 -0
  120. package/src/types/bindings.ts +1 -0
  121. package/src/types/config.ts +60 -23
  122. package/src/types/entities.ts +12 -2
  123. package/src/types/lingui-react-macro.d.ts +3 -3
  124. package/src/types/operations.ts +2 -4
  125. package/src/types/views.ts +1 -3
  126. package/src/ui/__tests__/font-themes.test.ts +27 -8
  127. package/src/ui/color-themes.ts +1 -1
  128. package/src/ui/components/__tests__/jant-collection-form.test.ts +153 -0
  129. package/src/ui/components/__tests__/jant-compose-dialog.test.ts +512 -0
  130. package/src/ui/components/__tests__/jant-compose-editor.test.ts +272 -0
  131. package/src/ui/components/__tests__/jant-post-form.test.ts +172 -0
  132. package/src/ui/components/__tests__/jant-settings-avatar.test.ts +235 -0
  133. package/src/ui/components/__tests__/jant-settings-general.test.ts +319 -0
  134. package/src/ui/components/collection-types.ts +45 -0
  135. package/src/ui/components/compose-types.ts +75 -0
  136. package/src/ui/components/jant-collection-form.ts +512 -0
  137. package/src/ui/components/jant-compose-dialog.ts +494 -0
  138. package/src/ui/components/jant-compose-editor.ts +799 -0
  139. package/src/ui/components/jant-post-form.ts +290 -0
  140. package/src/ui/components/jant-settings-avatar.ts +231 -0
  141. package/src/ui/components/jant-settings-general.ts +436 -0
  142. package/src/ui/components/post-form-template.ts +260 -0
  143. package/src/ui/components/post-form-types.ts +87 -0
  144. package/src/ui/components/settings-types.ts +62 -0
  145. package/src/ui/compose/ComposeDialog.tsx +141 -385
  146. package/src/ui/compose/ComposePrompt.tsx +3 -3
  147. package/src/ui/dash/PostList.tsx +55 -61
  148. package/src/ui/dash/appearance/AdvancedContent.tsx +80 -0
  149. package/src/ui/dash/appearance/AppearanceNav.tsx +56 -0
  150. package/src/ui/dash/appearance/ColorThemeContent.tsx +129 -0
  151. package/src/ui/dash/appearance/FontThemeContent.tsx +98 -0
  152. package/src/ui/dash/collections/CollectionForm.tsx +130 -117
  153. package/src/ui/dash/collections/CollectionsListContent.tsx +102 -41
  154. package/src/ui/dash/collections/IconPickerGrid.tsx +50 -0
  155. package/src/ui/dash/collections/ViewCollectionContent.tsx +14 -3
  156. package/src/ui/dash/index.ts +1 -1
  157. package/src/ui/dash/posts/PostForm.tsx +248 -0
  158. package/src/ui/dash/settings/AccountContent.tsx +69 -80
  159. package/src/ui/dash/settings/GeneralContent.tsx +159 -478
  160. package/src/ui/dash/settings/SettingsNav.tsx +4 -4
  161. package/src/ui/font-themes.ts +115 -32
  162. package/src/ui/layouts/BaseLayout.tsx +49 -19
  163. package/src/ui/layouts/DashLayout.tsx +14 -9
  164. package/src/ui/layouts/SiteLayout.tsx +38 -23
  165. package/src/ui/pages/CollectionPage.tsx +12 -2
  166. package/src/ui/pages/CollectionsPage.tsx +27 -27
  167. package/src/ui/pages/HomePage.tsx +15 -6
  168. package/src/ui/pages/SearchPage.tsx +1 -2
  169. package/src/ui/shared/CollectionsSidebar.tsx +59 -0
  170. package/src/ui/shared/Pagination.tsx +2 -2
  171. package/dist/app.js +0 -265
  172. package/dist/auth.js +0 -36
  173. package/dist/client.js +0 -13
  174. package/dist/db/index.js +0 -10
  175. package/dist/db/schema.js +0 -224
  176. package/dist/i18n/Trans.js +0 -24
  177. package/dist/i18n/context.js +0 -58
  178. package/dist/i18n/detect.js +0 -26
  179. package/dist/i18n/i18n.js +0 -49
  180. package/dist/i18n/index.js +0 -44
  181. package/dist/i18n/locales/en.js +0 -1
  182. package/dist/i18n/locales/zh-Hans.js +0 -1
  183. package/dist/i18n/locales/zh-Hant.js +0 -1
  184. package/dist/i18n/locales.js +0 -13
  185. package/dist/i18n/middleware.js +0 -30
  186. package/dist/lib/avatar-upload.js +0 -134
  187. package/dist/lib/config.js +0 -143
  188. package/dist/lib/constants.js +0 -50
  189. package/dist/lib/excerpt.js +0 -76
  190. package/dist/lib/favicon.js +0 -102
  191. package/dist/lib/feed.js +0 -123
  192. package/dist/lib/image-processor.js +0 -187
  193. package/dist/lib/image.js +0 -97
  194. package/dist/lib/index.js +0 -7
  195. package/dist/lib/markdown.js +0 -83
  196. package/dist/lib/media-helpers.js +0 -49
  197. package/dist/lib/media-upload.js +0 -104
  198. package/dist/lib/nav-reorder.js +0 -27
  199. package/dist/lib/navigation.js +0 -79
  200. package/dist/lib/pagination.js +0 -44
  201. package/dist/lib/render.js +0 -53
  202. package/dist/lib/schemas.js +0 -174
  203. package/dist/lib/sqid.js +0 -72
  204. package/dist/lib/sse.js +0 -218
  205. package/dist/lib/storage.js +0 -164
  206. package/dist/lib/theme.js +0 -65
  207. package/dist/lib/time.js +0 -159
  208. package/dist/lib/timeline.js +0 -95
  209. package/dist/lib/timezones.js +0 -388
  210. package/dist/lib/url.js +0 -89
  211. package/dist/lib/view.js +0 -217
  212. package/dist/middleware/auth.js +0 -52
  213. package/dist/middleware/onboarding.js +0 -41
  214. package/dist/routes/api/collections.js +0 -124
  215. package/dist/routes/api/nav-items.js +0 -104
  216. package/dist/routes/api/pages.js +0 -91
  217. package/dist/routes/api/posts.js +0 -218
  218. package/dist/routes/api/search.js +0 -48
  219. package/dist/routes/api/settings.js +0 -68
  220. package/dist/routes/api/upload.js +0 -246
  221. package/dist/routes/auth/reset.js +0 -221
  222. package/dist/routes/auth/setup.js +0 -194
  223. package/dist/routes/auth/signin.js +0 -176
  224. package/dist/routes/compose.js +0 -48
  225. package/dist/routes/dash/collections.js +0 -115
  226. package/dist/routes/dash/index.js +0 -118
  227. package/dist/routes/dash/media.js +0 -106
  228. package/dist/routes/dash/pages.js +0 -294
  229. package/dist/routes/dash/posts.js +0 -244
  230. package/dist/routes/dash/redirects.js +0 -257
  231. package/dist/routes/dash/settings.js +0 -379
  232. package/dist/routes/feed/rss.js +0 -62
  233. package/dist/routes/feed/sitemap.js +0 -49
  234. package/dist/routes/pages/archive.js +0 -62
  235. package/dist/routes/pages/collection.js +0 -34
  236. package/dist/routes/pages/collections.js +0 -28
  237. package/dist/routes/pages/featured.js +0 -36
  238. package/dist/routes/pages/home.js +0 -64
  239. package/dist/routes/pages/latest.js +0 -45
  240. package/dist/routes/pages/page.js +0 -68
  241. package/dist/routes/pages/post.js +0 -44
  242. package/dist/routes/pages/search.js +0 -54
  243. package/dist/services/collection.js +0 -109
  244. package/dist/services/index.js +0 -24
  245. package/dist/services/media.js +0 -117
  246. package/dist/services/navigation.js +0 -91
  247. package/dist/services/page.js +0 -84
  248. package/dist/services/post.js +0 -229
  249. package/dist/services/redirect.js +0 -48
  250. package/dist/services/search.js +0 -67
  251. package/dist/services/settings.js +0 -68
  252. package/dist/types/bindings.js +0 -3
  253. package/dist/types/config.js +0 -147
  254. package/dist/types/constants.js +0 -27
  255. package/dist/types/entities.js +0 -3
  256. package/dist/types/lingui-react-macro.d.js +0 -9
  257. package/dist/types/operations.js +0 -3
  258. package/dist/types/props.js +0 -3
  259. package/dist/types/sortablejs.d.js +0 -5
  260. package/dist/types/views.js +0 -5
  261. package/dist/types.js +0 -11
  262. package/dist/ui/color-themes.js +0 -268
  263. package/dist/ui/compose/ComposeDialog.js +0 -467
  264. package/dist/ui/compose/ComposePrompt.js +0 -55
  265. package/dist/ui/dash/ActionButtons.js +0 -46
  266. package/dist/ui/dash/CrudPageHeader.js +0 -22
  267. package/dist/ui/dash/DangerZone.js +0 -36
  268. package/dist/ui/dash/FormatBadge.js +0 -27
  269. package/dist/ui/dash/ListItemRow.js +0 -21
  270. package/dist/ui/dash/PageForm.js +0 -195
  271. package/dist/ui/dash/PostForm.js +0 -395
  272. package/dist/ui/dash/PostList.js +0 -83
  273. package/dist/ui/dash/StatusBadge.js +0 -46
  274. package/dist/ui/dash/collections/CollectionForm.js +0 -152
  275. package/dist/ui/dash/collections/CollectionsListContent.js +0 -68
  276. package/dist/ui/dash/collections/ViewCollectionContent.js +0 -96
  277. package/dist/ui/dash/index.js +0 -10
  278. package/dist/ui/dash/media/MediaListContent.js +0 -166
  279. package/dist/ui/dash/media/ViewMediaContent.js +0 -212
  280. package/dist/ui/dash/pages/LinkFormContent.js +0 -130
  281. package/dist/ui/dash/pages/UnifiedPagesContent.js +0 -193
  282. package/dist/ui/dash/settings/AccountContent.js +0 -209
  283. package/dist/ui/dash/settings/AppearanceContent.js +0 -259
  284. package/dist/ui/dash/settings/GeneralContent.js +0 -536
  285. package/dist/ui/dash/settings/SettingsNav.js +0 -41
  286. package/dist/ui/feed/LinkCard.js +0 -72
  287. package/dist/ui/feed/NoteCard.js +0 -58
  288. package/dist/ui/feed/QuoteCard.js +0 -63
  289. package/dist/ui/feed/ThreadPreview.js +0 -48
  290. package/dist/ui/feed/TimelineFeed.js +0 -41
  291. package/dist/ui/feed/TimelineItem.js +0 -27
  292. package/dist/ui/font-themes.js +0 -36
  293. package/dist/ui/layouts/BaseLayout.js +0 -153
  294. package/dist/ui/layouts/DashLayout.js +0 -141
  295. package/dist/ui/layouts/SiteLayout.js +0 -169
  296. package/dist/ui/pages/ArchivePage.js +0 -143
  297. package/dist/ui/pages/CollectionPage.js +0 -70
  298. package/dist/ui/pages/CollectionsPage.js +0 -76
  299. package/dist/ui/pages/FeaturedPage.js +0 -24
  300. package/dist/ui/pages/HomePage.js +0 -24
  301. package/dist/ui/pages/PostPage.js +0 -55
  302. package/dist/ui/pages/SearchPage.js +0 -122
  303. package/dist/ui/pages/SinglePage.js +0 -23
  304. package/dist/ui/shared/EmptyState.js +0 -27
  305. package/dist/ui/shared/MediaGallery.js +0 -35
  306. package/dist/ui/shared/Pagination.js +0 -195
  307. package/dist/ui/shared/ThreadView.js +0 -108
  308. package/dist/ui/shared/index.js +0 -5
  309. package/dist/vendor/datastar.js +0 -1606
  310. package/src/lib/__tests__/config.test.ts +0 -192
  311. package/src/lib/config.ts +0 -167
  312. package/src/routes/compose.ts +0 -63
  313. package/src/ui/dash/PostForm.tsx +0 -360
  314. package/src/ui/dash/settings/AppearanceContent.tsx +0 -254
@@ -1,83 +0,0 @@
1
- /**
2
- * Post List Component
3
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
4
- import { useLingui as $_useLingui } from "@jant/core/i18n";
5
- import * as sqid from "../../lib/sqid.js";
6
- import * as time from "../../lib/time.js";
7
- import { StatusBadge } from "./StatusBadge.js";
8
- import { FormatBadge } from "./FormatBadge.js";
9
- import { EmptyState } from "../shared/EmptyState.js";
10
- import { ListItemRow } from "./ListItemRow.js";
11
- import { ActionButtons } from "./ActionButtons.js";
12
- export const PostList = ({ posts })=>{
13
- const { i18n: $__i18n, _: $__ } = $_useLingui();
14
- if (posts.length === 0) {
15
- return /*#__PURE__*/ _jsx(EmptyState, {
16
- message: $__i18n._({
17
- id: "ODiSoW",
18
- message: "No posts yet."
19
- }),
20
- ctaText: $__i18n._({
21
- id: "x0mzE0",
22
- message: "Create your first post"
23
- }),
24
- ctaHref: "/dash/posts/new"
25
- });
26
- }
27
- return /*#__PURE__*/ _jsx("div", {
28
- class: "flex flex-col divide-y",
29
- children: posts.map((post)=>{
30
- const permalink = post.path ? `/${post.path}` : `/p/${sqid.encode(post.id)}`;
31
- return /*#__PURE__*/ _jsxs(ListItemRow, {
32
- actions: /*#__PURE__*/ _jsx(ActionButtons, {
33
- editHref: `/dash/posts/${sqid.encode(post.id)}/edit`,
34
- editLabel: $__i18n._({
35
- id: "ePK91l",
36
- message: "Edit"
37
- }),
38
- viewHref: permalink,
39
- viewLabel: $__i18n._({
40
- id: "jpctdh",
41
- message: "View"
42
- }),
43
- deleteAction: `/dash/posts/${sqid.encode(post.id)}/delete`,
44
- deleteConfirm: $__i18n._({
45
- id: "KmGXnO",
46
- message: "Are you sure you want to delete this post? This cannot be undone."
47
- })
48
- }),
49
- children: [
50
- /*#__PURE__*/ _jsxs("div", {
51
- class: "flex items-center gap-2 mb-1",
52
- children: [
53
- /*#__PURE__*/ _jsx(FormatBadge, {
54
- type: post.format
55
- }),
56
- /*#__PURE__*/ _jsx(StatusBadge, {
57
- status: post.status,
58
- featured: post.featured === 1,
59
- pinned: post.pinned === 1
60
- }),
61
- /*#__PURE__*/ _jsx("span", {
62
- class: "text-xs text-muted-foreground",
63
- children: time.formatDate(post.publishedAt)
64
- })
65
- ]
66
- }),
67
- /*#__PURE__*/ _jsx("a", {
68
- href: `/dash/posts/${sqid.encode(post.id)}`,
69
- class: "font-medium hover:underline",
70
- children: post.title || post.body?.slice(0, 60) || $__i18n._({
71
- id: "wja8aL",
72
- message: "Untitled"
73
- })
74
- }),
75
- post.body && !post.title && /*#__PURE__*/ _jsx("p", {
76
- class: "text-sm text-muted-foreground mt-1 line-clamp-2",
77
- children: post.body.slice(0, 120)
78
- })
79
- ]
80
- }, post.id);
81
- })
82
- });
83
- };
@@ -1,46 +0,0 @@
1
- /**
2
- * Status Badge Component
3
- *
4
- * Displays badges for post status, featured, and pinned state.
5
- */ import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
6
- import { useLingui as $_useLingui } from "@jant/core/i18n";
7
- export const StatusBadge = ({ status, featured, pinned })=>{
8
- const { i18n: $__i18n, _: $__ } = $_useLingui();
9
- const statusVariants = {
10
- published: "badge-secondary",
11
- draft: "badge-outline"
12
- };
13
- const statusLabels = {
14
- published: $__i18n._({
15
- id: "u3wRF+",
16
- message: "Published"
17
- }),
18
- draft: $__i18n._({
19
- id: "eneWvv",
20
- message: "Draft"
21
- })
22
- };
23
- return /*#__PURE__*/ _jsxs("span", {
24
- class: "flex items-center gap-1",
25
- children: [
26
- /*#__PURE__*/ _jsx("span", {
27
- class: statusVariants[status],
28
- children: statusLabels[status]
29
- }),
30
- featured && /*#__PURE__*/ _jsx("span", {
31
- class: "badge-primary",
32
- children: $__i18n._({
33
- id: "FkMol5",
34
- message: "Featured"
35
- })
36
- }),
37
- pinned && /*#__PURE__*/ _jsx("span", {
38
- class: "badge-outline",
39
- children: $__i18n._({
40
- id: "kNiQp6",
41
- message: "Pinned"
42
- })
43
- })
44
- ]
45
- });
46
- };
@@ -1,152 +0,0 @@
1
- /**
2
- * Shared collection form (new + edit)
3
- */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
4
- import { useLingui as $_useLingui } from "@jant/core/i18n";
5
- export function CollectionForm({ collection, isEdit }) {
6
- const { i18n: $__i18n, _: $__ } = $_useLingui();
7
- const signals = JSON.stringify({
8
- title: collection?.title ?? "",
9
- slug: collection?.slug ?? "",
10
- description: collection?.description ?? ""
11
- }).replace(/</g, "\\u003c");
12
- const action = isEdit ? `/dash/collections/${collection?.id}` : "/dash/collections";
13
- const heading = isEdit ? $__i18n._({
14
- id: "/0D1Xp",
15
- message: "Edit Collection"
16
- }) : $__i18n._({
17
- id: "vzU4k9",
18
- message: "New Collection"
19
- });
20
- const submitLabel = isEdit ? $__i18n._({
21
- id: "7Mk+/h",
22
- message: "Update Collection"
23
- }) : $__i18n._({
24
- id: "Pbm2/N",
25
- message: "Create Collection"
26
- });
27
- const cancelHref = isEdit ? `/dash/collections/${collection?.id}` : "/dash/collections";
28
- return /*#__PURE__*/ _jsxs(_Fragment, {
29
- children: [
30
- /*#__PURE__*/ _jsx("h1", {
31
- class: "text-2xl font-semibold mb-6",
32
- children: heading
33
- }),
34
- /*#__PURE__*/ _jsxs("form", {
35
- "data-signals": signals,
36
- "data-on:submit__prevent": `@post('${action}')`,
37
- "data-indicator": "_loading",
38
- class: "flex flex-col gap-4 max-w-lg",
39
- children: [
40
- /*#__PURE__*/ _jsxs("div", {
41
- class: "field",
42
- children: [
43
- /*#__PURE__*/ _jsx("label", {
44
- class: "label",
45
- children: $__i18n._({
46
- id: "MHrjPM",
47
- message: "Title"
48
- })
49
- }),
50
- /*#__PURE__*/ _jsx("input", {
51
- type: "text",
52
- "data-bind": "title",
53
- class: "input",
54
- required: true,
55
- placeholder: isEdit ? undefined : $__i18n._({
56
- id: "fttd2R",
57
- message: "My Collection"
58
- })
59
- })
60
- ]
61
- }),
62
- /*#__PURE__*/ _jsxs("div", {
63
- class: "field",
64
- children: [
65
- /*#__PURE__*/ _jsx("label", {
66
- class: "label",
67
- children: $__i18n._({
68
- id: "L85WcV",
69
- message: "Slug"
70
- })
71
- }),
72
- /*#__PURE__*/ _jsx("input", {
73
- type: "text",
74
- "data-bind": "slug",
75
- class: "input",
76
- required: true,
77
- pattern: "[a-z0-9-]+",
78
- placeholder: isEdit ? undefined : "my-collection"
79
- }),
80
- !isEdit && /*#__PURE__*/ _jsx("p", {
81
- class: "text-xs text-muted-foreground mt-1",
82
- children: $__i18n._({
83
- id: "1CU1Td",
84
- message: "URL-safe identifier (lowercase, numbers, hyphens)"
85
- })
86
- })
87
- ]
88
- }),
89
- /*#__PURE__*/ _jsxs("div", {
90
- class: "field",
91
- children: [
92
- /*#__PURE__*/ _jsx("label", {
93
- class: "label",
94
- children: $__i18n._({
95
- id: "Fxf4jq",
96
- message: "Description (optional)"
97
- })
98
- }),
99
- /*#__PURE__*/ _jsx("textarea", {
100
- "data-bind": "description",
101
- class: "textarea",
102
- rows: 3,
103
- placeholder: isEdit ? undefined : $__i18n._({
104
- id: "AyHO4m",
105
- message: "What's this collection about?"
106
- }),
107
- children: collection?.description ?? ""
108
- })
109
- ]
110
- }),
111
- /*#__PURE__*/ _jsxs("div", {
112
- class: "flex gap-2",
113
- children: [
114
- /*#__PURE__*/ _jsxs("button", {
115
- type: "submit",
116
- class: "btn",
117
- "data-attr:disabled": "$_loading",
118
- children: [
119
- /*#__PURE__*/ _jsx("svg", {
120
- "data-show": "$_loading",
121
- style: "display:none",
122
- class: "animate-spin size-4",
123
- xmlns: "http://www.w3.org/2000/svg",
124
- viewBox: "0 0 24 24",
125
- fill: "none",
126
- stroke: "currentColor",
127
- "stroke-width": "2",
128
- "stroke-linecap": "round",
129
- "stroke-linejoin": "round",
130
- role: "status",
131
- children: /*#__PURE__*/ _jsx("path", {
132
- d: "M21 12a9 9 0 1 1-6.219-8.56"
133
- })
134
- }),
135
- submitLabel
136
- ]
137
- }),
138
- /*#__PURE__*/ _jsx("a", {
139
- href: cancelHref,
140
- class: "btn-outline",
141
- children: $__i18n._({
142
- id: "dEgA5A",
143
- message: "Cancel"
144
- })
145
- })
146
- ]
147
- })
148
- ]
149
- })
150
- ]
151
- });
152
- }
@@ -1,68 +0,0 @@
1
- /**
2
- * Collections list view
3
- */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
4
- import { useLingui as $_useLingui } from "@jant/core/i18n";
5
- import { EmptyState, ListItemRow, ActionButtons, CrudPageHeader } from "../index.js";
6
- export function CollectionsListContent({ collections }) {
7
- const { i18n: $__i18n, _: $__ } = $_useLingui();
8
- return /*#__PURE__*/ _jsxs(_Fragment, {
9
- children: [
10
- /*#__PURE__*/ _jsx(CrudPageHeader, {
11
- title: $__i18n._({
12
- id: "DoJzLz",
13
- message: "Collections"
14
- }),
15
- ctaLabel: $__i18n._({
16
- id: "vzU4k9",
17
- message: "New Collection"
18
- }),
19
- ctaHref: "/dash/collections/new"
20
- }),
21
- collections.length === 0 ? /*#__PURE__*/ _jsx(EmptyState, {
22
- message: $__i18n._({
23
- id: "+MACwa",
24
- message: "No collections yet."
25
- }),
26
- ctaText: $__i18n._({
27
- id: "vzU4k9",
28
- message: "New Collection"
29
- }),
30
- ctaHref: "/dash/collections/new"
31
- }) : /*#__PURE__*/ _jsx("div", {
32
- class: "flex flex-col divide-y",
33
- children: collections.map((col)=>/*#__PURE__*/ _jsxs(ListItemRow, {
34
- actions: /*#__PURE__*/ _jsx(ActionButtons, {
35
- editHref: `/dash/collections/${col.id}/edit`,
36
- editLabel: $__i18n._({
37
- id: "ePK91l",
38
- message: "Edit"
39
- }),
40
- viewHref: `/c/${col.slug}`,
41
- viewLabel: $__i18n._({
42
- id: "jpctdh",
43
- message: "View"
44
- })
45
- }),
46
- children: [
47
- /*#__PURE__*/ _jsx("a", {
48
- href: `/dash/collections/${col.id}`,
49
- class: "font-medium hover:underline",
50
- children: col.title
51
- }),
52
- /*#__PURE__*/ _jsxs("p", {
53
- class: "text-sm text-muted-foreground",
54
- children: [
55
- "/",
56
- col.slug
57
- ]
58
- }),
59
- col.description && /*#__PURE__*/ _jsx("p", {
60
- class: "text-sm text-muted-foreground mt-1",
61
- children: col.description
62
- })
63
- ]
64
- }, col.id))
65
- })
66
- ]
67
- });
68
- }
@@ -1,96 +0,0 @@
1
- /**
2
- * Single collection detail view
3
- */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
4
- import { useLingui as $_useLingui } from "@jant/core/i18n";
5
- import { ActionButtons } from "../index.js";
6
- import { encode } from "../../../lib/sqid.js";
7
- export function ViewCollectionContent({ collection, posts }) {
8
- const { i18n: $__i18n, _: $__ } = $_useLingui();
9
- const postsHeader = $__i18n._({
10
- id: "pRhYH2",
11
- message: "Posts in Collection ({count})"
12
- });
13
- return /*#__PURE__*/ _jsxs(_Fragment, {
14
- children: [
15
- /*#__PURE__*/ _jsxs("div", {
16
- class: "flex items-center justify-between mb-6",
17
- children: [
18
- /*#__PURE__*/ _jsxs("div", {
19
- children: [
20
- /*#__PURE__*/ _jsx("h1", {
21
- class: "text-2xl font-semibold",
22
- children: collection.title
23
- }),
24
- /*#__PURE__*/ _jsxs("p", {
25
- class: "text-sm text-muted-foreground",
26
- children: [
27
- "/",
28
- collection.slug
29
- ]
30
- })
31
- ]
32
- }),
33
- /*#__PURE__*/ _jsx(ActionButtons, {
34
- editHref: `/dash/collections/${collection.id}/edit`,
35
- editLabel: $__i18n._({
36
- id: "ePK91l",
37
- message: "Edit"
38
- }),
39
- viewHref: `/c/${collection.slug}`,
40
- viewLabel: $__i18n._({
41
- id: "jpctdh",
42
- message: "View"
43
- })
44
- })
45
- ]
46
- }),
47
- collection.description && /*#__PURE__*/ _jsx("p", {
48
- class: "text-muted-foreground mb-6",
49
- children: collection.description
50
- }),
51
- /*#__PURE__*/ _jsxs("div", {
52
- class: "card",
53
- children: [
54
- /*#__PURE__*/ _jsx("header", {
55
- children: /*#__PURE__*/ _jsx("h2", {
56
- children: postsHeader
57
- })
58
- }),
59
- /*#__PURE__*/ _jsx("section", {
60
- children: posts.length === 0 ? /*#__PURE__*/ _jsx("p", {
61
- class: "text-muted-foreground",
62
- children: $__i18n._({
63
- id: "J4FNfC",
64
- message: "No posts in this collection."
65
- })
66
- }) : /*#__PURE__*/ _jsx("div", {
67
- class: "flex flex-col divide-y",
68
- children: posts.map((post)=>/*#__PURE__*/ _jsx("div", {
69
- class: "py-3 flex items-center gap-4",
70
- children: /*#__PURE__*/ _jsx("div", {
71
- class: "flex-1 min-w-0",
72
- children: /*#__PURE__*/ _jsx("a", {
73
- href: `/dash/posts/${encode(post.id)}`,
74
- class: "font-medium hover:underline",
75
- children: post.title || post.excerpt?.slice(0, 50) || `Post #${post.id}`
76
- })
77
- })
78
- }, post.id))
79
- })
80
- })
81
- ]
82
- }),
83
- /*#__PURE__*/ _jsx("div", {
84
- class: "mt-6",
85
- children: /*#__PURE__*/ _jsx("a", {
86
- href: "/dash/collections",
87
- class: "text-sm hover:underline",
88
- children: $__i18n._({
89
- id: "e6Jr7Q",
90
- message: "← Back to Collections"
91
- })
92
- })
93
- })
94
- ]
95
- });
96
- }
@@ -1,10 +0,0 @@
1
- export { ActionButtons } from "./ActionButtons.js";
2
- export { CrudPageHeader } from "./CrudPageHeader.js";
3
- export { DangerZone } from "./DangerZone.js";
4
- export { EmptyState } from "../shared/EmptyState.js";
5
- export { FormatBadge } from "./FormatBadge.js";
6
- export { ListItemRow } from "./ListItemRow.js";
7
- export { PageForm } from "./PageForm.js";
8
- export { PostForm } from "./PostForm.js";
9
- export { PostList } from "./PostList.js";
10
- export { StatusBadge } from "./StatusBadge.js";
@@ -1,166 +0,0 @@
1
- /**
2
- * Media grid list with upload UI
3
- */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
4
- import { useLingui as $_useLingui } from "@jant/core/i18n";
5
- import { EmptyState } from "../index.js";
6
- import { getMediaUrl, getImageUrl, getPublicUrlForProvider } from "../../../lib/image.js";
7
- function formatSize(bytes) {
8
- if (bytes < 1024) return `${bytes} B`;
9
- if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
10
- return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
11
- }
12
- function MediaCard({ media, r2PublicUrl, imageTransformUrl, s3PublicUrl }) {
13
- const publicUrl = getPublicUrlForProvider(media.provider, r2PublicUrl, s3PublicUrl);
14
- const fullUrl = getMediaUrl(media.storageKey, publicUrl);
15
- const thumbnailUrl = getImageUrl(fullUrl, imageTransformUrl, {
16
- width: 300,
17
- quality: 80,
18
- format: "auto",
19
- fit: "cover"
20
- });
21
- const isImage = media.mimeType.startsWith("image/");
22
- return /*#__PURE__*/ _jsxs("div", {
23
- class: "group relative",
24
- "data-media-id": media.id,
25
- children: [
26
- isImage ? /*#__PURE__*/ _jsx("button", {
27
- type: "button",
28
- class: "block w-full aspect-square bg-muted rounded-lg overflow-hidden border hover:border-primary cursor-pointer",
29
- onclick: `document.getElementById('lightbox-img').src = '${fullUrl}'; document.getElementById('lightbox').showModal()`,
30
- children: /*#__PURE__*/ _jsx("img", {
31
- src: thumbnailUrl,
32
- alt: media.alt || media.originalName,
33
- class: "w-full h-full object-cover",
34
- loading: "lazy"
35
- })
36
- }) : /*#__PURE__*/ _jsx("a", {
37
- href: `/dash/media/${media.id}`,
38
- class: "block aspect-square bg-muted rounded-lg overflow-hidden border hover:border-primary",
39
- children: /*#__PURE__*/ _jsx("div", {
40
- class: "w-full h-full flex items-center justify-center text-muted-foreground",
41
- children: /*#__PURE__*/ _jsx("span", {
42
- class: "text-xs",
43
- children: media.mimeType
44
- })
45
- })
46
- }),
47
- /*#__PURE__*/ _jsx("a", {
48
- href: `/dash/media/${media.id}`,
49
- class: "block mt-2 text-xs truncate hover:underline",
50
- title: media.originalName,
51
- children: media.originalName
52
- }),
53
- /*#__PURE__*/ _jsx("div", {
54
- class: "text-xs text-muted-foreground",
55
- children: formatSize(media.size)
56
- })
57
- ]
58
- });
59
- }
60
- export function MediaListContent({ mediaList, r2PublicUrl, imageTransformUrl, s3PublicUrl }) {
61
- const { i18n: $__i18n, _: $__ } = $_useLingui();
62
- const processingText = $__i18n._({
63
- id: "k1ifdL",
64
- message: "Processing..."
65
- });
66
- const uploadingText = $__i18n._({
67
- id: "GxkJXS",
68
- message: "Uploading..."
69
- });
70
- const uploadText = $__i18n._({
71
- id: "ONWvwQ",
72
- message: "Upload"
73
- });
74
- const errorText = $__i18n._({
75
- id: "pZq3aX",
76
- message: "Upload failed. Please try again."
77
- });
78
- return /*#__PURE__*/ _jsxs(_Fragment, {
79
- children: [
80
- /*#__PURE__*/ _jsx("form", {
81
- id: "upload-form",
82
- class: "hidden",
83
- enctype: "multipart/form-data",
84
- "data-on:submit__prevent": "@post('/api/upload', {contentType: 'form'})",
85
- children: /*#__PURE__*/ _jsx("input", {
86
- id: "upload-file-input",
87
- type: "file",
88
- name: "file"
89
- })
90
- }),
91
- /*#__PURE__*/ _jsxs("div", {
92
- class: "flex items-center justify-between mb-6",
93
- children: [
94
- /*#__PURE__*/ _jsx("h1", {
95
- class: "text-2xl font-semibold",
96
- children: $__i18n._({
97
- id: "xYilR2",
98
- message: "Media"
99
- })
100
- }),
101
- /*#__PURE__*/ _jsxs("label", {
102
- class: "btn cursor-pointer",
103
- children: [
104
- /*#__PURE__*/ _jsx("span", {
105
- children: uploadText
106
- }),
107
- /*#__PURE__*/ _jsx("input", {
108
- type: "file",
109
- class: "hidden",
110
- accept: "image/*",
111
- "data-media-upload": true,
112
- "data-text-processing": processingText,
113
- "data-text-uploading": uploadingText,
114
- "data-text-error": errorText
115
- })
116
- ]
117
- })
118
- ]
119
- }),
120
- /*#__PURE__*/ _jsx("div", {
121
- class: "card mb-6",
122
- children: /*#__PURE__*/ _jsx("section", {
123
- class: "text-sm text-muted-foreground",
124
- children: /*#__PURE__*/ _jsx("p", {
125
- children: $__i18n._({
126
- id: "x+doid",
127
- message: "Images are automatically optimized: resized to max 1920px, converted to WebP, and metadata stripped."
128
- })
129
- })
130
- })
131
- }),
132
- /*#__PURE__*/ _jsx("div", {
133
- id: "media-content",
134
- children: mediaList.length === 0 ? /*#__PURE__*/ _jsx("div", {
135
- id: "empty-state",
136
- children: /*#__PURE__*/ _jsx(EmptyState, {
137
- message: $__i18n._({
138
- id: "ST+lN2",
139
- message: "No media uploaded yet."
140
- })
141
- })
142
- }) : /*#__PURE__*/ _jsx("div", {
143
- id: "media-grid",
144
- class: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4",
145
- children: mediaList.map((m)=>/*#__PURE__*/ _jsx(MediaCard, {
146
- media: m,
147
- r2PublicUrl: r2PublicUrl,
148
- imageTransformUrl: imageTransformUrl,
149
- s3PublicUrl: s3PublicUrl
150
- }, m.id))
151
- })
152
- }),
153
- /*#__PURE__*/ _jsx("dialog", {
154
- id: "lightbox",
155
- class: "p-0 m-auto bg-transparent backdrop:bg-black/80",
156
- onclick: "event.target === this && this.close()",
157
- children: /*#__PURE__*/ _jsx("img", {
158
- id: "lightbox-img",
159
- src: "",
160
- alt: "",
161
- class: "max-w-[90vw] max-h-[90vh] object-contain rounded-lg"
162
- })
163
- })
164
- ]
165
- });
166
- }