tc39/proposal-pipeline-operator

Playground for bikeshedding the topic token?

Open

#307 opened on Aug 5, 2024

View on GitHub
 (1 comment) (0 reactions) (0 assignees)HTML (7,341 stars) (108 forks)batch import
help wanted

Description

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=

Contributor guide

Tech stack
javascripthtmlcss
Domain
frontenddeveloper experiencetooling
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
JavaScriptWeb development basicsUnderstanding of pipeline operator proposal
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
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.