@plotdb/chart 0.0.3 → 2.0.0

package/src/chart.ls

@@ -1,323 +0,0 @@
-svgns = "http://www.w3.org/2000/svg"
-
-parent = (n, s, e) ->
-  m = n
-  while n and n != e => n = n.parentNode # must under e
-  if n != e => return null
-  # if no selector - we are testing if s is under e.
-  if !s => return n
-  # must match s selector
-  n = m
-  while n and n != e and (!n.matches or (n.matches and !n.matches(s))) => n = n.parentNode
-  if n == e and (!e.matches or !e.matches(s)) => return null
-  return n
-
-aniloop = ->
-  @running = false
-  @time = { now: 0, last: 0 }
-  @fps 60
-  @evt-handler = {}
-  @
-
-aniloop.prototype = Object.create(Object.prototype) <<< do
-  on: (n, cb) -> (if Array.isArray(n) => n else [n]).map (n) ~> @evt-handler.[][n].push cb
-  fire: (n, ...v) -> for cb in (@evt-handler[n] or []) => cb.apply @, v
-  reset: -> @time = {now: 0}
-  set-time: (t) -> @time.now = t
-  get-time: -> @time.now
-  is-running: -> @running
-  toggle: ->
-    if it? => @running = !it
-    if @running => @pause! else @run!
-  pause: -> @running = false
-  render: -> @fire \tick, @time.now
-  run: (fps) ->
-    if fps? => @fps fps
-    if @running => return
-    @running = true
-    requestAnimationFrame (t) ~> @handler(@time.last = t, true)
-  throttle: (v = true) -> @is-throttled = v
-  fps: ->
-    if !(it?) => return @_fps_val
-    @_fps_val = it >? 0.01
-    @_fps_delay = 1000 / @_fps_val
-  handler: (t, force = false) ->
-    if !@running => return
-    @time.now = t
-    delay = if @is-throttled => (@_fps_delay >? 1000) else @_fps_delay
-    if force or (@time.now - @time.last) >= delay =>
-      @time.last = t
-      @render!
-    requestAnimationFrame (t) ~> @handler t, false
-
-visibilityObserver = do
-  list: []
-  init: ->
-    @inited = true
-    [h,vc] = if document.hidden? => <[hidden visibilitychange]>
-    else if document.msHidden? => <[hidden visibilitychange]>
-    else if document.webkiHidden? => <[webkitHidden webkitvisibilitychange]>
-    else <[hidden visibilitychange]>
-    document.addEventListener vc, debounce 150, (~>
-      th = !!document[h]
-      #console.log "visibility changed, #{if th => 'enable' else 'disable'} chart aniloop throttling."
-      @list.map -> it.throttle th
-    ), false
-  add: (aniloop) ->
-    if !@inited => @init!
-    @list.push aniloop
-
-
-resizeObserver = do
-  wm: new WeakMap!
-  ro: new ResizeObserver (list) ->
-    list.map (n) ->
-      ret = resizeObserver.wm.get(n.target)
-      ret._resize!
-  add: (node, obj) ->
-    @wm.set node, obj
-    @ro.observe node
-    # observer won't fire the init event if node is not visible.
-    # - nonfixed - offsetParent will be null if it's hidden via the display style property.
-    # - fixed - check display property.
-    # - reference:
-    #  - https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent
-    #  - https://stackoverflow.com/questions/19669786/check-if-element-is-visible-in-dom
-    # thus, if we want to always fire right after node added, we then need:
-    # if !node.offsetParent or window.getComputedStyle(node).display == \none => obj._resize!
-
-  delete: ->
-    @ro.unobserve it
-    @wm.delete it
-
-with-default = (cfg = {}, defcfg = {}) ->
-  defcfg = JSON.parse JSON.stringify defcfg
-  _ = (cfg, defcfg) ->
-    for k,v of defcfg =>
-      if !(cfg[k]?) => cfg[k] = v
-      else if typeof(cfg[k]) == \object and typeof(v) == \object => with-default(cfg[k], defcfg[k])
-    return cfg
-  return _ cfg, defcfg
-
-# use this for now since we don't want to strictly depends on konfig. ( TBD )
-default-config = (cfg) ->
-  _ = (meta, ret = {}) ->
-    ctrls = if meta.child => that else meta
-    for id,v of meta =>
-      if !v.type => _(v, ret{}[id])
-      else if v.default => ret[id] = v.default
-    return ret
-  return _ cfg
-
-
-chart = (opt={}) ->
-  @root = if typeof(opt.root) == \string => document.querySelector(opt.root) else opt.root
-  @use-sample = if opt.use-sample? => opt.use-sample else true
-  @auto-select = if opt.auto-select? => opt.auto-select else true
-  @force-init = if opt.force-init => opt.force-init else false
-  @prepare-svg = if opt.prepare-svg? => opt.prepare-svg else true
-  @layout-opt = if opt.layout? => opt.layout else true
-  @delay-render = opt.delay-render or false
-  @data-accessor = if opt.data-accessor? => opt.data-accessor else (->if it => it.data._raw else null)
-  @raw = opt.raw or null
-  @mod = opt.mod or {}
-  @cfg = opt.config or {}
-  @seed = opt.seed or Math.random!
-  @binding = opt.binding or {}
-  @evt-handler = {}
-  @init = proxise.once ~> @_init!
-  # _resize is for and (should only be) used by `ResizeObserver`
-  @_resize = null
-
-  if @auto-select =>
-    @root.addEventListener \click, @_select = (e) ~>
-      if !(p = parent e.target, '.data', @root) => return
-      @fire \select, [{data: @data-accessor(p), node: p}]
-    @root.addEventListener \mouseover, @_hover = (e) ~>
-      if !(p = ld$.parent e.target, '.data', @root) => return
-      @fire \hover, [{data: @data-accessor(p), node: p}]
-
-  @
-
-chart.prototype = Object.create(Object.prototype) <<< do
-  # we use `init` to ensure called once, and put the actual code in _init.
-  _init: ->
-    if window.getComputedStyle(@root).position == \static => @root.style.position = \relative
-    layout-root = if @layout-opt =>
-      if typeof(@layout-opt) != \object => @root.querySelector(\.pdl-layout)
-      else if typeof(@layout-opt.root) == \string => @root.querySelector(@layout-opt.root)
-      else if @layout-opt.root => @layout-opt.root
-      else null
-    else null
-    if @prepare-svg and !(@svg = @root.querySelector \svg) =>
-      @svg = document.createElementNS(svgns, "svg")
-      @svg.style <<< width: "100%", height: "100%"
-      if @layout-opt =>
-        if !layout-root =>
-          console.error "[@plotdb/chart] layout enabled yet layout root isn't configured properly. "
-        r = layout-root.querySelector('[data-type=render]')
-        if !r => console.warn """
-          [@plotdb/chart] prepareSvg and layout is configured at the same time,
-          yet render container for layout is not found. svg is thus appended in the root.
-          """
-      (r or @root).appendChild @svg
-
-    # this can be implemented with singleton pattern
-    @_aniloop = new aniloop!
-    visibilityObserver.add @_aniloop
-    @_aniloop.on \tick, ~> @tick!
-    p = Promise.resolve!
-      .then ~>
-        defcfg = default-config(@mod.config or {})
-        with-default @cfg, defcfg
-        if @raw and Array.isArray(@raw) => return
-        if !@use-sample or !@mod.sample => return
-        ret = @mod.sample.apply @
-        return if ret.then => ret.then! else Promise.resolve ret
-      .then ~> @ <<<(it or {}){raw, binding}
-      .then ~>
-        if !@raw => @raw = []
-        if @layout-opt =>
-          if !(layout?) => console.warn "[@plotdb/chart] layout-opt is set yet @plotdb/layout is not found."
-          else
-            if !layout-root =>
-              console.error "[@plotdb/chart] cannot determine root node for @plotdb/layout."
-              console.error "[@plotdb/chart] config layout properly or disable layout by setting layout to false"
-            @layout = new layout(
-              if typeof(@layout-opt) == \object => ({} <<< @layout-opt <<< {watch-resize: false})
-              else {root: layout-root, watch-resize: false}
-            )
-
-        # we don't know when resizeObserver will call _resize but we need it to be called.
-        # thus, we lock execution here until resizeObserver calls _resize
-        _resize-lock = proxise ~> resizeObserver.add(@root, @); return null
-        # however, if somewhat resizeObserver won't be called soon ( due to invisibility of node )
-        # we then may want to get around it.
-        # see also: `resizeObserver.add` above.
-        if @force-init and !@root.offsetParent or window.getComputedStyle(@root).display == \none => return
-        # - unlocker
-        @_resize = -> _resize-lock.resolve!
-        # - locker
-        _resize-lock!
-      .then ~>
-        # once resizeObserver called _resize, we temporarily disable it until init is finished.
-        @_resize = ~>
-      .then ~>
-        # if no layout used, we init directly. otherwise we will call mod.init in layout.init
-        # we have to do this because:
-        #  - layout prepare necessary dom which may be used by init
-        #  - but init may generate necessary dom for layout.update
-        init = ~> if @mod.init => @mod.init.apply(@)
-        if !@layout => return init!
-        layout-lock = proxise ~> Promise.resolve(@layout.init init); return null
-        @_layout = ~> layout-lock.resolve!
-        @layout.on \render, ~> @_layout!
-        layout-lock!
-      .then ~>
-        # once layout prepared, we temporarily disable layout update event until init is finished.
-        @_layout = ~>
-        Promise.resolve!
-          .then ~>
-            # if for any reason user doesn't want to render right after init
-            # then we just lock it until set-raw.
-            if !@delay-render => return
-            @render-lock = proxise ~>
-            @render-lock!
-          .then ~>
-            # init is finished and we are prepared to render.
-            @_resize = ~> @resize!; @render!
-            @_layout = ~> @parse!; @bind!; @resize!; @render!
-            @parse!
-            @bind!
-            @resize!
-            @render!
-        # explicit return non-promise so init is declared as finished
-        # and won't block following codes.
-        return
-
-  parse: ->
-    @data = @raw.map (r,i) ~>
-      ret = {}
-      [{k,v} for k,v of @binding].map ({k,v}) ~>
-        if !v => return
-        ret[k] = if @mod.{}dimension{}[k].multiple => v.map -> r[it.key]
-        else r[v.key]
-        t = @mod.{}dimension{}[k].type
-        # TODO Since 'RC' is also possible, we should add and check the matched type instead of supported type.
-        if /[RIT]/.exec(t) and !/[CN]/.exec(t) =>
-          ret[k] = if Array.isArray(ret[k]) => ret[k].map(->parseFloat(it)) else parseFloat(ret[k])
-      ret._raw = r
-      ret._idx = i
-      ret
-    if @mod.parse => @mod.parse.apply @
-  bind: -> if @mod.bind => @mod.bind.apply @
-  start: ->
-    @_aniloop.run!
-    if @mod.start => @mod.start.apply @
-  stop: ->
-    @_aniloop.pause!
-    if @mod.stop => @mod.stop.apply @
-  resize: ->
-    # layout resize is disabled to prevent unnecessary rendering.
-    # however, we still need layout to be update ( without firing render event )
-    if @layout => @layout.update false
-    @box = @root.getBoundingClientRect!
-    if @mod.resize => @mod.resize.apply @
-  tick: -> if @mod.tick => @mod.tick.apply @
-  render: -> if @mod.render => @mod.render.apply @
-  destroy: ->
-    Promise.resolve!then ~>
-      if @_select => @root.removeEventListener \click, @_select
-      if @_hover => @root.removeEventListener \mouseover, @_hover
-      resizeObserver.delete @root
-      if @layout => @layout.destroy!
-      @stop!
-      if @mod.destroy => return @mod.destroy.apply @
-
-  config: (opt) ->
-    if !(opt? and opt) => return @cfg
-    @cfg <<< opt
-
-  set-bind: (n,b) ->
-    @binding[n] = b
-    @parse!
-    @bind!
-    @resize!
-    @render!
-
-  set-raw: (raw, binding, reinit = false) ->
-    if !Array.isArray(raw) => {raw,binding,reinit} = raw
-    if raw? => @raw = raw
-    if binding? => @binding = binding
-    # if there is render-lock, then we are still in initing process and no need to reinit.
-    # reinit is only needed if there is no render-lock
-    if @render-lock =>
-      @render-lock.resolve!
-      @render-lock = null
-    else
-      if reinit and @mod.init => @mod.init.apply(@)
-      @parse!
-      @bind!
-      @resize!
-      @render!
-  on: (n, cb) -> (if Array.isArray(n) => n else [n]).map (n) ~> @evt-handler.[][n].push cb
-  fire: (n, ...v) -> for cb in (@evt-handler[n] or []) => cb.apply @, v
-  filter: (filters = {}, internal = false) ->
-    bs = []
-    for k,v of @binding =>
-      u = if Array.isArray(v) => v else [v]
-      u = u.map (v) -> {k,v}
-      bs ++= u
-    for k,v of filters =>
-      bs
-        .filter(-> it.k == k)
-        .map -> it.v.filter = v
-    if internal => @fire \filter, filters
-    if @mod.filter => @mod.filter.apply @, [filters, internal]
-    @parse!
-    @bind!
-    @resize!
-    @render!
-
-if module? => module.exports = chart
-else if window? => window.chart = chart

