@tego/web 1.3.14

package/public/browser-checker.js

@@ -0,0 +1,215 @@
+var showLog = true;
+function log(m) {
+  if (window.console && showLog) {
+    console.log(m);
+  }
+}
+function css_browser_selector(u) {
+  var uaInfo = {},
+    screens = [320, 480, 640, 768, 1024, 1152, 1280, 1440, 1680, 1920, 2560],
+    allScreens = screens.length,
+    ua = u.toLowerCase(),
+    is = function (t) {
+      return RegExp(t, 'i').test(ua);
+    },
+    version = function (p, n) {
+      n = n.replace('.', '_');
+      var i = n.indexOf('_'),
+        ver = '';
+      while (i > 0) {
+        ver += ' ' + p + n.substring(0, i);
+        i = n.indexOf('_', i + 1);
+      }
+      ver += ' ' + p + n;
+      return ver;
+    },
+    g = 'gecko',
+    w = 'webkit',
+    c = 'chrome',
+    f = 'firefox',
+    s = 'safari',
+    o = 'opera',
+    m = 'mobile',
+    a = 'android',
+    bb = 'blackberry',
+    lang = 'lang_',
+    dv = 'device_',
+    html = document.documentElement,
+    b = [
+      (!/opera|webtv/i.test(ua) && /msie\s(\d+)/.test(ua)) || /trident\/.*rv:([0-9]{1,}[.0-9]{0,})/.test(ua)
+        ? 'ie ie' + (/trident\/4\.0/.test(ua) ? '8' : RegExp.$1 == '11.0' ? '11' : RegExp.$1)
+        : is('firefox/')
+          ? g +
+            ' ' +
+            f +
+            (/firefox\/((\d+)(\.(\d+))(\.\d+)*)/.test(ua)
+              ? ' ' + f + RegExp.$2 + ' ' + f + RegExp.$2 + '_' + RegExp.$4
+              : '')
+          : is('gecko/')
+            ? g
+            : is('opera')
+              ? o +
+                (/version\/((\d+)(\.(\d+))(\.\d+)*)/.test(ua)
+                  ? ' ' + o + RegExp.$2 + ' ' + o + RegExp.$2 + '_' + RegExp.$4
+                  : /opera(\s|\/)(\d+)\.(\d+)/.test(ua)
+                    ? ' ' + o + RegExp.$2 + ' ' + o + RegExp.$2 + '_' + RegExp.$3
+                    : '')
+              : is('konqueror')
+                ? 'konqueror'
+                : is('blackberry')
+                  ? bb +
+                    (/Version\/(\d+)(\.(\d+)+)/i.test(ua)
+                      ? ' ' + bb + RegExp.$1 + ' ' + bb + RegExp.$1 + RegExp.$2.replace('.', '_')
+                      : /Blackberry ?(([0-9]+)([a-z]?))[/|;]/gi.test(ua)
+                        ? ' ' + bb + RegExp.$2 + (RegExp.$3 ? ' ' + bb + RegExp.$2 + RegExp.$3 : '')
+                        : '')
+                  : is('android')
+                    ? a +
+                      (/Version\/(\d+)(\.(\d+))+/i.test(ua)
+                        ? ' ' + a + RegExp.$1 + ' ' + a + RegExp.$1 + RegExp.$2.replace('.', '_')
+                        : '') +
+                      (/Android (.+); (.+) Build/i.test(ua)
+                        ? ' ' + dv + RegExp.$2.replace(/ /g, '_').replace(/-/g, '_')
+                        : '')
+                    : is('chrome')
+                      ? w +
+                        ' ' +
+                        c +
+                        (/chrome\/((\d+)(\.(\d+))(\.\d+)*)/.test(ua)
+                          ? ' ' + c + RegExp.$2 + (RegExp.$4 > 0 ? ' ' + c + RegExp.$2 + '_' + RegExp.$4 : '')
+                          : '')
+                      : is('iron')
+                        ? w + ' iron'
+                        : is('applewebkit/')
+                          ? w +
+                            ' ' +
+                            s +
+                            (/version\/((\d+)(\.(\d+))(\.\d+)*)/.test(ua)
+                              ? ' ' + s + RegExp.$2 + ' ' + s + RegExp.$2 + RegExp.$3.replace('.', '_')
+                              : / Safari\/(\d+)/i.test(ua)
+                                ? RegExp.$1 == '419' || RegExp.$1 == '417' || RegExp.$1 == '416' || RegExp.$1 == '412'
+                                  ? ' ' + s + '2_0'
+                                  : RegExp.$1 == '312'
+                                    ? ' ' + s + '1_3'
+                                    : RegExp.$1 == '125'
+                                      ? ' ' + s + '1_2'
+                                      : RegExp.$1 == '85'
+                                        ? ' ' + s + '1_0'
+                                        : ''
+                                : '')
+                          : is('mozilla/')
+                            ? g
+                            : '',
+      is('android|mobi|mobile|j2me|iphone|ipod|ipad|blackberry|playbook|kindle|silk') ? m : '',
+      is('j2me')
+        ? 'j2me'
+        : is('ipad|ipod|iphone')
+          ? (/CPU( iPhone)? OS (\d+[_|.]\d+([_|.]\d+)*)/i.test(ua) ? 'ios' + version('ios', RegExp.$2) : '') +
+            ' ' +
+            (/(ip(ad|od|hone))/gi.test(ua) ? RegExp.$1 : '')
+          : is('playbook')
+            ? 'playbook'
+            : is('kindle|silk')
+              ? 'kindle'
+              : is('playbook')
+                ? 'playbook'
+                : is('mac')
+                  ? 'mac' +
+                    (/mac os x ((\d+)[.|_](\d+))/.test(ua)
+                      ? ' mac' + RegExp.$2 + ' mac' + RegExp.$1.replace('.', '_')
+                      : '')
+                  : is('win')
+                    ? 'win' +
+                      (is('windows nt 6.2')
+                        ? ' win8'
+                        : is('windows nt 6.1')
+                          ? ' win7'
+                          : is('windows nt 6.0')
+                            ? ' vista'
+                            : is('windows nt 5.2') || is('windows nt 5.1')
+                              ? ' win_xp'
+                              : is('windows nt 5.0')
+                                ? ' win_2k'
+                                : is('windows nt 4.0') || is('WinNT4.0')
+                                  ? ' win_nt'
+                                  : '')
+                    : is('freebsd')
+                      ? 'freebsd'
+                      : is('x11|linux')
+                        ? 'linux'
+                        : '',
+      /[; |[](([a-z]{2})(-[a-z]{2})?)[)|;|\]]/i.test(ua)
+        ? (lang + RegExp.$2).replace('-', '_') + (RegExp.$3 != '' ? (' ' + lang + RegExp.$1).replace('-', '_') : '')
+        : '',
+      is('ipad|iphone|ipod') && !is('safari') ? 'ipad_app' : '',
+    ];
+  console.debug(ua);
+  function screenSize() {
+    var w = window.outerWidth || html.clientWidth;
+    var h = window.outerHeight || html.clientHeight;
+    uaInfo.orientation = w < h ? 'portrait' : 'landscape';
+    html.className = html.className.replace(/ ?orientation_\w+/g, '').replace(/ [min|max|cl]+[w|h]_\d+/g, '');
+    for (var i = allScreens - 1; i >= 0; i--) {
+      if (w >= screens[i]) {
+        uaInfo.maxw = screens[i];
+        break;
+      }
+    }
+    var widthClasses = '';
+    for (var info in uaInfo) {
+      widthClasses += ' ' + info + '_' + uaInfo[info];
+    }
+    html.className = html.className + widthClasses;
+    return widthClasses;
+  }
+  window.onresize = screenSize;
+  screenSize();
+  function retina() {
+    var r = window.devicePixelRatio > 1;
+    if (r) {
+      html.className += ' retina';
+    } else {
+      html.className += ' non-retina';
+    }
+  }
+  retina();
+  var cssbs = b.join(' ') + ' js ';
+  html.className = (cssbs + html.className.replace(/\b(no[-|_]?)?js\b/g, '')).replace(/^ /, '').replace(/ +/g, ' ');
+  return cssbs;
+}
+
+// 适配平板设备
+function tabletOrWebScreen() {
+  var width = Math.max(screen.width, screen.height);
+  var height = Math.min(screen.width, screen.height);
+  if (width >= 768 && height >= 768) {
+    return true;
+  }
+  return false;
+}
+
+function browser_check(u) {
+  try {
+    var isTablet = RegExp('ipad|tablet', 'i').test(u);
+
+    var isTabletScreen = tabletOrWebScreen();
+
+    if (isTablet || isTabletScreen) {
+      var meta = document.querySelector('meta[name="viewport"]');
+      if (!meta) {
+        // 如果没有找到，创建一个新的meta标签
+        meta = document.createElement('meta');
+        meta.setAttribute('name', 'viewport');
+        document.head.appendChild(meta);
+      }
+      // 设置initial-scale
+      meta.setAttribute('content', 'initial-scale=1.0');
+    }
+  } catch (error) {
+    console.log('browser_check', error);
+  }
+}
+
+css_browser_selector(navigator.userAgent);
+
+browser_check(navigator.userAgent);

