@botim/botim-cli 0.1.4 → 0.1.6

package/dist/templates/templates/react/src/pages/not-found/index.tsx

@@ -0,0 +1,7 @@
+import { NotFoundContent } from '@components/not-found-content';
+
+export default function NotFoundPage(): JSX.Element {
+    return (
+        <NotFoundContent />
+    );
+}

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

@@ -0,0 +1,18 @@
+import { lazy } from 'react';
+import { createHashRouter, RouteObject } from 'react-router-dom';
+import HomePage from './pages/home';
+
+const NotFoundPage = lazy(async () => import('./pages/not-found'));
+
+const routes: RouteObject[] = [
+    {
+        path: '/',
+        element: <HomePage />
+    },
+    {
+        path: '*',
+        element: <NotFoundPage />
+    }
+];
+
+export const router = createHashRouter(routes);

package/dist/templates/templates/react/src/stores/home-store.ts

@@ -0,0 +1,11 @@
+import { create } from 'zustand';
+
+export type HomeState = {
+    message: string;
+    setMessage: (value: string) => void;
+};
+
+export const useHomeStore = create<HomeState>((set) => ({
+    message: 'Welcome to your new mini application',
+    setMessage: (value) => set({ message: value })
+}));

package/dist/templates/templates/react/src/styles/font.css

@@ -0,0 +1 @@
+/* Add @font-face declarations or external font imports here */

package/dist/templates/templates/react/src/styles/global-style.tsx

@@ -0,0 +1,27 @@
+import { css, Global, useTheme } from '@emotion/react';
+import type { AppTheme } from '@theme/types';
+
+const createGlobalStyles = (theme: AppTheme) => css`
+    :root {
+        color-scheme: light;
+    }
+
+    *,
+    *::before,
+    *::after {
+        box-sizing: border-box;
+    }
+
+    body {
+        margin: 0;
+        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+        background: ${theme.colors.background};
+        color: ${theme.colors.text};
+    }
+`;
+
+export function GlobalStyle(): JSX.Element {
+    const theme = useTheme() as AppTheme;
+
+    return <Global styles={createGlobalStyles(theme)} />;
+}

package/dist/templates/templates/react/src/styles/tailwind.css

@@ -0,0 +1,4 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+

package/dist/templates/templates/react/src/styles/utility-classes.ts

@@ -0,0 +1,13 @@
+import { css } from '@emotion/react';
+
+export const visuallyHidden = css`
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+`;

package/dist/templates/templates/react/src/theme/index.tsx

@@ -0,0 +1,24 @@
+import { PropsWithChildren } from 'react';
+import { ThemeProvider } from '@emotion/react';
+import type { AppTheme } from './types';
+
+const baseTheme: AppTheme = {
+    colors: {
+        background: '#f8fafc',
+        surface: '#ffffff',
+        text: '#0f172a',
+        primary: '#2563eb',
+        muted: '#64748b'
+    },
+    spacing: (value: number) => `${value * 4}px`
+};
+
+export function AppThemeProvider({ children }: PropsWithChildren): JSX.Element {
+    return <ThemeProvider theme={baseTheme}>{children}</ThemeProvider>;
+}
+
+declare module '@emotion/react' {
+    export interface Theme extends AppTheme {}
+}
+
+export type { AppTheme };

package/dist/templates/templates/react/src/theme/types.ts

@@ -0,0 +1,10 @@
+export type AppTheme = {
+    colors: {
+        background: string;
+        surface: string;
+        text: string;
+        primary: string;
+        muted: string;
+    };
+    spacing: (value: number) => string;
+};

package/dist/templates/templates/react/src/types/global.d.ts