package/src/chart.styl

@@ -1,6 +0,0 @@
-div[plug=layout]
-  width: 100%
-  height: 100%
-  .pdl-layout
-    width: 100%
-    height: 100%

package/src/data/en-US/category

@@ -1,20 +0,0 @@
-books
-business
-education
-entertainment
-finance
-food & drink
-games
-health & fitness
-lifestyle
-medical
-music
-navigation
-news
-photography
-productivity
-social network
-sports
-travel
-utilities
-weather

package/src/data/en-US/fruit

@@ -1,39 +0,0 @@
-apricot
-pomegranate
-kiwi
-mango
-pear
-watermelon
-strawberry
-nectarine
-blackberry
-raspberry
-boysenberry
-dragonfruit
-lemon
-cherry
-satsuma
-guava
-orange
-apple
-kumquat
-cantaloupe
-grape
-clementine
-grapefruit
-lime
-tangerine
-fig
-peach
-coconut
-pineapple
-plum
-honeydew
-papaya
-starfruit
-jujube
-blueberry
-banana
-passon fruit
-avocado
-huckleberry

package/src/data/en-US/movie

@@ -1,125 +0,0 @@
-The Perfect Storm
-Philadelphia Story
-Planet of the Apes
-Patton
-Pocahontas
-Pinoccio
-Quills
-Raiders of the Lost Ark
-Romeo and Juliet
-Snow White
-Shine
-Some Like It Hot
-Stardust
-Startrek
-The Seven Year Itch
-The Sound of Music
-Sabrina
-Sixth Sense
-The Silence of the Lambs
-Stargate
-Sunset Boulevard
-Superman
-Somewhere in Time
-Shawshank Redemption
-Shakespeare in Love
-Treasure Planet
-Transformers
-Toy Story
-Toy Story 2
-Taxi Driver
-Jaws
-Family Business
-The Italian Job
-Ice Age
-I Am Sam
-Iron Man
-How the West Was Won
-Mulan
-Fantasia
-Hulk
-Hollywood Ending
-Hannibal
-The Legend of 
-The Best Years of Our Lives
-Rear Window
-Rear Window
-Butch Cassidy and the Sundance Kid
-The Grapes of Wrath
-The Graduate
-The Godfather
-The Bridge on the River Kwai
-Stagecoach
-The Princess Diaries
-High Fidelity
-Gettysburg
-Glory
-The Running Man
-The Fog
-Godzilla
-The Hills Have Eyes
-Bride of Chucky
-The Glenn Miller Story
-The Fifth Element
-Forrest Gump
-Finding Nemo
-The Fly
-First Blood
-You Can't Take It with You
-Man of the Year
-From Hell
-The Easy Rider
-The English Patient
-The Extra-Terrestial
-Edward Scissorhands
-Empire of the Sun
-Encounters of the Third Kind
-Elizabeth: The Golden Age
-North by Northwest
-David and Lisa
-A River Runs Through It
-East/West
-Heads will Roll
-The Day After Tomorrow
-Blow
-Cruel And Unusual 
-Charlie's Angels
-The Crying Game
-A Bug's Life
-City Lights
-Captain Corelli's Mandolin
-Jackass
-The Man Who Knew Too Much
-Rio Bravo
-Chinatown
-Citizen Kane
-Cold Mountain
-A Clockwork Orange
-Baby Doll
-Seabiscuit
-Black Hawk Down
-The Birth of a Nation
-A Beautiful Mind
-Bicentennial Man
-Soldier
-The Mask
-Ice Spiders
-North by Northwes
-Blue Velvet
-Bonnie and Clyde
-Born on the Fourth of July
-Breakfast at Tiffany's
-A Walk to Remember
-The Avengers
-Anna and the King
-Annie Hall
-Avatar
-American Graffiti
-All Quiet on the Western Front
-American Sweethearts
-The Apartment
-Amadeus
-Alien
-All About Eve
-A.I. Artificial Intelligence
-The Alamo

