pinkman 0.9.8.2 → 0.9.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8a4c207e261eb4c62383ac4a7e7069ca70024f7c
-  data.tar.gz: 0bbc015f3849349e210c007a683f1e3f5bcd6373
+  metadata.gz: df7295f0731183847a15dd00281daf106ffff34d
+  data.tar.gz: 0aca39dd1ab281a14c2b9f0bf9cd593873414eeb
 SHA512:
-  metadata.gz: a0eec236e80927bef711a9b2be9f139dd751151b53fc62d3e71d4e2bcb440881af5204c7b934f21ec555430ffc485983f3e4ba5c835c40390befde51eedabfe0
-  data.tar.gz: 73a09bdeed967df13e7a309d20524d9e306c31c62beaa6d52ed2163549fded7a3afa5cd4ebfad3e5a95897709ba8b0df5c4c746587b9d159fcffbad27b936b7a
+  metadata.gz: 8b619cbcf5625f3b969d10792f2b7a260fb295776995bb3b74bcc270c878c22097e069364ed121e81d337ce9b73cbb2458b1e9b19fc2c2cb409c4975dfcab7fd
+  data.tar.gz: 4fc5c39c776ba02e7ade7470b073118696f8a3f323a4a885a2fca3bedf0b389cbfe359a13140bbc6b01dd1f0d4497a38c6f6360da529c056b657252da93852c3

data/app/assets/javascripts/pinkman.js

@@ -5,8 +5,8 @@
 //= require pinkman_base/object
 //= require pinkman_base/collection
 //= require pinkman_base/render
+//= require pinkman_base/css_and_config
 //= require pinkman_base/controller
 //= require pinkman_base/state
 //= require pinkman_base/router
-//= require pinkman_base/css
 //= require pinkman_base/cable

data/app/assets/javascripts/pinkman_base/common.coffee

@@ -1,9 +1,10 @@
 class window.PinkmanCommon
 
   constructor: (attributesObject) ->
+    @_listening = true
     @initialize(attributesObject) if attributesObject?
 
-  @privateAttributes = ['isPink','isObject','isCollection','pinkey','config','pinkmanType','collections','renderQueue']
+  @privateAttributes = ['isPink','isObject','isCollection','pinkey','config','pinkmanType','collections','renderQueue','_listening']
 
   @mixin: (args...) ->
     Pinkman.mixin(args...)
@@ -46,8 +47,18 @@ class window.PinkmanCommon
     if attr? and value?
       this[attr] = value
       callback(this) if typeof callback == 'function'
-      @reRender() if @_watching
+      @sync(attr) if @_listening
       return this
+      
+  sync: (attribute) ->
+    if attribute? and attribute!=''
+      Pinkman.sync(this, attribute, this[attribute])
+    else
+      Pinkman.sync(this, k, v) for k, v of @attributes()
+    true
+    
+  stop: ->
+    @_listening = no
 
   # Desc: sets the attribute as undefined (destroy attribute)
   unset: (attr,callback) ->
@@ -98,9 +109,6 @@ class window.PinkmanCommon
         template: options + '-template'
         target: options
 
-  watch: () ->
-    @_watching = yes
-
   queue: (options) ->
     options.id = options.template
     @renderQueue = new PinkmanCollection unless @renderQueue?

data/app/assets/javascripts/pinkman_base/{css.coffee → css_and_config.coffee}

@@ -4,4 +4,5 @@ Pinkman.css = (selector,property,value) ->
 
 $(document).ready ->
   unless $('style#pinkman-css-injector').length
-    $('body').append('<style id="pinkman-css-injector" type="text/css"></style>')
+    $('body').append('<style id="pinkman-css-injector" type="text/css">pink{display: inline; margin: 0; padding: 0; color: inherit; background-color: inherit; font: inherit;}</style>')
+    document.createElement('pink') if document.createElement?

data/app/assets/javascripts/pinkman_base/pinkman.coffee

@@ -22,6 +22,9 @@ class window.Pinkman
 
   @isString: (str) ->
     str? and typeof str == 'string'
+  
+  @isPrintable: (value) ->
+    @isString(value) or @isNumber(value)
 
   # --- tools and facilities
 

data/app/assets/javascripts/pinkman_base/render.coffee.erb

@@ -33,9 +33,32 @@ Pinkman.template_engines =
       template = Pinkman.templates.get(template: options.template, engine: options.engine)
     else
       template = new Pinkman.object(template: options.template, engine: options.engine)