@@ -0,0 +1,139 @@
+// declare namespace App {
+//     interface WindowVariables {
+//         example?: string;
+//     }
+// }
+
+// declare interface Window {
+//     app?: App.WindowVariables;
+// }
+
+// // Type definitions for @botim/framework
+// // This fixes the module resolution issue where exports don't properly expose types
+// declare module '@botim/framework' {
+//     // Core types
+//     export interface BridgeInstance {
+//         // Lifecycle
+//         onLaunch: (cb: () => void) => void;
+//         onRestart: (callback: () => void) => void;
+
+//         // Auth & User
+//         getUserInfo: () => Promise<any>;
+//         getMpAuthCode: () => Promise<any>;
+//         doLogin: () => Promise<any>;
+
+//         // Navigation
+//         closeCurrent: () => void;
+//         closeAll: () => void;
+//         navigateTo: (options: { url: string; payload?: Record<string, string> } | string) => void;
+//         redirectTo: (url: string) => void;
+//         navigateBack: () => void;
+//         reLaunch: () => void;
+
+//         // Storage
+//         getStorageSync: (key: string) => string | undefined;
+//         setStorageSync: (key: string, value: string) => void;
+
+//         // Page & Query
+//         getPageQuery: (name: string) => string | undefined;
+
+//         // Device & Platform
+//         isiOS: () => boolean;
+//         isAndroid: () => boolean;
+//         isRtl: () => boolean;
+//         getNetworkType: () => Promise<any>;
+//         getClientInfo: () => DeviceInfo;
+//         getDisplayInfoSync: () => DisplayInfo;
+//         allowContentOffSet: (options: { isNotAllow: boolean }) => void;
+//         checkAPILevel: (version: string | number) => boolean;
+
+//         // Location
+//         getLocation: (options: LocationOptions) => void;
+
+//         // Native Bridge
+//         nativeCall: (options: {
+//             method: string;
+//             parameters: string[];
+//             callback: {
+//                 success: (res: any) => void;
+//                 fail: (error: any) => void;
+//             };
+//         }) => void;
+
+//         // Keyboard
+//         onKeyboardPop: (callback: (val: { data: { keyboardHeight: number; keyboardStatus: number } }) => void) => void;
+
+//         // App & Theming
+//         App: () => { theme: { container: string }; [key: string]: unknown };
+
+//         // Analytics & Payment
+//         mpTrack: (options: Record<string, unknown>) => void;
+//         requestPayment: (
+//             options: Record<string, unknown>,
+//             callback: { success: (res: unknown) => void; fail: (error: unknown) => void }
+//         ) => void;
+
+//         // Catch-all for other properties
+//         [k: string]: unknown;
+//     }
+
+//     // Location Types
+//     export interface LocationOptions {
+//         altitude?: boolean;
+//         isHighAccuracy?: boolean;
+//         expireTime?: number;
+//         success?: (result: LocationResult) => void;
+//         fail?: (error: LocationError) => void;
+//         complete?: () => void;
+//     }
+
+//     export interface LocationResult {
+//         latitude: number;
+//         longitude: number;
+//         speed: number;
+//         accuracy: number;
+//         altitude: number;
+//         verticalAccuracy: number;
+//         horizontalAccuracy: number;
+//     }
+
+//     export interface LocationError {
+//         errorCode: number;
+//         errorMessage?: string;
+//         message?: string;
+//     }
+
+//     // Device Info
+//     export interface DeviceInfo {
+//         appVersion: string;
+//         versionCode: string;
+//         deviceType: string;
+//         osVersion: string;
+//         manufacturer: string;
+//         model: string;
+//         localTimezone: string;
+//         MP_E_SIM: string;
+//         canBack: string;
+//     }
+
+//     // Display Info
+//     export interface DisplayInfo {
+//         darkMode: 0 | 1;
+//         hasNotch: 0 | 1;
+//         notchHeight: string;
+//     }
+
+//     // Framework types
+//     export interface BotimFramework {
+//         Run: (success: ($rootScope: any, BOT: BridgeInstance) => void, showLog: boolean) => void;
+//     }
+
+//     export interface FrameworkConfig {
+//         showLog: boolean;
+//     }
+
+//     // Main exports
+//     export function useBOT(): BridgeInstance;
+//     export function useFramework(config?: FrameworkConfig): Promise<BridgeInstance>;
+//     export function getNetworkType(): Promise<string>;
+// }

package/dist/templates/templates/react/src/types/shims-global.d.ts

