@5ime/likeme 1.0.2 → 1.0.4

package/.env.example

@@ -0,0 +1,7 @@
+POSTGRES_URL=postgres://...
+PORT=3000
+ALLOW_ORIGIN=*
+TRUST_PROXY=1
+INFO_CACHE_SECONDS=5
+LIKE_RATE_LIMIT_WINDOW_MS=60000
+LIKE_RATE_LIMIT_MAX=20

package/.gitattributes

@@ -0,0 +1,20 @@
+* text=auto
+
+# Normalize line endings to LF for source/docs to avoid noisy diffs across OSes
+*.js  text eol=lf
+*.cjs text eol=lf
+*.mjs text eol=lf
+*.ts  text eol=lf
+*.tsx text eol=lf
+*.json text eol=lf
+*.md  text eol=lf
+*.html text eol=lf
+*.css text eol=lf
+*.svg text eol=lf
+*.yml text eol=lf
+*.yaml text eol=lf
+*.toml text eol=lf
+
+# Keep Windows scripts with CRLF if you add any in the future
+*.bat text eol=crlf
+*.cmd text eol=crlf

package/README.md

@@ -1,81 +1,199 @@
-# likeMe
-
-> 🍰 快速为你的网站添加 "你喜欢我吗 / Do you like me" 小组件
-
----
-
-## LeanCloud 设置
-
-1. [登录](https://console.leancloud.app/login) 或 [注册](https://console.leancloud.app/register) `LeanCloud 国际版` 并进入 [控制台](https://console.leancloud.app/apps)。
-2. 点击左上角 [创建应用](https://console.leancloud.app/apps) 并起一个你喜欢的名字（请选择免费的 **开发版**）。
-3. 进入应用，选择左下角的 **设置 > 应用凭证**，你可以看到你的 **APP ID**、**APP Key** 和 **REST API 服务器地址**，请记录它们以备后续使用。
-4. 进入应用，选择左上角的 **数据存储 > 结构化数据 > 创建 Class**：
-   - **Class 名称** 填写为 `likeCount`。
-   - **Class 访问权限**：除 `update` 和 `find` 外均选择 **指定用户**。
-   - **默认 ACL 权限**：选定为 **限制读取**，然后点击 **创建**。
-5. 选择新建的 `likeCount` Class，点击 **添加行**，并将 **ACL 权限** 设置为 **所有用户**，点击 **添加**，记录生成行的 `objectId`。
-6. 再次 **创建 Class**，**Class 名称** 填写为 `likeUser`：
-   - **Class 访问权限**：除 `create` 和 `find` 外均选择 **指定用户**。
-   - **默认 ACL 权限**：选定为 **限制读取**，然后点击 **创建**。
-
-此时你应该拥有以下信息：
-- `APP ID`
-- `APP Key`
-- `REST API 服务器地址`
-- `objectId` 🎉
-
----
-
-## Vercel 部署
-
-[![Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/5ime/likeme)
-
-1. 点击上方按钮跳转至 **Vercel** 进行部署。
-2. 输入一个你喜欢的 Vercel 项目名称并点击 **Create**。
-3. Vercel 会基于 `likeMe` 模板新建并初始化仓库，仓库名为你输入的项目名。一两分钟后，满屏的烟花会庆祝部署成功。
-4. 点击 **Go to Dashboard** 跳转到控制台。
-5. 进入顶部的 **Settings > Environment Variables** 配置以下环境变量：
-   - `appId`：LeanCloud 的 `APP ID`。
-   - `appKey`：LeanCloud 的 `APP Key`。
-   - `serverURL`：LeanCloud 的 `REST API 服务器地址`。
-   - `objectId`：`likeCount` 表中记录的 `objectId`。
-6. 环境变量配置完成后，进入顶部的 **Deployments**，找到最新一次部署并点击右侧的 **Redeploy** 按钮以使环境变量生效。
-7. 部署完成后，点击 **Visit** 跳转到部署好的地址，此地址即为你的服务端地址。
-
----
-
-## 绑定域名 (可选)
-
-1. 进入 **Settings > Domains** 配置域名。
-2. 输入需要绑定的域名并点击 **Add**。
-3. 在域名服务器商处添加新的 `CNAME` 记录：
-   - **Type**: `CNAME`
-   - **Name**: `example`
-   - **Value**: `cname.vercel-dns.com`
-4. 等待生效后，即可通过自己的域名访问 🎉。
-
----
-
-## HTML 引入
-
-在网页中进行如下设置：
-
-1. 使用 `CDN` 引入 `likeMe`：
-   ```html
-   <link rel="stylesheet" href="https://unpkg.com/@5ime/likeme@latest/static/css/likeme.css" />
-   <script src="https://unpkg.com/@5ime/likeme@latest/static/js/likeme.js"></script>
-   ```
-
-2. 创建 `<script>` 标签并初始化 `likeMe`：
-   ```html
-   <div id="likeme"></div>
-   <script>
-       likeMe({
-           el: '#likeme',
-           serverURL: 'https://your-domain.vercel.app',
-           color: '#ff9797', // 可选：设置背景颜色
-       });
-   </script>
-   ```
-
-3. 此时 `likeMe` 就会在你的网站上成功运行 🎉。
+# likeMe - 一个可爱的互动点赞组件
+
+快速给你的网站加一个「你喜欢我吗 / Do you like me」小组件。服务端可部署在 Vercel，点赞数据存 Vercel Postgres（Neon）。
+
+## 功能特性
+
+- 🎨 简洁可爱的 UI 设计
+- 🚀 一键部署到 Vercel
+- 💾 数据存储在 Vercel Postgres（Neon）
+- 🔒 防刷机制：同一 IP 每天只能点赞一次
+- ⚡ 自动缓存优化，减少数据库查询
+- 📦 支持 CDN 和本地文件两种使用方式
+- 🎯 支持自定义主题颜色
+
+## 一键部署
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/5ime/likeMe)
+
+1. 点击上方按钮跳转至 **Vercel** 进行部署
+2. 输入一个你喜欢的 Vercel 项目名称并点击 **Create**
+3. 等待部署完成
+4. 点击 **Go to Dashboard** 跳转到控制台
+
+## 配置数据库
+
+本项目使用 Vercel Postgres（底层是 Neon）。你只需要在 Vercel 给当前项目绑定数据库，并确保环境变量里存在 `POSTGRES_URL`。
+
+### 1. 在 Vercel 创建并绑定数据库
+
+1. 打开你的 Vercel 项目
+2. 进入 **Storage**
+3. 点击 **Create Database**，选择 **Neon**
+4. 选择要绑定到的项目（通常就是当前项目）并创建
+
+### 2. 确认环境变量已注入
+
+创建完成后，Vercel 通常会自动把数据库连接信息注入到项目环境变量中。
+
+- 进入 **Settings > Environment Variables**
+- 搜索并确认存在：`POSTGRES_URL`
+
+如果没有自动注入，请手动添加：
+
+1. 进入 **Storage > Postgres 数据库详情页**
+2. 找到连接字符串（Connection String），复制 `POSTGRES_URL` 对应的值
+3. 回到 **Settings > Environment Variables**，新增变量：
+   - **Name**：`POSTGRES_URL`
+   - **Value**：你复制的连接字符串
+   - **Environments**：勾选 `Production / Preview / Development`
+4. 保存后到 **Deployments** 点击 **Redeploy**（或触发一次新的部署），让最新环境变量生效
+
+### 3. 如何验证数据库已可用
+
+最简单的方式：访问一次接口触发建表，然后再看是否能正常返回。
+
+- `GET /healthz`：服务是否存活（返回 `ok`）
+- `GET /info`：会读取数据库并返回当前点赞数
+
+如果数据库连不上，你通常会在 Vercel 的 **Logs** 里看到与连接/鉴权相关的报错（例如环境变量缺失、连接串无效等）。
+
+> 本项目会在首次请求时自动建表（`like_count` / `like_user`），无需手动建表。
+
+## 在你的网站中使用
+
+### 方法一：使用 CDN
+
+在你的网页中添加以下代码：
+
+```html
+<link rel="stylesheet" href="https://unpkg.com/@5ime/likeme@latest/static/css/likeme.css" />
+<script src="https://unpkg.com/@5ime/likeme@latest/static/js/likeme.js"></script>
+
+<div id="likeme"></div>
+
+<script>
+    likeMe({
+        el: '#likeme',
+        serverURL: 'https://your-domain.vercel.app', // 替换为你的服务端地址，结尾勿带 /
+        color: '#ff9797' // 可选：自定义主题颜色
+    });
+</script>
+```
+
+### 方法二：下载使用
+
+1. 下载 `static/css/likeme.css` 和 `static/js/likeme.js`
+2. 在你的项目中引入这些文件
+3. 按照上面的方式初始化组件
+
+### 配置选项
+
+```javascript
+likeMe({
+    el: '#likeme',                                  // 必需：容器选择器
+    serverURL: 'https://your-domain.vercel.app',    // 必需：服务端地址，结尾勿带 /
+    color: '#ff9797'                                // 可选：主题颜色，默认为 #ff9797
+});
+```
+
+## 本地开发
+
+环境：Node.js >= 18
+
+```bash
+npm install
+```
+
+创建 `.env`：
+
+```bash
+POSTGRES_URL=postgres://...
+PORT=3000
+ALLOW_ORIGIN=*
+TRUST_PROXY=1
+INFO_CACHE_SECONDS=5
+LIKE_RATE_LIMIT_WINDOW_MS=60000
+LIKE_RATE_LIMIT_MAX=20
+```
+
+启动项目：
+
+```bash
+npm start
+```
+
+- `PORT` 可选，默认 `3000`
+- `ALLOW_ORIGIN` 可选，默认 `*`（如需限制跨域可填你的站点域名）
+- `TRUST_PROXY` 默认 `1`，用于正确识别客户端 IP。
+- `/info` 默认缓存 5 秒；`/like` 默认每 IP 每分钟 20 次。
+
+## API 接口
+
+### `GET /info`
+
+获取当前点赞数。
+
+**响应格式：**
+
+成功：
+```json
+{
+  "code": "200",
+  "msg": "success",
+  "data": {
+    "count": 123
+  }
+}
+```
+
+失败：
+```json
+{
+  "code": "201",
+  "msg": "哎呀，数据偷懒跑掉了"
+}
+```
+
+**缓存：** 响应头包含 `Cache-Control: public, max-age=5`（默认缓存 5 秒）
+
+### `GET /like`
+
+提交一次点赞。同一 IP 每天只能点赞一次。
+
+**响应格式：**
+
+成功（首次点赞）：
+```json
+{
+  "code": "200",
+  "msg": "success",
+  "data": {
+    "count": 124
+  }
+}
+```
+
+失败（今日已点赞）：
+```json
+{
+  "code": "201",
+  "msg": "今天的爱意已经收到啦~"
+}
+```
+
+失败（系统错误）：
+```json
+{
+  "code": "201",
+  "msg": "你的爱意传递失败~"
+}
+```
+
+**限流：** 默认每 IP 每分钟最多 20 次请求
+
+### `GET /healthz`
+
+健康检查接口，用于检测服务是否正常运行。
+
+**响应：** 纯文本 `ok`（HTTP 200）

package/demo/index.html

@@ -1,21 +1,42 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Do You Like Me?</title>
-    <link rel="stylesheet" href="https://unpkg.com/@5ime/likeme@latest/static/css/likeme.css">
+    <meta name="description" content="Do You Like Me? - 组件演示页面">
+    <meta name="keywords" content="点赞,互动,like,web组件,演示">
+    <title>Do You Like Me? - 演示页面</title>
+    <link rel="stylesheet" href="/static/css/likeme.css">
+    <style>
+        .container {
+            margin: 0 auto;
+            max-width: 400px;
+            width: 100%;
+        }
+        
+        .demo-info {
+            text-align: center;
+            margin-bottom: 20px;
+            padding: 10px;
+            border-radius: 5px;
+        }
+    </style>
 </head>
 <body>
-    <div id="likeme"></div>
+    <div class="container">
+        <div class="demo-info">
+            <h2>LikeMe 组件演示</h2>
+            <p>这是一个可交互的点赞组件演示页面</p>
+        </div>
+        <div id="likeme"></div>
+    </div>
 
-    <script src="https://unpkg.com/@5ime/likeme@latest/static/js/likeme.js"></script>
+    <script src="/static/js/likeme.js"></script>
     <script>
         likeMe({
             el: '#likeme',
             serverURL: `${location.protocol}//${location.host}`,
-            color: '#ff4e6a',
+            color: '#ff4e6a'
         });
     </script>
 </body>

package/index.js

@@ -1,60 +1,14 @@
-const express = require('express');
-const AV = require('leancloud-storage');
-
-const app = express();
-const port = 80;
-
-AV.init({
-    appId: process.env.appId,
-    appKey: process.env.appKey,
-    serverURL: process.env.serverURL
-});
-
-const account = AV.Object.createWithoutData('likeCount', process.env.objectId);
-
-app.use((req, res, next) => {
-    res.header('Access-Control-Allow-Origin', '*');
-    req.method === 'OPTIONS' ? res.sendStatus(200) : next();
-});
-
-app.use('/static', express.static(`${__dirname}/static`));
-app.use('/demo', express.static(`${__dirname}/demo`));
-app.get('/', (req, res) => res.sendFile(`${__dirname}/public/index.html`));
-
-app.get('/info', async (req, res) => {
-    try {
-        const count = (await new AV.Query('likeCount').first())?.get('count') || 0;
-        res.json({ code: '200', msg: 'success', data: { count } });
-    } catch {
-        console.error('Error in /info:', error);
-        res.json({ code: '201', msg: '数据拉取失败~' });
-    }
-});
-
-app.get('/like', async (req, res) => {
-    const ip = req.headers['x-forwarded-for'] || req.connection.remoteAddress || 'unknown';
-    try {
-        const userExists = await new AV.Query('likeUser').equalTo('ip', ip).first();
-        if (userExists) return res.json({ code: '201', msg: '今天的爱意已经收到啦~' });
-
-        await account.fetch();
-        account.increment('count');
-        const updatedAccount = await account.save();
-
-        const acl = new AV.ACL();
-        acl.setPublicReadAccess(true);
-        acl.setPublicWriteAccess(false);
-
-        const likeUser = new (AV.Object.extend('likeUser'))();
-        likeUser.set('ip', ip);
-        likeUser.setACL(acl);
-        await likeUser.save();
-
-        res.json({ code: '200', msg: 'success', data: { count: updatedAccount.get('count') } });
-    } catch (error) {
-        console.error('Error in /like:', error);
-        res.json({ code: '201', msg: '你的爱意传递失败~' });
-    }
-});
-
-app.listen(port, () => console.log(`Server running on port ${port}`));
+const { createApp } = require('./src/app');
+const { port, isVercel } = require('./src/config');
+
+const app = createApp();
+
+if (isVercel) {
+  module.exports = app;
+} else {
+  app.listen(port, () => {
+    console.log(`💖 启动成功！端口：${port}`);
+    console.log(`✨ 运行环境：${process.env.NODE_ENV || 'development'}`);
+    console.log(`🌍 访问地址：http://localhost:${port}`);
+  });
+}

package/package.json

@@ -1,10 +1,24 @@
-{
-  "name": "@5ime/likeme",
-  "version": "1.0.2",
-  "description": "Do you like me?",
-  "main": "index.js",
-  "dependencies": {
-    "express": "^4.18.1",
-    "leancloud-storage": "^4.12.3"
-  }
-}
+{
+  "name": "@5ime/likeme",
+  "version": "1.0.4",
+  "description": "Do you like me? - 一个可爱的互动小组件",
+  "main": "index.js",
+  "scripts": {
+    "start": "node index.js",
+    "dev": "node index.js"
+  },
+  "author": "iami233",
+  "license": "MIT",
+  "dependencies": {
+    "@vercel/postgres": "^0.10.0",
+    "express": "^5.1.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/5ime/likeMe.git"
+  },
+  "homepage": "https://github.com/5ime/likeMe"
+}

package/public/index.html

@@ -1,18 +1,35 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Do You Like Me?</title>
-</head>
-<body>
-    <link rel="stylesheet" href='https://unpkg.com/@5ime/likeme@latest/static/css/likeme.css' />
-    <div class="likeCard">
-        <div class="likeCard-text">
-            少女祈祷中...
-        </div>
-        <h3>Do You Like Me</h3>
-    </div>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Do You Like Me? - 一个可爱的互动点赞组件">
+    <title>Do You Like Me?</title>
+    <link rel="stylesheet" href="/static/css/likeme.css">
+    <style>
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            margin: 0;
+            min-height: 100vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+        
+        .container {
+            max-width: 400px;
+            width: 100%;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="likeCard">
+            <div class="likeCard-text">
+                少女祈祷中...
+            </div>
+            <h3>Do You Like Me</h3>
+        </div>
+    </div>
+</body>
+</html> 

package/src/app.js

@@ -0,0 +1,87 @@
+const express = require('express');
+const path = require('path');
+
+const {
+  allowOrigin,
+  trustProxy,
+  infoCacheSeconds,
+  likeRateLimitMax,
+  likeRateLimitWindowMs,
+} = require('./config');
+const { getClientIp } = require('./ip');
+const { getCurrentCount, likeOncePerDay } = require('./db');
+const { ok, fail } = require('./http');
+const { createIpRateLimiter } = require('./ratelimit');
+
+function createApp() {
+  const app = express();
+
+  // 反代环境下正确识别客户端 IP（Vercel/CF 等）
+  app.set('trust proxy', trustProxy);
+
+  app.use((req, res, next) => {
+    res.setHeader('X-Content-Type-Options', 'nosniff');
+    res.setHeader('X-Frame-Options', 'DENY');
+    res.setHeader('Referrer-Policy', 'no-referrer');
+    res.setHeader(
+      'Permissions-Policy',
+      'geolocation=(), microphone=(), camera=()'
+    );
+    next();
+  });
+
+  app.use((req, res, next) => {
+    res.header('Access-Control-Allow-Origin', allowOrigin);
+    res.header('Access-Control-Allow-Headers', 'Content-Type');
+    res.header('Access-Control-Allow-Methods', 'GET,OPTIONS');
+    if (req.method === 'OPTIONS') return res.sendStatus(200);
+    next();
+  });
+
+  // 健康检查
+  app.get('/healthz', (req, res) => res.status(200).send('ok'));
+
+  // 静态资源
+  app.use('/static', express.static(path.join(__dirname, '..', 'static')));
+  app.use('/demo', express.static(path.join(__dirname, '..', 'demo')));
+  app.get('/', (req, res) =>
+    res.sendFile(path.join(__dirname, '..', 'public', 'index.html'))
+  );
+
+  app.get('/info', async (req, res) => {
+    try {
+      // 计数查询短缓存
+      res.setHeader('Cache-Control', `public, max-age=${infoCacheSeconds}`);
+      const count = await getCurrentCount();
+      return ok(res, { count });
+    } catch (error) {
+      console.error('Error in /info:', error?.message || 'Unknown error');
+      return fail(res, '哎呀，数据偷懒跑掉了');
+    }
+  });
+
+  // 点赞限流
+  const likeLimiter = createIpRateLimiter({
+    windowMs: likeRateLimitWindowMs,
+    max: likeRateLimitMax,
+    keyFn: (req) => getClientIp(req),
+  });
+
+  app.get('/like', likeLimiter, async (req, res) => {
+    const ip = getClientIp(req);
+    try {
+      res.setHeader('Cache-Control', 'no-store');
+      const result = await likeOncePerDay(ip);
+      if (!result.ok) return fail(res, '今天的爱意已经收到啦~');
+      return ok(res, { count: result.count });
+    } catch (error) {
+      console.error('Error in /like:', error?.message || 'Unknown error');
+      return fail(res, '你的爱意传递失败~');
+    }
+  });
+
+  return app;
+}
+
+module.exports = { createApp };
+

package/src/config.js

@@ -0,0 +1,16 @@
+function env(name, fallback) {
+  const v = process.env[name];
+  if (v === undefined || v === null || v === '') return fallback;
+  return v;
+}
+
+module.exports = {
+  port: Number(env('PORT', '3000')),
+  allowOrigin: env('ALLOW_ORIGIN', '*'),
+  trustProxy: env('TRUST_PROXY', '1'),
+  infoCacheSeconds: Number(env('INFO_CACHE_SECONDS', '5')),
+  likeRateLimitWindowMs: Number(env('LIKE_RATE_LIMIT_WINDOW_MS', '60000')),
+  likeRateLimitMax: Number(env('LIKE_RATE_LIMIT_MAX', '20')),
+  isVercel: Boolean(process.env.VERCEL),
+};
+

package/src/db.js

@@ -0,0 +1,93 @@
+const { sql } = require('@vercel/postgres');
+
+let schemaInitPromise = null;
+
+async function ensureSchema() {
+  if (schemaInitPromise) return schemaInitPromise;
+
+  schemaInitPromise = (async () => {
+    // 总计数表
+    await sql`
+      CREATE TABLE IF NOT EXISTS like_count (
+        id INT PRIMARY KEY DEFAULT 1,
+        count BIGINT NOT NULL DEFAULT 0
+      );
+    `;
+    await sql`
+      INSERT INTO like_count (id, count)
+      VALUES (1, 0)
+      ON CONFLICT (id) DO NOTHING;
+    `;
+
+    // 去重表：同一 IP 每天一次（PRIMARY KEY (ip, day)）
+    await sql`
+      CREATE TABLE IF NOT EXISTS like_user (
+        ip TEXT NOT NULL,
+        day DATE NOT NULL DEFAULT CURRENT_DATE,
+        created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
+        PRIMARY KEY (ip, day)
+      );
+    `;
+  })();
+
+  return schemaInitPromise;
+}
+
+async function getCurrentCount() {
+  await ensureSchema();
+  const { rows } = await sql`SELECT count FROM like_count WHERE id = 1;`;
+  return Number(rows?.[0]?.count ?? 0);
+}
+
+async function likeOncePerDay(ip) {
+  await ensureSchema();
+
+  const client = await sql.connect();
+  try {
+    await client.sql`BEGIN;`;
+
+    const exists = await client.sql`
+      SELECT 1
+      FROM like_user
+      WHERE ip = ${ip} AND day = CURRENT_DATE
+      LIMIT 1;
+    `;
+
+    if (exists.rows.length > 0) {
+      await client.sql`ROLLBACK;`;
+      return { ok: false, reason: 'already_liked_today' };
+    }
+
+    await client.sql`
+      INSERT INTO like_user (ip, day)
+      VALUES (${ip}, CURRENT_DATE)
+      ON CONFLICT (ip, day) DO NOTHING;
+    `;
+
+    const updated = await client.sql`
+      UPDATE like_count
+      SET count = count + 1
+      WHERE id = 1
+      RETURNING count;
+    `;
+
+    await client.sql`COMMIT;`;
+    const count = Number(updated.rows?.[0]?.count ?? 0);
+    return { ok: true, count };
+  } catch (err) {
+    try {
+      await client.sql`ROLLBACK;`;
+    } catch (_) {
+    }
+    throw err;
+  } finally {
+    client.release();
+  }
+}
+
+module.exports = {
+  ensureSchema,
+  getCurrentCount,
+  likeOncePerDay,
+};
+

package/src/http.js

@@ -0,0 +1,10 @@
+function ok(res, data) {
+  return res.json({ code: '200', msg: 'success', data });
+}
+
+function fail(res, msg) {
+  return res.json({ code: '201', msg });
+}
+
+module.exports = { ok, fail };
+

package/src/ip.js

@@ -0,0 +1,23 @@
+function sanitizeIp(ip) {
+  if (!ip || typeof ip !== 'string') return 'unknown';
+  // IPv6 最大长度 45
+  const cleaned = ip.trim().slice(0, 45);
+  if (!/^[a-fA-F0-9.:\-]+$/.test(cleaned)) return 'unknown';
+  return cleaned;
+}
+
+function getClientIp(req) {
+  const forwarded = req.headers['x-forwarded-for'];
+  if (forwarded) {
+    const ip = String(forwarded).split(',')[0].trim();
+    return sanitizeIp(ip);
+  }
+  const ip =
+    req.socket?.remoteAddress ||
+    req.connection?.remoteAddress ||
+    'unknown';
+  return sanitizeIp(ip);
+}
+
+module.exports = { getClientIp, sanitizeIp };
+

package/src/ratelimit.js

@@ -0,0 +1,37 @@
+function createIpRateLimiter({ windowMs, max, keyFn }) {
+  // key -> { count, resetAt }
+  const hits = new Map();
+
+  function cleanup(now) {
+    for (const [k, v] of hits) {
+      if (v.resetAt <= now) hits.delete(k);
+    }
+  }
+
+  return function rateLimit(req, res, next) {
+    const now = Date.now();
+    cleanup(now);
+
+    const key = (keyFn ? keyFn(req) : undefined) || 'unknown';
+    const existing = hits.get(key);
+
+    if (!existing || existing.resetAt <= now) {
+      hits.set(key, { count: 1, resetAt: now + windowMs });
+      return next();
+    }
+
+    existing.count += 1;
+    if (existing.count > max) {
+      res.setHeader(
+        'Retry-After',
+        String(Math.ceil((existing.resetAt - now) / 1000))
+      );
+      return res.status(429).json({ code: '201', msg: '请求太频繁啦，稍后再试~' });
+    }
+
+    return next();
+  };
+}
+
+module.exports = { createIpRateLimiter };
+

package/static/css/likeme.css

@@ -1 +1 @@
-.likeCard{width:auto;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer;border-radius:5px;margin:0 auto;padding:20px;background:#ff9797;transition:background .2s;color:#fff;text-align:center}.likeCard:hover{background:#ff8d8d}.likeCard>h3{font-size:1.2em;margin-top:.4em;margin-bottom:0} 
+.likeCard{width:auto;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer;border-radius:5px;margin:0 auto;padding:20px;background:#ff9797;transition:all .3s ease;color:#fff;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.likeCard:hover{background:#ff8d8d;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.likeCard:active{transform:translateY(0px) scale(.98)}.likeCard>h3{font-size:1.2em;margin-top:.4em;margin-bottom:0;font-weight:600;transition:all .2s ease}.likeCard-text{font-size:1.1em;font-weight:500;transition:all .2s ease;min-height:1.5em;display:flex;align-items:center;justify-content:center}.likeCard.loading{pointer-events:none;opacity:.8;background:#ffa726}.likeCard.loading .likeCard-text{animation:pulse 1.2s infinite}.likeCard.success{background:#66bb6a;transform:scale(1.05)}@keyframes pulse{0%{opacity:1}50%{opacity:.6}100%{opacity:1}} 

package/static/js/likeme.js

@@ -1 +1 @@
-const likeMe=(()=>{let e;return t=>e||(e=new LikeMeSingleton(t))})();class LikeMeSingleton{constructor({el:e,serverURL:t,color:r="#ff9797"}){Object.assign(this,{el:e,url:t,color:r}),this.init()}async init(){await this.renderUI(),this.attachEvents(),this.updateCount()}async renderUI(){try{const e=await fetch(this.url),t=await e.text(),r=document.querySelector(this.el);r&&(r.innerHTML=(new DOMParser).parseFromString(t,"text/html").body.innerHTML,r.querySelector(".likeCard")?.style.setProperty("background-color",this.color))}catch(e){console.error("Render UI error:",e)}}attachEvents(){document.querySelector(`${this.el} .likeCard`)?.addEventListener("click",(()=>this.handleLike()))}async updateCount(){try{const e=await fetch(`${this.url}/info`);if(e.ok){const t=(await e.json()).data?.count||0,r=document.querySelector(`${this.el} .likeCard-text`);r&&(r.textContent=`❤ ${t}`)}}catch(e){console.error("Update count error:",e)}}async handleLike(){try{const e=await fetch(`${this.url}/like`);if(e.ok){const{code:t,data:{count:r=0}={},msg:n}=await e.json(),o=document.querySelector(`${this.el} .likeCard-text`);o&&(o.textContent="200"===t?`❤ ${r}`:n)}}catch(e){console.error("Handle like error:",e)}}}
+const likeMe=(()=>{let instance;return options=>instance||(instance=new LikeMeSingleton(options))})();class LikeMeSingleton{constructor({el,serverURL,color='#ff9797'}){Object.assign(this,{el,url:serverURL,color});this.isLiking=false;this.init()}async init(){try{await this.renderUI();this.attachEvents();this.updateCount()}catch(error){console.error('LikeMe init error:',error)}}async renderUI(){try{const response=await fetch(this.url);const html=await response.text();const element=document.querySelector(this.el);if(element){const parser=new DOMParser();const doc=parser.parseFromString(html,'text/html');element.innerHTML=doc.body.innerHTML;const card=element.querySelector('.likeCard');if(card){card.style.setProperty('background-color',this.color)}}}catch(error){console.error('Render UI error:',error)}}attachEvents(){const card=document.querySelector(`${this.el} .likeCard`);if(card){card.addEventListener('click',()=>this.handleLike())}}async updateCount(){try{const response=await fetch(`${this.url}/info`);const data=await response.json().catch(()=>null);if(response.ok&&data){const count=data.data?.count||0;const textElement=document.querySelector(`${this.el} .likeCard-text`);if(textElement){textElement.textContent=`❤ ${count}`}}}catch(error){console.error('Update count error:',error)}}setUIState(isLoading,text,isSuccess=false){const card=document.querySelector(`${this.el} .likeCard`);const textElement=document.querySelector(`${this.el} .likeCard-text`);if(card&&textElement){card.classList.remove('loading','success');if(isLoading){card.classList.add('loading')}else if(isSuccess){card.classList.add('success')}textElement.textContent=text}}async handleLike(){if(this.isLiking)return;this.isLiking=true;this.setUIState(true,'❤ 爱意传递中...');try{const response=await fetch(`${this.url}/like`);const payload=await response.json().catch(()=>null);if(!payload){this.setUIState(false,'❤ 网络错误');setTimeout(()=>{this.updateCount()},1500);return}const{code,data={},msg}=payload;const count=data.count||0;if(response.ok&&code==='200'){this.setUIState(false,'❤ 传递成功~',true);setTimeout(()=>{this.setUIState(false,`❤ ${count}`)},500);return}this.setUIState(false,msg||'❤ 传递失败~');setTimeout(()=>{this.updateCount()},1500)}catch(error){console.error('Handle like error:',error);this.setUIState(false,'❤ 网络错误');setTimeout(()=>{this.updateCount()},1500)}finally{this.isLiking=false}}}

package/vercel.json

@@ -1,14 +1,14 @@
-{
-  "builds": [
-    {
-      "src": "index.js",
-      "use": "@vercel/node"
-    }
-  ],
-  "routes": [
-    {
-      "src": "/(.*)",
-      "dest": "index.js"
-    }
-  ]
-}
+{
+  "builds": [
+    {
+      "src": "index.js",
+      "use": "@vercel/node"
+    }
+  ],
+  "routes": [
+    {
+      "src": "/(.*)",
+      "dest": "index.js"
+    }
+  ]
+}