fix: support creator circular import

Signed-off-by: Innei <tukon479@gmail.com>

Author: Innei

apps/renderer/src/lib/parse-markdown.ts

@@ -17,7 +17,7 @@ import remarkRehype from "remark-rehype"
 import { unified } from "unified"
 import { VFile } from "vfile"
 
-import { MarkdownLink } from "~/components/ui/markdown/renderers"
+import { MarkdownLink } from "~/components/ui/markdown/renderers/MarkdownLink"
 
 export interface RemarkOptions {
   components: Partial<Components>

apps/renderer/src/modules/claim/feed-claim-modal.tsx

@@ -13,8 +13,7 @@ import { useCurrentModal } from "~/components/ui/modal"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs"
 import { useAuthQuery } from "~/hooks/common"
 import type { FeedModel } from "~/models"
-import { Queries } from "~/queries"
-import { useClaimFeedMutation } from "~/queries/feed"
+import { feed as feedQuery, useClaimFeedMutation } from "~/queries/feed"
 import { useFeedById } from "~/store/feed"
 
 export const FeedClaimModalContent: FC<{
@@ -26,7 +25,7 @@ export const FeedClaimModalContent: FC<{
     data: claimMessage,
     isLoading,
     error,
-  } = useAuthQuery(Queries.feed.claimMessage({ feedId }), {
+  } = useAuthQuery(feedQuery.claimMessage({ feedId }), {
     enabled: !!feed,
   })
   const { setClickOutSideToDismiss } = useCurrentModal()

apps/renderer/src/modules/entry-content/components/SupportCreator.tsx

@@ -1,5 +1,6 @@
 import { useTranslation } from "react-i18next"
 
+import { useWhoami } from "~/atoms/user"
 import { FeedIcon } from "~/components/feed-icon"
 import { Button } from "~/components/ui/button"
 import { Divider } from "~/components/ui/divider"
@@ -22,6 +23,7 @@ export const SupportCreator = ({ entryId }: { entryId: string }) => {
   })
   const openBoostModal = useBoostModal()
 
+  const isMyOwnedFeed = feed?.ownerUserId === useWhoami()?.id
   if (!feed || feed.type !== "feed") return null
 
   return (
@@ -41,11 +43,17 @@ export const SupportCreator = ({ entryId }: { entryId: string }) => {
         )}
 
         <div className="flex items-center gap-4">
-          <Button className="text-base" onClick={() => openTipModal()}>
-            <i className="i-mgc-power-outline mr-1.5 text-lg" />
-            {t("entry_content.support_creator")}
-          </Button>
-          <Button variant="outline" className="text-base" onClick={() => openBoostModal(feed.id)}>
+          {!isMyOwnedFeed && (
+            <Button className="text-base" onClick={() => openTipModal()}>
+              <i className="i-mgc-power-outline mr-1.5 text-lg" />
+              {t("entry_content.support_creator")}
+            </Button>
+          )}
+          <Button
+            variant={!isMyOwnedFeed ? "outline" : "primary"}
+            className="text-base"
+            onClick={() => openBoostModal(feed.id)}
+          >
             <i className="i-mgc-rocket-cute-fi mr-1.5 text-lg" />
             {t("boost.boost_feed")}
           </Button>

configs/vite.render.config.ts

@@ -7,6 +7,7 @@ import react from "@vitejs/plugin-react"
 import { prerelease } from "semver"
 import type { UserConfig } from "vite"
 
+import { circularImportRefreshPlugin } from "../plugins/vite/hmr"
 import { customI18nHmrPlugin } from "../plugins/vite/i18n-hmr"
 import { localesPlugin } from "../plugins/vite/locales"
 import { twMacro } from "../plugins/vite/tw-macro"
@@ -31,6 +32,7 @@ export const viteRenderBaseConfig = {
 
   plugins: [
     react(),
+    circularImportRefreshPlugin(),
 
     sentryVitePlugin({
       org: "follow-rg",

plugins/vite/hmr.ts

@@ -0,0 +1,29 @@
+import type { HmrContext, Plugin } from "vite"
+
+function hasCircularDependency(mod: any, server: any, visited = new Set()): boolean {
+  if (visited.has(mod.id)) return true
+  visited.add(mod.id)
+
+  const importers = server.moduleGraph.getModulesByFile(mod.file) || new Set()
+  for (const importer of importers) {
+    if (hasCircularDependency(importer, server, new Set(visited))) {
+      return true
+    }
+  }
+
+  return false
+}
+
+export const circularImportRefreshPlugin = (): Plugin => ({
+  name: "circular-import-refresh",
+  handleHotUpdate({ file, server }: HmrContext) {
+    if (file.includes("store")) {
+      const mod = server.moduleGraph.getModuleById(file)
+      if (mod && hasCircularDependency(mod, server)) {
+        console.warn(`Circular dependency detected in ${file}. Performing full page refresh.`)
+        server.ws.send({ type: "full-reload" })
+        return []
+      }
+    }
+  },
+})