package/src/data/en-US/name

@@ -1,58 +0,0 @@
-Johnnie Mclellan
-Kaydan Rollins
-Heather Storey
-Lillie-Mae Pham
-Lily Griffith
-Anais Walton
-Essa Senior
-Tayyib Valdez
-Clodagh Hopper
-Madina Mccormick
-Josef Penn
-Denzel Rojas
-Russell Woods
-Ozan Pacheco
-Muhammad Benson
-Karishma Ewing
-Muhamed Thomas
-Ziva Barclay
-Mischa Savage
-Daniella Wade
-Mamie Shepherd
-Leighton Bradshaw
-Ryley Mansell
-Shuaib Bennett
-Thelma Mohammed
-Arley Larsen
-Tessa Rasmussen
-Tyler Bowen
-Reya Wong
-Mae Sandoval
-Margaret Person
-Danyal Zamora
-Layan Reed
-Samantha Amin
-Olly Guevara
-Lia Barajas
-Kim Barker
-Rayyan Redfern
-Ramone Skinner
-Bob Chung
-Kaleem Rhodes
-Braden Adamson
-Evie-Rose Colon
-Calista Arias
-Fox Hurst
-Tonisha Bean
-Lacey Bowes
-Deon Bates
-Emrys Sykes
-Robbie Moyer
-Janine Hussain
-Jayden-James William
-Jasmin Estrada
-Harleigh Sullivan
-Elaina East
-Dana Brennan
-Becky Walters
-Iylah Wiggins

