taro-uno-ui 1.0.0 → 1.0.2

package/src/utils/__tests__/xssProtection.test.ts

@@ -1,268 +0,0 @@
-/**
- * xssProtection 单元测试
- */
-
-import { escapeHTML, escapeAttribute, sanitizeHTML, sanitizeJSON } from '../xssProtection';
-
-describe('xssProtection', () => {
-  describe('escapeHTML', () => {
-    it('应该转义HTML特殊字符', () => {
-      const input = '<script>alert("xss")</script>';
-      const result = escapeHTML(input);
-      expect(result).toBe('<script>alert("xss")</script>');
-    });
-
-    it('应该转义多种特殊字符', () => {
-      const input = '<div>&"\'</div>';
-      const result = escapeHTML(input);
-      expect(result).toBe('<div>&"&#x27;</div>');
-    });
-
-    it('应该处理空字符串', () => {
-      const input = '';
-      const result = escapeHTML(input);
-      expect(result).toBe('');
-    });
-
-    it('应该处理普通文本', () => {
-      const input = 'Hello, World!';
-      const result = escapeHTML(input);
-      expect(result).toBe('Hello, World!');
-    });
-  });
-
-  describe('escapeAttribute', () => {
-    it('应该转义属性值中的特殊字符', () => {
-      const input = 'javascript:alert("xss")';
-      const result = escapeAttribute(input);
-      expect(result).toBe('javascript:alert("xss")');
-    });
-
-    it('应该转义引号', () => {
-      const input = '"test"';
-      const result = escapeAttribute(input);
-      expect(result).toBe('"test"');
-    });
-
-    it('应该处理空字符串', () => {
-      const input = '';
-      const result = escapeAttribute(input);
-      expect(result).toBe('');
-    });
-  });
-
-  describe('sanitizeHTML', () => {
-    it('应该移除script标签', () => {
-      const input = '<div><script>alert("xss")</script></div>';
-      const result = sanitizeHTML(input);
-      expect(result).toBe('<div></div>');
-    });
-
-    it('应该保留允许的标签', () => {
-      const input = '<div><p>Hello</p><span>World</span></div>';
-      const result = sanitizeHTML(input, {
-        allowedTags: ['div', 'p', 'span']
-      });
-      expect(result).toBe('<div><p>Hello</p><span>World</span></div>');
-    });
-
-    it('应该移除不允许的标签', () => {
-      const input = '<div><p>Hello</p><iframe src="malicious"></iframe></div>';
-      const result = sanitizeHTML(input, {
-        allowedTags: ['div', 'p']
-      });
-      expect(result).toBe('<div><p>Hello</p></div>');
-    });
-
-    it('应该处理允许的属性', () => {
-      const input = '<div class="test" id="main">Content</div>';
-      const result = sanitizeHTML(input, {
-        allowedTags: ['div'],
-        allowedAttributes: {
-          div: ['class']
-        }
-      });
-      expect(result).toBe('<div class="test">Content</div>');
-    });
-
-    it('应该移除不允许的属性', () => {
-      const input = '<div onclick="alert(\'xss\')" class="test">Content</div>';
-      const result = sanitizeHTML(input, {
-        allowedTags: ['div'],
-        allowedAttributes: {
-          div: ['class']
-        }
-      });
-      expect(result).toBe('<div class="test">Content</div>');
-    });
-
-    it('应该处理style标签', () => {
-      const input = '<div><style>body { background: red; }</style></div>';
-      const result = sanitizeHTML(input, {
-        allowedTags: ['div'],
-        allowStyleTags: false
-      });
-      expect(result).toBe('<div></div>');
-    });
-
-    it('应该移除HTML注释', () => {
-      const input = '<div><!-- This is a comment -->Content</div>';
-      const result = sanitizeHTML(input, {
-        allowedTags: ['div'],
-        stripComments: true
-      });
-      expect(result).toBe('<div>Content</div>');
-    });
-
-    it('应该处理空字符串', () => {
-      const input = '';
-      const result = sanitizeHTML(input);
-      expect(result).toBe('');
-    });
-  });
-
-  describe('sanitizeJSON', () => {
-    it('应该转义JSON中的特殊字符', () => {
-      const input = '{"html":"<script>alert(1)</script>"}';
-      const result = sanitizeJSON(input);
-      expect(result).toBe('{"html":"<script>alert(1)</script>"}');
-    });
-
-    it('应该处理有效的JSON', () => {
-      const input = '{"name":"John","age":30}';
-      const result = sanitizeJSON(input);
-      expect(result).toBe('{"name":"John","age":30}');
-    });
-
-    it('应该处理空字符串', () => {
-      const input = '';
-      const result = sanitizeJSON(input);
-      expect(result).toBe('');
-    });
-
-    it('应该处理无效的JSON', () => {
-      const input = '{"name":"John","age":30';
-      const result = sanitizeJSON(input);
-      expect(result).toBe('{"name":"John","age":30');
-    });
-  });
-
-  describe('XSS防护综合测试', () => {
-    it('应该防止多种XSS攻击', () => {
-      const xssAttacks = [
-        '<script>alert("XSS")</script>',
-        'javascript:alert("XSS")',
-        '<img src="x" onerror="alert(\'XSS\')">',
-        '<svg onload="alert(\'XSS\')">',
-        '<iframe src="javascript:alert(\'XSS\')">',
-        '<link rel="stylesheet" href="javascript:alert(\'XSS\')">',
-        '<body onload="alert(\'XSS\')">',
-        '<div style="width:expression(alert(\'XSS\'))">',
-        '<meta http-equiv="refresh" content="0;url=javascript:alert(\'XSS\')">',
-        '<object data="javascript:alert(\'XSS\')">',
-        '<isindex type="image" src="javascript:alert(\'XSS\')">',
-        '<input type="image" src="javascript:alert(\'XSS\')">',
-        '<background src="javascript:alert(\'XSS\')">',
-        '<base href="javascript:alert(\'XSS\')">',
-        '<bgsound src="javascript:alert(\'XSS\')">',
-        '<embed src="javascript:alert(\'XSS\')">',
-        '<applet code="javascript:alert(\'XSS\')">',
-        '<xml src="javascript:alert(\'XSS\')">'
-      ];
-
-      xssAttacks.forEach(attack => {
-        // 测试HTML转义
-        const escapedHTML = escapeHTML(attack);
-        expect(escapedHTML).not.toContain('<script>');
-        expect(escapedHTML).not.toContain('javascript:');
-        expect(escapedHTML).not.toContain('onerror=');
-        expect(escapedHTML).not.toContain('onload=');
-
-        // 测试HTML清理
-        const sanitizedHTML = sanitizeHTML(attack);
-        expect(sanitizedHTML).not.toContain('<script>');
-        expect(sanitizedHTML).not.toContain('javascript:');
-        expect(sanitizedHTML).not.toContain('onerror=');
-        expect(sanitizedHTML).not.toContain('onload=');
-      });
-    });
-
-    it('应该保留安全的HTML内容', () => {
-      const safeHTML = '<div class="container"><p>This is <strong>safe</strong> content.</p></div>';
-      const result = sanitizeHTML(safeHTML, {
-        allowedTags: ['div', 'p', 'strong'],
-        allowedAttributes: {
-          div: ['class']
-        }
-      });
-      expect(result).toBe(safeHTML);
-    });
-  });
-
-  describe('recursiveCleanNested', () => {
-    it('应该清理pre/code中的嵌套script', () => {
-      const input = '<pre><script>alert("xss")</script>safe code</pre>';
-      const result = sanitizeHTML(input, {
-        allowedTags: ['pre', 'code'],
-        allowScriptTags: false
-      });
-      expect(result).toBe('<pre>safe code</pre>');
-    });
-
-    it('应该保留安全的嵌套内容', () => {
-      const input = '<code><p>safe</p></code>';
-      const result = sanitizeHTML(input, {
-        allowedTags: ['code', 'p']
-      });
-      expect(result).toBe('<code><p>safe</p></code>');
-    });
-  });
-
-  describe('setupOWASPHook', () => {
-    const mockErrorLogger = { logError: jest.fn() };
-    const mockTaro = {
-      onError: jest.fn()
-    };
-    const mockWindow = {
-      addEventListener: jest.fn()
-    };
-
-    beforeEach(() => {
-      jest.clearAllMocks();
-      // Mock Taro
-      jest.doMock('@tarojs/taro', () => mockTaro);
-      // Mock window
-      global.window = mockWindow as any;
-    });
-
-    it('应该在Taro环境中设置hook', () => {
-      const { setupOWASPHook } = require('../xssProtection');
-      setupOWASPHook(mockErrorLogger);
-      expect(mockTaro.onError).toHaveBeenCalled();
-    });
-
-    it('应该在Web环境中设置hook', () => {
-      // Mock no Taro
-      jest.doMock('@tarojs/taro', () => ({}));
-      const { setupOWASPHook } = require('../xssProtection');
-      setupOWASPHook(mockErrorLogger);
-      expect(mockWindow.addEventListener).toHaveBeenCalledWith('error', expect.any(Function));
-      expect(mockWindow.addEventListener).toHaveBeenCalledWith('unhandledrejection', expect.any(Function));
-    });
-
-    it('应该清理并日志错误', () => {
-      const { setupOWASPHook } = require('../xssProtection');
-      setupOWASPHook(mockErrorLogger);
-
-      // Simulate Taro error
-      const mockErrorCallback = mockTaro.onError.mock.calls[0][0];
-      const error = new Error('<script>alert(1)</script>');
-      mockErrorCallback(error);
-
-      expect(mockErrorLogger.logError).toHaveBeenCalledWith(expect.objectContaining({
-        message: '<script>alert(1)</script>',
-        type: 'Taro Error'
-      }));
-    });
-  });
-});

