@qlover/create-app 1.1.0 → 2.0.2

package/dist/templates/react-app/src/pages/base/JSONStoragePage.tsx

@@ -1,132 +0,0 @@
-import { useStore } from '@brain-toolkit/react-kit/hooks/useStore';
-import { jsonStorage18n } from '@config/i18n/jsonStorage18n';
-import { IOCIdentifier } from '@config/IOCIdentifier';
-import { Button, Input } from 'antd';
-import template from 'lodash/template';
-import { useI18nInterface } from '@/uikit/hooks/useI18nInterface';
-import { useIOC } from '@/uikit/hooks/useIOC';
-
-export default function JSONStoragePage() {
-  const pageBridge = useIOC(IOCIdentifier.JSONStoragePageInterface);
-  const pageState = useStore(pageBridge);
-  const tt = useI18nInterface(jsonStorage18n);
-
-  return (
-    <div
-      data-testid="JSONStoragePage"
-      className="min-h-screen bg-primary py-6 flex flex-col justify-center sm:py-12"
-    >
-      <div className="relative py-3 sm:max-w-xl sm:mx-auto">
-        <div className="bg-secondary shadow-lg rounded-lg px-8 py-6">
-          <h1 className="text-3xl font-bold text-center text-text mb-8">
-            {tt.mainTitle}
-          </h1>
-
-          <div className="space-y-6">
-            {/* 无过期时间的测试 */}
-            <div className="p-6 bg-elevated rounded-lg">
-              <h2 className="text-xl font-semibold text-text mb-4">
-                {tt.permanentTitle}
-              </h2>
-              <div className="text-text-secondary mb-4">
-                {template(tt.formatTitle)({
-                  key: 'testKey1',
-                  min: 100,
-                  max: 9000
-                })}
-              </div>
-
-              <div className="flex flex-col items-center space-y-4">
-                <Button
-                  type="primary"
-                  onClick={pageBridge.changeRandomTestKey1}
-                >
-                  {tt.setRandom}
-                </Button>
-
-                <div className="p-4 bg-secondary rounded-lg w-full text-center">
-                  <span className="text-text-secondary">
-                    {tt.currentValue}:{' '}
-                  </span>
-                  <span className="font-semibold text-text">
-                    {JSON.stringify(pageState.testKey1)}
-                  </span>
-                </div>
-              </div>
-            </div>
-
-            {/* 带过期时间的测试 */}
-            <div className="p-6 bg-elevated rounded-lg">
-              <h2 className="text-xl font-semibold text-text mb-4">
-                {tt.expireTitle}
-              </h2>
-              <div className="text-text-secondary mb-4">
-                {template(tt.formatTitle)({
-                  key: 'testKey2',
-                  min: 100,
-                  max: 9000
-                })}
-              </div>
-
-              <div className="flex flex-col items-center space-y-4">
-                <div className="flex items-center space-x-4">
-                  <Input
-                    type="number"
-                    value={pageState.expireTime}
-                    onChange={(e) =>
-                      pageBridge.changeExpireTime(
-                        Number((e.target as HTMLInputElement).value)
-                      )
-                    }
-                    className="w-32"
-                    min="1000"
-                    step="1000"
-                  />
-                  <span className="text-text-secondary">{tt.ms}</span>
-                </div>
-
-                <Button
-                  type="primary"
-                  onClick={pageBridge.onChangeRandomTestKey2}
-                >
-                  {tt.setExpire}
-                </Button>
-
-                <div className="p-4 bg-secondary rounded-lg w-full text-center">
-                  <span className="text-text-secondary">
-                    {tt.currentValue}:{' '}
-                  </span>
-                  <span className="font-semibold text-text">
-                    {pageState.testKey2}
-                  </span>
-                </div>
-              </div>
-            </div>
-
-            {/* 请求超时时间设置 */}
-            <div className="p-6 bg-elevated rounded-lg">
-              <h2 className="text-xl font-semibold text-text mb-4">
-                {tt.timeoutTitle}
-              </h2>
-              <div className="flex items-center space-x-4">
-                <Input
-                  type="number"
-                  value={pageState.requestTimeout}
-                  onChange={(e) =>
-                    pageBridge.changeRequestTimeout(
-                      Number((e.target as HTMLInputElement).value)
-                    )
-                  }
-                  className="w-32"
-                  min="1000"
-                  step="1000"
-                />
-                <span className="text-text-secondary">{tt.ms}</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

package/dist/templates/react-app/src/pages/base/Layout.tsx

@@ -1,20 +0,0 @@
-import { Outlet } from 'react-router-dom';
-import { BaseLayoutProvider } from '@/uikit/components/BaseLayoutProvider';
-import { BaseHeader } from '../../uikit/components/BaseHeader';
-
-export default function Layout() {
-  return (
-    <BaseLayoutProvider>
-      <div
-        data-testid="basic-layout"
-        className="text-base min-h-screen bg-primary"
-      >
-        <BaseHeader showLogoutButton />
-
-        <div className="text-text bg-primary">
-          <Outlet />
-        </div>
-      </div>
-    </BaseLayoutProvider>
-  );
-}

package/dist/templates/react-app/src/pages/base/MessagePage.tsx

@@ -1,71 +0,0 @@
-import { useFactory } from '@brain-toolkit/react-kit';
-import { chatMessageI18n } from '@config/i18n/chatMessageI18n';
-import {
-  ChatMessageStore,
-  ChatSenderStrategy,
-  MessageSenderExecutor,
-  SendFailureStrategy
-} from '@qlover/corekit-bridge';
-import { Aborter, AborterPlugin } from '@qlover/fe-corekit';
-import { useState } from 'react';
-import { logger } from '@/core/globals';
-import { ChatMessageBridge } from '@/uikit/components/chatMessage/ChatMessageBridge';
-import { ChatRoot } from '@/uikit/components/chatMessage/ChatRoot';
-import { MessageApi } from '@/uikit/components/chatMessage/MessageApi';
-import { MessageBaseList } from '@/uikit/components/MessageBaseList';
-import { useI18nInterface } from '@/uikit/hooks/useI18nInterface';
-import { useIOC } from '@/uikit/hooks/useIOC';
-import type { ChatMessage, MessageSenderOptions } from '@qlover/corekit-bridge';
-import type { AborterConfig } from '@qlover/fe-corekit';
-
-// TODO: message sender getconfig type not match, need to fix
-function toAborterConfig<T>(
-  parameters: unknown | MessageSenderOptions<ChatMessage<T>>
-): any {
-  const options = parameters as MessageSenderOptions<ChatMessage<T>>;
-  return {
-    abortId: options.currentMessage.id,
-    onAborted: options.gatewayOptions?.onAborted,
-    abortTimeout: options.gatewayOptions?.timeout,
-    signal: options.gatewayOptions?.signal
-  } as AborterConfig;
-}
-
-export default function MessagePage() {
-  const tt = useI18nInterface(chatMessageI18n);
-  const messagesStore = useFactory(ChatMessageStore<string>);
-  const messageApi = useFactory(MessageApi, messagesStore);
-  const aborter = useIOC(Aborter);
-
-  const [bridge] = useState(() => {
-    const messageBridge = new ChatMessageBridge<string>(messagesStore, {
-      gateway: messageApi,
-      logger: logger,
-      aborter: aborter,
-      senderName: 'ChatSender',
-      gatewayOptions: { stream: true },
-      executor: new MessageSenderExecutor()
-    });
-    return messageBridge
-      .use(
-        new AborterPlugin<
-          AborterConfig & MessageSenderOptions<ChatMessage<string>>
-        >({
-          aborter: aborter,
-          getConfig: toAborterConfig
-        })
-      )
-      .use(new ChatSenderStrategy(SendFailureStrategy.KEEP_FAILED, logger));
-  });
-
-  return (
-    <div
-      data-testid="MessagePage"
-      className="min-h-screen bg-primary py-8 px-4 sm:px-6 lg:px-8"
-    >
-      <MessageBaseList />
-
-      <ChatRoot bridge={bridge} tt={tt} />
-    </div>
-  );
-}

package/dist/templates/react-app/src/pages/base/RedirectPathname.tsx

@@ -1,18 +0,0 @@
-import { IOCIdentifier } from '@config/IOCIdentifier';
-import { useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { useIOC } from '@/uikit/hooks/useIOC';
-
-const RedirectToDefault = () => {
-  const navigate = useNavigate();
-  const routeService = useIOC(IOCIdentifier.RouteServiceInterface);
-
-  useEffect(() => {
-    // Redirect to the default language path
-    routeService.redirectToDefault(navigate);
-  }, [navigate]);
-
-  return null;
-};
-
-export default RedirectToDefault;

package/dist/templates/react-app/src/pages/base/RequestPage.tsx

@@ -1,193 +0,0 @@
-import { LoadingOutlined } from '@ant-design/icons';
-import { useStore } from '@brain-toolkit/react-kit/hooks/useStore';
-import { request18n } from '@config/i18n/request18n';
-import { IOCIdentifier } from '@config/IOCIdentifier';
-import { Button } from 'antd';
-import { useMemo } from 'react';
-import { useI18nInterface } from '@/uikit/hooks/useI18nInterface';
-import { useIOC } from '@/uikit/hooks/useIOC';
-
-function JSONValue({ value }: { value: unknown }) {
-  const output = useMemo(() => {
-    try {
-      return JSON.stringify(value, null, 2);
-    } catch {
-      return 'Invalid JSON';
-    }
-  }, [value]);
-  return (
-    <pre
-      data-testid="JSONValue"
-      className="mt-1 text-sm text-text-secondary font-mono bg-secondary p-2 rounded overflow-x-auto"
-    >
-      {output}
-    </pre>
-  );
-}
-
-export default function RequestPage() {
-  const pageBridge = useIOC(IOCIdentifier.RequestPageBridgeInterface);
-  const pageState = useStore(pageBridge);
-  const jsonStoragePageBridge = useIOC(IOCIdentifier.JSONStoragePageInterface);
-  const jsonStoragePageState = useStore(jsonStoragePageBridge);
-  const tt = useI18nInterface(request18n);
-
-  return (
-    <div
-      data-testid="RequestPage"
-      className="min-h-screen bg-primary py-8 px-4 sm:px-6 lg:px-8"
-    >
-      <div className="max-w-4xl mx-auto space-y-6">
-        {/* Request Timeout Information */}
-        <div className="bg-secondary shadow sm:rounded-lg p-6 border border-primary">
-          <h2 className="text-lg font-medium text-text mb-2">{tt.timeout}</h2>
-          <div className="text-sm text-text-secondary font-mono bg-base p-2 rounded">
-            {jsonStoragePageState.requestTimeout}
-          </div>
-        </div>
-
-        {/* Hello Request Card */}
-        <div className="bg-secondary shadow sm:rounded-lg p-6 border border-primary hover:bg-elevated transition-colors duration-200">
-          <h2 className="text-lg font-medium text-text mb-4">
-            {tt.helloTitle}
-          </h2>
-
-          <p className="text-sm text-text-secondary mb-4">
-            {tt.helloDescription}
-          </p>
-          <Button
-            type="primary"
-            onClick={pageBridge.onHello}
-            loading={pageState.helloState.loading}
-          >
-            {pageState.helloState.loading ? tt.loading : tt.helloButton}
-          </Button>
-
-          <div className="mt-4 space-y-2">
-            <div>
-              <p className="text-sm font-medium text-text">{tt.helloResult}:</p>
-              <JSONValue value={pageState.helloState.result} />
-            </div>
-
-            <div>
-              <p className="text-sm font-medium text-text">{tt.helloError}:</p>
-              <JSONValue value={pageState.helloState.error} />
-            </div>
-          </div>
-        </div>
-
-        {/* IP Information Card */}
-        <div className="bg-secondary shadow sm:rounded-lg p-6 border border-primary hover:bg-elevated transition-colors duration-200">
-          <h2 className="text-lg font-medium text-text mb-4">
-            {tt.ipInfoTitle}
-          </h2>
-
-          <p className="text-sm text-text-secondary mb-4">
-            {tt.ipInfoDescription}
-          </p>
-          <Button
-            type="primary"
-            onClick={pageBridge.onIpInfo}
-            loading={pageState.ipInfoState.loading}
-          >
-            {pageState.ipInfoState.loading ? tt.loading : tt.ipInfo}
-          </Button>
-
-          <div className="mt-4">
-            <p className="text-sm font-medium text-text">{tt.ipInfoResult}:</p>
-            <JSONValue value={pageState.ipInfoState.result} />
-          </div>
-        </div>
-
-        {/* Random User Card */}
-        <div className="bg-secondary shadow sm:rounded-lg p-6 border border-primary hover:bg-elevated transition-colors duration-200">
-          <h2 className="text-lg font-medium text-text mb-4">
-            {tt.randomUserTitle}
-          </h2>
-          <p className="text-sm text-text-secondary mb-4">
-            {tt.randomUserDescription}
-          </p>
-          <Button
-            type="primary"
-            onClick={pageBridge.onRandomUser}
-            loading={pageState.randomUserState.loading}
-          >
-            {pageState.randomUserState.loading ? tt.loading : tt.randomUser}
-          </Button>
-
-          <div className="mt-4 space-y-2">
-            <div>
-              <p className="text-sm font-medium text-text">
-                {tt.randomUserResult}:
-              </p>
-              <JSONValue value={pageState.randomUserState.result} />
-            </div>
-
-            <div>
-              <p className="text-sm font-medium text-text">
-                {tt.randomUserError}:
-              </p>
-              <JSONValue value={pageState.randomUserState.error} />
-            </div>
-          </div>
-        </div>
-
-        {/* Api catch result */}
-        <div className="bg-secondary shadow sm:rounded-lg p-6 border border-primary hover:bg-elevated transition-colors duration-200">
-          <h2 className="text-lg font-medium text-text mb-4">
-            {tt.apiCatchTitle}
-          </h2>
-          <Button
-            type={pageState.apiCatchResultState.loading ? 'primary' : 'primary'}
-            danger={pageState.apiCatchResultState.loading}
-            onClick={pageBridge.onTriggerApiCatchResult}
-            loading={pageState.apiCatchResultState.loading}
-          >
-            {pageState.apiCatchResultState.loading
-              ? tt.stopAbort
-              : tt.triggerApiCatch}
-          </Button>
-
-          <div className="mt-4 space-y-2">
-            <div>
-              <p className="text-sm font-medium text-text">{tt.abortResult}:</p>
-              <JSONValue value={pageState.apiCatchResultState.result} />
-            </div>
-
-            <div>
-              <p className="text-sm font-medium text-text">{tt.abortError}:</p>
-              <JSONValue value={pageState.apiCatchResultState.error} />
-            </div>
-          </div>
-        </div>
-
-        {/* Abort Request Card */}
-        <div className="bg-secondary shadow sm:rounded-lg p-6 border border-primary hover:bg-elevated transition-colors duration-200">
-          <h2 className="text-lg font-medium text-text mb-4">
-            {tt.abortTitle}
-          </h2>
-          <Button
-            type={pageState.abortState.loading ? 'primary' : 'primary'}
-            danger={pageState.abortState.loading}
-            onClick={pageBridge.onTriggerAbortRequest}
-          >
-            {pageState.abortState.loading && <LoadingOutlined />}
-            {pageState.abortState.loading ? tt.stopAbort : tt.triggerAbort}
-          </Button>
-
-          <div className="mt-4 space-y-2">
-            <div>
-              <p className="text-sm font-medium text-text">{tt.abortResult}:</p>
-              <JSONValue value={pageState.abortState.result} />
-            </div>
-
-            <div>
-              <p className="text-sm font-medium text-text">{tt.abortError}:</p>
-              <JSONValue value={pageState.abortState.error} />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}