@gientech/modual 1.2.7 → 1.2.9

package/tailwind.config.js

@@ -0,0 +1,170 @@
+/** @type {import('tailwindcss').Config} */
+import typography from '@tailwindcss/typography';
+export default {
+  darkMode: ['class'],
+  mode: 'jit',
+  corePlugins: {
+    preflight: false,
+    aspectRatio: true,
+    divideStyle: true,
+  },
+  content: ['./src/**/*.{html,ts,tsx,mdx}'],
+  theme: {
+    extend: {
+      colors: {
+        border: 'hsl(var(--border))',
+        input: 'hsl(var(--input))',
+        ring: 'hsl(var(--ring))',
+        background: 'hsl(var(--background))',
+        foreground: 'hsl(var(--foreground))',
+        primary: {
+          DEFAULT: 'hsl(var(--primary))',
+          foreground: 'hsl(var(--primary-foreground))',
+        },
+        secondary: {
+          DEFAULT: 'hsl(var(--secondary))',
+          foreground: 'hsl(var(--secondary-foreground))',
+        },
+        destructive: {
+          DEFAULT: 'hsl(var(--destructive))',
+          foreground: 'hsl(var(--destructive-foreground))',
+        },
+        muted: {
+          DEFAULT: 'hsl(var(--muted))',
+          foreground: 'hsl(var(--muted-foreground))',
+        },
+        accent: {
+          DEFAULT: 'hsl(var(--accent))',
+          foreground: 'hsl(var(--accent-foreground))',
+        },
+        popover: {
+          DEFAULT: 'hsl(var(--popover))',
+          foreground: 'hsl(var(--popover-foreground))',
+        },
+        card: {
+          DEFAULT: 'hsl(var(--card))',
+          foreground: 'hsl(var(--card-foreground))',
+        },
+        chart: {
+          1: 'hsl(var(--chart-1))',
+          2: 'hsl(var(--chart-2))',
+          3: 'hsl(var(--chart-3))',
+          4: 'hsl(var(--chart-4))',
+          5: 'hsl(var(--chart-5))',
+        },
+      },
+      borderRadius: {
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)',
+      },
+      keyframes: {
+        'accordion-down': {
+          from: {
+            height: '0',
+          },
+          to: {
+            height: 'var(--radix-accordion-content-height)',
+          },
+        },
+        'accordion-up': {
+          from: {
+            height: 'var(--radix-accordion-content-height)',
+          },
+          to: {
+            height: '0',
+          },
+        },
+        dot: {
+          '0%, 20%': {
+            color: 'rgba(0,0,0,0)',
+            textShadow: '.25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0)',
+          },
+          '40%': {
+            color: 'black',
+            textShadow: '.25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0)',
+          },
+          '60%': {
+            textShadow: '.25em 0 0 black, .5em 0 0 rgba(0,0,0,0)',
+          },
+          '80%, 100%': {
+            textShadow: '.25em 0 0 black, .5em 0 0 black',
+          },
+        },
+        slideDownAndFade: {
+          from: {
+            opacity: '0',
+            transform: 'translateY(-2px)',
+          },
+          to: {
+            opacity: '1',
+            transform: 'translateY(0)',
+          },
+        },
+        slideLeftAndFade: {
+          from: {
+            opacity: '0',
+            transform: 'translateX(2px)',
+          },
+          to: {
+            opacity: '1',
+            transform: 'translateX(0)',
+          },
+        },
+        slideUpAndFade: {
+          from: {
+            opacity: '0',
+            transform: 'translateY(2px)',
+          },
+          to: {
+            opacity: '1',
+            transform: 'translateY(0)',
+          },
+        },
+        slideRightAndFade: {
+          from: {
+            opacity: '0',
+            transform: 'translateX(-2px)',
+          },
+          to: {
+            opacity: '1',
+            transform: 'translateX(0)',
+          },
+        },
+      },
+      animation: {
+        'accordion-down': 'accordion-down 0.2s ease-out',
+        'accordion-up': 'accordion-up 0.2s ease-out',
+        dot: 'dot 1.5s infinite',
+        slideDownAndFade: 'slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
+        slideLeftAndFade: 'slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
+        slideUpAndFade: 'slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
+        slideRightAndFade: 'slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
+      },
+      fontFamily: {
+        sans: ['PingFang SC', 'Arial', 'Helvetica', 'sans-serif'],
+      },
+      fontSize: {
+        xs: ['12px', '20px'],
+        sm: ['14px', '22px'],
+        base: ['16px', '24px'],
+        lg: ['18px', '26px'],
+        xl: ['24px', '32px'],
+        '2xl': ['30px', '38px'],
+        '3xl': ['38px', '46px'],
+        '4xl': ['46px', '54px'],
+      },
+      typography: {
+        DEFAULT: {
+          css: {
+            maxWidth: '720px',
+          },
+        },
+      },
+    },
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [typography, require('tailwindcss-animate')],
+};

