New test

Author: jason5ng32

api/invisibilitytest.js

@@ -0,0 +1,50 @@
+import { get } from 'https';
+
+// 如果长度不等于 28 且不是字母与数字的组合，则返回 false
+function isValidUserID(userID) {
+    return userID.length === 28 && /^[a-zA-Z0-9]+$/.test(userID);
+}
+
+export default (req, res) => {
+
+    // 限制只能从指定域名访问
+    const allowedDomains = ['localhost', ...(process.env.ALLOWED_DOMAINS || '').split(',')];
+    const referer = req.headers.referer;
+
+    if (referer) {
+        const domain = new URL(referer).hostname;
+        if (!allowedDomains.includes(domain)) {
+            return res.status(403).json({ error: 'Access denied' });
+        }
+    } else {
+        return res.status(403).json({ error: 'What are you doing?' });
+    }
+
+    const id = req.query.id;
+    if (!id) {
+        return res.status(400).json({ error: 'No ID provided' });
+    }
+
+    // 检查 IP 地址是否合法
+    if (!isValidUserID(id)) {
+        return res.status(400).json({ error: 'Invalid ID' });
+    }
+
+    const apikey = process.env.INVISIBILITY_TEST_API_KEY;
+    const url = new URL(`https://proxydetect.ipcheck.ing/getinfo/${id}?apikey=${apikey}`);
+
+    get(url, apiRes => {
+        let data = '';
+        apiRes.on('data', chunk => data += chunk);
+        apiRes.on('end', () => {
+            try {
+                const result = JSON.parse(data);
+                res.json(result);
+            } catch (e) {
+                res.status(500).json({ error: 'Error parsing JSON' });
+            }
+        });
+    }).on('error', (e) => {
+        res.status(500).json({ error: e.message });
+    });
+};

server.js

@@ -17,6 +17,7 @@ import rateLimit from 'express-rate-limit';
 import { slowDown } from 'express-slow-down'
 import whois from './api/whois.js';
 import ipapiisHandler from './api/ipapiis.js';
+import invisibilitytestHandler from './api/invisibilitytest.js';
 
 dotenv.config();
 
@@ -135,6 +136,7 @@ app.get('/api/recaptcha', recaptchaHandler);
 app.get('/api/dnsresolver', dnsResolver);
 app.get('/api/whois', whois);
 app.get('/api/ipapiis', ipapiisHandler);
+app.get('/api/invisibility', invisibilitytestHandler);
 
 // 使用查询参数处理所有配置请求
 app.get('/api/configs', validateConfigs);

src/App.vue

@@ -526,6 +526,22 @@ export default {
         },
       ];
 
+      const invisibilitytest = [
+        {
+          keys: "i",
+          action: () => {
+            this.scrollToElement("AdvancedTools", 80);
+            this.$refs.advancedToolsRef.navigateAndToggleOffcanvas('/invisibilitytest');
+            this.$trackEvent('Nav', 'NavClick', 'InvisibilityTest');
+          },
+          description: this.$t('shortcutKeys.InvisibilityTest'),
+        },
+      ];
+
+      if (this.configs.originalSite) {
+        shortcutConfig.push(...invisibilitytest);
+      }
+
       shortcutConfig.forEach(config => mappingKeys(config));
     },
 
@@ -585,10 +601,13 @@ export default {
 
   },
   mounted() {
-    this.registerShortcutKeys();
     this.setupModalFocus();
-    this.keyMap = keyMap;
-    this.sendKeyMap();
+    setTimeout(() => {
+      this.registerShortcutKeys();
+      this.keyMap = keyMap;
+      this.sendKeyMap();
+    }, 2000);
+
     this.setInfosLoaded();
     this.listenOffcanvas();
     window.addEventListener('scroll', this.checkSectionsAndTrack);

src/components/advancedtools.vue

@@ -23,7 +23,8 @@
         </div>
         <div :data-bs-theme="isDarkMode ? 'dark' : ''" class="offcanvas offcanvas-bottom" tabindex="-1"
             :class="[isMobile ? 'h-100' : 'jn-h']" id="offcanvasTools" aria-labelledby="offcanvasToolsLabel">
-            <div class="offcanvas-header d-flex justify-content-end" :class="[ showTitle ? 'jn-offcanvas-header':'jn-offcanvas-header-noborder']">
+            <div class="offcanvas-header d-flex justify-content-end"
+                :class="[showTitle ? 'jn-offcanvas-header' : 'jn-offcanvas-header-noborder']">
                 <button v-if="!isMobile" type="button" class="btn opacity-50 jn-bold" @click="fullScreen">
                     <span v-if="!isFullScreen">
                         <i class="bi bi-arrows-fullscreen"></i>
@@ -34,7 +35,8 @@
                 </button>
                 <Transition name="slide-fade">
                     <span v-if="showTitle" class="fw-medium"
-                        :class="[isMobile ? 'mobile-h2 text-left' : 'fs-5 text-center ms-auto']">{{ cards[openedCard].icon }}
+                        :class="[isMobile ? 'mobile-h2 text-left' : 'fs-5 text-center ms-auto']">{{
+                            cards[openedCard].icon }}
                         {{ $t(cards[openedCard].titleKey) }}</span>
                 </Transition>
 
@@ -61,11 +63,13 @@ export default {
         const store = useStore();
         const isDarkMode = computed(() => store.state.isDarkMode);
         const isMobile = computed(() => store.state.isMobile);
+        const configs = computed(() => store.state.configs);
 
 
         return {
             isDarkMode,
             isMobile,
+            configs,
         };
     },
 
@@ -79,6 +83,7 @@ export default {
                 { path: '/censorshipcheck', icon: '🚧', titleKey: 'censorshipcheck.Title', noteKey: 'advancedtools.CensorshipCheck' },
                 { path: '/whois', icon: '📓', titleKey: 'whois.Title', noteKey: 'advancedtools.Whois' },
             ],
+            cardInvisibilityTest: { path: '/invisibilitytest', icon: '🫣', titleKey: 'invisibilitytest.Title', noteKey: 'advancedtools.InvisibilityTest' },
             isFullScreen: false,
             showTitle: false,
             openedCard: null,
@@ -121,6 +126,10 @@ export default {
                     this.$trackEvent('Nav', 'NavClick', 'Whois');
                     this.openedCard = 5;
                     break;
+                case '/invisibilitytest':
+                    this.$trackEvent('Nav', 'NavClick', 'InvisibilityTest');
+                    this.openedCard = 6;
+                    break;
             }
             var offcanvas = new Offcanvas(document.getElementById('offcanvasTools'));
             offcanvas.show();
@@ -146,6 +155,14 @@ export default {
     },
     mounted() {
         this.$refs.scrollContainer.addEventListener('scroll', this.handleScroll);
+
+        setTimeout(() => {
+            if (this.configs.originalSite) {
+                this.cards.push(this.cardInvisibilityTest);
+            }
+        }, 2000);
+
+
     },
     unmounted() {
         this.$refs.scrollContainer.removeEventListener('scroll', this.handleScroll);