@5ime/likeme 1.0.1 → 1.0.3

package/README.md

@@ -1,81 +1,212 @@
-# likeMe
+# likeMe - 一个可爱的互动点赞组件
 
-> 🍰快速为你的网站添加 你喜欢我吗/Do you like me 小组件
+> 🍰 快速为你的网站添加 "你喜欢我吗 / 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. 选择新建的 `Class` 然后 `添加行` -> `设置 ACL 权限` 均设置为 `所有用户` ，点击 `添加` ，你可以看到新建行的 `objectId,`。请记录它，以便后续使用。
+## 功能特性
 
-此时你应该拥有了以下信息：`APP ID`,`APP Key`,`REST API 服务器地址` 和 `objectId`:tada:
+- 🎨 **可自定义颜色** - 支持自定义主题色彩
+- 💾 **数据持久化** - 使用LeanCloud存储点赞数据
+- 🚀 **快速部署** - 一键部署到Vercel
+- 📱 **响应式设计** - 完美适配移动端和桌面端
+- 🔒 **防重复点赞** - 基于IP地址防止重复点赞
+- ⚡ **高性能** - 轻量级，加载速度快
 
-## Vercel部署
+---
 
-[![Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/5ime/likeme)
+## 快速开始
 
-1. 点击上方按钮，跳转至 `Vercel` 进行部署。
+### 1. LeanCloud 设置
 
-2. 输入一个你喜欢的 `Vercel` 项目名称并点击 `Create` 继续:
+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 服务器地址**，请记录它们以备后续使用。
 
-3. 此时 `Vercel` 会基于 `likeMe` 模板帮助你新建并初始化仓库，仓库名为你之前输入的项目名。
+### 2. 创建数据表
 
-    一两分钟后，满屏的烟花会庆祝你部署成功。此时点击 `Go to Dashboard` 可以跳转到应用的控制台。
+进入应用，选择左上角的 **数据存储 > 结构化数据**，依次创建以下两个 Class：
 
-4. 点击顶部的 `Settings` - `Environment Variables` 进入环境变量配置页，并配置四个环境变量 `appId`, `appKey` , `serverURL` 和 `objectId` 。它们的值分别对应上一步在 `LeanCloud` 中获得的 `APP ID`, `APP KEY`,`REST API 服务器地址` 和 `objectId`。
+#### 创建 likeCount 表
+- **Class 名称**：`likeCount`
+- **Class 访问权限**：除 `update` 和 `find` 外均选择 **指定用户**
+- **默认 ACL 权限**：选定为 **限制读取**，然后点击 **创建**
 
-1. 环境变量配置完成之后点击顶部的 `Deployments` 点击顶部最新的一次部署右侧的 `Redeploy` 按钮进行重新部署。该步骤是为了让刚才设置的环境变量生效。
+#### 创建 likeUser 表
+- **Class 名称**：`likeUser`
+- **Class 访问权限**：除 `create` 和 `find` 外均选择 **指定用户**
+- **默认 ACL 权限**：选定为 **限制读取**，然后点击 **创建**
 
-1. 此时会跳转到 `Overview` 界面开始部署，等待片刻后 `STATUS` 会变成 `Ready`。此时请点击 `Visit` ，即可跳转到部署好的网站地址，此地址即为你的服务端地址。
+### 3. 初始化数据
 
-## 绑定域名 (可选)
+1. 选择新建的 `likeCount` Class，点击 **添加行**
+2. 添加一个名为 `count` 的 **Number** 字段，设置值为 `0`
+3. 将 **ACL 权限** 设置为 **所有用户**，点击 **添加**
+4. 记录生成行的 `objectId`
 
-1. 点击顶部的 `Settings` - `Domains` 进入域名配置页
+此时你应该拥有以下信息：
+- `APP ID`
+- `APP Key`
+- `REST API 服务器地址`
+- `objectId` 🎉
 
-1. 输入需要绑定的域名并点击 `Add`
+---
 
-1. 在域名服务器商处添加新的 `CNAME` 解析记录
+## 部署到 Vercel
 
-   | Type  | Name    | Value                |
-   | ----- | ------- | -------------------- |
-   | CNAME | example | cname.vercel-dns.com |
+### 方法一：一键部署
 
-1. 等待生效，你可以通过自己的域名来访问了:tada:
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/5ime/likeMe)
 
