@nocobase/portal-template-default 1.0.9 → 1.0.10

package/registry/nocobase-auth-wecom/use-wecom-sign-in.ts

@@ -1,62 +0,0 @@
-import { useCallback, useMemo, useState } from "react";
-import { useSearchParams } from "react-router";
-
-import type { Authenticator } from "@/components/auth/types";
-import { nocobaseClient } from "@/lib/nocobase/client";
-
-type WecomAuthUrlResponse = {
-  url?: string;
-};
-
-export function isWecomBrowser() {
-  return (
-    typeof navigator !== "undefined" &&
-    navigator.userAgent.toLowerCase().includes("wxwork")
-  );
-}
-
-export function useWecomSignIn(authenticator: Authenticator) {
-  const [searchParams] = useSearchParams();
-  const [isPending, setIsPending] = useState(false);
-  const [error, setError] = useState<Error>();
-  const callbackError = useMemo(() => {
-    if (searchParams.get("authenticator") !== authenticator.name) {
-      return undefined;
-    }
-    const message = searchParams.get("errorMsg");
-    return message ? new Error(message) : undefined;
-  }, [authenticator.name, searchParams]);
-
-  const signIn = useCallback(async () => {
-    setError(undefined);
-    setIsPending(true);
-    try {
-      const redirect =
-        searchParams.get("to") || searchParams.get("redirect") || "/";
-      const result = await nocobaseClient.action<WecomAuthUrlResponse>(
-        "wecom",
-        "getAuthUrl",
-        {
-          method: "POST",
-          authenticator: authenticator.name,
-          includeRole: false,
-          withAclMeta: false,
-          body: { redirect, isWeComBrowser: isWecomBrowser() },
-        }
-      );
-      if (!result?.url) {
-        throw new Error("NocoBase did not return a WeCom authorization URL.");
-      }
-      window.location.replace(nocobaseClient.resolveUrl(result.url));
-    } catch (cause) {
-      setError(
-        cause instanceof Error
-          ? cause
-          : new Error("Unable to start WeCom sign-in.")
-      );
-      setIsPending(false);
-    }
-  }, [authenticator.name, searchParams]);
-
-  return { signIn, isPending, error: error ?? callbackError };
-}

package/registry/nocobase-auth-wecom/wecom-sign-in-button.tsx

@@ -1,70 +0,0 @@
-import { Building2 } from "lucide-react";
-
-import type { AuthenticatorComponentProps } from "@/components/auth/types";
-import {
-  Alert,
-  AlertDescription,
-  AlertTitle,
-} from "@/components/ui/alert";
-import { Button } from "@/components/ui/button";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { resolveTranslatableText } from "@/lib/i18n";
-
-import { useWecomSignIn } from "./use-wecom-sign-in";
-
-function plainText(value: unknown) {
-  return typeof value === "string"
-    ? value.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim()
-    : "";
-}
-
-export default function WecomSignInButton({
-  authenticator,
-  onSignIn,
-}: AuthenticatorComponentProps & { onSignIn?: () => void }) {
-  const { signIn, isPending, error } = useWecomSignIn(authenticator);
-  const tooltip = plainText(authenticator.options?.btnTooltip);
-  const button = (
-    <Button
-      type="button"
-      variant="outline"
-      className="w-full"
-      disabled={!onSignIn && isPending}
-      onClick={onSignIn ?? signIn}
-    >
-      <Building2 />
-      {!onSignIn && isPending
-        ? "Redirecting…"
-        : resolveTranslatableText(
-            authenticator.title ||
-              authenticator.authTypeTitle ||
-              "Sign in via WeCom"
-          )}
-    </Button>
-  );
-
-  return (
-    <div className="space-y-3">
-      {error && (
-        <Alert variant="destructive">
-          <AlertTitle>WeCom sign-in failed</AlertTitle>
-          <AlertDescription>{error.message}</AlertDescription>
-        </Alert>
-      )}
-      {tooltip ? (
-        <Tooltip>
-          <TooltipTrigger render={button} />
-          <TooltipContent side="right" className="max-w-xs">
-            {tooltip}
-          </TooltipContent>
-        </Tooltip>
-      ) : (
-        button
-      )}
-    </div>
-  );
-}

