@kupola/kupola 1.2.0 → 1.4.0

package/js/security.js

@@ -1,189 +0,0 @@
-class KupolaSecurity {
-  constructor() {
-    this.csrfToken = null;
-    this.cspEnabled = false;
-  }
-
-  init() {
-    this._initCSRF();
-    this._initCSP();
-  }
-
-  _initCSRF() {
-    const metaTag = document.querySelector('meta[name="csrf-token"]');
-    if (metaTag) {
-      this.csrfToken = metaTag.getAttribute('content');
-    }
-  }
-
-  _initCSP() {
-    const metaTag = document.querySelector('meta[http-equiv="Content-Security-Policy"]');
-    if (metaTag) {
-      this.cspEnabled = true;
-    }
-  }
-
-  getCSRFToken() {
-    return this.csrfToken;
-  }
-
-  setCSRFToken(token) {
-    this.csrfToken = token;
-    const metaTag = document.querySelector('meta[name="csrf-token"]');
-    if (metaTag) {
-      metaTag.setAttribute('content', token);
-    }
-  }
-
-  addCSRFHeader(config) {
-    if (this.csrfToken) {
-      config.headers = config.headers || {};
-      config.headers['X-CSRF-Token'] = this.csrfToken;
-    }
-    return config;
-  }
-
-  escapeHtml(str) {
-    if (!str || typeof str !== 'string') return str;
-    const div = document.createElement('div');
-    div.textContent = str;
-    return div.innerHTML;
-  }
-
-  sanitize(html) {
-    if (!html || typeof html !== 'string') return html;
-
-    const allowedTags = [
-      'b', 'strong', 'i', 'em', 'u', 's', 'strike', 'sub', 'sup',
-      'a', 'br', 'p', 'span', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
-      'ul', 'ol', 'li', 'table', 'thead', 'tbody', 'tr', 'td', 'th',
-      'img', 'video', 'audio', 'iframe'
-    ];
-
-    const allowedAttributes = [
-      'href', 'src', 'alt', 'title', 'class', 'id', 'data-*',
-      'width', 'height', 'frameborder', 'allowfullscreen'
-    ];
-
-    const tempDiv = document.createElement('div');
-    tempDiv.innerHTML = html;
-
-    const walk = (node) => {
-      if (node.nodeType === Node.ELEMENT_NODE) {
-        const tagName = node.tagName.toLowerCase();
-        if (!allowedTags.includes(tagName)) {
-          node.parentNode.replaceChild(document.createTextNode(node.textContent), node);
-          return;
-        }
-
-        Array.from(node.attributes).forEach(attr => {
-          const attrName = attr.name.toLowerCase();
-          const isAllowed = allowedAttributes.includes(attrName) || 
-                           attrName.startsWith('data-');
-          
-          if (!isAllowed) {
-            node.removeAttribute(attr.name);
-          } else if (attrName === 'href' || attrName === 'src') {
-            if (!this._isSafeUrl(attr.value)) {
-              node.removeAttribute(attr.name);
-            }
-          }
-        });
-      }
-
-      for (let i = node.childNodes.length - 1; i >= 0; i--) {
-        walk(node.childNodes[i]);
-      }
-    };
-
-    walk(tempDiv);
-    return tempDiv.innerHTML;
-  }
-
-  _isSafeUrl(url) {
-    try {
-      const parsed = new URL(url);
-      const safeProtocols = ['http:', 'https:', 'data:', 'mailto:', 'tel:'];
-      return safeProtocols.includes(parsed.protocol);
-    } catch {
-      return false;
-    }
-  }
-
-  validateEmail(email) {
-    const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    return re.test(email);
-  }
-
-  validateURL(url) {
-    try {
-      new URL(url);
-      return true;
-    } catch {
-      return false;
-    }
-  }
-
-  validatePhone(phone) {
-    const re = /^[\d\s\-\+\(\)]{7,20}$/;
-    return re.test(phone.replace(/\s/g, ''));
-  }
-
-  generateSecureHash(str) {
-    if (!str || typeof str !== 'string') return '';
-    
-    let hash = 0;
-    for (let i = 0; i < str.length; i++) {
-      const char = str.charCodeAt(i);
-      hash = ((hash << 5) - hash) + char;
-      hash = hash & hash;
-    }
-    return Math.abs(hash).toString(36);
-  }
-
-  isXSSAttack(str) {
-    if (!str || typeof str !== 'string') return false;
-    
-    const xssPatterns = [
-      /<script[^>]*>.*?<\/script>/gi,
-      /<img[^>]*onerror[^>]*>/gi,
-      /javascript:/gi,
-      /vbscript:/gi,
-      /onload[^>]*=/gi,
-      /onclick[^>]*=/gi,
-      /onmouseover[^>]*=/gi,
-      /<iframe[^>]*>/gi
-    ];
-
-    return xssPatterns.some(pattern => pattern.test(str));
-  }
-
-  protectForm(form) {
-    if (!(form instanceof HTMLFormElement)) return;
-
-    form.addEventListener('submit', (e) => {
-      const inputs = form.querySelectorAll('input, textarea');
-      let hasXSS = false;
-
-      inputs.forEach(input => {
-        if (this.isXSSAttack(input.value)) {
-          hasXSS = true;
-          input.classList.add('ds-input--error');
-        } else {
-          input.classList.remove('ds-input--error');
-        }
-      });
-
-      if (hasXSS) {
-        e.preventDefault();
-        console.error('[KupolaSecurity] XSS attack detected in form');
-      }
-    });
-  }
-}
-
-const kupolaSecurity = new KupolaSecurity();
-window.kupolaSecurity = kupolaSecurity;
-window.KupolaSecurity = KupolaSecurity;
-
-export default KupolaSecurity;

