clapton 0.0.17 → 0.0.19

data/lib/clapton/javascripts/src/components/text-area.spec.ts

@@ -3,14 +3,14 @@ import { TextArea } from "./text-area"
 
 describe("TextArea", () => {
   it("returns empty string if no params", () => {
-    expect(new TextArea({}, "foo").render).toBe("<textarea data-attribute='foo'></textarea>")
+    expect(new TextArea({}, "foo").renderWrapper).toBe("<textarea data-attribute='foo'></textarea>")
   })
 
   it("returns attributes and data attributes", () => {
-    expect(new TextArea({ foo: "bar" }, "foo", { id: "1", "data-foo": "bar" }).render).toBe(`<textarea id='1' data-foo='bar' data-attribute='foo'>bar</textarea>`)
+    expect(new TextArea({ foo: "bar" }, "foo", { id: "1", "data-foo": "bar" }).renderWrapper).toBe(`<textarea id='1' data-foo='bar' data-attribute='foo'>bar</textarea>`)
   })
 
   it("returns attributes and data attributes with custom data attributes", () => {
-    expect(new TextArea({ foo: "bar" }, "foo", { id: "1", data: { foo: { baz: "qux", quux: "corge" } } }).render).toBe(`<textarea id='1' data-attribute='foo' data-foo-baz='qux' data-foo-quux='corge'>bar</textarea>`)
+    expect(new TextArea({ foo: "bar" }, "foo", { id: "1", data: { foo: { baz: "qux", quux: "corge" } } }).renderWrapper).toBe(`<textarea id='1' data-attribute='foo' data-foo-baz='qux' data-foo-quux='corge'>bar</textarea>`)
   })
 })

data/lib/clapton/javascripts/src/components/text-area.ts

@@ -12,7 +12,7 @@ export class TextArea {
     this.attributes["data-attribute"] = attribute;
   }
 
-  get render(): string {
+  get renderWrapper(): string {
     return `<textarea ${htmlAttributes(this.attributes)}>${this.state[this.attribute] || ""}</textarea>`;
   }
 

data/lib/clapton/javascripts/src/components/text-field.spec.ts

@@ -3,14 +3,14 @@ import { TextField } from "./text-field"
 
 describe("TextField", () => {
   it("returns empty string if no params", () => {
-    expect(new TextField({}, "foo").render).toBe("<input type='text' data-attribute='foo' value=''/>")
+    expect(new TextField({}, "foo").renderWrapper).toBe("<input type='text' data-attribute='foo' value=''/>")
   })
 
   it("returns attributes and data attributes", () => {
-    expect(new TextField({ foo: "bar" }, "foo", { id: "1", "data-foo": "bar" }).render).toBe(`<input type='text' id='1' data-foo='bar' data-attribute='foo' value='bar'/>`)
+    expect(new TextField({ foo: "bar" }, "foo", { id: "1", "data-foo": "bar" }).renderWrapper).toBe(`<input type='text' id='1' data-foo='bar' data-attribute='foo' value='bar'/>`)
   })
 
   it("returns attributes and data attributes with custom data attributes", () => {
-    expect(new TextField({ foo: "bar" }, "foo", { id: "1", data: { foo: { baz: "qux", quux: "corge" } } }).render).toBe(`<input type='text' id='1' data-attribute='foo' data-foo-baz='qux' data-foo-quux='corge' value='bar'/>`)
+    expect(new TextField({ foo: "bar" }, "foo", { id: "1", data: { foo: { baz: "qux", quux: "corge" } } }).renderWrapper).toBe(`<input type='text' id='1' data-attribute='foo' data-foo-baz='qux' data-foo-quux='corge' value='bar'/>`)
   })
 })

data/lib/clapton/javascripts/src/components/text-field.ts

@@ -12,7 +12,7 @@ export class TextField {
     this.attributes["data-attribute"] = attribute;
   }
 
-  get render(): string {
+  get renderWrapper(): string {
     return `<input type='text' ${htmlAttributes(this.attributes)} value='${this.state[this.attribute] || ""}'/>`;
   }
 

data/lib/clapton/javascripts/src/components/text.spec.ts

@@ -3,10 +3,10 @@ import { Text } from "./text"
 
 describe("Text", () => {
   it("returns empty string if no params", () => {
-    expect(new Text("").render).toBe("")
+    expect(new Text("").renderWrapper).toBe("")
   })
 
   it("returns value", () => {
-    expect(new Text("bar").render).toBe("bar")
+    expect(new Text("bar").renderWrapper).toBe("bar")
   })
 })

data/lib/clapton/javascripts/src/components/text.ts

@@ -5,7 +5,7 @@ export class Text {
     this.value = value;
   }
 
-  get render(): string {
+  get renderWrapper(): string {
     return this.value;
   }
 }

data/lib/clapton/javascripts/src/dom/update-component.ts

@@ -6,5 +6,5 @@ export const updateComponent = async (component: HTMLElement, state: any, proper
   const module = await import(`${componentName}`);
   const ComponentClass = module[componentName] as any;
   const instance = new ComponentClass(state, component.dataset.id);
-  morphdom(component, instance.render);
+  morphdom(component, instance.renderWrapper);
 };

data/lib/clapton/test_helper/base.rb

@@ -18,7 +18,7 @@ module Clapton
         Box, Text, TextField, Button, DateTimeField, BlockQuote, Checkbox, Code, Element, Emphasis, Form, Heading, Image, Link, List, ListItem, OrderedList, Paragraph, Quote, RadioButton, Select, Span, Embed, Bold, TextArea
     };")
         context = ExecJS.compile(js)
-        html = context.eval("new #{component.name.camelize}(#{params.to_json}).render")
+        html = context.eval("new #{component.name.camelize}(#{params.to_json}).renderWrapper")
         @page = Capybara.string(html)
       end
 

data/lib/clapton/version.rb

@@ -1,4 +1,4 @@
 module Clapton
-  VERSION = '0.0.17'
+  VERSION = '0.0.19'
 end
 

data/lib/rails/generators/clapton_generator.rb

@@ -7,6 +7,8 @@ module Rails
         create_file "app/components/#{file_name}_component.rb" do
           <<~RUBY
           class #{class_name}Component < Clapton::Component
+            def render
+            end
           end
           RUBY
         end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: clapton
 version: !ruby/object:Gem::Version
-  version: 0.0.17
+  version: 0.0.19
 platform: ruby
 authors:
 - Moeki Kawakami