@umijs/plugin-docs 4.0.0-beta.18 → 4.0.0-rc.1

package/client/theme-doc/useLanguage.ts

@@ -0,0 +1,69 @@
+import { useThemeContext } from './context';
+
+interface useLanguageResult {
+  isFromPath: boolean;
+  currentLanguage: { locale: string; text: string } | undefined;
+  languages: { locale: string; text: string }[];
+  switchLanguage: (locale: string) => void;
+  render: (key: string) => string;
+}
+
+function useLanguage(): useLanguageResult {
+  const { themeConfig, location } = useThemeContext()!;
+
+  const languages = themeConfig.i18n;
+  let currentLanguage: { locale: string; text: string } | undefined = undefined;
+  let isFromPath: boolean;
+
+  const s = location.pathname.split('/')[1];
+
+  // 用户当前访问的页面是否有在路径中指定语言
+  isFromPath = !!(s && s.match(/^[a-z]{2}-[A-Z]{2}$/));
+
+  if (isFromPath)
+    currentLanguage = languages?.find(
+      (item) => item.locale === location.pathname.split('/')[1],
+    );
+  else currentLanguage = languages && languages[0] ? languages[0] : undefined;
+
+  function switchLanguage(locale: string) {
+    if (!languages || languages.length === 0) return;
+
+    if (!languages.find((l) => l.locale === locale)) return;
+
+    // 切换到默认语言
+    if (locale === languages[0].locale && isFromPath) {
+      let p = location.pathname.split('/');
+      p.shift();
+      p.shift();
+      window.location.pathname = p.join('/');
+      return;
+    }
+
+    // 当前在默认语言，切换到其他语言
+    if (!isFromPath) {
+      window.location.pathname = locale + location.pathname;
+      return;
+    }
+
+    let p = location.pathname.split('/');
+    p[1] = locale;
+    window.location.pathname = p.join('/');
+  }
+
+  function render(key: string) {
+    if (!currentLanguage || !themeConfig.locales) return key;
+    if (!themeConfig.locales[currentLanguage.locale]) return key;
+    return themeConfig.locales[currentLanguage.locale][key] || key;
+  }
+
+  return {
+    isFromPath,
+    currentLanguage,
+    languages: languages || [],
+    switchLanguage,
+    render,
+  };
+}
+
+export default useLanguage;

package/dist/compiler.js

@@ -24,10 +24,21 @@ function compile(opts) {
             compilers: [],
         });
         result = `
-import React from 'react';
+import React, { useEffect } from 'react';
 ${result}`;
         result = result.replace('/* @jsxRuntime classic */', '');
         result = result.replace('/* @jsx mdx */', '');
+        result = result.replace('return <MDXLayout', `
+
+  useEffect(() => {
+    if (window.location.hash.length !== 0) {
+      const hash = window.location.hash;
+      window.location.hash = '';
+      window.location.hash = hash;
+    }
+  }, []);
+
+return <MDXLayout`);
         return { result };
     });
 }

package/dist/index.js

@@ -76,7 +76,7 @@ exports.default = (api) => {
         api.writeTmpFile({
             path: 'index.ts',
             content: `
-export { Message } from '${require.resolve('../client/theme-doc')}';
+export { Message, Hero } from '${require.resolve('../client/theme-doc')}';
     `,
         });
         api.writeTmpFile({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/plugin-docs",
-  "version": "4.0.0-beta.18",
+  "version": "4.0.0-rc.1",
   "description": "@umijs/plugin-docs",
   "homepage": "https://github.com/umijs/umi-next/tree/master/packages/plugin-docs#readme",
   "bugs": "https://github.com/umijs/umi-next/issues",
@@ -12,12 +12,14 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "client"
   ],
   "scripts": {
     "build": "pnpm tsc",
     "build:css": "tailwindcss -i ./client/theme-doc/tailwind.css -o ./client/theme-doc/tailwind.out.css",
     "build:deps": "pnpm esno ../../scripts/bundleDeps.ts",
+    "build:extra": "pnpm build:css",
     "dev": "pnpm build -- --watch"
   },
   "dependencies": {
@@ -29,7 +31,7 @@
     "@types/keymaster": "^1.6.30",
     "classnames": "^2.3.1",
     "tailwindcss": "^3.0.15",
-    "umi": "4.0.0-beta.18"
+    "umi": "4.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"