ishafayet / cohtml Goto Github PK

div | cohtml <b>is</b> interesting.

should compile to

<div>cohtml<b>is</b>interesting.</div>

but

div |! cohtml <b>is</b> interesting.

should compile to

<div>cohtml&lt;b&gt;is&lt;/b&gt;interesting.</div>

Add a new kind of block string that preserves the newlines and whitespace.

i.e.

div ```My name is dan.
  And I enter    whitespace for no reasons. ```

should transpile to

<div>My name is dan.<br>&nbsp;&nbsp;And I enter&nbsp;&nbsp;&nbsp;&nbsp;whitespace for no reasons.&nbsp;</div>

One of the core ideas behind cohtml was to make it extensible in such a manner that it's code can be reused in other projects that seek to extend cohtml. (For example, my project 'copolymer' which adds in support for native conditional like if for etc in cohtml and transpiles to a polymer web-component)

We need to modify the api in such a way that it can be easily extended and reused.

The code needs to be separated into more chunks.

Charset needs to be updated. Both special characters are/were used in polymer.

The following compiles successfully

!doctype html
  html lang="en"
    head
      title | Cohtml Demo
    body
      h1 | Cohtml Demo

However the following doesn't

!doctype html
html lang="en"
  head
    title | Cohtml Demo
  body
    h1 | Cohtml Demo

Inline styles can have shorthands so that they can be easily identified and typed. Round braces can be a good way to inline styles.

div$myId someattr="someValue" (color:red) | some text

can transpile to

<div id="myId" someattr="someValue" style="color:red">some text</div>

Only way to make sure that this does not happen is by thorough unit testing.

1. Its not completely standard compliant.
2. There might be some definitions missing.
3. Indent of a child must be one {indent} greater than that of it's parent. I was unable to express this in Context Free Grammer. Maybe the grammar can't be context free. Need some insight regarding this.

[https://github.com/iShafayet/cohtml/blob/master/docs/dev-notes/cohtml-grammar.md]

It is as of now, just somehow gets the job done. Some expert opinion or contribution would be nice.

https://github.com/iShafayet/cohtml/blob/master/docs/dev-notes/html5-grammar.md

Just like

div
  `cohtml`
  b | is
  `interesting.`

this

div
  | cohtml
  b | is
  | interesting.

should compile to

<div>cohtml<b>is</b>interesting.</div>