@botim/botim-cli 0.1.3 → 0.1.6

package/dist/templates/templates/react/vite.config.ts

@@ -0,0 +1,179 @@
+import { reactImports } from '@botim/buckit2-resolver';
+import botimMpPlugin from '@botim/unplugin-mp/vite';
+import { ViteBotimSentry } from '@botim/unplugin-sentry';
+import react from '@vitejs/plugin-react';
+import fs from 'fs';
+import path from 'path';
+import AutoImport from 'unplugin-auto-import/vite';
+import type { PluginOption } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
+import viteVConsole from 'vite-plugin-vconsole';
+
+// Plugin to copy bridge chunk files to dist for preview mode
+function copyBridgeChunks(): PluginOption {
+    return {
+        name: 'copy-bridge-chunks',
+        closeBundle() {
+            const bridgePath = path.resolve(__dirname, 'node_modules/@botim/bridge');
+            const distPath = path.resolve(__dirname, 'dist');
+            const chunkFiles = ['framework.b62c43e7.js', 'vendors~framework.f9fc3b9a.js'];
+
+            chunkFiles.forEach(file => {
+                const src = path.join(bridgePath, file);
+                const dest = path.join(distPath, file);
+
+                if (fs.existsSync(src)) {
+                    fs.copyFileSync(src, dest);
+                    console.log(`Copied ${file} to dist`);
+                }
+            });
+        }
+    };
+}
+
+let devServerProxyApi = {};
+
+function setProxy(target: string, rewrite = {}): void {
+    devServerProxyApi = {
+        target,
+        ...rewrite
+    };
+}
+
+function setProxyByEnv(env: Record<string, string>): void {
+
+    if (process.env.isMock === 'true') {
+        const mockTarget = env.VITE_DEV_SERVER_PROXY_MOCK_TARGET;
+
+        if (mockTarget) {
+            setProxy(mockTarget, {
+                pathRewrite: {
+                    '^/api': ''
+                }
+            });
+        } else
+            throw new Error('VITE_DEV_SERVER_PROXY_MOCK_TARGET is not set in .env.local file');
+    }
+}
+
+// https://vitejs.dev/config/
+export default defineConfig(({ mode }) => {
+    const env = loadEnv(mode, process.cwd());
+
+    setProxyByEnv(env);
+
+    const plugins: PluginOption[] = [
+        react({
+            jsxImportSource: '@emotion/react',
+            babel: {
+                plugins: [
+                    [
+                        '@emotion/babel-plugin',
+                        {
+                            autoLabel: mode !== 'production' ? 'dev-only' : 'never',
+                            labelFormat: '[local]',
+                            sourceMap: mode !== 'production'
+                        }
+                    ]
+                ]
+            }
+        }),
+        AutoImport({
+            imports: reactImports as unknown as string[]
+        }),
+        botimMpPlugin({
+            root: __dirname,
+            configDir: '.botim',
+            distDir: 'dist',
+            apkDir: 'dist/publish/bridge',
+            legacy: false
+        }),
+        ...(mode !== 'production' ? [ viteVConsole({
+            entry: path.resolve('src/main.tsx'),
+            enabled: true,
+            config: {
+                maxLogNumber: 1000,
+                theme: 'dark'
+            }
+        }) as PluginOption ] : []),
+        copyBridgeChunks()
+    ];
+
+
+    return {
+        base: './',
+        plugins,
+        resolve: {
+            alias: {
+                '@': path.resolve(__dirname, './src'),
+                '@modules': path.resolve(__dirname, './src/modules'),
+                '@components': path.resolve(__dirname, './src/components'),
+                '@hooks': path.resolve(__dirname, './src/hooks'),
+                '@i18n': path.resolve(__dirname, './src/i18n'),
+                '@pages': path.resolve(__dirname, './src/pages'),
+                '@stores': path.resolve(__dirname, './src/stores'),
+                '@styles': path.resolve(__dirname, './src/styles'),
+                '@theme': path.resolve(__dirname, './src/theme'),
+                '@utils': path.resolve(__dirname, './src/utils')
+            }
+        },
+        server: {
+            port: 5173,
+            proxy: {
+                '^/(sgs|cgs)/api': {
+                    target: 'https://uat.test2pay.com',
+                    changeOrigin: true,
+                    ...devServerProxyApi
+                }
+            }
+        },
+        build: {
+            sourcemap: true,
+            minify: true,
+            rollupOptions: {
+                output: {
+                    chunkFileNames: 'js/[name]-[hash].js',
+                    entryFileNames: 'js/[name]-[hash].js',
+                    assetFileNames: (assetInfo) => {
+                        const ext = assetInfo.names?.[0]?.split('.').pop();
+
+                        if ([ 'png', 'jpg', 'jpeg', 'svg', 'gif', 'webp' ].includes(ext || ''))
+                            return 'img/[name]-[hash][extname]';
+
+                        if ([ 'woff', 'woff2', 'ttf', 'otf', 'eot' ].includes(ext || ''))
+                            return 'fonts/[name]-[hash][extname]';
+
+                        return 'assets/[name]-[hash][extname]';
+                    },
+                    manualChunks: (id) => {
+                        // Vendor chunk for node_modules
+                        if (id.includes('node_modules')) {
+
+                            if (id.includes('lottie'))
+                                return 'vendor-lottie';
+
+                            if (id.includes('@sentry') || id.includes('sentry'))
+                                return 'vendor-sentry';
+
+                            if (id.includes('@botim'))
+                                return 'vendor-botim';
+
+                            if (id.includes('axios') || id.includes('crypto-js') || id.includes('dayjs') || id.includes('decimal'))
+                                return 'vendor-utils';
+
+                            return 'vendor';
+                        }
+
+                        // Pages can be split into separate chunks
+                        if (id.includes('src/pages/')) {
+                            const pagePath = id.split('src/pages/')[1];
+                            const pageDir = pagePath.split('/')[0];
+
+                            return `page-${pageDir}`;
+                        }
+                    }
+                }
+            }
+        }
+    };
+});