package/public/global.css

@@ -0,0 +1,63 @@
+#root {
+  width: 100%;
+  height: 100%;
+}
+/* width */
+.win ::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+/* Track */
+.win ::-webkit-scrollbar-track {
+  background: var(--colorBgScrollTrack);
+}
+
+/* Handle */
+.win ::-webkit-scrollbar-thumb {
+  background: var(--colorBgScrollBar);
+  border-radius: 4px;
+}
+
+/* Handle on hover */
+.win ::-webkit-scrollbar-thumb:hover {
+  background: var(--colorBgScrollBarHover);
+}
+
+.win ::-webkit-scrollbar-thumb:active {
+  background: var(--colorBgScrollBarActive);
+}
+
+.win .rc-virtual-list-scrollbar-thumb {
+  background: var(--colorBgScrollBar);
+}
+.win .rc-virtual-list-scrollbar-thumb:hover {
+  background: var(--colorBgScrollBarHover);
+}
+.win .rc-virtual-list-scrollbar-thumb:active {
+  background: var(--colorBgScrollBarActive);
+}
+
+body a {
+  color: var(--colorPrimaryText);
+}
+
+body a:hover {
+  color: var(--colorPrimaryTextHover);
+}
+
+body a:active {
+  color: var(--colorPrimaryTextActive);
+}
+
+.ant-btn-link {
+  color: var(--colorPrimaryText);
+}
+
+.ant-btn-link:hover {
+  color: var(--colorPrimaryTextHover);
+}
+
+.ant-btn-link:active {
+  color: var(--colorPrimaryTextActive);
+}

