各版本共用同一份程式碼,靠網址參數切換設定。點卡片會另開新分頁,這一頁會留著方便切換版本。
1. 打開 timeline-v2/variants.js,在 DEFAULT_FLAGS 加一個旗標(值填 baseline 的行為)。
2. 在 app.jsx 用 FLAGS.那個旗標 判斷要走哪個做法。
3. 在 VARIANTS 加一筆,flags 只寫跟 baseline 不同的部分,並填上 testing/diff/status,以及要放在哪一個分類的 group(沒填會落到最後一組「其他單點實驗」)。
一組=一個實驗(一個變數),順序對齊設計稿 design preference 底下的 section(各組對應哪個 section 寫在 VARIANT_GROUPS 的註解裡)。要開一組新的實驗就在 VARIANT_GROUPS 加一筆,填 label/desc,用 section 指定屬於哪個大分類(ui/visual,定義在 VARIANT_SECTIONS,沒填會落到第一個),並用 compare 指定對照組是哪一版 —— 那一版會自動排進這一組的第一張卡。
這一頁的清單與分類都是讀 variants.js 產生的,加完會自動出現,不用改這個檔案。
在 plurk-prototype/ 這一層執行 python -m http.server 8080,然後開 http://localhost:8080/。