-## HTML 引入
+1. 点击上方按钮跳转至 **Vercel** 进行部署
+2. 输入一个你喜欢的 Vercel 项目名称并点击 **Create**
+3. 等待部署完成
+4. 点击 **Go to Dashboard** 跳转到控制台
 
-在你的网页中进行如下设置:
+### 方法二：手动部署
 
-1. 使用 `CDN` 引入 `likeMe`:
+1. Fork 或 Clone 本项目到你的 GitHub
+2. 在 Vercel 中导入你的项目
+3. 配置构建设置（通常会自动检测）
 
-   - `https://unpkg.com/ likeme@latest/static/css/likeme.css`。
-   - `https://unpkg.com/ likeme@latest/static/js/likeme.js`。
+### 配置环境变量
 
-1. 创建 `<script>` 标签使用 `new limeMe()` 初始化，并传入必要的 `el` 与 `serverURL` 选项。
+进入 **Settings > Environment Variables** 配置以下环境变量：
 
-   - `el` 选项是 `likeMe` 渲染使用的元素，你可以设置一个字符串形式的  `CSS 选择器` 或者一个 `HTMLElement` 对象。
-   - `serverURL` 是服务端的地址，即上一步获取到的值。
+| 变量名 | 说明 | 示例 |
+|--------|------|------|
+| `appId` | LeanCloud 的 APP ID | `your-app-id` |
+| `appKey` | LeanCloud 的 APP Key | `your-app-key` |
+| `serverURL` | LeanCloud 的 REST API 服务器地址 | `https://your-app.lc-cn-n1-shared.com` |
+| `objectId` | likeCount 表中记录的 objectId | `your-object-id` |
 
-   ```html {3-7,12-18}:line-numbers
-   <head>
-    <!-- ... -->
-     <link rel="stylesheet" href='https://unpkg.com/likeme@latest/static/css/likeme.css'/>
-     <script src="https://unpkg.com/likeme@latest/static/js/likeme.js"></script>
-    <!-- ... -->
-   </head>
-   <body>
-    <!-- ... -->
-     <div id="likeme"></div>
-     <script>
-        new limeMe({
-            el: '#likeme',
-            serverURL: 'https://your-domain.vercel.app',
-        });
-     </script>
-   </body>
-   ```
+### 重新部署
 
-2. 此时 `likeMe` 就会在你的网站上成功运行 :tada:
+环境变量配置完成后，进入 **Deployments**，找到最新一次部署并点击 **Redeploy** 按钮以使环境变量生效。
+
+部署完成后，点击 **Visit** 跳转到部署好的地址，此地址即为你的服务端地址。
+
+---
+
+## 本地开发
+
+### 环境要求
+
+- Node.js >= 18.0.0
+- npm 或 yarn
+
+### 安装依赖
+
+```bash
+npm install
+```
+
+### 配置环境变量
+
+创建 `.env` 文件（或在系统环境变量中设置）：
+
+```bash
+appId=your-leancloud-app-id
+appKey=your-leancloud-app-key
+serverURL=your-leancloud-server-url
+objectId=your-object-id
+PORT=3000
+```
+
+### 启动开发服务器
+
+```bash
+npm start
+```
+
+服务器将在 `http://localhost:3000` 启动。
+
+---
+
+## 在你的网站中使用
+
+### 方法一：使用 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
+});
+```
+
+---
+
+## 自定义域名（可选）
+
+1. 进入 `Vercel` 控制台的 **Settings > Domains**
+2. 输入需要绑定的域名并点击 **Add**
+3. 在域名服务商处添加 `CNAME` 记录：
+   - **Type**: `CNAME`
+   - **Name**: `your-subdomain`
+   - **Value**: `cname.vercel-dns.com`
+4. 等待 `DNS` 生效后，即可通过自定义域名访问 🎉
+
+---
+
+## API 接口
+
+### 获取点赞数
+
+```
+GET /info
+```
+
+返回：
+```json
+{
+    "code": "200",
+    "data": {
+        "count": 42
+    },
+    "msg": "success"
+}
+```
+
+### 提交点赞
+
+```
+GET /like
+```
+
+返回：
+```json
+{
+    "code": "200",
+    "data": {
+        "count": 43
+    },
+    "msg": "success"
+}
+```
 

package/demo/index.html

@@ -0,0 +1,43 @@
+<!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? - 组件演示页面">
+    <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 class="container">
+        <div class="demo-info">
+            <h2>LikeMe 组件演示</h2>
+            <p>这是一个可交互的点赞组件演示页面</p>
+        </div>
+        <div id="likeme"></div>
+    </div>
+
+    <script src="/static/js/likeme.js"></script>
+    <script>
+        likeMe({
+            el: '#likeme',
+            serverURL: `${location.protocol}//${location.host}`,
+            color: '#ff4e6a'
+        });
+    </script>
+</body>
+</html>