package/rsbuild.config.ts

@@ -0,0 +1,85 @@
+import path from 'node:path';
+
+import { defineConfig } from '@rsbuild/core';
+import { pluginLess } from '@rsbuild/plugin-less';
+import { pluginNodePolyfill } from '@rsbuild/plugin-node-polyfill';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { getUmiConfig, IndexGenerator } from '@tego/devkit';
+
+const config = getUmiConfig();
+
+const pluginDirs = ['packages'].map((item) => path.join(process.cwd(), item));
+
+const outputPluginPath = path.join(__dirname, 'src/.plugins');
+const indexGenerator = new IndexGenerator(outputPluginPath, pluginDirs);
+indexGenerator.generate();
+
+const rsDefined = {};
+for (const key in config.define) {
+  rsDefined[key] = JSON.stringify(config.define[key]);
+}
+
+export default defineConfig({
+  html: {
+    title: 'Tachybase',
+    inject: 'body',
+    template: 'src/assets/index.html',
+    meta: [{ viewport: 'initial-scale=0.1' }],
+    favicon: 'src/assets/favicon.ico',
+    appIcon: {
+      name: 'Tachybase',
+      icons: [
+        {
+          src: 'src/assets/apple-touch-icon.png',
+          size: 180,
+          target: 'apple-touch-icon',
+        },
+        {
+          src: 'src/assets/android-chrome-192x192.png',
+          size: 192,
+          target: 'web-app-manifest',
+        },
+        {
+          src: 'src/assets/android-chrome-512x512.png',
+          size: 512,
+          target: 'web-app-manifest',
+        },
+      ],
+    },
+  },
+  source: {
+    define: {
+      ...rsDefined,
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
+    },
+  },
+  dev: {
+    hmr: false,
+    writeToDisk: false,
+  },
+  output: {
+    distPath: {
+      js: 'assets',
+      css: 'assets',
+      image: 'assets',
+      svg: 'assets',
+      font: 'assets',
+      media: 'assets',
+    },
+    minify: true,
+    overrideBrowserslist: ['chrome >= 69', 'edge >= 79', 'safari >= 12'],
+  },
+  server: {
+    port: Number(process.env.PORT || 3000),
+    open: !process.env.NO_OPEN,
+    proxy: {
+      ...config.proxy,
+    },
+  },
+  plugins: [pluginReact(), pluginLess(), pluginNodePolyfill()],
+  resolve: {
+    alias: {
+      ...config.alias,
+    },
+  },
+});

