@plotdb/chart 0.0.3 → 1.0.1

package/web/static/block/table/0.0.1/index.html

@@ -1,73 +1,67 @@
-<div style="height:100%"><plug name="layout"></plug><script type="@plotdb/block">(function(it){
-  return it();
-})(function(){
-  var blockFactory;
-  blockFactory = {
-    pkg: {
-      name: 'table',
-      version: '0.0.1',
-      extend: {
-        name: "empty",
-        version: "0.0.1"
-      },
-      dependencies: [
-        {
-          url: "/assets/lib/gridjs/main/gridjs.production.min.js"
-        }, {
-          url: "/assets/lib/gridjs/main/theme/mermaid.min.css"
-        }
-      ]
+<div style="height:100%"><plug name="layout"></plug><script type="@plotdb/block">module.exports = {
+  pkg: {
+    name: 'table',
+    version: '0.0.1',
+    extend: {
+      name: "empty",
+      version: "0.0.1"
     },
-    init: function(arg$){
-      var root, context, pubsub, gridjs;
-      root = arg$.root, context = arg$.context, pubsub = arg$.pubsub;
-      gridjs = context.gridjs;
-      return pubsub.fire('init', {
-        layout: false,
-        prepareSvg: false,
-        mod: {
-          init: function(){
-            var grid;
-            this.grid = grid = new gridjs.Grid({
-              columns: [' ', '  ', '   ', '    ', '      '],
-              height: this.root.getBoundingClientRect().height + "px",
-              fixedHeader: true,
-              sort: true,
-              search: false,
-              resizable: true,
-              data: [].concat([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(function(){
-                return [];
-              }))
-            });
-            return grid.render(this.root);
-          },
-          parse: function(){
-            var head, res$, k, raw;
-            res$ = [];
-            for (k in this.raw[0] || {}) {
-              res$.push(k);
-            }
-            head = res$;
-            head.length;
-            raw = this.raw;
-            console.log(raw);
-            return;
-            return this.grid.updateConfig({
-              columns: raw[0],
-              data: raw.slice(1).concat((function(){
-                var i$, to$, ref$, results$ = [];
-                for (i$ = 0, to$ = (ref$ = 20 - raw.length) > 0 ? ref$ : 0; i$ <= to$; ++i$) {
-                  results$.push(i$);
-                }
-                return results$;
-              }()).map(function(){
-                return [];
-              }))
-            }).forceRender();
+    dependencies: [
+      {
+        url: "/assets/lib/gridjs/main/gridjs.production.min.js"
+      }, {
+        url: "/assets/lib/gridjs/main/theme/mermaid.min.css"
+      }
+    ]
+  },
+  init: function(arg$){
+    var root, context, pubsub, gridjs;
+    root = arg$.root, context = arg$.context, pubsub = arg$.pubsub;
+    gridjs = context.gridjs;
+    return pubsub.fire('init', {
+      layout: false,
+      prepareSvg: false,
+      mod: {
+        init: function(){
+          var grid;
+          this.grid = grid = new gridjs.Grid({
+            columns: [' ', '  ', '   ', '    ', '      '],
+            height: this.root.getBoundingClientRect().height + "px",
+            fixedHeader: true,
+            sort: true,
+            search: false,
+            resizable: true,
+            data: [].concat([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(function(){
+              return [];
+            }))
+          });
+          return grid.render(this.root);
+        },
+        parse: function(){
+          var head, res$, k, raw;
+          res$ = [];
+          for (k in this.raw[0] || {}) {
+            res$.push(k);
           }
+          head = res$;
+          head.length;
+          raw = this.raw;
+          console.log(raw);
+          return;
+          return this.grid.updateConfig({
+            columns: raw[0],
+            data: raw.slice(1).concat((function(){
+              var i$, to$, ref$, results$ = [];
+              for (i$ = 0, to$ = (ref$ = 20 - raw.length) > 0 ? ref$ : 0; i$ <= to$; ++i$) {
+                results$.push(i$);
+              }
+              return results$;
+            }()).map(function(){
+              return [];
+            }))
+          }).forceRender();
         }
-      });
-    }
-  };
-  return blockFactory;
-});</script></div>
+      }
+    });
+  }
+};</script></div>

package/web/static/block/taiwancounty/0.0.1/index.html

@@ -2,201 +2,196 @@
   display: grid;
   grid-template-columns: 1fr fit-content(5em);
 }
-</style><script type="@plotdb/block">(function(it){
-  return it();
-})(function(){
-  var blockFactory, mod;
-  blockFactory = {
-    pkg: {
-      name: 'taiwancounty',
-      version: '0.0.1',
-      extend: {
-        name: "base",
-        version: "0.0.1"
-      },
-      dependencies: [
-        {
-          url: "https://d3js.org/topojson.v2.min.js",
-          async: false
-        }, {
-          url: "https://d3js.org/d3-geo.v2.min.js",
-          async: false
-        }, {
-          name: "pdmaptw",
-          version: "local",
-          path: "index.min.js",
-          async: false
-        }, {
-          name: "pdmaptw",
-          version: "local",
-          path: "county.map.js"
-        }
-      ]
+</style><script type="@plotdb/block">var mod;
+module.exports = {
+  pkg: {
+    name: 'taiwancounty',
+    version: '0.0.1',
+    extend: {
+      name: "base",
+      version: "0.0.1"
     },
-    init: function(arg$){
-      var root, context, pubsub;
-      root = arg$.root, context = arg$.context, pubsub = arg$.pubsub;
-      return pubsub.fire('init', {
-        mod: mod({
-          context: context
-        })
-      }).then(function(it){
-        return it[0];
-      });
-    }
-  };
-  mod = function(arg$){
-    var context, chart, d3, ldcolor, pdmaptw, topojson;
-    context = arg$.context;
-    chart = context.chart, d3 = context.d3, ldcolor = context.ldcolor, pdmaptw = context.pdmaptw, topojson = context.topojson;
-    return {
-      sample: function(){
-        return pdmaptw.get('county').then(function(arg$){
-          var meta, topo;
-          meta = arg$.meta, topo = arg$.topo;
-          return {
-            raw: meta.name.map(function(it){
-              return {
-                val: Math.random(),
-                name: pdmaptw.normalize(it)
-              };
-            }),
-            binding: {
-              color: {
-                key: 'val'
-              },
-              name: {
-                key: 'name'
-              }
-            }
-          };
-        });
-      },
-      config: {
-        palette: {
-          type: 'palette'
-        }
-      },
-      dimension: {
-        name: {
-          type: 'N',
-          name: "國家"
-        },
-        color: {
-          type: 'R',
-          name: "顏色"
-        }
-      },
-      init: function(){
-        var scale, this$ = this;
-        this.g = this.layout.getGroup('view');
-        this.obj = new pdmaptw({
-          root: this.g,
-          type: 'county'
-        });
-        this.scale = scale = {
-          color: d3.interpolateTurbo
-        };
-        this.legend = new chart.utils.legend({
-          root: this.root,
-          name: 'legend',
-          layout: this.layout,
-          shape: function(d){
-            return d3.select(this).attr('fill', scale.color(d.key));
-          }
-        });
-        this.tip = new chart.utils.tip({
-          root: this.root,
-          accessor: function(arg$){
-            var evt, data;
-            evt = arg$.evt;
-            if (!(evt.target && (data = d3.select(evt.target).datum()))) {
-              return null;
-            }
+    dependencies: [
+      {
+        url: "https://d3js.org/topojson.v2.min.js",
+        async: false
+      }, {
+        url: "https://d3js.org/d3-geo.v2.min.js",
+        async: false
+      }, {
+        name: "pdmaptw",
+        version: "local",
+        path: "index.min.js",
+        async: false
+      }, {
+        name: "pdmaptw",
+        version: "local",
+        path: "county.map.js"
+      }
+    ]
+  },
+  init: function(arg$){
+    var root, context, pubsub;
+    root = arg$.root, context = arg$.context, pubsub = arg$.pubsub;
+    return pubsub.fire('init', {
+      mod: mod({
+        context: context
+      })
+    }).then(function(it){
+      return it[0];
+    });
+  }
+};
+mod = function(arg$){
+  var context, chart, d3, ldcolor, pdmaptw, topojson;
+  context = arg$.context;
+  chart = context.chart, d3 = context.d3, ldcolor = context.ldcolor, pdmaptw = context.pdmaptw, topojson = context.topojson;
+  return {
+    sample: function(){
+      return pdmaptw.get('county').then(function(arg$){
+        var meta, topo;
+        meta = arg$.meta, topo = arg$.topo;
+        return {
+          raw: meta.name.map(function(it){
             return {
-              name: data.data.name,
-              value: data.data.color
+              val: Math.random(),
+              name: pdmaptw.normalize(it)
             };
-          },
-          range: function(){
-            return this$.layout.getNode('view').getBoundingClientRect();
+          }),
+          binding: {
+            color: {
+              key: 'val'
+            },
+            name: {
+              key: 'name'
+            }
           }
-        });
-        return this.obj.init().then(function(){
-          return this$.obj.fit({
-            node: this$.g,
-            box: this$.layout.getNode('view').getBoundingClientRect()
-          });
-        });
-      },
-      parse: function(){
-        var this$ = this;
-        this.extent = {
-          c: [undefined, undefined]
         };
-        return d3.select(this.svg).selectAll('path').each(function(d, i){
-          d.data = this$.data.filter(function(it){
-            return it.name === d.properties.name;
-          })[0] || {};
-          if (!(this$.extent.c[0] != null) || d.data.color < this$.extent.c[0]) {
-            this$.extent.c[0] = d.data.color;
-          }
-          if (!(this$.extent.c[1] != null) || d.data.color > this$.extent.c[1]) {
-            return this$.extent.c[1] = d.data.color;
-          }
-        });
+      });
+    },
+    config: {
+      palette: {
+        type: 'palette'
+      }
+    },
+    dimension: {
+      name: {
+        type: 'N',
+        name: "國家"
       },
-      resize: function(){
-        var ref$, pal, len, this$ = this;
-        this.tip.toggle(((ref$ = this.cfg).tip || (ref$.tip = {})).enabled != null ? this.cfg.tip.enabled : true);
-        this.obj.fit(this.layout.getBox('view'));
-        pal = this.cfg.palette
-          ? this.cfg.palette.colors
-          : ['#f00', '#999', '#00f'];
-        len = pal.length;
-        this.ticks = d3.quantize(function(it){
-          return (1 - it) * (this$.extent.c[1] - this$.extent.c[0]) + this$.extent.c[0];
-        }, len).map(function(it){
-          var that;
+      color: {
+        type: 'R',
+        name: "顏色"
+      }
+    },
+    init: function(){
+      var scale, this$ = this;
+      this.g = this.layout.getGroup('view');
+      this.obj = new pdmaptw({
+        root: this.g,
+        type: 'county'
+      });
+      this.scale = scale = {
+        color: d3.interpolateTurbo
+      };
+      this.legend = new chart.utils.legend({
+        root: this.root,
+        name: 'legend',
+        layout: this.layout,
+        shape: function(d){
+          return d3.select(this).attr('fill', scale.color(d.key));
+        }
+      });
+      this.tip = new chart.utils.tip({
+        root: this.root,
+        accessor: function(arg$){
+          var evt, data;
+          evt = arg$.evt;
+          if (!(evt.target && (data = d3.select(evt.target).datum()))) {
+            return null;
+          }
           return {
-            key: it,
-            text: d3.format(this$.cfg.legendFormat || '.2f')(it) + ((that = this$.binding.color.unit) ? that : '')
+            name: data.data.name,
+            value: data.data.color
           };
-        });
-        this.ticks.sort(function(a, b){
-          return a.key - b.key;
-        });
-        if (this.cfg.palette) {
-          this.scale.color = d3.scaleLinear().domain(this.ticks.map(function(it){
-            return it.key;
-          })).range(pal.map(function(it){
-            return ldcolor.web(it.value || it);
-          }));
+        },
+        range: function(){
+          return this$.layout.getNode('view').getBoundingClientRect();
         }
-        this.legend.data(this.ticks);
-        return this.obj.fit({
-          node: this.g,
-          box: this.layout.getBox('view')
+      });
+      return this.obj.init().then(function(){
+        return this$.obj.fit({
+          node: this$.g,
+          box: this$.layout.getNode('view').getBoundingClientRect()
         });
-      },
-      render: function(){
-        var this$ = this;
-        d3.select(this.svg).selectAll('path').transition().duration(350).attr('fill', function(d, i){
-          return this$.scale.color(d.data.color);
-        }).attr('fill-opacity', function(d, i){
-          if (this$.cfg.dimEmpty) {
-            if (d.data.color != null) {
-              return 1;
-            } else {
-              return 0.2;
-            }
-          } else {
+      });
+    },
+    parse: function(){
+      var this$ = this;
+      this.extent = {
+        c: [undefined, undefined]
+      };
+      return d3.select(this.svg).selectAll('path').each(function(d, i){
+        d.data = this$.data.filter(function(it){
+          return it.name === d.properties.name;
+        })[0] || {};
+        if (!(this$.extent.c[0] != null) || d.data.color < this$.extent.c[0]) {
+          this$.extent.c[0] = d.data.color;
+        }
+        if (!(this$.extent.c[1] != null) || d.data.color > this$.extent.c[1]) {
+          return this$.extent.c[1] = d.data.color;
+        }
+      });
+    },
+    resize: function(){
+      var ref$, pal, len, this$ = this;
+      this.tip.toggle(((ref$ = this.cfg).tip || (ref$.tip = {})).enabled != null ? this.cfg.tip.enabled : true);
+      this.obj.fit(this.layout.getBox('view'));
+      pal = this.cfg.palette
+        ? this.cfg.palette.colors
+        : ['#f00', '#999', '#00f'];
+      len = pal.length;
+      this.ticks = d3.quantize(function(it){
+        return (1 - it) * (this$.extent.c[1] - this$.extent.c[0]) + this$.extent.c[0];
+      }, len).map(function(it){
+        var that;
+        return {
+          key: it,
+          text: d3.format(this$.cfg.legendFormat || '.2f')(it) + ((that = this$.binding.color.unit) ? that : '')
+        };
+      });
+      this.ticks.sort(function(a, b){
+        return a.key - b.key;
+      });
+      if (this.cfg.palette) {
+        this.scale.color = d3.scaleLinear().domain(this.ticks.map(function(it){
+          return it.key;
+        })).range(pal.map(function(it){
+          return ldcolor.web(it.value || it);
+        }));
+      }
+      this.legend.data(this.ticks);
+      return this.obj.fit({
+        node: this.g,
+        box: this.layout.getBox('view')
+      });
+    },
+    render: function(){
+      var this$ = this;
+      d3.select(this.svg).selectAll('path').transition().duration(350).attr('fill', function(d, i){
+        return this$.scale.color(d.data.color);
+      }).attr('fill-opacity', function(d, i){
+        if (this$.cfg.dimEmpty) {
+          if (d.data.color != null) {
             return 1;
+          } else {
+            return 0.2;
           }
-        });
-        return this.legend.render();
-      }
-    };
+        } else {
+          return 1;
+        }
+      });
+      return this.legend.render();
+    }
   };
-  return blockFactory;
-});</script></div>
+};</script></div>