package/js/test-utils.js

@@ -1,251 +0,0 @@
-class KupolaTestUtils {
-  static createElement(html) {
-    const container = document.createElement('div');
-    container.innerHTML = html;
-    return container.firstElementChild;
-  }
-
-  static mountComponent(ComponentClass, props = {}, html = '') {
-    const element = this.createElement(html);
-    const component = new ComponentClass(element);
-    Object.assign(component.props, props);
-    return { component, element };
-  }
-
-  static async waitFor(condition, timeout = 1000) {
-    const startTime = Date.now();
-    return new Promise((resolve, reject) => {
-      const check = async () => {
-        try {
-          const result = await condition();
-          if (result) {
-            resolve(result);
-          } else if (Date.now() - startTime < timeout) {
-            requestAnimationFrame(check);
-          } else {
-            reject(new Error('waitFor timeout'));
-          }
-        } catch (error) {
-          if (Date.now() - startTime < timeout) {
-            requestAnimationFrame(check);
-          } else {
-            reject(new Error('waitFor timeout'));
-          }
-        }
-      };
-      requestAnimationFrame(check);
-    });
-  }
-
-  static async waitForElement(selector, parent = document, timeout = 1000) {
-    return this.waitFor(() => parent.querySelector(selector), timeout);
-  }
-
-  static async waitForText(text, parent = document, timeout = 1000) {
-    return this.waitFor(() => parent.textContent.includes(text), timeout);
-  }
-
-  static fireEvent(element, eventName, detail = {}) {
-    const event = new CustomEvent(eventName, { 
-      bubbles: true, 
-      cancelable: true, 
-      detail 
-    });
-    element.dispatchEvent(event);
-  }
-
-  static fireInput(element, value) {
-    element.value = value;
-    this.fireEvent(element, 'input');
-    this.fireEvent(element, 'change');
-  }
-
-  static fireClick(element) {
-    this.fireEvent(element, 'click');
-  }
-
-  static fireKeyDown(element, key) {
-    const event = new KeyboardEvent('keydown', { key, bubbles: true });
-    element.dispatchEvent(event);
-  }
-
-  static async nextTick() {
-    return new Promise(resolve => requestAnimationFrame(resolve));
-  }
-
-  static mockDate(date) {
-    const originalNow = Date.now;
-    const originalDate = Date;
-    
-    Date.now = () => date.getTime();
-    globalThis.Date = class extends Date {
-      constructor(...args) {
-        super(...args);
-        if (args.length === 0) {
-          return new Date(date);
-        }
-        return new originalDate(...args);
-      }
-    };
-    
-    return () => {
-      Date.now = originalNow;
-      globalThis.Date = originalDate;
-    };
-  }
-
-  static mockFetch(mockResponses) {
-    const originalFetch = fetch;
-    
-    globalThis.fetch = jest.fn(async (url, options) => {
-      for (const mock of mockResponses) {
-        if (typeof mock.url === 'string' && url === mock.url) {
-          return mock.response();
-        }
-        if (mock.url instanceof RegExp && mock.url.test(url)) {
-          return mock.response();
-        }
-        if (mock.method && options && options.method === mock.method) {
-          return mock.response();
-        }
-      }
-      return originalFetch(url, options);
-    });
-    
-    return () => {
-      globalThis.fetch = originalFetch;
-    };
-  }
-
-  static async mountAndWait(ComponentClass, props = {}, html = '') {
-    const { component, element } = this.mountComponent(ComponentClass, props, html);
-    await component.mount();
-    await this.nextTick();
-    return { component, element };
-  }
-
-  static async unmountAndWait(component) {
-    await component.unmount();
-    await this.nextTick();
-  }
-
-  static getByText(parent, text) {
-    const elements = parent.querySelectorAll('*');
-    for (const element of elements) {
-      if (element.textContent.trim() === text) {
-        return element;
-      }
-    }
-    throw new Error(`Element with text "${text}" not found`);
-  }
-
-  static queryByText(parent, text) {
-    const elements = parent.querySelectorAll('*');
-    for (const element of elements) {
-      if (element.textContent.trim() === text) {
-        return element;
-      }
-    }
-    return null;
-  }
-
-  static getByTestId(parent, testId) {
-    const element = parent.querySelector(`[data-testid="${testId}"]`);
-    if (!element) {
-      throw new Error(`Element with data-testid="${testId}" not found`);
-    }
-    return element;
-  }
-
-  static queryByTestId(parent, testId) {
-    return parent.querySelector(`[data-testid="${testId}"]`);
-  }
-
-  static getByRole(parent, role) {
-    const element = parent.querySelector(`[role="${role}"]`);
-    if (!element) {
-      throw new Error(`Element with role="${role}" not found`);
-    }
-    return element;
-  }
-
-  static queryByRole(parent, role) {
-    return parent.querySelector(`[role="${role}"]`);
-  }
-
-  static async simulateDrag(element, startX, startY, endX, endY) {
-    this.fireEvent(element, 'dragstart', {
-      clientX: startX,
-      clientY: startY
-    });
-    
-    this.fireEvent(element, 'drag', {
-      clientX: (startX + endX) / 2,
-      clientY: (startY + endY) / 2
-    });
-    
-    this.fireEvent(element, 'dragend', {
-      clientX: endX,
-      clientY: endY
-    });
-  }
-
-  static async simulateTouch(element, startX, startY, endX, endY) {
-    const touchStart = new TouchEvent('touchstart', {
-      touches: [{ clientX: startX, clientY: startY }],
-      bubbles: true
-    });
-    element.dispatchEvent(touchStart);
-    
-    const touchMove = new TouchEvent('touchmove', {
-      touches: [{ clientX: (startX + endX) / 2, clientY: (startY + endY) / 2 }],
-      bubbles: true
-    });
-    element.dispatchEvent(touchMove);
-    
-    const touchEnd = new TouchEvent('touchend', {
-      touches: [{ clientX: endX, clientY: endY }],
-      bubbles: true
-    });
-    element.dispatchEvent(touchEnd);
-  }
-
-  static async waitForState(component, stateKey, expectedValue) {
-    return this.waitFor(() => {
-      return component.state[stateKey] === expectedValue;
-    });
-  }
-
-  static async waitForProps(component, propKey, expectedValue) {
-    return this.waitFor(() => {
-      return component.props[propKey] === expectedValue;
-    });
-  }
-
-  static async waitForEmitted(component, eventName) {
-    return this.waitFor(() => {
-      return component._emitted && component._emitted[eventName];
-    });
-  }
-
-  static spyOn(obj, methodName) {
-    const original = obj[methodName];
-    const spy = function(...args) {
-      spy.called = true;
-      spy.callCount = (spy.callCount || 0) + 1;
-      spy.args = (spy.args || []).concat([args]);
-      return original.apply(this, args);
-    };
-    obj[methodName] = spy;
-    return () => {
-      obj[methodName] = original;
-    };
-  }
-
-  static async flushPromises() {
-    return new Promise(resolve => setImmediate(resolve));
-  }
-}
-
-window.KupolaTestUtils = KupolaTestUtils;
-window.testUtils = KupolaTestUtils;

