feat: add feeds

Author: sxzz

package.json

@@ -30,6 +30,12 @@
       "description": "List all users",
       "mode": "view"
     },
+    {
+      "name": "feeds",
+      "title": "Feeds",
+      "description": "posts of users you followed",
+      "mode": "view"
+    },
     {
       "name": "like-top",
       "title": "Like Top",
@@ -49,7 +55,7 @@
   },
   "dependencies": {
     "@raycast/api": "^1.35.1",
-    "jike-sdk": "^0.19.2",
+    "jike-sdk": "^0.19.3",
     "react-use": "^17.4.0"
   },
   "devDependencies": {

pnpm-lock.yaml

@@ -0,0 +1,5 @@
+import { Action, showHUD } from '@raycast/api'
+
+export const OpenInBrowser = (props: Action.OpenInBrowser.Props) => (
+  <Action.OpenInBrowser onOpen={() => showHUD('已打开')} {...props} />
+)

src/actions/user.tsx

@@ -0,0 +1,72 @@
+import { useMemo } from 'react'
+import { Action, Toast, showToast } from '@raycast/api'
+import { ApiOptions } from 'jike-sdk'
+import { OpenInBrowser } from './common'
+
+export const OpenPost = ({
+  type,
+  id,
+}: {
+  type: ApiOptions.PostType
+  id: string
+}) => {
+  const webType = useMemo(
+    () => (type === ApiOptions.PostType.ORIGINAL ? 'originalPost' : 'repost'),
+    [type]
+  )
+  return (
+    <>
+      <OpenInBrowser
+        icon="📲"
+        title="打开动态 (macOS App)"
+        url={`jike://page.jk/${webType}/${id}`}
+      />
+      <OpenInBrowser
+        title="打开动态 (PC Web 端)"
+        url={`https://web.okjike.com/${webType}/${id}`}
+      />
+      <OpenInBrowser
+        title="打开动态 (手机 Web 端)"
+        url={`https://m.okjike.com/${type}/${id}`}
+      />
+    </>
+  )
+}
+
+export const LikePost = ({
+  onAction,
+}: {
+  onAction: () => Promise<boolean> | boolean
+}) => {
+  const action = async () => {
+    showToast({
+      title: '操作中',
+      style: Toast.Style.Animated,
+    })
+    if (!(await onAction())) return
+    showToast({
+      title: '点赞成功',
+      style: Toast.Style.Success,
+    })
+  }
+  return <Action icon="👍" title="点赞" onAction={action} />
+}
+
+export const UnlikePost = ({
+  onAction,
+}: {
+  onAction: () => Promise<boolean> | boolean
+}) => {
+  const action = async () => {
+    showToast({
+      title: '操作中',
+      style: Toast.Style.Animated,
+    })
+    if (!(await onAction())) return
+    showToast({
+      title: '取消点赞成功',
+      style: Toast.Style.Success,
+    })
+  }
+  return <Action icon="💔" title="取消点赞" onAction={action} />
+}

src/components/actions/common.tsx

@@ -0,0 +1,63 @@
+import { Action, ActionPanel, Icon } from '@raycast/api'
+import { Login } from '../../views/login'
+import { OpenInBrowser } from './common'
+
+export const OpenProfile = ({
+  username,
+  split = true,
+}: {
+  username: string
+  split?: boolean
+}) => {
+  const macOS = (
+    <OpenInBrowser
+      key="open-macos"
+      title={split ? '打开用户页 (macOS App)' : 'macOS App'}
+      icon="📲"
+      url={`jike://page.jk/user/${username}`}
+    />
+  )
+  const pc = (
+    <OpenInBrowser
+      key="open-pc"
+      title="PC Web 端"
+      url={`https://web.okjike.com/u/${username}`}
+    />
+  )
+  const mobile = (
+    <OpenInBrowser
+      key="open-mobile"
+      title="手机 Web 端"
+      url={`https://m.okjike.com/users/${username}`}
+    />
+  )
+  return split ? (
+    <>
+      {macOS}
+      <ActionPanel.Submenu
+        key="openWith"
+        title="打开用户页 (其他客户端)"
+        icon={Icon.Window}
+      >
+        {pc}
+        {mobile}
+      </ActionPanel.Submenu>
+    </>
+  ) : (
+    <>
+      {macOS}
+      {pc}
+      {mobile}
+    </>
+  )
+}
+
+export const LoginNewUser = () => (
+  <Action.Push
+    key="login"
+    title="登录新用户"
+    target={<Login />}
+    icon={Icon.Plus}
+    shortcut={{ modifiers: ['cmd'], key: 'n' }}
+  />
+)

src/components/actions/post.tsx

@@ -1,5 +1,6 @@
-import { Form, Icon, Image } from '@raycast/api'
+import { Form, Icon } from '@raycast/api'
 import { useUsers } from '../hooks/user'
+import { pictureWithCircle } from '../utils/icon'
 import type { ConfigUser } from '../utils/config'
 
 export function UserSelect({
@@ -20,10 +21,7 @@ export function UserSelect({
     <Form.Dropdown id="userId" title="用户" onChange={handleChange} {...props}>
       {users.map((user) => (
         <Form.Dropdown.Item
-          icon={{
-            source: user.avatarImage || Icon.Person,
-            mask: Image.Mask.Circle,
-          }}
+          icon={pictureWithCircle(user.avatarImage || Icon.Person)}
           key={user.userId}
           title={user.screenName}
           value={user.userId}

src/components/actions/user.tsx

@@ -0,0 +1,3 @@
+import { Feeds } from './views/feeds'
+
+export default Feeds

src/components/user-select.tsx

@@ -0,0 +1,6 @@
+import { Image } from '@raycast/api'
+
+export const pictureWithCircle = (img: string) => ({
+  source: img,
+  mask: Image.Mask.Circle,
+})