PureChatNext/index.html at main · Hyk260/PureChatNext · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>PureChat — 把你的 AI 助手接入微信和 QQ</title>
    <meta
      name="description"
      content="面向中文用户和小团队的开源自托管 AI 工作台，支持微信与 QQ、多模型、联网搜索、文件处理和私有部署。"
    />
    <meta name="application-name" content="PureChat" />
    <meta name="theme-color" content="#0a0a0a" media="(prefers-color-scheme: dark)" />
    <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
    <link rel="icon" href="/favicon.png" />
    <link rel="apple-touch-icon" href="/favicon.png" />
    <link rel="manifest" href="/manifest.webmanifest" />
    <!--SPA_PUBLIC_METADATA-->
    <!--SPA_SERVER_CONFIG-->
    <style>
      html,
      body,
      #root {
        height: 100%;
        margin: 0;
      }
      html body {
        background: #f8f8f8;
      }
      html[data-theme='dark'] body {
        background-color: #000;
      }
      #loading-screen {
        position: fixed;
        inset: 0;
        z-index: 99999;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: inherit;
        gap: 12px;
      }
      #loading-brand {
        display: flex;
        align-items: center;
        gap: 12px;
        opacity: 0.6;
        color: #1f1f1f;
      }
      html[data-theme='dark'] #loading-brand {
        color: #f0f0f0;
      }
      #loading-brand .spinner {
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        border: 3px solid currentColor;
        border-top-color: transparent;
        border-radius: 50%;
        animation: loading-spin 0.8s linear infinite;
      }
      #loading-brand .text {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -0.02em;
        line-height: 1;
        font-family:
          ui-sans-serif,
          system-ui,
          -apple-system,
          BlinkMacSystemFont,
          'Segoe UI',
          Roboto,
          'Helvetica Neue',
          Arial,
          sans-serif;
      }
      @keyframes loading-spin {
        to {
          transform: rotate(360deg);
        }
      }
    </style>
    <script>
      ;(function () {
        var theme = 'system'
        try {
          theme = localStorage.getItem('theme') || 'system'
        } catch (_) {}
        var systemTheme =
          window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
        var resolvedTheme = theme === 'system' ? systemTheme : theme
        if (resolvedTheme === 'dark' || resolvedTheme === 'light') {
          document.documentElement.setAttribute('data-theme', resolvedTheme)
        }
      })()
    </script>
  </head>
  <body>
    <div id="loading-screen">
      <div id="loading-brand" aria-label="Loading" role="status">
        <span aria-hidden="true" class="spinner"></span>
      </div>
    </div>
    <div id="root" style="height: 100%"></div>
    <script type="module" src="/src/spa/entry.web.tsx"></script>
  </body>
</html>