mk_semi_lattice 0.5.0 → 0.5.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 81c0f885a735fa3302dec2cf7f1cc5fc74153aeec11369dda12fe6e6b5c6e0ac
-  data.tar.gz: 04ba5d37247addf1d758b60058cb4e0452f42f6ac36e7550c6a86e5822dde1d7
+  metadata.gz: 033ace70dffbcfd3491030fab05752a39887c4f12d8b7e7990601d166edd9b04
+  data.tar.gz: 867903e8bbba30252779d938c4d3831be54a4a9fa387c4bc208d15096dffcd78
 SHA512:
-  metadata.gz: 6f44b6a0f1b96b6098e5beceb15967055381bfa272f365c4de3853f4831c49ccacf2d87fd0172482aee8a20b780a403a47c6034b081fd39307e83ac4edb0b904
-  data.tar.gz: 8bc9931f25f6f0a7b46f9884af815203e823fc29567bc551fdd04be1e90a600129b363695040c713e6100a89bdd08389c576f77c9caa68cceb75d6738c7bf7ea
+  metadata.gz: 2de03e16de7fe635ffb0111e85fb38d216f000e98af453a1f0d964873e5b1a745773c5fadbe11110bfc9909b030afe97201bf1b8e9d799e4c005eff009eff2d3
+  data.tar.gz: b0a765451fe1fb430dc83d5c758500a3b975a6781d279549fd06f44519e5c71354e65221ba390ac809306ff881783ac541a2bc9ba062862ac94d619882cd5415

data/lib/mk_link_canvas/sample.html

@@ -0,0 +1,53 @@
+<canvas id="myCanvas" width="600" height="200" style="border:1px solid #ccc; cursor:pointer;"></canvas>
+
+<script>
+const canvas = document.getElementById('myCanvas');
+const ctx = canvas.getContext('2d');
+
+// 1. ボタン情報の定義（画像パス、座標、サイズ、リンク先）
+const buttons = [
+  {
+    src: 'button1.png', // 画像のパス
+    x: 50, y: 50,        // 配置するX, Y座標
+    width: 100, height: 100, // 画像のサイズ
+    link: 'https://example.com' // リンク先URL
+  },
+  {
+    src: 'button2.png',
+    x: 200, y: 50,
+    width: 100, height: 100,
+    link: 'https://example.com'
+  }
+];
+
+// 2. 画像を描画する関数
+buttons.forEach(btn => {
+  const img = new Image();
+  img.src = btn.src;
+  img.onload = () => {
+    ctx.drawImage(img, btn.x, btn.y, btn.width, btn.height);
+  };
+});
+
+// 3. クリックイベントの設定
+canvas.addEventListener('click', (event) => {
+  // Canvas上の正確なクリック座標を取得
+  const rect = canvas.getBoundingClientRect();
+  const clickX = event.clientX - rect.left;
+  const clickY = event.clientY - rect.top;
+
+  // 4. 当たり判定と画面遷移
+  buttons.forEach(btn => {
+    if (
+      clickX >= btn.x &&
+      clickX <= btn.x + btn.width &&
+      clickY >= btn.y &&
+      clickY <= btn.y + btn.height
+    ) {
+      // 範囲内をクリックした場合、指定URLへジャンプ
+      window.location.href = btn.link;
+    }
+  });
+});
+</script>
+

data/lib/mk_semi_lattice/manage_yaml/mk_semi_lattice_yaml.rb

@@ -99,6 +99,30 @@ module ManageYaml
       end
       InitEnv::Log.event("exited", parent_dir: parent_dir)
     end
+
+    def to_semi_lattice
+      semi_lattice = SemiLattice.new
+      node_map = {}
+
+      @data['nodes'].each do |node_data|
+        id = node_data['id']
+        name = node_data['name']
+        type = node_data['type']
+        file_path = node_data['file_path']
+        icon_path = node_data['src'] # :srcを:icon_pathに渡す
+
+        node = semi_lattice.add_node(name, type, file_path, icon_path)
+        node_map[id] = node
+      end
+
+      @data['edges'].each do |edge_data|
+        from_id = edge_data['from']
+        to_id = edge_data['to']
+        edge = semi_lattice.add_edge(node_map[from_id], node_map[to_id])
+      end
+
+      semi_lattice
+    end
   end
  
   class MkDirYaml

data/lib/mk_semi_lattice/sl_components.rb

@@ -6,6 +6,7 @@ EDGE_COLOR = 'black'  # 標準色に戻す
 
 module SLComponents
   # 日本語対応フォントの優先順位で選択 for win11, なければ省略
+  PROJECT_ROOT = File.expand_path('../..', __dir__)
 
   class NodeShape
     attr_accessor :x, :y, :name, :label, :fixed, :linked, :dx, :dy, :type, :file_path
@@ -47,10 +48,12 @@ module SLComponents
   class Icon < NodeShape
     def setup_shape
       p ["setup @icon_path", @icon_path]
