convex-feedback-ui 0.2.0-beta.2 → 0.2.0-beta.3
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/README.md +38 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/native/expo/RoadmapRoutes.d.ts +3 -0
- package/dist/native/expo/RoadmapRoutes.d.ts.map +1 -0
- package/dist/native/expo/RoadmapRoutes.js +44 -0
- package/dist/native/expo/RoadmapRoutes.js.map +1 -0
- package/dist/native/expo/RoadmapScreen.d.ts +24 -0
- package/dist/native/expo/RoadmapScreen.d.ts.map +1 -0
- package/dist/native/expo/RoadmapScreen.js +36 -0
- package/dist/native/expo/RoadmapScreen.js.map +1 -0
- package/dist/native/expo/RoadmapStackLayout.d.ts +8 -0
- package/dist/native/expo/RoadmapStackLayout.d.ts.map +1 -0
- package/dist/native/expo/RoadmapStackLayout.js +56 -0
- package/dist/native/expo/RoadmapStackLayout.js.map +1 -0
- package/dist/native/expo/RoutedRoadmapContext.d.ts +4 -0
- package/dist/native/expo/RoutedRoadmapContext.d.ts.map +1 -0
- package/dist/native/expo/RoutedRoadmapContext.js +11 -0
- package/dist/native/expo/RoutedRoadmapContext.js.map +1 -0
- package/dist/native/expo/index.d.ts +4 -1
- package/dist/native/expo/index.d.ts.map +1 -1
- package/dist/native/expo/index.js +4 -1
- package/dist/native/expo/index.js.map +1 -1
- package/dist/native/expo/routes.d.ts +17 -1
- package/dist/native/expo/routes.d.ts.map +1 -1
- package/dist/native/expo/routes.js +46 -0
- package/dist/native/expo/routes.js.map +1 -1
- package/dist/native/expo/types.d.ts +35 -1
- package/dist/native/expo/types.d.ts.map +1 -1
- package/dist/native/shared/ui/RoadmapScreen.d.ts +21 -1
- package/dist/native/shared/ui/RoadmapScreen.d.ts.map +1 -1
- package/dist/native/shared/ui/RoadmapScreen.js +228 -50
- package/dist/native/shared/ui/RoadmapScreen.js.map +1 -1
- package/dist/native/shared/ui/primitives.d.ts +1 -1
- package/dist/native/shared/ui/primitives.d.ts.map +1 -1
- package/dist/native/shared/ui/primitives.js +3 -1
- package/dist/native/shared/ui/primitives.js.map +1 -1
- package/dist/react/roadmap.d.ts.map +1 -1
- package/dist/react/roadmap.js +24 -12
- package/dist/react/roadmap.js.map +1 -1
- package/dist/react/styles.css +123 -0
- package/dist/shared/messages.d.ts.map +1 -1
- package/dist/shared/messages.js +23 -0
- package/dist/shared/messages.js.map +1 -1
- package/dist/shared/types/messages.d.ts +26 -1
- package/dist/shared/types/messages.d.ts.map +1 -1
- package/dist/shared/types/roadmap.d.ts +10 -1
- package/dist/shared/types/roadmap.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/native/expo/README.md +6 -2
- package/src/native/expo/RoadmapRoutes.tsx +133 -0
- package/src/native/expo/RoadmapScreen.tsx +101 -0
- package/src/native/expo/RoadmapStackLayout.tsx +111 -0
- package/src/native/expo/RoutedRoadmapContext.tsx +21 -0
- package/src/native/expo/index.ts +8 -1
- package/src/native/expo/routes.ts +69 -1
- package/src/native/expo/types.ts +43 -0
- package/src/native/native/README.md +4 -3
- package/src/native/shared/ui/RoadmapScreen.tsx +550 -228
- package/src/native/shared/ui/primitives.tsx +3 -0
- package/src/react/roadmap.tsx +145 -85
- package/src/react/styles.css +123 -0
- package/src/shared/messages.ts +24 -0
- package/src/shared/types/messages.ts +38 -1
- package/src/shared/types/roadmap.ts +18 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"roadmap.js","sourceRoot":"","sources":["../../src/react/roadmap.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EACL,gBAAgB,EAChB,aAAa,GACd,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE/D,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,QAAQ,EACR,aAAa,EACb,GAAG,MAAM,EACU;IACnB,MAAM,gBAAgB,GAAG,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;IAC7D,MAAM,qBAAqB,GAAG,aAAa,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"roadmap.js","sourceRoot":"","sources":["../../src/react/roadmap.tsx"],"names":[],"mappings":"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"}
|
package/dist/react/styles.css
CHANGED
|
@@ -95,11 +95,130 @@
|
|
|
95
95
|
background: var(--cf-surface);
|
|
96
96
|
}
|
|
97
97
|
:where(.cf-board) :where(.cf-roadmap-card) {
|
|
98
|
+
display: grid;
|
|
99
|
+
gap: 10px;
|
|
98
100
|
width: 100%;
|
|
101
|
+
border: 1px solid var(--cf-border);
|
|
102
|
+
border-radius: calc(var(--cf-radius) * 0.9);
|
|
103
|
+
padding: 14px;
|
|
104
|
+
background: var(--cf-surface);
|
|
99
105
|
color: inherit;
|
|
100
106
|
font: inherit;
|
|
101
107
|
text-align: left;
|
|
102
108
|
cursor: pointer;
|
|
109
|
+
transition:
|
|
110
|
+
transform 140ms ease,
|
|
111
|
+
border-color 140ms ease,
|
|
112
|
+
box-shadow 140ms ease;
|
|
113
|
+
}
|
|
114
|
+
:where(.cf-board) :where(.cf-roadmap-card:hover) {
|
|
115
|
+
transform: translateY(-1px);
|
|
116
|
+
border-color: color-mix(in srgb, var(--cf-primary) 35%, var(--cf-border));
|
|
117
|
+
box-shadow: 0 8px 20px rgb(20 20 35 / 0.06);
|
|
118
|
+
}
|
|
119
|
+
:where(.cf-board) :where(.cf-roadmap-card:focus-visible) {
|
|
120
|
+
outline: 3px solid color-mix(in srgb, var(--cf-primary) 25%, transparent);
|
|
121
|
+
outline-offset: 2px;
|
|
122
|
+
}
|
|
123
|
+
:where(.cf-board) :where(.cf-roadmap-board) {
|
|
124
|
+
display: grid;
|
|
125
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
126
|
+
gap: 1px;
|
|
127
|
+
margin-bottom: var(--cf-space);
|
|
128
|
+
overflow: hidden;
|
|
129
|
+
border: 1px solid var(--cf-border);
|
|
130
|
+
border-radius: var(--cf-radius);
|
|
131
|
+
background: var(--cf-border);
|
|
132
|
+
}
|
|
133
|
+
:where(.cf-board) :where(.cf-roadmap-column) {
|
|
134
|
+
min-width: 0;
|
|
135
|
+
background: var(--cf-background);
|
|
136
|
+
}
|
|
137
|
+
:where(.cf-board) :where(.cf-roadmap-column__header) {
|
|
138
|
+
display: flex;
|
|
139
|
+
align-items: center;
|
|
140
|
+
justify-content: space-between;
|
|
141
|
+
gap: 10px;
|
|
142
|
+
min-height: 58px;
|
|
143
|
+
padding: 12px 14px;
|
|
144
|
+
border-bottom: 1px solid var(--cf-border);
|
|
145
|
+
background: color-mix(in srgb, var(--cf-background) 94%, var(--cf-surface));
|
|
146
|
+
}
|
|
147
|
+
:where(.cf-board) :where(.cf-roadmap-column__heading) {
|
|
148
|
+
display: flex;
|
|
149
|
+
align-items: center;
|
|
150
|
+
gap: 8px;
|
|
151
|
+
}
|
|
152
|
+
:where(.cf-board) :where(.cf-roadmap-column__heading h3) {
|
|
153
|
+
margin: 0;
|
|
154
|
+
font-size: 0.9rem;
|
|
155
|
+
}
|
|
156
|
+
:where(.cf-board) :where(.cf-roadmap-column__count),
|
|
157
|
+
:where(.cf-board) :where(.cf-roadmap-card__count) {
|
|
158
|
+
color: var(--cf-muted);
|
|
159
|
+
font-size: 0.75rem;
|
|
160
|
+
font-weight: 600;
|
|
161
|
+
}
|
|
162
|
+
:where(.cf-board) :where(.cf-roadmap-column__list) {
|
|
163
|
+
display: grid;
|
|
164
|
+
align-content: start;
|
|
165
|
+
gap: 10px;
|
|
166
|
+
min-height: 180px;
|
|
167
|
+
padding: 10px;
|
|
168
|
+
}
|
|
169
|
+
:where(.cf-board) :where(.cf-roadmap-column__empty) {
|
|
170
|
+
margin: 0;
|
|
171
|
+
padding: 28px 10px;
|
|
172
|
+
color: var(--cf-muted);
|
|
173
|
+
font-size: 0.85rem;
|
|
174
|
+
line-height: 1.45;
|
|
175
|
+
text-align: center;
|
|
176
|
+
}
|
|
177
|
+
:where(.cf-board) :where(.cf-roadmap-status__dot) {
|
|
178
|
+
width: 7px;
|
|
179
|
+
height: 7px;
|
|
180
|
+
border-radius: 999px;
|
|
181
|
+
background: var(--cf-primary);
|
|
182
|
+
}
|
|
183
|
+
:where(.cf-board) :where(.cf-roadmap-status) {
|
|
184
|
+
display: inline-flex;
|
|
185
|
+
width: fit-content;
|
|
186
|
+
border: 1px solid var(--cf-border);
|
|
187
|
+
border-radius: 999px;
|
|
188
|
+
padding: 4px 8px;
|
|
189
|
+
background: var(--cf-surface-muted);
|
|
190
|
+
color: var(--cf-muted);
|
|
191
|
+
font-size: 0.74rem;
|
|
192
|
+
font-weight: 700;
|
|
193
|
+
}
|
|
194
|
+
:where(.cf-board) :where(.cf-roadmap-card__meta) {
|
|
195
|
+
display: flex;
|
|
196
|
+
align-items: center;
|
|
197
|
+
justify-content: space-between;
|
|
198
|
+
gap: 8px;
|
|
199
|
+
}
|
|
200
|
+
:where(.cf-board) :where(.cf-roadmap-card__title) {
|
|
201
|
+
font-size: 1rem;
|
|
202
|
+
line-height: 1.35;
|
|
203
|
+
}
|
|
204
|
+
:where(.cf-board) :where(.cf-roadmap-card__body) {
|
|
205
|
+
overflow: hidden;
|
|
206
|
+
color: var(--cf-muted);
|
|
207
|
+
font-size: 0.88rem;
|
|
208
|
+
line-height: 1.5;
|
|
209
|
+
white-space: pre-wrap;
|
|
210
|
+
display: -webkit-box;
|
|
211
|
+
line-clamp: 3;
|
|
212
|
+
-webkit-box-orient: vertical;
|
|
213
|
+
}
|
|
214
|
+
:where(.cf-board) :where(.cf-roadmap-card__link) {
|
|
215
|
+
color: var(--cf-primary);
|
|
216
|
+
font-size: 0.82rem;
|
|
217
|
+
font-weight: 700;
|
|
218
|
+
}
|
|
219
|
+
:where(.cf-board) :where(.cf-roadmap-detail__header) {
|
|
220
|
+
display: grid;
|
|
221
|
+
gap: 10px;
|
|
103
222
|
}
|
|
104
223
|
:where(.cf-board) :where(.cf-entry__content) {
|
|
105
224
|
min-width: 0;
|
|
@@ -348,6 +467,10 @@
|
|
|
348
467
|
width: 40px;
|
|
349
468
|
min-height: 48px;
|
|
350
469
|
}
|
|
470
|
+
:where(.cf-board) :where(.cf-roadmap-board) {
|
|
471
|
+
grid-template-columns: repeat(3, minmax(17rem, 1fr));
|
|
472
|
+
overflow-x: auto;
|
|
473
|
+
}
|
|
351
474
|
}
|
|
352
475
|
:where(.cf-board) :where(.cf-confirm-backdrop) {
|
|
353
476
|
position: fixed;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/shared/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE1E,eAAO,MAAM,uBAAuB,EAAE,gBA+
|
|
1
|
+
{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/shared/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE1E,eAAO,MAAM,uBAAuB,EAAE,gBA+FrC,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,SAAS,GAAE,wBAA6B,GACvC,gBAAgB,CAgClB"}
|
package/dist/shared/messages.js
CHANGED
|
@@ -10,6 +10,21 @@ export const englishFeedbackMessages = {
|
|
|
10
10
|
loading: "Loading…",
|
|
11
11
|
loadMore: "Load more",
|
|
12
12
|
},
|
|
13
|
+
roadmap: {
|
|
14
|
+
title: "Roadmap",
|
|
15
|
+
subtitle: "See what is planned, in progress, and shipped.",
|
|
16
|
+
searchPlaceholder: "Search roadmap…",
|
|
17
|
+
statuses: {
|
|
18
|
+
planned: "Planned",
|
|
19
|
+
in_progress: "In progress",
|
|
20
|
+
shipped: "Shipped",
|
|
21
|
+
},
|
|
22
|
+
linkedEntries: (count) => `${count} linked ${count === 1 ? "entry" : "entries"}`,
|
|
23
|
+
noItems: "No roadmap items yet.",
|
|
24
|
+
noSearchResults: "No matching roadmap items found.",
|
|
25
|
+
attachedFeedback: "Feedback behind this item",
|
|
26
|
+
noAttachedFeedback: "No feedback attached yet.",
|
|
27
|
+
},
|
|
13
28
|
kinds: {
|
|
14
29
|
feedback: "Feedback",
|
|
15
30
|
feature_request: "Feature request",
|
|
@@ -79,6 +94,14 @@ export const englishFeedbackMessages = {
|
|
|
79
94
|
export function mergeFeedbackMessages(overrides = {}) {
|
|
80
95
|
return {
|
|
81
96
|
board: { ...englishFeedbackMessages.board, ...overrides.board },
|
|
97
|
+
roadmap: {
|
|
98
|
+
...englishFeedbackMessages.roadmap,
|
|
99
|
+
...overrides.roadmap,
|
|
100
|
+
statuses: {
|
|
101
|
+
...englishFeedbackMessages.roadmap.statuses,
|
|
102
|
+
...overrides.roadmap?.statuses,
|
|
103
|
+
},
|
|
104
|
+
},
|
|
82
105
|
kinds: {
|
|
83
106
|
...englishFeedbackMessages.kinds,
|
|
84
107
|
...overrides.kinds,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/shared/messages.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/shared/messages.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { EntryKind, EntryStatus } from "convex-feedback";
|
|
1
|
+
import type { EntryKind, EntryStatus, RoadmapStatus } from "convex-feedback";
|
|
2
2
|
/**
|
|
3
3
|
* Localizable package-owned UI copy used by both React DOM and React Native.
|
|
4
4
|
*
|
|
@@ -30,6 +30,27 @@ export interface FeedbackMessages {
|
|
|
30
30
|
/** Entry pagination CTA. */
|
|
31
31
|
loadMore: string;
|
|
32
32
|
};
|
|
33
|
+
/** Public roadmap copy. */
|
|
34
|
+
roadmap: {
|
|
35
|
+
/** Main roadmap heading. */
|
|
36
|
+
title: string;
|
|
37
|
+
/** Supporting copy shown near the roadmap heading. */
|
|
38
|
+
subtitle: string;
|
|
39
|
+
/** Search input placeholder. */
|
|
40
|
+
searchPlaceholder: string;
|
|
41
|
+
/** Display labels for each roadmap stage. */
|
|
42
|
+
statuses: Record<RoadmapStatus, string>;
|
|
43
|
+
/** Formats the number of feedback entries attached to an item. */
|
|
44
|
+
linkedEntries: (count: number) => string;
|
|
45
|
+
/** Empty-state copy when the roadmap has no items. */
|
|
46
|
+
noItems: string;
|
|
47
|
+
/** Empty-state copy when a search produces no results. */
|
|
48
|
+
noSearchResults: string;
|
|
49
|
+
/** Heading for feedback attached to a roadmap item. */
|
|
50
|
+
attachedFeedback: string;
|
|
51
|
+
/** Empty-state copy when an item has no attached feedback. */
|
|
52
|
+
noAttachedFeedback: string;
|
|
53
|
+
};
|
|
33
54
|
/** Localized display labels for each fixed entry kind. */
|
|
34
55
|
kinds: Record<EntryKind, string>;
|
|
35
56
|
/** Localized plural display labels for each fixed entry kind. */
|
|
@@ -127,6 +148,10 @@ export interface FeedbackMessages {
|
|
|
127
148
|
export interface FeedbackMessageOverrides {
|
|
128
149
|
/** Board copy overrides. */
|
|
129
150
|
board?: Partial<FeedbackMessages["board"]> | undefined;
|
|
151
|
+
/** Roadmap copy overrides. */
|
|
152
|
+
roadmap?: (Omit<Partial<FeedbackMessages["roadmap"]>, "statuses"> & {
|
|
153
|
+
statuses?: Partial<FeedbackMessages["roadmap"]["statuses"]>;
|
|
154
|
+
}) | undefined;
|
|
130
155
|
/** Entry-kind label overrides. */
|
|
131
156
|
kinds?: Partial<FeedbackMessages["kinds"]> | undefined;
|
|
132
157
|
/** Entry-kind plural label overrides. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../src/shared/types/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../src/shared/types/messages.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import type { CommentSort } from "convex-feedback";
|
|
1
2
|
import type { FeedbackHooks } from "convex-feedback/react";
|
|
2
3
|
import type { FeedbackColorProps, FeedbackProviderProps } from "./context.js";
|
|
3
|
-
import type { FeedbackUnauthenticatedHandler } from "./screen.js";
|
|
4
|
+
import type { FeedbackCommentTransform, FeedbackActorRenderer, FeedbackUnauthenticatedHandler } from "./screen.js";
|
|
4
5
|
/** Shared props for the public roadmap screen implementations. */
|
|
5
6
|
export interface RoadmapScreenProps extends FeedbackColorProps, Pick<FeedbackProviderProps, "messages" | "theme" | "unstyled"> {
|
|
6
7
|
/** Hooks created with `createFeedbackHooks`. */
|
|
@@ -9,6 +10,14 @@ export interface RoadmapScreenProps extends FeedbackColorProps, Pick<FeedbackPro
|
|
|
9
10
|
onEntryOpen?: (entryId: string) => void;
|
|
10
11
|
/** Called when a visitor tries an authenticated-only action anonymously. */
|
|
11
12
|
onUnauthenticated?: FeedbackUnauthenticatedHandler;
|
|
13
|
+
/** Server-side ordering used when displaying comments on an attached entry. */
|
|
14
|
+
commentSort?: CommentSort;
|
|
15
|
+
/** Maximum depth exposed when an attached entry's discussion is opened. */
|
|
16
|
+
maxCommentDepth?: number;
|
|
17
|
+
/** Presentation-only transform applied to loaded comments. */
|
|
18
|
+
transformComments?: FeedbackCommentTransform;
|
|
19
|
+
/** Optional host renderer for actor information in comments. */
|
|
20
|
+
renderActor?: FeedbackActorRenderer;
|
|
12
21
|
/** Number of roadmap items initially requested. */
|
|
13
22
|
pageSize?: number;
|
|
14
23
|
/** Number of attached entries initially requested. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"roadmap.d.ts","sourceRoot":"","sources":["../../../src/shared/types/roadmap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"roadmap.d.ts","sourceRoot":"","sources":["../../../src/shared/types/roadmap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACrB,8BAA8B,EAC/B,MAAM,aAAa,CAAC;AAErB,kEAAkE;AAClE,MAAM,WAAW,kBACf,SACE,kBAAkB,EAClB,IAAI,CAAC,qBAAqB,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;IAChE,gDAAgD;IAChD,KAAK,EAAE,aAAa,CAAC;IAErB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,8BAA8B,CAAC;IAEnD,+EAA+E;IAC/E,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,wBAAwB,CAAC;IAE7C,gEAAgE;IAChE,WAAW,CAAC,EAAE,qBAAqB,CAAC;IAEpC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "convex-feedback-ui",
|
|
3
|
-
"version": "0.2.0-beta.
|
|
3
|
+
"version": "0.2.0-beta.3",
|
|
4
4
|
"description": "Customizable React and React Native UI primitives for convex-feedback.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"prepack": "npm run build"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"convex-feedback": "^0.2.0-beta.
|
|
43
|
+
"convex-feedback": "^0.2.0-beta.3",
|
|
44
44
|
"react": ">=18.2.0",
|
|
45
45
|
"react-native": ">=0.83.0",
|
|
46
46
|
"react-native-safe-area-context": ">=5.4.0",
|
|
@@ -52,5 +52,9 @@ The existing `FeedbackScreen` remains the self-contained API for conditional
|
|
|
52
52
|
in-screen navigation.
|
|
53
53
|
|
|
54
54
|
`RoadmapScreen` is also exported from this entry point for public roadmap
|
|
55
|
-
browsing.
|
|
56
|
-
the
|
|
55
|
+
browsing. It uses the current Expo Router stack by default, including its
|
|
56
|
+
toolbar back action; pass `useStack={false}` for the plain React Native
|
|
57
|
+
implementation. Pass `onEntryOpen` for host navigation and
|
|
58
|
+
`onUnauthenticated` for the host's sign-in UI. For real Expo Router pages, use
|
|
59
|
+
`RoadmapStackLayout` with `RoadmapBoardScreen` and `RoadmapItemScreen`, just
|
|
60
|
+
as the routed feedback integration uses its own stack layout.
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import { Stack, useLocalSearchParams, useRouter } from "expo-router";
|
|
2
|
+
import { ActivityIndicator } from "react-native";
|
|
3
|
+
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
4
|
+
|
|
5
|
+
import { useFeedbackBody } from "../../shared/context/FeedbackBodyProvider.js";
|
|
6
|
+
import { useFeedbackUi } from "../../shared/context/FeedbackProvider.js";
|
|
7
|
+
import { FeedbackBoard } from "../shared/ui/primitives.js";
|
|
8
|
+
import {
|
|
9
|
+
RoadmapBoardContent,
|
|
10
|
+
RoadmapItemContent,
|
|
11
|
+
} from "../shared/ui/RoadmapScreen.js";
|
|
12
|
+
import {
|
|
13
|
+
roadmapRouteHref,
|
|
14
|
+
roadmapRouteParams,
|
|
15
|
+
parseRoadmapRouteItem,
|
|
16
|
+
} from "./routes.js";
|
|
17
|
+
import { useRoutedRoadmap } from "./RoutedRoadmapContext.js";
|
|
18
|
+
|
|
19
|
+
export function RoadmapBoardScreen() {
|
|
20
|
+
const { messages, theme } = useFeedbackUi();
|
|
21
|
+
const { routes, colors, androidToolbarIcons, pageSize } = useRoutedRoadmap();
|
|
22
|
+
const router = useRouter();
|
|
23
|
+
|
|
24
|
+
return (
|
|
25
|
+
<>
|
|
26
|
+
<FeedbackBoard.Root {...colors}>
|
|
27
|
+
<RoadmapBoardContent
|
|
28
|
+
pageSize={pageSize}
|
|
29
|
+
onItemOpen={(item) =>
|
|
30
|
+
router.push(
|
|
31
|
+
roadmapRouteHref(routes.item, roadmapRouteParams(item)),
|
|
32
|
+
{ relativeToDirectory: true },
|
|
33
|
+
)
|
|
34
|
+
}
|
|
35
|
+
/>
|
|
36
|
+
</FeedbackBoard.Root>
|
|
37
|
+
|
|
38
|
+
<Stack.Toolbar placement="left">
|
|
39
|
+
<Stack.Toolbar.Button
|
|
40
|
+
hidden={!router.canGoBack()}
|
|
41
|
+
icon={
|
|
42
|
+
process.env.EXPO_OS === "ios"
|
|
43
|
+
? "chevron.backward"
|
|
44
|
+
: androidToolbarIcons.back
|
|
45
|
+
}
|
|
46
|
+
accessibilityLabel={messages.entry.back}
|
|
47
|
+
onPress={() => router.back()}
|
|
48
|
+
tintColor={theme.colors.text}
|
|
49
|
+
>
|
|
50
|
+
{messages.entry.back}
|
|
51
|
+
</Stack.Toolbar.Button>
|
|
52
|
+
</Stack.Toolbar>
|
|
53
|
+
</>
|
|
54
|
+
);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
export function RoadmapItemScreen() {
|
|
58
|
+
const params = useLocalSearchParams<{
|
|
59
|
+
roadmapId?: string | string[];
|
|
60
|
+
item?: string | string[];
|
|
61
|
+
}>();
|
|
62
|
+
const { hooks } = useFeedbackBody();
|
|
63
|
+
const { messages, theme } = useFeedbackUi();
|
|
64
|
+
const { colors, androidToolbarIcons, entryPageSize, onEntryOpen } =
|
|
65
|
+
useRoutedRoadmap();
|
|
66
|
+
const router = useRouter();
|
|
67
|
+
const insets = useSafeAreaInsets();
|
|
68
|
+
const roadmapId = Array.isArray(params.roadmapId)
|
|
69
|
+
? params.roadmapId[0]
|
|
70
|
+
: params.roadmapId;
|
|
71
|
+
const routeItem = parseRoadmapRouteItem(params.item);
|
|
72
|
+
const roadmap = hooks.useRoadmap();
|
|
73
|
+
const item =
|
|
74
|
+
roadmap.results.find((candidate) => candidate.id === roadmapId) ??
|
|
75
|
+
routeItem;
|
|
76
|
+
|
|
77
|
+
if (!roadmapId) {
|
|
78
|
+
throw new Error(
|
|
79
|
+
'RoadmapItemScreen requires a "roadmapId" dynamic route parameter.',
|
|
80
|
+
);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
return (
|
|
84
|
+
<>
|
|
85
|
+
{item ? (
|
|
86
|
+
<>
|
|
87
|
+
<Stack.Screen options={{ headerTitle: item.title }} />
|
|
88
|
+
<FeedbackBoard.Root {...colors}>
|
|
89
|
+
<FeedbackBoard.List
|
|
90
|
+
style={{
|
|
91
|
+
padding: theme.spacing,
|
|
92
|
+
paddingBottom: insets.bottom + theme.spacing * 2,
|
|
93
|
+
backgroundColor: theme.colors.background,
|
|
94
|
+
}}
|
|
95
|
+
>
|
|
96
|
+
<RoadmapItemContent
|
|
97
|
+
item={item}
|
|
98
|
+
entryPageSize={entryPageSize}
|
|
99
|
+
onEntryOpen={onEntryOpen}
|
|
100
|
+
/>
|
|
101
|
+
</FeedbackBoard.List>
|
|
102
|
+
</FeedbackBoard.Root>
|
|
103
|
+
</>
|
|
104
|
+
) : (
|
|
105
|
+
<FeedbackBoard.Root {...colors}>
|
|
106
|
+
<FeedbackBoard.State>
|
|
107
|
+
{roadmap.status === "LoadingFirstPage" ? (
|
|
108
|
+
<ActivityIndicator color={theme.colors.primary} />
|
|
109
|
+
) : (
|
|
110
|
+
messages.roadmap.noItems
|
|
111
|
+
)}
|
|
112
|
+
</FeedbackBoard.State>
|
|
113
|
+
</FeedbackBoard.Root>
|
|
114
|
+
)}
|
|
115
|
+
|
|
116
|
+
<Stack.Toolbar placement="left">
|
|
117
|
+
<Stack.Toolbar.Button
|
|
118
|
+
hidden={!router.canGoBack()}
|
|
119
|
+
icon={
|
|
120
|
+
process.env.EXPO_OS === "ios"
|
|
121
|
+
? "chevron.backward"
|
|
122
|
+
: androidToolbarIcons.back
|
|
123
|
+
}
|
|
124
|
+
accessibilityLabel={messages.entry.back}
|
|
125
|
+
onPress={() => router.back()}
|
|
126
|
+
tintColor={theme.colors.text}
|
|
127
|
+
>
|
|
128
|
+
{messages.entry.back}
|
|
129
|
+
</Stack.Toolbar.Button>
|
|
130
|
+
</Stack.Toolbar>
|
|
131
|
+
</>
|
|
132
|
+
);
|
|
133
|
+
}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { Stack, useRouter } from "expo-router";
|
|
2
|
+
|
|
3
|
+
import { mergeFeedbackMessages } from "../../shared/messages.js";
|
|
4
|
+
import { mergeFeedbackTheme } from "../../shared/theme.js";
|
|
5
|
+
import { RoadmapScreen as NativeRoadmapScreen } from "../shared/ui/RoadmapScreen.js";
|
|
6
|
+
import type { RoadmapScreenProps } from "../../shared/types/index.js";
|
|
7
|
+
import type {
|
|
8
|
+
RoadmapAndroidToolbarIcons,
|
|
9
|
+
RoadmapStackScreenOptions,
|
|
10
|
+
} from "./types.js";
|
|
11
|
+
|
|
12
|
+
interface RoadmapScreenWithStack {
|
|
13
|
+
/** Enables the current Expo Router stack integration. @default true */
|
|
14
|
+
useStack?: true;
|
|
15
|
+
/** Options applied to the current Expo Router screen. */
|
|
16
|
+
StackOptions?: RoadmapStackScreenOptions;
|
|
17
|
+
/** Android image source for the toolbar back action. */
|
|
18
|
+
androidToolbarIcons?: RoadmapAndroidToolbarIcons;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
interface RoadmapScreenWithoutStack {
|
|
22
|
+
useStack: false;
|
|
23
|
+
StackOptions?: never;
|
|
24
|
+
androidToolbarIcons?: never;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export type ExpoRoadmapScreenProps = RoadmapScreenProps &
|
|
28
|
+
(RoadmapScreenWithStack | RoadmapScreenWithoutStack);
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Convenience roadmap screen for a single Expo route. Use
|
|
32
|
+
* `RoadmapStackLayout` when the board and item detail should be separate
|
|
33
|
+
* discovered Expo Router pages.
|
|
34
|
+
*/
|
|
35
|
+
export function RoadmapScreen({
|
|
36
|
+
useStack = true,
|
|
37
|
+
StackOptions,
|
|
38
|
+
androidToolbarIcons = {},
|
|
39
|
+
...props
|
|
40
|
+
}: ExpoRoadmapScreenProps) {
|
|
41
|
+
if (!useStack) return <NativeRoadmapScreen {...props} />;
|
|
42
|
+
|
|
43
|
+
const messages = mergeFeedbackMessages(props.messages);
|
|
44
|
+
const theme = mergeFeedbackTheme(props.theme);
|
|
45
|
+
|
|
46
|
+
return (
|
|
47
|
+
<>
|
|
48
|
+
<Stack.Screen
|
|
49
|
+
options={{
|
|
50
|
+
headerTitle: messages.roadmap.title,
|
|
51
|
+
headerShown: true,
|
|
52
|
+
headerTransparent: true,
|
|
53
|
+
headerShadowVisible: true,
|
|
54
|
+
headerBackButtonDisplayMode: "minimal",
|
|
55
|
+
headerBackVisible: false,
|
|
56
|
+
headerTintColor: props.textColor ?? theme.colors.text,
|
|
57
|
+
contentStyle: {
|
|
58
|
+
backgroundColor: props.backgroundColor ?? theme.colors.background,
|
|
59
|
+
},
|
|
60
|
+
...StackOptions,
|
|
61
|
+
}}
|
|
62
|
+
/>
|
|
63
|
+
<RoadmapToolbar
|
|
64
|
+
androidToolbarIcons={androidToolbarIcons}
|
|
65
|
+
messages={messages}
|
|
66
|
+
theme={theme}
|
|
67
|
+
/>
|
|
68
|
+
<NativeRoadmapScreen {...props} />
|
|
69
|
+
</>
|
|
70
|
+
);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
function RoadmapToolbar({
|
|
74
|
+
androidToolbarIcons,
|
|
75
|
+
messages,
|
|
76
|
+
theme,
|
|
77
|
+
}: {
|
|
78
|
+
androidToolbarIcons: RoadmapAndroidToolbarIcons;
|
|
79
|
+
messages: ReturnType<typeof mergeFeedbackMessages>;
|
|
80
|
+
theme: ReturnType<typeof mergeFeedbackTheme>;
|
|
81
|
+
}) {
|
|
82
|
+
const router = useRouter();
|
|
83
|
+
|
|
84
|
+
return (
|
|
85
|
+
<Stack.Toolbar placement="left">
|
|
86
|
+
<Stack.Toolbar.Button
|
|
87
|
+
hidden={!router.canGoBack()}
|
|
88
|
+
icon={
|
|
89
|
+
process.env.EXPO_OS === "ios"
|
|
90
|
+
? "chevron.backward"
|
|
91
|
+
: androidToolbarIcons.back
|
|
92
|
+
}
|
|
93
|
+
accessibilityLabel={messages.entry.back}
|
|
94
|
+
onPress={() => router.back()}
|
|
95
|
+
tintColor={theme.colors.text}
|
|
96
|
+
>
|
|
97
|
+
{messages.entry.back}
|
|
98
|
+
</Stack.Toolbar.Button>
|
|
99
|
+
</Stack.Toolbar>
|
|
100
|
+
);
|
|
101
|
+
}
|