feat: add user list

Author: sxzz

package.json

@@ -23,6 +23,12 @@
       "title": "Post",
       "description": "Create a new post",
       "mode": "view"
+    },
+    {
+      "name": "user-list",
+      "title": "User List",
+      "description": "List all users",
+      "mode": "view"
     }
   ],
   "scripts": {
@@ -37,7 +43,7 @@
   },
   "dependencies": {
     "@raycast/api": "^1.35.1",
-    "jike-sdk": "^0.19.0"
+    "jike-sdk": "^0.19.1"
   },
   "devDependencies": {
     "@sxzz/eslint-config-prettier": "^2.2.1",

pnpm-lock.yaml

@@ -1,190 +1,3 @@
-import {
-  Action,
-  ActionPanel,
-  Form,
-  Toast,
-  popToRoot,
-  showToast,
-  useNavigation,
-} from '@raycast/api'
-import { useState } from 'react'
-import { JikeClient } from 'jike-sdk'
-import { updateConfig } from './utils/config'
-import { isSameUser } from './utils/user'
-import { handleError } from './utils/errors'
+import { Login } from './views/login'
 
-interface EndpointInfo {
-  userAgent: string
-  bundleId: string
-  appVersion: string
-  endpointUrl: string
-  buildNo: string
-  endpointId: string
-}
-
-export default function Command() {
-  const { push } = useNavigation()
-
-  const login = (info: EndpointInfo) => {
-    push(<Authentication endpointInfo={info} />)
-  }
-
-  return (
-    <Form
-      navigationTitle="配置 Endpoint 信息"
-      actions={
-        <ActionPanel>
-          <Action.SubmitForm title="Submit" onSubmit={login} />
-        </ActionPanel>
-      }
-    >
-      <Form.Description
-        title="Tips"
-        text="自行在 GitHub 搜索「jike endpoint」探索配置"
-      />
-
-      <Form.TextField
-        id="endpointId"
-        title="Endpoint ID"
-        storeValue
-        placeholder="jike"
-        autoFocus
-      />
-
-      <Form.TextField id="endpointUrl" title="Endpoint URL" storeValue />
-      <Form.TextField id="bundleId" title="Bundle ID" storeValue />
-      <Form.TextField id="appVersion" title="APP Version" storeValue />
-      <Form.TextField id="buildNo" title="Build Number" storeValue />
-      <Form.TextField id="userAgent" title="User Agent" storeValue />
-    </Form>
-  )
-}
-
-interface AuthenticationProps {
-  endpointInfo: EndpointInfo
-}
-
-interface AuthenticationForm {
-  areaCode: string
-  mobile: string
-  password: string
-  smsCode: string
-}
-
-function Authentication(props: AuthenticationProps) {
-  const [loginMethod, setLoginMethod] = useState<'password' | 'smsCode'>(
-    'password'
-  )
-  const [isSentSMS, setIsSentSMS] = useState(false)
-  const [isLoading, setIsLoading] = useState(false)
-
-  const buildClient = () => new JikeClient(props.endpointInfo)
-
-  const sendSMS = async (form: AuthenticationForm) => {
-    setIsLoading(true)
-
-    try {
-      await buildClient().sendSmsCode(form.areaCode, form.mobile)
-    } catch (err) {
-      handleError(err)
-      return
-    } finally {
-      setIsLoading(false)
-    }
-
-    setIsSentSMS(true)
-    await showToast({
-      title: '短信已发送',
-      style: Toast.Style.Success,
-    })
-  }
-
-  const login = async (form: AuthenticationForm) => {
-    setIsLoading(true)
-
-    const client = buildClient()
-    try {
-      // TODO: validate form
-      if (loginMethod === 'password') {
-        await client.loginWithPassword(
-          form.areaCode,
-          form.mobile,
-          form.password
-        )
-      } else {
-        await client.loginWithSmsCode(form.areaCode, form.mobile, form.smsCode)
-      }
-    } catch (err) {
-      handleError(err)
-      return
-    } finally {
-      setIsLoading(false)
-    }
-
-    await showToast({
-      title: '登录成功',
-      message: `Hi, ${await client.getSelf().getScreenName()}`,
-      style: Toast.Style.Success,
-    })
-
-    // Save
-    await updateConfig(async (cfg) => {
-      const user = await client.toJSON()
-      const index = cfg.users.findIndex((_auth) => isSameUser(user, _auth))
-      if (index > -1) {
-        cfg.users[index] = user
-      } else {
-        cfg.users.push(user)
-      }
-    })
-
-    popToRoot()
-  }
-
-  const actions = [
-    <Action.SubmitForm key="login" title="Login" onSubmit={login} />,
-  ]
-  if (loginMethod === 'smsCode') {
-    actions[isSentSMS ? 'push' : 'unshift'](
-      <Action.SubmitForm
-        key="sendSMS"
-        title={isSentSMS ? 'Resend SMS' : 'Send SMS'}
-        onSubmit={sendSMS}
-      />
-    )
-  }
-  return (
-    <Form
-      navigationTitle="认证信息"
-      isLoading={isLoading}
-      actions={<ActionPanel>{...actions}</ActionPanel>}
-    >
-      <Form.TextField
-        id="areaCode"
-        title="区号"
-        placeholder="86"
-        defaultValue="86"
-      />
-      <Form.TextField id="mobile" title="手机号" autoFocus />
-
-      <Form.Separator />
-
-      <Form.Dropdown
-        id="loginMethod"
-        title="认证方式"
-        value={loginMethod}
-        onChange={setLoginMethod as any}
-      >
-        <Form.Dropdown.Item value="password" title="登录密码" icon="🔑" />
-        <Form.Dropdown.Item value="smsCode" title="短信验证码" icon="📲" />
-      </Form.Dropdown>
-
-      {loginMethod === 'password' && (
-        <Form.PasswordField id="password" title="密码" />
-      )}
-      {loginMethod === 'smsCode' && (
-        <Form.TextField id="smsCode" title="短信验证码" />
-      )}
-    </Form>
-  )
-}
+export default Login

src/login.tsx

@@ -1,61 +1,3 @@
-import {
-  Action,
-  ActionPanel,
-  Form,
-  Toast,
-  showToast,
-  useNavigation,
-} from '@raycast/api'
-import { ApiOptions, JikeClient } from 'jike-sdk'
-import { useState } from 'react'
-import { getConfig } from './utils/config'
-import { handleError } from './utils/errors'
+import { Post } from './views/post'
 
-export default function Command() {
-  const { pop } = useNavigation()
-  const [content, setContent] = useState('')
-
-  const submit = async () => {
-    if (content.trim().length === 0) {
-      await showToast({
-        title: '内容不能为空',
-        style: Toast.Style.Failure,
-      })
-      return
-    }
-
-    const client = JikeClient.fromJSON((await getConfig()).users[0])
-    try {
-      await client.createPost(ApiOptions.PostType.ORIGINAL, content)
-    } catch (err) {
-      handleError(err)
-      return
-    }
-
-    await showToast({
-      title: '发送成功',
-      style: Toast.Style.Success,
-    })
-    pop()
-  }
-
-  return (
-    <Form
-      navigationTitle="发布动态"
-      actions={
-        <ActionPanel>
-          <Action.SubmitForm title="Submit" onSubmit={submit} />
-        </ActionPanel>
-      }
-    >
-      <Form.TextArea
-        id="content"
-        title="内容"
-        placeholder="请输入要发送的内容"
-        autoFocus
-        value={content}
-        onChange={setContent}
-      />
-    </Form>
-  )
-}
+export default Post

src/post.tsx

@@ -0,0 +1,3 @@
+import { UserList } from './views/user-list'
+
+export default UserList

src/user-list.tsx

@@ -3,9 +3,13 @@ import { RequestFailureError } from 'jike-sdk'
 
 export const handleError = async (err: any) => {
   if (err instanceof RequestFailureError) {
+    console.error(err.response.data)
     await showToast({
       title: err.message,
       style: Toast.Style.Failure,
     })
-  } else throw err
+  } else {
+    console.error(err)
+    throw err
+  }
 }

src/utils/errors.ts

@@ -3,3 +3,8 @@ import type { ConfigUser } from './config'
 export const isSameUser = (left: ConfigUser, right: ConfigUser) =>
   // left.endpointUrl === right.endpointUrl &&
   left.userId === right.userId
+
+export const findUser = (users: ConfigUser[], user: ConfigUser) => {
+  const index = users.findIndex((u) => isSameUser(user, u))
+  return [users[index], index] as const
+}