@4399ywkf/cli 1.0.9 → 2.0.0

package/dist/templates/app/src/locales/create.ts

@@ -1,56 +0,0 @@
-import i18n from 'i18next';
-import LanguageDetector from 'i18next-browser-languagedetector';
-import resourcesToBackend from 'i18next-resources-to-backend';
-import { initReactI18next } from 'react-i18next';
-import { isRtlLang } from 'rtl-detect';
-
-import { DEFAULT_LANG } from '@/const/locale';
-import { normalizeLocale } from '@/locales/resources';
-
-const isDev = process.env.NODE_ENV === 'development';
-const debugMode = isDev;
-
-export const createI18nNext = (lang?: string) => {
-  const instance = i18n
-    .use(initReactI18next)
-    .use(LanguageDetector)
-    .use(
-      resourcesToBackend(async (lng: string, ns: string) => {
-        return import(`@locales/${normalizeLocale(lng)}/${ns}.json`);
-      }),
-    );
-  // Dynamically set HTML direction on language change
-  instance.on('languageChanged', (lng) => {
-    if (typeof window !== 'undefined') {
-      const direction = isRtlLang(lng) ? 'rtl' : 'ltr';
-      document.documentElement.dir = direction;
-    }
-  });
-  return {
-    init: () =>
-      instance.init({
-        debug: debugMode,
-        defaultNS: ['error', 'common', 'chat'],
-        // detection: {
-        //   caches: ['cookie'],
-        //   cookieMinutes: 60 * 24 * COOKIE_CACHE_DAYS,
-        //   /**
-        //      Set `sameSite` to `lax` so that the i18n cookie can be passed to the
-        //      server side when returning from the OAuth authorization website.
-        //      ref: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#samesitesamesite-value
-        //      discussion: https://github.com/lobehub/lobe-chat/pull/1474
-        //   */
-        //   cookieOptions: {
-        //     sameSite: 'lax',
-        //   },
-        //   lookupCookie: LOBE_LOCALE_COOKIE,
-        // },
-        fallbackLng: DEFAULT_LANG,
-        interpolation: {
-          escapeValue: false,
-        },
-        lng: lang,
-      }),
-    instance,
-  };
-};

package/dist/templates/app/src/locales/default/common.ts

@@ -1,3 +0,0 @@
-export default {
-  appName: "Chat应用",
-};

package/dist/templates/app/src/locales/default/index.ts

@@ -1,7 +0,0 @@
-import common from "./common";
-
-const resources = {
-  common,
-} as const;
-
-export default resources;

package/dist/templates/app/src/locales/resources.ts

@@ -1,104 +0,0 @@
-import { DEFAULT_LANG } from '@/const/locale';
-
-export const locales = ['ar', 'bg-BG', 'de-DE', 'en-US', 'es-ES', 'fr-FR', 'ja-JP', 'ko-KR', 'pt-BR', 'ru-RU', 'tr-TR', 'zh-CN', 'zh-TW', 'vi-VN', 'fa-IR'] as const;
-
-export type Locales = (typeof locales)[number];
-
-type LocaleOptions = {
-  label: string;
-  value: Locales;
-}[];
-
-export const localeOptions: LocaleOptions = [
-  {
-    label: 'English',
-    value: 'en-US',
-  },
-  {
-    label: '简体中文',
-    value: 'zh-CN',
-  },
-  {
-    label: '繁體中文',
-    value: 'zh-TW',
-  },
-  {
-    label: '日本語',
-    value: 'ja-JP',
-  },
-  {
-    label: '한국어',
-    value: 'ko-KR',
-  },
-  {
-    label: 'Deutsch',
-    value: 'de-DE',
-  },
-  {
-    label: 'Español',
-    value: 'es-ES',
-  },
-  {
-    label: 'العربية',
-    value: 'ar',
-  },
-  {
-    label: 'Français',
-    value: 'fr-FR',
-  },
-  {
-    label: 'Português',
-    value: 'pt-BR',
-  },
-  {
-    label: 'Русский',
-    value: 'ru-RU',
-  },
-  {
-    label: 'Türkçe',
-    value: 'tr-TR',
-  },
-  {
-    label: 'Polski',
-    value: 'pl-PL',
-  },
-  {
-    label: 'Nederlands',
-    value: 'nl-NL',
-  },
-  {
-    label: 'Italiano',
-    value: 'it-IT',
-  },
-  {
-    label: 'Tiếng Việt',
-    value: 'vi-VN',
-  },
-  {
-    label: 'Български',
-    value: 'bg-BG',
-  },
-  {
-    label: 'فارسی',
-    value: 'fa-IR',
-  },
-] as LocaleOptions;
-
-export const normalizeLocale = (locale?: string): string => {
-  if (!locale) return DEFAULT_LANG;
-
-  if (locale.startsWith('ar')) return 'ar';
-  if (locale.startsWith('fa')) return 'fa-IR';
-
-  if (locale.startsWith('cn')) return 'zh-CN';
-
-  for (const l of locales) {
-    if (l.startsWith(locale)) {
-      return l;
-    }
-  }
-
-  return DEFAULT_LANG;
-};
-
-export const supportLocales: string[] = [...locales, 'en', 'zh'];

