inesita 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d283f4594d9a35e4808267be7a702cab87f59323
-  data.tar.gz: 68236caf4fcf0c4fd5895bffc4d0a4acc938dedf
+  metadata.gz: 3d3909fa440874cd1f0df998382f07bb79399344
+  data.tar.gz: 231bf829dcdc7d2316133b94c146513ee04369d1
 SHA512:
-  metadata.gz: 5b8f1f9ee694c16e0a453c80f88674e3d4c9915c25e16bebf10cd37aba6cf94bccc43c76febc86ffa6a1422fbd7ad8ad58676e9e4eb86bc9a0d2161c8318310e
-  data.tar.gz: 0a63c1af4fba826d919489a225f8285a4c5582fae1092058e055fa64a398f0ca90c9ebeeb4597a5adf14f929ae5de203aa412665ca9bcd17b046b973211a6465
+  metadata.gz: d1e291ba6e0fa81c9616001debbd19c79f26e0152f5a9564c0440644002b8a1c96594a940e8e58f717e7aca90d815838ae49a4de8b5878753f5ea3be14254361
+  data.tar.gz: 00e5ac2d3da8824231421ea9feddc1c188ed81b03bb3dd9941adffbe5d0a5cb597e86446627926316edaf1d53c6f3a938b887e85181ab3980212d9161632493d

data/README.md

@@ -1,86 +1,32 @@
+!!! WORK IN PROGRESS !!!
+
 # Inesita [![Gem Version](https://badge.fury.io/rb/inesita.svg)](http://badge.fury.io/rb/inesita) [![Code Climate](https://codeclimate.com/github/fazibear/opal-virtual-dom/badges/gpa.svg)](https://codeclimate.com/github/fazibear/inesita)
 
 Frontend web framework for Opal
 
