Use a placeholder instead of comment

Author: mdaines

src/app/spec_links.js

@@ -1,7 +1,5 @@
 import utf8 from "utf8";
 
-export const DEFAULT_SPEC = "# Type a grammar here:\n\n";
-
 export function encode(spec) {
   return btoa(utf8.encode(spec));
 }
@@ -19,10 +17,10 @@ export function getURLSearchParamSpec(search) {
     } catch (error) {
       console.error(error);
 
-      return DEFAULT_SPEC;
+      return "";
     }
   } else {
-    return DEFAULT_SPEC;
+    return "";
   }
 }
 

src/components/edit_component.jsx

@@ -2,7 +2,7 @@ export default function({ spec, specChanged }) {
   return (
     <div id="edit">
       <div className="spec-wrap">
-        <textarea className="spec" onInput={(e) => { specChanged(e.target.value); }} defaultValue={spec} />
+        <textarea className="spec" onChange={(e) => { specChanged(e.target.value); }} value={spec} placeholder="Type a grammar here..." />
       </div>
     </div>
   );

test/app/spec_links.test.js

@@ -1,4 +1,4 @@
-import { getURLSearchParamSpec, DEFAULT_SPEC, encode, decode } from "../../src/app/spec_links.js";
+import { getURLSearchParamSpec, encode, decode } from "../../src/app/spec_links.js";
 import assert from "node:assert/strict";
 
 describe("getURLSearchParamSpec", function() {
@@ -23,8 +23,8 @@ describe("getURLSearchParamSpec", function() {
     assert.deepStrictEqual(getURLSearchParamSpec(search), expected);
   });
 
-  it("returns the default spec if the expected search param isn't present", function() {
-    assert.deepStrictEqual(getURLSearchParamSpec(""), DEFAULT_SPEC);
+  it("returns an empty string if the expected search param isn't present", function() {
+    assert.deepStrictEqual(getURLSearchParamSpec(""), "");
   });
 });