JSFiddle - React, Tailwind, and code Playground

by Danny Michaelis

JavaScript

expected-matchers {
	<		: >
  "		: "
  '		: '
  ' '	:	>, \w  <- only if match-stack is [<]
  {		: }
	=		: ", ', (, \w
  -		: \w
 }


input: `<ul class="x`
match-stack: []
elm-items: {
	type: 'ul',
  attr: {
  	class: 'x'
  },
  standaloneAttr: []
}
--------------
input: `y`
match-stack: ['<', '"']
elm-items: {
	type: 'ul',
  attr: {
  	class: 'x' <- 'y'
  },
    standaloneAttr: []
}
--------------
input: ` z" `
match-stack: ['<', '"']
elm-items: {
	type: 'ul',
  attr: {
  	class: 'x y' <- 'z'
  },
    standaloneAttr: []
}
--------------
input: `required`
match-stack: ['<']
elm-items: {
	type: 'ul',
  attr: {
  	class: 'x y z'
  }
  standaloneAttr: [] <- 'required'
}
--------------
input: `>`
match-stack: ['<']
elm-items: {
	type: 'ul',
  attr: {
  	class: 'x y z'
  }
  standaloneAttr: ['required']
}