package/registry/nocobase-i18n/README.md

@@ -1,44 +0,0 @@
-# NocoBase i18n
-
-Optional NocoBase server-language integration and language controls for the
-NocoBase Admin Starter.
-
-The Starter owns the Refine i18n provider, local i18next runtime, application
-resources, locale selection, and the shared `systemSettings:get` bootstrap.
-This Registry reuses those foundations and adds only the NocoBase-specific
-remote capabilities:
-
-- load registered dynamic namespaces from `app:getLang`;
-- persist a signed-in user's selected language through `users:updateLang`;
-- expose reusable page and user-menu language switchers;
-- provide an integrated Demo and Prompt generator.
-
-When this Registry is not installed, the Starter still uses the system default
-language and all local translations normally. It does not request
-`app:getLang`. When installed, the Registry reads the already-cached system
-settings and requests only registered server namespaces. `lm-collections` is
-registered by default for collection and field metadata.
-
-Application-owned React translations belong in `src/locales`, outside the
-installed Registry directory:
-
-```ts
-import { registerLocaleResources } from "@/providers/i18n";
-
-registerLocaleResources("my-feature", {
-  "en-US": { title: "Orders" },
-  "zh-CN": { title: "订单" },
-});
-```
-
-Other installed components can opt into another server-generated namespace:
-
-```ts
-import { registerServerResourceNamespace } from "@/extensions/nocobase-i18n";
-
-registerServerResourceNamespace("my-dynamic-namespace");
-```
-
-Namespaces registered after startup are loaded incrementally. Existing exact
-NocoBase expressions such as `{{t("Orders")}}` remain supported by the
-Starter's translation compatibility helper.

package/registry/nocobase-i18n/components/index.ts

@@ -1 +0,0 @@
-export * from "./language-switcher";

package/registry/nocobase-i18n/components/language-switcher.tsx

@@ -1,138 +0,0 @@
-import { useGetLocale, useSetLocale, useTranslate } from "@refinedev/core";
-import { Languages, Loader2 } from "lucide-react";
-import { useState, type ReactNode } from "react";
-
-import {
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-} from "@/components/ui/dropdown-menu";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { cn } from "@/lib/utils";
-import { useEnabledLocales } from "@/providers/i18n";
-
-export type LanguageSwitcherProps = {
-  className?: string;
-  label?: ReactNode | false;
-  triggerClassName?: string;
-};
-
-export function LanguageSwitcher({
-  className,
-  label,
-  triggerClassName,
-}: LanguageSwitcherProps) {
-  const translate = useTranslate();
-  const getLocale = useGetLocale();
-  const setLocale = useSetLocale();
-  const locales = useEnabledLocales();
-  const currentLocale = getLocale();
-  const [switching, setSwitching] = useState(false);
-  const [error, setError] = useState<string>();
-  const resolvedLabel =
-    typeof label === "undefined"
-      ? translate("language.label", { ns: "nocobase-i18n" }, "Language")
-      : label;
-
-  if (locales.length < 2) return null;
-
-  const currentDefinition =
-    locales.find(({ locale }) => locale === currentLocale) ?? locales[0];
-
-  return (
-    <div className={cn("space-y-2", className)}>
-      {resolvedLabel === false ? null : (
-        <p className="text-xs font-medium text-muted-foreground">
-          {resolvedLabel}
-        </p>
-      )}
-      <Select
-        value={currentLocale}
-        disabled={switching}
-        onValueChange={(value) => {
-          if (!value || value === currentLocale) return;
-          setSwitching(true);
-          setError(undefined);
-          Promise.resolve(setLocale(value)).catch((reason) => {
-            setError(
-              reason instanceof Error
-                ? reason.message
-                : translate(
-                    "language.switchError",
-                    { ns: "nocobase-i18n" },
-                    "Unable to switch language."
-                  )
-            );
-            setSwitching(false);
-          });
-        }}
-      >
-        <SelectTrigger
-          className={cn("w-full min-w-52", triggerClassName)}
-          aria-label={String(resolvedLabel || "Language")}
-        >
-          {switching ? <Loader2 className="animate-spin" /> : <Languages />}
-          <SelectValue>{currentDefinition?.label ?? currentLocale}</SelectValue>
-        </SelectTrigger>
-        <SelectContent>
-          {locales.map((definition) => (
-            <SelectItem key={definition.locale} value={definition.locale}>
-              {definition.label}
-            </SelectItem>
-          ))}
-        </SelectContent>
-      </Select>
-      {error ? <p className="text-xs text-destructive">{error}</p> : null}
-    </div>
-  );
-}
-
-export function LanguageUserMenuItems() {
-  const translate = useTranslate();
-  const getLocale = useGetLocale();
-  const setLocale = useSetLocale();
-  const locales = useEnabledLocales();
-  const currentLocale = getLocale();
-
-  if (locales.length < 2) return null;
-
-  return (
-    <>
-      <DropdownMenuSeparator />
-      <DropdownMenuSub>
-        <DropdownMenuSubTrigger className="min-h-9 gap-2 px-2 text-muted-foreground focus:text-foreground">
-          <Languages />
-          <span>
-            {translate("language.label", { ns: "nocobase-i18n" }, "Language")}
-          </span>
-        </DropdownMenuSubTrigger>
-        <DropdownMenuSubContent className="min-w-44">
-          <DropdownMenuRadioGroup
-            value={currentLocale}
-            onValueChange={(value) => {
-              if (value && value !== currentLocale) void setLocale(value);
-            }}
-          >
-            {locales.map((definition) => (
-              <DropdownMenuRadioItem
-                key={definition.locale}
-                value={definition.locale}
-              >
-                {definition.label}
-              </DropdownMenuRadioItem>
-            ))}
-          </DropdownMenuRadioGroup>
-        </DropdownMenuSubContent>
-      </DropdownMenuSub>
-    </>
-  );
-}

