12 | {props.children}
13 | {
14 | props.number > 0 ?
15 |
16 | {props.number}
17 | :
18 | <>
19 | }
20 |
;
21 | }
--------------------------------------------------------------------------------
/frontend/app/web/src/css/header/search_bar.module.css:
--------------------------------------------------------------------------------
1 | .searchPart {
2 | line-height: 40px;
3 | cursor: text;
4 | flex: 1;
5 | padding-left: 20px;
6 | padding-right: 20px;
7 |
8 | display: flex;
9 | flex-direction: row;
10 | justify-content: center;
11 |
12 | & select {
13 | margin: 0;
14 | width: 100px;
15 | }
16 | & input {
17 | margin: 0;
18 | padding: 10px;
19 | flex: 1;
20 | max-width: 700px;
21 |
22 | border-radius: 3px;
23 | border: 1px solid var(--border-color);
24 | background: var(--background-color);
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/docs-website/docs/早期文件/docker啓動.md:
--------------------------------------------------------------------------------
1 | # docker 啓動
2 |
3 | 1. 設置 `carbonbond.release.toml` 設定檔
4 |
5 | ```sh
6 | cd api-service/config # 依循第 2 步 docker-compose 啓動後，會讀取 config/ 下的設定檔
7 | cp carbonbond.docker.toml carbonbond.release.toml
8 | ```
9 |
10 | 2. 修改 deply/docker-compose.yml
11 |
12 | （若您僅要執行 docker hub 上最新的映像檔，可省略本步驟）
13 |
14 | 根據該檔案中的說明，註解／反註解特定程式碼
15 |
16 | 3. 根據目前程式碼製作 docker 映像檔
17 |
18 | （若您僅要執行 docker hub 上最新的映像檔，可省略本步驟）
19 |
20 | ```sh
21 | cd deploy
22 | sh build.sh
23 | docker compose build
24 | ```
25 |
26 | 4. 啓動 docker
27 |
28 | ```sh
29 | cd deploy
30 | docker compose up
31 | ```
32 |
33 | 需先關閉本地端的 postgresql ，否則埠口會撞到
--------------------------------------------------------------------------------
/frontend/app/web/src/css/custom.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.module.css' {
2 | const classes: { [key: string]: string };
3 | export default classes;
4 | }
5 |
6 | declare module '*.png' {
7 | const value: string;
8 | export default value;
9 | }
10 |
11 | declare module '*.svg' {
12 | const value: string;
13 | export default value;
14 | }
15 |
16 | declare module '*.mp3' {
17 | const value: string;
18 | export default value;
19 | }
20 |
21 | declare module '*.md' {
22 | const attributes: Record
11 | {chatrooms.map(room =>
;
14 | }
15 |
16 | export {
17 | BottomPanel
18 | };
--------------------------------------------------------------------------------
/frontend/app/web/src/css/avatar.module.css:
--------------------------------------------------------------------------------
1 | .avatar {
2 | & img {
3 | max-height: 100%;
4 | max-width: 100%;
5 | }
6 | & .editPrompt {
7 | color: white;
8 | font-size: 14px;
9 | background: black;
10 | border-radius: 5px;
11 | padding: 5px;
12 | position: absolute;
13 | left: 5px;
14 | bottom: 5px;
15 | }
16 | }
17 | .avatar.isMine {
18 | & * {
19 | cursor: pointer;
20 | }
21 | & input {
22 | display: none;
23 | }
24 | }
25 | .cropper {
26 | & img {
27 | max-width: 300px;
28 | max-height: 300px;
29 | }
30 | }
31 | .buttonSet {
32 | margin-top: 10px;
33 | & button {
34 | margin-right: 5px;
35 | }
36 | }
--------------------------------------------------------------------------------
/docs-website/docs/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: home
3 |
4 | title: 碳鍵
5 | titleTemplate: 次世代筆戰平台
6 |
7 | hero:
8 | name: 碳鍵
9 | text: 次世代筆戰平台
10 | tagline: 圖像化掌握全盤戰局
11 | image:
12 | src: /icon.svg
13 | alt: 碳鍵圖標
14 | width: 192
15 | actions:
16 | - theme: brand
17 | text: 出發
18 | link: /基礎/碳鍵是什麼
19 | - theme: alt
20 | text: 源碼
21 | link: https://github.com/carbon-bond/carbonbond
22 | features:
23 | - title: 鍵結
24 | details: 以鍵結表現文章之間的關係（激賞、厭惡、提及……）
25 | - title: 文章結構
26 | details: 板主可設定看板的分類，使得分類的文章必須符合指定格式
27 | - title: 匿名
28 | details: 留言與發表文章時，可以選擇是否匿名
29 | - title: 聊天室
30 | details: 與有興趣板友的發起即時通訊
31 | ---
32 |
--------------------------------------------------------------------------------
/frontend/script/inject/data/crouching_dragon.json:
--------------------------------------------------------------------------------
1 | [{
2 | "name": "臥龍專板",
3 | "force": [
4 | "PTT文章 {",
5 | "單行 看板",
6 | "單行 作者",
7 | "單行 時間",
8 | "單行 分類",
9 | "文本 內文",
10 | "單行 網址",
11 | "}",
12 | "PTT回文 {",
13 | "單行 看板",
14 | "單行 作者",
15 | "單行 時間",
16 | "鍵結[PTT文章] 原文[0~1]",
17 | "文本/.{1,}/ 內文",
18 | "單行 網址",
19 | "單行 原文網址",
20 | "}",
21 | "PTT推文 @[衛星] {",
22 | "鍵結[PTT文章,PTT回文] 原文",
23 | "文本/.{1,}/ 內文",
24 | "單行 作者",
25 | "單行 時間",
26 | "}",
27 | "回文 {",
28 | "鍵結[*] 原文[0~1]",
29 | "文本/.{1,}/ 內文",
30 | "}",
31 | "留文 @[衛星] {",
32 | "鍵結[*] 原文",
33 | "文本/.{1,}/ 內文",
34 | "}"
35 | ],
36 | "articles": []
37 | }]
38 |
--------------------------------------------------------------------------------
/frontend/app/web/src/css/signup_page.module.css:
--------------------------------------------------------------------------------
1 | .signupPage {
2 | display: flex;
3 | flex-direction: row;
4 | justify-content: center;
5 | & .signupForm {
6 | width: 40%;
7 | margin-top: 8%;
8 | & .counter {
9 | margin-bottom: 20px;
10 | }
11 | & .username {
12 | width: 100%;
13 | margin-bottom: 10px;
14 | }
15 | & .password {
16 | width: 100%;
17 | margin-bottom: 10px;
18 | }
19 | & button {
20 | margin-top: 12px;
21 | }
22 | & .terms {
23 | font-size: 14px;
24 | margin-top: 2px;
25 | }
26 | }
27 | }
--------------------------------------------------------------------------------
/api-service/migrations/20201108205511_notification.sql:
--------------------------------------------------------------------------------
1 | CREATE TYPE notification_kind AS ENUM (
2 | 'follow',
3 | 'hate',
4 | 'article_replied',
5 | 'article_bad_replied',
6 | 'article_good_replied'
7 | );
8 |
9 | CREATE TABLE notifications (
10 | id bigserial PRIMARY KEY,
11 | user_id bigint REFERENCES users (id) NOT NULL,
12 | user2_id bigint REFERENCES users (id),
13 | board_id bigint REFERENCES boards (id),
14 | article1_id bigint REFERENCES articles (id),
15 | article2_id bigint REFERENCES articles (id),
16 | kind notification_kind NOT NULL,
17 | quality bool, -- NULL 表中性，true 表捷報，false 表惡耗
18 | read bool NOT NULL DEFAULT FALSE,
19 | create_time timestamptz NOT NULL DEFAULT NOW()
20 | );
21 |
22 |
--------------------------------------------------------------------------------
/docs-website/docs/進階/HTTPS.md:
--------------------------------------------------------------------------------
1 | # HTTPS
2 |
3 | `frontend` 容器中的 Nginx 預設使用 HTTP ，然而 HTTP 傳輸明文，這導致許多安全隱患，例如，在公共網路中使用密碼登入時，若有惡意人士竊聽，將有洩漏密碼的危險。是故，正式上線的網站都應採用 HTTPS 來保證安全與隱私。
4 |
5 | 本文提供兩種方式為碳鍵加上 HTTPS。
6 |
7 | ## 方法一： 設定 Nginx
8 |
9 | 1. 申請 SSL 憑證，你可以在 [Let's Encrypt](https://letsencrypt.org/) 免費申請，或是其他供應商申請，但他們可能會收取費用。
10 | 2. 按照 [Nginx 官方文件](http://nginx.org/en/docs/http/configuring_https_servers.html)修改 [Nginx 設定檔](https://github.com/carbon-bond/carbonbond/blob/master/frontend/app/web/deploy/nginx.conf)，為其加入 SSL 憑證的設定。
11 | 3. 在本地端重新生成 `frontend` 的 docker 映像檔。(TODO:補充具體步驟)
12 |
13 | ## 方法二： Caddy 反向代理
14 |
15 | Caddy 是一個 HTTPS 的伺服器軟體，無需任何設定，開箱即能使用 HTTPS。您可以在 443 埠口架設 Caddy ，再將所有請求反向代理給 `frontend`。這會是最容易的方法，但注意再增加一層反向代理是必帶來更多性能損耗。
16 |
--------------------------------------------------------------------------------
/api-service/src/api/model/webhook.rs:
--------------------------------------------------------------------------------
1 | // 本檔案存放碳鍵發送給機器人的 webhook API 定義
2 |
3 | use chitin::*;
4 | #[chitin_model]
5 | pub mod webhook_model_root {
6 | use chitin::*;
7 | use serde::{Deserialize, Serialize};
8 | use typescript_definitions::{TypeScriptify, TypeScriptifyTrait};
9 |
10 | #[derive(Serialize, Deserialize, TypeScriptify, Clone, Debug)]
11 | pub struct MentionInComment {
12 | pub article_id: i64,
13 | pub comment_id: i64,
14 | pub author_id: i64,
15 | pub comment_content: String,
16 | }
17 |
18 | #[derive(Serialize, Deserialize, TypeScriptify, Clone, Debug)]
19 | pub enum API {
20 | MentionedInComment(MentionInComment),
21 | }
22 | }
23 |
24 | pub use webhook_model_root::*;
25 |
--------------------------------------------------------------------------------
/.github/workflows/node.js.yml:
--------------------------------------------------------------------------------
1 | name: Node.js CI
2 |
3 | on:
4 | pull_request:
5 | branches: [ master ]
6 | paths:
7 | - 'frontend/**'
8 |
9 | defaults:
10 | run:
11 | shell: bash
12 | working-directory: ./frontend
13 |
14 | jobs:
15 | frontend-build:
16 | runs-on: ubuntu-20.04
17 | steps:
18 | - uses: actions/checkout@v2
19 | - uses: actions/setup-node@v1
20 | with:
21 | node-version: '14.x'
22 | - uses: c-hive/gha-yarn-cache@v2
23 | with:
24 | directory: ./frontend
25 | - run: yarn install
26 | - run: yarn lint
27 | - run: yarn workspace web build
28 | - run: yarn workspace web check-ts
29 | - run: yarn workspace web check-css
30 | - run: yarn workspace web test
31 |
32 |
--------------------------------------------------------------------------------
/frontend/app/web/src/css/notification.module.css:
--------------------------------------------------------------------------------
1 | .tag {
2 | color: var(--sub-theme-color)
3 | }
4 | .notificationSeparater {
5 | border: none;
6 | border-top: 1px solid var(--gray-2);
7 | width: 80%;
8 | margin: 0 auto;
9 | }
10 | .notificationList {
11 | overflow: scroll;
12 | & .notificationRow {
13 | font-size: 14px;
14 | & .notificationSpace {
15 | min-width: 20px;
16 | }
17 | }
18 | }
19 | .notificationMessage {
20 | margin: 10px 0;
21 | flex: 1;
22 | }
23 | .time {
24 | color: var(--gray-3);
25 | }
26 | .row:hover {
27 | background-color: var(--hover-background-color);
28 | }
29 | .row {
30 | padding: 5px 0px;
31 | cursor: pointer;
32 | display: flex;
33 | flex-wrap: wrap;
34 | }
--------------------------------------------------------------------------------
/frontend/app/web/src/css/board/graph_view.module.css:
--------------------------------------------------------------------------------
1 | .articleBlock {
2 | position: absolute;
3 | transition: .2s;
4 | }
5 | .wrapper {
6 | width: 100%;
7 | position: relative;
8 | height: 100vh;
9 |
10 | & .panel {
11 | opacity: 0.8;
12 | padding: 10px;
13 | z-index: 9;
14 | background-color: white;
15 | box-shadow: 0px 0px 2px 0.5px rgba(0, 0, 0, 0.2);
16 | position: absolute;
17 | top: 5px;
18 | right: 5px;
19 | color: gray;
20 |
21 | & hr {
22 | border-color: var(--gray-1);
23 | }
24 | }
25 | }
26 | .svgBlock {
27 | width: 100%;
28 | position: relative;
29 | background-color: var(--gray-1);
30 | & svg:active {
31 | cursor: move;
32 | }
33 | }
--------------------------------------------------------------------------------
/docs-website/docs/早期文件/rust設置.md:
--------------------------------------------------------------------------------
1 | # rust 設置
2 |
3 | ## 版本
4 |
5 | 1.56.0-nightly 以上
6 |
7 | ## 安裝
8 |
9 | 參考 [官方網站](https://www.rust-lang.org/tools/install)。
10 |
11 | 將工具鏈版本設置為 nightly。
12 | ``` sh
13 | rustup default nightly
14 | rustup update
15 | ```
16 |
17 | ## rustfmt
18 |
19 | 欲將將整個專案的 rust 檔案都標準格式化，執行
20 | ``` sh
21 | cargo fmt
22 | ```
23 |
24 | 若只想檢查語法但不想修改檔案，可以執行
25 | ``` sh
26 | cargo fmt -- --check
27 | ```
28 |
29 | 可修改專案底下的 .rustfmt.toml 檔案來設定格式，詳見[官方文件](https://github.com/rust-lang/rustfmt/blob/master/Configurations.md)
30 |
31 | ## vscode 建議設定
32 |
33 | 安裝 [rust-analyzer 外掛](https://marketplace.visualstudio.com/items?itemName=matklad.rust-analyzer)
34 |
35 | ### 存檔時格式化程式碼
36 | 在 vscode 的 setting.json 設定
37 | ```
38 | "[rust]":{
39 | "editor.formatOnSave": true,
40 | }
41 | ```
--------------------------------------------------------------------------------
/frontend/app/web/vite_plugins/mobile.ts:
--------------------------------------------------------------------------------
1 | import { Plugin, ViteDevServer } from 'vite';
2 |
3 | function isMobile(user_agent: string): boolean {
4 | if (/iPad/i.test(user_agent)) {
5 | return false;
6 | } else {
7 | return /Mobile/i.test(user_agent);
8 | }
9 | }
10 |
11 | const mobilePlugin = (): Plugin => ({
12 | name: 'mobilePlugin',
13 | configureServer(server: ViteDevServer) {
14 | server.middlewares.use('/', (req, _, next) => {
15 | if (isMobile(req.headers['user-agent'] ?? '')) {
16 | if (req.url == '/' || req.url?.startsWith('/app')) {
17 | req.url = '/index.mobile.html';
18 | }
19 | } else {
20 | if (req.url == '/' || req.url?.startsWith('/app')) {
21 | req.url = '/index.html';
22 | }
23 | }
24 | next();
25 | });
26 | }
27 | });
28 |
29 | export default mobilePlugin;
--------------------------------------------------------------------------------
/frontend/app/web/src/css/components/drop_down.module.css:
--------------------------------------------------------------------------------
1 | .wrap {
2 | position: relative;
3 | height: 100%;
4 | & .button {
5 | height: 100%;
6 | cursor: pointer;
7 | }
8 | & .dropDown {
9 | position: absolute;
10 | left: 0px;
11 | right: 0px;
12 | display: flex;
13 | flex-direction: column;
14 | align-content: center;
15 | z-index: 100;
16 | & .triangle {
17 | align-self: center;
18 | width: 0;
19 | height: 0;
20 | border-left: 15px solid transparent;
21 | border-right: 15px solid transparent;
22 | border-bottom: 15px solid var(--third-theme-color);
23 | }
24 | & .body {
25 | align-self: center;
26 | position: relative;
27 | }
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/api-service/src/lib.rs:
--------------------------------------------------------------------------------
1 | #[macro_use]
2 | extern crate derive_more;
3 |
4 | pub mod config;
5 | pub mod custom_error;
6 | pub mod force;
7 |
8 | #[cfg(not(feature = "prepare"))]
9 | pub mod api;
10 | #[cfg(not(feature = "prepare"))]
11 | pub mod chat;
12 | #[cfg(not(feature = "prepare"))]
13 | pub mod db;
14 | #[cfg(not(feature = "prepare"))]
15 | pub mod email;
16 | #[cfg(not(feature = "prepare"))]
17 | pub mod notification;
18 | #[cfg(not(feature = "prepare"))]
19 | pub mod redis;
20 | #[cfg(not(feature = "prepare"))]
21 | pub mod routes;
22 | #[cfg(not(feature = "prepare"))]
23 | pub mod service;
24 | #[cfg(not(feature = "prepare"))]
25 | pub mod service_manager;
26 | #[cfg(not(feature = "prepare"))]
27 | pub mod util;
28 |
29 | #[cfg(not(feature = "prepare"))]
30 | pub mod context;
31 |
32 | #[cfg(not(feature = "prepare"))]
33 | use context::{Context, Ctx};
34 |
--------------------------------------------------------------------------------
/frontend/app/web/src/tsx/components/scalable_input.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export function ScalableInput(props: {onChange: ((value: string) => void), value: string}): JSX.Element {
4 | const inputRef = React.useRef
18 |
;
27 | }
28 |
29 | export { LawPage };
--------------------------------------------------------------------------------
/frontend/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "carbonbond",
3 | "version": "0.1.0",
4 | "description": "碳鍵次世代論壇",
5 | "main": "index.js",
6 | "license": "MIT",
7 | "private": true,
8 | "scripts": {
9 | "lint": "eslint --cache --ignore-path .gitignore --ext .js --ext .ts --ext .tsx ."
10 | },
11 | "workspaces": [
12 | "app/**",
13 | "lib/**",
14 | "script/**"
15 | ],
16 | "resolutions": {
17 | "@types/react": "17",
18 | "@types/react-dom": "17"
19 | },
20 | "dependencies": {
21 | "react": "17.0.2",
22 | "react-dom": "17.0.2"
23 | },
24 | "devDependencies": {
25 | "@types/jest": "27",
26 | "@types/react": "17",
27 | "@types/react-dom": "17",
28 | "@typescript-eslint/eslint-plugin": "^5.20.0",
29 | "@typescript-eslint/parser": "^5.20.0",
30 | "eslint": "^8.17.0",
31 | "eslint-plugin-react": "^7.30.0",
32 | "eslint-plugin-react-hooks": "^4.5.0",
33 | "jest": "27",
34 | "jest-environment-jsdom": "27",
35 | "ts-jest": "27",
36 | "ts-node": "^10.8.1",
37 | "typescript": "^4.7.3"
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/docs-website/docs/基礎/安裝.md:
--------------------------------------------------------------------------------
1 | # 安裝
2 |
3 | 碳鍵依賴多項軟體跟開發工具，從頭編譯、並架設 Nginx, Redis 等等軟體會花上不少時間。
4 |
5 | 所幸，碳鍵官方提供了 docker 映像檔，能夠簡化架設流程。您僅需要先在你的機器上安裝 Docker 就可以了。
6 |
7 | ## 安裝 Docker
8 |
9 | Linux 用戶可根據 Docker 官網的指示安裝 [Docker Engine](https://docs.docker.com/engine/install/)，Mac 與 Windows 用戶則適用 [Docker Desktop](https://docs.docker.com/desktop/)。
10 |
11 | ## 啓動碳鍵
12 |
13 | 1. 下載 carbonbond 原始碼。
14 | ```
15 | git clone https://github.com/carbon-bond/carbonbond
16 | cd carbonbond
17 | ```
18 | 2. 建立 carbonbond.release.toml 文件，請先直接複製原始碼中提供的 carbonbond.docker.toml。
19 | ```
20 | cp api-service/config/carbonbond.docker.toml api-service/config/carbonbond.release.toml
21 | ```
22 |
23 | 3. 啓動。
24 | ```
25 | cd deploy
26 | sudo docker compose up
27 | ```
28 | `docker compose` 會自動下載並執行最新的碳鍵映像檔，若您在終端看到
29 |
30 | > 靜候於 http://0.0.0.0:8080
31 |
32 | 代表碳鍵 API 伺服器已經佈署成功，用瀏覽器打開 http://localhost [^1]，若您看到了論壇界面，恭喜您已經邁出了重大的一步，但您還需要一些額外設定才能開放給社羣使用。請看下一章[電郵設定](./%E9%9B%BB%E9%83%B5%E8%A8%AD%E5%AE%9A.md)。
33 |
34 | [^1]: localhost 的 80 埠口由一個 Nginx 容器負責監聽，而`靜候於 http://0.0.0.0:8080`這段文字是碳鍵的 API 伺服器打印出來的。Nginx 收到 API 請求時，會把請求反向代理給 8080 埠口。
35 |
--------------------------------------------------------------------------------
/frontend/app/web/src/tsx/profile/user_card.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { Link } from 'react-router-dom';
3 | import { UserMini } from 'carbonbond-api/api_trait';
4 | import style from '../../css/user_card.module.css';
5 |
6 | function UserCard(props: { user: UserMini }): JSX.Element {
7 | const url = `/app/user/${props.user.user_name}`;
8 |
9 | return (
10 |
19 |
20 |
25 |
26 |
11 |
29 | );
30 | }
31 |
32 | export {
33 | UserCard
34 | };
--------------------------------------------------------------------------------
/docs-website/docs/早期文件/資料庫設置.md:
--------------------------------------------------------------------------------
1 | # 資料庫設置
2 | ### PostgreSQL
3 |
4 | ### 安裝
5 |
6 | 執行 `apt install postgresql` 安裝 postgres 資料庫，並執行 `apt install libpq-dev` 安裝 libpq ，往後編譯時才能鏈接到。
7 |
8 | ### 設定
9 |
10 | 1. 設定 postgres 用戶的密碼
11 | ```sh
12 | sudo -iu postgres # 轉換成 postgres 使用者。
13 | psql # 進入 postgresql 的客戶端
14 | > ALTER USER postgres PASSWORD 'mypassword'; # 設定 postgres 用戶的密碼
15 | ```
16 |
17 | 2. 修改 carbonbond.toml 或 carbonbond.dev.toml \[database\] 的 password 欄位
18 |
19 | 3. 將 postgres 用戶的登入方式改為使用密碼
20 | ```sh
21 | sudo vim /etc/postgresql/
12 | 
13 |
14 |
13 |
15 |
27 |
28 | {props.user.user_name}
16 | {
17 | props.user.sentence.length == 0 ?
18 | 尚無一句話介紹 :
19 | props.user.sentence
20 | }
21 |
22 |
26 |
23 | ☘️ 鍵能 {props.user.energy}
24 |
25 |
18 |
;
37 | }
--------------------------------------------------------------------------------
/frontend/app/web/src/css/layout.css:
--------------------------------------------------------------------------------
1 | .app {
2 | }
3 | .appMobile {
4 | & .other {
5 | padding-bottom: var(--footer-height);
6 | & .mainBody {
7 | overflow-y: hidden;
8 | }
9 | }
10 | }
11 | .header {
12 | position: fixed;
13 | z-index: 300;
14 | }
15 | .mobileFullContent {
16 | width: 100%;
17 | height: calc(100vh - var(--header-height) - var(--footer-height));
18 | position: fixed;
19 | top: var(--header-height);
20 | }
21 |
22 | .content {
23 | width: 100%;
24 | display: flex;
25 | justify-content: center;
26 | }
27 |
28 | .other {
29 | background-color: var(--gray-1);
30 | top: var(--header-height);
31 | min-height: calc(100vh - var(--header-height));
32 | display: flex;
33 | flex-direction: row;
34 | position: relative;
35 | & .mainBody {
36 | height: 100%;
37 | flex: 1;
38 | & .forumBody {
39 | width: 100%;
40 | height: 100%;
41 | }
42 | }
43 | }
44 |
45 | .mainContent {
46 | max-width: 600px;
47 | width: 100%;
48 | }
49 | .rightSideBar {
50 | padding: 10px 20px;
51 | width: 335px;
52 | }
--------------------------------------------------------------------------------
/frontend/app/web/src/css/board_list.module.css:
--------------------------------------------------------------------------------
1 | .boardList {
2 | margin-top: 20px;
3 | display: flex;
4 | align-items: center;
5 | justify-content: center;
6 | & > div {
7 | width: 100%;
8 | background-color: var(--background-color);
9 | & .boardBlock:not(:first-child) {
10 | border-top: 0px;
11 | }
12 | & .boardBlock:hover {
13 | background: var(--hover-background-color)
14 | }
15 | & .boardBlock {
16 | border: 1px var(--border-color) solid;
17 | width: 100%;
18 | padding: 5px;
19 | & .info {
20 | display: flex;
21 | flex-direction: row;
22 | & .name {
23 | color: black;
24 | font-size: 16px;
25 | }
26 | & .type {
27 | flex: 1px;
28 | color: var(--green);
29 | margin-left: 5px;
30 | }
31 | }
32 | & .title {
33 | color: black;
34 | font-size: 12px;
35 | }
36 | }
37 | }
38 | }
--------------------------------------------------------------------------------
/frontend/app/web/deploy/nginx.conf:
--------------------------------------------------------------------------------
1 | map $http_user_agent $index {
2 | default /index.html;
3 | ~*iPad /index.html;
4 | ~*Mobile|Android|webOS|iPhone|iPod|BlackBerry /index.mobile.html;
5 | }
6 | server {
7 | listen 80;
8 | server_name 0.0.0.0;
9 | access_log /var/log/nginx/access_log;
10 | error_log /var/log/nginx/error_log;
11 | charset utf-8;
12 | gzip on;
13 | gzip_types text/plain text/css application/json application/javascript application/x-javascript text/javascript image/svg+xml image/png image/jpeg;
14 | gzip_min_length 1000;
15 | gzip_proxied any;
16 |
17 | location ~ ^/(api|avatar) {
18 | proxy_pass http://api-service:8080;
19 | }
20 |
21 | location /chat {
22 | proxy_pass http://api-service:8080;
23 | proxy_http_version 1.1;
24 | proxy_set_header Upgrade $http_upgrade;
25 | proxy_set_header Connection "Upgrade";
26 | proxy_set_header Host $host;
27 | }
28 |
29 | location ~ \.(js|css)$ {
30 | root /usr/share/nginx/html;
31 | expires 365d;
32 | }
33 |
34 | location / {
35 | root /usr/share/nginx/html;
36 | try_files $uri /$uri $index;
37 | }
38 | }
--------------------------------------------------------------------------------
/api-service/src/email/smtp.rs:
--------------------------------------------------------------------------------
1 | use crate::custom_error::{Error, Fallible};
2 | use lettre::{
3 | message::header::ContentType, transport::smtp::authentication::Credentials, AsyncSmtpTransport,
4 | AsyncTransport, Message, Tokio1Executor,
5 | };
6 |
7 | pub async fn send_via_smtp(
8 | sender: &str,
9 | receiver: &str,
10 | subject: &str,
11 | html_content: String,
12 | smtp_server: &str,
13 | smtp_username: &str,
14 | smtp_password: &str,
15 | ) -> Fallible<()> {
16 | let email = Message::builder()
17 | .from(sender.parse().unwrap())
18 | .to(receiver.parse().unwrap())
19 | .subject(subject)
20 | .header(ContentType::TEXT_HTML)
21 | .body(html_content)
22 | .unwrap();
23 |
24 | let creds = Credentials::new(smtp_username.to_owned(), smtp_password.to_owned());
25 |
26 | let mailer: AsyncSmtpTransport {
19 | setExtended(!extended);
20 | if (props.onExtended) {
21 | props.onExtended();
22 | }
23 | }}>
24 | {props.button}
25 |
26 |
27 | {
28 | should_expand
29 | ? <>
30 | {props.hide_triangle ? null : }
31 |
36 | {props.body}
32 |
33 | : null
34 | }
35 |
21 |
;
23 | }
24 |
25 | function Content(): JSX.Element {
26 | useInit();
27 | return
30 |
32 |
33 |
39 |
40 |
42 |
43 | );
44 | }
45 |
46 | init({
47 | is_mobile: true
48 | });
49 |
50 |
51 | ReactDOM.render(
31 | 正在驗證稱號....
32 |
;
33 | } else if (error) {
34 | return
35 |
;
37 | } else {
38 | return {error}
36 |
39 | 成功驗證稱號
40 |
;
41 | }
42 | }
--------------------------------------------------------------------------------
/frontend/app/web/src/css/left_panel/browse_bar.module.css:
--------------------------------------------------------------------------------
1 | .browseBar {
2 | height: 100%;
3 | display: grid;
4 | transition: .2s;
5 | & .special {
6 | & div {
7 | padding: 4px 5%;
8 | font-size: 16px;
9 | cursor: pointer;
10 | }
11 | & div:hover {
12 | background-color: var(--hover-background-color);
13 | }
14 | & .specialBlock {
15 | display: inline-block;
16 | color: var(--font-color);
17 | }
18 | }
19 | }
20 | .title {
21 | background-color: var(--sub-theme-color);
22 | color: var(--font-color);
23 | padding: 2px;
24 | cursor: pointer;
25 | margin-bottom: 1px;
26 | padding-left: 5%;
27 | }
28 | .boardBlock {
29 | height: 40px;
30 | display: inline-block;
31 | width: 100%;
32 | color: var(--font-color);
33 | padding: 3px 10px;
34 | & .boardInfo {
35 | display: flex;
36 | flex-direction: row;
37 | & .boardType {
38 | flex: 1;
39 | color: var(--green);
40 | margin-left: 5px;
41 | }
42 | }
43 | & .boardTitle {
44 | font-size: 12px;
45 | }
46 | }
47 | .boardBlock:hover {
48 | background-color: var(--hover-background-color);
49 | }
50 |
--------------------------------------------------------------------------------
/frontend/app/web/src/tsx/app.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import {
4 | BrowserRouter as Router,
5 | } from 'react-router-dom';
6 |
7 | import 'react-toastify/dist/ReactToastify.css';
8 | import 'normalize.css';
9 | import '../css/variable.css';
10 | import '../css/layout.css';
11 | import '../css/global.css';
12 |
13 | import { Header } from './header';
14 | import { LeftPanel } from './left_panel';
15 | import { BottomPanel } from './bottom_panel';
16 | import { MainRoutes } from './app/main_routes';
17 | import { init, useInit } from './app/init';
18 |
19 | import { Providers } from './app/providers';
20 |
21 | function MainBody(): JSX.Element {
22 | return
23 |
;
25 | }
26 | function Content(): JSX.Element {
27 | useInit();
28 | return
31 |
35 |
40 |
41 |
43 |
44 | );
45 | }
46 |
47 | init({
48 | is_mobile: false
49 | });
50 |
51 | ReactDOM.render(
32 | 正在處理電子信箱更換....
33 |
;
34 | } else if (error) {
35 | return
36 |
;
38 | } else {
39 | return {error}
37 |
40 | 成功更換電子信箱！
41 |
;
42 | }
43 | }
--------------------------------------------------------------------------------
/frontend/app/web/src/css/components/tab_panel.module.css:
--------------------------------------------------------------------------------
1 | .works {
2 | width: 100%;
3 | & .navigateBar {
4 | margin-top: 10px;
5 | display: flex;
6 | justify-content: center;
7 | align-items: center;
8 | height: 30px;
9 | font-size: 20px;
10 | & .navigateTabWrapper {
11 | flex: 1;
12 | max-width: 200px;
13 | text-align: center;
14 | display: flex;
15 | justify-content: center;
16 | }
17 | & .navigateTab {
18 | cursor: pointer;
19 | padding: 5px 25px;
20 | border-bottom: 1px solid var(--border-color);
21 | }
22 | & .navigateTabDisable {
23 | color: gray;
24 | border-bottom: 1px solid var(--border-color);
25 | }
26 | & .navigateTabActive {
27 | font-weight: bold;
28 | background-color: var(--gray-2);
29 | border-bottom: 3px solid var(--gray-5);
30 | }
31 | }
32 | & .content {
33 | margin: 0 auto;
34 | display: flex;
35 | flex-direction: column;
36 | justify-content: center;
37 | }
38 | }
39 |
40 | @media only screen and (max-width: 600px) {
41 | .navigateTab {
42 | padding: 5px 0px;
43 | width: 100%;
44 | }
45 | }
--------------------------------------------------------------------------------
/deploy/docker-compose.yml:
--------------------------------------------------------------------------------
1 | services:
2 | postgres:
3 | image: postgres:alpine
4 | environment:
5 | - POSTGRES_USER=postgres
6 | - POSTGRES_PASSWORD=mypassword
7 | - POSTGRES_DB=carbonbond
8 | volumes:
9 | - "postgres-data:/var/lib/postgresql/data"
10 | restart: always
11 | ports:
12 | - ${POSTGRES_PORT:-5432}:5432
13 | networks:
14 | - carbonbond-net
15 | redis:
16 | image: redis:alpine
17 | restart: always
18 | networks:
19 | - carbonbond-net
20 | frontend:
21 | image: "carbonbond/frontend:${TAG:-latest}"
22 | # 欲自行建置 docker image ，以下三行取代上一行
23 | # build:
24 | # context: ../frontend/app/web
25 | # dockerfile: deploy/Dockerfile
26 | restart: always
27 | ports:
28 | - ${FRONTEND_PORT:-80}:80
29 | networks:
30 | - carbonbond-net
31 | api-service:
32 | image: "carbonbond/api-service:${TAG:-latest}"
33 | # 欲自行建置 docker image ，以下三行取代上一行
34 | # build:
35 | # context: ../api-service
36 | # dockerfile: deploy/Dockerfile
37 | volumes:
38 | - ../api-service/config:/app/api-service/config
39 | depends_on:
40 | - postgres
41 | - redis
42 | restart: always
43 | networks:
44 | - carbonbond-net
45 | volumes:
46 | postgres-data: {}
47 |
48 | networks:
49 | carbonbond-net:
50 | driver: bridge
--------------------------------------------------------------------------------
/.github/workflows/api-service-build-production.yml:
--------------------------------------------------------------------------------
1 | name: api-service-build-production
2 |
3 | on:
4 | release:
5 | types: [ published ]
6 |
7 | defaults:
8 | run:
9 | shell: bash
10 | working-directory: ./api-service
11 |
12 | jobs:
13 | release:
14 | runs-on: ubuntu-20.04
15 | steps:
16 | - uses: actions/checkout@v2
17 | - uses: actions-rs/toolchain@v1
18 | with:
19 | toolchain: stable
20 | - uses: Swatinem/rust-cache@v1
21 | with:
22 | working-directory: ./api-service
23 | - name: 編譯
24 | run: sh ./build.sh
25 | - name: 登入 DockerHub
26 | uses: docker/login-action@v1
27 | with:
28 | username: ${{ secrets.DOCKERHUB_USERNAME }}
29 | password: ${{ secrets.DOCKERHUB_TOKEN }}
30 | - name: 建構並推送 docker 映像檔
31 | uses: docker/build-push-action@v2
32 | with:
33 | context: ./api-service
34 | push: true
35 | tags: carbonbond/api-service:stable
36 | file: ./api-service/deploy/Dockerfile
37 | - name: 佈屬到正式環境
38 | if: ${{ success() }}
39 | uses: distributhor/workflow-webhook@v2
40 | env:
41 | webhook_url: ${{ secrets.PRODUCTION_WEBHOOK_URL }}/hooks/production-redeploy-api-service
42 | webhook_secret: ${{ secrets.PRODUCTION_WEBHOOK_SECRET }}
43 | verify_ssl: false
44 | verbose: true
45 |
--------------------------------------------------------------------------------
/frontend/app/web/src/css/party/my_party_list.module.css:
--------------------------------------------------------------------------------
1 | .ruling {
2 | margin-left: 5px;
3 | width: 60px;
4 | color: var(--light-color-color);
5 | }
6 | .partyLabel {
7 | display: flex;
8 | flex: 1;
9 | color: var(--light-font-color);
10 | }
11 | .boardPartyBlock {
12 | margin-bottom: 0;
13 | margin-top: 20px;
14 | }
15 | .boardName {
16 | color: var(--font-color);
17 | }
18 | .partyColumn {
19 | display: flex;
20 | height: 32px;
21 | font-size: 16px;
22 | flex-direction: row;
23 | align-items: center;
24 | }
25 | .partyColumn:hover {
26 | background-color: var(--hover-background-color);
27 | }
28 | .listBody {
29 | display: flex;
30 | flex-direction: column;
31 | width: 450px;
32 | margin-top: 20px;
33 | margin-left: auto;
34 | margin-right: auto;
35 | }
36 | .partyIntroduction {
37 | margin-top: 30px;
38 | color: var(--font-color);
39 | font-size: 12px;
40 | & p {
41 | margin: 10px 0px;
42 | }
43 | & .declaration {
44 | margin: 15px 0px;
45 | color: var(--red);
46 | & ul {
47 | padding-left: 20px;
48 | }
49 | }
50 | }
51 | .createParty {
52 | color: var(--light-font-color);
53 | text-align: left;
54 | margin-top: 20px;
55 | cursor: pointer;
56 | }
57 | .createPartyInput {
58 | width: 100%;
59 | }
60 |
--------------------------------------------------------------------------------
/.github/workflows/frontend-build-production.yml:
--------------------------------------------------------------------------------
1 | name: frontend-build-production
2 |
3 | on:
4 | release:
5 | types: [ published ]
6 |
7 | defaults:
8 | run:
9 | shell: bash
10 | working-directory: ./frontend
11 |
12 | jobs:
13 | release:
14 | runs-on: ubuntu-20.04
15 | steps:
16 | - uses: actions/checkout@v2
17 | - uses: actions/setup-node@v1
18 | with:
19 | node-version: '14.x'
20 | - uses: c-hive/gha-yarn-cache@v2
21 | with:
22 | directory: ./frontend
23 | - run: yarn install
24 | - run: yarn workspace web build
25 | - name: 登入 DockerHub
26 | uses: docker/login-action@v1
27 | with:
28 | username: ${{ secrets.DOCKERHUB_USERNAME }}
29 | password: ${{ secrets.DOCKERHUB_TOKEN }}
30 | - name: 建構並推送 docker 映像檔
31 | uses: docker/build-push-action@v2
32 | with:
33 | context: ./frontend/app/web
34 | push: true
35 | tags: carbonbond/frontend:stable
36 | file: ./frontend/app/web/deploy/Dockerfile
37 | - name: 佈屬到正式環境
38 | if: ${{ success() }}
39 | uses: distributhor/workflow-webhook@v2
40 | env:
41 | webhook_url: ${{ secrets.PRODUCTION_WEBHOOK_URL }}/hooks/production-redeploy-frontend
42 | webhook_secret: ${{ secrets.PRODUCTION_WEBHOOK_SECRET }}
43 | verify_ssl: false
44 | verbose: true
45 |
--------------------------------------------------------------------------------
/docs-website/docs/早期文件/前端設置.md:
--------------------------------------------------------------------------------
1 | # 前端設置
2 |
3 | ## 版本
4 | Node.js 版本至少為 v18.0.0
5 |
6 | ### 安裝
7 | 參考官方網站，安裝 [Node.js](https://nodejs.org/en/download/)
8 |
9 | 並安裝 yarn
10 | ```sh
11 | sudo npm install -g yarn
12 | ```
13 |
14 | ## TypeScript
15 |
16 | ### 命名風格
17 |
18 | TypeScript 變數命名規範：
19 |
20 | - 首字母大寫駝峯：型別、會回傳組件的函式
21 | - 首字母小寫駝峯：函數
22 | - 全小寫底線相連：非函數的區域變數、類別成員
23 | - 全大寫底線相連：全域常數
24 |
25 | ### vite 編譯方式
26 |
27 | vite 並不會檢查 TypeScript 的型別，只是簡單將型別抽掉變成 JavaScript 。
28 |
29 | 若要檢查型別，需要執行 `npx tsc` ，或是使用 npm 腳本： `yarn check-ts`。
30 |
31 | ## react
32 | 全使用 hook 。
33 |
34 | ## css
35 |
36 | ### 變數命名
37 |
38 | class, id 一律使用首字母小寫駝峯式
39 |
40 | ## vscode 建議設定
41 |
42 | ### typescript
43 |
44 | 使用工作區的 TypeScript ，而非 VSCode 自帶的 TypeScript 版本，否則 vscode 可能會報出不正確的錯誤提示。
45 |
46 | 具體操作[請見官網](https://code.visualstudio.com/docs/typescript/typescript-compiling#_using-the-workspace-version-of-typescript)。
47 |
48 | ### .eslintrc
49 |
50 | 如果 vscode 抱怨 .eslintrc 裡的註解不符合 JSON 規範，將語言設為 JSON with comment
51 |
52 | ### 外掛 eslint
53 |
54 | vscode 的 eslint 預設不會作用到 .ts, .tsx 的檔案，請在 vscode 的 setting.json 中加入
55 |
56 | ```
57 | "eslint.validate": [
58 | "javascript",
59 | "javascriptreact",
60 | "typescript",
61 | "typescriptreact",
62 | ],
63 | ```
64 |
65 | ### 外掛 stylelint
66 | 以 stylelint 檢查 css 風格。
67 |
68 | ### postcss
69 | 安裝 postcss language support 來讓 & 語法正確高亮
70 |
--------------------------------------------------------------------------------
/.github/workflows/api-service-build.yml:
--------------------------------------------------------------------------------
1 | name: api-service-build-dev
2 |
3 | on:
4 | push:
5 | branches: [ master ]
6 | paths:
7 | - 'api-service/**'
8 | - 'deploy/**'
9 |
10 | defaults:
11 | run:
12 | shell: bash
13 | working-directory: ./api-service
14 |
15 | jobs:
16 | release:
17 | runs-on: ubuntu-20.04
18 | steps:
19 | - uses: actions/checkout@v2
20 | - uses: actions-rs/toolchain@v1
21 | with:
22 | toolchain: stable
23 | - uses: Swatinem/rust-cache@v1
24 | with:
25 | working-directory: ./api-service
26 | - name: 編譯
27 | run: sh ./build.sh
28 | - name: 登入 DockerHub
29 | uses: docker/login-action@v1
30 | with:
31 | username: ${{ secrets.DOCKERHUB_USERNAME }}
32 | password: ${{ secrets.DOCKERHUB_TOKEN }}
33 | - name: 建構並推送 docker 映像檔
34 | uses: docker/build-push-action@v2
35 | with:
36 | context: ./api-service
37 | push: true
38 | tags: carbonbond/api-service:latest
39 | file: ./api-service/deploy/Dockerfile
40 | - name: 佈屬到開發環境
41 | if: ${{ success() }}
42 | uses: distributhor/workflow-webhook@v2
43 | env:
44 | webhook_url: ${{ secrets.DEV_WEBHOOK_URL }}/hooks/dev-redeploy-api-service
45 | webhook_secret: ${{ secrets.DEV_WEBHOOK_SECRET }}
46 | verify_ssl: false
47 | verbose: true
48 |
--------------------------------------------------------------------------------
/frontend/app/web/src/css/bottom_panel/bottom_panel.module.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --room-width: 320px;
3 | --room-height: 420px;
4 | --room-title-height: 30px;
5 | }
6 |
7 | .roomWidth {
8 | width: var(--room-width);
9 | }
10 |
11 | .roomHeight {
12 | height: var(--room-height);
13 | }
14 |
15 | .bottomPanel {
16 | position: fixed;
17 | right: 20px;
18 | bottom: 0px;
19 | display: flex;
20 | flex-direction: row;
21 | align-items: flex-end;
22 | z-index: 200;
23 | }
24 |
25 | .roomTitle {
26 | background-color: var(--sub-theme-color);
27 | height: var(--room-title-height);
28 | cursor: pointer;
29 | display: flex;
30 | flex-direction: row;
31 | align-items: center;
32 | justify-content: space-between;
33 | & .leftSet {
34 | overflow: hidden;
35 | text-overflow: ellipsis;
36 | white-space: nowrap;
37 | font-size: 18px;
38 | margin-left: 4px;
39 | max-width: 80%;
40 | }
41 | & .middleSet {
42 | flex-grow: 1;
43 | height: 100%;
44 | display: flex;
45 | align-items: center;
46 | justify-content: center;
47 | }
48 | & .rightSet {
49 | font-size: 22px;
50 | margin-right: 4px;
51 | display: flex;
52 | flex-direction: row;
53 | & .button {
54 | width: 25px;
55 | }
56 | }
57 | }
--------------------------------------------------------------------------------
/.github/workflows/frontend-build.yml:
--------------------------------------------------------------------------------
1 | name: frontend-build-dev
2 |
3 | on:
4 | push:
5 | branches: [ master ]
6 | paths:
7 | - 'frontend/**'
8 | - 'deploy/**'
9 |
10 | defaults:
11 | run:
12 | shell: bash
13 | working-directory: ./frontend
14 |
15 | jobs:
16 | release:
17 | runs-on: ubuntu-20.04
18 | steps:
19 | - uses: actions/checkout@v2
20 | - uses: actions/setup-node@v1
21 | with:
22 | node-version: '14.x'
23 | - uses: c-hive/gha-yarn-cache@v2
24 | with:
25 | directory: ./frontend
26 | - run: yarn install
27 | - run: yarn workspace web build
28 | - name: 登入 DockerHub
29 | uses: docker/login-action@v1
30 | with:
31 | username: ${{ secrets.DOCKERHUB_USERNAME }}
32 | password: ${{ secrets.DOCKERHUB_TOKEN }}
33 | - name: 建構並推送 docker 映像檔
34 | uses: docker/build-push-action@v2
35 | with:
36 | context: ./frontend/app/web
37 | push: true
38 | tags: carbonbond/frontend:latest
39 | file: ./frontend/app/web/deploy/Dockerfile
40 | - name: 佈屬到開發環境
41 | if: ${{ success() }}
42 | uses: distributhor/workflow-webhook@v2
43 | env:
44 | webhook_url: ${{ secrets.DEV_WEBHOOK_URL }}/hooks/dev-redeploy-frontend
45 | webhook_secret: ${{ secrets.DEV_WEBHOOK_SECRET }}
46 | verify_ssl: false
47 | verbose: true
48 |
--------------------------------------------------------------------------------
/frontend/app/web/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "plugins": [ { "name": "typescript-plugin-css-modules" } ],
4 | /* Basic Options */
5 | "target": "es6", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
6 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
7 | "lib": [
8 | "es2015",
9 | "es2017",
10 | "esnext",
11 | "dom"
12 | ],
13 | "moduleResolution": "node",
14 | "jsx": "react", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
15 | // 因為我們是用 babel 來轉換，所以不要輸出檔案（直接使用 tsc 指令，就只有檢查型別的功能）
16 | "noEmit": true, /* Do not emit outputs. */
17 | "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
18 |
19 | /* Strict Type-Checking Options */
20 | "strict": true, /* Enable all strict type-checking options. */
21 | "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
22 | },
23 | "exclude": [
24 | "node_modules"
25 | ]
26 | }
27 |
--------------------------------------------------------------------------------
/frontend/app/web/src/tsx/display/show_pure_text.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { isImageLink, isLink } from '../../ts/regex_util';
3 |
4 | export function ShowWord(props: { word: string }): JSX.Element {
5 | if (isImageLink(props.word)) {
6 | return
7 | {props.word}
8 | ; 31 | } else { 32 | return
33 |
54 |
;
55 | }
--------------------------------------------------------------------------------
/.github/workflows/rust.yml:
--------------------------------------------------------------------------------
1 | name: Rust
2 |
3 | on:
4 | pull_request:
5 | branches: [ master ]
6 | paths:
7 | - 'api-service/**'
8 |
9 | defaults:
10 | run:
11 | shell: bash
12 | working-directory: ./api-service
13 |
14 | env:
15 | CARGO_TERM_COLOR: always
16 |
17 | jobs:
18 | build:
19 | runs-on: ubuntu-20.04
20 | services:
21 | postgres:
22 | image: postgres
23 | env:
24 | POSTGRES_USER: postgres
25 | POSTGRES_PASSWORD: mypassword
26 | options: >-
27 | --health-cmd pg_isready
28 | --health-interval 10s
29 | --health-timeout 5s
30 | --health-retries 5
31 | ports:
32 | - 5432:5432
33 | redis:
34 | image: redis
35 | options: >-
36 | --health-cmd "redis-cli ping"
37 | --health-interval 10s
38 | --health-timeout 5s
39 | --health-retries 5
40 | ports:
41 | - 6379:6379
42 | steps:
43 | - uses: actions/checkout@v2
44 | - uses: actions-rs/toolchain@v1
45 | with:
46 | toolchain: stable
47 | - uses: Swatinem/rust-cache@v1
48 | with:
49 | working-directory: ./api-service
50 | - name: rust 格式檢查
51 | run: cargo fmt --all -- --check
52 | - name: 準備 DB
53 | run: cargo run --verbose --features prepare --bin prepare -- -m
54 | - name: rust 編譯
55 | run: cargo build --verbose
56 | env:
57 | SQLX_OFFLINE: true
58 | - name: rust 測試
59 | run: cargo test --verbose
60 |
--------------------------------------------------------------------------------
/api-service/src/db/tracking.rs:
--------------------------------------------------------------------------------
1 | use super::get_pool;
2 | use crate::custom_error::Fallible;
3 |
4 | pub async fn query_tracking_articles(user_id: i64, count: usize) -> Fallible
44 | mapQuality(n.quality) == props.quality)} />
45 |
;
46 | })()
47 | }
48 | />;
49 | }
--------------------------------------------------------------------------------
/frontend/app/web/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite';
2 | import react from '@vitejs/plugin-react';
3 | import { resolve } from 'path';
4 | import mobilePlugin from './vite_plugins/mobile';
5 | import mdPlugin from 'vite-plugin-markdown';
6 | import prismjs from 'vite-plugin-prismjs';
7 | import { Mode as mdMode } from 'vite-plugin-markdown';
8 |
9 | export default defineConfig({
10 | plugins: [
11 | react({
12 | jsxRuntime: 'classic'
13 | }),
14 | prismjs({
15 | languages: [
16 | 'rust', 'c', 'cpp', 'csharp', 'javascript', 'typescript', 'css', 'sql', 'python', 'ruby',
17 | 'java', 'kotlin', 'go', 'lisp', 'swift', 'wasm', 'jsx', 'tsx', 'bash', 'lua', 'php', 'json'
18 | ],
19 | css: true,
20 | theme: 'tomorrow',
21 | }),
22 | mobilePlugin(),
23 | mdPlugin({mode: [mdMode.REACT]}),
24 | ],
25 | build: {
26 | rollupOptions: {
27 | input: {
28 | desktop: resolve(__dirname, 'index.html'),
29 | mobile: resolve(__dirname, 'index.mobile.html'),
30 | },
31 | output: {
32 | manualChunks: {
33 | react_family: ['react', 'react-dom', 'react-router-dom', 'react-hook-form'],
34 | marked: ['marked'],
35 | emoji: ['emoji-mart'],
36 | laws: [
37 | 'src/md/law/服務條款.md',
38 | 'src/md/law/論壇守則.md',
39 | 'src/md/law/品牌使用準則.md',
40 | 'src/md/law/看板和活動政策.md'
41 | ],
42 | },
43 | },
44 | },
45 | },
46 | server: {
47 | port: 3000,
48 | host: '0.0.0.0',
49 | proxy: {
50 | '/api': 'http://127.0.0.1:8080',
51 | '/avatar': 'http://127.0.0.1:8080',
52 | '/chat': {
53 | target: 'ws://127.0.0.1:8080',
54 | ws: true,
55 | },
56 | }
57 | },
58 | css: {
59 | modules: {
60 | scopeBehaviour: 'local'
61 | }
62 | }
63 | });
64 |
--------------------------------------------------------------------------------
/frontend/script/inject/data/graph.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "name": "化學小老師",
4 | "force": [
5 | "碳 {",
6 | "鍵結[*] 手[0~4]",
7 | "}",
8 | "氫 {",
9 | "鍵結[碳,氧] 手[0~1]",
10 | "}",
11 | "氧 {",
12 | "鍵結[*] 手[0~2]",
13 | "鍵結[*] 離子鍵[0~2]",
14 | "}",
15 | "氮 {",
16 | "鍵結[*] 手[0~3]",
17 | "}",
18 | "硫 {",
19 | "鍵結[*] 手[0~2]",
20 | "}",
21 | "磷 {",
22 | "鍵結[*] 手[0~2]",
23 | "}"
24 | ],
25 | "articles": [
26 | { "title": "喝酒0", "category": "氧", "content": { "手": [], "離子鍵": [] } },
27 | { "title": "喝酒1", "category": "氫", "content": { "手": [{ "target_article": 0, "energy": 1 }] } },
28 | { "title": "喝酒2", "category": "碳", "content": { "手": [] } },
29 | { "title": "喝酒3", "category": "碳", "content": { "手": [0, 2] } },
30 | { "title": "喝酒4", "category": "氫", "content": { "手": [{ "target_article": 2, "energy": -1 }] } },
31 | { "title": "喝酒5", "category": "氫", "content": { "手": [2] } },
32 | { "title": "喝酒6", "category": "氫", "content": { "手": [{ "target_article": 2, "energy": -1 }] } },
33 | { "title": "喝酒7", "category": "氫", "content": { "手": [{ "target_article": 3, "energy": 1 }] } },
34 | { "title": "喝酒8", "category": "氫", "content": { "手": [{ "target_article": 3, "energy": 1 }] } },
35 |
36 | { "title": "燒碳9", "category": "碳", "content": { "手": [] } },
37 | { "title": "燒碳10", "category": "氧", "content": { "手": [9], "離子鍵": [] } },
38 |
39 | { "title": "炔11", "category": "碳", "content": { "手": [] } },
40 | { "title": "炔12", "category": "碳", "content": { "手": [11, 11, 11] } },
41 | { "title": "炔13", "category": "氫", "content": { "手": [11] } },
42 | { "title": "炔14", "category": "氫", "content": { "手": [12] } }
43 | ]
44 | }]
45 |
--------------------------------------------------------------------------------
/frontend/app/web/src/css/components/dual_slider.module.css:
--------------------------------------------------------------------------------
1 | .component, .component div {
2 | user-drag: none;
3 | user-select: none;
4 | -moz-user-select: none;
5 | -webkit-user-drag: none;
6 | -webkit-user-select: none;
7 | -ms-user-select: none;
8 | }
9 |
10 | .component {
11 | display: flex;
12 | flex-direction: column;
13 | min-width:280px;
14 | }
15 |
16 | .sliders {
17 | display: block;
18 | position: relative;
19 | height: 40px;
20 | margin-left:20px;
21 | margin-right:20px;
22 | }
23 |
24 | .line,
25 | .crossLine {
26 |
27 | display: block;
28 | position:absolute;
29 | }
30 |
31 | .line {
32 | top:15px;
33 | bottom:15px;
34 | left:0;
35 | right:0;
36 | background-color:#ddd;
37 | border-radius:10px;
38 | overflow: hidden;
39 | }
40 |
41 | .crossLine {
42 | top:0;
43 | bottom:0;
44 | background-color:#f60;
45 | }
46 |
47 | .selector {
48 | display: block;
49 | position:absolute;
50 | width:40px;
51 | height:40px;
52 | margin-left:-20px;
53 | cursor: pointer;
54 | }
55 |
56 | .selector>div {
57 | display: block;
58 | box-sizing: border-box;
59 | position: absolute;
60 | width: 26px;
61 | height: 26px;
62 | margin: auto;
63 | top: 0;
64 | bottom: 0;
65 | right: 0;
66 | left: 0;
67 | box-shadow: 1px 1px 5px #666;
68 | border-radius: 50%;
69 | }
70 |
71 | .values {
72 |
73 | display: flex;
74 | flex-direction: row;
75 | justify-content: center;
76 | align-items: center;
77 |
78 | margin-left: 20px;
79 | margin-right: 20px;
80 | height:20px;
81 |
82 | position: relative;
83 | top: -5px;
84 | }
85 |
86 | .limit {
87 | color:#ccc;
88 | z-index: -1;
89 | }
90 |
91 | .limit,
92 | .value {
93 | flex-grow:1;
94 | position: absolute;
95 | }
--------------------------------------------------------------------------------
/docs-website/docs/.vitepress/config.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | title: '碳鍵',
3 | description: '次世代筆戰平台',
4 | head: [
5 | ['link', { rel: 'icon', type: 'image/svg+xml', href: '/icon.svg' }],
6 | ],
7 | themeConfig: {
8 | logo: '/icon.svg',
9 | socialLinks: [
10 | {
11 | icon: 'github',
12 | link: 'https://github.com/carbon-bond/carbonbond',
13 | }
14 | ],
15 | nav: [
16 | { text: '主站', link: 'https://carbonbond.cc' }
17 | ],
18 | sidebar: [
19 | {
20 | text: '基礎',
21 | items: [
22 | { text: '碳鍵是什麼？', link: '/基礎/碳鍵是什麼.html' },
23 | { text: '安裝', link: '/基礎/安裝.html' },
24 | { text: '電郵設定', link: '/基礎/電郵設定.html' },
25 | { text: '設定檔一覽', link: '/基礎/設定檔一覽.html' }
26 | ]
27 | },
28 | {
29 | text: '進階',
30 | items: [
31 | { text: '架構', link: '/進階/架構.html' },
32 | { text: 'HTTPS', link: '/進階/HTTPS.html' }
33 | ]
34 | },
35 | {
36 | text: '開發',
37 | items: [
38 | { text: '環境設定', link: '/開發/環境設定.html' },
39 | { text: '本地編譯、執行', link: '/開發/本地運行.html' }
40 | ]
41 | },
42 | {
43 | text: '早期文件',
44 | items: [
45 | { text: '起源', link: '/早期文件/起源.html' },
46 | { text: '快速開始', link: '/早期文件/快速開始.html' },
47 | { text: 'docker啓動', link: '/早期文件/docker啓動.html' },
48 | { text: 'rust 設置', link: '/早期文件/rust設置.html' },
49 | { text: '前端設置', link: '/早期文件/前端設置.html' },
50 | { text: '資料庫設置', link: '/早期文件/資料庫設置.html' },
51 | ]
52 | }
53 | ]
54 | },
55 | ignoreDeadLinks: 'localhostLinks',
56 | markdown: {
57 | config: (md) => {
58 | md.use(require('markdown-it-footnote'));
59 | }
60 | }
61 | }
62 |
--------------------------------------------------------------------------------
/frontend/app/web/src/tsx/header/search_bar.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { useNavigate } from 'react-router-dom';
3 | import style from '../../css/header/search_bar.module.css';
4 |
5 | export function SearchBar(props: { cur_board: string | null, hide_select_board?: boolean }): JSX.Element {
6 | let [content, setContent] = React.useState('');
7 | let [board, setBoard] = React.useState
30 |
33 | {
34 | props.hide_select_board ? null :
55 | }
56 |
;
57 | }
--------------------------------------------------------------------------------
/docs-website/docs/基礎/電郵設定.md:
--------------------------------------------------------------------------------
1 | # 電郵設定
2 |
3 | 按照[上一章節](./%E5%AE%89%E8%A3%9D.md)以 docker 啓動碳鍵之後，點擊網頁右上方的註冊按鈕，輸入測試郵件 `test@mal.com` 並送出。您會在 `docker compose` 的日誌(log)中看到驗證信的內容：
4 |
5 | ```
6 | 寄件者：碳鍵 歡迎加入碳鍵！
點選以下連結，一起嘴爆那些笨蛋吧！
http://localhost/app/signup/HlpGrzuxiXlofCWSelJ1Qa04REJtfPWM10 | ``` 11 | 12 | 然而，並不會真的有一封信送到 `test@email.com`。那是因爲設定檔 `api-service/config/carbonbond.release.toml` 中，`email.driver` 的 `type` 被預設爲 `Log`。在此設定下， 電郵內容不會寄發，而是直接打印到日誌。想要真正寄發郵件到網路上，您需要設定 SMTP ，或是使用 Mailgun 的金鑰。 13 | 14 | ## SMTP 15 | 16 | SMTP（簡單郵遞傳送協定） 是現今全球通用的電郵傳送標準，碳鍵支援使用 SMTP 伺服器的帳號密碼來寄送信件。 17 | 18 | 全球最大的電郵供應商 [Gmail](https://gmail.com) 提供了免費的 SMTP 服務，以下僅以 Gmail 爲例，但您可將設定套用到其他提供 SMTP 服務的電郵供應商，或是自架的 SMTP 伺服器。 19 | 20 | 1. 註冊並登入 Google 帳戶 21 | 2. [ [Google 帳戶](https://myaccount.google.com) => 安全性 => 登入 Google => 應用程式密碼 ] 取得密碼。 22 | 23 | 設定 `carbonbond.release.toml` 的 `email.driver` 如下 24 | ``` toml 25 | [email.driver] 26 | type = "SMTP 27 | smtp_server = "smtp.gmail.com" 28 | smtp_username = <帳號名@gmail.com> 29 | smtp_password = <應用程式密碼> 30 | ``` 31 | 32 | ## Mailgun 33 | Mailgun 是知名的企業電郵服務商，註冊後，該網站提供免費（有額度限制）的電郵寄送服務，除了可以使用上一小節的講述的 SMTP 帳密，Maigun 還提供了 API key 可以讓您在無需帳號密碼的情況下寄發郵件。 34 | 35 | 首先，註冊 Mailgun 並按照 [Mailgun 的官方文件](https://documentation.mailgun.com/en/latest/user_manual.html)驗證您持有的網域。如果您尚未購買網域，也可以用 Mailgun 提供的測試網域。您可以在[這裏](https://app.mailgun.com/app/sending/domains)查看您可以使用的網域。 36 | 37 | 若您已註冊好 Mailgun ，可以在[這裏](https://app.mailgun.com/app/account/security/api_keys)查看(Private) API key。 38 | 39 | 40 | 設定 `carbonbond.release.toml` 的 `email.driver` 如下 41 | ``` toml 42 | domail = "您的域名" 43 | from = "寄件人稱呼
33 |
;
37 | }
38 |
39 | function Articles(props: {articles: ArticleMetaWithBonds[]}): JSX.Element {
40 | return
34 |
35 |
36 |
41 | {props.articles.map((article, idx) => (
42 |
;
47 | }
48 |
49 | async function fetchSubscribeArticles(): Promise
43 |
45 | ))}
46 |
32 |
;
36 | }
37 |
38 | function Articles(props: {articles: ArticleMetaWithBonds[]}): JSX.Element {
39 | return
33 | { fetching ? <> : }
34 |
35 |
40 | {
41 | props.articles.length == 0
42 | ?
;
50 | }
51 |
52 | async function fetchPopArticles(): Promise暫無熱門文章
43 | : props.articles.map((article) => (
44 |
45 |
47 | ))
48 | }
49 |
46 |
55 | {props.title}
47 |
48 |
49 |
54 | {
50 | if (props.onCancel) {props.onCancel();}
51 | props.setVisible(false);
52 | }}>✗
53 |
56 | {props.body}
57 |
62 |
58 | {buttons}
59 |
60 | {props.second_body ?? <>}
61 |
21 | {
22 | bonders.map(([bond, meta]) => {
23 | return
;
31 | }
32 |
33 | export function ReplyButtons(props: { board: Board, article: ArticleMeta }): JSX.Element {
34 | const { board } = props;
35 | const tags = board.force.suggested_tags;
36 | return
24 |
25 |
27 |
;
28 | })
29 | }
30 |
37 | {
38 | tags.map((tag) => {
39 | return
;
43 | }
44 |
45 | function ReplyButton(props: { tag: string, board: Board, article: ArticleMeta }): JSX.Element {
46 | const { tag, board, article } = props;
47 | const { openEditorPanel, setEditorPanelData, editor_panel_data } = EditorPanelState.useContainer();
48 | const { setChosenBubble } = BottomPanelState.useContainer();
49 | const onClick = (): void => {
50 | // 若原本編輯器沒資料或是沒設定分類
51 | // 先設定分類並根據分類初始化編輯器資料
52 | if (editor_panel_data?.board && editor_panel_data.board.id != board.id) {
53 | toastErr('尚在編輯其他文章，請關閉當前編輯器後再重新點擊');
54 | } else {
55 | let data = editor_panel_data == null ?
56 | {
57 | board: props.board,
58 | category_name: '',
59 | anonymous: false,
60 | title: '',
61 | value: {
62 | content: {},
63 | fields: [],
64 | },
65 | bonds: [],
66 | } :
67 | editor_panel_data;
68 | data = produce(data, nxt => {
69 | nxt.bonds.push({
70 | article_meta: article,
71 | tag,
72 | energy: 0,
73 | });
74 | });
75 | setEditorPanelData(data);
76 | // 桌面版
77 | openEditorPanel();
78 | // 行動版
79 | setChosenBubble({ kind: 'editor' });
80 | }
81 | };
82 | return ;
83 | }
84 |
--------------------------------------------------------------------------------