glimmer-dsl-opal 0.0.4 → 0.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4abedea4353104a18359a2131eee38b7cff23498f246e35ddec92380798c5555
-  data.tar.gz: cbba1e1d0b89ebd01c9ddba94cfbeeee5359f93b985e192d826829369794c85e
+  metadata.gz: 62c893d845b584b5b303dd5070b67b5042656159dbc1e4124fcc20fdaa469a8e
+  data.tar.gz: 192f1904a065a6add1e2cffba0a3514dc8b178746b0f6b350e7973d88a9ac86d
 SHA512:
-  metadata.gz: 8223f782d4e4daeefa03081e95b54fc4ab0e9782825a4fd4c17d041d73284c7bf1c78a3141defa526b648e5d6ab41b63ffafea610584d235f7f6b29adb21d3ca
-  data.tar.gz: d8f62269cc84ae305f3e6cbd74d371272008d7ed1f6d2d8bb44b3fb95cc96247c7628fb95f788a19e2e30d67aedf017dfc19e82b8467af349d000013caa05219
+  metadata.gz: 895dda95906afa3738c34c927cc85600bcfb13a04f4e71ddc261221eeb6c0043f2b10f95561e9b03895a3ec7aa2b4c1a90c3c54667aacbc30b307fabdb569654
+  data.tar.gz: da8bf5fa194f983e53190d45246dfecb6add28fd20bec9ea1e2cf413716ad44f256d41674882f59823b32d1576964bdf387b96ef683fdf90196469137757a18d

data/README.md

@@ -1,5 +1,5 @@
 
