chore(playground): add new options (#3350)

src/cli-constant.js

@@ -82,7 +82,6 @@ const detailedOptions = normalizeDetailedOptions({
     category: CATEGORY_FORMAT,
     forwardToApi: true,
     description: "Include parentheses around a sole arrow function parameter.",
-    default: "avoid",
     choices: [
       {
         value: "avoid",

website/pages/playground/index.html

@@ -351,7 +351,13 @@
         <div class="options">
           <label>--print-width <input type="number" value="80" min="0" id="printWidth"></label>
           <label>--tab-width <input type="number" min="0" value="2" id="tabWidth"></label>
-          <label><input type="checkbox" data-inverted id="proseWrap"> --no-prose-wrap</label>
+          <label>--prose-wrap
+            <select id="proseWrap">
+              <option value="preserve">preserve</option>
+              <option value="always">always</option>
+              <option value="never">never</option>
+            </select>
+          </label>
           <label><input type="checkbox" id="insertPragma"> --insert-pragma</label>
           <label><input type="checkbox" id="requirePragma"> --require-pragma</label>
         </div>
@@ -363,6 +369,12 @@
           <label><input type="checkbox" id="jsxBracketSameLine"> --jsx-bracket-same-line</label>
         </div>
         <div class="options last">
+          <label>--arrow-parens
+            <select id="arrowParens">
+              <option value="avoid">avoid</option>
+              <option value="always">always</option>
+            </select>
+          </label>
           <label>--trailing-comma
             <select id="trailingComma">
               <option value="none">none</option>

website/static/playground.js

@@ -22,6 +22,7 @@ var OPTIONS = [
   "insertPragma",
   "requirePragma",
   "proseWrap",
+  "arrowParens",
   "doc",
   "ast",
   "output2"