package/src/data/index.ls

@@ -1,34 +0,0 @@
-rand-fname = -> return "..."
-generate = (count, binding) ->
-  gen = do
-    raw: []
-    binding: {}
-  fields = {}
-  idx = 0
-  for k,v of binding
-    u = if Array.isArray(v) => v else [v]
-    keys = u.map -> 
-      fields[idx] = {key: rand-fname!, hint: it}
-      idx++
-    if Array.isArray(v) => gen.binding[k] = keys.map -> fields[it]{key}
-    else gen.binding[k] = fields[keys.0]{key}
-
-  for i from 0 til count =>
-    for k,v of fields =>
-      ret = {}
-      hint = v.hint
-      name = v.key
-      value = "..."
-      switch hint.type
-      | \R
-        range = hint.range or [0,1]
-        value = Math.round(Math.random! * (range.1 - range.0) + range.0)
-      | \N
-        value = <[A B C D E]>[Math.floor(Math.random! * 5)]
-      ret[v.key] = value
-    gen.raw.push ret
-  return gen
-
-generate 10, do
-  height: [0 to 3].map -> {type: \R, range: [0, 10]}
-  name: {type: \N}

package/src/data/zh-TW/category

@@ -1,20 +0,0 @@
-書籍
-商業
-教育
-娛樂
-財務
-飲食
-遊戲
-健康與健身
-生活風格
-醫療
-音樂
-導航
-新聞
-攝影
-生產力工具
-社交網路
-運動
-旅遊
-實用工具
-氣象

package/src/data/zh-TW/fruits

@@ -1,38 +0,0 @@
-杏組
-石榴
-奇異果
-芒果
-梨子
-西瓜
-草莓
-李子
-黑莓
-波森莓
-火龍果
-檸檬
-櫻桃
-蜜柑
-芭樂
-橘子
-蘋果
-金橘
-哈蜜瓜
-葡萄
-柳丁
-葡萄柚
-萊姆
-桶柑
-無花果
-桃子
-椰子
-鳳梨
-梅子
-香瓜
-木瓜
-楊桃
-藍莓
-棗子
-香蕉
-百香果
-酪梨
-越橘