kamiliff 0.9.1 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d54d4db13aebe2f67af89450339aeef983ea29398b09e0e7860f5ec9e9af06b2
-  data.tar.gz: eeba26bda1ac6981c7f2414a197cf9674646bb407ca397b99eb3cb53433254b7
+  metadata.gz: 915f5ef08af7a80fe0bf398fc6904af20bd1724293e185ae9c8e5d32d2fc83bd
+  data.tar.gz: 6b2c561c64d3fc1837415e56713ec3619a68e8c060b5d8d54e7ba728ba58e933
 SHA512:
-  metadata.gz: 28cfb4e7b0e0f3e09d115a2f07f3fe93d6bc2e4e502f8386061019fcd80270e4589b0f24af43dd489d8b60f76b2abce22d5c30a59acbd404c9308e31f4927969
-  data.tar.gz: 8e5d40223c25b996d44e47ae382277bea2f03b4a5e28ca939a65702fe24929dda3e991ca086e944ddc062902af87c635c057f2f0cbee9607024785c8a5115198
+  metadata.gz: 3e5bf4fd8a2d00cfd03b90607f2f1c1515fba3d9eb9e497db9a99f7abd1d66ea9caa6d012bce2523086cb9280a0fc54e4b099bbc5301c57ddbda015d11b786e4
+  data.tar.gz: 37053aa17374dc5febb260edc964224cfda343e96818499b74acdd5bc0c0081c637b0ec1436f588df39f687825a14a08acc2840b12ebd86d22c2a6b01d9f25a6

data/README.md

@@ -13,7 +13,7 @@ Kamiliff make LIFF easy to use.
 gem 'kamiliff'
 ```
 
-login to line developers, and create 3 LIFF for 3 different size.
+Login to line developers, and create 3 LIFF for 3 different size.
 
 - for compact
   - name: Compact
@@ -30,7 +30,7 @@ login to line developers, and create 3 LIFF for 3 different size.
   - size: Full
   - Endpoint URL: https://yourwebsite/liff
 
-and then copy the result to enviroment parameters:
+And then copy the result to enviroment parameters:
 
 ```
 LIFF_COMPACT=line://app/for_compact_liff_id
@@ -40,27 +40,11 @@ LIFF_FULL=line://app/for_full_liff_id
 
 ## Usage
 
-### Implement LIFF View
-
-Kamiliff using view format `.liff`, so you can reuse exists controller and model, you can create a LIFF form by only adding a new view file.
-
-Suppose you have a resource `todos`, you want to create a liff form for `todos/new`, so you create a file `app/views/todos/new.liff.erb`, the content is as follows:
-
-```
-<% content_for :title, "new todo" %>
-
-<%= render "todos/form.html", todo: @todo %>
-
-<%= link_to "test", liff_path(path: '/todos/new') %>
-```
-
-You can test the form at [localhost:3000/todos/new.liff](localhost:3000/todos/new.liff)
-
 ### Generate LIFF Link
 
 You can change any path to liff by `liff_path` method.
 
