feat: link token from CLI (#20)

Author: atinux

README.md

@@ -37,9 +37,9 @@ COMMANDS
 Use nuxthub <command> --help for more information about a command.
 ```
 
-## Deployment
+## Deploy
 
-To deploy your project to NuxtHub, you can use the `nuxthub deploy` command. This will build your project and deploy it to your Cloudflare account with zero-configuration.
+To deploy your project with NuxtHub, use the `nuxthub deploy` command. This will build your project and deploy it to your Cloudflare account with zero-configuration.
 
 ```bash
 # Deploy to production or preview based on your current branch
@@ -54,7 +54,7 @@ nuxthub deploy --preview
 
 See [how to deploy with a GitHub action](https://hub.nuxt.com/docs/getting-started/deploy#github-action).
 
-## Open in Browser
+## Open in browser
 
 To open your project in the browser, you can use the `nuxthub open` command. This will open the URL of your project in the default browser.
 
@@ -69,6 +69,14 @@ nuxthub open --production
 nuxthub open --preview
 ```
 
+## Open the project admin
+
+To open your project's admin in the browser, you can use the `nuxthub manage` command. This will open the NuxtHub admin URL of your project in the default browser.
+
+```bash
+nuxthub manage
+```
+
 ## License
 
 [Apache 2.0](./LICENSE)

src/utils/data.mjs

@@ -1,6 +1,6 @@
 import { consola } from 'consola'
 import { colors } from 'consola/utils'
-import { isCancel, select, text } from '@clack/prompts'
+import { isCancel, select, text, password } from '@clack/prompts'
 import { joinURL } from 'ufo'
 import { ofetch } from 'ofetch'
 import { gitInfo } from './git.mjs'
@@ -47,6 +47,54 @@ export async function selectTeam() {
   } else {
     team = teams[0]
   }
+
+  if (!team.cloudflareAccountId) {
+    return await linkCloudflareAccount(team)
+  }
+  return team
+}
+
+export async function linkCloudflareAccount(team, retry = false) {
+  if (!retry) {
+    const tokenLink = joinURL(NUXT_HUB_URL, `cloudflare-token?name=NuxtHub+Team+${team.name}`)
+    consola.info(`You need to link your Cloudflare account to the \`${team.name}\` team.`)
+    consola.info(`Create a new Cloudflare API token by following this link:\n\`${encodeURI(tokenLink)}\``)
+  }
+  let apiToken = await password({
+    message: 'Cloudflare API token'
+  })
+  if (isCancel(apiToken)) return null
+
+  const cfAccounts = await $api('/cloudflare/accounts', {
+    params: { apiToken }
+  }).catch(() => {
+    consola.error('Couldn\'t list Cloudflare accounts\nPlease check your API Token, make sure to have "Account Settings: Read" permission.')
+    return null
+  })
+  if (!cfAccounts) return linkCloudflareAccount(team, true)
+
+  let accountId
+  if (cfAccounts.length > 1) {
+    accountId = await select({
+      message: 'Select a Cloudflare account',
+      options: cfAccounts
+    })
+  } else {
+    accountId = cfAccounts[0].id
+  }
+  if (isCancel(accountId)) return null
+
+ const account = await $api(`/teams/${team.slug}/accounts/cloudflare`, {
+    method: 'PUT',
+    body: { apiToken, accountId }
+  })
+    .catch((err) => {
+      consola.error(err.data?.message || err.message)
+      return null
+    })
+  if (!account) return linkCloudflareAccount(team, true)
+  consola.success('Cloudflare account linked.')
+
   return team
 }