Initial commit

.eslintrc.cjs

@@ -0,0 +1,43 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2022: true,
+    node: true,
+  },
+  extends: [
+    'plugin:vue/vue3-recommended',
+    'eslint:recommended',
+    '@vue/typescript/recommended',
+    '@vue/prettier',
+    'plugin:import/recommended',
+    'plugin:import/typescript',
+  ],
+  parserOptions: {
+    ecmaVersion: 2022,
+    parser: '@typescript-eslint/parser',
+  },
+  rules: {
+    'prefer-const': ['error', { destructuring: 'all' }],
+    'no-empty': ['error', { allowEmptyCatch: true }],
+    '@typescript-eslint/ban-types': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/consistent-type-imports': [
+      'error',
+      {
+        disallowTypeAnnotations: false,
+        fixStyle: 'separate-type-imports',
+      },
+    ],
+    'prettier/prettier': ['warn', {}, { usePrettierrc: true }],
+    'import/order': ['warn', { groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index', 'type'] }],
+    'import/no-named-as-default': 'off',
+  },
+  settings: {
+    'import/resolver': {
+      typescript: true,
+      node: true,
+    },
+  },
+};

.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto

.gitignore

@@ -0,0 +1,106 @@
+.vercel/output
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port

.prettierrc

@@ -0,0 +1,19 @@
+{
+  "printWidth": 120,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "quoteProps": "as-needed",
+  "jsxSingleQuote": false,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "arrowParens": "avoid",
+  "requirePragma": false,
+  "insertPragma": false,
+  "proseWrap": "preserve",
+  "htmlWhitespaceSensitivity": "css",
+  "vueIndentScriptAndStyle": false,
+  "endOfLine": "auto",
+  "embeddedLanguageFormatting": "auto"
+}

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 kirinhuang
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

_api/qr.ts

@@ -0,0 +1,112 @@
+import { Hono } from 'hono';
+import { handle } from 'hono/vercel';
+import { streamSSE } from 'hono/streaming';
+import type { StreamingApi } from 'hono/utils/stream';
+
+export const runtime = 'edge';
+
+export const app = new Hono().basePath('/api');
+
+app.get('/qr', c =>
+  streamSSE(c, async stream => {
+    let streamClosed = false;
+    handleStreamClose(stream, () => {
+      streamClosed = true;
+    });
+    while (!streamClosed) {
+      // await stream.writeSSE({ data: message, event: 'time-update' });
+      await stream.sleep(1000);
+    }
+  }),
+);
+
+export const GET = handle(app);
+
+interface GenerateQrResp {
+  code: string;
+  message: string;
+  ttl: number;
+  data: {
+    url: string;
+    qrcode_key: string;
+  };
+}
+
+const generateQr = async () => {
+  const r = await fetch('https://passport.bilibili.com/x/passport-login/web/qrcode/generate');
+  const {
+    data: { url, qrcode_key },
+  } = (await r.json()) as GenerateQrResp;
+  return { url, key: qrcode_key };
+};
+
+interface PollQrResp {
+  code: string;
+  message: string;
+  ttl: number;
+  data: {
+    url: string;
+    refresh_token: string;
+    timestamp: string;
+    code: number;
+    message: string;
+  };
+}
+
+class Cookie {
+  private cookie = new Map<string, string>();
+
+  public constructor(cookies?: string[]) {
+    if (cookies) this.add(cookies);
+  }
+
+  public add(cookies: string[]) {
+    cookies.forEach(str => {
+      const [name, ...values] = str.split('=');
+      this.cookie.set(name, values.join('='));
+    });
+  }
+
+  public toString() {
+    return Array.from(this.cookie.entries())
+      .map(([name, value]) => `${name}=${value}`)
+      .join('; ');
+  }
+}
+
+const pollQr = async (key: string) => {
+  const r0 = await fetch(`https://passport.bilibili.com/x/passport-login/web/qrcode/poll?qrcode_key=${key}`);
+  const { data } = (await r0.json()) as PollQrResp;
+
+  if (data.code !== 0) {
+    return {
+      code: data.code,
+      message: data.message,
+      cookie: '',
+    };
+  }
+
+  const cookie = new Cookie(r0.headers.getSetCookie());
+  console.log('cookie1', cookie.toString());
+  const r1 = await fetch(data.url, { headers: { cookie: cookie.toString() } });
+
+  cookie.add(r1.headers.getSetCookie());
+  console.log('cookie2', cookie.toString());
+
+  return {
+    code: data.code,
+    message: data.message,
+    cookie: cookie.toString(),
+  };
+};
+
+const handleStreamClose = (stream: StreamingApi, onClose: () => any) => {
+  const close = stream.close.bind(stream);
+  stream.close = async () => {
+    try {
+      await onClose();
+    } finally {
+      await close();
+    }
+  };
+};