package/index.js

@@ -1,58 +1,103 @@
-const express = require('express')
-const AV = require('leancloud-storage');
-const { Query, User } = AV;
-const app = express()
-const port = 80
-
-AV.init({
-    appId: process.env.appId,
-    appKey: process.env.appKey,
-    serverURL: process.env.serverURL
-});
-
-const query = new AV.Query('likeCount');
-const account = AV.Object.createWithoutData('likeCount', process.env.objectId);
-
-app.use(function (req, res, next) {
-    res.header('Access-Control-Allow-Origin', '*');
-    if (req.method === 'OPTIONS') {
-        res.sendStatus(200);
-    } else {
-        next();
-    }
-});
-
-app.use('/static', express.static(__dirname + '/static'));
-
-app.get('/', function getState(req,res){
-    res.setHeader('Content-Type', 'text/html');
-    res.sendFile(__dirname + '/public/index.html');
-})
-
-app.get('/info', (req,res) => {
-    query.find().then(function (results) {
-        const data = {code: '200', msg: 'success', data: {count: results[0].attributes.count}}
-        res.send(data);
-    }
-    ).catch(function (error) {
-        const data = {code: '201', msg: 'error'}
-        res.send(data);
-    });
-})
-
-app.get('/like', (req, res) => {
-    account.increment('count', +1);
-    account.save(null, {
-        query: new AV.Query('likeCount').greaterThanOrEqualTo('count', +1),fetchWhenSave: true
-    }).then((account) => {
-        const data = {code: '200', msg: 'success', data: {count: account.attributes.count}}
-        res.send(data);
-    }, (error) => {
-        if (error.code === 305) {
-            const data = {code: '201', msg: 'error'}
-            res.send(data);
-        }
-    });
-})
-
-app.listen(port, () => {})
+const express = require('express');
+const AV = require('leancloud-storage');
+
+const app = express();
+const port = process.env.PORT || 80;
+
+AV.init({
+    appId: process.env.appId,
+    appKey: process.env.appKey,
+    serverURL: process.env.serverURL
+});
+
+const OBJECT_ID = process.env.objectId;
+const account = AV.Object.createWithoutData('likeCount', process.env.objectId);
+
+async function getCurrentCount() {
+    try {
+        const result = await new AV.Query('likeCount').get(OBJECT_ID);
+        return result.get('count') || 0;
+    } catch (error) {
+        try {
+            const results = await new AV.Query('likeCount').find();
+            const record = results.find(r => r.id === OBJECT_ID) || results[0];
+            return record?.get('count') || 0;
+        } catch (fallbackError) {
+            const firstResult = await new AV.Query('likeCount').first();
+            return firstResult?.get('count') || 0;
+        }
+    }
+}
+
+async function checkUserExists(ip) {
+    try {
+        return await new AV.Query('likeUser').equalTo('ip', ip).first();
+    } catch (error) {
+        if (error.code === 101) return false;
+        throw error;
+    }
+}
+
+async function saveUserRecord(ip) {
+    try {
+        const likeUser = new (AV.Object.extend('likeUser'))();
+        likeUser.set('ip', ip);
+        await likeUser.save();
+    } catch (error) {
+        console.warn('Error: ', error.message);
+    }
+}
+
+app.use((req, res, next) => {
+    res.header('Access-Control-Allow-Origin', '*');
+    res.header('Access-Control-Allow-Headers', 'Content-Type');
+    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 getCurrentCount();
+        res.json({ code: '200', msg: 'success', data: { count } });
+    } catch (error) {
+        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 checkUserExists(ip);
+        if (userExists) {
+            return res.json({ code: '201', msg: '今天的爱意已经收到啦~' });
+        }
+
+        const currentCount = await getCurrentCount();
+        const newCount = currentCount + 1;
+        
+        account.set('count', newCount);
+        await account.save();
+
+        await saveUserRecord(ip);
+
+        res.json({ 
+            code: '200', 
+            msg: 'success', 
+            data: { count: newCount } 
+        });
+    } catch (error) {
+        console.error('Error in /like:', error);
+        res.json({ code: '201', msg: '你的爱意传递失败~' });
+    }
+});
+
+app.listen(port, () => {
+    console.log(`💖 启动成功！端口：${port}`);
+    console.log(`✨ 运行环境：${process.env.NODE_ENV || 'development'}`);
+    console.log(`🌍 访问地址：http://localhost:${port}`);
+});