-      icon_path = @icon_path && File.exist?(@icon_path) ? @icon_path : './icons/file.png'
+      default_icon_path = '.semi_lattice/icons/file.png'
+      icon_path = @icon_path && File.exist?(@icon_path) ? @icon_path : default_icon_path
+      p ["icon_path", File.expand_path(icon_path)]
       @image = Image.new(
         icon_path,
-        x: @x-28, y: @y-20, width: 56, height: 36, z: @z
+        x: @x-60.48, y: @y-38.88, width: 120.96, height: 77.76, z: @z
       )
     end
 
@@ -59,19 +62,19 @@ module SLComponents
     end
 
     def x=(x)
-      @image.x = x - 28
+      @image.x = x - 60.48
     end
 
     def y=(y)
-      @image.y = y - 20
+      @image.y = y - 38.88
     end
   end
 
   class FolderIcon < NodeShape
     def setup_shape
       @image = Image.new(
-        './.semi_lattice/icons/folder.png',
-        x: @x-28, y: @y-20, width: 56, height: 36, z: @z
+        '.semi_lattice/icons/folder.png',
+        x: @x-67.2, y: @y-43.2, width: 134.4, height: 86.4, z: @z
       )
     end
 
@@ -80,19 +83,19 @@ module SLComponents
     end
 
     def x=(x)
-      @image.x = x - 28
+      @image.x = x - 67.2
     end
 
     def y=(y)
-      @image.y = y - 20
+      @image.y = y - 43.2
     end
   end
 
   class Document < NodeShape
     def setup_shape
       @image = Image.new(
-        './.semi_lattice/icons/document.png',
-        x: @x-28, y: @y-20, width: 38, height: 56, z: @z
+        '.semi_lattice/icons/document.png',
+        x: @x-33.6, y: @y-24, width: 45.6, height: 67.2, z: @z
       )
     end
 
@@ -101,11 +104,11 @@ module SLComponents
     end
 
     def x=(x)
-      @image.x = x - 28
+      @image.x = x - 33.6
     end
 
     def y=(y)
-      @image.y = y - 20
+      @image.y = y - 24
     end
   end
 
@@ -212,9 +215,9 @@ module SLComponents
 
       # テキスト生成（共通化）
       if font_path && File.exist?(font_path)
-        @text = Text.new(label, x: x-28, y: y-10, size: 18, color: 'black', font: font_path, z: 11)
+        @text = Text.new(label, x: x-28, y: y+35, size: 14, color: 'black', font: font_path, z: 11)
       else
-        @text = Text.new(label, x: x-28, y: y-10, size: 18, color: 'black', z: 11)
+        @text = Text.new(label, x: x-28, y: y+35, size: 14, color: 'black', z: 11)
       end
 
       # アイコン生成
@@ -222,7 +225,7 @@ module SLComponents
         when 'dir_icon'
           FolderIcon.new(x: x, y: y, color: NODE_COLOR, z: 10)
         when 'dir'
-          Folder.new(x: x, y: y, color: NODE_COLOR, z: 10)
+          FolderIcon.new(x: x, y: y, color: NODE_COLOR, z: 10)
         when 'document'
           Document.new(x: x, y: y, color: NODE_COLOR, z: 10)
         when 'icon'
@@ -249,8 +252,8 @@ module SLComponents
       @circle.color = c # これ以降でcomponentをupdate
       @circle.x = @x
       @circle.y = @y
-      @text.x = @x - 28
-      @text.y = @y
+      @text.x = @x - @text.width / 2
+      @text.y = @y + 35
     end
   end
 

data/lib/mk_semi_lattice/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module MkSemiLattice
-  VERSION = "0.5.0"
+  VERSION = "0.5.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: mk_semi_lattice
 version: !ruby/object:Gem::Version
-  version: 0.5.0
+  version: 0.5.1
 platform: ruby
 authors:
 - Shigeto R. Nishitani
@@ -121,8 +121,6 @@ files:
 - exe/hc
 - exe/mk_semi_lattice
 - exe/mk_sl
-- lib/.semi_lattice/icons/document.png
-- lib/.semi_lattice/icons/folder.png
 - lib/abbrev_checker/abbrev_check.rb
 - lib/abbrev_checker/abbrev_sample.tgz
 - lib/abbrev_checker/abbrev_yamls/command/dir_tree.yaml
@@ -155,10 +153,12 @@ files:
 - lib/mk_light_table/readme.org
 - lib/mk_light_table/style.css
 - lib/mk_light_table/template.org
+- lib/mk_link_canvas/sample.html
 - lib/mk_semi_lattice.rb
 - lib/mk_semi_lattice/.semi_lattice/dir_node_edge.yaml
 - lib/mk_semi_lattice/.semi_lattice/dir_tree.yaml
 - lib/mk_semi_lattice/.semi_lattice/icons/document.png
+- lib/mk_semi_lattice/.semi_lattice/icons/file.png
 - lib/mk_semi_lattice/.semi_lattice/icons/folder.png
 - lib/mk_semi_lattice/.semi_lattice/semi_lattice.yaml
 - lib/mk_semi_lattice/docs/images/mk_semi_lattice.001.png
@@ -253,7 +253,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.7
+rubygems_version: 4.0.17
 specification_version: 4
 summary: make semi lattice graph from directory structure
 test_files: []