@brillout/docpress 0.15.8 → 0.15.10-commit-ef0b9a0

package/utils/useSelectedLanguage.ts

@@ -0,0 +1,61 @@
+export { useSelectedLanguage }
+
+import { useState, useEffect, useCallback } from 'react'
+
+const key = 'docpress:selectedLang'
+const defaultSsrLang = 'ts'
+const defaultClientLang = 'js'
+
+declare global {
+  interface WindowEventMap {
+    'lang-storage': CustomEvent
+  }
+}
+
+function useSelectedLanguage() {
+  const [selectedLang, setSelectedLang] = useState(defaultSsrLang)
+
+  const getValue = () => {
+    try {
+      return localStorage.getItem(key) ?? defaultClientLang
+    } catch (error) {
+      console.warn('Error reading from localStorage:', error)
+      return defaultClientLang
+    }
+  }
+
+  const setValue = useCallback((value: string) => {
+    try {
+      window.localStorage.setItem(key, value)
+      setSelectedLang(value)
+      window.dispatchEvent(new CustomEvent('lang-storage'))
+    } catch (error) {
+      console.warn('Error setting localStorage:', error)
+    }
+  }, [])
+
+  useEffect(() => {
+    // Initial load from localStorage
+    setSelectedLang(getValue())
+    // Update language in current tab
+    const handleCustomEvent = () => {
+      setSelectedLang(getValue())
+    }
+    // Update language if changed in another tab
+    const handleNativeStorage = (event: StorageEvent) => {
+      if (event.key === key) {
+        setSelectedLang(getValue())
+      }
+    }
+
+    window.addEventListener('lang-storage', handleCustomEvent)
+    window.addEventListener('storage', handleNativeStorage)
+
+    return () => {
+      window.removeEventListener('lang-storage', handleCustomEvent)
+      window.removeEventListener('storage', handleNativeStorage)
+    }
+  }, [])
+
+  return [selectedLang, setValue] as const
+}

package/vite.config.ts

@@ -4,6 +4,7 @@ import mdx from '@mdx-js/rollup'
 import react from '@vitejs/plugin-react-swc'
 import type { PluginOption, UserConfig } from 'vite'
 import { parsePageSections } from './parsePageSections.js'
+import { detypePlugin } from './detypePlugin.js'
 import rehypePrettyCode from 'rehype-pretty-code'
 import remarkGfm from 'remark-gfm'
 import { transformerNotationDiff } from '@shikijs/transformers'
@@ -17,6 +18,7 @@ const config: UserConfig = {
   root,
   plugins: [
     parsePageSections(),
+    detypePlugin(),
     mdx({ rehypePlugins, remarkPlugins }) as PluginOption,
     // @vitejs/plugin-react-swc needs to be added *after* the mdx plugins
     react(),