Stack pages: add every pick to the shortlist in one click

オープン 初心者向け
#272 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
82/100
issue の種類
機能追加
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
javascript
領域
frontend

調査の方向性

site/public/stack.js と site/lib/stack-page.mjs を読んで、stack の選択項目がどのように表示されるかを確認し、次に site/public/shortlist.js のショートリストの保存処理と storage リスナーを調べます。npm test を実行し、1 回のクリックですべての選択項目が重複なく追加され、追加数が報告され、他のタブが更新できることを確認します。

索引モデルが issue の本文から書いたものです。

説明

enhancement good first issue priority: medium

Summary

A stack is a curated starter kit, but its page only offers copy-credit buttons. Getting the kit into the shortlist, where the CREDITS export lives, means opening each entry one at a time.

Where

  • site/public/stack.js:1-26 (copy buttons only)
  • site/lib/stack-page.mjs (no shortlist hook)
  • site/public/shortlist.js:12-21 (storage), :171 (storage listener)

Impact

Jam and solo developers following a stack get the whole kit and its attribution file in one step.

Suggested fix

Add an "Add all to shortlist" button that merges the stack's entry ids into the shortlist storage key (dedupe), shows a status line, and relies on the existing storage listener to refresh other tabs.

Acceptance criteria

  • One click adds every stack pick to the shortlist without duplicates
  • Status message confirms how many were added

Getting started

  • Relevant files: site/public/stack.js, site/lib/stack-page.mjs
  • Run the tests: npm test; the full local gate is npm run check (Node 22+, no install step)
  • Related docs: CONTRIBUTING.md, site/README.md

Related: #110


Filed by repo-audit/full-audit at 4adb944. Severity: medium. Effort: S. audit-key: enhancement|site/public/stack.js|addStackToShortlist

主要言語
JavaScript
スター
58
フォーク
15
平均マージ
1日 15時間
マージ済み PR(30日)
12

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

TMHSDigital/Free-Game-Dev-Assets のほかの issue

TMHSDigital/Free-Game-Dev-Assets の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。