package/registry/nocobase-i18n/demo/index.tsx

@@ -1,209 +0,0 @@
-import { useGetLocale, useTranslate } from "@refinedev/core";
-import { Database, Languages, PanelsTopLeft } from "lucide-react";
-
-import { Badge } from "@/components/ui/badge";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { nocobaseClient } from "@/lib/nocobase/client";
-import {
-  LanguageSwitcher,
-  useEnabledLocales,
-} from "@/extensions/nocobase-i18n";
-import { I18nPromptGenerator } from "./prompt-generator";
-
-export function I18nDemoPage() {
-  const t = useTranslate();
-  const getLocale = useGetLocale();
-  const locale = getLocale();
-  const locales = useEnabledLocales();
-  const canSwitchLanguage = locales.length > 1;
-
-  return (
-    <div className="space-y-10 pb-12">
-      <header className="space-y-2">
-        <div className="flex items-center gap-2">
-          <Badge variant="secondary">i18n</Badge>
-          <Badge variant="outline">{locale}</Badge>
-        </div>
-        <h1 className="text-2xl font-semibold tracking-[-0.025em] sm:text-3xl">
-          {t("demo.title", { ns: "nocobase-i18n" }, "Internationalization")}
-        </h1>
-        <p className="max-w-3xl text-sm leading-6 text-muted-foreground">
-          {t(
-            "demo.description",
-            { ns: "nocobase-i18n" },
-            "Optional NocoBase server translations and language controls built on the Starter's internationalization runtime."
-          )}
-        </p>
-      </header>
-
-      <section className="grid gap-5 xl:grid-cols-3">
-        <Card>
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <Languages className="size-4" />
-              {t(
-                "demo.switcher.title",
-                { ns: "nocobase-i18n" },
-                "Language switcher"
-              )}
-            </CardTitle>
-            <CardDescription>
-              {t(
-                "demo.switcher.description",
-                { ns: "nocobase-i18n" },
-                "The same reusable component is also integrated into the signed-in user menu."
-              )}
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            {canSwitchLanguage ? (
-              <LanguageSwitcher className="max-w-sm" />
-            ) : (
-              <div className="flex items-start gap-3 rounded-lg border bg-muted/30 p-4">
-                <Languages className="mt-0.5 size-5 shrink-0 text-muted-foreground" />
-                <div>
-                  <p className="text-sm font-medium">
-                    {t(
-                      "demo.switcher.unavailable.title",
-                      { ns: "nocobase-i18n" },
-                      "Only one language is enabled"
-                    )}
-                  </p>
-                  <p className="mt-1 text-xs leading-5 text-muted-foreground">
-                    {t(
-                      "demo.switcher.unavailable.description",
-                      { ns: "nocobase-i18n" },
-                      "Enable another language in NocoBase system settings to display the switcher."
-                    )}
-                  </p>
-                </div>
-              </div>
-            )}
-          </CardContent>
-        </Card>
-
-        <CapabilityCard
-          icon={<PanelsTopLeft className="size-4" />}
-          title={t(
-            "demo.frontend.title",
-            { ns: "nocobase-i18n" },
-            "Application UI translations"
-          )}
-          description={t(
-            "demo.frontend.description",
-            { ns: "nocobase-i18n" },
-            "The Starter provides the runtime while application and Registry components keep their messages in local resource files."
-          )}
-        >
-          <div className="divide-y rounded-lg border">
-            <DemoRow
-              label={t(
-                "language.current",
-                { ns: "nocobase-i18n" },
-                "Current language"
-              )}
-              value={locale}
-            />
-            <DemoRow
-              label={t(
-                "demo.frontend.actions",
-                { ns: "nocobase-i18n" },
-                "Common actions"
-              )}
-              value={`${t("buttons.apply", "Apply")} · ${t(
-                "buttons.clear",
-                "Clear"
-              )}`}
-            />
-          </div>
-        </CapabilityCard>
-
-        <CapabilityCard
-          icon={<Database className="size-4" />}
-          title={t(
-            "demo.server.title",
-            { ns: "nocobase-i18n" },
-            "NocoBase metadata translations"
-          )}
-          description={t(
-            "demo.server.description",
-            { ns: "nocobase-i18n" },
-            "Collection and field labels are loaded from dynamic server namespaces such as lm-collections."
-          )}
-        >
-          <div className="divide-y rounded-lg border">
-            <DemoRow
-              label="Users"
-              value={t("Users", { ns: "lm-collections" }, "Users")}
-            />
-            <DemoRow
-              label="Nickname"
-              value={t("Nickname", { ns: "lm-collections" }, "Nickname")}
-            />
-            <DemoRow
-              label="X-Locale"
-              value={nocobaseClient.getLocale() ?? locale}
-              code
-            />
-          </div>
-        </CapabilityCard>
-      </section>
-
-      <section className="border-t pt-8">
-        <I18nPromptGenerator />
-      </section>
-    </div>
-  );
-}
-
-function DemoRow({
-  code,
-  label,
-  value,
-}: {
-  code?: boolean;
-  label: string;
-  value: string;
-}) {
-  return (
-    <div className="flex items-center justify-between gap-4 px-3 py-2.5">
-      <span className="text-xs text-muted-foreground">{label}</span>
-      {code ? (
-        <code className="rounded bg-muted px-2 py-1 text-xs">{value}</code>
-      ) : (
-        <span className="text-sm font-medium">{value}</span>
-      )}
-    </div>
-  );
-}
-
-function CapabilityCard({
-  children,
-  description,
-  icon,
-  title,
-}: {
-  children: React.ReactNode;
-  description: string;
-  icon: React.ReactNode;
-  title: string;
-}) {
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          {icon}
-          {title}
-        </CardTitle>
-        <CardDescription>{description}</CardDescription>
-      </CardHeader>
-      <CardContent className="text-sm">{children}</CardContent>
-    </Card>
-  );
-}

