@agions/taroviz 1.11.5 → 2.0.3

package/src/core/utils/runtime.ts

@@ -0,0 +1,190 @@
+/**
+ * Unified runtime detection for TaroViz
+ *
+ * Consolidates environment detection logic that was previously duplicated
+ * between core/utils/common.ts and adapters/index.ts.
+ */
+
+/** Mini-app platform subtypes */
+export type MiniAppType =
+  | 'weapp'
+  | 'alipay'
+  | 'swan'
+  | 'tt'
+  | 'qq'
+  | 'jd'
+  | 'dd'
+  | 'kwai'
+  | 'qywx'
+  | 'lark';
+
+/** Unified runtime information */
+export interface RuntimeInfo {
+  platform: 'browser' | 'node' | 'miniapp' | 'react-native' | 'unknown';
+  miniAppType?: MiniAppType;
+  isBrowser: boolean;
+  isNode: boolean;
+  isMiniApp: boolean;
+  isReactNative: boolean;
+}
+
+/** Cached runtime result — detection only runs once */
+let cachedRuntime: RuntimeInfo | null = null;
+
+/**
+ * Reset the cached runtime info (useful for testing).
+ */
+export function resetRuntimeCache(): void {
+  cachedRuntime = null;
+}
+
+function makeResult(
+  platform: RuntimeInfo['platform'],
+  opts: Partial<Pick<RuntimeInfo, 'miniAppType'>> = {}
+): RuntimeInfo {
+  const isMiniApp = platform === 'miniapp';
+  const result: RuntimeInfo = {
+    platform,
+    isBrowser: platform === 'browser',
+    isNode: platform === 'node',
+    isMiniApp,
+    isReactNative: platform === 'react-native',
+  };
+  if (opts.miniAppType) {
+    result.miniAppType = opts.miniAppType;
+  }
+  cachedRuntime = result;
+  return result;
+}
+
+/** Safe access to global mini-app objects */
+function getGlobalObj(): Record<string, unknown> {
+  if (typeof window !== 'undefined') return window as unknown as Record<string, unknown>;
+  if (typeof globalThis !== 'undefined') return globalThis as unknown as Record<string, unknown>;
+  return {};
+}
+
+function hasGetSystemInfoSync(key: string): boolean {
+  const g = getGlobalObj();
+  const obj = g[key];
+  return (
+    typeof obj !== 'undefined' &&
+    typeof (obj as Record<string, unknown>)?.getSystemInfoSync === 'function'
+  );
+}
+
+/**
+ * Detect the current runtime environment.
+ *
+ * Combines detection logic from:
+ * - src/core/utils/common.ts (isBrowser, isNode, isReactNative, isMiniApp)
+ * - src/adapters/index.ts (detectPlatform with getSystemInfoSync checks)
+ *
+ * Results are cached after the first call.
+ */
+export function detectRuntime(): RuntimeInfo {
+  if (cachedRuntime) return cachedRuntime;
+
+  const g = getGlobalObj();
+
+  // --- Mini-app detection (order matters: more specific checks first) ---
+
+  // Enterprise WeChat must be checked before regular WeChat
+  const wx = g['wx'] as Record<string, unknown> | undefined;
+  if (typeof wx !== 'undefined' && wx?.qy) {
+    return makeResult('miniapp', { miniAppType: 'qywx' });
+  }
+
+  if (hasGetSystemInfoSync('wx')) {
+    return makeResult('miniapp', { miniAppType: 'weapp' });
+  }
+
+  if (hasGetSystemInfoSync('my')) {
+    return makeResult('miniapp', { miniAppType: 'alipay' });
+  }
+
+  if (hasGetSystemInfoSync('swan')) {
+    return makeResult('miniapp', { miniAppType: 'swan' });
+  }
+
+  if (hasGetSystemInfoSync('tt')) {
+    // Lark (Feishu) runs on the TT runtime but with appName === 'lark'
+    const ttObj = g['tt'] as Record<string, unknown> | undefined;
+    const env = ttObj?.env as Record<string, unknown> | undefined;
+    const isLark = env?.appName === 'lark';
+    return makeResult('miniapp', { miniAppType: isLark ? 'lark' : 'tt' });
+  }
+
+  if (hasGetSystemInfoSync('qq')) {
+    return makeResult('miniapp', { miniAppType: 'qq' });
+  }
+
+  if (hasGetSystemInfoSync('jd')) {
+    return makeResult('miniapp', { miniAppType: 'jd' });
+  }
+
+  if (hasGetSystemInfoSync('dd')) {
+    return makeResult('miniapp', { miniAppType: 'dd' });
+  }
+
+  // Kwai / Kuaishou: presence of ks global
+  if (typeof g['ks'] !== 'undefined') {
+    return makeResult('miniapp', { miniAppType: 'kwai' });
+  }
+
+  // --- Browser detection ---
+  if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+    return makeResult('browser');
+  }
+
+  // --- Node.js detection ---
+  try {
+    const proc = (globalThis as Record<string, unknown>).process as
+      | Record<string, unknown>
+      | undefined;
+    if (
+      typeof proc !== 'undefined' &&
+      proc.versions &&
+      (proc.versions as Record<string, unknown>).node &&
+      Object.prototype.toString.call(proc) === '[object process]'
+    ) {
+      return makeResult('node');
+    }
+  } catch {
+    // ignore
+  }
+
+  // --- React Native detection ---
+  if (typeof navigator !== 'undefined' && navigator.product === 'ReactNative') {
+    return makeResult('react-native');
+  }
+
+  return makeResult('unknown');
+}
+
+/**
+ * 检测当前环境（简易版，向后兼容）
+ * @returns 环境信息
+ */
+export function getEnvironment() {
+  const isServer = typeof window === 'undefined';
+  const isClient = !isServer;
+
+  // 使用类型断言解决wx和my未定义的问题
+  const win = window as Window & { wx?: unknown; my?: unknown };
+  const isWeapp =
+    typeof win.wx !== 'undefined' &&
+    typeof (win.wx as { getSystemInfoSync?: unknown })?.getSystemInfoSync === 'function';
+  const isAlipay =
+    typeof win.my !== 'undefined' &&
+    typeof (win.my as { getSystemInfoSync?: unknown })?.getSystemInfoSync === 'function';
+  const isWeb = isClient && !isWeapp && !isAlipay;
+
+  return {
+    isServer,
+    isClient,
+    isWeapp,
+    isAlipay,
+    isWeb,
+  };
+}