-      @compile(options.engine, template, $('#' + options.template).html())
+      @compile(options.engine, template, @templateAdapter($('#' + options.template).html()))
       Pinkman.templates.push(template)
     return(template)
+    
+  
+  # attrAdapterHelper: helper for templateAdapter
+  # Helps formating the pink tag.
+  # The pink tag is a custom html tag. Pinkman uses it for binding an object and for updating the rendered html automatically everytime that attribute is changed.
+  # Used in the replace function below. Take a look.
+  attrAdapterHelper: (match,$1,$2,$3) ->
+    # console.log 'lol'
+    array = $2.split('.')
+    attr = array.pop()
+    array.push('pinkey')
+    pinkey = array.join('.')
+    "#{$1}<pink data-pinkey=\"{{ #{pinkey} }}\" data-attribute=\"#{attr}\">{{ #{$2} }}</pink>#{$3}"
+    
+  # changes templates html to insert binders so pinkman can make realtime updates
+  templateAdapter: (templateBody) ->
+    if templateBody? and templateBody != ''
+      syncRegex = /([^'"]){{(?!\.)(?:\s)*([\w\d.]+)(?:\s)*}}([^'"])/gm
+      content = templateBody.replace(syncRegex,@attrAdapterHelper)
+      escapeSyncingRegex = /{{\./gm
+      content.replace(escapeSyncingRegex,'{{')
+    else
+      ''
 
   context: (options) ->
     options.object = options.context if options.context?
@@ -81,6 +104,23 @@ Pinkman.template_engines =
       options.callback(options.object,content) if options.callback? and typeof options.callback == 'function'
       return(content)
 
+# Pinkman sync:
+
+# what it does: finds every ocorrence of a given attribute 
+# of an object in the html rendered and updates its value.
+
+# input: obj, attribute, value(opcional)
+# output: updates html
+Pinkman.__syncing = new Object
+
+Pinkman.sync = (obj,attribute,value) ->
+  if typeof obj == 'object' and obj.pinkey? and obj[attribute]? and Pinkman.isPrintable(obj[attribute])
+    # clearTimeout(Pinkman.__syncing[attribute]) if Pinkman.__syncing[attribute]?
+    # Pinkman.__syncing[attribute] = sleep 0.5, ->
+    value = obj[attribute] unless value? and value != ''
+    $("pink[data-pinkey='#{obj.pinkey}'][data-attribute='#{attribute}']").html(value)
+
+
 Pinkman.render = (options) ->
   options.reRender = true unless options.reRender? and options.reRender == false
   options.collectionReRender = true unless options.collectionReRender? and options.collectionReRender == false

data/app/helpers/pinkman_helper.rb

@@ -9,7 +9,7 @@ module PinkmanHelper
   def textarea hash, *args
     name = hash[:name]
     content_tag('textarea',hash.merge(data: {pinkey: pinkey, action: name}, value: write(name)), *args) do 
-      raw(write(name))
+      write_and_escape_sync('name')
     end
   end
   
@@ -32,10 +32,14 @@ module PinkmanHelper
   def write string
     raw("{{#{string}}}")
   end
-
-  def w *args
-    write(*args)
+  alias w write
+  
+  
+  
+  def write_and_escape_sync string
+    raw("{{.#{string}}}")
   end
+  alias _w write_and_escape_sync
 
   def pinkey 
     w('pinkey')

data/lib/pinkman/version.rb

@@ -1,3 +1,3 @@
 module Pinkman
-  VERSION = "0.9.8.2"
+  VERSION = "0.9.9"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: pinkman
 version: !ruby/object:Gem::Version
-  version: 0.9.8.2
+  version: 0.9.9
 platform: ruby
 authors:
 - Agilso Oliveira
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-11-17 00:00:00.000000000 Z
+date: 2017-11-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -186,10 +186,10 @@ files:
 - app/assets/javascripts/pinkman_base/collection.coffee
 - app/assets/javascripts/pinkman_base/common.coffee
 - app/assets/javascripts/pinkman_base/controller.coffee
-- app/assets/javascripts/pinkman_base/css.coffee
+- app/assets/javascripts/pinkman_base/css_and_config.coffee
 - app/assets/javascripts/pinkman_base/glue.coffee
 - app/assets/javascripts/pinkman_base/mixins.coffee
-- app/assets/javascripts/pinkman_base/object.js.coffee.erb
+- app/assets/javascripts/pinkman_base/object.coffee.erb
 - app/assets/javascripts/pinkman_base/pinkman.coffee
 - app/assets/javascripts/pinkman_base/render.coffee.erb
 - app/assets/javascripts/pinkman_base/router.coffee