-for example:
+For example:
 
 ```
 liff_path(path: '/todos/new')
@@ -76,8 +60,36 @@ liff_path(path: '/todos/new', liff_size: :full)
 
 liff_path method add format :liff automatically.
 
+### Implement LIFF View
+
+Kamiliff using view format `.liff`, so you can reuse exists controller and model, you can create a LIFF form by only adding a new view file.
+
+Suppose you have a resource `todos`, you want to create a liff form for `todos/new`, so you create a file `app/views/todos/new.liff.erb`, the content is as follows:
+
+```
+<% content_for :title, "new todo" %>
+
+<%= render "todos/form.html", todo: @todo %>
+```
+
+You can test the form at [localhost:3000/todos/new.liff](localhost:3000/todos/new.liff)
+
+### Receive LIFF Submit Event And Send Message
+
+You need to add those js to handle the `liff_submit` event when user submit a form in LIFF.
+
+``` js
+window.addEventListener("liff_submit", function(event){
+  var json = JSON.stringify(event.detail.data);
+  var url = event.detail.url;
+  var method = event.detail.method;
+  var request_text = method + " " + url + "\n" + json;
+  liff_send_text_message(request_text);
+});
+```
+
 ## Author
-create by [etrex](https://etrex.tw)
+Create by [etrex](https://etrex.tw)
 
 ## License
 The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/app/assets/javascripts/kamiliff.js

@@ -14,7 +14,7 @@ function liff_send_text_message(text){
   });
 }
 
-$(function(){
+function register_kamiliff_submit(){
   function dispatch_liff_event(data){
     var event = new CustomEvent('liff_submit', { 'detail': data });
     window.dispatchEvent(event);
@@ -54,4 +54,4 @@ $(function(){
     })
     o[last_key] = value;
   }
-});
+}

data/app/controllers/liff_controller.rb

@@ -1,10 +1,17 @@
 
 class LiffController < ApplicationController
-  layout false
+  # layout :liff
+  layout false, only: :route
+
 
   def entry
     query = Rack::Utils.parse_nested_query(request.query_string)
-    @body = reserve_route(query["path"], format: :liff)
+    @path = query["path"]
+  end
+
+  def route
+    path = params["path"]
+    @body = reserve_route(path, format: :liff)
   end
 
   private

data/app/views/layouts/{application.liff.erb → liff.html.erb}

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title><%= yield(:title) || "Todo" %></title>
+    <title>Loading...</title>
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
     <meta name="viewport" content="width=device-width, initial-scale=1" >
@@ -14,11 +14,9 @@
     <script src="https://d.line-scdn.net/liff/1.0/sdk.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
     <%= javascript_include_tag 'kamiliff', 'data-turbolinks-track': 'reload' %>
+    <%= yield(:js) %>
   </head>
 
-  <body>
-    <div class="container-fluid">
-      <%= yield %>
-    </div>
+  <body id="liff_body">
   </body>
 </html>

data/app/views/liff/entry.html.erb

@@ -1 +1,51 @@
-<%= raw @body %>
+<% content_for :js do %>
+<script>
+(function(){
+  function append_csrf(data){
+    var csrf_param = undefined;
+    var csrf_token = undefined;
+    var metas = document.getElementsByTagName("META");
+    for(var i = 0 ; i < metas.length ; i++){
+      var meta = metas[i];
+      if(meta.getAttribute('name') == 'csrf-param'){
+        csrf_param = meta.content;
+      }
+      if(meta.getAttribute('name') == 'csrf-token'){
+        csrf_token = meta.content;
+      }
+    }
+    if(csrf_param != undefined && csrf_token != undefined){
+      data[csrf_param] = csrf_token;
+    }
+    return data;
+  }
+
+  function render_body(body){
+    $("#liff_body").html(body);
+  }
+
+  function route(data){
+    $.ajax({
+      type: "POST",
+      url: '/liff_route',
+      data: append_csrf(data)
+    }).done(function(html){
+      render_body(html);
+      register_kamiliff_submit();
+    }).fail(function(e){
+      alert("on error: " + JSON.stringify(e));
+    });
+  }
+
+  liff.init(
+    data => {
+      data.path = '<%= @path %>';
+      route(data);
+    },
+    err => {
+      alert("Please open this url in Line.");
+    }
+  );
+})();
+</script>
+<% end %>

data/app/views/liff/route.html.erb

@@ -0,0 +1 @@
+<%= raw @body %>

data/config/routes.rb

@@ -1,4 +1,5 @@
 Rails.application.routes.draw do
   # liff
-  get 'liff', to: 'liff#entry'
+  get 'liff_entry', to: 'liff#entry'
+  post 'liff_route', to: 'liff#route'
 end

data/lib/kamiliff/version.rb

@@ -1,3 +1,3 @@
 module Kamiliff
-  VERSION = '0.9.1'
+  VERSION = '0.10.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: kamiliff
 version: !ruby/object:Gem::Version
-  version: 0.9.1
+  version: 0.10.0
 platform: ruby
 authors:
 - etrex kuo
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-03-12 00:00:00.000000000 Z
+date: 2019-03-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -37,8 +37,9 @@ files:
 - app/assets/javascripts/kamiliff.js
 - app/controllers/liff_controller.rb
 - app/helpers/liff_helper.rb
-- app/views/layouts/application.liff.erb
+- app/views/layouts/liff.html.erb
 - app/views/liff/entry.html.erb
+- app/views/liff/route.html.erb
 - config/initializers/assets.rb
 - config/initializers/mime_types.rb
 - config/routes.rb