package/templates/base.html

@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN" data-theme="{{ theme|default('dark') }}" data-brand="{{ brand|default('green') }}">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{% block title %}{{ title|default('Nimbus') }}{% endblock %}</title>
-    
-    {% block head_css %}
-    <link rel="stylesheet" href="{{ url_for('static', filename='nimbus/css/nimbus.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', filename='nimbus/css/components-ext.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', filename='nimbus/css/responsive.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', filename='nimbus/css/accessibility.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', filename='nimbus/css/animations.css') }}">
-    {% endblock %}
-    
-    {% block head_js %}
-    {% endblock %}
-</head>
-<body>
-    {% block body %}
-    {% endblock %}
-    
-    {% block body_js %}
-    <script src="{{ url_for('static', filename='nimbus/js/icons.js') }}"></script>
-    <script src="{{ url_for('static', filename='nimbus/js/theme.js') }}"></script>
-    <script src="{{ url_for('static', filename='nimbus/js/validation.js') }}"></script>
-    <script src="{{ url_for('static', filename='nimbus/js/data-bind.js') }}"></script>
-    {% endblock %}
-</body>
-</html>

package/templates/base_dashboard.html

@@ -1,99 +0,0 @@
-{% extends "base.html" %}
-
-{% block head_css %}
-{{ super() }}
-<link rel="stylesheet" href="{{ url_for('static', filename='nimbus/dashboard/dashboard.css') }}">
-{% endblock %}
-
-{% block body %}
-<div class="ds-dashboard">
-    <header class="ds-dashboard__header">
-        <div class="ds-dashboard__header-left">
-            <div class="ds-dashboard__logo">
-                <div class="ds-dashboard__logo-icon"></div>
-                <span>{{ logo|default('Nimbus') }}</span>
-            </div>
-        </div>
-        
-        <div class="ds-dashboard__header-center">
-            {% block header_center %}{% endblock %}
-        </div>
-        
-        <div class="ds-dashboard__header-right">
-            {% block header_right %}
-            <button class="ds-btn ds-btn--ghost ds-btn--sm ds-btn--icon" title="Search">
-                <img src="{{ url_for('static', filename='nimbus/icons/search.svg') }}" width="16" height="16" alt="search" class="icon">
-            </button>
-            <button class="ds-btn ds-btn--ghost ds-btn--sm ds-btn--icon" title="Notifications">
-                <img src="{{ url_for('static', filename='nimbus/icons/bell.svg') }}" width="16" height="16" alt="bell" class="icon">
-            </button>
-            <button class="ds-btn ds-btn--ghost ds-btn--sm ds-btn--icon" title="Theme" data-theme-toggle>
-                <img class="theme-icon" src="{{ url_for('static', filename='nimbus/icons/sun.svg') }}" width="16" height="16" alt="theme" class="icon">
-            </button>
-            <button class="ds-btn ds-btn--ghost ds-btn--sm" data-brand-toggle title="Brand Color" style="display: flex; align-items: center; gap: 4px;">
-                <span class="brand-icon" style="width: 10px; height: 10px; border-radius: 50%; background-color: #535164;"></span>
-                <span class="brand-name" style="font-size: 10px;">曾青</span>
-            </button>
-            <div class="ds-avatar" title="User">
-                <img src="{{ url_for('static', filename='nimbus/icons/user.svg') }}" width="14" height="14" alt="user" class="icon">
-            </div>
-            {% endblock %}
-        </div>
-    </header>
-    
-    <div class="ds-dashboard__main">
-        <aside class="ds-dashboard__sidebar">
-            {% block sidebar %}
-            <nav class="ds-dashboard__sidebar-nav">
-                <div class="ds-dashboard__sidebar-item is-active" data-title="Dashboard">
-                    <img src="{{ url_for('static', filename='nimbus/icons/layout-grid.svg') }}" width="18" height="18" alt="layout-grid" class="icon">
-                </div>
-                <div class="ds-dashboard__sidebar-item" data-title="Projects">
-                    <img src="{{ url_for('static', filename='nimbus/icons/layers.svg') }}" width="18" height="18" alt="layers" class="icon">
-                </div>
-                <div class="ds-dashboard__sidebar-item" data-title="Tasks">
-                    <img src="{{ url_for('static', filename='nimbus/icons/check-square.svg') }}" width="18" height="18" alt="check-square" class="icon">
-                </div>
-                <div class="ds-dashboard__sidebar-item" data-title="Files">
-                    <img src="{{ url_for('static', filename='nimbus/icons/folder-open.svg') }}" width="18" height="18" alt="folder-open" class="icon">
-                </div>
-            </nav>
-            {% endblock %}
-        </aside>
-        
-        <main class="ds-dashboard__content">
-            {% block content %}{% endblock %}
-        </main>
-    </div>
-    
-    <footer class="ds-dashboard__footer">
-        <div class="ds-dashboard__footer-left">
-            {% block footer_left %}
-            <div class="ds-dashboard__status-item">
-                <span class="ds-dashboard__status-dot"></span>
-                <span>Connected</span>
-            </div>
-            <div class="ds-dashboard__status-item">
-                <span>v1.0.0</span>
-            </div>
-            {% endblock %}
-        </div>
-        <div class="ds-dashboard__footer-right">
-            {% block footer_right %}
-            <div class="ds-dashboard__status-item">
-                <span>Last sync: 2 min ago</span>
-            </div>
-            {% endblock %}
-        </div>
-    </footer>
-</div>
-
-{% endblock %}
-
-{% block body_js %}
-{{ super() }}
-<script src="{{ url_for('static', filename='nimbus/dashboard/dashboard.js') }}"></script>
-<script>
-    initTheme();
-</script>
-{% endblock %}