package/src/utils/abort-controller.ts

@@ -1,48 +0,0 @@
-/**
- * AbortController 兼容层
- * 为小程序等不支持原生 AbortController 的环境提供兼容实现
- */
-import { PlatformDetector } from './index';
-
-// 定义 AbortSignal 接口
-interface AbortSignal {
-  aborted: boolean;
-  onabort?: () => void;
-}
-
-// 定义兼容的 AbortController 接口
-export interface CompatibleAbortController {
-  signal: AbortSignal;
-  abort: () => void;
-}
-
-/**
- * 创建兼容的 AbortController
- * 在支持原生 AbortController 的环境中使用原生实现
- * 在小程序等环境中使用模拟实现
- */
-export function createAbortController(): CompatibleAbortController {
-  // 如果是小程序环境，使用模拟实现
-  if (PlatformDetector.isMiniProgram()) {
-    return {
-      signal: {
-        aborted: false,
-      },
-      abort: () => {
-        // 小程序环境下，AbortController 的信号主要用于取消请求
-        // 但小程序的 Taro.request 不支持 AbortController，所以这里只做简单标记
-        // 实际的请求取消需要在适配器中特殊处理
-      },
-    };
-  }
-
-  // 在 H5 和 React Native 环境中使用原生 AbortController
-  return new AbortController() as unknown as CompatibleAbortController;
-}
-
-/**
- * 判断是否支持原生 AbortController
- */
-export function isAbortControllerSupported(): boolean {
-  return typeof AbortController !== 'undefined' && PlatformDetector.isH5();
-}

