[
{
"path": ".gitignore",
"content": "# Compiled Object files, Static and Dynamic libs (Shared Objects)\n*.o\n*.a\n*.so\n\n# Folders\n_obj\n_test\n\n# Architecture specific extensions/prefixes\n*.[568vq]\n[568vq].out\n\n*.cgo1.go\n*.cgo2.c\n_cgo_defun.c\n_cgo_gotypes.go\n_cgo_export.*\n\n_testmain.go\n\n*.exe\n*.test\n*.prof\n\n\ntest.*\n\nnode_modules/\nnohup.out\n"
},
{
"path": ".travis.yml",
"content": "sudo: false\nlanguage: go\n\nenv:\n - SOURCE_MAP_SUPPORT=false TRAVIS_NODE_VERSION=\"5.1\" CXX=\"g++-4.8\"\n\ngo:\n - 1.8\n \ninstall:\n - rm -rf ~/.nvm && git clone https://github.com/creationix/nvm.git ~/.nvm && (cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`) && source ~/.nvm/nvm.sh && nvm install $TRAVIS_NODE_VERSION\n - node -v\n - go get -u github.com/gopherjs/gopherjs\n - npm install\n - npm install --global node-gyp\n - pushd $HOME/gopath/src/github.com/gopherjs/gopherjs/node-syscall && node-gyp rebuild && mkdir -p ~/.node_libraries/ && cp build/Release/syscall.node ~/.node_libraries/syscall.node && popd\n\nscript:\n - make check\n\nos:\n - linux\n\naddons:\n apt:\n sources:\n - ubuntu-toolchain-r-test\n packages:\n - g++-4.8\n\nnotifications:\n email: true\n"
},
{
"path": "LICENSE.md",
"content": "Apache License\n==============\n\n_Version 2.0, January 2004_\n_<>_\n\n### Terms and Conditions for use, reproduction, and distribution\n\n#### 1. Definitions\n\n“License” shall mean the terms and conditions for use, reproduction, and\ndistribution as defined by Sections 1 through 9 of this document.\n\n“Licensor” shall mean the copyright owner or entity authorized by the copyright\nowner that is granting the License.\n\n“Legal Entity” shall mean the union of the acting entity and all other entities\nthat control, are controlled by, or are under common control with that entity.\nFor the purposes of this definition, “control” means **(i)** the power, direct or\nindirect, to cause the direction or management of such entity, whether by\ncontract or otherwise, or **(ii)** ownership of fifty percent (50%) or more of the\noutstanding shares, or **(iii)** beneficial ownership of such entity.\n\n“You” (or “Your”) shall mean an individual or Legal Entity exercising\npermissions granted by this License.\n\n“Source” form shall mean the preferred form for making modifications, including\nbut not limited to software source code, documentation source, and configuration\nfiles.\n\n“Object” form shall mean any form resulting from mechanical transformation or\ntranslation of a Source form, including but not limited to compiled object code,\ngenerated documentation, and conversions to other media types.\n\n“Work” shall mean the work of authorship, whether in Source or Object form, made\navailable under the License, as indicated by a copyright notice that is included\nin or attached to the work (an example is provided in the Appendix below).\n\n“Derivative Works” shall mean any work, whether in Source or Object form, that\nis based on (or derived from) the Work and for which the editorial revisions,\nannotations, elaborations, or other modifications represent, as a whole, an\noriginal work of authorship. For the purposes of this License, Derivative Works\nshall not include works that remain separable from, or merely link (or bind by\nname) to the interfaces of, the Work and Derivative Works thereof.\n\n“Contribution” shall mean any work of authorship, including the original version\nof the Work and any modifications or additions to that Work or Derivative Works\nthereof, that is intentionally submitted to Licensor for inclusion in the Work\nby the copyright owner or by an individual or Legal Entity authorized to submit\non behalf of the copyright owner. For the purposes of this definition,\n“submitted” means any form of electronic, verbal, or written communication sent\nto the Licensor or its representatives, including but not limited to\ncommunication on electronic mailing lists, source code control systems, and\nissue tracking systems that are managed by, or on behalf of, the Licensor for\nthe purpose of discussing and improving the Work, but excluding communication\nthat is conspicuously marked or otherwise designated in writing by the copyright\nowner as “Not a Contribution.”\n\n“Contributor” shall mean Licensor and any individual or Legal Entity on behalf\nof whom a Contribution has been received by Licensor and subsequently\nincorporated within the Work.\n\n#### 2. Grant of Copyright License\n\nSubject to the terms and conditions of this License, each Contributor hereby\ngrants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free,\nirrevocable copyright license to reproduce, prepare Derivative Works of,\npublicly display, publicly perform, sublicense, and distribute the Work and such\nDerivative Works in Source or Object form.\n\n#### 3. Grant of Patent License\n\nSubject to the terms and conditions of this License, each Contributor hereby\ngrants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free,\nirrevocable (except as stated in this section) patent license to make, have\nmade, use, offer to sell, sell, import, and otherwise transfer the Work, where\nsuch license applies only to those patent claims licensable by such Contributor\nthat are necessarily infringed by their Contribution(s) alone or by combination\nof their Contribution(s) with the Work to which such Contribution(s) was\nsubmitted. If You institute patent litigation against any entity (including a\ncross-claim or counterclaim in a lawsuit) alleging that the Work or a\nContribution incorporated within the Work constitutes direct or contributory\npatent infringement, then any patent licenses granted to You under this License\nfor that Work shall terminate as of the date such litigation is filed.\n\n#### 4. Redistribution\n\nYou may reproduce and distribute copies of the Work or Derivative Works thereof\nin any medium, with or without modifications, and in Source or Object form,\nprovided that You meet the following conditions:\n\n* **(a)** You must give any other recipients of the Work or Derivative Works a copy of\nthis License; and\n* **(b)** You must cause any modified files to carry prominent notices stating that You\nchanged the files; and\n* **(c)** You must retain, in the Source form of any Derivative Works that You distribute,\nall copyright, patent, trademark, and attribution notices from the Source form\nof the Work, excluding those notices that do not pertain to any part of the\nDerivative Works; and\n* **(d)** If the Work includes a “NOTICE” text file as part of its distribution, then any\nDerivative Works that You distribute must include a readable copy of the\nattribution notices contained within such NOTICE file, excluding those notices\nthat do not pertain to any part of the Derivative Works, in at least one of the\nfollowing places: within a NOTICE text file distributed as part of the\nDerivative Works; within the Source form or documentation, if provided along\nwith the Derivative Works; or, within a display generated by the Derivative\nWorks, if and wherever such third-party notices normally appear. The contents of\nthe NOTICE file are for informational purposes only and do not modify the\nLicense. You may add Your own attribution notices within Derivative Works that\nYou distribute, alongside or as an addendum to the NOTICE text from the Work,\nprovided that such additional attribution notices cannot be construed as\nmodifying the License.\n\nYou may add Your own copyright statement to Your modifications and may provide\nadditional or different license terms and conditions for use, reproduction, or\ndistribution of Your modifications, or for any such Derivative Works as a whole,\nprovided Your use, reproduction, and distribution of the Work otherwise complies\nwith the conditions stated in this License.\n\n#### 5. Submission of Contributions\n\nUnless You explicitly state otherwise, any Contribution intentionally submitted\nfor inclusion in the Work by You to the Licensor shall be under the terms and\nconditions of this License, without any additional terms or conditions.\nNotwithstanding the above, nothing herein shall supersede or modify the terms of\nany separate license agreement you may have executed with Licensor regarding\nsuch Contributions.\n\n#### 6. Trademarks\n\nThis License does not grant permission to use the trade names, trademarks,\nservice marks, or product names of the Licensor, except as required for\nreasonable and customary use in describing the origin of the Work and\nreproducing the content of the NOTICE file.\n\n#### 7. Disclaimer of Warranty\n\nUnless required by applicable law or agreed to in writing, Licensor provides the\nWork (and each Contributor provides its Contributions) on an “AS IS” BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied,\nincluding, without limitation, any warranties or conditions of TITLE,\nNON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are\nsolely responsible for determining the appropriateness of using or\nredistributing the Work and assume any risks associated with Your exercise of\npermissions under this License.\n\n#### 8. Limitation of Liability\n\nIn no event and under no legal theory, whether in tort (including negligence),\ncontract, or otherwise, unless required by applicable law (such as deliberate\nand grossly negligent acts) or agreed to in writing, shall any Contributor be\nliable to You for damages, including any direct, indirect, special, incidental,\nor consequential damages of any character arising as a result of this License or\nout of the use or inability to use the Work (including but not limited to\ndamages for loss of goodwill, work stoppage, computer failure or malfunction, or\nany and all other commercial damages or losses), even if such Contributor has\nbeen advised of the possibility of such damages.\n\n#### 9. Accepting Warranty or Additional Liability\n\nWhile redistributing the Work or Derivative Works thereof, You may choose to\noffer, and charge a fee for, acceptance of support, warranty, indemnity, or\nother liability obligations and/or rights consistent with this License. However,\nin accepting such obligations, You may act only on Your own behalf and on Your\nsole responsibility, not on behalf of any other Contributor, and only if You\nagree to indemnify, defend, and hold each Contributor harmless for any liability\nincurred by, or claims asserted against, such Contributor by reason of your\naccepting any such warranty or additional liability.\n\n_END OF TERMS AND CONDITIONS_\n\n### APPENDIX: How to apply the Apache License to your work\n\nTo apply the Apache License to your work, attach the following boilerplate\nnotice, with the fields enclosed by brackets `[]` replaced with your own\nidentifying information. (Don't include the brackets!) The text should be\nenclosed in the appropriate comment syntax for the file format. We also\nrecommend that a file or class name and description of purpose be included on\nthe same “printed page” as the copyright notice for easier identification within\nthird-party archives.\n\n Copyright [yyyy] [name of copyright owner]\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n"
},
{
"path": "Makefile",
"content": "DIRS=$(shell go list -f {{.Dir}} ./...)\n\ncheck: fmt vet lint test\n\ncyclo:\n\t@for d in $(DIRS) ; do \\\n\t\tif [ \"`gocyclo -over 20 $$d | tee /dev/stderr`\" ]; then \\\n\t\t\techo \"^ cyclomatic complexity exceeds 20, refactor the code!\" && echo && exit 1; \\\n\t\tfi \\\n\tdone\n\nfmt:\n\t@for d in $(DIRS) ; do \\\n\t\tif [ \"`gofmt -l -s $$d/*.go | tee /dev/stderr`\" ]; then \\\n\t\t\techo \"^ improperly formatted go files\" && echo && exit 1; \\\n\t\tfi \\\n\tdone\n\nlint:\n\t@if [ \"`golint -min_confidence 0.85 ./... | tee /dev/stderr`\" ]; then \\\n\t\techo \"^ golint errors!\" && echo && exit 1; \\\n\tfi\n\ntest:\n\tgopherjs test github.com/bep/gr/tests\n\nvet:\n\t@if [ \"`go vet ./... | tee /dev/stderr`\" ]; then \\\n\t\techo \"^ go vet errors!\" && echo && exit 1; \\\n\tfi\n\n"
},
{
"path": "README.md",
"content": "# Go React\n\n[](https://travis-ci.org/bep/gr)\n[](https://godoc.org/github.com/bep/gr)\n[](https://goreportcard.com/report/github.com/bep/gr)\n\n**See Also:**\n\n* https://github.com/bep/grcomponents\n* [grouter: react-router bindings](https://github.com/bep/grouter)\n\t\t\n[GopherJS](https://github.com/gopherjs/gopherjs) bindings for Facebook React. \n\n**NOTE: Still early and not production ready.**\n\n## Examples\n\n**NOTE: Make sure that your GopherJS is up-to-date before running these: `go get -u github.com/gopherjs/gopherjs`**\n\nFor a live demo of the examples below, see [http://bego.io/gr/](http://bego.io/gr/) (may not be up-to-date).\n\nThere are some runnable examples in `/examples`. Just navigate to that folder and do a:\n\n```bash\ngopherjs serve\n```\nThen navigate to [http://localhost:8080/github.com/bep/gr/examples/](http://localhost:8080/github.com/bep/gr/examples/).\n\nTo get a sense of the API, here is the [click-counter](https://github.com/bep/gr/blob/master/examples/basic-click-counter/main.go) example:\n\n```go\nfunc main() {\n\tcomponent := gr.New(new(clickCounter))\n\n\tgr.RenderLoop(func() {\n\t\tcomponent.Render(\"react\", gr.Props{})\n\t})\n}\n\ntype clickCounter struct {\n\t*gr.This\n}\n\n// Implements the StateInitializer interface.\nfunc (c clickCounter) GetInitialState() gr.State {\n\treturn gr.State{\"counter\": 0}\n}\n\n// Implements the Renderer interface.\nfunc (c clickCounter) Render() gr.Component {\n\tcounter := c.State()[\"counter\"]\n\tmessage := fmt.Sprintf(\" Click me! Number of clicks: %v\", counter)\n\n\telem := el.Div(\n\t\tel.Button(\n\t\t\tgr.CSS(\"btn\", \"btn-lg\", \"btn-primary\"),\n\t\t\tgr.Style(\"color\", \"orange\"),\n\t\t\tgr.Text(message),\n\t\t\tevt.Click(c.onClick)))\n\n\treturn examples.Example(\"Click Counter\", elem)\n}\n\nfunc (c clickCounter) onClick(event *gr.Event) {\n\tc.SetState(gr.State{\"counter\": c.State().Int(\"counter\") + 1})\n}\n\n// Implements the ShouldComponentUpdate interface.\nfunc (c clickCounter) ShouldComponentUpdate(next gr.Cops) bool {\n\treturn c.State().HasChanged(next.State, \"counter\")\n}\n```\n\nFor help installing GopherJS, please visit [that cool project](https://github.com/gopherjs/gopherjs).\n\n\n## Inspiration\n\nThis project is highly inspired by [Vecty](https://github.com/gopherjs/vecty), a *promising and pure* Go React-like framework. If you're not heavily invested in Facebook's React, take that for a spin.\n\n"
},
{
"path": "attr/generate.go",
"content": "// +build ignore\n\n/*\nCopyright 2016 Bjørn Erik Pedersen All rights reserved.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n*/\n\npackage main\n\nimport (\n\t\"fmt\"\n\t\"io/ioutil\"\n\t\"log\"\n\t\"os\"\n\t\"sort\"\n\t\"strings\"\n)\n\nvar altDoc = map[string]string{\n\t\"key\": `Key adds an optional, unique identifier. \nWhen your component shuffles around during render passes, it might be destroyed \nand recreated due to the diff algorithm. Assigning it a key that persists makes \nsure the component stays.`,\n\t\"ref\": \"Ref adds an ref to a component, see http://facebook.github.io/react/docs/more-about-refs.html\",\n\t\"dangerouslySetInnerHTML\": `DangerouslySetInnerHTML Provides the ability to insert raw HTML, \nmainly for cooperating with DOM string manipulation libraries.`,\n\t\"defaultValue\": `DefaultValue can be used to initialize an uncontrolled React component with a non-empty value.\n\nSee https://facebook.github.io/react/docs/forms.html`,\n}\n\nvar altType = map[string]string{\n\t\"key\": \"interface{}\",\n\t\"ref\": \"interface{}\",\n\t\"dangerouslySetInnerHTML\": \"interface{}\",\n}\n\nfunc main() {\n\tb, err := ioutil.ReadFile(\"htmlattributes.source.txt\")\n\tif err != nil {\n\t\tlog.Fatal(err)\n\t}\n\n\treplacements := strings.NewReplacer(\n\t\t\"Html\", \"HTML\", \"Http\", \"HTTP\",\n\t\t\"Href\", \"HRef\", \"Id\", \"ID\",\n\t\t\"Wmode\", \"WMode\")\n\n\tsource := string(b)\n\n\tfile, err := os.Create(\"htmlattributes.autogen.go\")\n\tif err != nil {\n\t\tpanic(err)\n\t}\n\tdefer file.Close()\n\n\tfmt.Fprint(file, `//go:generate go run generate.go\n\n// Package attr defines markup to create HTML attributes supported by Facebook React.\n//\n// Created from \"HTML Attributes\" as defined by Facebook in\n// - https://facebook.github.io/react/docs/tags-and-attributes.html\n// - http://facebook.github.io/react/docs/special-non-dom-attributes.html\npackage attr\n\nimport \"github.com/bep/gr\"\n`)\n\n\twords := strings.Fields(source)\n\tsort.Strings(words)\n\n\tfor _, w := range words {\n\t\tfuncName := strings.Title(w)\n\t\tfuncName = replacements.Replace(funcName)\n\t\tdocString := fmt.Sprintf(\"%s creates an HTML attribute for '%s'.\", funcName, w)\n\t\tpropType := \"interface{}\"\n\t\tif alt, ok := altDoc[w]; ok {\n\t\t\tdocString = strings.Replace(alt, \"\\n\", \"\\n// \", -1)\n\t\t}\n\n\t\tif alt, ok := altType[w]; ok {\n\t\t\tpropType = alt\n\t\t}\n\n\t\tfuncBody := fmt.Sprintf(`\n// %s\nfunc %s(v %s) gr.Modifier {\n\treturn gr.Prop(\"%s\", v)\n}\n`, docString, funcName, propType, w)\n\n\t\tfmt.Fprintf(file, \"%s\", funcBody)\n\n\t}\n\n}\n"
},
{
"path": "attr/htmlattributes.autogen.go",
"content": "//go:generate go run generate.go\n\n// Package attr defines markup to create HTML attributes supported by Facebook React.\n//\n// Created from \"HTML Attributes\" as defined by Facebook in\n// - https://facebook.github.io/react/docs/tags-and-attributes.html\n// - http://facebook.github.io/react/docs/special-non-dom-attributes.html\npackage attr\n\nimport \"github.com/bep/gr\"\n\n// About creates an HTML attribute for 'about'.\nfunc About(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"about\", v)\n}\n\n// Accept creates an HTML attribute for 'accept'.\nfunc Accept(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"accept\", v)\n}\n\n// AcceptCharset creates an HTML attribute for 'acceptCharset'.\nfunc AcceptCharset(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"acceptCharset\", v)\n}\n\n// AccessKey creates an HTML attribute for 'accessKey'.\nfunc AccessKey(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"accessKey\", v)\n}\n\n// Action creates an HTML attribute for 'action'.\nfunc Action(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"action\", v)\n}\n\n// AllowFullScreen creates an HTML attribute for 'allowFullScreen'.\nfunc AllowFullScreen(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"allowFullScreen\", v)\n}\n\n// AllowTransparency creates an HTML attribute for 'allowTransparency'.\nfunc AllowTransparency(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"allowTransparency\", v)\n}\n\n// Alt creates an HTML attribute for 'alt'.\nfunc Alt(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"alt\", v)\n}\n\n// Async creates an HTML attribute for 'async'.\nfunc Async(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"async\", v)\n}\n\n// AutoCapitalize creates an HTML attribute for 'autoCapitalize'.\nfunc AutoCapitalize(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"autoCapitalize\", v)\n}\n\n// AutoComplete creates an HTML attribute for 'autoComplete'.\nfunc AutoComplete(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"autoComplete\", v)\n}\n\n// AutoCorrect creates an HTML attribute for 'autoCorrect'.\nfunc AutoCorrect(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"autoCorrect\", v)\n}\n\n// AutoFocus creates an HTML attribute for 'autoFocus'.\nfunc AutoFocus(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"autoFocus\", v)\n}\n\n// AutoPlay creates an HTML attribute for 'autoPlay'.\nfunc AutoPlay(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"autoPlay\", v)\n}\n\n// AutoSave creates an HTML attribute for 'autoSave'.\nfunc AutoSave(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"autoSave\", v)\n}\n\n// Capture creates an HTML attribute for 'capture'.\nfunc Capture(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"capture\", v)\n}\n\n// CellPadding creates an HTML attribute for 'cellPadding'.\nfunc CellPadding(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"cellPadding\", v)\n}\n\n// CellSpacing creates an HTML attribute for 'cellSpacing'.\nfunc CellSpacing(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"cellSpacing\", v)\n}\n\n// Challenge creates an HTML attribute for 'challenge'.\nfunc Challenge(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"challenge\", v)\n}\n\n// CharSet creates an HTML attribute for 'charSet'.\nfunc CharSet(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"charSet\", v)\n}\n\n// Checked creates an HTML attribute for 'checked'.\nfunc Checked(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"checked\", v)\n}\n\n// Cite creates an HTML attribute for 'cite'.\nfunc Cite(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"cite\", v)\n}\n\n// ClassID creates an HTML attribute for 'classID'.\nfunc ClassID(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"classID\", v)\n}\n\n// ClassName creates an HTML attribute for 'className'.\nfunc ClassName(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"className\", v)\n}\n\n// ColSpan creates an HTML attribute for 'colSpan'.\nfunc ColSpan(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"colSpan\", v)\n}\n\n// Color creates an HTML attribute for 'color'.\nfunc Color(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"color\", v)\n}\n\n// Cols creates an HTML attribute for 'cols'.\nfunc Cols(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"cols\", v)\n}\n\n// Content creates an HTML attribute for 'content'.\nfunc Content(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"content\", v)\n}\n\n// ContentEditable creates an HTML attribute for 'contentEditable'.\nfunc ContentEditable(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"contentEditable\", v)\n}\n\n// ContextMenu creates an HTML attribute for 'contextMenu'.\nfunc ContextMenu(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"contextMenu\", v)\n}\n\n// Controls creates an HTML attribute for 'controls'.\nfunc Controls(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"controls\", v)\n}\n\n// Coords creates an HTML attribute for 'coords'.\nfunc Coords(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"coords\", v)\n}\n\n// CrossOrigin creates an HTML attribute for 'crossOrigin'.\nfunc CrossOrigin(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"crossOrigin\", v)\n}\n\n// DangerouslySetInnerHTML Provides the ability to insert raw HTML,\n// mainly for cooperating with DOM string manipulation libraries.\nfunc DangerouslySetInnerHTML(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"dangerouslySetInnerHTML\", v)\n}\n\n// Data creates an HTML attribute for 'data'.\nfunc Data(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"data\", v)\n}\n\n// Datatype creates an HTML attribute for 'datatype'.\nfunc Datatype(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"datatype\", v)\n}\n\n// DateTime creates an HTML attribute for 'dateTime'.\nfunc DateTime(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"dateTime\", v)\n}\n\n// Default creates an HTML attribute for 'default'.\nfunc Default(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"default\", v)\n}\n\n// DefaultValue can be used to initialize an uncontrolled React component with a non-empty value.\n//\n// See https://facebook.github.io/react/docs/forms.html\nfunc DefaultValue(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"defaultValue\", v)\n}\n\n// Defer creates an HTML attribute for 'defer'.\nfunc Defer(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"defer\", v)\n}\n\n// Dir creates an HTML attribute for 'dir'.\nfunc Dir(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"dir\", v)\n}\n\n// Disabled creates an HTML attribute for 'disabled'.\nfunc Disabled(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"disabled\", v)\n}\n\n// Download creates an HTML attribute for 'download'.\nfunc Download(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"download\", v)\n}\n\n// Draggable creates an HTML attribute for 'draggable'.\nfunc Draggable(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"draggable\", v)\n}\n\n// EncType creates an HTML attribute for 'encType'.\nfunc EncType(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"encType\", v)\n}\n\n// Form creates an HTML attribute for 'form'.\nfunc Form(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"form\", v)\n}\n\n// FormAction creates an HTML attribute for 'formAction'.\nfunc FormAction(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"formAction\", v)\n}\n\n// FormEncType creates an HTML attribute for 'formEncType'.\nfunc FormEncType(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"formEncType\", v)\n}\n\n// FormMethod creates an HTML attribute for 'formMethod'.\nfunc FormMethod(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"formMethod\", v)\n}\n\n// FormNoValidate creates an HTML attribute for 'formNoValidate'.\nfunc FormNoValidate(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"formNoValidate\", v)\n}\n\n// FormTarget creates an HTML attribute for 'formTarget'.\nfunc FormTarget(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"formTarget\", v)\n}\n\n// FrameBorder creates an HTML attribute for 'frameBorder'.\nfunc FrameBorder(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"frameBorder\", v)\n}\n\n// Headers creates an HTML attribute for 'headers'.\nfunc Headers(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"headers\", v)\n}\n\n// Height creates an HTML attribute for 'height'.\nfunc Height(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"height\", v)\n}\n\n// Hidden creates an HTML attribute for 'hidden'.\nfunc Hidden(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"hidden\", v)\n}\n\n// High creates an HTML attribute for 'high'.\nfunc High(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"high\", v)\n}\n\n// HRef creates an HTML attribute for 'href'.\nfunc HRef(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"href\", v)\n}\n\n// HRefLang creates an HTML attribute for 'hrefLang'.\nfunc HRefLang(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"hrefLang\", v)\n}\n\n// HTMLFor creates an HTML attribute for 'htmlFor'.\nfunc HTMLFor(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"htmlFor\", v)\n}\n\n// HTTPEquiv creates an HTML attribute for 'httpEquiv'.\nfunc HTTPEquiv(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"httpEquiv\", v)\n}\n\n// Icon creates an HTML attribute for 'icon'.\nfunc Icon(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"icon\", v)\n}\n\n// ID creates an HTML attribute for 'id'.\nfunc ID(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"id\", v)\n}\n\n// Inlist creates an HTML attribute for 'inlist'.\nfunc Inlist(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"inlist\", v)\n}\n\n// InputMode creates an HTML attribute for 'inputMode'.\nfunc InputMode(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"inputMode\", v)\n}\n\n// Integrity creates an HTML attribute for 'integrity'.\nfunc Integrity(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"integrity\", v)\n}\n\n// Is creates an HTML attribute for 'is'.\nfunc Is(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"is\", v)\n}\n\n// ItemProp creates an HTML attribute for 'itemProp'.\nfunc ItemProp(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"itemProp\", v)\n}\n\n// Key adds an optional, unique identifier.\n// When your component shuffles around during render passes, it might be destroyed\n// and recreated due to the diff algorithm. Assigning it a key that persists makes\n// sure the component stays.\nfunc Key(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"key\", v)\n}\n\n// KeyParams creates an HTML attribute for 'keyParams'.\nfunc KeyParams(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"keyParams\", v)\n}\n\n// KeyType creates an HTML attribute for 'keyType'.\nfunc KeyType(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"keyType\", v)\n}\n\n// Kind creates an HTML attribute for 'kind'.\nfunc Kind(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"kind\", v)\n}\n\n// Label creates an HTML attribute for 'label'.\nfunc Label(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"label\", v)\n}\n\n// Lang creates an HTML attribute for 'lang'.\nfunc Lang(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"lang\", v)\n}\n\n// List creates an HTML attribute for 'list'.\nfunc List(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"list\", v)\n}\n\n// Loop creates an HTML attribute for 'loop'.\nfunc Loop(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"loop\", v)\n}\n\n// Low creates an HTML attribute for 'low'.\nfunc Low(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"low\", v)\n}\n\n// Manifest creates an HTML attribute for 'manifest'.\nfunc Manifest(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"manifest\", v)\n}\n\n// MarginHeight creates an HTML attribute for 'marginHeight'.\nfunc MarginHeight(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"marginHeight\", v)\n}\n\n// MarginWidth creates an HTML attribute for 'marginWidth'.\nfunc MarginWidth(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"marginWidth\", v)\n}\n\n// Max creates an HTML attribute for 'max'.\nfunc Max(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"max\", v)\n}\n\n// MaxLength creates an HTML attribute for 'maxLength'.\nfunc MaxLength(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"maxLength\", v)\n}\n\n// Media creates an HTML attribute for 'media'.\nfunc Media(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"media\", v)\n}\n\n// MediaGroup creates an HTML attribute for 'mediaGroup'.\nfunc MediaGroup(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"mediaGroup\", v)\n}\n\n// Method creates an HTML attribute for 'method'.\nfunc Method(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"method\", v)\n}\n\n// Min creates an HTML attribute for 'min'.\nfunc Min(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"min\", v)\n}\n\n// MinLength creates an HTML attribute for 'minLength'.\nfunc MinLength(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"minLength\", v)\n}\n\n// Multiple creates an HTML attribute for 'multiple'.\nfunc Multiple(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"multiple\", v)\n}\n\n// Muted creates an HTML attribute for 'muted'.\nfunc Muted(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"muted\", v)\n}\n\n// Name creates an HTML attribute for 'name'.\nfunc Name(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"name\", v)\n}\n\n// NoValidate creates an HTML attribute for 'noValidate'.\nfunc NoValidate(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"noValidate\", v)\n}\n\n// Nonce creates an HTML attribute for 'nonce'.\nfunc Nonce(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"nonce\", v)\n}\n\n// Open creates an HTML attribute for 'open'.\nfunc Open(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"open\", v)\n}\n\n// Optimum creates an HTML attribute for 'optimum'.\nfunc Optimum(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"optimum\", v)\n}\n\n// Pattern creates an HTML attribute for 'pattern'.\nfunc Pattern(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"pattern\", v)\n}\n\n// Placeholder creates an HTML attribute for 'placeholder'.\nfunc Placeholder(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"placeholder\", v)\n}\n\n// Poster creates an HTML attribute for 'poster'.\nfunc Poster(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"poster\", v)\n}\n\n// Prefix creates an HTML attribute for 'prefix'.\nfunc Prefix(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"prefix\", v)\n}\n\n// Preload creates an HTML attribute for 'preload'.\nfunc Preload(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"preload\", v)\n}\n\n// Profile creates an HTML attribute for 'profile'.\nfunc Profile(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"profile\", v)\n}\n\n// Property creates an HTML attribute for 'property'.\nfunc Property(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"property\", v)\n}\n\n// RadioGroup creates an HTML attribute for 'radioGroup'.\nfunc RadioGroup(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"radioGroup\", v)\n}\n\n// ReadOnly creates an HTML attribute for 'readOnly'.\nfunc ReadOnly(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"readOnly\", v)\n}\n\n// Ref adds an ref to a component, see http://facebook.github.io/react/docs/more-about-refs.html\nfunc Ref(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"ref\", v)\n}\n\n// Rel creates an HTML attribute for 'rel'.\nfunc Rel(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"rel\", v)\n}\n\n// Required creates an HTML attribute for 'required'.\nfunc Required(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"required\", v)\n}\n\n// Resource creates an HTML attribute for 'resource'.\nfunc Resource(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"resource\", v)\n}\n\n// Results creates an HTML attribute for 'results'.\nfunc Results(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"results\", v)\n}\n\n// Reversed creates an HTML attribute for 'reversed'.\nfunc Reversed(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"reversed\", v)\n}\n\n// Role creates an HTML attribute for 'role'.\nfunc Role(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"role\", v)\n}\n\n// RowSpan creates an HTML attribute for 'rowSpan'.\nfunc RowSpan(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"rowSpan\", v)\n}\n\n// Rows creates an HTML attribute for 'rows'.\nfunc Rows(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"rows\", v)\n}\n\n// Sandbox creates an HTML attribute for 'sandbox'.\nfunc Sandbox(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"sandbox\", v)\n}\n\n// Scope creates an HTML attribute for 'scope'.\nfunc Scope(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"scope\", v)\n}\n\n// Scoped creates an HTML attribute for 'scoped'.\nfunc Scoped(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"scoped\", v)\n}\n\n// Scrolling creates an HTML attribute for 'scrolling'.\nfunc Scrolling(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"scrolling\", v)\n}\n\n// Seamless creates an HTML attribute for 'seamless'.\nfunc Seamless(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"seamless\", v)\n}\n\n// Security creates an HTML attribute for 'security'.\nfunc Security(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"security\", v)\n}\n\n// Selected creates an HTML attribute for 'selected'.\nfunc Selected(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"selected\", v)\n}\n\n// Shape creates an HTML attribute for 'shape'.\nfunc Shape(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"shape\", v)\n}\n\n// Size creates an HTML attribute for 'size'.\nfunc Size(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"size\", v)\n}\n\n// Sizes creates an HTML attribute for 'sizes'.\nfunc Sizes(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"sizes\", v)\n}\n\n// Span creates an HTML attribute for 'span'.\nfunc Span(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"span\", v)\n}\n\n// SpellCheck creates an HTML attribute for 'spellCheck'.\nfunc SpellCheck(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"spellCheck\", v)\n}\n\n// Src creates an HTML attribute for 'src'.\nfunc Src(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"src\", v)\n}\n\n// SrcDoc creates an HTML attribute for 'srcDoc'.\nfunc SrcDoc(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"srcDoc\", v)\n}\n\n// SrcLang creates an HTML attribute for 'srcLang'.\nfunc SrcLang(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"srcLang\", v)\n}\n\n// SrcSet creates an HTML attribute for 'srcSet'.\nfunc SrcSet(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"srcSet\", v)\n}\n\n// Start creates an HTML attribute for 'start'.\nfunc Start(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"start\", v)\n}\n\n// Step creates an HTML attribute for 'step'.\nfunc Step(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"step\", v)\n}\n\n// Style creates an HTML attribute for 'style'.\nfunc Style(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"style\", v)\n}\n\n// Summary creates an HTML attribute for 'summary'.\nfunc Summary(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"summary\", v)\n}\n\n// TabIndex creates an HTML attribute for 'tabIndex'.\nfunc TabIndex(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"tabIndex\", v)\n}\n\n// Target creates an HTML attribute for 'target'.\nfunc Target(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"target\", v)\n}\n\n// Title creates an HTML attribute for 'title'.\nfunc Title(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"title\", v)\n}\n\n// Type creates an HTML attribute for 'type'.\nfunc Type(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"type\", v)\n}\n\n// Typeof creates an HTML attribute for 'typeof'.\nfunc Typeof(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"typeof\", v)\n}\n\n// Unselectable creates an HTML attribute for 'unselectable'.\nfunc Unselectable(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"unselectable\", v)\n}\n\n// UseMap creates an HTML attribute for 'useMap'.\nfunc UseMap(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"useMap\", v)\n}\n\n// Value creates an HTML attribute for 'value'.\nfunc Value(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"value\", v)\n}\n\n// Vocab creates an HTML attribute for 'vocab'.\nfunc Vocab(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"vocab\", v)\n}\n\n// Width creates an HTML attribute for 'width'.\nfunc Width(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"width\", v)\n}\n\n// WMode creates an HTML attribute for 'wmode'.\nfunc WMode(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"wmode\", v)\n}\n\n// Wrap creates an HTML attribute for 'wrap'.\nfunc Wrap(v interface{}) gr.Modifier {\n\treturn gr.Prop(\"wrap\", v)\n}\n"
},
{
"path": "attr/htmlattributes.source.txt",
"content": "accept acceptCharset accessKey action allowFullScreen allowTransparency alt\nasync autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge\ncharSet checked cite classID className colSpan cols content contentEditable\ncontextMenu controls coords crossOrigin data dateTime default defer dir\ndisabled download draggable encType form formAction formEncType formMethod\nformNoValidate formTarget frameBorder headers height hidden high href hrefLang\nhtmlFor httpEquiv icon id inputMode integrity is keyParams keyType kind label\nlang list loop low manifest marginHeight marginWidth max maxLength media\nmediaGroup method min minLength multiple muted name noValidate nonce open\noptimum pattern placeholder poster preload profile radioGroup readOnly rel\nrequired reversed role rowSpan rows sandbox scope scoped scrolling seamless\nselected shape size sizes span spellCheck src srcDoc srcLang srcSet start step\nstyle summary tabIndex target title type useMap value width wmode wrap\nabout datatype inlist prefix property resource typeof vocab\nautoCapitalize autoCorrect color itemProp security unselectable results autoSave\nkey ref dangerouslySetInnerHTML defaultValue"
},
{
"path": "component.go",
"content": "/*\nCopyright 2016 Bjørn Erik Pedersen All rights reserved.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n*/\n\npackage gr\n\nimport (\n\t\"errors\"\n\t\"fmt\"\n\t\"strings\"\n\n\t\"reflect\"\n\n\t\"github.com/bep/gr/support\"\n\t\"github.com/gopherjs/gopherjs/js\"\n)\n\nvar (\n\treact = js.Global.Get(\"React\")\n\treactDOM = js.Global.Get(\"ReactDOM\")\n)\n\nfunc init() {\n\tif react == js.Undefined || reactDOM == js.Undefined {\n\t\t// Require as a fallback\n\t\tvar err error\n\t\tif react, err = support.Require(\"react\"); err != nil {\n\t\t\tpanic(fmt.Sprintf(\"Cannot find React\"))\n\t\t}\n\t\tif reactDOM, err = support.Require(\"react-dom\"); err != nil {\n\t\t\tpanic(fmt.Sprintf(\"Cannot find ReactDOM\"))\n\t\t}\n\t}\n}\n\n// A Component represents a React JS component.\n//\n// http://facebook.github.io/react/docs/glossary.html#react-nodes for a reference.\n//\n// A Component can be either a constructed element (analogous to a ReactElement)\n// or a factory (a ReactClass or a ReactFactory). Factories are identified by their\n// implementation of the Factory interface.\ntype Component interface {\n\tNode() *js.Object\n}\n\n// A Factory is a Component that can construct Elements (analogous to a ReactClass or a ReactFactory).\ntype Factory interface {\n\tComponent\n\tCreateElement(props Props, children ...Component) *Element\n}\n\n// ReactComponent wraps a Facebook React component.\n// This component can either be constructed from a Go implementation (see New) or\n// loaded from JavaScript (see FromGlobal and Require).\ntype ReactComponent struct {\n\t// The React.createClass response.\n\tnode *js.Object\n\n\t// Prototype cached for the cloning purpose.\n\telementPrototype *js.Object\n\n\t// The minimum interface needed to display something.\n\tr Renderer\n\n\treactClass *reactClass\n\n\t// Options\n\texportName string\n\tglobalName string\n\tcomponentConfig ComponentConfig\n\n\t// Needs to be created by createElement as opposed to standalone React factories.\n\t// TODO(bep) figure a way to extract that info from the JS object.\n\tneedsCreate bool\n}\n\n// FromGlobal loads a React component from JavaScript's global object\n// (\"window\" for browsers and \"GLOBAL\" for Node.js)\nfunc FromGlobal(path ...string) *ReactComponent {\n\n\tvar component *js.Object\n\n\tfor _, p := range path {\n\t\tif component != nil {\n\t\t\tcomponent = component.Get(p)\n\t\t} else {\n\t\t\tcomponent = js.Global.Get(p)\n\t\t}\n\t}\n\n\tif component == nil || component == js.Undefined {\n\t\tpanic(fmt.Sprintf(\"JS component in path %v not found\", path))\n\t}\n\n\t// TODO(bep): No concept of a Renderer implementation here. Do we need it?\n\treturn &ReactComponent{node: component, needsCreate: true}\n}\n\n// Require loads a module the Node.js way.\n// Note that this requires that the require function is present; if in the browser,\n// and not in Node.js, try Browserify.\nfunc Require(path ...string) *ReactComponent {\n\tm, err := support.Require(path...)\n\tif err != nil {\n\t\tpanic(err)\n\t}\n\treturn &ReactComponent{node: m, needsCreate: true}\n}\n\n// ComponentConfig is used to add optional static configuration to a component.\ntype ComponentConfig struct {\n\tContextTypesTemplate Context\n}\n\n// Option is used to configure a component.\ntype Option struct {\n\taction func(*ReactComponent) error\n\n\t// Whether to apply this option on the created React component or not.\n\tpreparePhase bool\n}\n\n// WithConfig adds optional static configuration to the component.\nfunc WithConfig(config ComponentConfig) Option {\n\t// This needs to run before createClass\n\treturn Option{preparePhase: true, action: func(r *ReactComponent) error {\n\t\tr.componentConfig = config\n\t\treturn nil\n\t}}\n}\n\n// Export is an option used to mark that the component should be exported to the\n// JavaScript world as a Node.js module export.\nfunc Export(name string) Option {\n\treturn Option{action: func(r *ReactComponent) error {\n\t\tif name == \"\" {\n\t\t\treturn errors.New(\"Must provide export name\")\n\t\t}\n\t\tr.exportName = name\n\t\treturn nil\n\t}}\n}\n\n// Global is an option used to mark that the component should be exported to the\n// JavaScript world as a global with the given name.\nfunc Global(name string) Option {\n\treturn Option{action: func(r *ReactComponent) error {\n\t\tif name == \"\" {\n\t\t\treturn errors.New(\"Must provide global name\")\n\t\t}\n\t\tr.globalName = name\n\t\treturn nil\n\t}}\n}\n\n// Apply the func to the newly created React component.\nfunc Apply(f func(o *js.Object) *js.Object) Option {\n\treturn Option{action: func(r *ReactComponent) error {\n\t\tr.node = f(r.node)\n\t\treturn nil\n\t}}\n}\n\n// NewSimpleRenderer can be used for quickly putting together components that only\n// need to implement Renderer with no need of the owner (this) argument.\nfunc NewSimpleRenderer(c Component) Renderer {\n\treturn simpleRenderer{c}\n}\n\ntype simpleRenderer struct {\n\tc Component\n}\n\n// Implements the Renderer interface.\nfunc (s simpleRenderer) Render() Component {\n\treturn s.c\n}\n\n// NewSimpleComponent can be used for quickly putting together components that only\n// need to implement Renderer with no need of the owner (this) argument.\n// Especially convenient for testing.\nfunc NewSimpleComponent(c Component, options ...Option) *ReactComponent {\n\treturn New(NewSimpleRenderer(c), options...)\n}\n\ntype reactClass struct {\n\t*js.Object\n\n\tdisplayName string `js:\"displayName\"`\n\n\trender *js.Object `js:\"render\"`\n\tgetDefaultProps *js.Object `js:\"getDefaultProps\"`\n\tgetInitialState *js.Object `js:\"getInitialState\"`\n\tgetChildContext *js.Object `js:\"getChildContext\"`\n\tchildContextTypes js.M `js:\"childContextTypes\"`\n\tcontextTypes js.M `js:\"contextTypes\"`\n\n\tshouldComponentUpdate *js.Object `js:\"shouldComponentUpdate\"`\n\tcomponentWillUpdate *js.Object `js:\"componentWillUpdate\"`\n\tcomponentDidUpdate *js.Object `js:\"componentDidUpdate\"`\n\tcomponentWillReceiveProps *js.Object `js:\"componentWillReceiveProps\"`\n\tcomponentWillMount *js.Object `js:\"componentWillMount\"`\n\tcomponentDidMount *js.Object `js:\"componentDidMount\"`\n\tcomponentWillUnmount *js.Object `js:\"componentWillUnmount\"`\n}\n\ntype delegateRenderer struct {\n\tdelegate func() Component\n}\n\n// Render implements the Renderer interface.\nfunc (d delegateRenderer) Render() Component {\n\treturn d.delegate()\n}\n\n// NewRenderer creates a Renderer with the provided func as the implementation.\nfunc NewRenderer(renderFunc func() Component) Renderer {\n\treturn delegateRenderer{renderFunc}\n}\n\n// New creates a new Component given a Renderer and optional option(s).\n// Note that the Renderer is the minimum interface that needs to be implemented,\n// but New will perform interface upgrades for other lifecycle interfaces.\nfunc New(r Renderer, options ...Option) *ReactComponent {\n\troot := &ReactComponent{r: r, reactClass: &reactClass{Object: js.Global.Get(\"Object\").New()}}\n\n\ttyp := fmt.Sprintf(\"%T\", r)\n\tdisplayName := strings.TrimLeft(typ, \"*\")\n\troot.reactClass.displayName = displayName\n\n\t// TODO(bep)\n\t// getDefaultProps propTypes https://github.com/bep/gr/issues/23\n\t// mixins https://github.com/bep/gr/issues/24\n\t// statics https://github.com/bep/gr/issues/25\n\n\tts := extractThisSetter(r)\n\n\t// Every component needs to render itself.\n\troot.reactClass.render = makeRenderFunc(ts, displayName, r.Render)\n\n\t// Optional lifecycle implementations below.\n\tif v, ok := r.(StateInitializer); ok {\n\t\troot.reactClass.getInitialState = makeStateFunc(ts, v.GetInitialState)\n\t} else if ts != nil {\n\t\troot.reactClass.getInitialState = js.MakeFunc(func(this *js.Object, arguments []*js.Object) interface{} {\n\t\t\tts.SetThis(this)\n\t\t\treturn nil\n\t\t})\n\t}\n\n\tif v, ok := r.(ChildContextProvider); ok {\n\t\troot.reactClass.getChildContext, root.reactClass.childContextTypes = makeChildContextFunc(ts, v.GetChildContext)\n\t}\n\n\tif v, ok := r.(ShouldComponentUpdate); ok {\n\t\troot.reactClass.shouldComponentUpdate = makeComponentUpdateFunc(ts, v.ShouldComponentUpdate)\n\t}\n\n\tif v, ok := r.(ComponentWillUpdate); ok {\n\t\troot.reactClass.componentWillUpdate = makeComponentUpdateVoidFunc(ts, v.ComponentWillUpdate)\n\t}\n\n\tif v, ok := r.(ComponentDidUpdate); ok {\n\t\troot.reactClass.componentDidUpdate = makeComponentUpdateVoidFunc(ts, v.ComponentDidUpdate)\n\t}\n\n\tif v, ok := r.(ComponentWillReceiveProps); ok {\n\t\troot.reactClass.componentWillReceiveProps = makeComponentPropertyReceiverFunc(ts, v.ComponentWillReceiveProps)\n\t}\n\n\tif v, ok := r.(ComponentWillMount); ok {\n\t\troot.reactClass.componentWillMount = makeVoidFunc(ts, v.ComponentWillMount, true)\n\t}\n\n\tif v, ok := r.(ComponentDidMount); ok {\n\t\troot.reactClass.componentDidMount = makeVoidFunc(ts, v.ComponentDidMount, true)\n\t}\n\n\tif v, ok := r.(ComponentWillUnmount); ok {\n\t\troot.reactClass.componentWillUnmount = makeVoidFunc(ts, v.ComponentWillUnmount, true)\n\t}\n\n\tfor _, opt := range options {\n\t\tif !opt.preparePhase {\n\t\t\tcontinue\n\t\t}\n\t\terr := opt.action(root)\n\t\tif err != nil {\n\t\t\tpanic(err)\n\t\t}\n\t}\n\n\troot.handleOptionsOnPrepare()\n\n\tclass := react.Call(\"createClass\", root.reactClass.Object)\n\n\troot.node = react.Call(\"createFactory\", class)\n\n\tfor _, opt := range options {\n\t\tif opt.preparePhase {\n\t\t\tcontinue\n\t\t}\n\t\terr := opt.action(root)\n\t\tif err != nil {\n\t\t\tpanic(err)\n\t\t}\n\t}\n\n\troot.handleOptionsOnCreate()\n\n\treturn root\n}\n\n// CreateIfNeeded evaluates the given Component and returns an Element, creating\n// a new instance if needed. This is a convenience method; if you need to pass\n// properties, use the factory directly.\nfunc CreateIfNeeded(c Component) *Element {\n\tswitch v := c.(type) {\n\tcase *Element:\n\t\treturn v\n\tcase Factory:\n\t\treturn v.CreateElement(nil)\n\tdefault:\n\t\treturn NewPreparedElement(c.Node())\n\t}\n}\n\n// Node implements the Component interface.\nfunc (r *ReactComponent) Node() *js.Object {\n\treturn r.node\n}\n\n// Render the Component in the DOM with the given element ID and props.\nfunc (r *ReactComponent) Render(elementID string, props Props) {\n\tcontainer := js.Global.Get(\"document\").Call(\"getElementById\", elementID)\n\telem := r.CreateElement(props)\n\n\t// TODO(bep) evaluate if the need the \"this\" returned on render.\n\treactDOM.Call(\"render\", elem.Node(), container)\n}\n\n// CreateElement implements the Factory interface.\n// TODO(bep) consolidate and clean\nfunc (r *ReactComponent) CreateElement(props Props, children ...Component) *Element {\n\treturn &Element{properties: props, children: children, elFactory: createElementElementFactory(r)}\n}\n\n// CloneElement will, provided that an element has already been created for this component, clone that element with the\n// original element's props with the new props merged in shallowly.\n// New children will replace existing children.\n// If this is the first invocation, a new element will be created.\n// This may be be slightly faster when creating elements in a tight loop.\n//\n// See https://facebook.github.io/react/docs/top-level-api.html#react.cloneelement\nfunc (r *ReactComponent) CloneElement(props Props, children ...Component) *Element {\n\treturn &Element{properties: props, children: children, elFactory: cloneOrCreateElementElementFactory(r)}\n}\n\nfunc cloneOrCreateElementElementFactory(r *ReactComponent) func(e *Element) *js.Object {\n\treturn func(e *Element) *js.Object {\n\t\tif r.elementPrototype == nil {\n\t\t\tr.elementPrototype = createOrInvoke(r.Node(), e, r.needsCreate)\n\t\t\treturn r.elementPrototype\n\t\t}\n\t\treturn cloneElement(r.elementPrototype, e)\n\t}\n}\n\nfunc createElementElementFactory(r *ReactComponent) func(e *Element) *js.Object {\n\treturn func(e *Element) *js.Object {\n\t\telem := createOrInvoke(r.Node(), e, r.needsCreate)\n\t\tr.elementPrototype = elem\n\t\treturn elem\n\t}\n}\n\nfunc cloneElement(prototype *js.Object, e *Element) *js.Object {\n\tvar elem *js.Object\n\n\tvar args []interface{}\n\n\tif len(e.children) > 0 {\n\t\tfor _, c := range e.children {\n\t\t\targs = append(args, c.Node())\n\t\t}\n\t}\n\n\telem = react.Call(\"cloneElement\", prototype, e.properties, args)\n\n\treturn elem\n}\n\nfunc createOrInvoke(node *js.Object, e *Element, needsCreate bool) *js.Object {\n\tvar elem *js.Object\n\n\tvar args []interface{}\n\n\tif len(e.children) > 0 {\n\t\tfor _, c := range e.children {\n\t\t\targs = append(args, c.Node())\n\t\t}\n\t}\n\n\tif needsCreate {\n\t\telem = react.Call(\"createElement\", node, e.properties, args)\n\t} else {\n\n\t\telem = node.Invoke(e.properties, args)\n\t}\n\treturn elem\n}\n\nfunc extractThisSetter(r Renderer) ThisSetter {\n\tvar thisSetter ThisSetter\n\n\trv := reflect.ValueOf(r)\n\n\tif rv.Kind() == reflect.Ptr {\n\t\trv = rv.Elem()\n\t}\n\n\trt := rv.Type()\n\n\tif rt.Kind() == reflect.Struct {\n\t\tfor i := 0; i < rt.NumField(); i++ {\n\t\t\tfv := rv.Field(i)\n\t\t\tif fv.CanInterface() {\n\t\t\t\tif init, ok := fv.Interface().(ThisSetter); ok {\n\t\t\t\t\tif fv.IsNil() {\n\t\t\t\t\t\tnewVal := reflect.New(rt.Field(i).Type.Elem())\n\t\t\t\t\t\tfv.Set(newVal)\n\t\t\t\t\t\tthisSetter = newVal.Interface().(ThisSetter)\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthisSetter = init\n\t\t\t\t\t}\n\t\t\t\t\t// We should maybe check for others and report an error, but for now the first one wins.\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\t}\n\n\treturn thisSetter\n}\n\nfunc makeComponentUpdateFunc(ts ThisSetter, f func(c Cops) bool) *js.Object {\n\treturn js.MakeFunc(func(this *js.Object, arguments []*js.Object) interface{} {\n\t\tif ts != nil {\n\t\t\tts.SetThis(this)\n\t\t}\n\t\treturn f(extractComponentUpdateArgs(arguments))\n\t})\n}\n\nfunc makeComponentUpdateVoidFunc(ts ThisSetter, f func(c Cops)) *js.Object {\n\treturn js.MakeFunc(func(this *js.Object, arguments []*js.Object) interface{} {\n\t\tif ts != nil {\n\t\t\tts.SetThis(this)\n\t\t}\n\t\tf(extractComponentUpdateArgs(arguments))\n\t\treturn nil\n\t})\n}\n\nfunc makeComponentPropertyReceiverFunc(ts ThisSetter, f func(c Cops)) *js.Object {\n\treturn js.MakeFunc(func(this *js.Object, arguments []*js.Object) interface{} {\n\t\tif ts != nil {\n\t\t\tts.SetThis(this)\n\t\t}\n\t\tdata := extractComponentUpdateArgs(arguments)\n\t\tf(data)\n\t\treturn nil\n\t})\n}\n\nfunc extractComponentUpdateArgs(arguments []*js.Object) Cops {\n\tvar (\n\t\tprops Props\n\t\tstate State\n\t\tcontext Context\n\t)\n\n\tif len(arguments) > 0 && arguments[0] != nil {\n\t\tprops = objectToMap(arguments[0])\n\n\t}\n\tif len(arguments) > 1 && arguments[1] != nil {\n\t\tstate = objectToMap(arguments[1])\n\t}\n\tif len(arguments) > 2 && arguments[2] != nil {\n\t\tcontext = objectToMap(arguments[2])\n\t}\n\n\treturn Cops{Props: props, State: state, Context: context}\n}\n\nfunc makeVoidFunc(ts ThisSetter, f func(), assumeBlocking bool) *js.Object {\n\treturn js.MakeFunc(func(this *js.Object, arguments []*js.Object) interface{} {\n\t\tif ts != nil {\n\t\t\tts.SetThis(this)\n\t\t}\n\t\tif assumeBlocking {\n\t\t\tgo func() {\n\t\t\t\tf()\n\t\t\t}()\n\t\t} else {\n\t\t\tf()\n\t\t}\n\t\treturn nil\n\t})\n}\n\nfunc makeStateFunc(ts ThisSetter, f func() State) *js.Object {\n\treturn js.MakeFunc(func(this *js.Object, arguments []*js.Object) interface{} {\n\t\tif ts != nil {\n\t\t\tts.SetThis(this)\n\t\t}\n\t\treturn f()\n\t})\n}\n\nfunc makeChildContextFunc(ts ThisSetter, f func() Context) (*js.Object, js.M) {\n\n\tgetChildContext := js.MakeFunc(func(this *js.Object, arguments []*js.Object) interface{} {\n\t\tif ts != nil {\n\t\t\tts.SetThis(this)\n\t\t}\n\t\treturn f()\n\t})\n\n\tchildContextTypes := extractPropTypesFromTemplate(f())\n\n\treturn getChildContext, childContextTypes\n}\n\nfunc extractPropTypesFromTemplate(t map[string]interface{}) js.M {\n\tpropTypes := js.M{}\n\n\tfor k, v := range t {\n\t\tswitch v.(type) {\n\t\tcase string:\n\t\t\tpropTypes[k] = react.Get(\"PropTypes\").Get(\"string\")\n\t\tcase int:\n\t\t\tpropTypes[k] = react.Get(\"PropTypes\").Get(\"number\")\n\t\tdefault:\n\t\t\t// See: https://facebook.github.io/react/docs/reusable-components.html\n\t\t\t// TODO(bep): Reconsider all of this.\n\t\t\tpanic(\"Context type not implemented\")\n\t\t}\n\t}\n\n\treturn propTypes\n}\n\ntype incrementer struct {\n\tcounter int\n}\n\nfunc (i *incrementer) next() int {\n\ti.counter++\n\treturn i.counter\n}\n\nfunc makeRenderFunc(ts ThisSetter, s string, f func() Component) *js.Object {\n\n\treturn js.MakeFunc(func(this *js.Object, arguments []*js.Object) interface{} {\n\t\tif ts != nil {\n\t\t\tts.SetThis(this)\n\t\t}\n\n\t\tcomp := f()\n\n\t\tif comp == nil {\n\t\t\treturn nil\n\t\t}\n\n\t\tthat := NewThis(this)\n\n\t\t// TODO(bep) refactor\n\t\tif e, ok := comp.(*Element); ok {\n\t\t\taddEventListeners(ts, comp, that)\n\t\t\tidFactory := &incrementer{}\n\t\t\taddMissingKeys(s, e, idFactory)\n\t\t}\n\t\tif _, ok := comp.(Factory); ok {\n\t\t\tpanic(\"Render should return a ready-to-use Element.\")\n\t\t}\n\n\t\treturn comp.Node()\n\t})\n}\n\nfunc addEventListeners(ts ThisSetter, c Component, that *This) {\n\tif e, ok := c.(*Element); ok {\n\t\tfor _, l := range e.eventListeners {\n\t\t\tl.delegate = func(event *js.Object) {\n\t\t\t\tif ts != nil {\n\t\t\t\t\tts.SetThis(that.This)\n\t\t\t\t}\n\t\t\t\tif l.preventDefault {\n\t\t\t\t\tevent.Call(\"preventDefault\")\n\t\t\t\t}\n\t\t\t\tif l.stopPropagation {\n\t\t\t\t\tevent.Call(\"stopPropagation\")\n\t\t\t\t}\n\t\t\t\tl.listener(&Event{Object: event, This: that})\n\t\t\t}\n\n\t\t\te.properties[l.name] = l.delegate\n\n\t\t}\n\t\tfor _, child := range e.children {\n\t\t\taddEventListeners(ts, child, that)\n\t\t}\n\n\t}\n}\n\nfunc (r *ReactComponent) handleOptionsOnCreate() {\n\tif r.exportName != \"\" {\n\t\texports := js.Module.Get(\"exports\")\n\t\tif exports == js.Undefined {\n\t\t\tpanic(\"module.exports not present.\")\n\t\t}\n\t\texports.Set(r.exportName, r.node)\n\t}\n\tif r.globalName != \"\" {\n\t\tjs.Global.Set(r.globalName, r.node)\n\t}\n\n}\n\nfunc (r *ReactComponent) handleOptionsOnPrepare() {\n\tif r.componentConfig.ContextTypesTemplate != nil {\n\t\tr.reactClass.contextTypes = extractPropTypesFromTemplate(r.componentConfig.ContextTypesTemplate)\n\t}\n}\n\nfunc addMissingKeys(s string, e *Element, id *incrementer) {\n\n\tif !e.dynamic {\n\t\tif e.properties == nil {\n\t\t\te.properties = make(map[string]interface{})\n\t\t}\n\t\tif _, ok := e.properties[\"key\"]; !ok {\n\t\t\tkey := fmt.Sprintf(\"%s-%d\", s, id.next())\n\t\t\te.properties[\"key\"] = key\n\t\t}\n\t}\n\n\tfor _, c2 := range e.children {\n\t\tif e2, ok := c2.(*Element); ok {\n\t\t\taddMissingKeys(s, e2, id)\n\t\t}\n\t}\n}\n"
},
{
"path": "el/elements.autogen.go",
"content": "//go:generate go run generate.go\n\n// Package el defines markup to create DOM elements.\n//\n// Generated from \"HTML element reference\" by Mozilla Contributors, https://developer.mozilla.org/en-US/docs/Web/HTML/Element, licensed under CC-BY-SA 2.5.\npackage el\n\nimport \"github.com/bep/gr\"\n\n// Anchor — The HTML Anchor Element () defines a hyperlink to a location on the same page or any other page on the Web. It can also be used (in an obsolete way) to create an anchor point—a destination for hyperlinks within the content of a page, so that links aren't limited to connecting simply to the top of a page.\n//\n// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a\nfunc Anchor(mods ...gr.Modifier) *gr.Element {\n\te := gr.NewElement(\"a\")\n\tgr.Modifiers(mods).Modify(e)\n\treturn e\n}\n\n// Abbreviation — The HTML element (or HTML Abbreviation Element) represents an abbreviation and optionally provides a full description for it. If present, the title attribute must contain this full description and nothing else.\n//\n// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/abbr\nfunc Abbreviation(mods ...gr.Modifier) *gr.Element {\n\te := gr.NewElement(\"abbr\")\n\tgr.Modifiers(mods).Modify(e)\n\treturn e\n}\n\n// Address — The HTML element supplies contact information for its nearest or ancestor; in the latter case, it applies to the whole document.\n//\n// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/address\nfunc Address(mods ...gr.Modifier) *gr.Element {\n\te := gr.NewElement(\"address\")\n\tgr.Modifiers(mods).Modify(e)\n\treturn e\n}\n\n// Area — The HTML element defines a hot-spot region on an image, and optionally associates it with a hypertext link. This element is used only within a