-# <img src="https://raw.githubusercontent.com/AndyObtiva/glimmer/master/images/glimmer-logo-hi-res.png" height=65 /> Glimmer DSL for Opal 0.0.4 (Web GUI for Desktop Apps)
+# <img src="https://raw.githubusercontent.com/AndyObtiva/glimmer/master/images/glimmer-logo-hi-res.png" height=65 /> Glimmer DSL for Opal 0.0.5 (Web GUI for Desktop Apps)
 [![Gem Version](https://badge.fury.io/rb/glimmer-dsl-opal.svg)](http://badge.fury.io/rb/glimmer-dsl-opal)
 [![Join the chat at https://gitter.im/AndyObtiva/glimmer](https://badges.gitter.im/AndyObtiva/glimmer.svg)](https://gitter.im/AndyObtiva/glimmer?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 
@@ -7,12 +7,13 @@
 
 It enables running [Glimmer](https://github.com/AndyObtiva/glimmer) desktop apps on the web via [Rails](https://rubyonrails.org/) 5 and [Opal](https://opalrb.com/) 1.
 
-NOTE: Alpha Version 0.0.4 only supports capabilities below (detailed under [Examples](#examples)):
+NOTE: Alpha Version 0.0.5 only supports capabilities below (detailed under [Examples](#examples)):
 - [Hello, World!](#hello-world)
 - [Hello, Combo!](#hello-combo)
 - [Hello, Computed!](#hello-computed)
 - [Hello, List Single Selection!](#hello-list-single-selection)
 - [Hello, List Multi Selection!](#hello-list-multi-selection)
+- [Hello, Browser!](#hello-browser)
 
 Other Glimmer DSL gems:
 - [glimmer-dsl-swt](https://github.com/AndyObtiva/glimmer-dsl-swt): Glimmer DSL for SWT (Desktop GUI)
@@ -30,6 +31,7 @@ The following keywords from [glimmer-dsl-swt](https://github.com/AndyObtiva/glim
 - `text`
 - `composite`
 - `list` & `list(:multi)`
+- `browser`
 - `grid_layout`
 - `layout_data`
 
@@ -54,7 +56,7 @@ Add the following to `Gemfile` (NOTE: if you run into issues, they are probably
 ```
 gem 'opal-rails'
 gem 'opal-browser'
-gem 'glimmer-dsl-opal', '~> 0.0.4', require: false
+gem 'glimmer-dsl-opal', '~> 0.0.5', require: false
 ```
 
 Edit `config/initializers/assets.rb` and add:
@@ -395,6 +397,37 @@ You should see "Hello, List Multi Selection!"
 
 ![Glimmer DSL for Opal Hello List Multi Selection](images/glimmer-dsl-opal-hello-list-multi-selection.png)
 
+### Hello, Browser!
+
+Add the following Glimmer code to `app/assets/javascripts/application.js.rb`
+
+```ruby
+include Glimmer
+
+shell {
+  minimum_size 1024, 860
+  browser {
+    url 'http://brightonresort.com/about'
+  }
+}.open
+```
+Glimmer app on the desktop (using [`glimmer-dsl-swt`](https://github.com/AndyObtiva/glimmer-dsl-swt) gem):
+
+![Glimmer DSL for Opal Hello Browser](https://github.com/AndyObtiva/glimmer/raw/master/images/glimmer-hello-browser.png)
+
+Glimmer app on the web (using `glimmer-dsl-opal` gem):
+
+Start the Rails server:
+```
+rails s
+```
+
+Visit `http://localhost:3000`
+
+You should see "Hello, Browser!"
+
+![Glimmer DSL for Opal Hello Browser](images/glimmer-dsl-opal-hello-browser.png)
+
 ## Help
 
 ### Issues

data/VERSION

@@ -1 +1 @@
-0.0.4
+0.0.5

data/lib/glimmer/dsl/opal/browser_expression.rb

@@ -0,0 +1,17 @@
+require 'glimmer/dsl/static_expression'
+require 'glimmer/dsl/parent_expression'
+require 'glimmer/opal/iframe_proxy'
+
+module Glimmer
+  module DSL
+    module Opal
+      class BrowserExpression < StaticExpression
+        include ParentExpression
+
+        def interpret(parent, keyword, *args, &block)
+          Glimmer::Opal::IframeProxy.new(parent, args)
+        end
+      end
+    end
+  end
+end

data/lib/glimmer/dsl/opal/dsl.rb

@@ -16,6 +16,7 @@ require 'glimmer/dsl/opal/widget_listener_expression'
 require 'glimmer/dsl/opal/grid_layout_expression'
 require 'glimmer/dsl/opal/text_expression'
 require 'glimmer/dsl/opal/list_expression'
+require 'glimmer/dsl/opal/browser_expression'
 require 'glimmer/dsl/opal/layout_data_expression'
 require 'glimmer/dsl/opal/list_selection_data_binding_expression'
 

data/lib/glimmer/opal/document_proxy.rb

@@ -1,9 +1,11 @@
 require 'glimmer/opal/element_proxy'
+require 'glimmer/opal/point'
 
 module Glimmer
   module Opal
     class DocumentProxy < ElementProxy
       # TODO consider renaming to ShellProxy to match SWT API
+      attr_reader :minimum_size
     
       def initialize(args)
         @args = args
@@ -23,6 +25,11 @@ module Glimmer
           $document.title = value
         end
       end
+      
+      def minimum_size=(width_or_minimum_size, height = nil)
+        @minimum_size = height.nil? ? width_or_minimum_size : Point.new(width_or_minimum_size, height)
+        redraw
+      end
 
       def head_dom
         # TODO make grid-layout support grab excess space false
@@ -30,6 +37,19 @@ module Glimmer
           head {
             <<~CSS
             <style>
+              html {
+                width: 100%;
+                height: 100%;
+              }
+              body {
+                width: 100%;
+                height: 100%;
+                margin: 0;
+              }
+              body > iframe {
+                width: 100%;
+                height: 100%;
+              }
               ul {
                 list-style: none;
                 padding: 0;
@@ -53,8 +73,11 @@ module Glimmer
       end
 
       def dom
+        i = 0
+        body_style = ''
+        body_style += "min-width: #{@minimum_size.x}px; min-height: #{@minimum_size.y}px;" if @minimum_size
         @dom ||= DOM {
-          body {
+          body(style: body_style) {
           }
         }
       end

data/lib/glimmer/opal/element_proxy.rb

@@ -22,9 +22,13 @@ module Glimmer
       end
 
       def redraw
-        old_dom = @dom
-        @dom = nil
-        old_dom.replace dom
+        if @dom
+          old_dom = @dom
+          @dom = nil
+          old_dom.replace dom
+        else
+          dom
+        end
       end
       
       # Subclasses must override with their own mappings

data/lib/glimmer/opal/iframe_proxy.rb

@@ -0,0 +1,23 @@
+require 'glimmer/opal/element_proxy'
+
+module Glimmer
+  module Opal
+    class IframeProxy < ElementProxy
+      attr_reader :url
+      
+      def url=(value)
+        @url = value
+        redraw
+      end
+    
+      def dom
+        iframe_id = id
+        iframe_url = url
+        @dom ||= DOM {
+          iframe(src: iframe_url, frameBorder: 0) {
+          }
+        }
+      end      
+    end
+  end
+end

data/lib/glimmer/opal/point.rb

@@ -0,0 +1,5 @@
+module Glimmer
+  module Opal
+    Point = Struct.new(:x, :y)
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glimmer-dsl-opal
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.0.5
 platform: ruby
 authors:
 - AndyMaleh
@@ -176,6 +176,7 @@ files:
 - lib/glimmer/dsl/expression.rb
 - lib/glimmer/dsl/expression_handler.rb
 - lib/glimmer/dsl/opal/bind_expression.rb
+- lib/glimmer/dsl/opal/browser_expression.rb
 - lib/glimmer/dsl/opal/button_expression.rb
 - lib/glimmer/dsl/opal/combo_expression.rb
 - lib/glimmer/dsl/opal/combo_selection_data_binding_expression.rb
@@ -201,10 +202,12 @@ files:
 - lib/glimmer/opal/element_proxy.rb
 - lib/glimmer/opal/event_listener_proxy.rb
 - lib/glimmer/opal/grid_layout_proxy.rb
+- lib/glimmer/opal/iframe_proxy.rb
 - lib/glimmer/opal/input_proxy.rb
 - lib/glimmer/opal/label_proxy.rb
 - lib/glimmer/opal/layout_data_proxy.rb
 - lib/glimmer/opal/list_proxy.rb
+- lib/glimmer/opal/point.rb
 - lib/glimmer/opal/property_owner.rb
 - lib/glimmer/opal/select_proxy.rb
 - lib/samples/elaborate/contact_manager.rb