package/src/.plugins/index.ts

@@ -0,0 +1,4 @@
+
+export default function devDynamicImport(packageName: string): Promise<any> {
+  return Promise.resolve(null);
+}

package/src/App.tsx

@@ -0,0 +1,29 @@
+import { Application } from '@tachybase/client';
+
+import devDynamicImport from './dynamic-import';
+import { PluginWeb } from './PluginWeb';
+
+declare global {
+  interface Window {
+    __tachybase_public_path__: string;
+    __tachybase_api_base_url__: string;
+    __tachybase_ws_url__: string;
+    __tachybase_ws_path__: string;
+  }
+}
+
+export const app = new Application({
+  apiClient: {
+    baseURL: window['__tachybase_api_base_url__'] || process.env.API_BASE_URL || '/api/',
+  },
+  publicPath: window['__tachybase_public_path__'] || process.env.APP_PUBLIC_PATH || '/',
+  plugins: [PluginWeb],
+  ws: {
+    url: window['__tachybase_ws_url__'] || process.env.WEBSOCKET_URL || '',
+    basename: window['__tachybase_ws_path__'] || process.env.WS_PATH || '/ws',
+  },
+  loadRemotePlugins: true,
+  devDynamicImport: devDynamicImport as any,
+});
+
+export default app.getRootComponent();

package/src/PluginWeb.ts

@@ -0,0 +1,29 @@
+import { Application, BuiltInPlugin, Plugin } from '@tachybase/client';
+
+const getCurrentTimezone = () => {
+  const timezoneOffset = new Date().getTimezoneOffset() / -60;
+  const timezone = String(Math.abs(timezoneOffset)).padStart(2, '0') + ':00';
+  return (timezoneOffset > 0 ? '+' : '-') + timezone;
+};
+
+function getBasename(app: Application) {
+  const publicPath = app.getPublicPath();
+  const pattern = `^${publicPath}apps/([^/]*)/`;
+  const match = location.pathname.match(new RegExp(pattern));
+  return match ? match[0] : publicPath;
+}
+
+export class PluginWeb extends Plugin {
+  async afterAdd() {
+    this.router.setType('browser');
+    this.router.setBasename(getBasename(this.app));
+    this.app.apiClient.axios.interceptors.request.use((config) => {
+      config.headers['X-Hostname'] = window?.location?.hostname;
+      config.headers['X-Timezone'] = getCurrentTimezone();
+      return config;
+    });
+    await this.app.pm.add(BuiltInPlugin);
+  }
+}
+
+export default PluginWeb;

package/src/assets/index.html

@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+  <head>
+    <link rel="stylesheet" href="/global.css">
+    <script src="/browser-checker.js"></script>
+  </head>
+  <body>
+    <div id="<%= mountId %>"></div>
+  </body>
+</html>

package/src/dynamic-import.ts

@@ -0,0 +1,19 @@
+import * as others from '../../../packages/module-pdf/src/client';
+
+async function devDynamicImport(packageName: string) {
+  if (process.env.NODE_ENV !== 'production') {
+    const packageMap = (await import('./.plugins/packageMap.json')).default as Record<string, string>;
+    const fileName = packageMap[packageName];
+    if (!fileName) {
+      return Promise.resolve(null);
+    }
+    // FIXME: 需要处理这个模块的加载问题
+    if (packageName === '@tachybase/module-pdf') {
+      return { ...others };
+    }
+    return await import(`./.plugins/packages/${fileName}`);
+  } else {
+    return null;
+  }
+}
+export default devDynamicImport;

package/src/env.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="@rsbuild/core/types" />
+
+declare var process: any;

package/src/index.tsx

@@ -0,0 +1,10 @@
+import ReactDOM from 'react-dom/client';
+
+import App from './App';
+
+const rootEl = document.getElementById('root');
+if (rootEl) {
+  const root = ReactDOM.createRoot(rootEl);
+  // TODO: strict mode
+  root.render(<App />);
+}

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "lib": ["DOM", "ES2020"],
+    "jsx": "react-jsx",
+    "target": "ES2020",
+    "noEmit": true,
+    "skipLibCheck": true,
+    "useDefineForClassFields": true,
+
+    /* modules */
+    "module": "ESNext",
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
+  },
+  "exclude": ["node_modules"],
+  "include": ["src/"]
+}