package/dist/templates/app/src/locales/utils.ts

@@ -1,23 +0,0 @@
-const SAFE_KEY = /^[^.[\]]+$/;
-
-export const toLodashPath = (segments: Array<number | string>) => {
-  let path = '';
-
-  for (const segment of segments) {
-    if (typeof segment === 'number') {
-      path += `[${segment}]`;
-      continue;
-    }
-
-    const key = segment;
-    const safe = SAFE_KEY.test(key);
-    if (safe) {
-      path += path ? `.${key}` : key;
-      continue;
-    }
-
-    path += `[${JSON.stringify(key)}]`;
-  }
-
-  return path;
-};

package/dist/templates/app/src/micro/garfish.ts

@@ -1,53 +0,0 @@
-import type { Root } from "react-dom";
-import { renderClient } from "@config/router";
-import { createRouter } from "@/routes";
-
-interface GarfishProvider {
-  render: (props: { basename: string }) => void;
-  destroy: () => void;
-}
-
-interface RenderContext {
-  basename?: string;
-  rootElement: HTMLElement | null;
-}
-
-/**
- * Garfish 微前端生命周期适配器
- */
-export function createGarfishProvider(appName: string): GarfishProvider {
-  let root: Root | null = null;
-
-  return {
-    render({ basename }: { basename: string }) {
-      const context: RenderContext = {
-        basename,
-        rootElement: document.getElementById(appName) ?? document.body,
-      };
-
-      root = renderClient(context);
-
-      // 向主应用通知路由信息
-      if (window.Garfish?.channel) {
-        window.Garfish.channel.emit("router", {
-          name: appName,
-          routes: createRouter(basename),
-        });
-      }
-    },
-
-    destroy() {
-      if (root) {
-        root.unmount();
-        root = null;
-      }
-    },
-  };
-}
-
-/**
- * 判断是否在微前端环境中运行
- */
-export function isMicroApp(): boolean {
-  return typeof window !== "undefined" && Boolean(window.__GARFISH__);
-}

package/dist/templates/app/src/pages/404/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-export default function NotFound() {
-  return <div>404</div>;
-}

package/dist/templates/app/src/pages/404/page.tsx

@@ -1,27 +0,0 @@
-import UnFindPng from '@config/public/404.png';
-import { Button, Empty } from 'antd';
-import React from 'react';
-import { useNavigate } from 'react-router';
-
-export const UnPageFind = () => {
-  const navigate = useNavigate();
-
-  return (
-    <div className='p-4 w-full h-full relative flex justify-center items-center'>
-      <Empty
-        image={UnFindPng}
-        description={
-          <div className='flex flex-col gap-2 justify-center items-center'>
-            <h2>抱歉，页面无法访问…</h2>
-            <span>404，网址错误或已失效。请检查网址。</span>
-            <Button size={'large'} type={'primary'} className='w-24' onClick={() => navigate('/')}>
-              返回首页
-            </Button>
-          </div>
-        }
-      ></Empty>
-    </div>
-  );
-};
-
-export default UnPageFind;

package/dist/templates/app/src/pages/404.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-export default function NotFound() {
-  return <div>404页面</div>;
-}

package/dist/templates/app/src/pages/base/index.tsx