package/dist/templates/templates/vue/README.md

@@ -0,0 +1,19 @@
+# Vue SPA Template
+
+A Vue 3 + TypeScript single-page application template mirroring the structure of the React counterpart. Includes opinionated tooling for routing, state management, internationalization, and global styling.
+
+## Getting started
+
+```bash
+pnpm install
+pnpm dev
+```
+
+Key tooling:
+
+- Vite 5 for development and build
+- Vue Router for client-side navigation
+- Pinia for lightweight state management
+- Vue I18n for translations
+- Vitest for unit testing
+- ESLint (flat config) with Vue and TypeScript support

package/dist/templates/templates/vue/eslint.config.ts

@@ -0,0 +1,44 @@
+import js from '@eslint/js';
+import eslintPluginVue from 'eslint-plugin-vue';
+import eslintPluginImport from 'eslint-plugin-import';
+import eslintPluginSimpleImportSort from 'eslint-plugin-simple-import-sort';
+import tseslint from 'typescript-eslint';
+
+export default tseslint.config(
+    {
+        ignores: [
+            'dist',
+            'coverage'
+        ]
+    },
+    js.configs.recommended,
+    ...tseslint.configs.recommended,
+    eslintPluginVue.configs['flat/recommended'],
+    {
+        files: [ '**/*.ts', '**/*.vue' ],
+        languageOptions: {
+            parserOptions: {
+                ecmaVersion: 'latest',
+                sourceType: 'module',
+                extraFileExtensions: [ '.vue' ]
+            }
+        },
+        plugins: {
+            import: eslintPluginImport,
+            'simple-import-sort': eslintPluginSimpleImportSort
+        },
+        settings: {
+            'import/resolver': {
+                typescript: true,
+                node: {
+                    extensions: [ '.js', '.jsx', '.ts', '.tsx', '.vue' ]
+                }
+            }
+        },
+        rules: {
+            'import/order': 'off',
+            'simple-import-sort/imports': 'error',
+            'simple-import-sort/exports': 'error'
+        }
+    }
+);

package/dist/templates/templates/vue/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Vue SPA Template</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>