package/src/utils/cache.ts

@@ -1,79 +0,0 @@
-/**
- * 简单的数据缓存工具
- */
-
-interface CacheOptions {
-  ttl?: number;
-  retries?: number;
-}
-
-interface CacheEntry<T> {
-  data: T;
-  timestamp: number;
-  ttl: number;
-}
-
-class DataCache {
-  private cache: Map<string, CacheEntry<any>> = new Map();
-
-  /**
-   * 获取缓存数据或执行获取函数
-   */
-  async fetch<T>(key: string, fetcher: () => Promise<T>, options: CacheOptions = {}): Promise<T> {
-    const { ttl = 5 * 60 * 1000, retries = 0 } = options;
-
-    // 检查缓存
-    const cached = this.cache.get(key);
-    if (cached && Date.now() - cached.timestamp < cached.ttl) {
-      return cached.data as T;
-    }
-
-    // 执行获取函数，带重试
-    let lastError: Error | undefined;
-    for (let i = 0; i <= retries; i++) {
-      try {
-        const data = await fetcher();
-
-        // 存入缓存
-        this.cache.set(key, {
-          data,
-          timestamp: Date.now(),
-          ttl,
-        });
-
-        return data;
-      } catch (error) {
-        lastError = error as Error;
-        if (i < retries) {
-          // 等待后重试
-          await new Promise((resolve) => setTimeout(resolve, 1000 * (i + 1)));
-        }
-      }
-    }
-
-    throw lastError || new Error('Failed to fetch data');
-  }
-
-  /**
-   * 使缓存失效
-   */
-  invalidate(key: string): void {
-    this.cache.delete(key);
-  }
-
-  /**
-   * 清空所有缓存
-   */
-  clear(): void {
-    this.cache.clear();
-  }
-
-  /**
-   * 获取缓存大小
-   */
-  size(): number {
-    return this.cache.size;
-  }
-}
-
-export const dataFetcher = new DataCache();