index.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width"
+    />
+    <title>哔哩哔哩扫码登录</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package.json

@@ -0,0 +1,52 @@
+{
+  "name": "bilibili-qr-login",
+  "version": "0.0.0",
+  "type": "module",
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc && vite build",
+    "preview": "vite preview",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
+  },
+  "devDependencies": {
+    "@hono/node-server": "^1.4.0",
+    "@types/node": "^20.10.6",
+    "@types/nodemon": "^1.19.6",
+    "@typescript-eslint/eslint-plugin": "^6.17.0",
+    "@typescript-eslint/parser": "^6.17.0",
+    "@vitejs/plugin-vue": "^5.0.2",
+    "@vue/eslint-config-prettier": "^9.0.0",
+    "@vue/eslint-config-typescript": "^12.0.0",
+    "eslint": "^8.56.0",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-prettier": "^5.1.2",
+    "eslint-plugin-vue": "^9.19.2",
+    "hono": "^3.11.12",
+    "less": "^4.2.0",
+    "lint-staged": "^15.2.0",
+    "nodemon": "^3.0.2",
+    "prettier": "^3.1.1",
+    "tsx": "^4.7.0",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.10",
+    "vite-plugin-vercel": "^2.0.0",
+    "vue": "^3.4.5",
+    "vue-tsc": "^1.8.27",
+    "yorkie": "^2.0.0"
+  },
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "lint-staged": {
+    "*.{vue,ts,tsx}": [
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "*.{css,less}": [
+      "prettier --write"
+    ]
+  }
+}

server/index.ts

@@ -0,0 +1,10 @@
+import { serve } from '@hono/node-server';
+import { Hono } from 'hono';
+import { app as qr } from '../_api/qr';
+
+const app = new Hono();
+app.route('/', qr);
+
+serve(app, () => {
+  console.log('API server start running.');
+});

server/utils.ts

@@ -0,0 +1,24 @@
+import { createServer } from 'net';
+import nodemon from 'nodemon';
+
+const checkPortInUse = (port = 3000) =>
+  new Promise<boolean>(resolve => {
+    const tester = createServer()
+      .once('error', (err: any) => {
+        resolve(err.code === 'EADDRINUSE');
+      })
+      .once('listening', () => tester.once('close', () => resolve(false)).close())
+      .listen(port, '0.0.0.0');
+  });
+
+export const startApiServer = async () => {
+  if (await checkPortInUse()) return;
+  nodemon({
+    script: 'server/index.ts',
+    ext: 'ts',
+    watch: ['_api'],
+    execMap: {
+      ts: 'tsx',
+    },
+  });
+};

src/App.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>1111</div>
+</template>
+
+<script setup lang="ts"></script>

src/main.ts

@@ -0,0 +1,4 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+
+createApp(App).mount('#app');

tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true,
+    "useDefineForClassFields": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    // "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts", "_api/**/*.ts", "server/**/*.ts"]
+}

vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import vercel from 'vite-plugin-vercel';
+import { startApiServer } from './server/utils';
+
+// https://vitejs.dev/config/
+export default defineConfig(({ command }) => {
+  if (command === 'serve') startApiServer();
+  return {
+    plugins: [vue(), vercel()],
+    server: {
+      proxy: {
+        '/api': 'http://127.0.0.1:3000',
+      },
+    },
+  };
+});