tc39/proposal-pipeline-operator

Playground for bikeshedding the topic token?

Open

#307 opened on 2024年8月5日

GitHub で見る
 (1 comment) (0 reactions) (0 assignees)HTML (7,341 stars) (108 forks)batch import
help wanted

説明

The Record & Tuple proposal have used a playground page to make their proposal playable in the browser. As I understand things, their playground transpiles users' script to currently supported syntax (polyfill) in the browser, SRC: https://rickbutton.github.io/record-tuple-playground/,

Would this work for picking the token? I mean would it add value to trying characters combos? Instead of the Syntax Type dropdown in the UI, have a text input that makes some initial validations??? and replaces the topic token throughout the source - if we get to errors we know outright what's the holdup.

The proper playground itself (from the records proposal): https://rickbutton.github.io/record-tuple-playground/#eyJjb250ZW50IjoiY29uc3QgbWVhc3VyZXMgPSAjWzQyLCAxMiwgNjcsIFwibWVhc3VyZSBlcnJvcjogZm9vIGhhcHBlbmVkXCJdO1xuXG4vLyBBY2Nlc3NpbmcgaW5kaWNlcyBsaWtlIHlvdSB3b3VsZCB3aXRoIGFycmF5cyFcbmNvbnNvbGUubG9nKG1lYXN1cmVzWzBdKTsgLy8gNDJcbmNvbnNvbGUubG9nKG1lYXN1cmVzWzNdKTsgLy8gbWVhc3VyZSBlcnJvcjogZm9vIGhhcHBlbmVkXG5cbi8vIFNsaWNlIGFuZCBzcHJlYWQgbGlrZSBhcnJheXMhXG5jb25zdCBjb3JyZWN0ZWRNZWFzdXJlcyA9ICNbXG4gIC4uLm1lYXN1cmVzLnNsaWNlKDAsIG1lYXN1cmVzLmxlbmd0aCAtIDEpLFxuICAtMVxuXTtcbmNvbnNvbGUubG9nKGNvcnJlY3RlZE1lYXN1cmVzWzBdKTsgLy8gNDJcbmNvbnNvbGUubG9nKGNvcnJlY3RlZE1lYXN1cmVzWzNdKTsgLy8gLTFcblxuLy8gb3IgdXNlIHRoZSAud2l0aCgpIHNob3J0aGFuZCBmb3IgdGhlIHNhbWUgcmVzdWx0OlxuY29uc3QgY29ycmVjdGVkTWVhc3VyZXMyID0gbWVhc3VyZXMud2l0aCgzLCAtMSk7XG5jb25zb2xlLmxvZyhjb3JyZWN0ZWRNZWFzdXJlczJbMF0pOyAvLyA0MlxuY29uc29sZS5sb2coY29ycmVjdGVkTWVhc3VyZXMyWzNdKTsgLy8gLTFcblxuLy8gVHVwbGVzIHN1cHBvcnQgbWV0aG9kcyBzaW1pbGFyIHRvIEFycmF5c1xuY29uc29sZS5sb2coY29ycmVjdGVkTWVhc3VyZXMyLm1hcCh4ID0+IHggKyAxKSk7IC8vICNbNDMsIDEzLCA2OCwgMF1cbiIsInN5bnRheCI6Imhhc2giLCJkb21Nb2RlIjpmYWxzZX0=

コントリビューターガイド

技術スタック
javascripthtmlcss
領域
frontenddeveloper experiencetooling
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2 days
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
fresh
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
JavaScriptWeb development basicsUnderstanding of pipeline operator proposal
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
35
調査方針
Examine the Record & Tuple playground source code at https://github.com/rickbutton/record tuple playground (or similar) to understand how it transpiles proposals in the browser using a polyfill and a syntax highlighter. Then, identify the pipeline operator's current polyfill and syntax transformation logic. The goal is to create a similar interactive playground where users can try different topic token characters (e.g., #, %, @) and see if the code runs or throws errors. Look into using Babel or a custom transpiler to compile pipeline operator syntax with a configurable token.