package/src/utils/createNamespace.ts

@@ -1,24 +0,0 @@
-/**
- * 创建BEM类名工具函数
- * @param namespace 命名空间
- * @returns BEM工具函数
- */
-export const createNamespace = (namespace: string) => {
-  const bem = (name?: string, modifiers: string[] = []) => {
-    const base = namespace;
-    if (!name) return base;
-
-    const block = `${base}__${name}`;
-    if (modifiers.length === 0) return block;
-
-    return modifiers
-      .filter(Boolean)
-      .map((mod) => `${block}--${mod}`)
-      .join(' ');
-  };
-
-  return {
-    bem,
-    namespace,
-  };
-};

package/src/utils/environment.ts

@@ -1,115 +0,0 @@
-import type { Platform } from '../types';
-
-/**
- * Detect whether code executes in a browser-like environment.
- */
-export const isBrowserEnvironment = (): boolean => {
-  return typeof window !== 'undefined' && typeof document !== 'undefined';
-};
-
-/**
- * Detect whether Taro runtime is available (mini-program / native bridge).
- */
-export const isTaroEnvironment = (): boolean => {
-  return (
-    typeof process !== 'undefined' &&
-    typeof process.env !== 'undefined' &&
-    typeof process.env['TARO_ENV'] !== 'undefined'
-  );
-};
-
-/**
- * Resolve the current platform in a resilient manner.
- */
-export const resolvePlatform = (): Platform | 'unknown' => {
-  if (isTaroEnvironment()) {
-    return (process.env['TARO_ENV'] as Platform) || 'unknown';
-  }
-  return 'h5';
-};
-
-/**
- * Safe local storage wrapper guarding non-browser runtimes and incomplete localStorage implementations.
- */
-export const safeLocalStorage = {
-  getItem(key: string): string | null {
-    if (
-      !isBrowserEnvironment() ||
-      typeof window.localStorage === 'undefined' ||
-      typeof window.localStorage.getItem !== 'function'
-    ) {
-      return null;
-    }
-
-    try {
-      return window.localStorage.getItem(key);
-    } catch (error) {
-      console.warn('[safeLocalStorage] getItem failed:', error);
-      return null;
-    }
-  },
-
-  setItem(key: string, value: string): void {
-    if (
-      !isBrowserEnvironment() ||
-      typeof window.localStorage === 'undefined' ||
-      typeof window.localStorage.setItem !== 'function'
-    ) {
-      return;
-    }
-
-    try {
-      window.localStorage.setItem(key, value);
-    } catch (error) {
-      console.warn('[safeLocalStorage] setItem failed:', error);
-    }
-  },
-
-  removeItem(key: string): void {
-    if (
-      !isBrowserEnvironment() ||
-      typeof window.localStorage === 'undefined' ||
-      typeof window.localStorage.removeItem !== 'function'
-    ) {
-      return;
-    }
-
-    try {
-      window.localStorage.removeItem(key);
-    } catch (error) {
-      console.warn('[safeLocalStorage] removeItem failed:', error);
-    }
-  },
-
-  clear(): void {
-    if (
-      !isBrowserEnvironment() ||
-      typeof window.localStorage === 'undefined' ||
-      typeof window.localStorage.clear !== 'function'
-    ) {
-      return;
-    }
-
-    try {
-      window.localStorage.clear();
-    } catch (error) {
-      console.warn('[safeLocalStorage] clear failed:', error);
-    }
-  },
-};
-
-/**
- * Guarded matchMedia helper for SSR / mini-program runtimes.
- */
-export const safeMatchMedia = (query: string): MediaQueryList | null => {
-  if (!isBrowserEnvironment() || typeof window.matchMedia !== 'function') {
-    return null;
-  }
-
-  try {
-    return window.matchMedia(query);
-  } catch (error) {
-    console.warn('[safeMatchMedia] failed:', error);
-    return null;
-  }
-};

