feat: star action (#3625)

hyoban · web-flow · commit 08b353f49909 · 2025-04-30T00:25:03.000+08:00
diff --git a/apps/desktop/layer/renderer/src/modules/action/target-action-list.tsx b/apps/desktop/layer/renderer/src/modules/action/target-action-list.tsx
@@ -62,6 +62,7 @@ export const TargetActionList = ({ index }: { index: number }) => {
   const newEntryNotification = useActionByIndex(index, (a) => a.result.newEntryNotification)
   const silence = useActionByIndex(index, (a) => a.result.silence)
   const block = useActionByIndex(index, (a) => a.result.block)
+  const star = useActionByIndex(index, (a) => a.result.star)
   const rewriteRules = useActionByIndex(index, (a) => a.result.rewriteRules)
   const webhooks = useActionByIndex(index, (a) => a.result.webhooks)
 
@@ -149,6 +150,17 @@ export const TargetActionList = ({ index }: { index: number }) => {
           delete data.result.block
         },
       },
+      {
+        title: t("actions.action_card.star"),
+        icon: <i className="i-mgc-star-cute-re" />,
+        enabled: !!star,
+        onInit: (data) => {
+          data.result.star = true
+        },
+        onRemove: (data) => {
+          delete data.result.star
+        },
+      },
       {
         title: t("actions.action_card.rewrite_rules"),
         icon: <i className="i-mgc-quill-pen-cute-re" />,
diff --git a/apps/desktop/layer/renderer/src/store/action/store.ts b/apps/desktop/layer/renderer/src/store/action/store.ts
@@ -26,6 +26,7 @@ class ActionActionStatic {
         name,
         condition: [],
         result: {},
+        index: state.actions.length,
       })
       state.isDirty = true
     })
diff --git a/apps/mobile/src/modules/settings/actions/constant.ts b/apps/mobile/src/modules/settings/actions/constant.ts
@@ -1,10 +1,10 @@
+import type { ActionId } from "@follow/models/src/types"
 import type { ParseKeys } from "i18next"
 import type { SFSymbol } from "sf-symbols-typescript"
 
 import type { SupportedLanguages } from "@/src/lib/language"
 import type { Navigation } from "@/src/lib/navigation/Navigation"
 import { actionActions } from "@/src/store/action/store"
-import type { ActionId } from "@/src/store/action/types"
 
 import { EditRewriteRulesScreen } from "../routes/EditRewriteRules"
 import { EditWebhooksScreen } from "../routes/EditWebhooks"
@@ -147,6 +147,11 @@ export const availableActionList: Array<{
     label: "actions.action_card.block",
     icon: "xmark.circle",
   },
+  {
+    value: "star",
+    label: "actions.action_card.star",
+    icon: "star",
+  },
   {
     value: "rewriteRules",
     label: "actions.action_card.rewrite_rules",
diff --git a/apps/mobile/src/modules/settings/routes/Actions.tsx b/apps/mobile/src/modules/settings/routes/Actions.tsx
@@ -1,3 +1,4 @@
+import type { ActionModel } from "@follow/models/src/types"
 import { useCallback } from "react"
 import { useTranslation } from "react-i18next"
 import type { ListRenderItem } from "react-native"
@@ -30,7 +31,6 @@ import {
   useUpdateActionsMutation,
 } from "@/src/store/action/hooks"
 import { actionActions } from "@/src/store/action/store"
-import type { ActionRule } from "@/src/store/action/types"
 import { accentColor } from "@/src/theme/colors"
 
 import { EditRuleScreen } from "./EditRule"
@@ -142,11 +142,11 @@ const ItemSeparatorComponent = () => {
   )
 }
 
