1
1
import { createContext , useContext , useState } from "react" ;
2
2
import { useAppOrigin } from "~/hooks/useAppOrigin" ;
3
3
import { useProject } from "~/hooks/useProject" ;
4
+ import { useTriggerCliTag } from "~/hooks/useTriggerCliTag" ;
4
5
import {
5
6
ClientTabs ,
6
7
ClientTabsContent ,
@@ -35,8 +36,6 @@ function usePackageManager() {
35
36
return context ;
36
37
}
37
38
38
- const v3PackageTag = "latest" ;
39
-
40
39
function getApiUrlArg ( ) {
41
40
const appOrigin = useAppOrigin ( ) ;
42
41
@@ -69,8 +68,9 @@ export function InitCommandV3({ title }: TabsProps) {
69
68
const project = useProject ( ) ;
70
69
const projectRef = project . externalRef ;
71
70
const apiUrlArg = getApiUrlArg ( ) ;
71
+ const triggerCliTag = useTriggerCliTag ( ) ;
72
72
73
- const initCommandParts = [ `trigger.dev@${ v3PackageTag } ` , "init" , `-p ${ projectRef } ` , apiUrlArg ] ;
73
+ const initCommandParts = [ `trigger.dev@${ triggerCliTag } ` , "init" , `-p ${ projectRef } ` , apiUrlArg ] ;
74
74
const initCommand = initCommandParts . filter ( Boolean ) . join ( " " ) ;
75
75
76
76
const { activePackageManager, setActivePackageManager } = usePackageManager ( ) ;
@@ -118,6 +118,7 @@ export function InitCommandV3({ title }: TabsProps) {
118
118
}
119
119
120
120
export function TriggerDevStepV3 ( { title } : TabsProps ) {
121
+ const triggerCliTag = useTriggerCliTag ( ) ;
121
122
const { activePackageManager, setActivePackageManager } = usePackageManager ( ) ;
122
123
123
124
return (
@@ -139,30 +140,31 @@ export function TriggerDevStepV3({ title }: TabsProps) {
139
140
variant = "secondary/medium"
140
141
iconButton
141
142
className = "mb-4"
142
- value = { `npx trigger.dev@${ v3PackageTag } dev` }
143
+ value = { `npx trigger.dev@${ triggerCliTag } dev` }
143
144
/>
144
145
</ ClientTabsContent >
145
146
< ClientTabsContent value = { "pnpm" } >
146
147
< ClipboardField
147
148
variant = "secondary/medium"
148
149
iconButton
149
150
className = "mb-4"
150
- value = { `pnpm dlx trigger.dev@${ v3PackageTag } dev` }
151
+ value = { `pnpm dlx trigger.dev@${ triggerCliTag } dev` }
151
152
/>
152
153
</ ClientTabsContent >
153
154
< ClientTabsContent value = { "yarn" } >
154
155
< ClipboardField
155
156
variant = "secondary/medium"
156
157
iconButton
157
158
className = "mb-4"
158
- value = { `yarn dlx trigger.dev@${ v3PackageTag } dev` }
159
+ value = { `yarn dlx trigger.dev@${ triggerCliTag } dev` }
159
160
/>
160
161
</ ClientTabsContent >
161
162
</ ClientTabs >
162
163
) ;
163
164
}
164
165
165
166
export function TriggerLoginStepV3 ( { title } : TabsProps ) {
167
+ const triggerCliTag = useTriggerCliTag ( ) ;
166
168
const { activePackageManager, setActivePackageManager } = usePackageManager ( ) ;
167
169
168
170
return (
@@ -184,23 +186,23 @@ export function TriggerLoginStepV3({ title }: TabsProps) {
184
186
variant = "secondary/medium"
185
187
iconButton
186
188
className = "mb-4"
187
- value = { `npx trigger.dev@${ v3PackageTag } login` }
189
+ value = { `npx trigger.dev@${ triggerCliTag } login` }
188
190
/>
189
191
</ ClientTabsContent >
190
192
< ClientTabsContent value = { "pnpm" } >
191
193
< ClipboardField
192
194
variant = "secondary/medium"
193
195
iconButton
194
196
className = "mb-4"
195
- value = { `pnpm dlx trigger.dev@${ v3PackageTag } login` }
197
+ value = { `pnpm dlx trigger.dev@${ triggerCliTag } login` }
196
198
/>
197
199
</ ClientTabsContent >
198
200
< ClientTabsContent value = { "yarn" } >
199
201
< ClipboardField
200
202
variant = "secondary/medium"
201
203
iconButton
202
204
className = "mb-4"
203
- value = { `yarn dlx trigger.dev@${ v3PackageTag } login` }
205
+ value = { `yarn dlx trigger.dev@${ triggerCliTag } login` }
204
206
/>
205
207
</ ClientTabsContent >
206
208
</ ClientTabs >
0 commit comments