package/src/utils/error-handler.ts

@@ -1,88 +0,0 @@
-/**
- * 简单的错误处理工具
- */
-
-export enum ErrorType {
-  NETWORK = 'NETWORK',
-  VALIDATION = 'VALIDATION',
-  AUTHORIZATION = 'AUTHORIZATION',
-  SERVER = 'SERVER',
-  UNKNOWN = 'UNKNOWN',
-}
-
-export enum ErrorSeverity {
-  LOW = 'LOW',
-  MEDIUM = 'MEDIUM',
-  HIGH = 'HIGH',
-  CRITICAL = 'CRITICAL',
-}
-
-export interface AppError extends Error {
-  type: ErrorType;
-  severity: ErrorSeverity;
-  code?: string;
-  details?: unknown;
-}
-
-class ErrorHandler {
-  private static instance: ErrorHandler;
-
-  private constructor() {}
-
-  static getInstance(): ErrorHandler {
-    if (!ErrorHandler.instance) {
-      ErrorHandler.instance = new ErrorHandler();
-    }
-    return ErrorHandler.instance;
-  }
-
-  createError(
-    message: string,
-    type: ErrorType = ErrorType.UNKNOWN,
-    severity: ErrorSeverity = ErrorSeverity.MEDIUM,
-    code?: string,
-    details?: unknown,
-  ): AppError {
-    const error = new Error(message) as AppError;
-    error.type = type;
-    error.severity = severity;
-    if (typeof code !== 'undefined') error.code = code;
-    if (typeof details !== 'undefined') error.details = details;
-    return error;
-  }
-
-  createNetworkError(message: string, code?: string): AppError {
-    return this.createError(message, ErrorType.NETWORK, ErrorSeverity.HIGH, code);
-  }
-
-  createValidationError(message: string, code?: string): AppError {
-    return this.createError(message, ErrorType.VALIDATION, ErrorSeverity.LOW, code);
-  }
-
-  createAuthorizationError(message: string, code?: string): AppError {
-    return this.createError(message, ErrorType.AUTHORIZATION, ErrorSeverity.HIGH, code);
-  }
-
-  createServerError(message: string, code?: string): AppError {
-    return this.createError(message, ErrorType.SERVER, ErrorSeverity.CRITICAL, code);
-  }
-
-  handleError(error: Error | AppError): void {
-    if (this.isAppError(error)) {
-      console.error(`[${error.type}] ${error.message}`, {
-        severity: error.severity,
-        code: error.code,
-        details: error.details,
-      });
-    } else {
-      console.error('Unexpected error:', error);
-    }
-  }
-
-  private isAppError(error: unknown): error is AppError {
-    return !!error && typeof (error as any).type === 'string' && typeof (error as any).severity === 'string';
-  }
-}
-
-export const ErrorHandlingManager = ErrorHandler;
-export const errorHandler = ErrorHandler.getInstance();