-const keyExtractor = (item: ActionRule) => item.index.toString()
-const ListItemCell: ListRenderItem<ActionRule> = (props) => {
+const keyExtractor = (item: ActionModel) => item.index.toString()
+const ListItemCell: ListRenderItem<ActionModel> = (props) => {
   return <ListItemCellImpl {...props} />
 }
-const ListItemCellImpl: ListRenderItem<ActionRule> = ({ item: rule }) => {
+const ListItemCellImpl: ListRenderItem<ActionModel> = ({ item: rule }) => {
   const { t } = useTranslation("common")
   const navigation = useNavigation()
   const colors = useColors()
diff --git a/apps/mobile/src/modules/settings/routes/EditCondition.tsx b/apps/mobile/src/modules/settings/routes/EditCondition.tsx
@@ -1,3 +1,4 @@
+import type { ActionConditionIndex } from "@follow/models/src/types"
 import { useMemo } from "react"
 import { useTranslation } from "react-i18next"
 import { Text, View } from "react-native"
@@ -17,7 +18,6 @@ import { views } from "@/src/constants/views"
 import type { NavigationControllerView } from "@/src/lib/navigation/types"
 import { useActionRuleCondition } from "@/src/store/action/hooks"
 import { actionActions } from "@/src/store/action/store"
-import type { ConditionIndex } from "@/src/store/action/types"
 import { accentColor } from "@/src/theme/colors"
 
 import { filterFieldOptions, filterOperatorOptions } from "../actions/constant"
@@ -38,7 +38,7 @@ export const EditConditionScreen: NavigationControllerView<{
   )
 }
 
-function ConditionForm({ index }: { index: ConditionIndex }) {
+function ConditionForm({ index }: { index: ActionConditionIndex }) {
   const { t } = useTranslation("settings")
   const item = useActionRuleCondition(index)!
   const currentField = filterFieldOptions.find((field) => field.value === item.field)
diff --git a/apps/mobile/src/modules/settings/routes/EditRule.tsx b/apps/mobile/src/modules/settings/routes/EditRule.tsx
@@ -1,3 +1,4 @@
+import type { ActionFilter, ActionModel } from "@follow/models/src/types"
 import { useTranslation } from "react-i18next"
 import { Text, View } from "react-native"
 import * as DropdownMenu from "zeego/dropdown-menu"
@@ -21,7 +22,6 @@ import { useNavigation } from "@/src/lib/navigation/hooks"
 import type { NavigationControllerView } from "@/src/lib/navigation/types"
 import { useActionRule } from "@/src/store/action/hooks"
 import { actionActions } from "@/src/store/action/store"
-import type { ActionFilter, ActionRule } from "@/src/store/action/types"
 import { accentColor, useColors } from "@/src/theme/colors"
 
 import { availableActionList, filterFieldOptions, filterOperatorOptions } from "../actions/constant"
@@ -68,7 +68,7 @@ const RuleImpl: React.FC<{ index: number }> = ({ index }) => {
   )
 }
 
-const NameSection: React.FC<{ rule: ActionRule }> = ({ rule }) => {
+const NameSection: React.FC<{ rule: ActionModel }> = ({ rule }) => {
   const { t } = useTranslation("settings")
   return (
     <GroupedInsetListCard>
@@ -93,7 +93,7 @@ const NameSection: React.FC<{ rule: ActionRule }> = ({ rule }) => {
   )
 }
 
-const FilterSection: React.FC<{ rule: ActionRule }> = ({ rule }) => {
+const FilterSection: React.FC<{ rule: ActionModel }> = ({ rule }) => {
   const { t } = useTranslation("settings")
   const hasCustomFilters = rule.condition.length > 0
   return (
@@ -226,7 +226,7 @@ const ConditionSection: React.FC<{ filter: ActionFilter; index: number }> = ({ f
   )
 }
 
-const ActionSection: React.FC<{ rule: ActionRule }> = ({ rule }) => {
+const ActionSection: React.FC<{ rule: ActionModel }> = ({ rule }) => {
   const { t } = useTranslation("settings")
   const enabledActions = availableActionList.filter(
     (action) => rule.result[action.value] !== undefined,
diff --git a/apps/mobile/src/store/action/store.ts b/apps/mobile/src/store/action/store.ts
@@ -1,9 +1,15 @@
+import type {
+  ActionConditionIndex,
+  ActionFilterItem,
+  ActionId,
+  ActionModel,
+  ActionRules,
+} from "@follow/models/src/types"
 import { merge } from "es-toolkit/compat"
 
 import { apiClient } from "@/src/lib/api-fetch"
 
 import { createImmerSetter, createZustandStore } from "../internal/helper"
-import type { ActionFilterItem, ActionId, ActionRule, ActionRules, ConditionIndex } from "./types"
 
 type ActionStore = {
   rules: ActionRules
@@ -50,7 +56,7 @@ class ActionActions {
     })
   }
 
-  patchRule(index: number, rule: Partial<ActionRule>) {
+  patchRule(index: number, rule: Partial<ActionModel>) {
     immerSet((state) => {
       if (state.rules[index]) {
         state.rules[index] = merge(state.rules[index], rule)
@@ -71,7 +77,7 @@ class ActionActions {
     })
   }
 
-  pathCondition(index: ConditionIndex, condition: Partial<ActionFilterItem>) {
+  pathCondition(index: ActionConditionIndex, condition: Partial<ActionFilterItem>) {
     immerSet((state) => {
       const rule = state.rules[index.ruleIndex]
       if (!rule) return
@@ -82,7 +88,7 @@ class ActionActions {
     })
   }
 
-  addConditionItem(index: Omit<ConditionIndex, "conditionIndex">) {
+  addConditionItem(index: Omit<ActionConditionIndex, "conditionIndex">) {
     immerSet((state) => {
       const rule = state.rules[index.ruleIndex]
       if (!rule) return
@@ -92,7 +98,7 @@ class ActionActions {
       state.isDirty = true
     })
   }
-  deleteConditionItem(index: ConditionIndex) {
+  deleteConditionItem(index: ActionConditionIndex) {
     immerSet((state) => {
       const rule = state.rules[index.ruleIndex]
       if (!rule) return
@@ -106,7 +112,7 @@ class ActionActions {
     })
   }
 
-  addConditionGroup(index: Omit<ConditionIndex, "conditionIndex" | "groupIndex">) {
+  addConditionGroup(index: Omit<ActionConditionIndex, "conditionIndex" | "groupIndex">) {
     immerSet((state) => {
       const rule = state.rules[index.ruleIndex]
       if (!rule) return
diff --git a/apps/mobile/src/store/action/types.ts b/apps/mobile/src/store/action/types.ts
diff --git a/locales/settings/en.json b/locales/settings/en.json
@@ -42,6 +42,7 @@
   "actions.action_card.rewrite_rules": "Rewrite rules",
   "actions.action_card.silence": "Silence",
   "actions.action_card.source_content": "View source content",
+  "actions.action_card.star": "Star",
   "actions.action_card.then_do": "Then do…",
   "actions.action_card.to": "To",
   "actions.action_card.translate_into": "Translate",
diff --git a/packages/internal/models/src/types.ts b/packages/internal/models/src/types.ts
@@ -116,36 +116,29 @@ export type MediaModel = Exclude<
   undefined
 >["entries"]["media"]
 
-export type ActionModel = {
-  name: string
-  condition: {
-    field?: ActionFeedField
-    operator?: ActionOperation
-    value?: string
-  }[][]
-  result: {
-    disabled?: boolean
-    translation?: boolean | string
-    summary?: boolean
-    readability?: boolean
-    silence?: boolean
-    block?: boolean
-    sourceContent?: boolean
-    newEntryNotification?: boolean
-    rewriteRules?: {
-      from: string
-      to: string
-    }[]
-    blockRules?: {
-      field?: ActionEntryField
-      operator?: ActionOperation
-      value?: string | number
-    }[]
-    webhooks?: string[]
-  }
+type ActionRulesRes = Exclude<
+  Exclude<ExtractBizResponse<typeof _apiClient.actions.$get>["data"], undefined>["rules"],
+  undefined | null
+>[number]
+
+export type ActionFilterItem = Partial<
+  Exclude<ActionRulesRes["condition"][number], { length: number }>
+>
+export type ActionFilterGroup = ActionFilterItem[]
+export type ActionFilter = ActionFilterGroup[]
+
+export type ActionModel = Omit<ActionRulesRes, "condition"> & {
+  condition: ActionFilter
+  index: number
 }
+export type ActionId = Exclude<keyof ActionModel["result"], "disabled">
+export type ActionRules = ActionModel[]
 
-export type ActionsInput = ActionModel[]
+export type ActionConditionIndex = {
+  ruleIndex: number
+  groupIndex: number
+  conditionIndex: number
+}
 
 export const TransactionTypes = ["mint", "purchase", "tip", "withdraw", "airdrop"] as const
 
diff --git a/packages/internal/shared/src/hono.ts b/packages/internal/shared/src/hono.ts

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+import type { ActionFilter, ActionModel } from "@follow/models/src/types"`
`1`	`2`	`import { useTranslation } from "react-i18next"`
`2`	`3`	`import { Text, View } from "react-native"`
`3`	`4`	`import * as DropdownMenu from "zeego/dropdown-menu"`
`@@ -21,7 +22,6 @@ import { useNavigation } from "@/src/lib/navigation/hooks"`
`21`	`22`	`import type { NavigationControllerView } from "@/src/lib/navigation/types"`
`22`	`23`	`import { useActionRule } from "@/src/store/action/hooks"`
`23`	`24`	`import { actionActions } from "@/src/store/action/store"`
`24`		`-import type { ActionFilter, ActionRule } from "@/src/store/action/types"`
`25`	`25`	`import { accentColor, useColors } from "@/src/theme/colors"`
`26`	`26`
`27`	`27`	`import { availableActionList, filterFieldOptions, filterOperatorOptions } from "../actions/constant"`
`@@ -68,7 +68,7 @@ const RuleImpl: React.FC<{ index: number }> = ({ index }) => {`
`68`	`68`	`)`
`69`	`69`	`}`
`70`	`70`
`71`		`-const NameSection: React.FC<{ rule: ActionRule }> = ({ rule }) => {`
	`71`	`+const NameSection: React.FC<{ rule: ActionModel }> = ({ rule }) => {`
`72`	`72`	`const { t } = useTranslation("settings")`
`73`	`73`	`return (`
`74`	`74`	`<GroupedInsetListCard>`
`@@ -93,7 +93,7 @@ const NameSection: React.FC<{ rule: ActionRule }> = ({ rule }) => {`
`93`	`93`	`)`
`94`	`94`	`}`
`95`	`95`
`96`		`-const FilterSection: React.FC<{ rule: ActionRule }> = ({ rule }) => {`
	`96`	`+const FilterSection: React.FC<{ rule: ActionModel }> = ({ rule }) => {`
`97`	`97`	`const { t } = useTranslation("settings")`
`98`	`98`	`const hasCustomFilters = rule.condition.length > 0`
`99`	`99`	`return (`
`@@ -226,7 +226,7 @@ const ConditionSection: React.FC<{ filter: ActionFilter; index: number }> = ({ f`
`226`	`226`	`)`
`227`	`227`	`}`
`228`	`228`
`229`		`-const ActionSection: React.FC<{ rule: ActionRule }> = ({ rule }) => {`
	`229`	`+const ActionSection: React.FC<{ rule: ActionModel }> = ({ rule }) => {`
`230`	`230`	`const { t } = useTranslation("settings")`
`231`	`231`	`const enabledActions = availableActionList.filter(`
`232`	`232`	`(action) => rule.result[action.value] !== undefined,`