plumo 0.0.4 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: da6fa84e3622b29e242b5f8e88cdf79c4c1ae25d
-  data.tar.gz: 65bb18eddc24a5661306929ea4093312ef960079
+SHA256:
+  metadata.gz: 2165f226a30aad06edd524cdb4e816f77b1e893fc51af826af15d0d18f3c51bf
+  data.tar.gz: 840c3b5d51605745d304bf28cd972beee0210b8e3aacd0c277521f873a544177
 SHA512:
-  metadata.gz: ba41af30bae3cd2854f16d2edfdc5ebf627de0c7161830b1dd97f0fb465961888326072ece36d8837fbef49acfb9b355a16503d71fe3cc32b4d923a9e11204e2
-  data.tar.gz: a8dc030e5478b057b313047ed5da1ae5694c2e5cc0321acbb9125e7d72c8fe0b8e4e8cb3ea63059fdd59f012bac7f4457f8bb5a2344de026e22a04ddf9c5f9b2
+  metadata.gz: a9648a88c65ae434929202659571b760bb886b7577274b9039699755caca3133769d47d84dcb3f1f9684e95a5c1f613cd1284c913eba6d30be01ae56f56e454e
+  data.tar.gz: f048a5ca88cb137c6d42173157a3ed393d082beda9ea79b006de98fef205e3a9c5479283e4d9c28631e0e431674a3f7693271846f584e2f3a5d5971e2a4a8fd1

data/lib/plumo.rb

@@ -1,5 +1,3 @@
-# coding: utf-8
-
 require 'webrick'
 require 'cgi'
 require 'json'
@@ -7,14 +5,13 @@ require 'pp'
 require 'timeout'
 
 class Plumo
-
   class NullLogger
     def <<(arg)
       ;
     end
   end
 
-  def initialize(w, h, opts={})
+  def initialize(w, h, opts = {})
     @w = w
     @h = h
     @session_id = nil
@@ -159,7 +156,7 @@ class Plumo
     )
   end
 
-  def line(x0, y0, x1, y1, style={})
+  def line(x0, y0, x1, y1, style = {})
     cmds = []
 
     if style.key?(:color)
@@ -176,7 +173,7 @@ class Plumo
     draw(*cmds)
   end
 
-  def stroke_rect(x, y, w, h, style={})
+  def stroke_rect(x, y, w, h, style = {})
     cmds = []
 
     if style.key?(:color)
@@ -190,7 +187,7 @@ class Plumo
     draw(*cmds)
   end
 
-  def fill_rect(x, y, w, h, style={})
+  def fill_rect(x, y, w, h, style = {})
     cmds = []
 
     if style.key?(:color)
@@ -205,7 +202,7 @@ class Plumo
     draw(*cmds)
   end
 
-  def stroke_circle(x, y, r, style={})
+  def stroke_circle(x, y, r, style = {})
     cmds = []
 
     if style.key?(:color)
@@ -225,7 +222,7 @@ class Plumo
     draw(*cmds)
   end
 
-  def fill_circle(x, y, r, style={})
+  def fill_circle(x, y, r, style = {})
     cmds = []
 
     if style.key?(:color)

data/lib/plumo/public/index.html

@@ -39,7 +39,11 @@
     <canvas
         width="100px" height="100px"
         style="border: solid 1px #000;"
-    />
+    ></canvas>
+
+    <div>
+      <button id="btn_save">save</button>
+    </div>
   </body>
 
 </html>

data/lib/plumo/public/plumo.js

