Function InitCommandV3

apps/webapp/app/components/SetupCommands.tsx:136–172

()

const v3PackageTag = "beta";

export function InitCommandV3() {
  const project = useProject();
  const projectRef = project.ref;
  return (
    <ClientTabs defaultValue="npm">
      <ClientTabsList>
        <ClientTabsTrigger value={"npm"}>npm</ClientTabsTrigger>
        <ClientTabsTrigger value={"pnpm"}>pnpm</ClientTabsTrigger>
        <ClientTabsTrigger value={"yarn"}>yarn</ClientTabsTrigger>
      </ClientTabsList>
      <ClientTabsContent value={"npm"}>
        <ClipboardField
          variant="primary/medium"
          iconButton
          className="mb-4"
          value={`npx trigger.dev@${v3PackageTag} init -p ${projectRef}`}
        />
      </ClientTabsContent>
      <ClientTabsContent value={"pnpm"}>
        <ClipboardField
          variant="primary/medium"
          iconButton
          className="mb-4"
          value={`pnpm dlx trigger.dev@${v3PackageTag} init -p ${projectRef}`}
        />
      </ClientTabsContent>
      <ClientTabsContent value={"yarn"}>
        <ClipboardField
          variant="primary/medium"
          iconButton
          className="mb-4"
          value={`yarn dlx trigger.dev@${v3PackageTag} init -p ${projectRef}`}
        />
      </ClientTabsContent>
    </ClientTabs>
  );
}

export function TriggerDevStepV3() {
  return (