@@ -1,287 +0,0 @@
-import { useUserStore } from "@store/user";
-import { Button, Card, Space, Typography, Tag, Flex } from "antd";
-import {
-  RocketOutlined,
-  ThunderboltOutlined,
-  BulbOutlined,
-  GithubOutlined,
-  BookOutlined,
-  SettingOutlined,
-} from "@ant-design/icons";
-import React from "react";
-import { createStyles } from "antd-style";
-
-const { Title, Paragraph, Text } = Typography;
-
-const px = (value: number | string) =>
-  typeof value === "number" ? `${value}px` : value;
-
-const useStyles = createStyles(({ token, css }) => ({
-  root: css`
-    width: 100%;
-    min-height: 100vh;
-    padding: ${px(token.paddingLG)};
-    background: linear-gradient(180deg, ${token.colorFillTertiary}, ${token.colorPrimaryHover});
-    overflow: auto;
-  `,
-  container: css`
-    margin: 0 auto;
-    max-width: 960px;
-  `,
-  hero: css`
-    text-align: center;
-    margin-bottom: ${px(token.marginLG)};
-  `,
-  heroIcon: css`
-    font-size: 3.5rem;
-    color: ${token.colorPrimary};
-    animation: bounce 1.2s infinite alternate;
-
-    @keyframes bounce {
-      from {
-        transform: translateY(0);
-      }
-      to {
-        transform: translateY(-6px);
-      }
-    }
-  `,
-  tagSpace: css`
-    margin-top: ${px(token.marginMD)};
-  `,
-  featuresGrid: css`
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-    gap: ${px(token.marginSM)};
-    margin-bottom: ${px(token.marginLG)};
-  `,
-  featureCard: css`
-    text-align: center;
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-
-    &:hover {
-      transform: translateY(-6px);
-      box-shadow: ${token.boxShadowSecondary};
-    }
-  `,
-  quickLinkGrid: css`
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
-    gap: ${px(token.marginSM)};
-  `,
-  quickLink: css`
-    padding: ${px(token.paddingMD)};
-    border-radius: ${px(token.borderRadiusLG)};
-    background: ${token.colorBgContainer};
-    cursor: pointer;
-    transition: background 0.2s ease;
-
-    &:hover {
-      background: ${token.colorBgElevated};
-    }
-  `,
-  footerActions: css`
-    margin-top: ${px(token.marginMD)};
-    text-align: center;
-  `,
-  cardTitle: css`
-    display: inline-flex;
-    align-items: center;
-    gap: ${px(token.marginXS)};
-    font-size: ${px(token.fontSizeHeading4)};
-  `,
-  codeBlock: css`
-    margin-top: ${px(token.marginXS)};
-    padding: ${px(token.paddingSM)};
-    background: ${token.colorFillAlter};
-    border-radius: ${px(token.borderRadiusLG)};
-    font-family: ${token.fontFamilyCode};
-    font-size: ${px(token.fontSizeSM)};
-  `,
-  stepLabel: css`
-    font-size: ${px(token.fontSizeBase)};
-  `,
-  quickLinkLabel: css`
-    font-size: ${px(token.fontSizeHeading2)};
-    margin-bottom: ${px(token.marginXS)};
-  `,
-  quickLinkDescription: css`
-    color: ${token.colorTextTertiary};
-  `,
-  panelCard: css`
-    margin-bottom: ${px(token.marginLG)};
-    background: ${token.colorBgElevated};
-  `,
-  featureIcon: css`
-    margin-bottom: ${px(token.marginMD)};
-  `,
-  footerParagraph: css`
-    margin-top: ${px(token.marginMD)};
-    color: ${token.colorTextTertiary};
-  `,
-  textCenterCard: css`
-    text-align: center;
-  `,
-}));
-
-export default function BasePage() {
-  const theme = useUserStore((state) => state.themeMode);
-  const setTheme = useUserStore((state) => state.setThemeMode);
-  const { styles, cx } = useStyles();
-
-  const features = [
-    {
-      icon: <ThunderboltOutlined className={styles.heroIcon} />,
-      title: "Rspack 构建",
-      description: "基于 Rspack 的极速构建体验，开发效率翻倍",
-    },
-    {
-      icon: <BulbOutlined className={styles.heroIcon} />,
-      title: "React 19",
-      description: "使用最新的 React 19 特性，享受并发渲染",
-    },
-    {
-      icon: <SettingOutlined className={styles.heroIcon} />,
-      title: "TypeScript",
-      description: "完整的 TypeScript 支持，类型安全有保障",
-    },
-  ];
-
-  const quickLinks = [
-    { label: "📖 文档", description: "查看完整文档" },
-    { label: "🎨 组件库", description: "Ant Design 组件" },
-    { label: "🔧 配置", description: "项目配置说明" },
-    { label: "🚀 部署", description: "部署指南" },
-  ];
-
-  return (
-    <div className={cx(styles.root)}>
-      <div className={styles.container}>
-        <Flex vertical gap={12}>
-          <section className={styles.hero}>
-            <div>
-              <RocketOutlined className={styles.heroIcon} />
-            </div>
-            <Title level={1} style={{ marginBottom: 16 }}>
-              🎉 恭喜！项目创建成功
-            </Title>
-            <Paragraph>
-              你的项目已经准备就绪，现在可以开始开发了
-            </Paragraph>
-            <Space size="middle" className={styles.tagSpace}>
-              <Tag color="blue">React 19</Tag>
-              <Tag color="green">TypeScript</Tag>
-              <Tag color="orange">Rspack</Tag>
-              <Tag color="purple">Ant Design</Tag>
-              <Tag color="cyan">Tailwind CSS</Tag>
-            </Space>
-          </section>
-
-          <div className={styles.featuresGrid}>
-            {features.map((feature, index) => (
-              <Card
-                key={index}
-                hoverable
-                className={cx(styles.featureCard)}
-                bodyStyle={{ padding: 24 }}
-              >
-                <div className={styles.featureIcon}>{feature.icon}</div>
-                <Title level={4}>{feature.title}</Title>
-                <Paragraph type="secondary">{feature.description}</Paragraph>
-              </Card>
-            ))}
-          </div>
-
-          <Card
-            title={
-              <span className={styles.cardTitle}>
-                <BookOutlined />
-                快速开始
-              </span>
-            }
-            className={styles.panelCard}
-          >
-            <Space direction="vertical" size="large">
-              <div>
-                <Text strong className={styles.stepLabel}>
-                  1. 安装依赖
-                </Text>
-                <div className={styles.codeBlock}>
-                  <code>pnpm install</code>
-                </div>
-              </div>
-              <div>
-                <Text strong className={styles.stepLabel}>
-                  2. 启动开发服务器
-                </Text>
-                <div className={styles.codeBlock}>
-                  <code>pnpm dev</code>
-                </div>
-              </div>
-              <div>
-                <Text strong className={styles.stepLabel}>
-                  3. 构建生产版本
-                </Text>
-                <div className={styles.codeBlock}>
-                  <code>pnpm build</code>
-                </div>
-              </div>
-            </Space>
-          </Card>
-
-          <Card
-            title={
-              <span className={styles.cardTitle}>
-                <GithubOutlined />
-                快捷链接
-              </span>
-            }
-            className={styles.panelCard}
-          >
-            <div className={styles.quickLinkGrid}>
-              {quickLinks.map((link, index) => (
-                <div key={index} className={styles.quickLink}>
-                  <div className={styles.quickLinkLabel}>{link.label}</div>
-                  <Text className={styles.quickLinkDescription}>
-                    {link.description}
-                  </Text>
-                </div>
-              ))}
-            </div>
-          </Card>
-
-          <Card className={cx(styles.panelCard, styles.textCenterCard)}>
-            <div className={styles.footerActions}>
-              <Space size="large" wrap>
-                <Button
-                  type="primary"
-                  size="large"
-                  icon={<RocketOutlined />}
-                  onClick={() => window.open("https://ant.design", "_blank")}
-                >
-                  查看 Ant Design 文档
-                </Button>
-                <Button
-                  size="large"
-                  icon={<BookOutlined />}
-                  onClick={() => window.open("https://react.dev", "_blank")}
-                >
-                  React 文档
-                </Button>
-                <Button
-                  size="large"
-                  onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
-                >
-                  切换主题 ({theme === "dark" ? "🌙 暗色" : "☀️ 亮色"})
-                </Button>
-              </Space>
-              <Paragraph className={styles.footerParagraph}>
-                祝你开发愉快！如有问题，请查阅文档或联系技术支持 💪
-              </Paragraph>
-            </div>
-          </Card>
-        </Flex>
-      </div>
-    </div>
-  );
-}