package/utils/Kupola.cs

@@ -1,77 +0,0 @@
-using System;
-
-namespace Kupola
-{
-    public static class Components
-    {
-        public static string Button(string label, string variant = "brand", string size = "md")
-        {
-            return $"<button class=\"ds-btn ds-btn--{variant} ds-btn--{size}\">{label}</button>";
-        }
-
-        public static string Input(string label, string name, string placeholder, string validate = "")
-        {
-            string validateAttr = string.IsNullOrEmpty(validate) ? "" : $" data-validate=\"{validate}\"";
-            return $@"<div class=""ds-form-item"">
-    <label class=""ds-form-item__label"">{label}</label>
-    <input type=""text"" class=""ds-input"" name=""{name}"" placeholder=""{placeholder}""{validateAttr}>
-</div>";
-        }
-
-        public static string Card(string title, string body, string footer = "")
-        {
-            string footerHtml = string.IsNullOrEmpty(footer) ? "" : $"<div class=\"ds-card__footer\">{footer}</div>";
-            return $@"<div class=""ds-card"">
-    <div class=""ds-card__header"">
-        <h3 class=""ds-card__title"">{title}</h3>
-    </div>
-    <div class=""ds-card__body"">{body}</div>
-    {footerHtml}
-</div>";
-        }
-
-        public static string StatCard(string title, string value, string trend = "", string trendType = "up")
-        {
-            string trendHtml = string.IsNullOrEmpty(trend) ? "" : 
-                $"<span class=\"ds-stat-card__trend {(trendType == "down" ? "ds-stat-card__trend--down" : "ds-stat-card__trend--up")}\">{trend}</span>";
-            return $@"<div class=""ds-stat-card"">
-    <div class=""ds-stat-card__title"">{title}</div>
-    <div class=""ds-stat-card__value"">{value}</div>
-    {trendHtml}
-</div>";
-        }
-
-        public static string Badge(string text, string variant = "default")
-        {
-            return $"<span class=\"ds-badge ds-badge--{variant}\">{text}</span>";
-        }
-
-        public static string Avatar(string initials, string size = "md", string variant = "default")
-        {
-            return $"<div class=\"ds-avatar ds-avatar--{size} ds-avatar--{variant}\">{initials}</div>";
-        }
-
-        public static string ThemeScript(string theme = "dark", string brand = "zengqing")
-        {
-            return $@"<script>
-    if (typeof setTheme === 'function') setTheme('{theme}');
-    if (typeof setBrand === 'function') setBrand('{brand}');
-</script>";
-        }
-
-        public static string DataBind(string key, string bindType)
-        {
-            return $"data-bind=\"{key}:{bindType}\"";
-        }
-
-        public static string DataComponent(string name)
-        {
-            return $"data-component=\"{name}\"";
-        }
-
-        public static string DataValidate(string rules)
-        {
-            return $"data-validate=\"{rules}\"";
-        }
-    }
-}