-## requiments
-
-This wrapper require to load [virtual-dom](https://github.com/Matt-Esch/virtual-dom) first. For example you can use rails assets.
-
-```ruby
-source 'https://rails-assets.org' do
-  gem 'rails-assets-virtual-dom'
-end
-```
-
 ## usage
 
-Server side (config.ru, Rakefile, Rails, Sinatra, etc.)
+Install Inesita
 
-```ruby
-require 'inesita'
+```sh
+$ gem install inesita
 ```
 
-Browser side
-
-```ruby
-require 'opal'
-require 'virtual-dom' # required by opal-virtual-dom javascript library
-require 'browser'     # not required
-require 'inesita'
-
-class CounterNumber
-  include Inesita::Component
-  attr_reader :number
+Generate Inesita new app
 
-  def initialize(number)
-    @number = number
-  end
-
-  def random_style
-    {
-      color: %w(red green blue).sample
-    }
-  end
-
-  def render
-    span style: random_style do
-      text number
-    end
-  end
-end
-
-class Counter
-  include Inesita::Component
-  attr_reader :count
+```sh
+$ inesita new my_app
+```
 
-  def initialize(count = 0)
-    @count = count
-  end
+Launch Inesita server
 
-  def inc
-    @count += 1
-    update
-  end
+```sh
+$ cd my_app
+$ bundle exec inesita server
+```
 
-  def dec
-    @count -= 1
-    update
-  end
+Go to [http://localhost:9292/](http://localhost:9292/)
 
-  def render
-    div do
-      button onclick: -> { dec } do
-        text '-'
-      end
-      component CounterNumber.new(count)
-      button onclick: -> { inc } do
-        text '+'
-      end
-    end
-  end
-end
+## example
 
-$document.ready do
-  Counter.new.mount($document.body)
-end
-```
+[More detailed example Inesita app](https://github.com/fazibear/inesita-example)

data/bin/inesita

@@ -0,0 +1,5 @@
+#!/usr/bin/env ruby
+
+require 'inesita/cli'
+
+InesitaCLI.start(ARGV)

data/inesita.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |s|
   s.name        = 'inesita'
-  s.version     = '0.0.2'
+  s.version     = '0.0.3'
   s.authors     = [ 'Michał Kalbarczyk' ]
   s.email       = 'fazibear@gmail.com'
   s.homepage    = 'http://github.com/fazibear/inesita'
@@ -14,5 +14,8 @@ Gem::Specification.new do |s|
 
   s.add_dependency 'opal'
   s.add_dependency 'opal-virtual-dom'
+  s.add_dependency 'slim'
+  s.add_dependency 'sass'
+  s.add_dependency 'thor'
   s.add_development_dependency 'rake'
 end

data/lib/inesita.rb

@@ -1,4 +1,9 @@
 require 'opal'
-
 Opal.append_path File.expand_path('../../opal', __FILE__)
 Opal.use_gem 'opal-virtual-dom'
+
+require 'opal-virtual-dom'
+require 'slim'
+require 'sass'
+
+require 'inesita/server'

data/lib/inesita/cli.rb

@@ -0,0 +1,6 @@
+require 'thor'
+require 'rack'
+
+require 'inesita/cli/build'
+require 'inesita/cli/server'
+require 'inesita/cli/new'

data/lib/inesita/cli/build.rb

@@ -0,0 +1,12 @@
+class InesitaCLI < Thor
+
+  check_unknown_options!
+
+  namespace :build
+
+  desc "build [OPTIONS]", "Build Inesita app"
+
+  def build
+    puts 'building'
+  end
+end

data/lib/inesita/cli/new.rb

@@ -0,0 +1,31 @@
+class InesitaCLI < Thor
+  include Thor::Actions
+
+  check_unknown_options!
+
+  namespace :new
+
+  desc "new PROJECT_NAME", "Create Inesita app"
+
+  def new(project_dir)
+    empty_directory project_dir
+    copy_file       'template/config.ru', File.join(project_dir, 'config.ru'), force: options[:force]
+    copy_file       'template/Gemfile', File.join(project_dir, 'Gemfile'), force: options[:force]
+
+    empty_directory File.join(project_dir, 'app')
+    copy_file       'template/app/index.html.slim', File.join(project_dir, 'app', 'index.html.slim')
+    copy_file       'template/app/application.js.rb', File.join(project_dir, 'app', 'application.js.rb')
+    copy_file       'template/app/application.css.sass', File.join(project_dir, 'app', 'application.css.sass')
+
+    empty_directory File.join(project_dir, 'app', 'components')
+    copy_file       'template/app/components/welcome_component.rb', File.join(project_dir, 'app', 'components', 'welcome_controller.rb')
+
+    inside project_dir do
+      run 'bundle install'
+    end
+  end
+
+  def self.source_root
+    File.dirname(__FILE__)
+  end
+end

data/lib/inesita/cli/server.rb

@@ -0,0 +1,21 @@
+class InesitaCLI < Thor
+
+  check_unknown_options!
+
+  namespace :server
+
+  desc "server [OPTIONS]", "Starts Inesita server"
+  method_option :port,
+                aliases: '-p',
+                default: 9292,
+                desc: 'The port Inesita will listen on'
+
+  method_option :host,
+                aliases: '-h',
+                default: '127.0.0.1',
+                desc: 'The host address Inesita will bind to'
+
+  def server
+    Rack::Server.start config: 'config.ru', Port: options['port'], Host: options['host']
+  end
+end

data/lib/inesita/cli/template/Gemfile

@@ -0,0 +1,10 @@
+# A sample Gemfile
+source "https://rubygems.org"
+
+gem 'opal-browser'
+gem 'inesita'
+
+source 'https://rails-assets.org' do
+  gem 'rails-assets-bootstrap'
+  gem 'rails-assets-virtual-dom'
+end

data/lib/inesita/cli/template/app/application.css.sass

@@ -0,0 +1 @@
+@import "bootstrap"

data/lib/inesita/cli/template/app/application.js.rb

@@ -0,0 +1,10 @@
+require 'virtual-dom'
+require 'opal'
+require 'browser'
+require 'inesita'
+
+require_tree './components'
+
+$document.ready do
+  WelcomeComponent.new.mount($document['app'])
+end

data/lib/inesita/cli/template/app/components/welcome_component.rb

@@ -0,0 +1,13 @@
+class WelcomeComponent
+  include Inesita::Component
+  def render
+    div class: 'jumbotron text-center' do
+      h1 do
+        text "Hi, I'm Inesita"
+      end
+      h4 do
+        text 'This is a sample component'
+      end
+    end
+  end
+end

data/lib/inesita/cli/template/app/index.html.slim

@@ -0,0 +1,15 @@
+doctype html
+html
+  head
+    title Inesita
+    link href='application.css' rel='stylesheet' type='text/css'
+    - $SCRIPT_FILES.each do |file|
+      script src=file
+    javascript:
+     #{{$LOAD_ASSETS_CODE}}
+  body
+    nav.navbar.navbar-inverse
+      .container
+        .navbar-header
+          a.navbar-brand Project Name
+    #app.container

data/lib/inesita/cli/template/config.ru

@@ -0,0 +1,4 @@
+require 'bundler'
+Bundler.require
+
+run Inesita.server

data/lib/inesita/server.rb

@@ -0,0 +1,49 @@
+module Inesita
+  module_function
+
+  def server
+    Rack::Builder.new do
+      sprockets = Sprockets::Environment.new.tap do |s|
+        # register engines
+        s.register_engine '.slim', Slim::Template
+        s.register_engine '.rb', Opal::Processor
+
+        # add folders
+        s.append_path 'app'
+
+        # add paths from opal
+        Opal.paths.each do |p|
+          s.append_path p
+        end
+
+        # add paths from rails-assets
+        RailsAssets.load_paths.each do |p|
+          s.append_path p
+        end
+
+        s.context_class.class_eval do
+          def asset_path(path, options = {})
+            "#{path}"
+          end
+        end
+      end
+
+      if Opal::Processor.source_map_enabled
+        source_maps_prefix =  '/__OPAL_MAPS__'
+        source_maps = Opal::SourceMapServer.new(sprockets, source_maps_prefix)
+        ::Opal::Sprockets::SourceMapHeaderPatch.inject!(source_maps_prefix)
+
+        map source_maps_prefix do
+          run source_maps
+        end
+      end
+
+      $LOAD_ASSETS_CODE = Opal::Processor.load_asset_code(sprockets, 'application.js')
+      $SCRIPT_FILES = (sprockets['application.js'].dependencies + [sprockets['application.self.js']]).map(&:logical_path)
+
+      map '/' do
+        run sprockets
+      end
+    end
+  end
+end

data/opal/inesita/component.rb

@@ -2,6 +2,10 @@ module Inesita
   module Component
     include VirtualDOM
 
+    def parent(component)
+      @parent = component
+    end
+
     def mount(element)
       @virtual_dom = NodeFactory.new(method(:render), self).nodes.first
       @mount_point = VirtualDOM.create(@virtual_dom)
@@ -9,11 +13,30 @@ module Inesita
     end
 
     def update
-      return unless @virtual_dom && @mount_point
-      new_virtual_dom =  NodeFactory.new(method(:render), self).nodes.first
-      diff = VirtualDOM.diff(@virtual_dom, new_virtual_dom)
-      VirtualDOM.patch(@mount_point, diff)
-      @virtual_dom = new_virtual_dom
+      if @virtual_dom && @mount_point
+        new_virtual_dom =  NodeFactory.new(method(:render), self).nodes.first
+        diff = VirtualDOM.diff(@virtual_dom, new_virtual_dom)
+        VirtualDOM.patch(@mount_point, diff)
+        @virtual_dom = new_virtual_dom
+      else
+        @parent.update
+      end
+    end
+
+    def self.included(base)
+      base.extend(ClassMethods)
+    end
+
+    module ClassMethods
+      def component(name, instance)
+        define_method name do
+          unless instance_variable_get(:"@#{name}")
+            instance_variable_set(:"@#{name}", instance)
+            instance_variable_get(:"@#{name}").parent(self)
+          end
+          instance_variable_get(:"@#{name}")
+        end
+      end
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: inesita
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors:
 - Michał Kalbarczyk
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-07-25 00:00:00.000000000 Z
+date: 2015-07-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
@@ -38,6 +38,48 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: slim
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: thor
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -54,7 +96,8 @@ dependencies:
         version: '0'
 description: Frontent web framework for Opal
 email: fazibear@gmail.com
-executables: []
+executables:
+- inesita
 extensions: []
 extra_rdoc_files: []
 files:
@@ -62,8 +105,20 @@ files:
 - Gemfile
 - README.md
 - Rakefile
+- bin/inesita
 - inesita.gemspec
 - lib/inesita.rb
+- lib/inesita/cli.rb
+- lib/inesita/cli/build.rb
+- lib/inesita/cli/new.rb
+- lib/inesita/cli/server.rb
+- lib/inesita/cli/template/Gemfile
+- lib/inesita/cli/template/app/application.css.sass
+- lib/inesita/cli/template/app/application.js.rb
+- lib/inesita/cli/template/app/components/welcome_component.rb
+- lib/inesita/cli/template/app/index.html.slim
+- lib/inesita/cli/template/config.ru
+- lib/inesita/server.rb
 - opal/inesita.rb
 - opal/inesita/component.rb
 - opal/virtual_dom_extension.rb