@@ -0,0 +1,97 @@
+
+// Type definitions for @botim/bootstrap-mp
+import { AppDisplayInfoType } from '@/stores/types';
+import { ClientInfo } from '@/modules/core/utils/common/types';
+
+// Type definitions for @botim/framework
+declare module '@botim/framework' {
+	import { BridgeInstance } from '@botim/framework/dist/types';
+
+	interface BotimFramework {
+		Run: (success: ($rootScope: any, BOT: BridgeInstance) => void, showLog: boolean) => void;
+	}
+
+	interface FrameworkConfig {
+		showLog: boolean;
+	}
+
+	// Properly typed useBOT function instead of returning 'any'
+	function useBOT(): BridgeInstance;
+
+	function useFramework(config?: FrameworkConfig): Promise<BridgeInstance>;
+	
+	// Utility functions exported directly from the module
+	function getNetworkType(): Promise<string>;
+}
+
+// Re-export BridgeInstance interface for convenience
+declare module '@botim/framework/dist/types' {
+	
+	interface BridgeInstance {
+		// Original methods
+		onLaunch: (cb: () => void) => void;
+		getUserInfo: () => Promise<any>;
+		getMpAuthCode: () => Promise<any>;
+		doLogin: () => Promise<any>;
+		getNetworkType: () => Promise<any>;
+		
+		// Navigation methods
+		closeCurrent: () => void;
+		navigateTo: ({ url, payload }: { url: string, payload?: Record<PropertyKey, string> }) => void;
+		navigateTo: (url: string) => void;
+
+		redirectTo: (url: string) => void;
+		navigateBack: () => void;
+		reLaunch: () => void;
+		
+		// Storage methods
+		getStorageSync: (key: string) => string | undefined;
+		setStorageSync: (key: string, value: string) => void;
+		
+		// Page and app methods
+		getPageQuery: (name: string) => string | undefined;
+		
+		// Device and platform methods
+		isiOS: () => boolean;
+		allowContentOffSet: (options: { isNotAllow: boolean }) => void;
+		checkAPILevel: (version: string | number) => boolean;
+		getClientInfo: () => ClientInfo;
+		
+		// Native bridge methods
+		nativeCall: (options: {
+			method: string;
+			parameters: string[];
+			callback: {
+				success: (res: any) => void;
+				fail: (error: any) => void;
+			};
+		}) => void;
+
+
+		// Display information related
+		getDisplayInfoSync: () => AppDisplayInfoType;
+	
+		// Platform and device related
+		isRtl: () => boolean;
+		isiOS: () => boolean;
+		isAndroid: () => boolean;
+		allowContentOffSet: (options: { isNotAllow: boolean }) => void;
+		
+		// Keyboard related
+		onKeyboardPop: (callback: (val: { data: { keyboardHeight: number, keyboardStatus: number } }) => void) => void;
+		
+		// App related
+		App: () => { theme: { container: string }; [key: PropertyKey]: unknown };
+
+		mpTrack: (options: Record<PropertyKey, unknown>) => void;
+
+		closeAll: () => void;
+
+		requestPayment: (options: Record<PropertyKey, unknown>, callback: { success: (res: unknown) => void, fail: (error: unknown) => void }) => void;
+
+		onRestart: (callback: () => void) => void;
+		
+		// Catch-all for other properties
+		[k: string]: unknown;
+	}
+}

package/dist/templates/templates/react/src/utils/currency.ts

@@ -0,0 +1,6 @@
+export function formatCurrency(amount: number, currency = 'USD'): string {
+    return new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency
+    }).format(amount);
+}

package/dist/templates/templates/react/src/utils/date.ts

@@ -0,0 +1,5 @@
+import dayjs from 'dayjs';
+
+export function formatDate(value: string | number | Date, format = 'YYYY-MM-DD'): string {
+    return dayjs(value).format(format);
+}

package/dist/templates/templates/react/src/utils/guard.ts

@@ -0,0 +1,4 @@
+export function assert(condition: unknown, message: string): asserts condition {
+    if (!condition)
+        throw new Error(message);
+}

package/dist/templates/templates/react/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/dist/templates/templates/react/tsconfig.json

@@ -0,0 +1,39 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "allowSyntheticDefaultImports": true,
+    "allowImportingTsExtensions": true,
+    "useDefineForClassFields": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "types": [],
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "jsxImportSource": "@emotion/react",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"],
+      "@modules/*": ["src/modules/*"],
+      "@components/*": ["src/components/*"],
+      "@hooks/*": ["src/hooks/*"],
+      "@i18n/*": ["src/i18n/*"],
+      "@pages/*": ["src/pages/*"],
+      "@stores/*": ["src/stores/*"],
+      "@styles/*": ["src/styles/*"],
+      "@theme/*": ["src/theme/*"],
+      "@utils/*": ["src/utils/*"]
+    },
+    "sourceMap": true
+  },
+  "include": ["src", "types"],
+  "exclude": ["node_modules", "dist"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/dist/templates/templates/react/tsconfig.node.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "allowSyntheticDefaultImports": true,
+    "types": ["node"]
+  },
+  "include": ["vite.config.ts", "eslint.config.ts"]
+}

