h0kd33/HorrificIsland

H. Island

Version: 0.0.1

一個手刻的 k島，並嘗試實作我想要的功能

我主要的環境是 Linux, nodejs v10.15.3，誠徵會後端的一起協做

How to use

1. 安裝 nodejs
2. 到資料夾下使用 npm install 指令安裝所有套件
3. 使用 npm run start 可以開啟 localhost:9999 伺服器
4. 使用 npm run dev 可以開啟 localhost:5000 伺服器，並會偵測檔案改動來進行 live reload.

On-going

• 張貼文章
  • 前端：差回應時的API串接
  • 後端：
    • 可成功接收 formdata / binary data(binary data 未測試)
    • 可寫入資料庫
    • 未串接影像上傳功能

Todos

預計前端功能

• 星號為需配合後端 API 之功能

• 張貼文章*

  • 單張圖片
    • 多張圖片**
  • 快速回復文章小窗口
    • 點擊加入引用文字
    • 可關閉視窗
    • 串接API
  • 基本 formData 傳送
  • 顏文字庫*
  • 複製文庫*
  • local storage 緩存

• Markdown 制定及顯示

• 點 ID 之後的控製板

  • ngid*
  • 複製ID
  • 查歷史*

• 討論串的 tag

  • voting

• 串主可以折疊回復(非刪除)*

  • 按鈕來展開該串所有折疊的回復
    • 若有人 reference 折疊的則直接顯示

• 背景色自訂*

• Ngid by IP country*

• showing SAGE*

• 功能性預覽小窗窗

  • scale image when hover
  • play webm when hover

• hyper links on https://[\S]+

• 引用文字高亮

  • BUG: \s 的問題?

• 預覽小窗窗

  • 討論串下的文章 Reference
    • 在小窗窗時不要觸發關閉
  • 同討論串下的同ID預覽窗
    • Same ID display
    • Same ID reference
  • Referenced list
    • Each reference
    • Every reference
  • Recurrence 的 Reference
  • 動態位置
    • 上下邊界
    • 左右
  • Bug: 圖片/影片點擊放大時重新計算座標
  • advance

• Showing the file name on mobile

• Mobile version (RWD)

• 圖片點擊放大

  • webm 顯示

• https://greasyfork.org/zh-TW/scripts/37238

• https://greasyfork.org/zh-TW/scripts/39891

• https://greasyfork.org/zh-TW/scripts/28383

• https://greasyfork.org/zh-TW/scripts/13720

• https://greasyfork.org/zh-TW/scripts/8444

預計後端功能 (API server & database)

• Assign ID to IP
• 存他媽討論串
  • 存他媽回復
  • 可能比照 https://homu.homu-api.com/page/0 格式？
• Register account
  • 加密 der 密碼 (前端atob, 後端雜湊？)
  • 存各種 customized 設定
    • 背景、ngid 名單等等
• ID Ranking
  • related to thread's tag voting: once you shit yourself, you smell (1 day)
  • Thread ranking & filtering
• Fucking Socket

API 格式

:::warning 還沒有實作 :::

1. 到 https://editor.swagger.io/
2. 複製 https://github.com/komica-random-person/HorrificIsland/blob/master/api_SPEC.json 中的內容並貼上

https://www.homu-api.com/