fix(ci): harden isolated workspace dependency resolution

Author: DIYgod

apps/mobile/src/components/ui/lightbox/ImageViewing/index.tsx

@@ -8,7 +8,6 @@
 // Original code copied and simplified from the link below as the codebase is currently not maintained:
 // https://github.com/jobtoday/react-native-image-viewing
 
-// import * as ScreenOrientation from "expo-screen-orientation"
 import * as React from "react"
 import { useCallback, useMemo, useState } from "react"
 import { LayoutAnimation, PixelRatio, ScrollView, StyleSheet, View } from "react-native"
@@ -47,7 +46,6 @@ type Rect = {
   height: number
 }
 
-// const { PORTRAIT_UP } = ScreenOrientation.OrientationLock
 const PIXEL_RATIO = PixelRatio.get()
 const SLOW_SPRING: WithSpringConfig = {
   mass: isIOS ? 1.25 : 0.75,

packages/internal/components/package.json

@@ -64,7 +64,9 @@
     "@types/hast": "3.0.4",
     "@types/unist": "3.0.3",
     "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
     "dayjs": "1.11.19",
+    "es-toolkit": "1.44.0",
     "foxact": "0.2.52",
     "hast-util-to-jsx-runtime": "2.3.6",
     "hast-util-to-text": "4.0.2",
@@ -77,14 +79,17 @@
     "react-blurhash": "0.3.0",
     "react-fast-marquee": "1.6.5",
     "react-hook-form": "7.71.1",
+    "react-hotkeys-hook": "5.2.4",
     "react-i18next": "16.5.4",
+    "react-router": "7.13.0",
     "rehype-infer-description-meta": "2.0.0",
     "rehype-parse": "9.0.1",
     "rehype-sanitize": "6.0.0",
     "rehype-stringify": "10.0.1",
     "remark-directive": "4.0.0",
     "remark-gfm": "4.0.1",
     "remark-gh-alerts": "0.0.3",
+    "remark-parse": "11.0.0",
     "remark-rehype": "11.1.2",
     "sonner": "2.0.7",
     "tailwindcss-uikit-colors": "catalog:",
@@ -94,7 +99,8 @@
     "use-context-selector": "2.0.0",
     "usehooks-ts": "3.1.1",
     "vaul": "1.1.2",
-    "vfile": "5.3.7"
+    "vfile": "5.3.7",
+    "zustand": "5.0.11"
   },
   "devDependencies": {
     "@follow/configs": "workspace:*",

packages/internal/components/src/providers/event-provider.tsx

@@ -1,10 +1,10 @@
-import { viewportAtom } from "@follow/components/atoms/viewport.js"
 import { throttle } from "es-toolkit/compat"
 import { useIsomorphicLayoutEffect } from "foxact/use-isomorphic-layout-effect"
 import { useStore } from "jotai"
 import type { FC } from "react"
 
 import { mouseAtom } from "../atoms/mouse"
+import { viewportAtom } from "../atoms/viewport"
 
 export const EventProvider: FC = () => {
   const store = useStore()

packages/internal/components/src/providers/stable-router-provider.tsx

@@ -1,8 +1,9 @@
-import { setNavigate, setRoute } from "@follow/components/atoms/route.js"
 import { useLayoutEffect } from "react"
 import type { NavigateFunction } from "react-router"
 import { useLocation, useNavigate, useParams, useSearchParams } from "react-router"
 
+import { setNavigate, setRoute } from "../atoms/route"
+
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface CustomRoute {}
 export interface GlobalRoute extends CustomRoute {

packages/internal/components/src/ui/button/action-button.tsx

@@ -1,7 +1,3 @@
-import {
-  useFocusable,
-  useGlobalFocusableScopeSelector,
-} from "@follow/components/common/Focusable/index.js"
 import type { EnhanceSet } from "@follow/utils"
 import { stopPropagation } from "@follow/utils/dom"
 import { cn, getOS } from "@follow/utils/utils"
@@ -10,6 +6,7 @@ import { useCallback, useState } from "react"
 import type { Options } from "react-hotkeys-hook"
 import { useHotkeys } from "react-hotkeys-hook"
 
+import { useFocusable, useGlobalFocusableScopeSelector } from "../../common/Focusable"
 import { KbdCombined } from "../kbd/Kbd"
 import { Tooltip, TooltipContent, TooltipPortal, TooltipTrigger } from "../tooltip"
 

packages/internal/components/src/ui/button/index.tsx

@@ -1,11 +1,11 @@
-import { useMobile } from "@follow/components/hooks/useMobile.js"
-import { LoadingCircle } from "@follow/components/ui/loading/index.jsx"
 import { cn } from "@follow/utils/utils"
 import type { VariantProps } from "class-variance-authority"
 import type { HTMLMotionProps } from "motion/react"
 import { m } from "motion/react"
 import * as React from "react"
 
+import { useMobile } from "../../hooks/useMobile"
+import { LoadingCircle } from "../loading"
 import { styledButtonVariant } from "./variants"
 
 export interface BaseButtonProps {

packages/internal/components/src/ui/context-menu/context-menu.tsx

@@ -219,4 +219,4 @@ export {
   ContextMenuTrigger,
 }
 
-export { RootPortal as ContextMenuPortal } from "@follow/components/ui/portal/index.jsx"
+export { RootPortal as ContextMenuPortal } from "../portal"

packages/internal/components/src/ui/key-value-editor/index.tsx

@@ -1,8 +1,9 @@
-import { Button } from "@follow/components/ui/button/index.js"
-import { Input } from "@follow/components/ui/input/index.js"
 import { cn } from "@follow/utils/utils"
 import { useCallback, useEffect, useRef, useState } from "react"
 
+import { Button } from "../button"
+import { Input } from "../input"
+
 export interface KeyValuePair {
   key: string
   value: string

packages/internal/components/src/ui/tooltip/index.tsx

@@ -1,9 +1,9 @@
-import { Spring } from "@follow/components/constants/spring.js"
 import { cn } from "@follow/utils/utils"
 import * as TooltipPrimitive from "@radix-ui/react-tooltip"
 import { m } from "motion/react"
 import * as React from "react"
 
+import { Spring } from "../../constants/spring"
 import { tooltipStyle, tooltipStyles } from "./styles"
 
 const TooltipProvider = TooltipPrimitive.Provider

packages/internal/components/src/utils/selector.tsx

@@ -1,8 +1,9 @@
-import { useMobile } from "@follow/components/hooks/useMobile.js"
-import { useViewport } from "@follow/components/hooks/useViewport.js"
 import type { ComponentType, ReactNode, RefAttributes } from "react"
 import { lazy, Suspense } from "react"
 
+import { useMobile } from "../hooks/useMobile"
+import { useViewport } from "../hooks/useViewport"
+
 export function withResponsiveComponent<P extends object>(
   desktopImport: () => Promise<{ default: ComponentType<P> }>,
   mobileImport: () => Promise<{ default: ComponentType<P> }>,