@qlover/create-app 0.7.13 → 0.7.14

package/dist/templates/next-app/src/uikit/components/LanguageSwitcher.tsx

@@ -4,17 +4,16 @@ import { TranslationOutlined } from '@ant-design/icons';
 import { Dropdown } from 'antd';
 import { useLocale } from 'next-intl';
 import { useCallback, useMemo } from 'react';
-import type {
-  I18nServiceInterface,
-  I18nServiceLocale
-} from '@/base/port/I18nServiceInterface';
+import type { I18nServiceLocale } from '@/base/port/I18nServiceInterface';
 import { usePathname, useRouter } from '@/i18n/routing';
 import { i18nConfig } from '@config/i18n';
 import type { LocaleType } from '@config/i18n';
+import { I } from '@config/IOCIdentifier';
+import { useIOC } from '../hook/useIOC';
 import type { ItemType } from 'antd/es/menu/interface';
 
-export function LanguageSwitcher(props: { i18nService: I18nServiceInterface }) {
-  const { i18nService } = props;
+export function LanguageSwitcher() {
+  const i18nService = useIOC(I.I18nServiceInterface);
   const pathname = usePathname(); // current pathname, aware of i18n
 
   const router = useRouter(); // i18n-aware router instance

package/dist/templates/next-app/src/uikit/components/LogoutButton.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { LogoutOutlined } from '@ant-design/icons';
 import { Tooltip } from 'antd';
 import { useCallback } from 'react';

package/dist/templates/next-app/src/uikit/components/With.tsx

@@ -0,0 +1,17 @@
+export function With<T>(props: {
+  fallback?: React.ReactNode;
+  it: T;
+  children: React.ReactNode | ((it: NonNullable<T>) => React.ReactNode);
+}) {
+  const { fallback, it, children } = props;
+
+  if (it) {
+    if (typeof children === 'function') {
+      return children(it);
+    }
+
+    return children;
+  }
+
+  return fallback ?? null;
+}

package/dist/templates/next-app/src/uikit/components/chat/ChatActionInterface.ts

@@ -0,0 +1,30 @@
+import {
+  StoreInterface,
+  type StoreStateInterface
+} from '@qlover/corekit-bridge';
+
+export const MessageType = Object.freeze({
+  USER: 'user',
+  ASSISTANT: 'assistant'
+});
+
+export type MessageTypeValue = (typeof MessageType)[keyof typeof MessageType];
+
+export interface MessageInterface {
+  id: string;
+  content: unknown;
+  role: MessageTypeValue;
+  createdAt: string;
+
+  loading?: boolean;
+}
+
+export interface ChatStateInterface extends StoreStateInterface {
+  messages: MessageInterface[];
+}
+
+export abstract class ChatActionInterface<
+  S extends ChatStateInterface
+> extends StoreInterface<S> {
+  abstract focus(): void;
+}

package/dist/templates/next-app/src/uikit/components/chat/ChatFocusBar.tsx

@@ -0,0 +1,65 @@
+import { SendOutlined } from '@ant-design/icons';
+import { Button, Input } from 'antd';
+import { useCallback, useRef } from 'react';
+import { useStore } from '../../hook/useStore';
+import type {
+  FocusBarActionInterface,
+  FocusBarStateInterface
+} from './FocusBarActionInterface';
+
+export function ChatFocusBar({
+  focusBarAction
+}: {
+  focusBarAction: FocusBarActionInterface<FocusBarStateInterface>;
+}) {
+  const inputRef = useRef<HTMLTextAreaElement>(null);
+  const { inputValue } = useStore(focusBarAction);
+  const sendState = useStore(focusBarAction, (state) => state.sendState);
+
+  const handleInputChange = useCallback(
+    (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+      focusBarAction.setInputValue(e.target.value);
+    },
+    [focusBarAction]
+  );
+
+  const handleKeyDown = useCallback(
+    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
+      if (e.key === 'Enter' && !e.shiftKey) {
+        e.preventDefault();
+        focusBarAction.sendMessage(inputValue);
+      }
+    },
+    [focusBarAction, inputValue]
+  );
+
+  const sending = sendState.loading;
+
+  return (
+    <div
+      data-testid="ChatFocusBarInput"
+      className="flex items-end gap-2 p-4 bg-elevated border-t border-c-border"
+    >
+      <Input.TextArea
+        ref={inputRef}
+        disabled={sending}
+        value={inputValue}
+        onChange={handleInputChange}
+        onKeyDown={handleKeyDown}
+        placeholder="Type your message..."
+        rows={1}
+      />
+      <Button
+        data-testid="ChatFocusBarSendButton"
+        onClick={() => {
+          focusBarAction.sendMessage(inputValue);
+        }}
+        type="primary"
+        className="flex items-center justify-center !h-10 !w-10 !rounded-full !bg-c-brand !text-white hover:!bg-c-brand-hover transition-colors"
+        icon={<SendOutlined />}
+        loading={sending}
+        disabled={sending}
+      />
+    </div>
+  );
+}

package/dist/templates/next-app/src/uikit/components/chat/ChatMessages.tsx

@@ -0,0 +1,59 @@
+import { useEffect, useRef } from 'react';
+import { MessageType } from './ChatActionInterface';
+import { useStore } from '../../hook/useStore';
+import type {
+  ChatActionInterface,
+  ChatStateInterface,
+  MessageInterface
+} from './ChatActionInterface';
+
+function MessageItem({ message }: { message: MessageInterface }) {
+  return (
+    <div
+      data-testid="MessageItem"
+      className={`flex ${
+        message.role === MessageType.USER ? 'justify-end' : 'justify-start'
+      } mb-4`}
+    >
+      <div
+        data-testid="MessageItemContent"
+        className={`max-w-[70%] rounded-lg p-3 ${
+          message.role === MessageType.USER
+            ? 'bg-blue-500 text-white'
+            : 'bg-gray-100 dark:bg-gray-700'
+        }`}
+      >
+        <p className="whitespace-pre-wrap break-words">{message.content}</p>
+        <div className="mt-1 text-xs opacity-70">
+          {new Date(message.createdAt).toLocaleTimeString()}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export function ChatMessages({
+  chatAction
+}: {
+  chatAction: ChatActionInterface<ChatStateInterface>;
+}) {
+  const messagesEndRef = useRef<HTMLDivElement>(null);
+  const { messages } = useStore(chatAction);
+
+  useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+  }, [messages]);
+
+  return (
+    <div data-testid="ChatMessages" className="flex-1 overflow-y-auto p-4">
+      {messages.map((message: MessageInterface) => (
+        <MessageItem
+          data-testid="MessageItem"
+          key={message.id}
+          message={message}
+        />
+      ))}
+      <div ref={messagesEndRef} />
+    </div>
+  );
+}

package/dist/templates/next-app/src/uikit/components/chat/ChatWrap.tsx

@@ -0,0 +1,28 @@
+import { ChatFocusBar } from './ChatFocusBar';
+import { ChatMessages } from './ChatMessages';
+import type {
+  ChatActionInterface,
+  ChatStateInterface
+} from './ChatActionInterface';
+import type {
+  FocusBarActionInterface,
+  FocusBarStateInterface
+} from './FocusBarActionInterface';
+
+export function ChatWrap({
+  chatAction,
+  focusBarAction
+}: {
+  chatAction: ChatActionInterface<ChatStateInterface>;
+  focusBarAction: FocusBarActionInterface<FocusBarStateInterface>;
+}) {
+  return (
+    <div
+      data-testid="ChatWrap"
+      className="flex h-full flex-col p-2 bg-primary shadow-2xl"
+    >
+      <ChatMessages chatAction={chatAction} />
+      <ChatFocusBar focusBarAction={focusBarAction} />
+    </div>
+  );
+}

package/dist/templates/next-app/src/uikit/components/chat/FocusBarActionInterface.ts

@@ -0,0 +1,19 @@
+import {
+  StoreInterface,
+  type StoreStateInterface
+} from '@qlover/corekit-bridge';
+import type { AsyncStateInterface } from '@/base/port/AsyncStateInterface';
+
+export interface FocusBarStateInterface extends StoreStateInterface {
+  showHistoryArea: boolean;
+  inputValue: string;
+  sendState: AsyncStateInterface<unknown>;
+}
+
+export abstract class FocusBarActionInterface<
+  S extends FocusBarStateInterface
+> extends StoreInterface<S> {
+  abstract setInputValue(value: string): void;
+  abstract clearInput(): void;
+  abstract sendMessage(message: string): void | Promise<void>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qlover/create-app",
-  "version": "0.7.13",
+  "version": "0.7.14",
   "description": "Create a new app with a single command",
   "private": false,
   "type": "module",

package/dist/templates/next-app/src/base/port/DBBridgeInterface.ts

@@ -1,21 +0,0 @@
-import type { PostgrestSingleResponse } from '@supabase/supabase-js';
-
-export type WhereOperation = '=' | '!=' | '>' | '<' | '>=' | '<=';
-export type Where = [string, WhereOperation, string | number];
-
-export interface BridgeEvent {
-  table: string;
-  fields?: string | string[];
-  where?: Where[];
-  data?: unknown;
-  page?: number;
-  pageSize?: number;
-}
-
-export interface DBBridgeInterface {
-  add(event: BridgeEvent): Promise<PostgrestSingleResponse<unknown>>;
-  update(event: BridgeEvent): Promise<PostgrestSingleResponse<unknown>>;
-  delete(event: BridgeEvent): Promise<PostgrestSingleResponse<unknown>>;
-  get(event: BridgeEvent): Promise<PostgrestSingleResponse<unknown>>;
-  pagination(event: BridgeEvent): Promise<PostgrestSingleResponse<unknown>>;
-}

package/dist/templates/next-app/src/base/port/DBMigrationInterface.ts

@@ -1,92 +0,0 @@
-export interface MigrationConfig {
-  /**
-   * Migration version number or identifier
-   */
-  version: string | number;
-
-  /**
-   * Description of what this migration does
-   */
-  description: string;
-
-  /**
-   * Timestamp when migration was created
-   */
-  timestamp?: number;
-}
-
-export interface MigrationResult {
-  /**
-   * Whether the migration was successful
-   */
-  success: boolean;
-
-  /**
-   * Error message if migration failed
-   */
-  error?: string;
-
-  /**
-   * Migration version that was executed
-   */
-  version: string | number;
-
-  /**
-   * Time taken to execute the migration in milliseconds
-   */
-  executionTime?: number;
-}
-
-export interface DBMigrationInterface {
-  /**
-   * Get current database version
-   */
-  getCurrentVersion(): Promise<string | number>;
-
-  /**
-   * Get list of all applied migrations
-   */
-  getAppliedMigrations(): Promise<MigrationConfig[]>;
-
-  /**
-   * Get list of pending migrations that need to be applied
-   */
-  getPendingMigrations(): Promise<MigrationConfig[]>;
-
-  /**
-   * Apply a specific migration
-   * @param migration Migration configuration
-   */
-  applyMigration(migration: MigrationConfig): Promise<MigrationResult>;
-
-  /**
-   * Rollback a specific migration
-   * @param migration Migration configuration
-   */
-  rollbackMigration(migration: MigrationConfig): Promise<MigrationResult>;
-
-  /**
-   * Apply all pending migrations
-   */
-  migrateUp(): Promise<MigrationResult[]>;
-
-  /**
-   * Rollback to a specific version
-   * @param targetVersion Version to rollback to
-   */
-  migrateDown(targetVersion: string | number): Promise<MigrationResult[]>;
-
-  /**
-   * Create a new migration file/record
-   * @param name Name/description of the migration
-   */
-  createMigration(name: string): Promise<MigrationConfig>;
-
-  /**
-   * Validate migration history and database state
-   */
-  validateMigrations(): Promise<{
-    valid: boolean;
-    errors?: string[];
-  }>;
-}

package/dist/templates/next-app/src/base/port/MigrationApiInterface.ts

@@ -1,3 +0,0 @@
-export interface MigrationApiInterface {
-  init(): Promise<unknown>;
-}

package/dist/templates/next-app/src/base/port/ServerApiResponseInterface.ts

@@ -1,6 +0,0 @@
-export interface ServerApiResponseInterface<T> {
-  success?: boolean;
-  message?: string;
-  data?: T;
-  error?: string;
-}

package/dist/templates/next-app/src/base/services/migrations/MigrationsApi.ts

@@ -1,43 +0,0 @@
-import { RequestCommonPlugin } from '@qlover/corekit-bridge';
-import {
-  FetchAbortPlugin,
-  RequestTransaction,
-  RequestAdapterFetch,
-  FetchURLPlugin
-} from '@qlover/fe-corekit';
-import { inject, injectable } from 'inversify';
-import type { MigrationApiInterface } from '@/base/port/MigrationApiInterface';
-import type { RequestAdapterConfig } from '@qlover/fe-corekit';
-
-/**
- * UserApi
- *
- * @description
- * UserApi is a client for the user API.
- *
- */
-@injectable()
-export class MigrationsApi
-  extends RequestTransaction<RequestAdapterConfig>
-  implements MigrationApiInterface
-{
-  constructor(
-    @inject(FetchAbortPlugin) protected abortPlugin: FetchAbortPlugin
-  ) {
-    super(
-      new RequestAdapterFetch({
-        baseURL: '/api/admin/migrations',
-        responseType: 'json'
-      })
-    );
-
-    this.usePlugin(new FetchURLPlugin()).usePlugin(new RequestCommonPlugin());
-  }
-
-  async init(): Promise<unknown> {
-    return this.request({
-      url: '/init',
-      method: 'POST'
-    });
-  }
-}

package/dist/templates/next-app/{build → make}/generateLocales.ts

@@ -1,7 +1,7 @@
+import { readdirSync } from 'fs';
+import { join } from 'path';
 import { Ts2Locales } from '@brain-toolkit/ts2locales';
 import { i18nConfig } from '../config/i18n';
-import { join } from 'path';
-import { readdirSync } from 'fs';
 
 export async function generateLocales() {
   const locales = i18nConfig.supportedLngs as unknown as string[];