package/dist/templates/app/src/pages/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-export default function Index() {
-  return <div>这是约定式路由的Index路由</div>;
-}

package/dist/templates/app/src/routes.tsx

@@ -1,27 +0,0 @@
-import React, { lazy } from "react";
-import { createBrowserRouter, Navigate } from "react-router";
-import GlobalProvider from "@/layout/GlobalProvider";
-
-export const createRouter = (basename?: string) => {
-  return createBrowserRouter(
-    [
-      {
-        path: "",
-        element: <GlobalProvider />,
-        children: [
-          {
-            path: "/",
-            element: <Navigate to="/base" replace />,
-          },
-          {
-            path: "/base",
-            Component: lazy(() => import("@/pages/base")),
-          },
-        ],
-      },
-    ],
-    {
-      basename: basename || "/",
-    }
-  );
-};

package/dist/templates/app/src/styles/antdOverride.ts

@@ -1,24 +0,0 @@
-import { type Theme, css } from 'antd-style';
-import { rgba } from 'polished';
-
-export default ({ token }: { prefixCls: string; token: Theme }) => css`
-  .${token.prefixCls}-popover {
-    z-index: 1100;
-  }
-
-  .${token.prefixCls}-menu-sub.${token.prefixCls}-menu-vertical {
-    border: 1px solid ${token.colorBorder};
-    box-shadow: ${token.boxShadow};
-  }
-
-  .${token.prefixCls}-menu-item-selected {
-    .${token.prefixCls}-menu-title-content {
-      color: ${token.colorText};
-    }
-  }
-
-  .${token.prefixCls}-modal-mask, .${token.prefixCls}-drawer-mask {
-    background: ${rgba(token.colorBgLayout, 0.5)} !important;
-    backdrop-filter: blur(2px);
-  }
-`;