package/src/editor/components/ThemeSelector.tsx

@@ -54,13 +54,13 @@ const ThemeSelector: React.FC<ThemeSelectorProps> = ({
             padding: '8px 16px',
             border: '2px dashed #e0e0e0',
             borderRadius: '4px',
-            backgroundColor: '#f5f5f5',
-            color: '#333333',
+            backgroundColor: '#fafafa',
+            color: '#999999',
             cursor: disabled ? 'not-allowed' : 'pointer',
             opacity: disabled ? 0.6 : 1,
           }}
         >
-          + 新主题
+          + 新建主题
         </button>
       </div>
     </div>

package/src/hooks/chartConnectHelpers.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 /**
  * useChartConnect 辅助函数
  * 将 useChartConnect 中的逻辑拆分为独立函数，提高代码可维护性
@@ -45,14 +46,17 @@ export type EventHandlersMap = Map<string, Map<ConnectEventType, EventHandler>>;
  */
 export function createConnectHandler(
   sourceId: string,
+
   eventType: ConnectEventType,
   disabled: boolean,
+
   eventFilter: ((eventType: ConnectEventType, params: unknown) => boolean) | undefined,
   chartsRef: React.MutableRefObject<Map<string, ChartConnectItem>>,
   optionsRef: React.MutableRefObject<{
     onConnect?: (
       sourceId: string,
       targetId: string,
+
       payload: { eventType: ConnectEventType; params: unknown }
     ) => void;
   }>
@@ -85,6 +89,7 @@ export function createConnectHandler(
  */
 export function dispatchToOthers(
   sourceId: string,
+
   eventType: ConnectEventType,
   params: unknown,
   chartsRef: React.MutableRefObject<Map<string, ChartConnectItem>>
@@ -311,6 +316,7 @@ export function disconnectAllCharts(
  */
 export function dispatchConnectEvent(
   sourceId: string,
+
   payload: { eventType: ConnectEventType; params: unknown } | undefined,
   disabled: boolean,
   chartsRef: React.MutableRefObject<Map<string, ChartConnectItem>>,