Add HAML parser

animation.scroll

@@ -1,7 +1,6 @@
 br 1
 
-
-<div class="animation">
+div.animation
 With Scroll your
 Lines become particles
  class atomToDot Lines
@@ -14,8 +13,7 @@ Joined with parsers
  class atomToDot2 parsers
  class animationLine
 To lead the world
-</div>
 
-<link rel="stylesheet" href="animation.css" type="text/css"/>
+animation.css
 
 br 2

blog/csvToScrollSet.scroll

@@ -28,17 +28,17 @@ endColumns
 ***
 
 mediumColumns 1
-<script src="scrollSetMaker.js"></script>
+scrollSetMaker.js
 
 # Your Data:
 <textarea style="width: 100%" id="content" rows="15" oninput="updateScrollSet()"></textarea><br>
 <label for="delimiter">Delimiter:</label>
 <input id="delimiter" value="," style="width: 30px;"/>
 
 # ScrollSet:
-<pre id="scrollset"></pre>
+pre#scrollset
 
-<script>
+script
  function updateScrollSet() {
      const delimiter = document.getElementById('delimiter').value;
      const content = document.getElementById('content').value;
@@ -48,7 +48,6 @@ mediumColumns 1
  document.getElementById('content').value = "id,year\nHawaii,1959"
  updateScrollSet()
  document.getElementById('delimiter').addEventListener('input', updateScrollSet);
-</script>
 
 # Related
 printRelated ScrollSets

faq.scroll

@@ -38,8 +38,6 @@ Scroll powers PLDB, a knowledge base with over 100 contributors who have added o
 This site you are reading is powered by Scroll.
  link index.html This site
 
-<div style="clear:both;"></div>
-
 ? What makes Scroll different?
 Scroll has an unusually simple syntax called Particles, an extensive set of parsers and commands needed by researchers, bloggers, knowledge bases and sites of all sizes, is highly expandable, and is familiar to anyone who knows Markdown.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "scroll-cli",
-  "version": "133.6.0",
+  "version": "134.0.0",
   "description": "A language for scientists of all ages. A curated collection of tools for refining and sharing thoughts.",
   "main": "scroll.js",
   "engines": {

parsers/haml.parsers

@@ -0,0 +1,26 @@
+hamlParser
+ popularity 0.007524
+ description HTML tag via HAML syntax.
+ extends abstractScrollParser
+ atoms urlAtom
+ catchAllAtomType stringAtom
+ pattern ^[\w-]+(#|\.)[\w-\.\#]+ *
+ javascript
+  get tag() {
+    return this.atoms[0].split(/[#\.]/).shift()
+  }
+  get htmlId() {
+    const idMatch = this.atoms[0].match(/#([\w-]+)/)
+    return idMatch ? idMatch[1] : ""
+  }
+  get htmlClasses() {
+    return this.atoms[0].match(/\.([\w-]+)/g)?.map(cls => cls.slice(1)) || [];
+  }
+  compile() {
+   const {htmlId, htmlClasses, content, tag} = this
+   this.parent.sectionStack.push(`</${tag}>`)
+   return `<${tag} ${htmlId ? ' id="' + htmlId + '"' : ""} ${htmlClasses ? ' class="' + htmlClasses.join(" ") + '"' : ""}>${content || ""}`
+  }
+  compileTxt() {
+    return this.content
+  }

parsers/tables.parsers

@@ -322,6 +322,7 @@ scrollReverseParser
 scrollComposeParser
  extends abstractTableTransformParser
  description Add column using format string.
+ catchAllAtomType stringAtom
  crux compose
  javascript
   get coreTable() {

releaseNotes.scroll

@@ -17,6 +17,10 @@ ciBadges.scroll
 br
 thinColumns
 
+📦 134.0.0 9/25/2024
+🎉 added `haml` quick html tags
+⚠️ BREAKING: (no one should be affected) if you have lines starting with a sequence like tag#id or tag.someClassName, they will now get matched to HAML parser.
+
 📦 133.6.0 9/24/2024
 🎉 added `links` parser to tables
 

tests/haml.scroll

@@ -0,0 +1,17 @@
+buildHtml
+buildTxt
+
+css
+ #green {color: green;}
+ .red {color:red;}
+ .underline {text-decoration: underline;}
+
+h1#green Green
+
+h1.red Red
+
+div.red.underline Red underline
+
+
+div.underline#green Green underline
+