@@ -36,127 +36,6 @@ function usePackageManager() {
3636 return context ;
3737}
3838
39- export function InitCommand ( { appOrigin, apiKey } : { appOrigin : string ; apiKey : string } ) {
40- return (
41- < ClientTabs defaultValue = "npm" >
42- < ClientTabsList >
43- < ClientTabsTrigger value = { "npm" } > npm</ ClientTabsTrigger >
44- < ClientTabsTrigger value = { "pnpm" } > pnpm</ ClientTabsTrigger >
45- < ClientTabsTrigger value = { "yarn" } > yarn</ ClientTabsTrigger >
46- </ ClientTabsList >
47- < ClientTabsContent value = { "npm" } >
48- < ClipboardField
49- variant = "primary/medium"
50- className = "mb-4"
51- secure = { `npx @trigger.dev/cli@latest init -k ••••••••• -t ${ appOrigin } ` }
52- value = { `npx @trigger.dev/cli@latest init -k ${ apiKey } -t ${ appOrigin } ` }
53- />
54- </ ClientTabsContent >
55- < ClientTabsContent value = { "pnpm" } >
56- < ClipboardField
57- variant = "primary/medium"
58- className = "mb-4"
59- secure = { `pnpm dlx @trigger.dev/cli@latest init -k ••••••••• -t ${ appOrigin } ` }
60- value = { `pnpm dlx @trigger.dev/cli@latest init -k ${ apiKey } -t ${ appOrigin } ` }
61- />
62- </ ClientTabsContent >
63- < ClientTabsContent value = { "yarn" } >
64- < ClipboardField
65- variant = "primary/medium"
66- className = "mb-4"
67- secure = { `yarn dlx @trigger.dev/cli@latest init -k ••••••••• -t ${ appOrigin } ` }
68- value = { `yarn dlx @trigger.dev/cli@latest init -k ${ apiKey } -t ${ appOrigin } ` }
69- />
70- </ ClientTabsContent >
71- </ ClientTabs >
72- ) ;
73- }
74-
75- export function RunDevCommand ( { extra } : { extra ?: string } ) {
76- return (
77- < ClientTabs defaultValue = "npm" >
78- < ClientTabsList >
79- < ClientTabsTrigger value = { "npm" } > npm</ ClientTabsTrigger >
80- < ClientTabsTrigger value = { "pnpm" } > pnpm</ ClientTabsTrigger >
81- < ClientTabsTrigger value = { "yarn" } > yarn</ ClientTabsTrigger >
82- </ ClientTabsList >
83- < ClientTabsContent value = { "npm" } >
84- < ClipboardField
85- variant = "primary/medium"
86- className = "mb-4"
87- value = { `npm run dev${ extra ? ` ${ extra } ` : "" } ` }
88- />
89- </ ClientTabsContent >
90- < ClientTabsContent value = { "pnpm" } >
91- < ClipboardField
92- variant = "primary/medium"
93- className = "mb-4"
94- value = { `pnpm run dev${ extra ? ` ${ extra } ` : "" } ` }
95- />
96- </ ClientTabsContent >
97- < ClientTabsContent value = { "yarn" } >
98- < ClipboardField
99- variant = "primary/medium"
100- className = "mb-4"
101- value = { `yarn run dev${ extra ? ` ${ extra } ` : "" } ` }
102- />
103- </ ClientTabsContent >
104- </ ClientTabs >
105- ) ;
106- }
107-
108- export function TriggerDevCommand ( { extra } : { extra ?: string } ) {
109- return (
110- < ClientTabs defaultValue = "npm" >
111- < ClientTabsList >
112- < ClientTabsTrigger value = { "npm" } > npm</ ClientTabsTrigger >
113- < ClientTabsTrigger value = { "pnpm" } > pnpm</ ClientTabsTrigger >
114- < ClientTabsTrigger value = { "yarn" } > yarn</ ClientTabsTrigger >
115- </ ClientTabsList >
116- < ClientTabsContent value = { "npm" } >
117- < ClipboardField
118- variant = "primary/medium"
119- className = "mb-4"
120- value = { `npx @trigger.dev/cli@latest dev${ extra ? ` ${ extra } ` : "" } ` }
121- />
122- </ ClientTabsContent >
123- < ClientTabsContent value = { "pnpm" } >
124- < ClipboardField
125- variant = "primary/medium"
126- className = "mb-4"
127- value = { `pnpm dlx @trigger.dev/cli@latest dev${ extra ? ` ${ extra } ` : "" } ` }
128- />
129- </ ClientTabsContent >
130- < ClientTabsContent value = { "yarn" } >
131- < ClipboardField
132- variant = "primary/medium"
133- className = "mb-4"
134- value = { `yarn dlx @trigger.dev/cli@latest dev${ extra ? ` ${ extra } ` : "" } ` }
135- />
136- </ ClientTabsContent >
137- </ ClientTabs >
138- ) ;
139- }
140-
141- export function TriggerDevStep ( { extra } : { extra ?: string } ) {
142- return (
143- < >
144- < Paragraph spacing >
145- In a < span className = "text-amber-400" > separate terminal window or tab</ span > run:
146- </ Paragraph >
147- < TriggerDevCommand extra = { extra } />
148- < Paragraph spacing variant = "small" >
149- If you’re not running on the default you can specify the port by adding{ " " }
150- < InlineCode variant = "extra-small" > --port 3001</ InlineCode > to the end.
151- </ Paragraph >
152- < Paragraph spacing variant = "small" >
153- You should leave the < InlineCode variant = "extra-small" > dev</ InlineCode > command running when
154- you're developing.
155- </ Paragraph >
156- </ >
157- ) ;
158- }
159-
16039const v3PackageTag = "latest" ;
16140
16241function getApiUrlArg ( ) {
0 commit comments