package/dist/templates/templates/react/types/global.d.ts

@@ -0,0 +1,131 @@
+declare module 'eslint-plugin-jsx-a11y';
+
+// Type definitions for @botim/framework
+// This fixes the module resolution issue where exports don't properly expose types
+declare module '@botim/framework' {
+    // Core types
+    export interface BridgeInstance {
+        // Lifecycle
+        onLaunch: (cb: () => void) => void;
+        onRestart: (callback: () => void) => void;
+
+        // Auth & User
+        getUserInfo: () => Promise<any>;
+        getMpAuthCode: () => Promise<any>;
+        doLogin: () => Promise<any>;
+
+        // Navigation
+        closeCurrent: () => void;
+        closeAll: () => void;
+        navigateTo: (options: { url: string; payload?: Record<string, string> } | string) => void;
+        redirectTo: (url: string) => void;
+        navigateBack: () => void;
+        reLaunch: () => void;
+
+        // Storage
+        getStorageSync: (key: string) => string | undefined;
+        setStorageSync: (key: string, value: string) => void;
+
+        // Page & Query
+        getPageQuery: (name: string) => string | undefined;
+
+        // Device & Platform
+        isiOS: () => boolean;
+        isAndroid: () => boolean;
+        isRtl: () => boolean;
+        getNetworkType: () => Promise<any>;
+        getClientInfo: () => DeviceInfo;
+        getDisplayInfoSync: () => DisplayInfo;
+        allowContentOffSet: (options: { isNotAllow: boolean }) => void;
+        checkAPILevel: (version: string | number) => boolean;
+
+        // Location
+        getLocation: (options: LocationOptions) => void;
+
+        // Native Bridge
+        nativeCall: (options: {
+            method: string;
+            parameters: string[];
+            callback: {
+                success: (res: any) => void;
+                fail: (error: any) => void;
+            };
+        }) => void;
+
+        // Keyboard
+        onKeyboardPop: (callback: (val: { data: { keyboardHeight: number; keyboardStatus: number } }) => void) => void;
+
+        // App & Theming
+        App: () => { theme: { container: string }; [key: string]: unknown };
+
+        // Analytics & Payment
+        mpTrack: (options: Record<string, unknown>) => void;
+        requestPayment: (
+            options: Record<string, unknown>,
+            callback: { success: (res: unknown) => void; fail: (error: unknown) => void }
+        ) => void;
+
+        // Catch-all for other properties
+        [k: string]: unknown;
+    }
+
+    // Location Types
+    export interface LocationOptions {
+        altitude?: boolean;
+        isHighAccuracy?: boolean;
+        expireTime?: number;
+        success?: (result: LocationResult) => void;
+        fail?: (error: LocationError) => void;
+        complete?: () => void;
+    }
+
+    export interface LocationResult {
+        latitude: number;
+        longitude: number;
+        speed: number;
+        accuracy: number;
+        altitude: number;
+        verticalAccuracy: number;
+        horizontalAccuracy: number;
+    }
+
+    export interface LocationError {
+        errorCode: number;
+        errorMessage?: string;
+        message?: string;
+    }
+
+    // Device Info
+    export interface DeviceInfo {
+        appVersion: string;
+        versionCode: string;
+        deviceType: string;
+        osVersion: string;
+        manufacturer: string;
+        model: string;
+        localTimezone: string;
+        MP_E_SIM: string;
+        canBack: string;
+    }
+
+    // Display Info
+    export interface DisplayInfo {
+        darkMode: 0 | 1;
+        hasNotch: 0 | 1;
+        notchHeight: string;
+    }
+
+    // Framework types
+    export interface BotimFramework {
+        Run: (success: ($rootScope: any, BOT: BridgeInstance) => void, showLog: boolean) => void;
+    }
+
+    export interface FrameworkConfig {
+        showLog?: boolean;
+    }
+
+    // Main exports
+    export function useBOT(): BridgeInstance;
+    export function useFramework(config?: FrameworkConfig): Promise<BridgeInstance>;
+    export function getNetworkType(): Promise<string>;
+}