package/package.json

@@ -1,10 +1,23 @@
-{
-  "name": "@5ime/likeme",
-  "version": "1.0.1",
-  "description": "Do you like me?",
-  "main": "index.js",
-  "dependencies": {
-    "express": "^4.18.1",
-    "leancloud-storage": "^4.12.3"
-  }
-}
+{
+  "name": "@5ime/likeme",
+  "version": "1.0.3",
+  "description": "Do you like me? - 一个可爱的互动小组件",
+  "main": "index.js",
+  "scripts": {
+    "start": "node index.js"
+  },
+  "author": "iami233",
+  "license": "MIT",
+  "dependencies": {
+    "express": "^5.1.0",
+    "leancloud-storage": "^4.15.2"
+  },
+  "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,37 @@
-<!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;
+            padding: 50px 20px;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            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/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:opacity .5s;color:#fff;text-align:center}.likeCard:hover{opacity:.9}.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 @@
-var limeMe=(function(){var instance;return function(likeme){if(!instance){instance=new CreateSingleton(likeme)}return instance}})();function CreateSingleton(likeme){this.el=likeme.el;this.url=likeme.serverURL;this.color=likeme.color;this.getData()}CreateSingleton.prototype.getData=function(){const url=this.url;const html=fetch(url).then((res)=>res.text()).then((html)=>{const parser=new DOMParser();const doc=parser.parseFromString(html,"text/html");const body=doc.querySelector("body");const likeme=document.querySelector(this.el);likeme.innerHTML=body.innerHTML;if(this.color){document.querySelector(".likeCard").style.backgroundColor=this.color}var xhr=new XMLHttpRequest();xhr.open("GET",url+"/info");xhr.send();document.querySelector(".likeCard").addEventListener("click",function(){xhr.open("GET",url+"/like");xhr.send()});xhr.onreadystatechange=function(){if(xhr.readyState==4&&xhr.status==200){var data=JSON.parse(xhr.responseText);document.querySelector(".likeCard-text").innerHTML="❤ "+data.data.count}}})};
+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`);if(response.ok){const data=await response.json();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`);if(response.ok){const{code,data={},msg}=await response.json();const count=data.count||0;if(code==='200'){this.setUIState(false,'❤ 传递成功~',true);setTimeout(()=>{this.setUIState(false,`❤ ${count}`)},500)}else{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

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