@@ -1,15 +1,19 @@
-const puts = (...args)=>{
+function puts (...args) {
   console.log(...args);
-};
+}
+
+function getElement(selector) {
+  return document.querySelector(selector);
+}
 
 class Comet {
-  constructor(){
+  constructor() {
     this.timer = null;
     this.connected = true;
-    this.sessionId = new Date().getTime();
+    this.sessionId = Date.now();
   }
 
-  _open(){
+  _open() {
     $.post("/comet", { sessionid: this.sessionId })
       .then((data)=>{
         if (this.connected) {
@@ -26,14 +30,14 @@ class Comet {
       });
   }
 
-  open(){
+  open() {
     clearTimeout(this.timer);
     this.timer = setTimeout(()=>{
       this._open();
     }, 0);
   }
 
-  onclose(){
+  onclose() {
     this.connected = false;
     console.info("onclose");
     $.post("/close");
@@ -42,19 +46,19 @@ class Comet {
 }
 
 class CanvasWrapper {
-  constructor(el){
+  constructor(el) {
     this.el = el;
     this.$el = $(el);
     this.ctx = el.getContext("2d");
   }
 
-  reset(w, h){
+  reset(w, h) {
     this.$el.attr("width" , w);
     this.$el.attr("height", h);
     this.$el.show();
   }
 
-  execCmd(cmd){
+  execCmd(cmd) {
     const _cmd  = cmd[0];
     const args = cmd.slice(1);
 
@@ -71,13 +75,19 @@ class CanvasWrapper {
 }
 
 class App {
-  constructor(){
+  constructor() {
     this.comet = new Comet();
-    this.cw = new CanvasWrapper($("canvas").get(0));
+    this.cw = new CanvasWrapper(getElement("canvas"));
     this.resTimes = [];
   }
 
-  start(){
+  start() {
+    // events
+    getElement("#btn_save").addEventListener(
+      "click",
+      ()=>{ this.saveImage(); }
+    );
+
     // comet
     this.comet.onmessage = this.onmessage.bind(this);
     this.comet.open();
@@ -88,7 +98,7 @@ class App {
     }, 1000);
   }
 
-  onmessage(data){
+  onmessage(data) {
     this.refreshRps();
     this.refreshQsize(data.qsize, data.events.length);
 
@@ -114,8 +124,8 @@ class App {
     });
   }
 
-  refreshRps(){
-    const currentTime = new Date().getTime();
+  refreshRps() {
+    const currentTime = Date.now();
     this.resTimes.push(currentTime);
     const limit = currentTime - 1000;
 
@@ -127,7 +137,7 @@ class App {
     $("#rps").text(recent.length);
   }
 
-  refreshQsize(qsize, numEvents){
+  refreshQsize(qsize, numEvents) {
     $("#qsize").text(qsize);
 
     let qsizeBar = "#".repeat(numEvents);
@@ -137,7 +147,7 @@ class App {
     $("#qsize_bar").text(qsizeBar);
   }
 
-  ping(){
+  ping() {
     if (this.comet.connected) {
       return;
     }
@@ -156,9 +166,20 @@ class App {
       $("#ping").text(text + ".");
     });
   }
+
+  saveImage() {
+    const dataUrl = getElement("canvas").toDataURL();
+    const a = document.createElement("a");
+    a.href = dataUrl;
+    a.download = "image.png";
+    a.click();
+  }
 }
 
-$(()=>{
-  const app = new App();
-  app.start();
-});
+document.addEventListener(
+  "DOMContentLoaded",
+  ()=>{
+    const app = new App();
+    app.start();
+  }
+);

data/lib/plumo/version.rb

@@ -1,3 +1,3 @@
-module Plumo
-  VERSION = "0.0.4"
+class Plumo
+  VERSION = "0.1.0"
 end

data/plumo.gemspec

@@ -1,4 +1,3 @@
-# coding: utf-8
 lib = File.expand_path('../lib', __FILE__)
 $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
 require 'plumo/version'
@@ -21,7 +20,7 @@ Gem::Specification.new do |spec|
   spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
   spec.require_paths = ["lib"]
 
-  spec.add_development_dependency "bundler", "~> 1.17"
+  spec.add_development_dependency "bundler", "~> 2.1"
   spec.add_development_dependency "rake", "~> 12.0"
   # spec.add_development_dependency "minitest", "~> 5.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: plumo
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.1.0
 platform: ruby
 authors:
 - sonota88
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2019-04-30 00:00:00.000000000 Z
+date: 2021-05-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.17'
+        version: '2.1'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.17'
+        version: '2.1'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -75,8 +75,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.6.8
+rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
 summary: Easy 2d-graphincs using Ruby and Canvas