chore: Release v0.2.8-beta.0 (#2246)

.github/workflows/build.yml

@@ -120,6 +120,12 @@ jobs:
           KEYCHAIN_PATH: ${{ runner.temp }}/app-signing.keychain-db
         run: npm exec turbo run //#build:macos
 
+      - name: Build Renderer
+        if: matrix.os == 'ubuntu-latest'
+        run: pnpm build:render
+        env:
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+
       - name: Upload file
         uses: actions/upload-artifact@v4
         env:
@@ -133,6 +139,8 @@ jobs:
             out/make/**/*.exe
             out/make/**/*.AppImage
             out/make/**/*.yml
+            dist/manifest.yml
+            dist/*.tar.gz
           retention-days: 90
 
       - name: Upload file (arm64.dmg)
@@ -157,6 +165,8 @@ jobs:
             out/make/**/*.exe
             out/make/**/*.AppImage
             out/make/**/*.yml
+            dist/manifest.yml
+            dist/*.tar.gz
 
       - run: npx changelogithub
         if: github.ref_type == 'tag' || github.event.inputs.tag_version != ''
@@ -182,3 +192,5 @@ jobs:
             out/make/**/*.exe
             out/make/**/*.AppImage
             out/make/**/*.yml
+            dist/manifest.yml
+            dist/*.tar.gz

CONTRIBUTE.md

@@ -48,7 +48,7 @@ If you prefer to develop in Electron, follow these steps:
    pnpm run dev
    ```
 
-> **Tip:** If you encounter login issues, copy the `better-auth.session_token` from your browser's cookies into the app.
+> **Tip:** If you encounter login issues, copy the `__Secure-better-auth.session_token` from your browser's cookies into the app.
 
 ## Contribution Guidelines
 

README.md

@@ -126,7 +126,7 @@ pnpm run dev
 Since it is not very convenient to develop in Electron, the first way to develop and contribute is recommended at this stage.
 
 > [!TIP]
-> If you can't log in to the app, copy the `better-auth.session_token` in the cookie from your browser into the app.
+> If you can't log in to the app, copy the `__Secure-better-auth.session_token` in the cookie from your browser into the app.
 
 ## 📝 License
 

apps/main/package.json

@@ -31,6 +31,7 @@
     "@openpanel/web": "1.0.1",
     "@sentry/electron": "5.7.0",
     "builder-util-runtime": "9.2.10",
+    "cookie-es": "^1.2.2",
     "dompurify": "~3.2.2",
     "electron-context-menu": "4.0.4",
     "electron-log": "5.2.4",
@@ -41,7 +42,7 @@
     "font-list": "1.5.1",
     "i18next": "^24.0.5",
     "js-yaml": "4.1.0",
-    "linkedom": "^0.18.5",
+    "linkedom": "^0.18.6",
     "lowdb": "7.0.1",
     "msedge-tts": "1.3.4",
     "node-machine-id": "1.1.12",

apps/main/src/index.ts

@@ -3,6 +3,7 @@ import { callWindowExpose } from "@follow/shared/bridge"
 import { APP_PROTOCOL } from "@follow/shared/constants"
 import { env } from "@follow/shared/env"
 import { imageRefererMatches, selfRefererMatches } from "@follow/shared/image"
+import { parse } from "cookie-es"
 import { app, BrowserWindow, session } from "electron"
 import type { Cookie } from "electron/main"
 import squirrelStartup from "electron-squirrel-startup"
@@ -194,16 +195,20 @@ function bootstrap() {
 
       if (ck && apiURL) {
         setBetterAuthSessionCookie(ck)
-        const cookie = atob(ck)
-        mainWindow.webContents.session.cookies.set({
-          url: apiURL,
-          name: cookie.split("=")[0],
-          value: cookie.split("=")[1],
-          secure: true,
-          httpOnly: true,
-          domain: new URL(apiURL).hostname,
-          sameSite: "no_restriction",
+        const cookie = parse(atob(ck))
+        Object.keys(cookie).forEach((name) => {
+          const value = cookie[name]
+          mainWindow.webContents.session.cookies.set({
+            url: apiURL,
+            name,
+            value,
+            secure: true,
+            httpOnly: true,
+            domain: new URL(apiURL).hostname,
+            sameSite: "no_restriction",
+          })
         })
+
         userId && (await callWindowExpose(mainWindow).clearIfLoginOtherAccount(userId))
         mainWindow.reload()
 

apps/main/src/tipc/app.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/require-await */
 import fs from "node:fs"
 import fsp from "node:fs/promises"
 import path from "node:path"

apps/mobile/.gitignore

@@ -0,0 +1,40 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+
+app-example
+ios
+android

apps/renderer/package.json

@@ -120,7 +120,6 @@
     "@follow/hooks": "workspace:*",
     "@follow/logger": "workspace:*",
     "@follow/models": "workspace:*",
-    "@follow/shared": "workspace:*",
     "@follow/types": "workspace:*",
     "@follow/utils": "workspace:*",
     "@hono/node-server": "1.13.7",

apps/renderer/src/atoms/updater.ts

@@ -4,7 +4,7 @@ import { createAtomHooks } from "~/lib/jotai"
 
 export type UpdaterStatus = "ready"
 export type UpdaterStatusAtom = {
-  type: "app" | "renderer"
+  type: "app" | "renderer" | "pwa"
   status: UpdaterStatus
 } | null
 export const [, , useUpdaterStatus, , getUpdaterStatus, setUpdaterStatus] = createAtomHooks(

apps/renderer/src/components/common/Motion.tsx

@@ -1,4 +1,4 @@
-import type { MotionProps } from "framer-motion"
+import type { MotionProps, TargetAndTransition } from "framer-motion"
 import { m as M } from "framer-motion"
 import { createElement, forwardRef } from "react"
 
@@ -19,6 +19,7 @@ export const m: typeof M = new Proxy(M, {
         if (props.exit) {
           nextProps.exit = {
             opacity: 0,
+            transition: (props.exit as TargetAndTransition).transition,
           }
         }
 

apps/renderer/src/components/common/ReloadPrompt.tsx

@@ -1,13 +1,13 @@
 import { useEffect } from "react"
-import { toast } from "sonner"
 import { useRegisterSW } from "virtual:pwa-register/react"
 
+import { setUpdaterStatus } from "~/atoms/updater"
+
 // check for updates every hour
 const period = 60 * 60 * 1000
 
 export function ReloadPrompt() {
   const {
-    // offlineReady: [offlineReady, setOfflineReady],
     needRefresh: [needRefresh],
     updateServiceWorker,
   } = useRegisterSW({
@@ -24,33 +24,11 @@ export function ReloadPrompt() {
     },
   })
 
-  // const close = useCallback(() => {
-  //   setOfflineReady(false)
-  //   setNeedRefresh(false)
-  // }, [setNeedRefresh, setOfflineReady])
-
-  // useEffect(() => {
-  //   if (offlineReady) {
-  //     toast.info("App is ready to work offline", {
-  //       action: {
-  //         label: "Close",
-  //         onClick: close,
-  //       },
-  //       duration: Infinity,
-  //     })
-  //   }
-  // }, [offlineReady, close])
-
   useEffect(() => {
     if (needRefresh) {
-      toast.info("New version available", {
-        action: {
-          label: "Refresh",
-          onClick: () => {
-            updateServiceWorker(true)
-          },
-        },
-        duration: Infinity,
+      setUpdaterStatus({
+        type: "pwa",
+        status: "ready",
       })
     }
   }, [needRefresh, updateServiceWorker])

apps/renderer/src/components/ui/button/command-button.tsx

@@ -0,0 +1,28 @@
+import type { ActionButtonProps } from "@follow/components/ui/button/action-button.js"
+import { ActionButton } from "@follow/components/ui/button/action-button.js"
+import { forwardRef } from "react"
+
+import { useCommand } from "~/modules/command/hooks/use-command"
+import type { FollowCommandId } from "~/modules/command/types"
+
+export interface CommandActionButtonProps extends ActionButtonProps {
+  commandId: FollowCommandId
+  onClick: () => void
+}
+export const CommandActionButton = forwardRef<HTMLButtonElement, CommandActionButtonProps>(
+  (props, ref) => {
+    const command = useCommand(props.commandId)
+    if (!command) return null
+    const { icon, label } = command
+
+    return (
+      <ActionButton
+        ref={ref}
+        {...props}
+        icon={icon}
+        onClick={props.onClick}
+        tooltip={label.title}
+      />
+    )
+  },
+)

apps/renderer/src/components/ux/transition/icon.tsx

@@ -44,13 +44,11 @@ const createIconTransition =
               exit={exit}
             />
           ) : (
-            cloneElement(icon1, {
-              className: cn(icon1ClassName, className),
-              key: "1",
-              initial,
-              animate,
-              exit,
-            })
+            <m.span key="1" initial={initial} animate={animate} exit={exit}>
+              {cloneElement(icon1, {
+                className: cn(icon1ClassName, className),
+              })}
+            </m.span>
           )
         ) : typeof icon2 === "string" ? (
           <m.i
@@ -61,13 +59,11 @@ const createIconTransition =
             exit={exit}
           />
         ) : (
-          cloneElement(icon2, {
-            className: cn(icon2ClassName, className),
-            key: "2",
-            initial,
-            animate,
-            exit,
-          })
+          <m.span key="2" initial={initial} animate={animate} exit={exit}>
+            {cloneElement(icon2, {
+              className: cn(icon2ClassName, className),
+            })}
+          </m.span>
         )}
       </AnimatePresence>
     )