Start work on handling hide directives in code snippets

Author: BarkingBad

scaladoc-js/src/Main.scala

@@ -3,4 +3,5 @@ package dotty.tools.scaladoc
 object Main extends App {
   Searchbar()
   SocialLinks()
+  CodeSnippets()
 }

scaladoc-js/src/searchbar/code-snippets/CodeSnippets.scala

@@ -0,0 +1,17 @@
+package dotty.tools.scaladoc
+
+import org.scalajs.dom._
+import org.scalajs.dom.ext._
+
+class CodeSnippets:
+  val replacePatternsAndResults = Seq(
+    // ("", ""), // hide block directives
+    ("""(\/\/.*)(\n|\$)""", ""), // single line comment
+    // ("", ""), // multi line comment
+  )
+
+  document.querySelectorAll("code").foreach {
+    case e: html.Element => e.innerHTML = replacePatternsAndResults.foldLeft(e.innerHTML) {
+      case (acc, (pattern, result)) => acc.replaceAll(pattern, """<span class="hideable;">$1</span>""")
+    }
+  }

scaladoc-testcases/src/tests/methodsAndConstructors.scala

@@ -1,5 +1,27 @@
 package tests.methodsAndConstructors
 
+
+/**
+ * This is my codeblock
+ * 
+ * ```
+ * //{{
+ * import xd
+ * import xd2
+ * //}}
+ *
+ *
+ * val x = 1 // This is my valid comment
+ *
+ * /*
+ * Is this my comment?
+ * */
+ *
+ * val y = 2
+ * ```
+ *
+ * The end of my codeblock
+ */
 class A
 class B extends A
 class C