package/registry/nocobase-i18n/demo/prompt-generator.tsx

@@ -1,132 +0,0 @@
-import { useTranslate } from "@refinedev/core";
-import { ChevronDown, Sparkles } from "lucide-react";
-import { useMemo, useState } from "react";
-
-import { PromptOutput } from "@/components/demo/prompt-output";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Textarea } from "@/components/ui/textarea";
-
-export function I18nPromptGenerator() {
-  const t = useTranslate();
-  const [scene, setScene] = useState("A customer support workspace");
-  const [languages, setLanguages] = useState("English and Simplified Chinese");
-
-  const prompt = useMemo(
-    () => `Build a complete multilingual scene in the NocoBase Admin Starter.
-
-Application scene
-- Product or page: ${scene}
-- Supported languages: ${languages}
-- Translate the complete visible user flow, including empty, loading, validation, and error states.
-
-Implementation contract
-- Use the Starter's @/providers/i18n runtime and the application's translation and locale hooks.
-- Put application-owned React messages in src/locales and register the app namespace through registerTranslationResources from @/lib/i18n.
-- Keep each Registry component's messages in its own namespace and register them with registerLocaleResources().
-- Do not place application messages inside src/extensions/nocobase-i18n/locales because installed Registry files may be refreshed independently.
-- Use the reusable LanguageSwitcher when the page needs an explicit language control; the signed-in user menu already includes one.
-- Reuse the Starter's shared system settings instead of requesting systemSettings:get again.
-- Keep Starter and Registry UI resources local. Use app:getLang only for registered dynamic server namespaces such as lm-collections when the NocoBase i18n Registry is installed.
-- Let the shared NocoBase client send the selected locale through X-Locale.
-- Preserve compatibility when server metadata contains exact {{t("...")}} expressions.
-- Provide complete React components, locale resource files, route/resource integration, and realistic visible content.`,
-    [languages, scene]
-  );
-
-  return (
-    <details open className="group rounded-xl border bg-muted/15">
-      <summary className="flex cursor-pointer list-none items-center gap-2 px-4 py-3 text-sm font-medium marker:hidden">
-        <Sparkles className="size-4 text-primary" />
-        {t("demo.prompt.title", { ns: "nocobase-i18n" }, "Prompt generator")}
-        <ChevronDown className="ml-auto size-4 text-muted-foreground transition-transform group-open:rotate-180" />
-      </summary>
-      <div className="grid items-start gap-5 border-t p-4 xl:grid-cols-[360px_minmax(0,1fr)]">
-        <Card className="gap-0 py-0">
-          <CardHeader className="border-b py-4">
-            <CardTitle className="text-base">
-              {t(
-                "demo.prompt.settings",
-                { ns: "nocobase-i18n" },
-                "Scene settings"
-              )}
-            </CardTitle>
-            <CardDescription>
-              {t(
-                "demo.prompt.description",
-                { ns: "nocobase-i18n" },
-                "Describe a complete multilingual application scene and generate an implementation prompt."
-              )}
-            </CardDescription>
-          </CardHeader>
-          <CardContent className="space-y-5 py-5">
-            <div className="space-y-2">
-              <Label htmlFor="i18n-prompt-scene">
-                {t(
-                  "demo.prompt.scene",
-                  { ns: "nocobase-i18n" },
-                  "Application scene"
-                )}
-              </Label>
-              <Input
-                id="i18n-prompt-scene"
-                value={scene}
-                onChange={(event) => setScene(event.target.value)}
-              />
-            </div>
-            <div className="space-y-2">
-              <Label htmlFor="i18n-prompt-languages">
-                {t(
-                  "demo.prompt.languages",
-                  { ns: "nocobase-i18n" },
-                  "Languages"
-                )}
-              </Label>
-              <Textarea
-                id="i18n-prompt-languages"
-                value={languages}
-                onChange={(event) => setLanguages(event.target.value)}
-                className="min-h-24"
-              />
-            </div>
-          </CardContent>
-        </Card>
-        <PromptOutput
-          title={t(
-            "demo.prompt.output",
-            { ns: "nocobase-i18n" },
-            "Generated prompt"
-          )}
-          description={t(
-            "demo.prompt.outputDescription",
-            { ns: "nocobase-i18n" },
-            "Updates as you change the scene and language requirements."
-          )}
-          prompt={prompt}
-          copyLabel={t(
-            "demo.prompt.copy",
-            { ns: "nocobase-i18n" },
-            "Copy prompt"
-          )}
-          copiedLabel={t(
-            "demo.prompt.copied",
-            { ns: "nocobase-i18n" },
-            "Copied"
-          )}
-          copyErrorLabel={t(
-            "demo.prompt.copyError",
-            { ns: "nocobase-i18n" },
-            "Clipboard access failed. Select the prompt and copy it manually."
-          )}
-        />
-      </div>
-    </details>
-  );
-}