Xomponent 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: c59fc50da9a7a9168b7cb30fc1b6b7646699c6f0639c19ec4606209167cadd05
+  data.tar.gz: 7b2707c7132a5beeb1538565f9e0584930794a71b02cbd1706060e17923ad8cc
+SHA512:
+  metadata.gz: e3412da105e271392edb7af6a68b94822c5997d45ffdc7abab0f8c3bcb33f8fad8a90e630a4dd68d5e5d8b0bd828bfbd5eb54c1d73ba70c5bf35b9ade04c4a7c
+  data.tar.gz: 4c31de324f5e10fb377fdd024872a1b94ce075ade6b71b99db9b4189712e81b818aa7bed2e3138f368edcb77d1e63ff71b1fff78dec19600b8340a004fdce788

data/.gitignore

@@ -0,0 +1,8 @@
+/.bundle/
+/.yardoc
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/Gemfile

@@ -0,0 +1,6 @@
+source "https://rubygems.org"
+
+git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
+
+# Specify your gem's dependencies in Xomponent.gemspec
+gemspec

data/Gemfile.lock

@@ -0,0 +1,20 @@
+PATH
+  remote: .
+  specs:
+    Xomponent (0.1.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    rake (10.5.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  Xomponent!
+  bundler (~> 1.16)
+  rake (~> 10.0)
+
+BUNDLED WITH
+   1.16.2

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 myun2
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,60 @@
+# Xomponent
+
+**Ruby based React rendering** system.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'Xomponent'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install Xomponent
+
+## Usage
+
+Write follow code example name 'app.rb'
+
+```rb
+require 'Xomponent/server'
+require 'Xomponent/React'
+
+class Hello
+  def render
+    <<-EOS
+<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
+<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
+<div id="app"/>
+<script>#{Xomponent::React.render_to_app(Xomponent::React.new('div', '"Hello Xomponent."'))}</script>
+    EOS
+  end
+end
+
+puts 'Run Xomponent server at 2998'
+Xomponent::Server.new(2998, Hello.new)
+```
+
+And execute `ruby app.rb` and access to http://localhost:2998 in your browser.
+
+More example code is https://github.com/myun2/Xomponent/blob/master/examples/app.rb
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/Xomponent.
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+task :default => :spec

data/Xomponent.gemspec

@@ -0,0 +1,28 @@
+
+lib = File.expand_path("../lib", __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require "Xomponent/version"
+
+Gem::Specification.new do |spec|
+  spec.name          = "Xomponent"
+  spec.version       = Xomponent::VERSION
+  spec.authors       = ["myun2"]
+  spec.email         = ["myun2@mbr.nifty.com"]
+
+  spec.summary       = %q{Ruby based react rendering system}
+  spec.description   = %q{Ruby based react rendering system}
+  spec.homepage      = "https://github.com/myun2/Xomponent"
+  spec.license       = "MIT"
+
+  # Specify which files should be added to the gem when it is released.
+  # The `git ls-files -z` loads the files in the RubyGem that have been added into git.
+  spec.files         = Dir.chdir(File.expand_path('..', __FILE__)) do
+    `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  end
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.16"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "Xomponent"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/examples/app.rb

@@ -0,0 +1,46 @@
+require 'Xomponent/server'
+require 'Xomponent/Document'
+require 'Xomponent/Style'
+require 'Xomponent/React'
+
+class Example
+  class Style < Xomponent::Style
+    def initialize
+      super
+      reset!
+      add :header, {
+        "background-color" => "#1c1b1f",
+        "color" => "#fff", "font-size" => "2em"
+      }
+      add :main, margin: "4px"
+    end
+  end
+
+  class Document < Xomponent::Document
+    def initialize
+      super
+      self.title_content = 'Xomponent'
+      self.style_content = Example::Style.new.render
+      self.head_inner =
+        '<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>' +
+        '<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>'
+      self.script_content = Xomponent::React.render_to_id(app)
+    end
+
+    def app
+      content = header.render + ',' + main.render
+      Xomponent::React.new(:div, content, className: 'container')
+    end
+
+    def header
+      Xomponent::React.new('header', '"Xomponent"')
+    end
+
+    def main
+      Xomponent::React.new('main', '"Hello."')
+    end
+  end
+end
+
+puts 'Run Xomponent server at 2998'
+Xomponent::Server.new(2998, Example::Document.new)

data/examples/hello.rb

@@ -0,0 +1,16 @@
+require 'Xomponent/server'
+require 'Xomponent/React'
+
+class Hello
+  def render
+    <<-EOS
+<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
+<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
+<div id="app"/>
+<script>#{Xomponent::React.render_to_app(Xomponent::React.new('div', '"Hello Xomponent."'))}</script>
+    EOS
+  end
+end
+
+puts 'Run Xomponent server at 2998'
+Xomponent::Server.new(2998, Hello.new)

data/exe/Xomponent

@@ -0,0 +1,9 @@
+#!/usr/bin/env ruby
+require "bundler/setup"
+require "Xomponent/version"
+
+if ARGV[0] == 'serv'
+  require 'Xomponent/serv'
+  puts 'Run Xomponent server at 2998'
+  Xomponent::Serv.new(2998)
+end

data/lib/Xomponent.rb

@@ -0,0 +1,3 @@
+require "Xomponent/version"
+module Xomponent
+end

data/lib/Xomponent/Document.rb

@@ -0,0 +1,27 @@
+require 'Xomponent/Element'
+
+module Xomponent
+  class Document
+    attr_writer :title_content, :head_inner, :style_content, :script_content
+    DOCTYPE = '<!DOCTYPE html>'
+
+    def method_missing(name, **args, &block)
+      Element.new(name, args, &block)
+    end
+
+    def head_content
+      title { @title_content } +
+      style { @style_content } + (@head_inner || '')
+    end
+
+    def render
+      DOCTYPE + html {
+        head { head_content } +
+        body {
+          div(id: :app) +
+          script { @script_content }
+        }
+      }
+    end
+  end
+end

data/lib/Xomponent/Element.rb

@@ -0,0 +1,11 @@
+module Xomponent
+  class Element
+    def self.new(name, **args)
+      attrs = args.map do |name, value|
+        " #{name}=\"#{value}\""
+      end.join()
+
+      "<#{name}#{attrs}>#{yield if block_given?}</#{name}>"
+    end
+  end
+end

data/lib/Xomponent/React.rb

@@ -0,0 +1,29 @@
+require 'json'
+
+module Xomponent
+  class React
+    attr_accessor :tag, :body, :params
+
+    def initialize(tag = :div, body = 'null', **params)
+      @tag = tag
+      @body = body
+      @params = params
+    end
+
+    def render
+      "React.createElement('#{tag}',#{JSON.dump(params)},#{body})"
+    end
+
+    def self.render(component, target)
+      "ReactDOM.render(#{component.render},#{target});"
+    end
+
+    def self.render_to_id(component, id = 'app')
+      "ReactDOM.render(#{component.render},document.getElementById('#{id}'));"
+    end
+
+    def self.render_to_app(component, id = 'app')
+      "ReactDOM.render(#{component.render},document.getElementById('#{id}'));"
+    end
+  end
+end

data/lib/Xomponent/Style.rb

@@ -0,0 +1,24 @@
+module Xomponent
+  class Style
+    attr_writer :s
+    def initialize
+      @s = ''
+    end
+
+    def reset!
+      @s = "body{margin:0;font-family:sans-serif}"
+    end
+
+    def add(selector, styles)
+      styles_str = styles.map do |name, value|
+        "#{name}:#{value}"
+      end.join(';')
+
+      @s += "#{selector}{#{styles_str}}"
+    end
+
+    def render
+      @s
+    end
+  end
+end

data/lib/Xomponent/server.rb

@@ -0,0 +1,24 @@
+require 'socket'
+
+module Xomponent
+  class Server
+    def initialize(port, content)
+      server = TCPServer.new port.to_i
+      loop do
+        client = server.accept
+        headers = []
+        while header = client.gets
+          break if header.chomp.empty?
+          headers << header.chomp
+        end
+        p headers
+
+        client.puts "HTTP/1.0 200 OK"
+        client.puts "Content-Type: text/html"
+        client.puts
+        client.puts content.render
+        client.close
+      end
+    end
+  end
+end

data/lib/Xomponent/version.rb

@@ -0,0 +1,3 @@
+module Xomponent
+  VERSION = "0.1.0"
+end

metadata

@@ -0,0 +1,92 @@
+--- !ruby/object:Gem::Specification
+name: Xomponent
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- myun2
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2018-11-05 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.16'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.16'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: Ruby based react rendering system
+email:
+- myun2@mbr.nifty.com
+executables:
+- Xomponent
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- Gemfile.lock
+- LICENSE.txt
+- README.md
+- Rakefile
+- Xomponent.gemspec
+- bin/console
+- bin/setup
+- examples/app.rb
+- examples/hello.rb
+- exe/Xomponent
+- lib/Xomponent.rb
+- lib/Xomponent/Document.rb
+- lib/Xomponent/Element.rb
+- lib/Xomponent/React.rb
+- lib/Xomponent/Style.rb
+- lib/Xomponent/server.rb
+- lib/Xomponent/version.rb
+homepage: https://github.com/myun2/Xomponent
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.7.6
+signing_key: 
+specification_version: 4
+summary: Ruby based react rendering system
+test_files: []