Added style, fixed reset bug

Author: dave

store-editor.go

@@ -11,6 +11,7 @@ import (
 
 	"encoding/xml"
 
+	"github.com/aymerick/douceur/parser"
 	"github.com/dave/flux"
 	"github.com/dave/jennifer/jen"
 )
@@ -20,7 +21,7 @@ const defaultText = `
 <p>
 	Enter HTML here and the vecty syntax will appear opposite.
 </p>
-<p class="foo bar baz">
+<p class="foo bar baz" style="foo:bar; baz: qux!important;">
 	<a href="href" id="id" data-foo="bar" foo="bar">Props</a>
 	<input type="checkbox" checked="true" autofocus="true" />
 </p>
@@ -110,6 +111,21 @@ func (s *EditorStore) transcode() error {
 					g.Qual("github.com/gopherjs/vecty", "Markup").CustomFunc(call, func(g *jen.Group) {
 						for _, v := range token.Attr {
 							switch {
+							case v.Name.Local == "style":
+								css, err := parser.ParseDeclarations(v.Value)
+								if err != nil {
+									outer = err
+									return
+								}
+								for _, dec := range css {
+									if dec.Important {
+										dec.Value += "!important"
+									}
+									g.Qual("github.com/gopherjs/vecty", "Style").Call(
+										jen.Lit(dec.Property),
+										jen.Lit(dec.Value),
+									)
+								}
 							case v.Name.Local == "class":
 								g.Qual("github.com/gopherjs/vecty", "Class").CallFunc(func(g *jen.Group) {
 									classes := strings.Split(v.Value, " ")

view-editor.go

@@ -19,15 +19,17 @@ type Editor struct {
 	editor   ace.Editor
 	id, lang string
 	change   func(string)
+	readonly bool
 }
 
-func NewEditor(app *App, id, lang, text string, change func(string)) *Editor {
+func NewEditor(app *App, id, lang, text string, readonly bool, change func(string)) *Editor {
 	v := &Editor{
-		app:    app,
-		lang:   lang,
-		id:     id,
-		change: change,
-		Text:   text,
+		app:      app,
+		lang:     lang,
+		id:       id,
+		change:   change,
+		Text:     text,
+		readonly: readonly,
 	}
 	return v
 }
@@ -58,7 +60,7 @@ func (v *Editor) Mount() {
 }
 
 func (v *Editor) Render() vecty.ComponentOrHTML {
-	if v.editor.Object != nil && v.Text != v.editor.GetValue() {
+	if !v.readonly && v.editor.Object != nil && v.Text != v.editor.GetValue() {
 		// only update the editor if the text is changed
 		v.editor.SetValue(v.Text)
 		v.editor.ClearSelection()

view-page.go

@@ -58,7 +58,7 @@ func (v *Page) renderLeft() *vecty.HTML {
 			prop.ID("left"),
 			vecty.Class("split"),
 		),
-		NewEditor(v.app, "html-editor", "html", v.app.Editor.Html(), func(value string) {
+		NewEditor(v.app, "html-editor", "html", v.app.Editor.Html(), true, func(value string) {
 			v.app.Dispatch(&UserChangedTextAction{
 				Text: value,
 			})
@@ -72,6 +72,6 @@ func (v *Page) renderRight() *vecty.HTML {
 			prop.ID("right"),
 			vecty.Class("split"),
 		),
-		NewEditor(v.app, "code-editor", "golang", v.app.Editor.Code(), nil),
+		NewEditor(v.app, "code-editor", "golang", v.app.Editor.Code(), false, nil),
 	)
 }