Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Evaluate an embeddable player as a web component

オープン
#63 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

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

評価

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

調査の方向性

Start with docs/architecture.md section 9, docs/adr/0009-vanilla-typescript-ui.md, apps/web/src/screens/game.ts, and SECURITY.md. Compare a web component prototype with the hosted-player iframe, recording bundle size and examining styling, storage isolation, pack safety, distribution, attribution, and cross-origin behavior. Done means a prototype demo page on a branch, a written recommendation with size numbers, and, if recommended, follow-up issues plus an ADR draft.

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

説明

area: web priority: low type: research

Context

Authors want to embed their adventure in their own website. The architecture allows other front ends, and ADR 0009 notes that the shadow DOM complicates book typography and themes.

Scope

  • Prototype <lexvm-player src="pack.lexpack.json">, built from the existing game screen without library or service worker, with theme and UI language attributes and saves namespaced per page.
  • Questions: shadow DOM or light DOM styling; bundle size; storage partitioning when embedded; safety for the embedding site (packs are data, text only); distribution (npm package or a release file); showing author and license for CC BY attribution.
  • Alternative: an iframe embed of the hosted player with a pack parameter, and its cross-origin implications.

Acceptance criteria

  • A written evaluation with a recommendation (web component, iframe, or neither) and size numbers.
  • A prototype demo page on a branch.
  • If recommended: follow-up issues and an ADR draft.

References

  • docs/architecture.md (section 9)
  • docs/adr/0009-vanilla-typescript-ui.md
  • apps/web/src/screens/game.ts
  • SECURITY.md
主要言語
TypeScript
スター
0
フォーク
0
平均マージ
28分
マージ済み PR(30日)
2

環境構築

はじめの一歩

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

nullthrone/lexvm のほかの issue

nullthrone/lexvm の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

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

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