package/tsconfig.app.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    // "allowImportingTsExtensions": false,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": false,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true, // 确保生成类型声明文件
+    "outDir": "./dist/types" // 输出类型声明文件的目录
+  },
+  "include": ["src", "type.d.ts"],
+  "exclude": ["node_modules", "dist"],
+
+}

package/tsconfig.app.tsbuildinfo

@@ -0,0 +1,11 @@
+{
+  "root": [
+    "./src/preview.tsx",
+    "./src/main.tsx",
+    "./src/type.d.ts",
+    "./src/vite-env.d.ts",
+    "./src/application/index.tsx",
+    "./src/application/@types/system.ts"
+  ],
+  "version": "5.6.3"
+}

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/tsconfig.node.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts", "/src/type.d.ts"]
+}

package/tsconfig.node.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./vite.config.ts"],"version":"5.6.3"}

package/vite.config.ts

@@ -0,0 +1,178 @@
+import { defineConfig, loadEnv } from 'vite';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from 'vite-plugin-commonjs';
+import svgr from 'vite-plugin-svgr';
+import path from 'path';
+import react from '@vitejs/plugin-react';
+import generatePackageJson from 'rollup-plugin-generate-package-json';
+import dts from 'vite-plugin-dts';
+import version from 'vite-plugin-package-version';
+import pkg from './package.json';
+import copy from 'rollup-plugin-copy';
+import { visualizer } from 'rollup-plugin-visualizer';
+
+export default ({ mode }: { mode: string }) => {
+  const env = loadEnv(mode, process.cwd());
+
+  return defineConfig({
+    base: './',
+    plugins: [
+      resolve(),
+      commonjs(),
+      svgr(),
+      react(),
+      version(),
+      visualizer({
+        filename: 'stats.html',
+        open: true,
+        gzipSize: true,
+        brotliSize: true,
+      }),
+      dts({
+        tsconfigPath: './tsconfig.app.json',
+        insertTypesEntry: false,
+        include: ['src/**/*.ts', 'src/**/*.tsx'],
+        rollupTypes: true,
+      }),
+      generatePackageJson({
+        outputFolder: 'dist',
+        baseContents: {
+          name: env.VITE_PUBLISH_NAME || pkg.name,
+          license: 'MIT',
+          // @ts-expect-error 样式文件可能没有类型定义
+          style: 'assets/style.css',
+          private: false,
+          version: pkg.version,
+          author: pkg.author,
+          type: 'module',
+          scripts: {
+            test: 'yarn link',
+            disconnect: 'yarn unlink',
+          },
+          // 仅将 React 作为对等依赖，防止与使用方重复安装多份 React
+          peerDependencies: {
+            react: '>=18',
+            'react-dom': '>=18',
+          },
+          exports: {
+            './chat': {
+              types: './chat.d.ts',
+              import: './chat.js',
+              default: './chat.js',
+            },
+            './database': {
+              types: './database.d.ts',
+              import: './database.js',
+              default: './database.js',
+            },
+            './databaseId': {
+              types: './databaseId.d.ts',
+              import: './databaseId.js',
+              default: './databaseId.js',
+            },
+            './modelManage': {
+              types: './modelManage.d.ts',
+              import: './modelManage.js',
+              default: './modelManage.js',
+            },
+            './databaseTable': {
+              types: './databaseTable.d.ts',
+              import: './databaseTable.js',
+              default: './databaseTable.js',
+            },
+            './sensitive': {
+              types: './sensitive.d.ts',
+              import: './sensitive.js',
+              default: './sensitive.js',
+            },
+            './streamFilesReader': {
+              types: './streamFilesReader.d.ts',
+              import: './streamFilesReader.js',
+              default: './streamFilesReader.js',
+            },
+            './style.css': './assets/style.css',
+            // 兼容历史写法：允许从 @gientech/modual/assets/style.css 直接引入
+            './assets/style.css': './assets/style.css',
+          },
+        },
+      }),
+      copy({
+        targets: [
+          { src: 'README.md', dest: 'dist', rename: 'README.md' },
+          // ensure database module asset images are included in the build output
+          { src: 'src/modules/database/assets/*', dest: 'dist/assets' },
+        ],
+        hook: 'writeBundle',
+      }),
+    ],
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src'),
+      },
+    },
+    esbuild: {
+      charset: 'ascii',
+    },
+    build: {
+      outDir: 'dist',
+      rollupOptions: {
+        preserveEntrySignatures: 'strict',
+        external: [
+          'react',
+          'react-dom',
+          'react/jsx-runtime',
+          'react/jsx-dev-runtime',
+          'antd',
+          'axios',
+          // '@mxmweb/xviewer',
+          // '@mxmweb/fviewer',
+          // '@mxmweb/rtext',
+          // '@mxmweb/zui',
+          // '@mxmweb/aichat',
+        ],
+        input: {
+          chat: path.resolve(__dirname, 'src/modules/chat/index.tsx'),
+          database: path.resolve(__dirname, 'src/modules/database/index.tsx'),
+          databaseId: path.resolve(__dirname, 'src/modules/databaseId/index.tsx'),
+          databaseTable: path.resolve(__dirname, 'src/modules/databaseTable/index.tsx'),
+          modelManage: path.resolve(__dirname, 'src/modules/modelManage/index.tsx'),
+          sensitive: path.resolve(__dirname, 'src/modules/sensitive/index.tsx'),
+          streamFilesReader: path.resolve(__dirname, 'src/modules/streamFilesReader/index.tsx'),
+          //gientechStreamFilesReader: path.resolve(__dirname, 'src/examples/gientechStreamFilesReader/index.tsx'),
+        },
+        output: {
+          dir: 'dist',
+          exports: 'auto',
+          entryFileNames: ({ name }) => `${name}.js`,
+          assetFileNames: assetInfo => {
+            if (assetInfo.name && assetInfo.name.endsWith('.css')) {
+              return 'assets/style.css';
+            }
+            return 'assets/[name].[ext]';
+          },
+          globals: {
+            react: 'React',
+          },
+        },
+        // treeshake: true, // 启用 tree-shaking，减少无用代码
+      },
+    },
+    server: {
+      cors: true,
+      proxy: {
+        '/proxy': {
+          // target: "http://10.64.17.78:9001",
+          target: 'http://10.15.12.13:8888',
+          changeOrigin: true,
+          rewrite: path => path.replace(/^\/proxy/, ''),
+        },
+        '/api_proxy': {
+          target: 'http://10.15.12.13:9005',
+          changeOrigin: true,
+          secure: false,
+          rewrite: path => path.replace(/^\/api_proxy/, '/proxy'),
+        },
+      },
+    },
+  });
+};

package/workflows/release.yml

@@ -0,0 +1,60 @@
+name: Release
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      issues: write
+      pull-requests: write
+      packages: write
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v3
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build
+        run: pnpm build
+
+      - name: Release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: pnpm release